*{box-sizing:border-box;}


body{
	
	font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande","Verdana","sans-serif";
	color: #222;
	
    font-size: 1em;
    line-height: 1.5em;
	padding:1.2em;
	width:62em;
	margin:auto;
	
	
	
}
body p{
	
	text-align:left;
	
}

img{margin-left:10px;
     margin-top:10px;}

span.firstw{color:#84C420;} 
h1, h2{
	
    text-transform: uppercase;
}

a {
    color:#C6F2AF;
margin:auto;
}

a:hover {
    color:green; 
}

p
{
    padding-left:25px;
    text-align: justify;
	margin-top: 25px;
	color:black;
	font-size:14px;
	line-height:30px;
}
h5
{
    
   color:black;
text-align: center;
margin-top:20px;
font-size:14px;
}
h7
{
    
   color:black;
text-align: center;
margin-top:20px;
font-size:14px;
}h2{
color:green;
text-align: center;
margin-top:50px;


font-size:14px;
}

h3{
color:green;
text-align: center;
/*text-transform: uppercase;*/
margin-top:0px;
margin-left:30px;
font-size:14px;
}
h1{
color:#C6F2AF;
margin-left:40px;
margin-top:50px;
font-size:40px;
padding-bottom:40px;
}
h6{
color:#C6F2AF;
text-align: center;
text-transform: uppercase;
margin-top:0px;
margin-left:30px;
font-size:20px;
}
}

body h2{
color:green;
font-family: 'Encode Sans Condensed', sans-serif;
}

li{list-style:none;
color:#green;
font-family: 'Ubuntu', sans-serif;}


header nav{
    border-top: 3px solid #84C420;
    position: relative;
	background-color:#84C420; 
	text-shadow: 1px -1px 0 #84C420;
	height:80px;
	margin-top:-40px;
	
}

header nav ul{
	padding:0;
	margin:0;
	height:5em;
	list-style: none outside none;
	display:flex;
}

header nav ul li {
  
	flex:1;
}


header nav ul li:last-child {
    border-right:none;
}

header nav ul li a {
    color: #C6F2AF;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
	height:5em;
	weight:5em;
	line-height:2em;
	padding:3px 10px;
	text-align:center;
}

header nav ul li:hover a{
   color: green;
}

#menutop{
	
	font-size:12px;
}

#imagegauche,#imagecentre,#imagedroite
{
 display : inline-block;
 margin-left:2px;
 margin-bottom:20px
}

/* Principal */
#menu{
        width: 100%;
        margin: 0;
        padding: 15px 0 0 0;
        list-style: none;
       
     
       
        
}

#menu li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu a{
        
        height: 2px;
        padding:0px 30px ;
        color: #edfce3;
        text-decoration: none;
		font-size:15px;
margin-top:0px
        
}

#menu li:hover > a{
        color:green;
}

*html #menu li a:hover{ /* IE6 */
        color:green;
}

#menu li:hover > ul{
        display: block;
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: relative;
    top: 30px;
    left: 0;
    z-index: 99999;
    background:#84C420;
    -moz-border-radius: 5px;
    border-radius: 5px;
	height:50%;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	background-color:#84C420;
	font-size:12 px
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu li a{
    padding-top: 20px;
font-size:21px;
  }  


*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}



#menu ul a:hover{
        background: #84C420;
        
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
   
    position: relative;
    left: 30px;
    top: -8px;

}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #84C420;
}





footer{
margin-top:25px;
border-top: 3px solid #C6F2AF;	
border-bottom: 3px solid #C6F2AF;
	
}
#bdp{
    background:#84C420;
    
    font-size: 0.8rem;
   
    padding: 100 px ;
    margin-top:100px;
	margin:0;
}
#bdp a{

	margin-left:10px;
	text-decoration:none;
    	}
	#bdp p{color:#C6F2AF;
	margin-top:50px}
	
	
	#actualité li p{

font-weight:lighter; 
	font-size:14px;
	text-align:left;
}
#contact li p{

font-weight:lighter; 
	font-size:25px;
	text-align:center;
}

iframe
{margin-left:150px;}

}
#bdp p{font-size:10px;}
#bdp div{font-size:12px;
padding-top:90px;
padding-left:150px;
margin-top:100px}

#localisation li p{
text-align:center;
}
#localisation img{
margin-left:260px;
margin-top:40px;
}


iframe{
	margin-left:200px;
}

img{
	margin-left:50px;
}

#image img{
	margin-left:0px;
}
#image1 img{
	margin-left:180px;
}

#image2 img{
	margin-left:60px;
}
#image3 img{
	margin-left:300px;
}


.diaporama1{
	margin-top:0px;
	width:955px;
	height:430px;
	border: 2px solid #fff;
	background-image:url("images/fond.jpg");
}

#logo img{
	margin-left:10px;
}

#bdp div{font-size:12px;
padding-top:90px;
padding-left:150px;
margin-top:100px}x;
}

#image4 img{
	margin-left:300px;
}
#imageleft img{
	margin-left:0px;
}
#imageright img{
	margin-left:450px;
}
h4{text-align:center;
font-size:14px;
text-decoration:bold;}

span{
	text-align:center;
font-size:12px;
font-weight: italic;
margin-left:180px}

input{background-color:#C6F2AF;
color:green;
font-size:18px;}

textarea{background-color:#C6F2AF;
color:green;
font-size:18px;}

#mail{color:green;}
#nom{color:green;}
#message{color:green;}
#lien a{color:green;
padding-left:420px;
font-weight:bold;
font-size:18px;}
tr td{
padding-bottom:10px;
}