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

body{
	width:100%;
	height:100%;
	margin:auto;
 	background-image:url(images/bodybga.png); 
	background-repeat: no-repeat;
	background-size: cover;
	}

#site{
	width:960px;
	height:1179px;
	margin:auto;
	margin-top:7px;
	margin-bottom:7px;
	}
	
#site1{	
	width:960px;
	height:819px;
	margin:auto;
	margin-top:7px;
	margin-bottom:7px;
	}
	
#site4{
	width:960px;
	height:899px;
	margin:auto;
	margin-top:7px;
	margin-bottom:7px;
	}

#site2{
	width:960px;
	height:906px;
	margin:auto;
	margin-top:7px;
	}
	
#site3{
	width:960px;
	height:818px;
	margin:auto;
	margin-top:7px;
	margin-bottom:7px;
	}

#gammeproduit{
	width:930px;
	height:218px;
	padding-left:15px;
	padding-right:15px;
	background-color:#18243f;
	border-radius:7px;
	}

#header{
	width:960px;
	height:165px;
	background-image:url(images/header-02.png);
	border-radius:7px;
	}
	
.logo{
	width:240px;
	height:165px;
	padding-top:14px;
	}

.vide{
	width:720px;
	height:165px;
	}

#menu{
	width:960px;
	height:48px;
	background-color:#18243f;
	border-radius: 7px;
	}

.btn1{
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}

.btn2{
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}
	
.btn3{
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}

.btn4{
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}

.btn5{
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}
	
	
	
.btn1 a{
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:12px;
	word-spacing:1px;

	}

.btn1 a:hover{
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	text-decoration:none;
	position:relative;
	top:12px;
	}

.btn2 a{
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:12px;
	word-spacing:1px;

	}

.btn2 a:hover{
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	text-decoration:none;
	position:relative;
	top:12px;
	}
	
.btn3 a{
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:12px;
	word-spacing:1px;

	}

.btn3 a:hover{
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	text-decoration:none;
	position:relative;
	top:12px;
	}
	
.btn4 a{
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:12px;
	word-spacing:1px;

	}

.btn4 a:hover{
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	text-decoration:none;
	position:relative;
	top:12px;
	}

.btn5 a{
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:12px;
	word-spacing:1px;

	}

.btn5 a:hover{
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	text-decoration:none;
	position:relative;
	top:12px;
	}

#menu img{
	float:left;
	}

#sliderdeux{
	width:960px;
	height:624px;
	border-radius:7px;
/*	background-color:red;*/
/*	background-image:url(images/bgggf.png);*/
	}

.sliderdeuxb1{
	width:552px;
	height:584px;
	border-radius:7px 0px 0px 7px;
	background-image:url(images/bfddd.png);
	float:left;
	padding-top:30px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:10px;
	}

.sliderdeuxb1a{
	height:584px;
	}

.sliderdeuxb1a .sliderdeuxb1atc p{
	display:inline;
	font-family:calibri;
	font-size:11pt;
	color:white;
	text-align:justify;
	}

.sliderdeuxb1img .img1{
	margin-left:94px;
	margin-right:50px;
	margin-top:25px;
	margin-bottom:20px;
	}

.sliderdeuxb1img .img2{
	margin-left:25px;
	margin-right:50px;
	margin-top:25px;
	margin-bottom:20px;
	}

.sliderdeuxb1a .sliderdeuxb1atc b{
	display:inline;
	font-family:calibri;
	font-size:12pt;
	color:#1c9dd9;
	font-weight:bold;
	}

.sliderdeuxb1 h3{
	display:inline;
	font-family:calibri;
	font-size:20pt;
	color:#1c9dd9;
	font-weight:bold;
	}
	
.sliderdeuxb1 h4{
	display:inline;
	font-family:calibri;
	font-size:17pt;
	color:#1c9dd9;
	font-weight:bold;
	}

.sliderdeuxb1 .mapbloc{
	width:474px;
	height:366px;
	background-image:url(images/mapbloc.png);
	margin-top:14px;
	margin-bottom:14px;
	}

.map{
	width:454px;
	height:346px;
/*	background-color:purple;*/
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;	
	border-radius:7px 7px 7px 7px;
	}

.map2{
	width:228px;
	height:182px;
/*	background-color:purple;*/
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;	
	border-radius:7px 7px 7px 7px;
	}
	
.coordonee{
	width:474px;
	height:100px;
	float:left;
	}

.coordonee .coordoneeb1{
	width:237px;
	height:100px;
	float:left;
	}
	
.coordonee .coordoneeb2{
	width:237px;
	height:100px;
	float:left;
	}

.coordonee b{
	color:#1c9dd9;
	}

.coordonee .coordoneeb2 .mail{
	font-family:calibri;
	font-size:9.2pt;
	color:white;
	}

.sliderdeuxb1 img{
	float:left;
	}

.sliderdeuxb1 p{
	display:inline;
	font-family:calibri;
	font-size:10pt;
	color:white;
	}

.sliderdeuxb2{
	width:288px;
	height:584px;
	border-radius:0px 7px 7px 0px;
	background-color:#e4e5ea;
	float:left;
	padding-top:30px;
	padding-bottom:10px;
	}

.sliderdeuxb2aref{
	width:248px;
	height:275px;
	background-image:url(images/bgddcnref.png);
	float:left;
	padding:20px;
	}

.sliderdeuxb2acn{
	width:248px;
	height:230px;
	background-image:url(images/bgddcn.png);
	float:left;
	padding:20px;
	}	

	
.sliderdeuxb2a{
	width:248px;
	height:155px;
	background-image:url(images/bgdd.png);
	float:left;
	padding:20px;
	}	

.sliderdeuxb2a img{
	float:left;
	position:relative;
	top:-10px;
	}	

.sliderdeuxb2aref img{
	float:left;
	position:relative;
	top:-10px;
	}
	
.sliderdeuxb2acn img{
	float:left;
	position:relative;
	top:-10px;
	}		
	
.sliderdeuxb2atitre p{
	display:inline;
	font-family:calibri;
	font-size:16pt;
	color:#1c9dd9;
	font-weight:bold;
	padding:0px;
	margin:0px;
	position:relative;
	top:-10px;
	}

.sliderdeuxb2aimg{
	background-image:url(images/bgddimg.png);
	height:126px;
	padding:0px;
	margin-top:14px;
	position:relative;
	top:-10px;
	}

.sliderdeuxb2aimgcnt{
	background-image:url(images/bgddimg.png);
	height:126px;
	padding:0px;
	margin-top:14px;
	position:relative;
	top:-10px;
	}

.sliderdeuxb2aimg a{
	display:block;
	width:232px;
	height:112px;
	background-image:url(images/pres.png);
	position:relative;
	top:7px;
	left:7px;
	}

.sliderdeuxb2aimg a:hover{
	display:block;
	width:232px;
	height:112px;
	background-image:url(images/preshover.png);
	position:relative;
	top:7px;
	left:7px;
	}


.sliderdeuxb2aimgref{
	background-image:url(images/bgddimgref.png);
	height:249px;
	padding:0px;
	margin-top:14px;
	position:relative;
	top:-10px;
	}

.sliderdeuxb2aimgref img{
	margin-left:8px;
	margin-right:7px;
	margin-bottom:7px;
	margin-top:19px;	
	}

.sliderdeuxb2aimgcn{
	background-image:url(images/bgddimgcn.png);
	height:202px;
	padding:0px;
	margin-top:14px;
	position:relative;
	top:-10px;
	}

/*#sliderdeux .titleun {
	margin:0px;
	font-family:calibri;
	font-size:11pt;
	color:#0487c4;
	float:left;
	word-spacing:2px;
	margin-bottom:40px;
	}
	
#sliderdeux .titledeux{
	font-family:calibri;
	font-variant:small-caps;
	font-size:24pt;
	font-weight:bold;
	color:#0487c4;
	float:left;
	word-spacing:2px;
	}

.map{
	width:335px;
	height:319px;
	float:left;
	}

.verfil{
	width:3px;
	height:319px;
	background-color:#1c9dd9;
	float:left;
	margin-left:60px;
	margin-right:60px;
	}

.mapcoo{
	width:305px;
	height:279px;
	border-radius:7px;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	}
	
/*.mapcoo{
	width:305px;
	height:279px;
	background-color:#1c9dd9;
	border-radius:7px;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	}*/
	
.mapcoo p {
	margin:0px;
	font-family:calibri;
	font-size:14pt;
	color:#1c9dd9;
	float:left;
	word-spacing:2px;
	}
	
/*.mapcoo p {
	margin:0px;
	font-family:calibri;
	font-size:14pt;
	color:#16243e;
	float:left;
	word-spacing:2px;
	}	*/
	
.contactitle{
	margin:0px;
	font-family:calibri;
	font-size:20pt;
	font-weight:bolder;
	font-variant:small-caps;
	color:#1c9dd9;
	float:left;
	word-spacing:2px;
	}

.conrier{
	font-family:calibri;
	font-size:11.5pt;
	color:#1c9dd9;
	word-spacing:2px;
	}*/
	
/*.contactitle{
	margin:0px;
	font-family:calibri;
	font-size:20pt;
	font-weight:bolder;
	font-variant:small-caps;
	color:#16243e;
	float:left;
	word-spacing:2px;
	}

.conrier{
	font-family:calibri;
	font-size:11.5pt;
	color:#16243e;
	word-spacing:2px;
	}*/

#slidertrois{
	width:830px;
	height:525px;
	border-radius:7px;
	background-image:url(images/bggg.png);
	padding-left:80px;
	padding-right:50px;
	padding-top:50px;
	padding-bottom:50px;
	}

.pres{
	width:830px;
	height:360px;
	float:left;
	margin-top:80px;
	margin-bottom:30px;
	}	

#slidertrois .nous{
	margin:0px;
	float:left;
	margin:0px;
	font-family:calibri;
	font-size:12pt;
	color:white;
	word-spacing:2px;
	text-align:justify;
	}

.ttr{
	margin:0px;
	font-family:calibri;
	font-size:25pt;
	font-weight:bolder;
	font-variant:small-caps;
	color:#1c9dd9;
	word-spacing:2px;
	}

.tex{
	width:583px;
	height:376px;
	float:left;
	}

.im1{
	width:142px;
	height:142px;
	float:right;
	margin-right:30px;
	margin-top:476px;
	}

.im2{
	width:142px;
	height:142px;
	float:right;
	margin-right:30px;
	}

.bl{
	color:#1c9dd9;
	}

#sliderproduit{
	width:960px;
	height:545px;
	border-radius:7px;
	background-color:#e0e0e0;
	}

#slider{
	width:930px;
	height:320px;
	padding-left:15px;
	padding-top:26px;
	padding-right:15px;
	padding-bottom:26px;
	border-radius:7px;
	background-color:#18243f;
	}
	
.slideshow{
	width:930px;
	height:320px;
	background-color:#18243f;
	}

#menuvertical{
	width:314px;
	height:545px;
	background:rgb(168, 198, 218);
	float:left;
	border-radius:7px 0px 0px 7px;
	}

.menuverticala{
	width:314px;
	height:54.5px;
	}

/*#menuvertical a{
	text-indent:20px;
	font-family:calibri;
	font-size:13pt;
	color:#18243f;
	text-decoration:none;
	display:block;
	width:314px;
	height:40.5px;
	padding-top:14px;
	background-image:url(images/bgmna.png);
	}

#menuvertical a:hover{
	background:#18243f;
	color:white;
	}*/

.menuverticaltitre{
	width:314px;
	height:40.5px;
	padding-top:14px;
	background-image:url(images/bgmn1.png);
	text-indent:20px;
	font-family:calibri;
	font-size:16pt;
	color:white;
	}
	
#produits{
	background-color:#18243f;
	width:646px;
	height:545px;
	float:left;
	border-radius:0px 7px 7px 0px;
	}
	
.gtitre{
	width:616px;
	height:78px;
	padding-left:30px;
	float:left;
	}

.gtitre p{
	font-family:calibri;
	font-size:13pt;
	color:white;
	text-align:left;
	word-spacing:inherit:
	}

.gtitre .grasgrand{
	font-family:calibri;
	font-size:16pt;
	font-weight:bold;
	}
	
.gimage{
	width:616px;
	height:203px;
	float:left;
	padding-top:17px;
	padding-bottom:18px;
	padding-left:30px;
	}
	
.gimage img{
	float:left;
	margin-right:20px;
	}
	
.gtable{
	margin-left:-13px;
	width:616px;
	height:80px;
	float:left;
	padding-left:30px;
	padding-top:18px;
	padding-bottom:18px;
	}
	
.gtable001{
	width:260px;
	height:80px;
	border:1;
	
	}	

.gtable td{
	width:130px;
	color:white;
	font-family:calibri;
	}
	
th{
	width:130px;
	color:rgb(102, 173, 190);
	font-family:calibri;
	}

.gnormes{
	width:616px;
	height:113px;
	float:left;
	padding-left:30px;
	}

.gnormes{
	font-family:calibri;
	font-size:12pt;
	color:white;
	}

.gnormes .vlr{
	font-family:calibri;
	font-weight:bold;
	font-size:13pt;
	color:rgb(102, 173, 190);
	}

.bloc2{
	width:200px;
	height:298px;
	float:right;
	position:relative;
	top:-20px
	}

.image{
	width:200px;
	height:100px;
	}

.textecourant{
	font-family:calibri;
	font-size:6.5pt;
	color:white;
	text-align:justify;
	word-spacing:inherit;
	margin-bottom:8px;
	}

.titre{
	font-family:calibri;
	font-size:13pt;
	font-weight:bold;
	color:white;
	text-align:justify;
	word-spacing:inherit;
	margin-bottom:10px;
	}

.bloc1{
	width:683px;
	height:298px;
	float:left;
	}

.grandtitre{
	width:683px;
	height:30px;
	font-family:calibri;
	font-size:13pt;
	font-weight:bold;
	color:white;
	text-align:justify;
	word-spacing:inherit;
	position:relative;
	top:7px;
	left:19px;
	background-image:url(images/bg-03.png);
	background-repeat:no-repeat;
	background-position:80% 50%;
	}

.produit1{
	width:301px;
	height:109px;
	float:left;
	padding:20px;
	}
	
	
.produit2{
	width:301px;
	height:109px;
	float:left;
	padding:20px;
	}

.produit3{
	width:301px;
	height:109px;
	float:left;
	padding:20px;
	}
	
.produit4{
	width:301px;
	height:109px;
	float:left;
	padding:20px;
	}
.imageproduit{
	width:123px;
	height:103px;
	background-color:#633;
	float:left;
	margin-right:15px;
	}

.nomproduit{
	font-family:calibri;
	font-size:11pt;
	font-weight:bold;
	color:white;
	float:left;
	margin-bottom:8px;
	}

.descproduit{
	width:160px;
	font-family:calibri;
	font-size:7pt;
	color:white;
	text-align:left;
	float:left;
	margin-bottom:8px;
	}

.btnproduit{
	width:160px;
	float:left;
	}

#footer{
	width:960px;
	height:40px;
	background-color:#18243f;
	border-radius: 7px;
	}

.copyright{
	width:250px;
	height:40px;
	float:left;
	}

.space{
	width:234px;
	height:40px;
	float:left;
	}

.copyright{
	text-indent:19px;
	font-family:calibri;
	font-size:12pt;
	color:white;
	}

.lien1{
	width:70px;
	height:40px;
	float:left;
	}

.lien2{
	width:60px;
	height:40px;
	float:left;
	}

.lien3{
	width:110px;
	height:40px;
	float:left;
	}

.lien4{
	width:90px;
	height:40px;
	float:left;
	}

.lien5{
	width:120px;
	height:40px;
	float:left;
	}
	
.lien6{
	width:100px;
	height:40px;
	float:left;
	}	
	
.facebook{
	width:30px;
	height:40px;
	float:left;
	position:relative;
	right:5px;
	}

.twitter{
	width:30px;
	height:40px;
	float:left
	}

#footer .filet img{
	width:3px;
	height:12px;
	float:left;
	background-repeat:no-repeat;
	position:relative;
	top:12px;
	}

#footer .lien1, .lien2, .lien3, .lien4, .lien5, .lien6{
	text-align:center;
	}

#footer a{
	font-family:calibri;
	font-size:9pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:7px;
	}

#footer a:hover{
	font-family:calibri;
	font-size:9pt;
	color:#009ee3;
	text-decoration:none;
	position:relative;
	top:7px;
	}

#footer .lien6 a{
	font-family:calibri;
	font-size:10pt;
	color:white;
	text-decoration:none;
	text-align:center;
	}

#footer .copyright a:hover{
	font-family:calibri;
	font-size:9pt;
	color:white;
	text-decoration:none;
	position:relative;
	top:7px;
	}

#btw{
	width:960px;
	height:7px;
	}


#menuder ul {
	width:190.4px;
	height:48px;
 	margin:0;
 	padding:0;
 	list-style-type:none;
 	text-align:center;
 	}
 
#menuder li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}
 
#menuder .btn1 li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}
	
/*#menuder .btn2 li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}*/
	
/*#menuder .btn3 li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}*/

#menuder .btn4 li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}

#menuder .btn5 li {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	}

#menuder li a {
	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
	 }
	  
#menuder li a:hover {
 	color:#dcdbdb;
	 }

#menuder .btn1 li a:hover {
 	color:#000307;
	 }
	 
/*#menuder .btn2 li a:hover {
 	color:#000307;
	 }	*/

/*#menuder .btn3 li a:hover {
 	color:#000307;
	 }*/
	
#menuder .btn4 li a:hover {
 	color:#000307;
	 }	

#menuder .btn5 li a:hover {
 	color:#000307;
	 }
 
/*#menuder ul li ul {
 	display:none;
 	}
 
#menuder ul li:hover ul {
 	display:block;
 	}
	
#menu li:hover ul li {
	 float:left;
	 background-color:#009ee3;
	 }
 */
#menuder {
 	width:190.4px;
	height:48px;
	text-align:center;
	float:left;
 	}

/*menu produit vertical*/

.blocmenu{
	width:314px;
	height:545px;
	margin:0px;
	border-radius:7px 0px 0px 7px;
	}

.blocmenurub .ttt{
	font-family:Calibri;
	font-size:14pt;
	color:white;
	font-weight:bold;
	}

.blocmenurub a{
	padding-top:10px;
	font-family:Calibri;
	font-size:13pt;
	color:white;
	text-indent:30px;
	display:block;
	width:314px;
	height:30px;
	background-image:url(images/menu/bga.jpg);
	}

.blocmenurub a:hover{
	padding-top:10px;
	font-family:Calibri;
	font-size:13pt;
	color:white;
	text-indent:30px;
	display:block;
	width:314px;
	height:30px;
	background-image:url(images/menu/bgahover.jpg);
	}
	
.blocmenurub2 a{
	display:block;
	width:314px;
	height:30px;
	text-indent:55px;
	background-image:url(images/menu/bgc.jpg);
	}

.blocmenurub2 a:hover{
	display:block;
	width:314px;
	height:30px;
	text-indent:55px;
	background-image:url(images/menu/bgchover.jpg);
	}
	
.blocmenurub2ab a{
	display:block;
	width:314px;
	text-indent:76px;
	background-image:url(images/menu/bgb.jpg);
	}

.blocmenurub2ab a:hover{
	display:block;
	width:314px;
	text-indent:76px;
	background-image:url(images/menu/bgbhover.jpg);
	}

li, ul{
	list-style:none;
	}
	
ul {
	padding:0px;
	margin:0px;	
	}


/* Slider  style */
	._slider .nivoSlider {width:930px;height:320px;}
/* Nivo-Szaki Slider custom style */


html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }