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

body
{
width:100%;
height:100%;
margin:0;
padding:0;
 font-family:Arial;
 font-size:14px;
 background-color:#FFF;
}

.body
{ position: absolute;

margin:auto;
  width:100%;
 height:auto;

	z-index: 3;
 margin-top:0px;
	margin-bottom:0px;overflow:hidden;
}
 
  #load
  {
	  float:left;
	  width:100%;
	  height:700px;
 	  text-align:center;
	  padding-top:25px;
	  border:none;
  }
.entete
{
width:100%;
height:220px;
 }

 
 .login
 {
	 float:left;
 background-color:rgba(232,243,251,0.8);
 /*#e8f3fb;*/
 width:100%;
  height:78px;
  overflow:hidden;position: absolute;  z-index: 2;
 /* border-bottom:#c2dded 8px solid;
*/ }
 
 #flash_background
{
	position: absolute;
	height: 100%;
	width: 100%;
	position: fixed;
	
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center top;
	
}

.slides_container
{position: absolute;
 	 height: 100%;
	width: 100%;
	position: fixed;
	
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center top;
	
 }
 .slides_container div {
height: 100%;
	width: 100%;
	position: fixed;
	
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center top; }
.slides_container div img
{
	width:100%;
	height:100%;
}

.div_meteo
{
	 float:left;
	 width:25%;
	 height:100%;
  	 padding-top:10px;
	 padding-left:5%;
}
.meteo
{
	float:left;
	width:20%;
 	height:75%;
	color:#2b5891;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}

.div_login
 {
	 float:right;
 	 height:100%;
 	 margin-right:10px;
	 padding-top:20px;
  }
 
 .div_login div
 {
	 border-radius: 12px / 12px;  
	 	 background-color:#1a4c9a;
		 border:#738cb3;
		 height:28px;
		 width:240px;

 }
 .div_login div input[type=text]
 {
	 float:left;
	 height:80%;
	 width:85%;
	 background:none;
	 border:none;
	 padding-left:5px;
	 padding-top:3px;
	 color:#FFF; 
 }
 
 
 .div_login div input[type=button]
 {
	 float:right;
	 height:100%;
	 width:12%;
	 border:none;
 background:#f8f8f8;
 background-image:url(../image/btn.png);
 background-repeat:no-repeat;
 background-position:center;
 	 border-radius: 50% / 50%;  
 cursor:pointer;

  }
  
 .logo
 {
 float:left;
   height:55px;
  padding-left:5%;
   background-color:#1a4c9a;
   width:auto;
position: absolute; z-index: 2;
 }
 


.div_menu
{
	float:left;
 width:100%;
height:55px;	background-color: #1a4c9a; position: absolute; top:78px; z-index: 2;

  }
 
 
.drapeau
{
	float:right;
	position:relative;
	background:#1a4c9a;
 	height:45px;  
	padding-top:10px;
 }
 .drapeau img
 {
	 cursor:pointer;
 }
.menu
{ 
float:left;
width:auto;margin-left:250px;
 height:55px;  
 }

.menu ul
{
 list-style:none;
margin:0px;
padding:0px;
 width:100%;
 

}
 
 

.menu ul li
  { 	 
	  float:left;
  height:55px;
 	  background-image:url(../image/sup_menu.png);
	  background-position:left;
	  background-repeat:no-repeat;
	 background-color: #1a4c9a;
 text-transform:uppercase;
    }
  
  
.menu li .active a
  { 
   height:55px; 
  /* background-color: #F00;*/
 
  }
  
  
.menu a
{
 color:#FFF;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
 height:100%;
 float:left; padding-left:20px;
	  padding-right:20px;
		 padding-top:20px; 
 
}

.menu li.active a
{
color:#FFF; height:35px;background-color: #2c375a;
}


/*.menu a:hover
{
  }
.menu a span
{
border-left:#caca63 5px solid;
padding-left:3px;
}

.menu a:hover span
{
border-left:#289dbe 5px solid;
 }



.menu li.active  a span
{
border-left:#ffffff 5px solid;
padding-left:3px;
}*/

.central
{
float:left;
width:100%;
 
 
  color:#2b5891;
 font-size:13px;
 text-align:justify;
 min-height:450px;
}

.page
{margin-left:20%;
float:left;
width:65%;
 
 background-color: rgba(255, 255, 255, 0.9);
 margin-top:0px;
 min-height:450px;

}
 .contenu
 {
	 float:left;
	 width:96%;
	 margin-left:2%;
	 text-align:justify;
 }
 
 @font-face { 	font-family: "kunstler"; 	src: url('../style/kunstler-bold.ttf'); }
.page h1
{
 	color:#2b5891;
	padding:0px;
	margin:0px;
	font-size:30px;
 	padding-left:2%;
	font-family:"kunstler";
	width:95%;
	height:40px;
  	 margin-top:20px;
	 text-transform: capitalize ; 
  	 
}
.contenu img
{
	margin-right:5px;
}

     .contenu h1
{
 	color:#2b5891;
	padding:0px;
	margin:0px;
	font-size:30px;
 	padding-left:2%;
	font-family:"kunstler";
	width:95%;
	height:40px;
  	 margin-top:0px;
	 text-transform: capitalize ; 
  	 
}

.bootom
{
float:left;
background-color: rgba(26, 76, 154, 0.5);
width:100%;
height:39px;
margin-top:30px;
 
}

 
.div_bootom
{
float:left;
 
height:39px;
 
}

.div_bootom img
{
	float:right;
	border:none;
	margin:5px;
	margin-top:-18px;
}

.botton_div
{
	float:left;
	height:10px;
	width:100%;
	background-color:#120000;
}


		.page  input[type=text],.page textarea
		{
			float:left;
			height:25px;
			width:100%;
			margin-bottom:10px;border:#305ca3 1px solid;
			font-size:12px;
			color:#FFF;
			padding:5px;
			background-color:#ffffff;
		}
		
		label span 
		{
			color:#ff0000;
		}
		.page textarea
		{
			float:left;
			height:200px;
			
		}
		
		
		.div_btn
	{
		float:left;
		background-color:#305ca2;
		border:#abbdd9 1px solid;
		height:15px;
		width:auto;
		padding:5px;
 		margin-bottom:5px;
		margin-right:10px;
 	}
	.div_btn a
	{
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
 	}
	
	
	

#pag
{
float:left;
width:100%;
height:30px;
 }
.pagination {
		 
	 width:100%;
	 height:20px;
	
 }

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;background-color:#F00;
	height:12px;
	width:12px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
 	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


#content
{
background-color: rgba(65, 25, 4, 0.8);
   padding: 10px;
   overflow: auto;
   
}
#tab-container
{
   float: left;
   margin: 10px 0 0 0;
   width: 200px;
}
#tab-container ul
{
   list-style: none;
   text-align: center;
}
#tab-container ul li.cat1
{
 
   border-left: 8px solid #432527;
background-color:#f8d281;
   margin: 8px 0;
}
#tab-container ul li.cat2
{
 
   border-left: 8px solid #432527;
background-color:#de9e44;
   margin: 8px 0;
}
#tab-container ul li.cat3
{
 
   border-left: 8px solid #432527;
background-color:#7f541f;
   margin: 8px 0;
}
#tab-container ul li.cat4
{
 
   border-left: 8px solid #432527;
background-color:#6c3811;
   margin: 8px 0;
}
#tab-container ul li a,
#tab-container ul li a:visited
{
   text-decoration: none;
   color: #432527;
   display: block;
   padding: 15px 5px;
}
#tab-container ul li:hover
{
   border-left: 8px solid #756661;
}
#tab-container ul li a:hover
{
   color: #000;
}
#tab-container ul li.selected
{
   border-right: none;
   background-color: #fff;
   border-left: 8px solid #006699;
}
.main-container1
{
   min-height: 400px;
   margin: 0 0 0 200px;
   padding: 20px;
background-color:#f8d281;
   /*border: 1px solid #888;*/
   margin-right:3%;
 border:#2c1005 2px solid;
 border-left:none;
 }
 
 .main-container2
{
   min-height: 400px;
   margin: 0 0 0 200px;
   padding: 20px;
background-color:#de9e44;
   /*border: 1px solid #888;*/
   margin-right:3%;
 border:#2c1005 2px solid;
 border-left:none;
 }
 
 .main-container3
{
   min-height: 400px;
   margin: 0 0 0 200px;
   padding: 20px;
background-color:#7f541f;
   /*border: 1px solid #888;*/
   margin-right:3%;
 border:#2c1005 2px solid;
 border-left:none;
 }
 
 .main-container4
{
   min-height: 400px;
   margin: 0 0 0 200px;
   padding: 20px;
background-color:#6c3811;
   /*border: 1px solid #888;*/
   margin-right:3%;
 border:#2c1005 2px solid;
 border-left:none;
 }
 
 
 ul.produits
 {
	 list-style:none;
	 
 }
 
 ul.produits li
 {
	 float:left;
	 height:70px;
	 width:90%;
	 padding-top:15px;
	 border-bottom:#170503 2px solid;
 }
 
 #produit img
 {
	 height:93px;
	 width:93px;
	 cursor:pointer;
	 border:#c67720 3px solid;
	 margin-right:10px;
 }
 
 .menu_bottom ul
{
	float:right;
list-style:none;
margin:0px;
padding:0px;
background-color:transparent;
margin-right:25px;


}

 .menu_bottom ul li
{
	float:left;
	margin-left:5px;padding-top:10px;
	
}
 .menu_bottom ul li a
 {
	 color:#FFF;
	 
 
 }
 
 
 .text_image
 {
	 position:relative;width:98%;height:40px; background-color: rgba(255, 255, 255, 0.5);margin-top:-40px;
	 color:#2b5891;
	 
	font-size:30px;
 	padding-left:2%;
	font-family:"kunstler";
 }
 
  h1  
 {
	 font-size:30px;
 	padding-left:2%;
	font-family:"kunstler";
 }
 .desc_image
 {
	 float:left;
	 width:48%;
	 padding-left:1%;
 }
 
 
  .desactive_div  {
float:left;			width:0px;
			opacity:1;
				height:0px;
		    overflow:hidden;
		    /* Fonctionne déjà sur webkit */
		    -webkit-transition-property: width,height;
				-webkit-transition-duration: 0.4s;
				-webkit-transition-timing-function: ease-in-out;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: width,height;
				-moz-transition-duration: 0.4s;
				-moz-transition-timing-function: ease-in-out;
				
				/* … et lorsque ce sera standardisé */
				transition-property: width,height;
				transition-duration: 0.4s;
				transition-timing-function: ease-in-out;
				
		  }
		  
		.active_div {
			float:left;
 				width:100%;
			opacity:1;
				height:100%;
				z-index: 100;
				overflow:inherit;
				 /* Fonctionne déjà sur webkit */
		    -webkit-transition-property: height;
				-webkit-transition-duration: 0.4s;
				-webkit-transition-timing-function: ease-in-out;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: height;
				-moz-transition-duration: 0.4s;
				-moz-transition-timing-function: ease-in-out;
				
				/* … et lorsque ce sera standardisé */
				transition-property:height;
				transition-duration: 0.4s;
				transition-timing-function: ease-in-out;
			}