@charset "utf-8";
/* CSS Document */

body {font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:#309fd6 solid 10px;}
a {text-decoration:none; color:inherit}
a.mentions {text-decoration:underline; color: #48b4e6;}
*:focus{ outline:none}
body strong {font-weight:bold;}
body em {font-style:italic}
textarea {resize:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
.clear {clear:both}

/* BKG */
.bkg {background:url(/_img/bkg.jpg) center top repeat-x}
.home {background:url(/_img/bkg_home.jpg) center top repeat-x}


/* SCROLLBARS CSS3 */
::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-button:start:decrement, :-webkit-scrollbar-button:end:increment  {display: none;}
::-webkit-scrollbar-track-piece {background-color: #dcdad0; }
::-webkit-scrollbar-thumb:vertical {background: #c3bfae;}
/* SCROLLBARS CSS3 */


/* /////////////////////// HEADER /////////////////////// */
/* Entête */
header {width:900px; margin:0 auto; padding-top:20px;z-index:999;}
/* Logo */
header .logo a{display:block; background:url(/_img/logo.png); width:120px; height:48px; float:left; margin-left:20px; margin-bottom:10px}
/* Menu top */
header .menu_top {height:42px; font-family:'futura_std_condensedbold'; font-size:14px; width:513px; background:url(/_img/bkg_menu_top.png) no-repeat; float:right; margin-top:8px}
header .menu_top ul {margin-left:25px}
header .menu_top li {float:left; text-transform:uppercase; color:#48b4e6; margin:15px 10px 0 10px}
header .menu_top li input {border:none; background:transparent; margin:0}
header .menu_top li.search_product {margin-top:10px}
header .menu_top li .search {background:url(/_img/bkg_search.png); width:192px; height:21px; float:left}
header .menu_top li input.champ {margin-left:30px; margin-top:2px; width:156px; color:#3b3b3b; font-size:11px}
header .menu_top li input.btt {color:#48b4e6; font-size:15px;font-family:'futura_std_condensedbold'; cursor:pointer}
/* Menu section */
header nav.menu {font-family:'futura_std_condensedbold'; font-size:13px; /*color:#FFF;*/ background:url(/_img/bkg_menu.png) no-repeat; width:880px; height:51px; padding:5px 10px 0 10px}
/*header nav.menu ul {text-align:center}
header nav.menu li {float:left; text-transform:uppercase; height:39px}
		 MENU BLEU 
		header nav.menu ul{z-index:100; margin:0; list-style-type: none; padding:0;margin-left:8px\9}
		header nav.menu ul li{position: relative; float:left; letter-spacing:1px;  border-right: #1976a0 solid 1px; width:108px}
		header nav.menu ul li span { display:inline-block;padding-top:8px}
		header nav.menu ul li:last-child {border:none}
		header nav.menu ul li a{ display: block; padding: 0 8px; text-decoration: none;padding: 0 6px\9; height:39px}
		* html header nav.menu ul li a{ display: inline-block;}
		header nav.menu ul li ul li:last-child a:hover {background:none; background-color:#23a0db; color:#FFF}
		header nav.menu ul li ul{position: absolute; left: 0; display: none; visibility: hidden; margin-top:4px}
		header nav.menu ul li ul li{display: list-item; float: none; background:none; background-color:#167fb0; border:none; margin-top:0; width:auto}
		header nav.menu ul li ul li ul{top: 0;}
		header nav.menu ul li ul li a{font: normal 12px Arial; width: 200px; padding:0 5px; margin: 0; border-top-width: 0; border-bottom: 1px dotted #ddf6cd;-webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; transition: background-color .5s linear;}
		header nav.menu ul li ul li:last-child a {border:none;}
		header nav.menu ul li ul li a:hover {background-color:#23a0db; color:#FFF}
		* html header nav.menu{height: 1%;}
 /////////////////////// HEADER /////////////////////// */


/* /////////////////////// CONTENU /////////////////////// */
#contenu #contenu_principal {width:810px; margin:10px auto; line-height:18px; text-align:justify; background:url(/_img/bkg_center.png) center top no-repeat; padding:25px 45px 40px 45px; position:relative; min-height:725px}
	#contenu #contenu_principal p {margin-bottom:20px}
	#contenu #contenu_principal h1 {font-family:'futura_std_extraboldregular'; font-size:27px; text-align:left; color:#48b4e6; line-height:30px; padding-bottom:30px; background:url(../_img/h1shadow.jpg) left bottom no-repeat; min-width:524px}
	#contenu #contenu_principal h1 span {font-family: 'futurastd_condensedlight';}
	#contenu #contenu_principal h2, #contenu #contenu_principal h3, #contenu #contenu_principal h4 {color:#48b4e6; margin-bottom:6px}
	#contenu #contenu_principal h2 {font-family: 'futurastd_condensedlight'; font-size:32px; margin-bottom:12px}
	#contenu #contenu_principal h3 {font-family: 'futura_std_condensedbold'; font-size:16px}
	#contenu #contenu_principal h4 {font-family: 'futurastd_condensedlight'; font-size:18px}
#contenu #contenu_principal ul.catalogue, #contenu #contenu_principal .content, #contenu #contenu_principal .content_column {margin-top:80px}
#contenu #contenu_principal ul.catalogue li {float:left; width:268px; height:auto; border:#e9e9e9 solid 1px; border-left:#FFF solid 1px; border-right:#FFF solid 1px; border-top:#FFF solid 1px; text-align:center; padding-top:26px}
#contenu #contenu_principal ul.catalogue li:nth-child(3n+2) {border:#e9e9e9 solid 1px; border-top:#FFF solid 1px}
#contenu #contenu_principal ul.catalogue li:nth-child(-n+3) {height:auto; padding-top:0}
#contenu #contenu_principal ul.catalogue li:nth-child(n+7) {border-bottom:#FFF solid 1px; height:auto}
#contenu #contenu_principal ul.catalogue li div.nom_produit {color:#75a655; font-weight:bold}
#contenu #contenu_principal ul.catalogue li div.reference {color:#969696}
#contenu #contenu_principal ul.catalogue li div.telecharger {color:#75a655; width:162px; padding:15px 53px 0 53px; background:url(/_img/li_shadow.png) center top no-repeat}
#contenu #contenu_principal ul.catalogue li div.thumb {margin-bottom:10px;}
#contenu #contenu_principal ul.catalogue li div.thumb img{max-width:196px;max-height:130px;}
#contenu #contenu_principal ul.catalogue li div.dl_pdf a{display:block; background:url(/_img/pdf.png); width:38px; height:22px; float:left}
#contenu #contenu_principal ul.catalogue li div.dl_txt {float:left; margin-right:10px; margin-top:2px}
		/* FILTRE */
		#contenu #contenu_principal .filtre {position:absolute; top:25px; right:22px;}
		#contenu #contenu_principal .filtre select {color:#74af4d; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px; /*width: 160px;*/ height: 30px; border:none; background:#e9e9e9}
		#contenu #contenu_principal .filtre optgroup {color:#74af4d; background:#FFF; font-weight:normal}
		#contenu #contenu_principal .filtre option {color:#666; background:#FFF; font-weight:normal}
		#contenu #contenu_principal .filtre .dl_catalogue {float:right; margin-top:5px; margin-right:5px}
		#contenu #contenu_principal .filtre .dl_catalogue a{font-size:11px; color:#666666}

		/* Catégories */
#contenu #contenu_principal ul.page_categories li a {display:block; float:left; width:250px;font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:5px; color: #004c9a; margin:5px; -webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; -o-transition: background .3s ease-in; transition: background .3s ease-in; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: 'futurastd_condensedlight'; text-transform:uppercase }	
#contenu #contenu_principal ul.page_categories li a:hover {background:#48B4E6; color:white}

		
#contenu #contenu_principal .img_content {margin-bottom:30px; border:#ececec solid 1px; overflow:hidden; line-height:0; width:808px;}
		/* COLONNES */
#contenu #contenu_principal .content_column .contenu {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; 	column-gap: 30px; margin-top:20px}
		/* Breadcrumb */
#contenu #contenu_principal .breadcrumb {font-size:11px; color:#999; margin-bottom:15px;}
/* /////////////////////// CONTENU /////////////////////// */


/* /////////////////////// PAGINATION /////////////////////// */
#contenu #contenu_principal #pagination {float:right; margin-top:20px}
#contenu #contenu_principal #pagination li {float:left; width:26px; height:22px; color:#FFF; background:url(/_img/pagination.png); text-align:center; margin-left:6px; padding-top:4px;-webkit-transition: background .5s linear; -moz-transition: background .5s linear; -o-transition: background .5s linear; transition: background .5s linear;}
#contenu #contenu_principal #pagination li.active {background:url(/_img/pagination_active.png); color:#75a655}
#contenu #contenu_principal #pagination li a {display:block}
#contenu #contenu_principal #pagination li:hover {background:url(/_img/pagination_hover.png); color:#FFF; cursor:pointer}
/* /////////////////////// PAGINATION /////////////////////// */


/* /////////////////////// FOOTER /////////////////////// */
footer {height:100px; background:url(/_img/bkg_footer.png)}
footer .footer {width:900px; margin:0 auto}
footer .footer a {color:#FFF}
footer .footer ul {width:355px; height:67px; background:url(/_img/bkg_footer_ul.png) no-repeat; float:right; padding-top:20px; font-size:10px}
footer .footer ul li {display:inline-block; text-align:center; padding:0 10px; border-right:#FFF solid 1px; margin-top:20px}
footer .footer ul li:last-child {border:none}
footer .logos {float:left; background:url(../_img/logos_groupe.png) no-repeat; width:268px; height:20px; margin:15px 0 0 20px; color:#FFF; padding-top:48px; text-align:center; font-size:11px}
footer .iso {float:left; background:url(../_img/iso9001.png); width:113px; height:52px; margin:15px 0 0 12px}
footer .afimin {float:left; width:120px; text-align:center; margin-top:20px; color:#FFF; margin-left:10px; font-size:9px}
footer .afimin img {margin-top:5px}
/* /////////////////////// FOOTER /////////////////////// */


/* /////////////////////// HOME + SLIDER /////////////////////// */
#contenu #contenu_home {width:897px; margin:15px auto 0 auto; position:relative}
#contenu #contenu_home .balai {position: absolute; width:254px; height:121px; background:url(/_img/balai.png) no-repeat; z-index:1; right:0; top: 300px}
#slider_holder{overflow:hidden; position:relative; display:block; width:897px; height:378px; background:url(../_img/shadow.png) center bottom no-repeat}
#slider{position:absolute; overflow:hidden; width:897px; height:363px; margin:0;}
#slider .slide{position:absolute; list-style-type:none; display:none; width:897px; height:363px; background:top left no-repeat; -moz-border-radius-topleft: 10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
#panneau_texte{position:absolute; overflow:hidden; width:897px; height:363px}
#texte{color:#74af4d; position:absolute; top:65px; left:0px; width:auto; max-width:350px; height:auto; background:#FFF; padding:15px 35px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:0px; border-top-right-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:5px; line-height:26px}
#texte span.titre1{font-family: 'futurastd_light'; font-size:22px}
#texte span.titre2{font-family: 'futurastd_bold'; font-weight:bold; font-size:23px}
#texte a{display:block; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:10px}
#texte a:hover{color:#0F5386}
#slider_zone{position:absolute; width:100%; height:100%}
#slider_controls{position:absolute; width:726px; height:10px; top:8px; right:17px}
#slider_controls .slider_buttons_holder{position:absolute; display:block; width:auto; height:14px; top:0; right:0}
.slider_buttons_holder .slide_button{float:left; width:10px; height:10px; opacity:1; background:#68b13e; transition:opacity .5s; -moz-transition:opacity .5s; -webkit-transition:opacity .5s; -o-transition:opacity .5s; cursor:pointer; margin:0 6px 0 0}
.slider_buttons_holder .slide_button:hover,.slider_buttons_holder .active{opacity:0.5}
.slider_buttons_holder .slide_button:last-child{margin:0}
.slider_buttons_holder .slide_button .active{background-color:#FFF}
#contenu #contenu_home .bottom_home {height:420px}
#contenu #contenu_home .bottom_home_left, #contenu #contenu_home .bottom_home_right, #contenu #contenu_home .bottom_home_left .block_vert, #contenu #contenu_home .bottom_home_left .block_bleu {float:left}
#contenu #contenu_home .bottom_home_left {width:576px; background:url(../_img/shadow_home.png) right no-repeat; height:400px}
#contenu #contenu_home .bottom_home_right {width:321px; height:400px}
#contenu #contenu_home .bottom_home_left .block_vert, #contenu #contenu_home .bottom_home_left .block_bleu {width:209px; height:202px; margin-top:70px; padding:16px 18px; line-height:24px; position:relative}
#contenu #contenu_home .bottom_home_left .block_vert p, #contenu #contenu_home .bottom_home_left .block_bleu p {color:#3b3b3b; line-height:16px}
#contenu #contenu_home .bottom_home_left .block_vert {margin-left:18px; background:url(/_img/bkg_block_bottom_home_vert.png); color:#74af4d}
#contenu #contenu_home .bottom_home_left .block_bleu {margin-left:30px; background:url(/_img/bkg_block_bottom_home_bleu.png); color:#0a90c4}
#contenu #contenu_home .bottom_home_left .nope {margin-left:30px; background:url(/_img/bkg_block_bottom_home.png); color:#0a90c4}
#contenu #contenu_home .bottom_home_left .nope img {width:100px; height:auto; /*float:left;*/ /*margin-right:10px;*/ margin:5px auto 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#contenu #contenu_home .bottom_home_left .nope p {/*margin-top:10px*/}
#contenu #contenu_home .bottom_home_left span.light{font-family: 'futurastd_light'; font-size:22px}
#contenu #contenu_home .bottom_home_left span.bold{font-family: 'futura_std_extraboldregular'; font-size:23px}
#contenu #contenu_home .bottom_home_left .block_bleu .btt_bleu, #contenu #contenu_home .bottom_home_left .block_vert .btt_vert {position:absolute; width:160px; height:27px; bottom:20px; left:16px;padding:1px 10px 0 10px}
#contenu #contenu_home .bottom_home_left .block_bleu .btt_bleu {background:url(../_img/btt_bleu.png) no-repeat;}
#contenu #contenu_home .bottom_home_left .block_vert .btt_vert {background:url(../_img/btt_vert.png) no-repeat}
#contenu #contenu_home .bottom_home_left .block_bleu .btt_bleu a, #contenu #contenu_home .bottom_home_left .block_vert .btt_vert a{color:#FFF; font-weight:bold; font-size:14px; display:block}

#contenu #contenu_home .bottom_home_right .icons{width:175px; margin:85px auto 0 auto; height:90px}
#contenu #contenu_home .bottom_home_right a.contacts, #contenu #contenu_home .bottom_home_right a.catalogue {width:72px;; height:17px; padding-top:70px; font-family: 'futura_std_extraboldregular'; font-size:13px; color:#74af4d; text-align:center}
#contenu #contenu_home .bottom_home_right a.contacts {background: url(/_img/contact.png) center top no-repeat; float:left}
#contenu #contenu_home .bottom_home_right a.catalogue {background: url(/_img/catalogue.png) center top no-repeat; float:right}
#contenu #contenu_home .bottom_home_right .actualite {padding:40px; padding-right:0; margin-top:40px}
#contenu #contenu_home .bottom_home_right .actualite p.news{line-height:22px; /*height:180px;*/ overflow:auto}
#contenu #contenu_home .bottom_home_right .actualite span.bleu {font-family: 'futura_std_condensedbold'; font-size:26px; color:#0a90c4; padding-bottom:10px; display:inline-block}
#contenu #contenu_home .bottom_home_right .actualite a{color:#0a90c4; padding-top:10px; display:inline-block}
/* /////////////////////// HOME + SLIDER /////////////////////// */


/* /////////////////////// CONTACT /////////////////////// */
#contenu .contact_left, #contenu .contact_right {float:left; width:50%}
#contenu .contact_left {}

#contenu .contact_right .label, #contenu .contact_right .form {float:left;}
#contenu .contact_right .label {width:100px;}
#contenu .contact_right .form {width:290px}
#contenu .contact_right .form .champ, #contenu .contact_right .form .textearea, #contenu .contact_right .form .numeric {border:solid 1px #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:3px; color:#999; font-family:Arial, Helvetica, sans-serif}
#contenu .contact_right .form .champ {width:285px}
#contenu .contact_right .form .textearea {width:285px; height:100px}
#contenu .contact_right .form .numeric {width:150px}
#contenu .contact_right .button {float:right}

#contenu .contact_right .button .btt {border:none; margin-right:-3px; color:#FFF; background:#48b4e6; padding:3px 6px; text-transform:uppercase; cursor:pointer; margin-top:5px}
.errormsg {font-weight:bold; color:red; padding:5px 10px; background:#ffe7e7; border:red solid 1px; margin:15px 0 10px 0; text-align:center}
.red {color:red}
.mandatory {font-size:11px;}

#contenu .contact_right .question {position:relative}
#contenu .contact_right .question label {position:absolute; top:0}

table#contactTable td {padding:5px}
/* /////////////////////// CONTACT /////////////////////// */



/* /////////////////////// SOCIETE /////////////////////// */

.societe_first, .societe_second, .societe_third {margin-left:45px; margin-top:30px}
.societe_left, .societe_right, .societe_left_bottom {float:left}
.societe_left p {width:450px; margin-top:40px}
.societe_left {width:510px;}
.societe_left_bottom {width:480px; margin-right:40px; padding-top:20px}
.societe_right {}
.img_societe {width:461px}
.img_pub {width:207px}
#societe_products li {float:left}
#societe_products li.center {margin:0 72px}
div.galSoc {margin-top:30px}
div.pixleft {float:left; margin-bottom:15px}
div.pixright {float:left; margin-bottom:15px; margin-left:15px}
/* /////////////////////// SOCIETE /////////////////////// */