body{ margin:0px 0px 0px 0px;}
.HEAD1{ width:900px; height:262px; background:url("i_style/s01.png");}
.MENUINDEX{ width:800px; height:50px; background:url("i_style/s05.png");}
.CONTINDEX2{ width:800px; height:175px; background-color:#edf1f9; }
.CENTERCON{ width:900px; height:auto; background-color:#326ebf; padding:0px; margin:0px; background-image:url("i_style/s02.png"); background-position:top; background-repeat:no-repeat;}
.CONCENTER{ width:800px; height:auto; background-color:#edf1f9;  padding:0px; margin:0px; float:none; }
.PIEDINDEX{ width:900px; height:100px; background:url("i_style/s04.png"); }
.HEAD_CEL1{ width:900px; height:40px;}
.HEAD_CEL1 img{ float:right; margin-right:100px; width:43px; height:30px;}
.HEAD_CEL1 span{ font-family:Arial; font-size:14px; color:#ffffff; float:right; margin-right:15px;}
.HEAD_CEL2{ width:900px; height:50px;}
.HEAD_CEL2 img{ height:50px; float:right; margin-right:20px; width:45px;}
#MENU1{ width:800px; height:50px; list-style-type:none; margin-top:0px; margin-left:0px;}
#MENU1 li{ width:90px; height:50px; float:left; margin-left:0px;}
#MENU1 li a{ font-family:arial; font-size:12px; color:#ffffff; text-decoration:none;}
.SEPARATEUR{ width:2px; height:50px; float:left; margin-left:0px; background-image:url("i_style/separateur.png");}
#SMENU1{ width:721px; height:auto; list-style-type:none; background-color:#326ebf; margin-top:10px; position:absolute; display:none;}
#SMENU1 li{ width:150px; height:50px; float:left; margin-left:5px; margin-top:2px; cursor:pointer;}
#SMENU1 li a{ font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff; float:left; margin-left:2px;}
#SMENU1 li img{ width:50px; height:50px; float:left;}
.HEAD_CEL3{ width:900px; height:150px; }
.calandar{ width:90px; height:100px; float:right; margin-right:20px; background-image:url(i_style/logo.png); background-repeat:no-repeat;}
.FORMULAIRE1{ width:262px; height:100px; float:right; margin-right:0px; background-image:url(i_style/cel210.png);}
.FORMULAIRE1_CEL1{ width:262px; height:50px; background-image:url("i_style/celf2.png");}
.FORMULAIRE1_CEL2{ width:262px; height:50px; background-image:url("i_style/celf3.png");}
.FORMULAIRE1_CEL1 form input{ width:100px; height:10px; float:left; margin-left:5px; border:none; margin-top:2px;}
.FORMULAIRE1_CEL1 form label{ font-family:Arial; font-size:11px; color:#ffffff; float:left; margin-top:2px; width:90px;}
.FORMBUTTON1{ width:42px; height:50px; float:left; background-image:url("i_style/celf1.png"); margin-right:10px; font-family:arial; font-size:11px; color:#ffffff; cursor:pointer;}
.FORMULAIRE1_CEL1 form a{ font-family:arial; font-size:10px; text-decoration:none; float:left; color:#86ccff;}
.MOTIF1{ background-image:url("i_style/s06.png"); width:193px; height:90px; float:right; margin-top:-50px;}
.MOTIF2{ background-image:url("i_style/s07.png"); width:142px; height:50px; float:left;}
.COPY{ width:600px; height:30px; font-family:Arial; font-size:12px; color:#ff8b5c; margin-top:-30px;}
.BARLANGUE{ width:auto; height:15px; float:left;}
.BARLANGUE a{ font-family:Arial; font-size:14px; color:#ffffff; text-decoration:none; float:left; margin-left:5px;}

#MENU1 li:hover{ border:1px solid #ffffff; height:48px;}
#MENU1 li:hover #SMENU1{ display:block;}
#SMENU1 li:hover{ height:50px; border:none; height:50px;}
#SMENU1 li a:hover{ color:#000000;}

/*                      ---------------------------------------------------------------------            New Index ALL*/
.C211209-G{ width:900px; height:auto;}
.H211209-1{ width:900px; height:262px; background:url("i_style/s01.png");}
.H211209-2{ width:900px; height:225px; background:url(i_style/s02.png);}
.M211209-C{ width:900px; height:50px; list-style-type:none; background-image:url(i_style/s05.png);}
.M211209-C label{ width:100px; height:50px; float:left; border-right:1px solid #FFFFFF; margin-left:0px;}
.M211209-C label a{ font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; cursor:pointer; text-decoration:none;}
/*--------------------------------------------------------------------------------------------------------------------*/

/* mise en page bienvenue*/

.CONBIENVENU{ width:800px; height:auto; margin-top:10px; float:left;}
.TXTWEL{ width:500px; height:auto; float:left; margin-left:10px;}
.CADIMG{ width:250px; height:300px; float:left; margin-left:20px; border:1px solid #cccccc; margin-top:10px;}

/* mise en page accueil*/
.leftCellule{ width:500px; height:auto; float:left; margin-left:10px;}
.rightCellul{ width:250px; height:auto; float:left; margin-left:20px;}
.CELACC01{ width:500px; height:auto;}
.BarInfoCel{ width:500px; height:50px; background-image:url("i_style/bar12.png");}
.BarInfoCel span{ font-family:Arial; font-size:14px; font-weight:bold; color:#255595;}
.CELREP{ width:500px; height:auto;}
.CELREP table{ width:500px; height:auto; border:1px solid #edf1f9; border-top:none; float:left;}
.CELACC01 table{ width:500px; height:auto; border:1px solid #edf1f9; border-top:none; background-image:url("i_style/i10.png"); background-repeat:repeat-x; background-position:bottom;}
.CELACC01 table label{ font-family:Arial; font-size:12px; color:#000000; font-weight:bold;}
.CELACC01 table a{ font-family:Arial; font-size:12px; font-weight:bold; color:#ff0000; text-decoration:none; float:right;}
.separateurarti{ width:500px; height:1px; background-color:#326ebf;}
.CELACC01 table span{ font-family:Arial; font-size:12px; color:#326ebf;}
.CELACC01 table h1{ font-family:Arial; font-size:12px; color:#ff0000;}


.forephotohome{ width:250px; height:250px;}
.forephotohome img{ float:left; margin-left:5px; margin-top:5px; border:1px solid #255595; padding:2px 2px 2px 2px; width:110px; height:110px;}

.actucel{width:385px; height:auto; float:left; margin-left:10px; margin-top:10px;}
.actucel table{ width:385px; height:auto; background-image:url("i_style/i10.png"); background-repeat:repeat-x; background-position:bottom;}
.actucel table label{ font-family:Arial; font-size:12px; color:#000000; font-weight:bold;}
.actucel table a{ font-family:Arial; font-size:12px; font-weight:bold; color:#ff0000; text-decoration:none; float:right;}
.actucel table span{ font-family:Arial; font-size:12px; color:#326ebf;}

.PLANDACCE{ width:250px; height:40px; margin-top:10px;}
.PLANDACCE img{ width:25px; height:25px; float:left; margin-left:0px;}
.PLANDACCE a{ font-family:Arial; font-size:12px; color:#326ebf; text-decoration:none; text-align:left;}

.LIENLEFTCEL{width:380px; height:auto; float:right;}
.LIENRIGHTCEL{width:400px; height:auto; float:left;}
.CELRIGHTLIEN{ width:94px; height:124px; float:left; margin-left:25px; margin-top:10px; } 
.CELRIGHTLIEN img{ width:94px; height:94px; float:none; border:1px solid #326ebf; padding:2px 2px 2px 2px;}
.CELRIGHTLIEN a{ font-family:Arial; font-size:12px; color:#326ebf;}

.LIENLEFTCEL span{ font-family:Arial; font-size:14px; font-weight:bold; color:#255595;}
.LIENLEFTCEL a{ font-family:Arial; font-size:14px; text-decoration:none; color:#326ebf;}
.LIENLEFTCEL label{ font-family:Arial; font-size:20px; font-weight:bold; color:#255595;}

.CELCONPGPRIVE{ width:800px; height:auto; float:left;}
.CELCONPGPRIVE table{ width:800px; height:auto; border:none;}
.CELLEFTPRIVE{ width:380px; height:auto; float:left; margin-left:8px;}
.CELINFOPRIVE{ width:120px; height:170px; float:left; margin-left:5px;}
.CELINFOPRIVE img{ width:90px; height:90px; float:left;}
.CELINFOPRIVE span{ font-family:Arial; font-size:12px; color:#333333; font-weight:bold; float:left;}
.CELLEFTPRIVE table{ width:380px; height:auto; float:left;}
.CELCONPGPRIVE form{ width:800px; height:auto;}
.CELCONPGPRIVE form label{ font-family:Arial; font-size:12px; font-weight:bold; color:#003366; float:left; margin-left:10px; width:100px;}
.CELCONPGPRIVE form input{ background-color:transparent; border:none; font-family:Arial; font-size:12px; color:#0066FF; float:left; margin-left:10px;}
.CELCONPGPRIVE form input:hover{ border:1px solid #0099CC;}
.CELCONNXION102{ width:380px;  float:left; height:90px; background-image:url(i_style/i08.png); }
.CELCONNXION102 form{ width:380px; height:auto;}
.CELCONNXION102 form font{ font-family:Arial; font-size:14px; font-weight:bold; color:#006699; width:380px; float:left;}
.CELCONNXION102 form label{ width:200px; height:auto; float:left; font-family:Arial; font-size:12px; font-weight:bold; color:#333333; margin-top:2px; text-align:right;}
.CELCONNXION102 form input{ width:150px; height:auto; float:left; margin-left:5px; background:transparent; margin-top:5px; border:none; border:1px solid #00CCCC; margin-top:2px;}

#PORTPOUP{ width:100%; height:250px; position:absolute; top:300px; left:0px;}
.POPUP{ width:400px; height:250px; background-image:url(i_style/popup.png);}
.CONPOPUP{ width:360px; height:210px; margin-top:20px;}

.CELLULEINDEXETUDIANTS{ width:250px; height:auto; float:left; margin-left:5px;}
.CELLULEINDEXETUDIANTS label{ font-family:Arial; font-weight:bold; color:#333333; font-size:12px; }
.CELLULEINDEXETUDIANTS span{ font-family:Arial; color:#3399CC; font-size:12px;}
.classimg1{ width:20px; height:20px; float:left; border:none;}
.CELLULEINDEXETUDIANTS a{ font-family:Arial; font-size:11px; font-weight:bold; color:#003399; border:none; text-decoration:none; float:left; margin-left:5px; width:210px;}

/*				Espace Etudiants		*/
.CONESPETD131209{ width:790px; height:auto; float:left; margin-left:5px;}
.CEL1ESPETD{ width:250px; height:auto; float:left; margin-left:0px;}
.CEL2ESPETD{ width:530px; height:auto; float:left; margin-left:5px;}
.CEL1ESPETD span{ font-family:Arial; font-size:11px; color:#000000; text-align:left;}
.CEL1ESPETD label{ font-family:Arial; font-size:11px; color:#000000; font-weight:bold; text-align:left;}
.CEL1ESPETD a{ font-family:Arial; font-size:11px; color:#0099FF; font-weight:bold; text-align:left;}
.CEL1ESPETD table{ width:250px; height:auto; border:1px solid #A6E2FF; border-top:none;}
/*------------------------------------------------------------------------------ Emploi du temps*/
.DIPLOMECEL1{ width:520px; height:auto; float:left; margin-top:5px; border-bottom:1px solid #0099CC;}
.DIPLOMECEL2{ width:150px; height:auto; float:left; margin-left:5px;}
.NIVEAUXCEL1{ width:360px; height:auto; float:left; margin-left:5px; } .CONTNIVEAUCEL1{ width:360px; height:auto; float:left; margin-bottom:5px;
border-bottom:1px solid #FF9900; border-left:1px solid #FF9900;}
.NIVEAUXCEL2{ width:150px; height:auto; float:left; margin-left:2px;}
.EMPLOISCEL1{ width:200px; height:auto; float:left; margin-left:5px; border-left:1px solid #FF9900;}
#BACK0101{ width:150px; height:20px; background-image:url(i_style/bar12.png); font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; }
.DIPLOMECEL1 span{ font-family:Arial; font-size:12px; color:#333333}
.DIPLOMECEL1 label{ font-family:Arial; font-size:11px; color:#333333; font-weight:bold;}
.DIPLOMECEL1 a{ font-family:Arial; font-size:11px; color:#0099FF;}
/*--------------------------------------------------------------------------------absance enseignant */
.CELEXAMENEXPLO1{ width:520px; height:auto; float:left; margin-top:5px; border-bottom:1px solid #C2CDFE;}
.CELENS1001{ width:250px; height:auto; float:left; margin-left:10px; }
.CONCELENS1001{ width:250px; height:auto; float:left;}
.CONCELENS1001 div{ width:100px; height:20px; font-family:Arial; font-size:12px; background-image:url(i_style/s08.png); float:left; margin-left:5px; color:#FFFFFF; text-align:center;}
.CONCELENS1001 span{ font-family:Arial; font-size:12px; font-weight:bold; color:#333333; float:left; margin-left:5px;}
#BACK0102{ width:250px; height:20px; background-image:url(i_style/bar12.png); font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; }
.CELENS1001{ font-family:Arial; font-size:14px; font-weight:bold; color:#333333;}
/*--------------------------------------------------------------------------------- ratrapage enseignants*/
.CRLRARTAPAGEENS{ width:530px; height:auto; float:left; margin-top:5px;}
.CEL120096{ width:90px; height:auto; float:left; margin-left:2px;}
.CEL220096{ width:70px; height:auto; float:left; margin-left:2px;}
.CEL320096{ width:40px; height:auto; float:left; margin-left:2px;}
.CELCON20096{ width:435px; height:auto; float:left;} .CELCON200962{ width:435px; height:auto; float:left;}
#BACK0103{ width:90px; height:20px; background-image:url(i_style/bar12.png); font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; }
#BACK0104{ width:70px; height:20px; background-image:url(i_style/bar12.png); font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; }
#BACK0105{ width:40px; height:20px; background-image:url(i_style/bar12.png); font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; }
.CRLRARTAPAGEENS span{ font-family:Arial; font-size:11px; font-weight:bold; color:#0061C1;}
.CRLRARTAPAGEENS label{ font-family:Arial; font-size:11px; font-weight:bold; color:#333333;}
.CEL220096 div{ width:70px; height:20px; font-family:Arial; font-size:12px; background-image:url(i_style/s08.png); float:left; margin-left:5px; color:#FFFFFF; text-align:center;}
.CEL320096 div{ width:40px; height:20px; font-family:Arial; font-size:12px; background-image:url(i_style/s08.png); float:left; margin-left:5px; color:#FFFFFF; text-align:center;}