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

.preload { display: none; }

p,li{
font-size:16px;;
}

h1{
	font-size:24px;
}
h2{
	font-size:18px;
}

.conteneur{
	width:1210px;
}

body{
	padding: 0; border: 0;
	margin:0px;
	background: url(image/backrx.jpg) #4f4f4f;
	background-repeat: repeat-x;
	
}

.wrap{
	float:left;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

.banner{
	width:800px;
	height:332px;
	background-image:url(image/banner2.jpg);
}

.banner2{
	width:800px;
	height:332px;
	background-image:url(image/banner3.jpg);
}

.banner3{
	width:800px;
	height:332px;
	background-image:url(image/banner4.jpg);
}

.banner4{
	width:800px;
	height:332px;
	background-image:url(image/banner5.jpg);
}

.banner5{
	width:800px;
	height:332px;
	background-image:url(image/banner6.jpg);
}

.backl{
	float:left;
	width:123px;
	height:792px;
	background:url(image/backl.jpg) no-repeat;
	}
	
.backr{
	float:left;
	width:187px;
	height:792px;
	background:url(image/backr.jpg) no-repeat;
}
/*---------------------------------------menu services------------------------------*/

.menug1 a{
	float:left;
	margin-top:15px;
	margin-left:8px;
	width:295px;
	height:35px;
	background-image:url(image/menug_a.gif);
	}
	
.menug2 a{
	float:left;
	width:295px;
	height:37px;
	background-image:url(image/menug_b.gif);
	margin-left:8px;
	}
	
.menug3 a{
	float:left;
	width:290px;
	height:55px;
	background-image:url(image/menug_l.gif);
	margin-left:8px;
	}
	
.menug4 a{
	float:left;
	width:289px;
	height:36px;
	background-image:url(image/menug_i.gif);
	margin-left:8px;
	}
	
.menug5 a{
	float:left;
	width:289px;
	height:36px;
	background-image:url(image/menug_j.gif);
	margin-left:8px;
	}
	
.menug1 a:hover, .menug1 a:focus {
	background-image: url(image/menug_ah.gif);
	text-decoration:none;
}

.menug2 a:hover, .menug2 a:focus {
	background-image: url(image/menug_bh.gif);
	text-decoration:none;
}

.menug3 a:hover, .menug3 a:focus {
	background-image: url(image/menug_lh.gif);
	text-decoration:none;
}

.menug4 a:hover, .menug4 a:focus {
	background-image: url(image/menug_ih.gif);
	text-decoration:none;
}

.menug5 a:hover, .menug5 a:focus {
	background-image: url(image/menug_jh.gif);
	text-decoration:none;
}

/*--------------------------------------------------menu projet---------------------------*/	
.menugp1 a{
	float:left;
	margin-top:15px;
	margin-left:8px;
	width:289px;
	height:45px;
	background-image:url(image/complicite.gif);
	}
	
.menugp2 a{
	float:left;
	width:289px;
	height:52px;
	background-image: url(image/agent.gif);
	margin-left:8px;
	}
	
	.menugp3 a{
	float:left;
	width:289px;
	height:52px;
	background-image: url(image/placeauxjeunesth.gif);
	margin-left:8px;
	}
	
	
.menugp1 a:hover, .menugp1 a:focus {
	background-image: url(image/compliciteh.gif);
	text-decoration:none;
}

.menugp2 a:hover, .menugp2 a:focus {
	background-image: url(image/agenth.gif);
	text-decoration:none;
}

.menugp3 a:hover, .menugp3 a:focus {
	background-image: url(image/placeauxjeunes.gif);
	text-decoration:none;
}

/*--------------------------------menu haut---------------------------*/
.menu{
	width:791px;
	height: 32px;
	margin-left:9px;
}

.menugh{
	float:left;
	width:287px;
	height:32px;
	padding-right:1px;
	
	}

.menughh{
	background-color: #028ab8;
	height:16px;
}

.menughb{
	background-color: #0181ac;
	height:16px;
}



.menuha a span {  
  visibility: hidden;  
}

.menuha a {
	float:left;
	background: url(image/menua.gif);
	width:88px;
	height:32px;
   }
.menuha a:hover, .menuha a:hover {
	text-decoration:none;
	background-image: url(image/menuah.gif);
   }

.menuhs a {
	float:left;
	width:66px;
	height:32px;
	background-image:url(image/menus.gif);
	
}

.menuhs a:hover, .menuhs a:hover {
	background-image: url(image/menush.gif);
	text-decoration:none;
}


.menuhs a span {  
  visibility: hidden;  
} 

.menuhp a{
	float:left;
	width:71px;
	height:32px;
	background-image: url(image/menup.gif);
}

.menuhp a:hover, .menuhp a:hover {
	background-image: url(image/menuph.gif);
	text-decoration:none;
}

.menuhp a span {  
  visibility: hidden;  
} 

.menuhc a{
	float:left;
	width:123px;
	height:32px;
	background-image: url(image/menuc.gif);
}

.menuhc a:hover, .menuhc a:hover {
	background-image: url(image/menuch.gif);
	text-decoration:none;
}

.menuhc a span {  
  visibility: hidden;  
} 

.menuhcon a{
	float:left;
	width:145px;
	height:32px;
	background-image: url(image/menucon.gif);
}
.menuhcon a:hover, .menuhcon a:hover {
	background-image: url(image/menuconh.gif);
	text-decoration:none;
}

.menuhcon a span {  
  visibility: hidden;  
}

/*-------------------------------contenue-------------------------------*/

.girl{
	margin-top:100px;
	width:317px;
	height:375px;
	background-image:url(image/girl.jpg);
}

.texte{
	margin-top:25px;
	margin-right:25px;
}

.droite{
	float:left;
	width: 423px;
	
	min-height:420px;
	height:auto !important;
	height:420px;
	}
	
.map{
	margin:10px;
}


/*------------------------------------milieu------------------------------*/


.contenue{
	width: 800px;
}


.gauche{
	width: 325px;
	float:left;
}

.gauche span{
	margin-left:15px;
}

.gauche a span{
	visibility:hidden;
}

.face{
	margin-top:110px;
	float:left;
	width:145px;
	height:44px;
	background-image:url(image/face.gif);
}
	
.test{
	margin-top:110px;
	float:left;
	width:197px;
	height:44px;
	
	margin-left:20px;
	}
	


/*---------------------------------------mini menu bas-----------------------------*/

.menubas a:hover{
	color: #003366;
	text-decoration:underline;
	}

.menubas a:link{
	text-decoration:none;
	color:#6a6868;
	}

.menubas a:visited{
	text-decoration:none;
	color:#6a6868;
	}

.menubas{
	margin-top:10px;
	background-color:#FFFFFF;
	width:400px;
	height:40px;
	
}
	
.menubasa{
	float:left;
	width: 53px;
}

.menubass{
	float:left;
	width: 62px;
}

.menubasac{
	float:left;
	width: 62px;
}

.menubasc{
	float:left;
	width: 112px;
}

.menubascon{
	float:left;
	width: 100px;
}

h6{
	font-size:10px;
	color:#6a6868;
}

/*--------------------------------------------copyright-------------------------*/



.copy{
	background-color:#4f4f4f;
	float:left;
	text-align:center;
	height:100px;
	width:800px;
	color:#aaaaaa;	
	}
	
.copy p{
	text-align:right;
	margin-right:12px;
	font-size:12px;
}

h5{
	margin-top: 50px;
	font-size:8px;
}

	
a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}
	
a:hover{
	text-decoration:underline;
}