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



* {
	margin:0;
}

/*Pour arreté les flotants*/
.nofloat {
	clear: both;
	float:none;
}




/*BODY*/
body{ 
      background:url(../image/arriere_plan1.png)  no-repeat top left ;
	  background-size:cover;
	  -webkit-background-size:cover;
	  


	 
	
	}
#container{
	margin:auto;
	max-width:1009px;
	
    background-color:rgba(251, 238, 174, 0.83);
   
}
/* L'ENTÊTE */
header{
	   margin:0px;
	   height:409px;
	   background-color:#fff;
	   
      }
	  #wrapper {
				
				width:1009px;
			    height:409px;
			 -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;   
			
			
				
			}

	  #logo{position:absolute;
	        top:0px;
			width:357px;
			height:409px;
			background-image:url(../image/logo.png);
	       }
#slogan{
	     position:absolute;
		 top:310px;
		 left:52.6%;
		 background:url(../image/slogan.png) no-repeat;
	     width:44%;
		 height:100px;
	   }
/* SLIDER */


.carousel img{ width:1009px;
             
               border:0px;
			   -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
                transition: width 1s;
				-moz-left:500px;
			   }
		

/* NAVIGATION */
/* menu utilitaire*/
#menu_Uti{
	      position:absolute;
	        top:0px;
			left:63%;
			font-family :arial;
			font-weight:bold;
			-moz-font-family :arial;
			-moz-font-weight:bold;
		    color:#e85311;
			font-size:16px;
	     }
  #menu_Uti li{ display:inline;
            
			   margin:20px 9px 10px 0px;
               }
#menu_Uti a{text-decoration:none;}
#menu_Uti a:visited{text-decoration:none;
                color:#e85311;
				
                   }
#menu_Uti a:link{text-decoration:none;
                color:#e85311;
				
                   }
#lienFace{margin-top:5px;}
/*MENU PRINCIPALE*/
#menu, #menu ul     
{
        padding : 0; 
        margin : 0; 
        list-style : none; 

        text-align : center; 
}
#menu 
{
     
        font-family : arial narrow,arial; 
        font-size : 19px; 
		
}
#menu a 
{
        display : block; 
        padding : 17% 0px;
        background : #fff;        
        color : #78af30; 
        text-decoration : none; 
        width : 144.1px; 
		height:auto;
}
#menu li      
{ 
        float : left; 
        
      
}


#menu li ul 
{ 
        position: absolute; 
   
        left: -999em; 
		color: #fff; 
        background: #78af30; 
		width : 144.1px; 
		padding :0px; 
		
}



html>body #menu li ul li                
{
        border-top : 1px solid transparent; 
}
#menu li ul ul 
{
        margin    : 22px; 
       
        border-left     : 1px solid #fff ;     
}

html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; 
}
#menu a:hover     
{
        color: #fff; 
        background: #78af30; 
}




/* CONTENUE*/
#titre{ 
       margin:2% 17%;
	  
	   
	   
	  }
#titre img{ margin:10px 0px;

	   
	      }
#titre a{ text-decoration:none;
          font-family:arial regular,arial;
		  color:#000;
		   padding:0px 2px;
		  margin:5px 2px; 
        }
#titre a:hover{ text-decoration:none;
          font-family:arial regular,arial;
		  color:#FF9900;
		   padding:0px 2px;
		  margin:5px 2px; 
        }
#titre a:visited{ text-decoration:none;
          font-family:arial regular,arial;
		  color:#000;
		  padding:0px 2px;
		  margin:5px 2px; 
        }
			  
#titre a:nth-child(2) { font-size:0px;
	                  }
#titre a:nth-child(3) { font-size:18px;
	                  }
#titre a:nth-child(4) { font-size:22px;
	                  }
 section{ 
 	    width:1009px;
        margin:0px;
		height:auto;
        }
select{height:40px;}

section article{padding:4% 9% ;
font-size:16px;}
		
section h2{
	       margin-top:30px;
	       font-family:Arial bold,arial;
		  
		   color:#78af30;
		  }
		  
section h1{
	       margin-top:32px;
	       font-family:Arial bold,arial;
		  
		   
		   color:#ed7a48;
          }
		  
.para{
	      margin-top:10px;
	      text-align:left;
		  font-family:calibri;
	      color:#000;
		  font-size:16px;
        }
.para a:link{
	     
		  
	      color:#000;
		  
        }
.para a:hover{
	     
		  
	      color:#ed7a48;
		  
        }
.para a:visited{
	     
		  
	      color:#000;
		  
        }
.para img{ width:20%;
	       margin:1%;
		   float:left;
        }

.para2{
	      margin-top:10px;
	      text-align:left;
		  font-family:calibri;
	      color:#000;
		  font-size:16px;
        }
.para2 img{
	      margin:1%;
        }

/* PIED DE PAGE */
footer{
		
		height:400px;
		background-color:#78af30;
		text-align:left;
		color:#fff;
		font-family:arial narrow,arial;
	
	
}

footer article{	
					width:22%;
					display:inline-block;
					margin: 5.5%  ;
					
					
			
			 }
		 
			 
footer p{ 
	      margin:17px 0;
		  font-size:16px;
		  line-height:20px;
	    }
		
footer a ,li{ 
text-decoration:none;
list-style-type:none;

	     }
footer a:visited{ color:#fff;}
footer a:link{ color:#fff;}


#textePied h2 { 
               margin:0px 20px;
               margin-bottom:20px;
			   
			  
			
	
	          }

#textePied p { 

margin:0px 20px;
margin-bottom:20px;

			
	
	          }
			  
#textePied2 {
	         margin-left:40px;
			 -moz-margin-left:40px;
	        }
 #textePied2 h2 {
	         margin-top:4.5px;
			 
			 
	        }
#copyright{
		
		
		text-align:center;
		color:#fff;
		font-family:arial narrow,arial;
	    padding:21px 0px;
}