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



/* --------------- Début du BODY  --------------- */	
body {
	
	cursor:url(images/Curseur.png) , default;
	margin:0px;
	pading:0px;	                   }		
	
/* ----------------- Fin du BODY  ---------------- */	


	
	

/* --------------- Début du HEADER  --------------- */
#header {
	
	position:relative;
	box-shadow: 0px 0px 15px black;
	height:100px;
	background:#a8cb2d;
	z-index: 3;                   }	
	
/* ---------------- Fin du HEADER  ----------------- */	



		
		
		
/* --------------- Début du CONTENT  --------------- */		   
#content {
	
	position: relative;
	width:980px;
	margin-top:280px;             }
	
	
	
	.hidden {
    display: none;
}
	
   
/* --------------- Début de l'effet de Gris  --------------- */		
.grayscale img {
	
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; 	         }



.grayscale img:hover {
	
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;          }

/* --------------- fin de l'effet de Gris  --------------- */	






/* ----------- Début du bouton "Recrutez-moi"  ------------ */	   
.recrue {
	
	text-align:center;
	font : bold 13px Batang, arial, serif;
	color:#a8cb2d;
	position:absolute;
	z-index: 1;	
	bottom:-32px;                 }
	
/* ----------- Début du bouton "Recrutez-moi"  ------------ */



	
	
/* -------------------- Début du LOGO  --------------------- */	
#logo {
		
	margin-top: -240px;
	position : absolute;
	left : 8%;
	background-repeat:no-repeat;
	width:250px;
	height:250px;  
	z-index:100;
	         }
			 
			 #logo1 {
		
	margin-top: -100px;
	
	margin-left : -700px;
	background-repeat:no-repeat;
	width:250px;
	height:250px;  
	z-index:100;
	         }
		
	


/* --------------------- Fin du LOGO  ---------------------- */
	
	
	

	
/* --------------------- Début du MENU  ---------------------- */	
.bloc {
	
	font : bold 18px Batang, arial, serif;
	text-align:center;
	margin-top:-40px;
	position:absolute;
	height:50px;
	width:150px;
	background:#a8cb2d;
	left : 46%;
	z-index: 2;	
	box-shadow: 0px 0px 10px black;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;          }
	
	
	
	
.bloc:hover {
	
	margin-top:0px;
	position:absolute;
	height:50px;
	width:150px;
	left : 46%;                   }
		 


.bloc a:hover {
	
	color:#fff;                   }
		
		
		
.bloc li {

	margin-top:20px;
	list-style-type:none;         }
		
	
	

#menu ul{  

	margin-top:110px;
	font : bold 10px Batang, arial, serif;
	position:absolute;
	list-style-type : none;
	left : 41.5%;        
	width : 500px;
	text-align: left; 	            }
	
	

#menu li {
	 
	color: #999999;
	font-size: 18px;
	float : right;
	margin : 2px 2px 0 20px !important;  /* Pour les navigateurs autre que IE */
	margin : 1px 2px 0 2px;  /* Pour IE  */  }
	
	
	
#menu li a {    		
   		    
	color : #999999;
	text-decoration : none;
	list-style-type : none;       }
	
	
	
#menu li a:hover {
	
 color:#A8CB2D;					 }
 
 
	
	
#menu ul li ul {
	display:none;
	margin-top:0px;
	font : bold 10px Batang, arial, serif;
	list-style-type : none;
	left : 0%;        
	width : 300px; 
						 }			 
						 

#menu ul li:hover ul {
	display:block;					 }
	
#menu li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}	
	
#menu li:hover ul li {
	float:none;					 }
	
	
	
#menu li ul {
 position:absolute;				 }
 
 
	
#menu li:hover li a {		
	color: #999999;
	font-size: 18px;              }
	
	
		
#menu li li:hover a {		
	color:#a8cb2d;
	font-size: 18px;              }
	
	
	
#menu li.active a {		
	color:#a8cb2d;
	font-size: 18px;              }
	
	
/* --------------------- Fin du MENU  ---------------------- */	




.texte {

margin-left: 300px;
margin-bottom:100px;
width: 500px;
text-align:justify;


						}

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px 0px 20px;				 }

	
	
a:link {
	
	cursor:url(images/Curseur.png) , default; 
	color: #999999;
	text-decoration:none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;          }

		 	
a:hover {
	
	color:#A8CB2D;                }
	



/* -------------------- Fin du CONTENT  -------------------- */


/* -------------------- Début google map   -------------------- */


#gmap_canvas{
	
	position:absolute;
	margin-left:-117px;
	margin-top:20px;
	height:400px;
	width:400px;
	border-width:10px;
	border-style:solid;
	border-color:#A8CB2D;
	box-shadow: 1px 1px 12px;
	-moz-box-shadow: 1px 1px 12px;
	-webkit-box-shadow: 1px 1px 12px;
	
	}
.infos {
 
	position:absolute;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top: -450px; 
	margin-left:600px;
	text-align:left;        }
	
	

#footer {
	margin-top:50px;
	margin-bottom:50px;
	
    
	}

	
		
h1 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;             }