html,body{margin:0;padding:0 ; height:100%; border: none; background: url("../img/bg.png")}
body{font: 76% arial,sans-serif; text-align:left;}



/*-------------------------------------Images D'entête---------------------------------------*/	
/*-------------------------------------Section accueil---------------------------------------*/
div#e1_1 {background: url("../img/entete/img1_1.jpg") no-repeat; top: 133px; position: absolute; width:80px; height: 183px; left: 0px;}
div#e2_1 {background: url("../img/entete/img2_1.jpg") no-repeat; top: 138px; position: absolute; width:203px; height: 27px; left: 76px;}
div#e3_1 {background: url("../img/entete/img3_1.png") no-repeat; top: 296px; position: absolute; width:203px; height: 59px; left: 76px;}
div#e4_1 {background: url("../img/entete/img4_1.jpg") no-repeat; top: 95px; position: absolute; width:150px; height: 266px; left: 279px;}
div#e5_1 {background: url("../img/entete/img5_1.jpg") no-repeat; top: 0px; position: absolute; width:356px; height: 104px; left: 429px;}
div#e6_1 {background: url("../img/entete/img6_1.jpg") no-repeat; top: 104px; position: absolute; width:356px; height: 257px; left: 429px;
z-index: 1;}

/*-------------------------------------Section programmation---------------------------------------*/
div#e1_2 {background: url("../img/entete/img1_2.jpg") no-repeat; top: 133px; position: absolute; width:80px; height: 183px; left: 0px;}
div#e2_2 {background: url("../img/entete/img2_2.jpg") no-repeat; top: 138px; position: absolute; width:203px; height: 27px; left: 76px;}
div#e3_2 {background: url("../img/entete/img3_2.png") no-repeat; top: 296px; position: absolute; width:203px; height: 59px; left: 76px;
z-index: 1;}
div#e4_2 {background: url("../img/entete/img4_2.jpg") no-repeat; top: 95px; position: absolute; width:150px; height: 266px; left: 279px;}
div#e5_2 {background: url("../img/entete/img5_2.jpg") no-repeat; top: 0px; position: absolute; width:356px; height: 104px; left: 429px;}
div#e6_2 {background: url("../img/entete/img6_2.jpg") no-repeat; top: 104px; position: absolute; width:356px; height: 257px; left: 429px;
z-index: 1;}
/*-------------------------------------Section formation---------------------------------------*/
div#e1_3 {background: url("../img/entete/img1_3.jpg") no-repeat; top: 133px; position: absolute; width:80px; height: 183px; left: 0px;}
div#e2_3 {background: url("../img/entete/img2_3.jpg") no-repeat; top: 138px; position: absolute; width:203px; height: 27px; left: 76px;}
div#e3_3 {background: url("../img/entete/img3_3.png") no-repeat; top: 296px; position: absolute; width:203px; height: 59px; left: 76px;}
div#e4_3 {background: url("../img/entete/img4_3.jpg") no-repeat; top: 95px; position: absolute; width:150px; height: 266px; left: 279px;}
div#e5_3 {background: url("../img/entete/img5_3.jpg") no-repeat; top: 0px; position: absolute; width:356px; height: 104px; left: 429px;}
div#e6_3 {background: url("../img/entete/img6_3.jpg") no-repeat; top: 104px; position: absolute; width:356px; height: 257px; left: 429px;
z-index: 1;}
/*-------------------------------------Section contact---------------------------------------*/
div#e1_4 {background: url("../img/entete/img1_4.jpg") no-repeat; top: 133px; position: absolute; width:80px; height: 183px; left: 0px;}
div#e2_4 {background: url("../img/entete/img2_4.jpg") no-repeat; top: 138px; position: absolute; width:203px; height: 27px; left: 76px;}
div#e3_4 {background: url("../img/entete/img3_4.png") no-repeat; top: 296px; position: absolute; width:203px; height: 59px; left: 76px;}
div#e4_4 {background: url("../img/entete/img4_4.jpg") no-repeat; top: 95px; position: absolute; width:150px; height: 266px; left: 279px;}
div#e5_4 {background: url("../img/entete/img5_4.jpg") no-repeat; top: 0px; position: absolute; width:356px; height: 104px; left: 429px;}
div#e6_4 {background: url("../img/entete/img6_4.jpg") no-repeat; top: 104px; position: absolute; width:356px; height: 257px; left: 429px;
z-index: 1;}

/*-------------------------------------Images D'entête Fin---------------------------------------*/	

/*-------------------------------------Menu ---------------------------------------*/	

div#header a{display:block;}
/*-------------------------------------btn accueil---------------------------------------*/
div#m1_1 {background: url("../img/menu/btn_acc_1.jpg") no-repeat; top: 165px; position: absolute; width:203px; height: 34px; left: 76px;}
div#m2_1 {background: url("../img/menu/btn_prog_1.jpg") no-repeat; top: 199px; position: absolute; width:203px; height: 33px; left: 76px;}
div#m3_1 {background: url("../img/menu/btn_for_1.jpg") no-repeat; top: 232px; position: absolute; width:203px; height: 30px; left: 76px;}
div#m4_1 {background: url("../img/menu/btn_cont_1.jpg") no-repeat; top: 262px; position: absolute; width:203px; height: 34px; left: 76px;}

div#m1_1 a{ height: 34px;}
div#m2_1 a{	height: 33px;}
div#m3_1 a{	height: 30px;}
div#m4_1 a{	height: 34px;}

div#m1_1 a:hover{background: url("../img/menu/roll_acc_1.jpg") no-repeat; width: 203px;}
div#m2_1 a:hover{background: url("../img/menu/roll_prog_1.jpg") no-repeat; width: 203px; height: 33px;}
div#m3_1 a:hover{background: url("../img/menu/roll_for_1.jpg") no-repeat; width: 203px; height: 30px;}
div#m4_1 a:hover{background: url("../img/menu/roll_cont_1.jpg") no-repeat; width: 203px; height: 34px;}
/*-------------------------------------btn programmation---------------------------------------*/
div#m1_2 {background: url("../img/menu/btn_acc_2.jpg") no-repeat; top: 165px; position: absolute; width:203px; height: 34px; left: 76px;}
div#m2_2 {background: url("../img/menu/btn_prog_2.jpg") no-repeat; top: 199px; position: absolute; width:203px; height: 33px; left: 76px;}
div#m3_2 {background: url("../img/menu/btn_for_2.jpg") no-repeat; top: 232px; position: absolute; width:203px; height: 30px; left: 76px;}
div#m4_2 {background: url("../img/menu/btn_cont_2.jpg") no-repeat; top: 262px; position: absolute; width:203px; height: 34px; left: 76px;}

div#m1_2 a{ height: 34px;}
div#m2_2 a{	height: 33px;}
div#m3_2 a{	height: 30px;}
div#m4_2 a{	height: 34px;}

div#m1_2 a:hover{background: url("../img/menu/roll_acc_2.jpg") no-repeat; width: 203px;}
div#m2_2 a:hover{background: url("../img/menu/roll_prog_2.jpg") no-repeat; width: 203px; height: 33px;}
div#m3_2 a:hover{background: url("../img/menu/roll_for_2.jpg") no-repeat; width: 203px; height: 30px;}
div#m4_2 a:hover{background: url("../img/menu/roll_cont_2.jpg") no-repeat; width: 203px; height: 34px;}
/*-------------------------------------btn formation---------------------------------------*/
div#m1_3 {background: url("../img/menu/btn_acc_3.jpg") no-repeat; top: 165px; position: absolute; width:203px; height: 34px; left: 76px;}
div#m2_3 {background: url("../img/menu/btn_prog_3.jpg") no-repeat; top: 199px; position: absolute; width:203px; height: 33px; left: 76px;}
div#m3_3 {background: url("../img/menu/btn_for_3.jpg") no-repeat; top: 232px; position: absolute; width:203px; height: 30px; left: 76px;}
div#m4_3 {background: url("../img/menu/btn_cont_3.jpg") no-repeat; top: 262px; position: absolute; width:203px; height: 34px; left: 76px;}

div#m1_3 a{ height: 34px;}
div#m2_3 a{	height: 33px;}
div#m3_3 a{	height: 30px;}
div#m4_3 a{	height: 34px;}

div#m1_3 a:hover{background: url("../img/menu/roll_acc_3.jpg") no-repeat; width: 203px;}
div#m2_3 a:hover{background: url("../img/menu/roll_prog_3.jpg") no-repeat; width: 203px; height: 33px;}
div#m3_3 a:hover{background: url("../img/menu/roll_for_3.jpg") no-repeat; width: 203px; height: 30px;}
div#m4_3 a:hover{background: url("../img/menu/roll_cont_3.jpg") no-repeat; width: 203px; height: 34px;}
/*-------------------------------------btn contact---------------------------------------*/
div#m1_4 {background: url("../img/menu/btn_acc_4.jpg") no-repeat; top: 165px; position: absolute; width:203px; height: 34px; left: 76px;}
div#m2_4 {background: url("../img/menu/btn_prog_4.jpg") no-repeat; top: 199px; position: absolute; width:203px; height: 33px; left: 76px;}
div#m3_4 {background: url("../img/menu/btn_for_4.jpg") no-repeat; top: 232px; position: absolute; width:203px; height: 30px; left: 76px;}
div#m4_4 {background: url("../img/menu/btn_cont_4.jpg") no-repeat; top: 262px; position: absolute; width:203px; height: 34px; left: 76px;}

div#m1_4 a{ height: 34px;}
div#m2_4 a{	height: 33px;}
div#m3_4 a{	height: 30px;}
div#m4_4 a{	height: 34px;}

div#m1_4 a:hover{background: url("../img/menu/roll_acc_4.jpg") no-repeat; width: 203px;}
div#m2_4 a:hover{background: url("../img/menu/roll_prog_4.jpg") no-repeat; width: 203px; height: 33px;}
div#m3_4 a:hover{background: url("../img/menu/roll_for_4.jpg") no-repeat; width: 203px; height: 30px;}
div#m4_4 a:hover{background: url("../img/menu/roll_cont_4.jpg") no-repeat; width: 203px; height: 34px;}
/*-------------------------------------Menu Fin---------------------------------------*/

/*-------------------------------------Titres---------------------------------------*/
div#t1 {background: url("../img/titres/titre_1.png") no-repeat; top: 347px; position: absolute; width:92px; height: 31px; left: 22px;
z-index: 2;}
div#t2 {background: url("../img/titres/titre_2.png") no-repeat; top: 347px; position: absolute; width:215px; height: 32px; left: 22px;
z-index: 2;}
div#t3 {background: url("../img/titres/titre_3.png") no-repeat; top: 347px; position: absolute; width:139px; height: 28px; left: 22px;
z-index: 2;}
div#t4 {background: url("../img/titres/titre_4.png") no-repeat; top: 347px; position: absolute; width:111px; height: 31px; left: 22px;
z-index: 2;}
div#t_liens {background: url("../img/titres/titre_liens.png") no-repeat; top: 347px; position: absolute; width:148px; height: 31px; left: 618px;
z-index: 2;}

/*-------------------------------------Titres Fin---------------------------------------*/

/*-------------------------------------Colones---------------------------------------*/

div#header h1{height:355px;line-height:80px;margin:0;
padding-left:100px;background: #f4fcff;color: #79B30B}
div#container{text-align:left;}
div#content p{line-height:1.4}
div#content {padding:10px ;}
div#navigation{background:#83a4a3; }
div#navigation a{color: #FFF}
div#footer{background: #f4fcff;color: #333}
div#footer a{display:inline;padding:0;color: #1d365b}
div#container{width:800px;margin:0 ; align:left;}
div#wrapper{float:left;width: 600px;}
* html div#navigation{float:left;width:100px; margin-left: 2px; padding:10px ;}
div#navigation{float:left;width:140px; margin-left: 2px; padding:10px ;}
div#footer{text-align:right;}


/*-------------------------------------Colones---------------------------------------*/