/* CSS Document */

body {
	background-image: url(img/fond.jpg);
	margin: 0px;
	padding: 0px;
}

#conteneur {
	margin: 0px;
	padding: 0px;
width: 770px;
}

#header {
	margin: 0px;
	padding: 0px;
width: 770px;
height: 165px;
background-image:url(img/header2.jpg);
}

#titrerub{
margin: 0px;
padding: 0px;
width: 770px;
height: 17px;
}

#cadremenu{
float:left;
margin: 0px;
padding: 0px;
width: 200px;
height: 602px;
background-image:url(img/fond_menu.gif);
}

.menu {
margin-left: 5px;
padding: 0px;
/*background-color:#FFFFFF;*/
}

.menu ul {
position:relative;
width:190px;
padding: 0px;
margin: 0px;
list-style-type: none;

}

.menu a{
position:absolute;
}

.menu li {
}

#menu1{
left:0px;
top:5px;
width:190px;
height:25px;
background: url(img/bout_ac.gif) ;
}

#menu1:hover{
left:0px;
top:5px;
width:190px;
height:25px;
background: url(img/bout_ac_hover.gif) ;
}

#menu1bis{
left:0px;
top:5px;
width:190px;
height:25px;
background: url(img/bout_ac_hover.gif) ;
}

#menu2{
left:0px;
top:59px;
width:190px;
height:35px;
background: url(img/bout_inge.gif) ;
}

a#menu2:hover{
left:0px;
top:59px;
width:190px;
height:35px;
background: url(img/bout_inge_hover.gif) ;
}

#menu2bis{
left:0px;
top:59px;
width:190px;
height:35px;
background: url(img/bout_inge_hover.gif) ;
}

#menu3{
left: 0px;
top:99px;
width:190px;
height:35px;
background: url(img/bout_anim.gif) ;
}

#menu3bis{
left: 0px;
top:99px;
width:190px;
height:35px;
background: url(img/bout_anim_hover.gif) ;
}

#menu3:hover{
left: 0px;
top:99px;
width:190px;
height:35px;
background: url(img/bout_anim_hover.gif) ;
}


#menu4{
left: 0px;
top:139px;
width:190px;
height:35px;
background: url(img/bout_cons.gif) ;
}

#menu4:hover{
left: 0px;
top:139px;
width:190px;
height:35px;
background: url(img/bout_cons_hover.gif) ;
}



#menu4bis{
left: 0px;
top:139px;
width:190px;
height:35px;
background: url(img/bout_cons_hover.gif) ;
}

#menu5{
left: 0px;
top:179px;
width:190px;
height:35px;
background: url(img/bout_refe.gif) ;
}

#menu5:hover{
left: 0px;
top:179px;
width:190px;
height:35px;
background: url(img/bout_refe_hover.gif) ;
}

#menu5bis{
left: 0px;
top:179px;
width:190px;
height:35px;
background: url(img/bout_refe_hover.gif) ;
}

#menu6{
left: 0px;
top:238px;
width:190px;
height:50px;
background: url(img/bout_esp1.gif) ;
}

#menu6:hover{
left: 0px;
top:238px;
width:190px;
height:50px;
background: url(img/bout_esp1_hover.gif) ;
}

#menu6bis{
left: 0px;
top:238px;
width:190px;
height:50px;
background: url(img/bout_esp1_hover.gif) ;
}

#menu7{
left: 0px;
top:311px;
width:190px;
height:35px;
background: url(img/bout_esp2.gif) ;
}

#menu7:hover{
left: 0px;
top:311px;
width:190px;
height:35px;
background: url(img/bout_esp2_hover.gif) ;
}

#menu7bis{
left: 0px;
top:311px;
width:190px;
height:35px;
background: url(img/bout_esp2_hover.gif) ;
}

#menu8{
left: 0px;
top:370px;
width:190px;
height:35px;
background: url(img/bout_esp3.gif) ;
}

#menu8:hover{
left: 0px;
top:370px;
width:190px;
height:35px;
background: url(img/bout_esp3_hover.gif) ;
}

#menu8bis{
left: 0px;
top:370px;
width:190px;
height:35px;
background: url(img/bout_esp3_hover.gif) ;
}

#menu9{
left: 1px;
top:440px;
width:190px;
height:25px;
background: url(img/bout_for.gif) ;
}

#menu9:hover{
left: 0px;
top:440px;
width:190px;
height:25px;
background: url(img/bout_for_hover.gif) ;
}

#menu9bis{
left: 0px;
top:440px;
width:190px;
height:25px;
background: url(img/bout_for_hover.gif) ;
}

#menu10{
left: 0px;
top:470px;
width:190px;
height:25px;
background: url(img/bout_cont.gif) ;
}

#menu10:hover{
left: 0px;
top:470px;
width:190px;
height:25px;
background: url(img/bout_cont_hover.gif) ;
}

#menu10bis{
left: 0px;
top:470px;
width:190px;
height:25px;
background: url(img/bout_cont_hover.gif) ;
}

#menu11{
left: 0px;
top:500px;
width:190px;
height:25px;
background: url(img/bout_recrut.gif) ;
}

#menu11:hover{
left: 0px;
top:500px;
width:190px;
height:25px;
background: url(img/bout_recrut_hover.gif) ;
}

#menu11bis{
left: 0px;
top:500px;
width:190px;
height:25px;
background: url(img/bout_recrut_hover.gif) ;
}

#menu12{
left: 0px;
top:535px;
width:86px;
height:17px;
background: url(img/bout_plan.gif) ;
}


#contenu{
float:right;
margin: 0px;
padding: 0px;
width: 570px;
height: 602px;
background-image:url(img/fond_contenu.gif);
}

#boitatexte{
margin-left: 20px;
padding: 0px;
width: 550px;
height: 560px;
/*background-color:#FFFF00;*/
}

#boitatexte p{
margin-left: 20px;
margin-right: 20px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#304D7C;
/*background-color:#FF0000;*/
}

#textep2{
margin-left: 20px;
margin-right: 20px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#304D7C;
/*background-color:#FF0000;*/
}

#textep3{
margin-left: 20px;
margin-right: 20px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#304D7C;
/*background-color:#FF0000;*/
}

#boitatexte h1{
margin-top:5px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight: bold;
color:#CC0000;
padding-bottom:25px;
}

.ssmenu {
margin-top: -4px;
padding: 0px;
}

.ssmenu ul {
float:left;
position:relative;
width:550px;
height:86px;
padding: 0px;
margin: 0px;
list-style-type: none;

}

.ssmenu a{
position:absolute;
height:86px;
}

.ssmenu li {
float: right;
}

#ssmenu1{
left: 0px;
top:0px;
width:137px;
height:86px;
background: url(img/bout_inge_jeux.gif) ;
}
#ssmenu1bis{
left: 0px;
top:0px;
width:137px;
height:86px;
background: url(img/bout_inge_jeux_hover.gif) ;
}
#ssmenu2{
left: 137px;
top:0px;
width:77px;
height:86px;
background: url(img/bout_inge_elearning.gif) ;
}

#ssmenu2bis{
left: 137px;
top:0px;
width:77px;
height:86px;
background: url(img/bout_inge_elearning_hover.gif) ;
}
#ssmenu3{
left: 214px;
top:0px;
width:97px;
height:86px;
background: url(img/bout_inge_videos.gif) ;
}

#ssmenu3bis{
left: 214px;
top:0px;
width:97px;
height:86px;
background: url(img/bout_inge_videos_hover.gif) ;
}

#ssmenu4{
left: 311px;
top:0px;
width:102px;
height:86px;
background: url(img/bout_inge_pedag.gif) ;
}

#ssmenu4bis{
left: 311px;
top:0px;
width:102px;
height:86px;
background: url(img/bout_inge_pedag_hover.gif) ;
}

#ssmenu5{
left: 413px;
top:0px;
width:137px;
height:86px;
background: url(img/bout_inge_simul.gif) ;
}

#ssmenu5bis{
left: 413px;
top:0px;
width:137px;
height:86px;
background: url(img/bout_inge_simul_hover.gif) ;
}

#ssmenu6{
left: 0px;
top:0px;
width:278px;
height:86px;
background: url(img/bout_langues.gif) ;
}

#ssmenu6bis{
left: 0px;
top:0px;
width:278px;
height:86px;
background: url(img/bout_langues_hover.gif) ;
}

#ssmenu7{
left: 278px;
top:0px;
width:272px;
height:86px;
background: url(img/bout_ou.gif) ;
}

#ssmenu7bis{
left: 278px;
top:0px;
width:272px;
height:86px;
background: url(img/bout_ou_hover.gif) ;
}

#ssmenu8{
left: 0px;
top:0px;
width:209px;
height:86px;
background: url(img/bout_cons_parcour.gif) ;
}
#ssmenu8bis{
left: 0px;
top:0px;
width:209px;
height:86px;
background: url(img/bout_cons_parcour_hover.gif) ;
}
#ssmenu9{
left: 209px;
top:0px;
width:82px;
height:86px;
background: url(img/bout_cons_ecoles.gif) ;
}

#ssmenu9bis{
left: 209px;
top:0px;
width:82px;
height:86px;
background: url(img/bout_cons_ecoles_hover.gif) ;
}
#ssmenu10{
left: 291px;
top:0px;
width:259px;
height:86px;
background: url(img/bout_cons_expertise.gif) ;
}
#ssmenu10bis{
left: 291px;
top:0px;
width:259px;
height:86px;
background: url(img/bout_cons_expertise_hover.gif) ;
}

#imagecv1 {    /* bloc image en arrière-plan */
width : 550px;
height: 404px;
background: url(img/img_cv1.gif);
}
#imagecv2 {    /* bloc image en arrière-plan */
width : 550px;
height: 404px;
background: url(img/img_cv2.gif);
}
#imagecv3 {    /* bloc image en arrière-plan */
width : 550px;
height: 318px;
background: url(img/img_cv3.gif);
}

#zone1 {    /* zone cliquable */
float: left;
width : 100px;
height: 35px;
margin-left: 35px;
margin-top: 85px;
}

#zone2 {    /* zone cliquable */
float: left;
width : 100px;
height: 35px;
margin-left: -115px;
margin-top: 175px;
}

#zone3 {    /* zone cliquable */
float: left;
width : 100px;
height: 35px;
margin-left: -115px;
margin-top: 260px;
}

#zone4 {    /* zone cliquable */
float: left;
width : 100px;
height: 35px;
margin-left: -115px;
margin-top: 340px;
}
#zone5 {    /* zone cliquable */
float: right;
width : 125px;
height: 15px;
margin-right: 70px;
margin-top: 385px;
}

#zone6 {    /* zone cliquable */
float: left;
width : 50px;
height: 15px;
margin-left: 500px;
margin-top: -16px;
}
#zone7 {    /* zone cliquable */
float: left;
width : 50px;
height: 15px;
margin-left: 500px;
margin-top: 3px;
}