* {margin : 0; padding : 0;}
html {height : 100%; min-height: 100%;}
body {width : 100%; height : 100%; min-height : 100%; background: #414042; }
h1, h2, h3, h4, h5 {font-family: arial, sans-serif; color : #333;}
a {text-decoration :none; outline : none; color :#522123; text-decoration : underline}
a, img {
	border : none;
	color: #FFF;
}
p, li, td {
	font-family : arial, sans-serif;
	font-size : 10pt;
	line-height : 16pt;
	text-align : justify;
	color : #FFF;
}
.main {max-width : 960px; margin : auto; position : relative;}
ul {list-style-type : none;}



/* Index */

 #retour,  #retourcontact  {padding-top:0px; margin-top:-20px;}
 

 /* header */
 #logo{
	height : 46px;
	width: 144px;
	position: absolute;
	top: 50px;
	left: 44px;
	z-index: 10000;
}

#header {
	height : auto;
	width : 100%;
	position : fixed;
	top: -1px;
	left: 0px;
	display: block;
	margin: 0px 0px 0px 0px; z-index:1000;
}





#menu {position: relative; z-index : 1000; top : 1px;  height : 55px; width : 100%;  border-bottom: 1px solid #663333;background:#07a9c9; z-index:999}
#menu ul{float: right; list-style-type : none;}
#menu li {float: left; padding : 0;line-height : 55px;}
#menu li a{display : block; color : #ffffff; font-family : arial;padding : 0 25px; letter-spacing:0.3em; font-size : 9pt; text-transform : uppercase; text-decoration : none; text-align : center;-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
#menu li a:hover{color : #666666;    border-bottom: 10px solid #231f20; background:#ff9900; }
#menu .on{ cursor:none;border-bottom: 10px solid #663333; color:#663333; }

	 #menu li#menu1 a{text-indent : -9999px;padding:0px 10px 0px 10px; width : 10px; background : url(../images/home.png) no-repeat center;  -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
	 #menu li#menu1 a:hover{background :#663333  url(../images/home.png) no-repeat center; }
	 
	  #menu li#menureserv a{background : #663333;color : #cccccc; border-left: 1px solid #231f20;  -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
	 #menu li#menureserv a:hover{background :#ffffff; }
	 
	 #header #shadowheader{display : block; position : absolute ; top : 57px; right : 0; margin-right : 0px; width : 100%; height : 42px; text-align:right; z-index:100; }
#header #shadowheader img{ width : 100%; height : 42px; }



 /* end header */

#reseaux {
	width : 70;
	height: auto;
	position: absolute;
	bottom:0px;
	right: 10px;
	z-index: 10000000;
}
#reseaux img{
	width : 35px;
	height: 35px;
	margin-right:10px;
	
}

/* PAGES */

#contenant {position: relative;width: 100%; min-width:480px; height:auto; display:block; padding-bottom:0px; margin:0px; z-index:3; }








/* PAGES */
.italic { font-style:italic;}
.gauche {width : 49%; height : 100%;  left :0; float:left;position:fixed;}


.droite {width : 44%; padding : 60px 3% 90px 3%;  float: right; height:auto;
margin:55px 0px 0px auto; display:block; background:url(../images/fond_alpha1.png) repeat;}



.droitegalerie {width : 44%; padding : 20px 3% 0 3%;  float: right; height:auto;
border-bottom: 1px solid #cccccc; 
margin:100px 0px 100px auto; display:block; }


.decallage{ padding-left:20px; margin-left:45px;margin-top:-30px; margin-bottom:5px; border-left : 10px solid #cccccc;}
.decallage2{ padding-left:20px;margin-left:145px;margin-top:-10px; margin-bottom:5px; }
.decallagesignature {margin-left:30px;}

.droite h1 {
	margin-bottom : 0px;
	color:#69C;
	text-align:left;
	font-size: 2.5em;
	line-height:1em;
	font-weight: 400;
	font-family: 'Oswald', cursive,  arial, sans-serif;
}

.droite h2 {
	margin-bottom : 40px;
	color:#FFF;
	text-align:left;
	font-size: 0.9em;
	font-weight: 600;
	font-family:  arial, sans-serif;
}

.droite h3 {margin-top : 20px; color:#333333; text-align:left;font-size: 0.9em;  font-weight: 800; font-family:  arial, sans-serif; }




.droite p, .droiteblanc p {
	margin-bottom : 15px;
	margin-top : -15px;
	color: #369;
	font-size: 10pt;
}
.decal {float:left; border: 5px solid #000000; margin :10px 30px 10px -150px;}
.decal2 {float:left; border: none; margin :10px 30px 10px -200px;}
.droite iframe {float:left; border: 5px solid #000000; margin :15px 0px 10px 0px;}




.bouton, .bouton:link, .bouton:visited {
	display:block;
	color:#ffffff; text-align:right;font-size: 12pt;  letter-spacing:1pt;font-weight: 100;font-family: 'biondiregular',  arial, sans-serif; text-decoration:none;
	padding: 2px 20px 3px 20px; margin:0px auto 20px auto; background:#000000; 
}

.bouton:hover {
	 background:#333333; 
}



#footer {width : 100%; height : 35px; background : #6699cc; clear: both; position : fixed; bottom:0px; margin-bottom:0px;z-index:3; padding-top:5px; border-top:1px solid #000000;}
#footer p {
	text-align : center;
	color : #039;
	font-size: 14pt;
}
#footer a {color : #cccccc; text-decoration : none;font-style:normal; font-weight:100; font-family : arial, sans-serif;font-size : 10pt; line-height : 16pt;}
#footer a:hover {color : #ffffff; text-decoration : none;}

.clear {clear : both;}




#tampon {width : 100%; height : 900px;position:relative; margin:0px auto 0px auto;  display:block; z-index:900;  }
	

		
	#ciblebas {width:140px; height:200px;bottom:0px;display:block;position:relative; text-align:center; margin:-400px auto 0px auto;}
	
	
	
#galeriephotos {
	width : 100%;
	margin : 80px auto 20px auto;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 1;
	
}
.imgencart{
	
	padding:20px;
	background-image:url(../images/fond_alpha3.png);
	margin:10px;	
}
.imgencart:hover{
	
	padding:20px;
	background-image:url(../images/fond_alpha16.png);
	margin:10px ;}
	
	.imglien{
	padding:0px;
	border: 1px solid #999999;
	margin:10px;	
}
.imglien:hover{
	
	padding:0px;
	border: 1px solid #fff;
	margin:10px;	
}

.liste_produit, .liste_produit:link, .liste_produit:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #999999;
	text-decoration: none
}

.liste_produit:hover {
	
	color: #cccccc;
	
}
.liste_produit1, .liste_produit1:link, .liste_produit1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal; font-weight:normal;
	color: #37a5ac; color:#9bad27;
	text-decoration: underline
}


.liste_produit1:hover {
	
	color: #666666;

}

.floatG {float: left; margin: 0px 15px 5px 0px;}
.floatD {float: right; margin: -30px 0px 0px 20px; }
	
	



@media only screen and (max-width: 1080px){
	
#menu li a{padding : 0 15px; letter-spacing:0.3em;} 
	
 #logo{
	
	left: 10px;
	
}





}
@media only screen and (max-width: 910px){
	
	#header {
	
	position : relative;
	
}
	
	 #logo{
	height : 46px;
	width: 144px;
	position: absolute;
	margin: -1000px auto 10px auto; display:block;
	z-index: 10000;
}

#header #shadowheader{display : none; }

.liste_produit1, .liste_produit1:link, .liste_produit1:visited, .liste_produit, .liste_produit:link, .liste_produit:visited {
	
	font-size: 22px;
	
}

	
	 


  #footer { height : auto; position : relative; width:96%; padding-left:2%; padding-right:2%; padding-bottom:20px; }
	#footer a {font-size : 15pt; line-height : 20pt;}
	.droite h1, .droiteblanc h1, .deux h1 {margin-bottom : 20px;font-size: 20pt;  }
	p, li, td { font-size : 20pt; line-height : 22pt; }


 .main {max-width : 90%; margin : auto; position : relative;}


	 #menu {  height : auto;  border-bottom: 10px solid #663333; border-top: 10px solid #ffffff;background:#663333;display:table; position: relative;}
	
	#menu li {float: left; padding : 0;line-height : 65px;}
	#menu li a{ padding : 0 20px; letter-spacing:0.3em; font-size : 20pt;border-bottom: none;letter-spacing:0.1em; }
 
#menu .on{color:#ccc; border-bottom: none;  background : #000000;}
#menu li a:hover{ border-bottom: none; }

.droite {margin:0px 0px 0px auto;width : 90%; padding : 60px 5% 90px 5%;  }
.droite h1 {font-size: 3em;  }

.droite h2 {font-size: 1.5em;   }

.droite h3 {font-size: 1.5em;   }

#galeriephotos {
	
	margin : 0px auto 20px auto;
	
	
}

 
}
@media only screen and (max-width: 910px){

#menu {min-width:480px; }   
.imgencart{
	
	padding:0px;
	border:1px solid #336699;
	margin:10px;	
}
.imgencart:hover{
	
	padding:0px;
	border:1px solid #336699;
	margin:10px;
	
 
}