@charset "UTF-8";
@import url("file:///C|/Users/IDHMAD/Desktop/index.html.css");
/* CSS Document */


#entete2{width:1160px;
height:80px;
margin:auto;




}
#bannier{width:1160px;
height:300px;
margin:auto;




}

 #espacemenu {width:1140px;
height:34px;
margin:auto;



}

#menu ul{
padding:0px;
margin:0px;
line-height:30px;


}
#menu li{
list-style-type:none;
position:relative;
background-color:#C00;
text-align:center;
float:left;
 border-radius : 10px;
}


#menu ul li a{
color: #FFF;
font-style:bold;
text-decoration:none;
width:150px;
height:30px;
display:block;
text-align: inherit;
font-size:13px;
font-family:"Arial";
background:none;
border:1px solid #ffffff;

  
 
 
 
}

#menu ul li a:hover{
background: #999;
color: #fff;
border-radius : 10px;

}

#menu ul ul{
position:absolute;
display:none;
top:35px;
}
#menu ul li ul a{
color:#fff;
}
#menu ul li:hover ul{
display:block;
background:#5B2E00;
color:#fff;
}

#menu ul li ul a:hover{
background:#5B2E00;
color:#fff;
}



#espace{width:920px;
height:10px;
margin:auto;
}


#blocoffre{
	position:absolute;
	width:1140px;
	height:140px;
	background-color:#fff;
	top: 9px;
	left: 15px;
}

	

#corpqhse{ position:relative;
	width:1140px;
	height:2600px;
	margin:auto;
		padding-left:20px;
		background-color:#fff;
}
#corpqhse-2{ position:relative;
	width:1140px;
	height:1500px;
	margin:auto;
		padding-left:20px;
		background-color:#fff;
}

#corpqhse-3{ position:relative;
	width:1140px;
	height:1800px;
	margin:auto;
		padding-left:20px;
		background-color:#fff;
}
#titre-1{
	position:absolute;
	left : 30px;
	width:360px;
	height:30px;
	top: 207px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}

#blocqhse-1{
	position:absolute;
	width:1060px;
	height:320px;
	top: 242px;
	left : 30px;
	border:2px solid #ccc;
}

#titre-2{
	position:absolute;
	width:400px;
	height:30px;
	top: 602px;
	left : 33px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}
#blocqhse-2{
	position:absolute;
	width:1060px;
	height:320px;
	top: 643px;
	left : 35px;
	border:2px solid #ccc;
	
}




#titre-3{
	position:absolute;
	width:420px;
	height:30px;
	top: 1022px;
	left : 33px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}
#blocqhse-3{
	position:absolute;
	width:1060px;
	height:320px;
	top: 1058px;
	left : 35px;
	border:2px solid #ccc;
	
}





#titre-4{
	position:absolute;
	width:500px;
	height:30px;
	top: 1422px;
	left : 33px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}
#blocqhse-4{
	position:absolute;
	width:1060px;
	height:320px;
	top: 1458px;
	left : 35px;
	border:2px solid #ccc;
	
}


#titre-5{
	position:absolute;
	width:500px;
	height:30px;
	top: 1822px;
	left : 33px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}
#blocqhse-5{
	position:absolute;
	width:1060px;
	height:320px;
	top: 1858px;
	left : 35px;
	border:2px solid #ccc;
	
}



#titre-6{
	position:absolute;
	width:500px;
	height:30px;
	top: 2222px;
	left : 33px;
	border-radius : 5px;
	padding-left:50px;
	background-color:#193761;
	box-shadow: 2px 2px #ccc;
}
#blocqhse-6{
	position:absolute;
	width:1060px;
	height:320px;
	top: 2256px;
	left : 28px;
	border:2px solid #ccc;
	
}


.blocq{width:240px;
	height:130px;
	background-color:#B2B2B2;
	background-image:url(../images/formation/blocvierge.jpg);
	
		}


#blocq-1{
	position:absolute;
	top: 10px;
	left : 24px;
		
}

#blocq-2{
	position:absolute;
	top: 12px;
	left : 279px;

	}
	
#blocq-3{
	position:absolute;
	top: 10px;
	left : 537px;
		
}

#blocq-4{
	position:absolute;
	top: 10px;
	left : 793px;
	
}

#blocq-1-2{
	position:absolute;
	top: 171px;
	left : 22px;
}

#blocq-2-2{
	position:absolute;
	top: 171px;
	left : 280px;
		
}

#blocq-3-2{
	position:absolute;
	top: 171px;
	left : 537px;
	}

#blocq-4-2{
	position:absolute;
	top: 171px;
	left : 793px;
		
}


#blocq-1-3{
	position:absolute;
	top: 299px;
	left : 23px;
	
}

#blocq-2-3{
	position:absolute;
	top: 299px;
	left : 280px;
	}
	
#blocq-3-3{
	position:absolute;
	top: 299px;
	left : 537px;
		
}
#blocq-4-3{
	position:absolute;
	top: 299px;
	left : 793px;
	
	}

#blocq-1-4{
	position:absolute;
	top: 460px;
	left : 11px;
	
}

#blocq-2-4{ position:absolute;
	
	top: 460px;	
	left : 280px;	
		
}

#blocq-3-4{ position:absolute;
		top: 460px;	
	left : 550px;	
	
}
#blocq-4-4{ position:absolute;
		top: 460px;	
	left : 820px;	
		
}

#blocq-1-5{
	position:absolute;
	top: 600px;
	left : 11px;
	
}

#blocq-2-5{ position:absolute;
	
	top: 600px;	
	left : 280px;	

}
#blocq-3-5{ position:absolute;
		top: 600px;	
	left : 550px;	
		
}
#blocq-4-5{ position:absolute;
		top: 600px;	
	left : 820px;	

}



#bloctitre5-qhse{
	position:absolute;
	width:500px;
	height:30px;
	top: 2239px;
	left : 39px;
	border-radius: 5px;
	padding-left:40px;
	border:1px solid #193761;
	box-shadow: 2px 2px #ccc;
	
}

#bloccarre5-qhse{
	position:absolute;
	width:1060px;
	height:270px;
	top: 2276px;
	left : 39px;
	padding-left:20px;
	padding-top:10px;
	background-color:#E6E6E6;
	border:2px solid #ccc;
}



#titreprogram-sec{
	position:absolute;
	width:500px;
	height:30px;
	top: 1033px;
	left : 39px;
	border-radius: 5px;
	padding-left:40px;
	border:1px solid #193761;
	box-shadow: 2px 2px #ccc;
	
}

#program-sec{
	position:absolute;
	width:1060px;
	height:270px;
	top: 1083px;
	left : 39px;
	padding-left:20px;
	padding-top:10px;
	background-color:#E6E6E6;
	border:2px solid #ccc;
}

#titreprogram-dev{
	position:absolute;
	width:500px;
	height:30px;
	top: 1587px;
	left : 70px;
	border-radius: 5px;
	padding-left:40px;
	border:1px solid #193761;
	box-shadow: 2px 2px #ccc;
	
}

#program-dev{
	position:absolute;
	width:1060px;
	height:270px;
	top: 1630px;
	left : 70px;
	padding-left:20px;
	padding-top:10px;
	background-color:#E6E6E6;
	border:2px solid #ccc;
}











#band{width:1160px;
height:60px;
margin:auto;
padding-top:20px;
background-color: #F00;
}




a{text-decoration: none;
}
a:link {color: #87AD39;}
a:visited {color: #008caa;}
a:hover {color: #dedc00;}
a:focus {color: #36cce1;}
a:active { color: #95c11f;}


.gris{ width:125px;
	height:114px;
background-image:url(file:///C|/Users/IDHMAD/Desktop/images/tranch/images/images/index4_06.png);}