html, body 
{
	height:auto !important;
	min-height:100%;
	margin:0px;
	padding:0px;
	background-color:#efefef;
}

#MainFake 
{
	clear:both;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

#Main
{
	display:inline;
	float:left;
	height:auto;
	margin-left:-1px;
	width:999px;
}

#Content
{
	background:url(/images_gray/structure/body/body_repete.jpg) repeat-y;
	clear:both;
	display:inline-block;
	float:left;
	height:auto;
	width:100%;
	padding-bottom:10px;
}


#Menu
{
	background:url(/images_gray/menu/fond.jpg) no-repeat;
	clear:both;
	height:52px;
	width:999px;
}

#Menu .back
{
	display:inline;
	float:left;
	height:100%;
	margin-left:20px;
	width:50px;
	background:url(/images_gray/menu/back-off.jpg) no-repeat;
	cursor:pointer;
}

#Menu .back.selected
{
	background:url(/images_gray/menu/back-on.jpg) no-repeat;
}

#Menu .back:hover
{
	background:url(/images_gray/menu/back-on.jpg) no-repeat;
}

#Menu .next
{
	display:inline;
	float:left;
	height:100%;
	width:50px;
	background:url(/images_gray/menu/next-off.jpg) no-repeat;
	cursor:pointer;
}

#Menu .next.selected
{
	background:url(/images_gray/menu/next-on.jpg) no-repeat;
}

#Menu .next:hover
{
	background:url(/images_gray/menu/next-on.jpg) no-repeat;
}

#Menu .defil
{
	display:inline;
	float:left;
	height:41px;
	width:auto;
}

#Menu .items_menu
{
	display:inline;
	float:left;
	height:41px;
	overflow:hidden;
	width:860px;
}

#Menu .items_menu .item_classe
{
	display:inline;
	float:left;
	width:111px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/classes.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_classe_selected
{
	display:inline;
	float:left;
	width:111px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/classes.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_classe:hover
{
	background:url(/images_gray/menu/on/classes.jpg) no-repeat;
}

#Menu .items_menu .item_config
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/configuration.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_config_selected
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/configuration.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_config:hover
{
	background:url(/images_gray/menu/on/configuration.jpg) no-repeat;
}

#Menu .items_menu .item_eleve
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/fiche_eleve.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_eleve_selected
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/fiche_eleve.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_eleve:hover
{
	background:url(/images_gray/menu/on/fiche_eleve.jpg) no-repeat;
}

#Menu .items_menu .item_prof
{
	display:inline;
	float:left;
	width:138px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/professeurs.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_prof_selected
{
	display:inline;
	float:left;
	width:138px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/professeurs.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_prof:hover
{
	background:url(/images_gray/menu/on/professeurs.jpg) no-repeat;
}

#Menu .items_menu .item_sms
{
	display:inline;
	float:left;
	width:95px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/sms.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_sms_selected
{
	display:inline;
	float:left;
	width:95px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/sms.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_sms:hover
{
	background:url(/images_gray/menu/on/sms.jpg) no-repeat;
}

#Menu .items_menu .item_scolaire
{
	display:inline;
	float:left;
	width:129px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/vie_scolaire.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_scolaire_selected
{
	display:inline;
	float:left;
	width:129px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/vie_scolaire.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_scolaire:hover
{
	background:url(/images_gray/menu/on/vie_scolaire.jpg) no-repeat;
}

#Menu .items_menu .item_doc
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/documents.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_doc_selected
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/documents.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_doc:hover
{
	background:url(/images_gray/menu/on/documents.jpg) no-repeat;
}

#Menu .items_menu .item_restauration
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/restauration.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_restauration_selected
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/restauration.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_restauration:hover
{
	background:url(/images_gray/menu/on/restauration.jpg) no-repeat;
}

#Menu .items_menu .item_demandes
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/demandes.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_demandes_selected
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/demandes.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_demandes:hover
{
	background:url(/images_gray/menu/on/demandes.jpg) no-repeat;
}

#Menu .items_menu .item_affichage
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/affichage.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_affichage_selected
{
	display:inline;
	float:left;
	width:121px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/affichage.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_affichage:hover
{
	background:url(/images_gray/menu/on/affichage.jpg) no-repeat;
}

#Menu .items_menu .item_stats
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/off/stats.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_stats_selected
{
	display:inline;
	float:left;
	width:136px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/menu/on/stats.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_stats:hover
{
	background:url(/images_gray/menu/on/stats.jpg) no-repeat;
}

#Menu .connect
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	margin-left:10px;
	margin-top:9px;
	text-align:right;
	width:328px;
}

#Menu .disconnect
{
	display:inline;
	float:left;
	height:41px;
	margin-left:20px;
	width:120px;
	cursor:pointer;
	background:url(/images_gray/parent/menu-top/me_deconnecter-off.jpg) no-repeat;
}

#Menu .disconnect:hover
{
	background:url(/images_gray/parent/menu-top/me_deconnecter-on.jpg) no-repeat;
}

/*********************************** MENTIONS ***************************************/

#Mentions
{
	border:8px solid #DADADA;
	clear:both;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:130px;
	padding:15px;
	width:700px;
}

#Mentions a
{
	color:#000000;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}

#Mentions a:hover
{
	text-decoration:underline;
}

/*********************************** ADMIN ******************************************/

#CadreLogin
{
	background:url(/images_gray/admin/cadre-login.jpg) no-repeat;
	clear:both;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	width:930px;
}

#CadreLogin .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:30px;
	margin-bottom:1px;
	width:100%;
}

#CadreLogin .ligne .value
{
	clear:both;
	display:inline;
	float:left;
	height:30px;
	margin-left:395px;
	width:300px;
}

#CadreLogin .ligne .value input
{
	border:0px;
	font-family:Verdana;
	font-size:17px;
	height:24px;
	margin-left:5px;
	width:239px;
}

#CadreLogin .ligne .validate
{
	background:url(/images_gray/admin/btn-log-off.jpg) no-repeat;
	border:0px;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	height:26px;
	margin-left:360px;
	margin-top:5px;
	width:195px;
}

#CadreLogin .ligne .validate:hover
{
	background:url(/images_gray/admin/btn-log-on.jpg) no-repeat;
}

#Admin
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:10px;
	width:940px;
}

#Admin .basic a
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin:5px 0 0 5px;
	width:920px;
}

#Admin .etab
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:940px;
	margin-left:30px;
}

#Admin .etab .etats
{
	display:inline;
	float:right;
	height:100%;
	background:transparent;
}

#Admin .etab .etats .icon
{
	background:transparent;
	display:inline;
	float:left;
	height:20px;
	margin-right:5px;
	width:20px;
}

#Admin .basic .detail
{
	clear:both;
	display:inline;
	float:left;
	margin-left:15px;
	width:910px;
	height:auto;
	border-bottom:1px solid #DFDFDF;
}

#Admin .detail .entete
{
	background:url(/images_gray/restauration/bg-entete.jpg) no-repeat;
	clear:both;
	display:inline;
	float:left;
	height:20px;
	padding:0;
	width:100%;
}

#Admin .detail .content
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:auto;
	margin-left:10px;
	width:890px;
	padding-bottom:10px;
}

#Admin .detail .content .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:16px;
	padding-top:3px;
	width:100%;
}

#Admin .ligne-validate
{
	clear:both;
	display:inline;
	float:left;
	padding-top:3px;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:5px;
}

#Admin .ligne-validate input.btn
{
	background-color:#F2F2F2;
	border:1px solid #CFCFCF;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	width:100px;
}

#Admin .ligne-validate input.btn:hover
{
	background-color:#FFFFFF;
}

#Admin .detail .content .ligne .item
{
	display:inline;
	float:left;
	margin-right:10px;
	width:170px;
}

#Admin .detail .content .ligne .item.titre
{
	font-weight:bold;
}

#Admin .detail .content .ligne .item.value
{
	font-style:italic;
}

#Admin .detail .content .ligne .item a
{
	border:0 none;
	clear:none;
	font-size:11px;
	font-weight:normal;
	height:auto;
	margin:0;
	padding:0;
	width:auto;
	cursor:pointer;
}

#Admin .detail .content .ligne .item a:hover
{
	background:transparent;
}

/*********************************** PAGES ****************************************/

#MiddleContent
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	margin-left:30px;
	width:940px;
}

#MiddleContent h2
{
	font-size:18px;
	margin-top:15px;
	text-align:center;
	width:100%;
}

#MiddleContent .cadre
{
	display:inline;
	float:left;
	height:142px;
	margin-bottom:10px;
	width:465px;
}

#MiddleContent .cadre .contenu
{
	clear:both;
	display:inline;
	float:left;
	height:106px;
	margin-left:8px;
	margin-top:9px;
	padding:12px;
	width:431px;
}

#MiddleContent .cadre .contenu .ligne
{
	clear:both;
	display:inline;
	float:left;
	font-size:11px;
	margin-bottom:8px;
	width:100%;
}

#MiddleContent .cadre .contenu .ligne.l1
{
	margin-left:85px;
	width:80%;
}

#MiddleContent .cadre .contenu .ligne.l2
{
	margin-left:45px;
	width:90%;
}

#MiddleContent .cadre .contenu .ligne.l3
{
	margin-left:15px;
	width:96%;
}

#MiddleContent .titre
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:25px;
	background-position:left;
	margin-bottom:10px;
}

#MiddleContent .ques
{
	clear:both;
	color:#00096F;
	display:inline;
	float:left;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
	width:100%;
}

#MiddleContent .rep
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:15px;
	padding-left:15px;
	width:925px;
	text-align:justify;
}

#MiddleContent .rep .titre
{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	height:auto;
	margin-bottom:5px;
	text-align:justify;
	width:100%;
}

/*********************************** ACCUEIL ****************************************/

#Accueil
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Accueil .header
{
	clear:both;
	display:inline;
	float:left;
	height:96px;
	margin-left:25px;
	width:951px;
	margin-top:5px;
	background:url(/images_gray/accueil/log-gris.jpg) no-repeat;
}

#Accueil .header .new
{
	color:#5B5B5B;
	display:inline;
	float:right;
	height:54px;
	margin-right:11px;
	margin-top:35px;
	width:242px;
}

#Accueil .header .log
{
	clear:both;
	display:inline;
	float:right;
	height:100%;
	width:182px;
}

#Accueil .header .texte
{
	color:#595959;
	float:right;
	font-family:Verdana;
	font-size:13px;
	font-style:italic;
	height:81px;
	line-height:1.55;
	margin-right:20px;
	padding:7px;
	width:482px;
}

#Accueil .header .log .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:23px;
	margin-left:51px;
	width:130px;
}

#Accueil .header .log .ligne input
{
	border:#FFFFFF none;
}

#Accueil .header .log .ligne .BtnConnect
{
	background:url(/images_gray/accueil/connect-off.jpg) no-repeat;
	cursor:pointer;
	width:111px;
	height:24px;
}

#Accueil .header .log .ligne .BtnConnect:hover
{
	background:url(/images_gray/accueil/connect-on.jpg) no-repeat;
}

#Accueil .flash
{
	clear:both;
	display:inline;
	float:left;
	height:277px;
	margin-top:15px;
	text-align:center;
	width:100%;
}

#Accueil .header .btnValiderHome
{
	clear:both;
	display:inline;
	float:left;
	width:105px;
	height:20px;
	border:0px;
	cursor:pointer;
	margin-left:8px;
	background:url(/images_gray/accueil/btn_valider-off.jpg) no-repeat;
}

#Accueil .header .btnValiderHome:hover
{
	background:url(/images_gray/accueil/btn_valider-on.jpg) no-repeat;
}

/******************************* RECAPITULATIF **************************************/

#Recapitulatifs
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
}

#Recapitulatifs .top
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	height:auto;
	margin-bottom:5px;
	width:100%;
}

#Recapitulatifs .bigTitle
{
	display:inline;
	clear:both;
	float:left;
	height:25px;
	width:100%;
	background-color:Aqua;
}

#Recapitulatifs .smallTitle
{
	clear:both;
	display:inline;
	float:left;
	height:19px;
	margin-top:5px;
	width:100%;
}

#Recapitulatifs .smallTitle .detail
{
	background:url(/images_gray/home/historique-off.jpg) no-repeat;
	display:inline;
	float:right;
	height:100%;
	width:102px;
	margin-right:10px;
	cursor:pointer;
}

#Recapitulatifs .smallTitle .detail:hover
{
	background:url(/images_gray/home/historique-on.jpg) no-repeat;
}

#Recapitulatifs .smallTitle .detail.cache
{
	background:url(/images_gray/home/cacherHisto-off.jpg) no-repeat;
}

#Recapitulatifs .smallTitle .detail.cache:hover
{
	background:url(/images_gray/home/cacherHisto-on.jpg) no-repeat;
}

#Recapitulatifs .smallTitle .texte
{
	display:inline;
	float:left;
	height:100%;
	width:200px;
	margin-left:10px;
}

#Recapitulatifs .actions
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:5px;
	width:100%;
}

#Recapitulatifs .actions .separate
{
	display:inline;
	float:left;
	width:5px;
	height:104px;
}

#Recapitulatifs .actions .item
{
	display:inline;
	float:left;
	width:86px;
	height:104px;
	cursor:pointer;
}

#Recapitulatifs .actions .item.print
{
	background:url(/images_gray/home/actions/print-abs-off.jpg);
}

#Recapitulatifs .actions .item.print:hover
{
	background:url(/images_gray/home/actions/print-abs-on.jpg);
}

#Recapitulatifs .actions .item.sms
{
	background:url(/images_gray/home/actions/send-msg-off.jpg);
}

#Recapitulatifs .actions .item.sms:hover
{
	background:url(/images_gray/home/actions/send-msg-on.jpg);
}

#Recapitulatifs .actions .item.multisms
{
	background:url(/images_gray/home/actions/send-multimsg-off.jpg);
}

#Recapitulatifs .actions .item.multisms:hover
{
	background:url(/images_gray/home/actions/send-multimsg-on.jpg);
}

#Recapitulatifs .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:17px;
	margin-top:2px;
	width:100%;
}

#Recapitulatifs .ligne .item
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:14px;
	overflow:hidden;
}

#Recapitulatifs .colGauche
{
	display:inline;
	float:left;
	width:602px;
	height:auto;
}

#Recapitulatifs .colGauche .content
{
	background-color:#F8F8F8;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:200px;
	margin-left:3px;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	width:97%;
	overflow-y:auto;
	overflow-x:hidden;
}

#Recapitulatifs .colGauche .content .lignePerturb
{
	border-bottom:1px solid Gray;
	clear:both;
	display:inline;
	float:left;
	height:17px;
	padding-top:2px;
	width:570px;
}

#Recapitulatifs .colGauche .content .ligneDemande
{
	border-bottom:1px solid Gray;
	clear:both;
	display:inline;
	float:left;
	width:570px;
}

#Recapitulatifs .colGauche .content .ligneDemande .date
{
	display:inline;
	float:left;
	margin-left:5px;
}

#Recapitulatifs .colGauche .content .ligneDemande .nom
{
	display:inline;
	float:left;
	margin-left:10px;
	width:140px;
}

#Recapitulatifs .colGauche .content .ligneDemande .titre
{
	display:inline;
	float:left;
	margin-left:10px;
	width:300px;
}

#Recapitulatifs .colGauche .content .ligneDemande .response
{
	display:inline;
	float:right;
	width:30px;
}

#Recapitulatifs .colGauche .content .ligneDemande .item
{
	cursor:pointer;
	display:inline;
	float:left;
	height:14px;
	margin-top:1px;
	width:14px;
}

#Recapitulatifs .colGauche .content .ligneDemande .item.valid
{
	background:url(/images_gray/home/btn-valid-off.png) no-repeat;
}

#Recapitulatifs .colGauche .content .ligneDemande .item.valid:hover
{
	background:url(/images_gray/home/btn-valid-on.png) no-repeat;
}

#Recapitulatifs .colGauche .content .ligneDemande .item.refus
{
	background:url(/images_gray/home/btn-refus-off.png) no-repeat;
}

#Recapitulatifs .colGauche .content .ligneDemande .item.refus:hover
{
	background:url(/images_gray/home/btn-refus-on.png) no-repeat;
}

#Recapitulatifs .colDroite
{
	display:inline;
	float:left;
	width:322px;
	height:auto;
	margin-left:12px;
}

#Recapitulatifs .colDroite a
{
	color:#000000;
	text-decoration:none;
}

#Recapitulatifs .colDroite a:hover
{
	text-decoration:underline;
}

#Recapitulatifs .colDroite .catAll
{
	display:none;
	float:left;
	clear:both;
	width:100%;
}

#Recapitulatifs .colDroite .smallTitle .detail
{
	display:inline;
	float:right;
	width:100px;
	height:18px;
	cursor:pointer;
	background:url(/images_gray/home/voirPlus-off.jpg) no-repeat;
}

#Recapitulatifs .colDroite .smallTitle .detail:hover
{
	background:url(/images_gray/home/voirPlus-on.jpg) no-repeat;
}

#Recapitulatifs .colDroite .smallTitle .detailcache
{
	display:inline;
	float:right;
	width:100px;
	height:18px;
	cursor:pointer;
	background:url(/images_gray/home/voirMoins-off.jpg) no-repeat;
}

#Recapitulatifs .colDroite .smallTitle .detailcache:hover
{
	background:url(/images_gray/home/voirMoins-on.jpg) no-repeat;
}

#Recapitulatifs .colDroite .catAll .cadreOverflow
{
	display:inline;
	float:left;
	clear:both;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	height:381px;
}

#Recapitulatifs .colDroite .catAll .contentCadre
{
	display:inline;
	float:left;
	clear:both;
	width:100%;
	height:auto;
}

#Recapitulatifs .colDroite .infosSMS
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:auto;
	margin-top:15px;
	width:100%;
}

#Recapitulatifs .colDroite .infosSMS .etat
{
	display:inline;
	float:left;
	margin-left:30px;
	width:195px;
}

#Recapitulatifs .colDroite .infosSMS .etat .item
{
	float:left;
	display:inline;
	width:150px;
	height:19px;
}

#Recapitulatifs .colDroite .infosSMS .etat .obj
{
	display:inline;
	float:left;
	margin-left:10px;
	padding-top:1px;
	width:30px;
}

#Recapitulatifs .colDroite .infosSMS .SMS_restant
{
	display:inline;
	float:left;
	margin-left:30px;
	margin-top:10px;
	width:250px;
}

#Recapitulatifs .colDroite .infosSMS .SMS_restant .item
{
	float:left;
	display:inline;
	width:170px;
	height:19px;
}

#Recapitulatifs .colDroite .infosSMS .SMS_restant .obj
{
	display:inline;
	float:left;
	margin-left:10px;
	width:25px;
}

#Header
{
	width:100%;
	height:150px;
	background:url(/images_gray/structure/header/header_repete.jpg) repeat-x;
	clear:both;
	display:inline;
	float:left;	
}

#Header .header_center
{
	width:1000px;
	height:150px;
	background:url(/images_gray/structure/header/header.jpg) no-repeat;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

#Header .header_center a
{
	display:inline;
	height:80px;
	margin-left:20px;
	float:left;
	width:250px;
}

#Header .header_center h1
{
	color:#999999;
	display:inline;
	float:right;
	font-family:Verdana;
	font-size:10px;
	margin-right:25px;
	margin-top:39px;
}

#Header .header_center .deco
{
	background:url(/images_gray/home/deco-off.png) no-repeat;
	cursor:pointer;
	display:inline;
	float:right;
	height:26px;
	margin-right:30px;
	margin-top:115px;
	width:111px;
}

#Header .header_center .deco:hover
{
	background:url(/images_gray/home/deco-on.png) no-repeat;
}

#Footer
{
	width:100%;
	height:170px;
	background:url(/images_gray/structure/footer/footer_repete.png) repeat-x;
	clear:both;
	display:inline;
	float:left;	
	overflow:hidden;
}

#Footer .footer_center
{
	width:1000px;
	height:100%;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#Footer .footer_center .top
{
	clear:both;
display:inline;
float:left;
width:100%;
}

#Footer .footer_center .top .contact
{
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:20px;
	width:200px;
}

#Footer .footer_center a
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
}

#Footer .footer_center a:hover
{
	text-decoration:underline;
}

#Footer .footer_center .top .redmoot
{
	width:166px;
	height:57px;
	display:inline;
	float:right;
	background:url(/images_gray/structure/footer/redmoot-off.jpg) no-repeat;
	cursor:pointer;
}

#Footer .footer_center .top .redmoot:hover
{
	background:url(/images_gray/structure/footer/redmoot-on.jpg) no-repeat;
}

#Footer .footer_center .bottom
{
	clear:both;
	display:inline;
	float:left;
	height:95px;
	margin-left:30px;
	margin-top:10px;
	width:940px;
}

#Footer .footer_center .bottom .colonne
{
	border-right:1px solid #FFFFFF;
	display:inline;
	float:left;
	height:100%;
	width:234px;
}

#Footer .footer_center .bottom .colonne a
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:10px;
	text-align:right;
	width:220px;
}

/* ------------------------------------------ Vie Scolaire ------------------------------------------ */

#Scolaire
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
}

#Scolaire .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
	margin-top:15px;
}

#Scolaire .colCentre
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:300px;
	margin-top:15px;
}

#Scolaire .colDroite
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:370px;
	margin-top:15px;
}

#Scolaire .Eleve_sel
{
	float:left;
	display:inline;
	clear:both;
	width:180px;
	height:23px;
	background:white;
	margin-left:10px;
	margin-top:10px;
}

#Scolaire .Eleve_sel .carre a
{
	float:left;
	display:inline;
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-off.jpg);
	width:35px;
	height:23px;
}

#Scolaire .Eleve_sel .carre a:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-on.jpg);
}

#Scolaire .Eleve_sel .nomEl
{
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	margin-left:5px;
}

/* ------------------------------------------ Fiche eleve ------------------------------------------ */

#Eleve
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
}

#Eleve .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
}

#Eleve .colGauche .bloc
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Eleve .colGauche .title
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-top:15px;
	width:100%;
	cursor:pointer;
	height:20px;
}

#Eleve .colGauche .eleve
{
	clear:both;
	display:inline;
	float:left;
	cursor:pointer;
	height:15px;
	font-size:11px;
	padding-left:40px;
	padding-top:5px;
	width:160px;
}

#Eleve .colGauche .archiveLink
{
	background-color:#F2F2F2;
	border:1px solid #CFCFCF;
	color:black;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	width:170px;
	clear:both;
	float:left;
}

#Eleve .colGauche .archiveLink:hover
{
	background-color:white;
	border:1px solid #C7C8C8;
}

#Eleve .colGauche .eleve:hover
{
	text-decoration:underline;
}

#Eleve .colGauche .resp
{
	clear:both;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width:100%;
	cursor:pointer;
}

#Eleve .colGauche .resp
{
	clear:both;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:25px;
	width:100%;
}

#Eleve .colGauche .resp:hover
{
	background-color:#DFDFDF;
}

#Eleve .colGauche .resp .nom
{
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:20px;
	padding-left:10px;
	padding-top:5px;
	width:165px;
}

#Eleve .colGauche .resp0 .link
{
	float:left;
	display:inline;
	overflow:hidden;
	clear:both;
	width:200px;
	height:20px;
	cursor:pointer;
	margin-top:5px;
	background:url(/images/fiche_eleve/ajout_responsable/btn_ajout-off.jpg) no-repeat;
}

#Eleve .colGauche .resp0 .link:hover
{
	background:url(/images/fiche_eleve/ajout_responsable/btn_ajout-on.jpg) no-repeat;
}

#Eleve .colGauche .resp .delete
{
	display:inline;
	float:left;
	height:25px;
	width:25px;
}

#Eleve .colGauche .resp:hover .delete
{
	background-image:url(/images/structure/divers/delete.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}

#Eleve .colGauche .resp_select
{
	background-color:#FFFFFF;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:20px;
	padding-left:10px;
	padding-top:5px;
	text-decoration:underline;
	width:190px;
}

#Eleve .colGauche .eleveSelect
{
	clear:both;
	display:inline;
	float:left;
	width:100%;	
	background-color:#FFFFFF;
}

#Eleve .colGauche .eleveSelect .nomEleve
{
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
}

#Eleve .colGauche .eleveSelect .del
{
	display:inline;
	float:left;
	width:35px;
	height:23px;
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-off.jpg) no-repeat;	
	cursor:pointer;
}

#Eleve .colGauche .eleveSelect .del:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-on.jpg) no-repeat;	
}

#Eleve .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}

#Eleve .mainCadre input
{
	border:1px solid #CFCFCF;
}

#Eleve .mainCadre .validate input
{
	border:0px;
}

#Eleve .mainCadre .title
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:100%;
	margin-bottom:10px;
}

#Eleve .mainCadre .title img
{
	display:inline;
	float:left;
	height:20px;
	width:200px;
	clear:none;
}

#Eleve .mainCadre .add
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/bouton_ajout-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
}

#Eleve .mainCadre .add:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/bouton_ajout-on.jpg) no-repeat;
}

#Eleve .mainCadre .manage
{
	margin-top:20px;
	background:url(/images_gray/fiche_eleve/manage_eleve/manage-btn-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
}

#Eleve .mainCadre .manage:hover
{
	background:url(/images_gray/fiche_eleve/manage_eleve/manage-btn-on.jpg) no-repeat;
}

#Eleve .mainCadre .photo
{
	display:inline;
	float:right;
	height:97px;
	width:80px;
	background:url(/photo/eleves/defaut.jpg) no-repeat;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #EFEFEF;
}


#Eleve .mainCadre .photo .photoEl
{
	display:inline;
	float:right;
	clear:both;
	height:100%;
	width:100%;
	overflow:hidden;
}

#Eleve .mainCadre .photo .addPhoto
{
	background-color:#EFEFEF;
	clear:both;
	display:inline;
	float:right;
	font-size:9px;
	height:15px;
	padding-top:2px;
	width:100%;
	text-decoration:none;
}

#Eleve .mainCadre .photo .addPhoto:hover
{
	text-decoration:underline;
}

#Eleve .mainCadre .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	margin-bottom:10px;
	height:25px;
	overflow:hidden;
}

#Eleve .mainCadre .ligne .item
{
	display:inline;
	float:left;
	margin-left:10px;
	overflow:hidden;
}

#Eleve .mainCadre .ligne .item.radio input
{
	border:0px;
}

#Eleve .mainCadre .ligne .item.radio input:hover
{
	background-color:#FFFFFF;
}

#Eleve .mainCadre .validate
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	margin-bottom:10px;
	height:25px;
	overflow:hidden;
}

#Eleve .mainCadre .validate .item
{
	display:inline;
	float:left;
	width:203px;
	height:25px;
	overflow:hidden;
	cursor:pointer;
}

#Eleve .mainCadre .validate .item .valid
{
	display:inline;
	float:left;
	width:203px;
	height:25px;
	background:url(/images_gray/fiche_eleve/ajout_eleve/valider-off.jpg) no-repeat;
	cursor:pointer;
}

#Eleve .mainCadre .validate .item .valid:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/valider-on.jpg) no-repeat;
}

#Eleve .mainCadre .validate .item .annul
{
	display:inline;
	float:left;
	width:203px;
	height:25px;
	background:url(/images_gray/fiche_eleve/ajout_eleve/annuler-off.jpg) no-repeat;
	cursor:pointer;
}

#Eleve .mainCadre .validate .item .annul:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/annuler-on.jpg) no-repeat;
}

#Eleve .mainCadre .texte
{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	width:100%;
}

#Eleve .mainCadre .choix
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:20px;
	width:100%;
}

#Eleve .mainCadre .choix .item
{
	display:inline;
	float:left;
	margin-left:40px;
}
	

#Eleve .mainCadre .validate .valide-manage
{
	width:203px;
	height:25px;
	cursor:pointer;
	background:url(/images_gray/fiche_eleve/manage_eleve/valider-off.jpg) no-repeat;
}

#Eleve .mainCadre .validate .valide-manage:hover
{
	background:url(/images_gray/fiche_eleve/manage_eleve/valider-on.jpg) no-repeat;
}


/* ------------------------------------------ Fiche eleve ------------------------------------------ */
#RecapEleve
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
}

#RecapEleve .title
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	background:url(/images_gray/vie_scolaire/profil_eleve/titre.jpg) no-repeat;
	height:20px;
}

#RecapEleve .subtitle
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	height:29px;
}

#RecapEleve .subtitle a
{
	clear:both;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:10px;
	margin-left:225px;
	margin-top:10px;
	text-decoration:none;
}

#RecapEleve .subtitle a:hover
{
	text-decoration:underline;
}

#RecapEleve .part
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	margin-top:5px;
}

#RecapEleve .part .ligne
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
}

#RecapEleve .part .ligne.mail a
{
	width:inherit;
	display:inherit;
	float:inherit;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}

#RecapEleve .part .ligne.texte textarea
{
	border:1px solid #C8C8C8;
}

#RecapEleve .part .ligne.texte
{
	float:left;
	display:inline;
	clear:both;
}

#RecapEleve .part .ligne.bouton .btn
{
	float:left;
	display:inline;
	clear:both;
	width:203px;
	height:18px;
	border:0px;
	margin-left:40px;
	cursor:pointer;
	background:url(/images_gray/vie_scolaire/profil_eleve/btn_enregistrer-off.jpg) no-repeat;
}

#RecapEleve .part .ligne.bouton .btn:hover
{
	background:url(/images_gray/vie_scolaire/profil_eleve/btn_enregistrer-on.jpg) no-repeat;
}

#RecapEleve .part .ligne .item
{
	float:left;
	display:inline;
	width:50%;
}

#RecapEleve .part .ligne a
{
	color:#8F8F8F;
	display:inline;
	float:left;
	font-size:10px;
	margin-left:5px;
	margin-top:2px;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
}

#RecapEleve .part .ligne a:hover
{
	text-decoration:underline;
}

#RecapEleve .part .photo
{
	width:80px;
	height:97px;
	display:inline-block;
	float:right;
	background-color:#00C9F3;
	background:url(/photo/eleves/defaut.jpg) no-repeat;
}

/* ------------------------------------------ Recap ABS ------------------------------------------ */
#Recap
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	margin-top:10px;
}

#Recap .title
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	background:url(/images_gray/vie_scolaire/suivi_eleve/titre.jpg) no-repeat;
	height:20px;
}

#Recap .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	background-color:#F2F2F2;
	font-size:11px;
	cursor:default;
}

#Recap .ligne.even
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	background-color:#FFFFFF;
}


#Recap .ligne:hover
{
	background-color:#D4D4D4;
}

#Recap .ligne .date
{
	display:inline;
	float:left;
	width:80px;
	margin-top:3px;
}

#Recap .ligne .heure
{
	display:inline;
	float:left;
	width:50px;
	margin-top:3px;
}

#Recap .ligne .motif
{
	display:inline;
	float:left;
	width:250px;
	margin-top:3px;
}

#Recap .ligne .motif_bis
{
	display:inline;
	float:left;
	width:200px;
	margin-top:3px;
}

#Recap .ligne .motif_col
{
	display:inline;
	float:left;
	width:auto;
	margin-left:10px;
	margin-top:3px;
}

#Recap .ligne .matiere
{
	display:inline;
	float:left;
	width:auto;
	margin-left:10px;
	margin-top:3px;
}

#Recap .ligne .dateRea
{
	display:inline;
	float:left;
	width:auto;
	margin-left:10px;
	margin-top:3px;
}

#Recap .ligne .duree
{
	display:inline;
	float:left;
	width:auto;
	margin-left:10px;
	margin-top:3px;
}

#Recap .ligne .delete
{
	display:inline-block;
	float:right;
	width:25px;
	height:20px;
	cursor:pointer;
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-gris-off.jpg) no-repeat;
}

#Recap .ligne:hover .delete
{
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-bleu-off.jpg) no-repeat;
}

#Recap .ligne.even:hover .delete
{
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-bleu-off.jpg) no-repeat;
}

#Recap .ligne.even .delete
{
	display:inline-block;
	float:right;
	width:25px;
	height:20px;
	cursor:pointer;
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-blanc-off.jpg) no-repeat;
}

#Recap .ligne .delete:hover
{
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-bleu-on.jpg) no-repeat;
}

#Recap .ligne.even .delete:hover
{
	background:url(/images_gray/vie_scolaire/suivi_eleve/croix-bleu-on.jpg) no-repeat;
}

/* ------------------------------------------ Formulaire Saisie ABS ------------------------------------------ */

#FormSaisieAbs
{
	clear:both;
	display:inline;
	float:left;
	width:100%;	
}

#FormSaisieAbs input
{
	border:1px solid #CFCFCF;
}

#FormSaisieAbs input:hover
{
	background-color:#D1EBEF;
}

#FormSaisieAbs .title
{
	width:100%;
	clear:both;
	display:inline;
	float:left;
	background:url(/images_gray/vie_scolaire/ajout_motif/titre.jpg) no-repeat;
	height:20px;
}

#FormSaisieAbs .form
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:10px;
	overflow:hidden;
	width:100%;
}

#FormSaisieAbs .form .motif
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#FormSaisieAbs .form .motif a
{
	color:#8F8F8F;
	font-size:10px;
	text-decoration:none;
}

#FormSaisieAbs .form .motif a:hover
{
	text-decoration:underline;
}

#FormSaisieAbs .form .motif .title
{
	background:none;
	clear:none;
	display:inline;
	float:left;
	font-size:11px;
	margin-left:99px;
	margin-right:5px;
	margin-top:2px;
	overflow:hidden;
	width:auto;
}

#FormSaisieAbs .form .content
{
	clear:both;
	display:inline;
	float:left;
	height:128px;
	margin-top:10px;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#FormSaisieAbs .form .content a
{
	color:#8F8F8F;
	cursor:pointer;
	font-size:11px;
	text-decoration:none;
}

#FormSaisieAbs .form .content a:hover
{
	text-decoration:underline;
}

#FormSaisieAbs .form .content .ligne
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	margin-bottom:5px;
	height:22px;
	width:100%;
	text-align:left;
	font-size:11px;
}

#FormSaisieAbs .form .content .ligne .title
{
	display:inline;
	float:left;
	height:20px;
	margin-right:5px;
	margin-top:3px;
	overflow:hidden;
	text-align:right;
	width:135px;
	background:transparent;
}

#FormSaisieAbs .form .content .ligne .value
{
	display:inline;
	float:left;
	overflow:hidden;
	width:230px;
	text-align:left;
}

#FormSaisieAbs .form .add
{
	cursor:pointer;
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:5px;
	color:#8F8F8F;
	font-size:11px;
	clear:both;
	width:110px;
}

#FormSaisieAbs .form .add:hover
{
	text-decoration:underline;
}

#FormSaisieAbs .form .modif
{
	cursor:pointer;
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:5px;
	color:#8F8F8F;
	font-size:11px;
	width:110px;
}

#FormSaisieAbs .form .modif:hover
{
	text-decoration:underline;
}

#FormSaisieAbs .form .delete
{
	cursor:pointer;
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:5px;
	color:#8F8F8F;
	font-size:11px;
	width:110px;
}

#FormSaisieAbs .form .delete:hover
{
	text-decoration:underline;
}

#FormSaisieAbs .form .content .ligne .item
{
	display:inline;
	float:left;
	height:auto;
	margin-left:2px;
	overflow:hidden;
	width:36px;
}

#FormSaisieAbs .form .content .ligne .item .day
{
	display:inline;
	float:left;
	font-size:9px;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#FormSaisieAbs .form .content .ligne .item .case
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#FormSaisieAbs .form .content .ligne .item .case input
{
	border:0px;
}

#FormSaisieAbs .form .alert
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
	width:100%;
	overflow:hidden;
}

#FormSaisieAbs .form .alert input
{
	border:0px;
}

#FormSaisieAbs .form .validate
{
	background: url(/images_gray/vie_scolaire/ajout_motif/valider-off.jpg) no-repeat;
	background-position:center bottom;
	border-top:1px solid #c7c8c8;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	height:30px;
	margin-top:6px;
	overflow:hidden;
	text-align:right;
	width:100%;
}

#FormSaisieAbs .form .validate:hover
{
	background: url(/images_gray/vie_scolaire/ajout_motif/valider-on.jpg) no-repeat;
	background-position:center bottom;
}


#FormSaisieAbs .type_saisie
{
	border-bottom:1px solid #c7c8c8;
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:100%;
	margin-top:10px;
}

#FormSaisieAbs .type_saisie input
{
	border:0px;
}

#FormSaisieAbs .type_saisie .item
{
	display:inline;
	float:left;
	height:20px;
	margin-left:10px;
	width:auto;
	font-size:10px;
}

/* ------------------------------------------ SMS Unique ------------------------------------------ */
#SMSUnique
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	margin-left:50px;
	margin-top:10px;
	width:900px;
}

#SMSUnique .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:200px;
}

#SMSUnique .colGauche .item
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	text-align:center;
	width:100%;
}

#SMSUnique .colGauche .item .near
{
	display:inline;
	float:left;
	width:auto;
}

#SMSUnique .colGauche .item .near a
{
	color:Gray;
	font-weight:bold;
	text-decoration:none;
}

#SMSUnique .colGauche .item .near a:hover
{
	text-decoration:underline;
}

#SMSUnique .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	margin-top:15px;
	width:680px;
}

#SMSUnique .mainCadre input
{
	border:1px solid #CFCFCF;
}

#SMSUnique .mainCadre input:hover
{
	background-color:#D1EBEF;
}

#SMSUnique .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
	margin-bottom:10px;
}

#SMSUnique .ligne .item
{
	display:inline;
	float:left;
}

#SMSUnique .ligne .item a
{
	clear:both;
	color:#8F8F8F;
	display:inline;
	float:left;
	font-size:10px;
	margin-left:5px;
	margin-top:2px;
	text-decoration:none;
}

#SMSUnique .ligne .item a:hover
{
	text-decoration:underline;
}

/* ------------------------------------------ SMS Classe ------------------------------------------ */
#ClasseSMS
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
	font-family:Verdana;
	font-size:12px;
	margin-top:10px;
}

#ClasseSMS .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:200px;
	margin-left:50px;
	margin-top:15px;
	width:200px;
}

#ClasseSMS .colGauche .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}

#ClasseSMS .colGauche .titre
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
	height:20px;
}


#ClasseSMS .colGauche .ligne .item
{
	display:inline;
	float:left;
	width:auto;
	margin-left:10px;
}

#ClasseSMS .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}

#ClasseSMS .mainCadre .titre
{
	float:left;
	display:inline;
	clear:both;
	width:130px;
	height:18px;
}

#ClasseSMS .mainCadre .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}

#ClasseSMS .mainCadre .ligne .titre
{
	float:left;
	display:inline;
	height:20px;
	width:320px;
}

#ClasseSMS .mainCadre .ligne .titre .image
{
	float:left;
	display:inline;
	width:110px;
	height:20px;
}

#ClasseSMS .mainCadre .ligne .titre .texte
{
	float:left;
	display:inline;
	width:200px;
	font-size:10px;
	margin-left:10px;
	padding-top:1px;
}

#ClasseSMS .mainCadre .ligne .item
{
	display:inline;
	float:left;
	width:auto;
	margin-left:5px;
	font-family:Verdana;
	font-size:12px;
}

#ClasseSMS .mainCadre .ligne input.btn
{
	float:left;
	display:inline;
	clear:both;
	width:203px;
	height:25px;
	border:0px;
	margin-left:230px;
	cursor:pointer;
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-off.jpg);
}

#ClasseSMS .mainCadre .ligne input.btn:hover
{
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-on.jpg);
}

/* ------------------------------------------ SMS Eleve ------------------------------------------ */
#EleveSMS
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:10px;
	width:940px;
}

#EleveSMS .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
}

#EleveSMS .colGauche .ligne_lst
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	text-align:center;
	width:100%;
}

#EleveSMS .colGauche .ligne_lst .item
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	text-align:center;
	width:100%;
}

#EleveSMS .mainCadre .ligne .titre
{
	float:left;
	display:inline;
	height:20px;
	width:320px;
}

#EleveSMS .mainCadre .ligne .titre .image
{
	float:left;
	display:inline;
	width:110px;
	height:20px;
}

#EleveSMS .mainCadre .ligne .titre .texte
{
	float:left;
	display:inline;
	width:200px;
	font-size:10px;
	margin-left:10px;
	padding-top:1px;
}

#EleveSMS .colGauche
{
	margin-top:15px;
}

#EleveSMS .colGauche .ligne_lst .item input
{
	float:left;
	display:inline;
	clear:both;
	width:182px;
	height:18px;
	cursor:pointer;
	border:0px;
	margin-left:10px;
	background:url(/images_gray/sms/saisi_num/bouton_supp-off.jpg);
}

#EleveSMS .colGauche .ligne_lst .item input:hover
{
	background:url(/images_gray/sms/saisi_num/bouton_supp-on.jpg);
}

#EleveSMS .colGauche .ligne_lst .titre
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
	height:20px;
}

#EleveSMS .colGauche .bloc
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#EleveSMS .colGauche .title
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-top:15px;
	width:100%;
	cursor:pointer;
	height:20px;
}

#EleveSMS .colGauche .eleve
{
	clear:both;
	display:inline;
	float:left;
	cursor:pointer;
	height:15px;
	font-size:11px;
	padding-left:40px;
	padding-top:5px;
	width:160px;
}

#EleveSMS .colGauche .eleve:hover
{
	text-decoration:underline;
}

#EleveSMS .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}

#EleveSMS .mainCadre input
{
	border:1px solid #CFCFCF;
}

#EleveSMS .mainCadre input:hover
{
	background-color:#D1EBEF;
}

#EleveSMS .mainCadre .inputSelected
{
	background-color:#D1EBEF;
}

#EleveSMS .mainCadre .title
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:100%;
	margin-bottom:10px;
}

#EleveSMS .mainCadre .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}

#EleveSMS .mainCadre .ligne input.btn
{
	width:203px;
	height:25px;
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-off.jpg);
}

#EleveSMS .mainCadre .ligne input.btn:hover
{
	width:203px;
	height:25px;
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-on.jpg);
}

/************************************************* SMS **************************************************************/
#EtatServeur
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	text-align:center;
	font-family:Verdana;
	font-size:11px;
	margin-top:20px;
}

#EtatServeur .etat
{
	float:left;
	display:inline;
	width:195px;
	margin-left:300px;
}

#EtatServeur .etat .item
{
	float:left;
	display:inline;
	width:150px;
	height:19px;
}

#EtatServeur .etat .obj
{
	float:left;
	display:inline;
	width:30px;
}

#EtatServeur .SMS_restant
{
	float:left;
	display:inline;
	width:300px;
	margin-left:30px;
}

#EtatServeur .SMS_restant .item
{
	float:left;
	display:inline;
	width:170px;
	height:19px;
}

#EtatServeur .SMS_restant .obj
{
	display:inline;
	float:left;
	margin-top:1px;
	width:50px;
}


#SMS
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#SMS .content
{
	clear:both;
	display:inline;
	float:left;
	width:654px;
	height:auto;
	margin-left:173px;
	margin-top:30px;
}

#SMS .content .lien1 a
{
	float:left;
	display:inline;
	width:304px;
	height:136px;
	background:url(/images_gray/sms/link/1-off.jpg);
}

#SMS .content .lien1 a:hover
{
	background:url(/images_gray/sms/link/1-on.jpg);
}

#SMS .content .lien2 a
{
	float:left;
	display:inline;
	width:304px;
	height:136px;
	margin-left:40px;
	background:url(/images_gray/sms/link/2-off.jpg);
}

#SMS .content .lien2 a:hover
{
	background:url(/images_gray/sms/link/2-on.jpg);
}

#SMS .content .lien3 a
{
	float:left;
	display:inline;
	width:304px;
	height:136px;
	margin-top:40px;
	background:url(/images_gray/sms/link/3-off.jpg);
}

#SMS .content .lien3 a:hover
{
	background:url(/images_gray/sms/link/3-on.jpg);
}

#SMS .content .lien4 a
{
	float:left;
	display:inline;
	width:304px;
	height:136px;
	margin-left:40px;
	margin-top:40px;
	background:url(/images_gray/sms/link/4-off.jpg);
}

#SMS .content .lien4 a:hover
{
	background:url(/images_gray/sms/link/4-on.jpg);
}

#SMS .content .lien5 a
{
	float:left;
	display:inline;
	width:304px;
	height:136px;
	margin-top:40px;
	background:url(/images_gray/sms/link/5-off.jpg);
}

#SMS .content .lien5 a:hover
{
	background:url(/images_gray/sms/link/5-on.jpg);
}


/* RECAP APRES ENVOI */
#SMS .recapEnvoi
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:10px;
	width:940px;
}

#SMS .recapEnvoi .titre
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	height:auto;
	text-align:center;
	width:100%;
	margin-bottom:15px;
}

#SMS .recapEnvoi .msg
{
	background-color:#F2F2F2;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:18px;
	margin-bottom:2px;
	padding-top:4px;
	width:100%;
}

#SMS .recapEnvoi .msg:hover
{
	background-color:#F5F5F5;
}

#SMS .recapEnvoi .msg .date
{
	display:inline;
	float:left;
	margin-left:15px;
	width:100px;
}

#SMS .recapEnvoi .msg .heure
{
	display:inline;
	float:left;
	width:100px;
}

#SMS .recapEnvoi .msg .num
{
	display:inline;
	float:left;
	width:100px;
}

#SMS .recapEnvoi .msg .etat
{
	display:inline;
	float:right;
	margin-right:15px;
}

#SMS .recapEnvoi .nbMsg
{
	background-color:#FFFFFF;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	height:15px;
	padding-top:3px;
	text-align:center;
	width:100%;
}

#SMS .recherche
{
	clear:both;
	display:inline-block;
	float:left;
	font-family:Verdana;
	font-size:11px;
	margin-left:30px;
	width:940px;
	height:60px;
	overflow:hidden;
}

#SMS .recherche .date
{
	clear:both;
	display:inline-block;
	float:left;
	height:30px;
	margin-left:150px;
	width:790px;
}

#SMS .recherche .saisie
{
	clear:both;
	display:inline;
	float:left;
	height:30px;
	margin-left:280px;
	width:500px;
}

#SMS .recherche .titre
{
	display:inline;
	float:left;
	height:15px;
	margin-left:15px;
	margin-top:8px;
	width:100px;
}

#SMS .recherche .btn_rechercher
{
	display:inline;
	float:left;
	height:25px;
	margin-left:15px;
	width:203px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/sms/historique/btn_rechercher-off.jpg) no-repeat;
}

#SMS .recherche .btn_rechercher:hover
{
	background:url(/images_gray/sms/historique/btn_rechercher-on.jpg) no-repeat;
}


#SMS .recherche .value
{
	display:inline;
	float:left;
	height:25px;
	margin-top:3px;
	width:150px;
}

/* SMS_UNIQUE */

#SMS_unique .colGauche
{
	margin-top:15px;
}

#SMS_unique .titre
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
	height:20px;
}

#SMS_unique .num_enregistre
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
}

#SMS_unique .num_enregistre .list_box
{
	float:left;
	display:inline;
	margin-left:15px;
	width:131px;
}

#SMS_unique .num_enregistre .boutons 
{
	float:left;
	display:inline;
	margin-left:2px;
	width:30px;
}

#SMS_unique .num_enregistre .boutons  .item
{
	float:left;
	display:inline;
	margin-left:5px;
}

#SMS_unique .num_enregistre .boutons .item input.aj 
{
	float:left;
	display:inline;
	width:32px;
	height:22px;
	border: 1px solid white;
	cursor:pointer;
	background:url(/images_gray/sms/saisi_num/bouton_moins-off.jpg);
}

#SMS_unique .num_enregistre .boutons .item input.aj:hover
{
	background:url(/images_gray/sms/saisi_num/bouton_moins-on.jpg);
}

#SMS_unique .num_enregistre .boutons .item input.supp 
{
	float:left;
	display:inline;
	width:32px;
	height:22px;
	border: 1px solid white;
	cursor:pointer;
	background:url(/images_gray/sms/saisi_num/bouton_plus-off.jpg);
}

#SMS_unique .num_enregistre .boutons .item input.supp:hover
{
	background:url(/images_gray/sms/saisi_num/bouton_plus-on.jpg);
}

#SMS_unique .mainCadre .ligne .titre
{
	float:left;
	display:inline;
	height:20px;
	width:320px;
}

#SMS_unique .mainCadre .ligne .titre .image
{
	float:left;
	display:inline;
	width:110px;
	height:20px;
}

#SMS_unique .mainCadre .ligne .titre .texte
{
	float:left;
	display:inline;
	width:200px;
	font-size:10px;
	margin-left:10px;
	padding-top:1px;
}

#SMS_unique .mainCadre input.btn
{
	float:left;
	display:inline;
	width:203px;
	height:25px;
	margin-left:220px;
	cursor:pointer;
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-off.jpg);
}

#SMS_unique .mainCadre input.btn:hover
{
	background:url(/images_gray/sms/saisi_message/bouton_envoyer-on.jpg);
}

/**************************************** Classes ************************************************/

#Classes
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:940px;
	margin-left:30px;
}

#Classes .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
}

#Classes .colGauche .bloc
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Classes .colGauche .title
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-top:15px;
	width:100%;
	cursor:pointer;
	height:20px;
}

#Classes .colGauche .classeSelect
{
	clear:both;
	display:inline;
	float:left;
	width:100%;	
	background-color:#FFFFFF;
}

#Classes .colGauche .classeSelect .nomClasse
{
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
}

#Classes .colGauche .classeSelect .del
{
	display:inline;
	float:left;
	width:35px;
	height:23px;
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-off.jpg) no-repeat;	
	cursor:pointer;
}

#Classes .colGauche .classeSelect .del:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-on.jpg) no-repeat;	
}

#Classes .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}

#Classes .mainCadre .title
{
	margin-top:3px;
}

#Classes .mainCadre .profPrin
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
	margin-top:25px;
}

#Classes .mainCadre .profPrin .title2
{
	float:left;
	display:inline;
	width:144px;
	height:25px;
}

#Classes .mainCadre .profPrin .prof
{
	float:left;
	display:inline;
	width:250px;
	margin-left:10px;
	font-weight:bold;
	font-size:11px;
	color:Gray;
}

#Classes .mainCadre .liste
{
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
}

#Classes .mainCadre .title a
{
	display:inline;
	float:right;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#3F3F3F;
	text-decoration:none;
}

#Classes .mainCadre .title a:hover
{
	text-decoration:underline;
}

#Classes .mainCadre .add
{
	background:url(/images_gray/classes/choix_classe/ajouter_une_classe-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
}

#Classes .mainCadre .add:hover
{
	background:url(/images_gray/classes/choix_classe/ajouter_une_classe-on.jpg) no-repeat;
}

#Classes .mainCadre .modify
{
	background:url(/images_gray/classes/choix_classe/modifier_une_classe-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
	margin-top:10px;
}

#Classes .mainCadre .delete:hover
{
	background:url(/images_gray/classes/choix_classe/supprimer_une_classe-on.jpg) no-repeat;
}

#Classes .mainCadre .delete
{
	background:url(/images_gray/classes/choix_classe/supprimer_une_classe-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
	margin-top:10px;
}

#Classes .mainCadre .modify:hover
{
	background:url(/images_gray/classes/choix_classe/modifier_une_classe-on.jpg) no-repeat;
}

#Classes .mainCadre .chang
{
	background:url(/images_gray/classes/choix_classe/changement-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
	margin-top:10px;
}

#Classes .mainCadre .chang:hover
{
	background:url(/images_gray/classes/choix_classe/changement-on.jpg) no-repeat;
}

#Classes .mainCadre .stage
{
	background:url(/images_gray/classes/choix_classe/classe_en_stage-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
	margin-top:10px;
}

#Classes .mainCadre .stage:hover
{
	background:url(/images_gray/classes/choix_classe/classe_en_stage-on.jpg) no-repeat;
}

.mainCadreModify
{
	display:inline;
	float:left;
	height:auto;
	overflow:hidden;
	margin-left:265px;
	width:690px;
	margin-top:15px;
}

.mainCadreModify #Modification .ligne
{
	float:left;
	display:inline;
	overflow:hidden;
	clear:both;
	width:100%;
	margin-top:15px;
}

.mainCadreModify #Suppression .ligne
{
	float:left;
	display:inline;
	overflow:hidden;
	clear:both;
	width:100%;
	margin-top:15px;
}

.mainCadreModify #Suppression .ligne a
{
	float:left;
	display:inline;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:Gray;
	margin-top:5px;
}

.mainCadreModify #Suppression .ligne a:hover
{
	color:Black;
}


.mainCadreModify #Modification .btnValider
{
	float:left;
	display:inline;
	overflow:hidden;
	clear:both;
	width:203px;
	height:25px;
	margin-left:260px;
	margin-top:15px;
}

.mainCadreModify #Modification .btnValider .btn
{
	float:left;
	display:inline;
	clear:both;
	width:203px;
	height:25px;
	border:0px;
	cursor:pointer;
	background:url(/images_gray/classes/modifier_classe/valider-off.jpg);
}

.mainCadreModify #Suppression .btnValider
{
	float:left;
	display:inline;
	overflow:hidden;
	clear:both;
	width:203px;
	height:25px;
	margin-left:40px;
	margin-top:15px;
}

.mainCadreModify #Suppression .btnValider .btn
{
	float:left;
	display:inline;
	clear:both;
	width:203px;
	height:25px;
	border:0px;
	cursor:pointer;
	background:url(/images_gray/classes/modifier_classe/valider-off.jpg);
}

.mainCadreModify #Suppression .btnValider .btn:hover
{
	background:url(/images_gray/classes/modifier_classe/valider-on.jpg);
}

.mainCadreModify #Modification .ligne .champ
{
	float:left;
	display:inline;
	overflow:hidden;
	width:200px;
	text-align:right;
}

.mainCadreModify #Modification .ligne .input
{
	float:left;
	display:inline;
	overflow:hidden;
	width:350px;
	margin-left:15px;
}

.mainCadreModify .titremodify
{
	display:inline;
	clear:both;
	float:left;
	width:200px;
	height:20px;
	background:url("/images_gray/classes/modifier_classe/titre.jpg") no-repeat;
}

.mainCadreModify .titredelete
{
	display:inline;
	clear:both;
	float:left;
	width:200px;
	height:20px;
	background:url("/images_gray/classes/supprimer_classe/titre.jpg") no-repeat;
}

.mainCadreModify .item
{
	display:inline;
	float:left;
	clear:both;
	width:100%;
	margin-top:5px;
}

#Classes .eleveclasses
{
	float:left;
	display:inline;
	clear:both;
	margin-top:8px;
}

#Classes .eleveclasses .item
{
	float:left;
	display:inline;
	clear:both;
	width:680px;
	height:17px;
	background:#F2F2F2;
	margin-top:3px;
	color:Gray;
	font-family:Verdana;
	font-size:11px;
	padding-top:3px;
	padding-left:10px;
	border-radius:5px;
	-moz-border-radius:5px;
}

#Classes .eleveclasses .item .delegue a
{
	display:inline;
	float:left;
	width:20px;
	height:17px;
	cursor:pointer;
	background:url(/images_gray/classes/detail_classe/delegue-off.jpg) no-repeat;
}

#Classes .eleveclasses .item .delegue a:hover
{
	background:url(/images_gray/classes/detail_classe/delegue-on.jpg) no-repeat;
}



#Classes .eleveclasses .item .modif a
{
	color:#CFCFCF;
	display:inline;
	float:right;
	margin-right:15px;
	text-decoration:none;
	cursor:pointer;
}

#Classes .eleveclasses .item .modif a:hover
{
	color:Black;
}


#Classes .eleveclasses .item .nom
{
	display:inline;
	float:left; 
	cursor:pointer;
	width:500px;
}

#Classes .eleveclasses .itemzoneprof
{
	float:left;
	display:inline;
	clear:both;
	width:490px;
	height:17px;
	background:#F2F2F2;
	margin-top:3px;
	color:Gray;
	font-family:Verdana;
	font-size:11px;
	padding-top:3px;
	padding-left:10px;
}

#Classes .eleveclasses .itemzoneprof a
{
	color:#808080;
	margin-right:15px;
	text-decoration:none;
}

#Classes .eleveclasses .itemzoneprof a:hover
{
	text-decoration:underline;
}

#Classes .eleveclasses .item:hover
{
	color:Black;
	font-weight:bold;
	background:#f5f5f5;
}

#Classes .mainCadre input
{
	border:1px solid #CFCFCF;
}

#Classes .mainCadre input:hover
{
	border:1px solid #00c9f1;
}

#Classes .mainCadre .inputSelected
{
	background-color:#D1EBEF;
}

#Classes .contentForm
{
	float:left;
	display:inline;
	clear:both;
	width:690px;
}

#Classes .contentForm .champs
{
	float:left;
	display:inline;
	width:200px;
}

#Classes .contentForm .champs .item
{
	float:left;
	display:inline;
	width:200px;
	margin-top:5px;
	text-align:right;
}


#Classes .contentForm .textbox
{
	float:left;
	display:inline;
	width:250px;
	margin-left:10px;
}

#Classes .contentForm .textbox .item
{
	float:left;
	display:inline;
	width:250px;
	margin-top:5px;
}

#Classes .contentForm .validate
{
	float:left;
	display:inline;
	clear:both;
	margin-top:20px;
	margin-left:178px;
}

#Classes .contentForm .error
{
	float:left;
	display:inline;
	clear:both;
	margin-top:8px;
	margin-left:175px;
}

#Classes .contentForm .validate .btn
{
	float:left;
	display:inline;
	clear:both;
	width:203px;
	height:25px;
	cursor:pointer;
	background:url(/images_gray/classes/new_classe/valider-off.jpg) no-repeat;
}

#Classes .contentForm .validate .btn:hover
{
	background:url(/images_gray/classes/new_classe/valider-on.jpg) no-repeat;
}

#Stage
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
}

#Stage .classe
{
	background-color:#F2F2F2;
	border:1px solid Gray;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	height:19px;
	margin-bottom:5px;
	padding-top:4px;
	width:100%;
}

#Stage .classe.even
{
	background-color:#9F0006;
	color:White;
}

#Stage .classe .item
{
	float:left;
	display:inline;
	margin-left:10px;
	margin-right:10px;
}
/**************************************** Emploi du temps ************************************************/

#ClasseEdt
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:auto;
	margin-bottom:10px;
	text-align:center;
	width:100%;
}

#ClasseEdt .classe
{
	display:inline;
	float:left;
	text-align:center;
	width:49%;
}

#ClasseEdt .change
{
	display:inline;
	float:left;
	text-align:center;
	width:49%;
}

#Edt
{
	clear:both;
	display:inline;
	float:left;
	width:861px;
	height:641px;
	background:url(/images_gray/classes/edt/fond_edt.jpg) no-repeat;
	margin-left:70px;
}

#Edt .header_edt
{
	clear:both;
	display:inline;
	float:left;
	height:45px;
	width:861px;
}

#Edt .colGauche_edt
{
	clear:both;
	display:inline;
	float:left;
	height:580px;
	width:89px;
}

#Edt .colGauche_edt .creneau
{
	clear:both;
	display:inline;
	float:left;
	width:89px;
	height:20px;
	margin-top:46px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	padding-top:2px;
}

#Edt .edt
{
	display:inline;
	float:left;
	height:auto;
	width:760px;
	margin-top:12px;
	margin-left:1px;
}

#Edt .edt .ligne
{
	clear:both;
	display:inline-block;
	float:left;
	height:67px;
	margin-bottom:1px;
	width:100%;
}

#Edt .edt .celluleClean
{
	display:inline;
	float:left;
	height:100%;
	width:111px;
	margin-left:1px;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	cursor:pointer;
}

#Edt .edt .celluleClean:hover
{
	background:url(/images_gray/classes/edt/addCours.jpg) no-repeat;
}
#Edt .edt .cellule
{
	display:inline;
	float:left;
	height:100%;
	width:111px;
	margin-left:1px;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
}

#Edt .edt .cellule .mat
{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	height:16px;
	margin-top:5px;
	width:100%;
}

#Edt .edt .cellule .mat.alpha
{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	height:16px;
	margin-top:5px;
	width:100%;
	filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2; 
}

#Edt .edt .cellule .prof
{
	clear:both;
	display:inline;
	float:left;
	height:15px;
	width:100%;
}

#Edt .edt .cellule .prof.alpha
{
	clear:both;
	display:inline;
	float:left;
	height:15px;
	width:100%;
	filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2; 
}

#Edt .edt .cellule .modif
{
	clear:both;
	display:inline;
	float:left;
	height:15px;
	margin-top:15px;
	width:100%;
	color:#AFAFAF;
	cursor:pointer;
	text-decoration:none;
}

#Edt .edt .cellule .modif:hover
{
	text-decoration:underline;
	color:#6F6F6F;
}

.BGPop
{
	background-color:#000000;
	height:100%;
	 filter : alpha(opacity=30);
    -moz-opacity : 0.3;
    opacity : 0.3; 
	position:absolute;
	width:100%;
	z-index:10;
	left:0%;
	top:0%;
}

.Pop
{
	z-index:20;
	position:absolute;
	width:322px;
	height:224px;
	left:50%;
	top:50%;
	margin-left:-160px;
	margin-top:-110px;
	background:url(/images_gray/classes/edt/bg-pop.png) no-repeat;
}

.Pop .title
{
	clear:both;
	display:inline;
	float:left;
	font-size:17px;
	height:25px;
	margin-top:15px;
	text-align:center;
	width:100%;
}

.Pop .ligne
{
	clear:both;
	display:inline;
	float:left;
	font-weight:bold;
	height:15px;
	margin-left:20px;
	margin-top:13px;
	width:250px;
}

.Pop .ligne input
{
	background-color:#ffffff;
	border:1px solid #000000;
	font-family:Verdana;
	font-size:10px;
	text-align:center;
	padding:3px;
	cursor:pointer;
}


.Pop .ligne input:hover
{
	background-color:#D1EBEF;
}

.PopSlide
{
	z-index:20;
	position:absolute;
	width:420px;
	height:270px;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-135px;
	background:url(/images_gray/classes/edt/bg-pop-grd.png) no-repeat;
}

.PopSlide .content
{
	clear:both;
	display:inline;
	float:left;
	height:247px;
	margin-left:11px;
	margin-top:11px;
	width:398px;
	font-family:Verdana;
	font-size:10px;
}

.PopSlide .content .title
{
	clear:both;
	display:inline;
	float:left;
	font-size:17px;
	height:auto;
	margin-top:5px;
	text-align:center;
	width:100%;
}


.PopSlide .content input
{
	border:1px solid #CFCFCF;
}

.PopSlide .content input:hover
{
	background-color:#D1EBEF;
}

.PopSlide .content .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:100%;
	margin-top:5px;
}

.PopSlide .content .ligne .item
{
	display:inline;
	float:left;
	height:100%;
	margin-left:10px;
	width:150px;
}

.PopSlide .content .iconLoad
{
	clear:both;
	display:inline;
	float:left;
	height:64px;
	margin-left:160px;
	margin-top:40px;
	width:64px;
	background:url(/images_gray/upload.gif) no-repeat;
}

.PopSlide .content .textLoad
{
	clear:both;
	display:inline;
	float:left;
	margin-left:150px;
	margin-top:30px;
}

.PopSlideUnder
{
	z-index:15;
	position:absolute;
	width:290px;
	height:250px;
	left:50%;
	top:50%;
	margin-left:-145px;
	margin-top:-125px;
	background:url(/images_gray/classes/edt/bg-pop-under.png) no-repeat;
}

.PopSlideUnder .close
{
	width:20px;
	height:20px;
	float:right;
	background:url(/images_gray/vie_scolaire/ajout_motif/close-help.png) no-repeat;
	cursor:pointer;
}

.PopSlideUnder .content
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	margin-left:30px;
	margin-top:30px;
}

/**************************************** Professeur ************************************************/

#Prof
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:940px;
	margin-left:30px;
}

#Prof .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
}

#Prof .colGauche .bloc
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Prof .colGauche .title
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-top:15px;
	width:100%;
	cursor:pointer;
	height:20px;
}

#Prof .colGauche .classeSelect
{
	clear:both;
	display:inline;
	float:left;
	width:100%;	
	background-color:#FFFFFF;
}

#Prof .colGauche .classeSelect .nomClasse
{
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
}

#Prof .colGauche .classeSelect .del
{
	display:inline;
	float:left;
	width:35px;
	height:23px;
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-off.jpg) no-repeat;	
	cursor:pointer;
}

#Prof .colGauche .classeSelect .del:hover
{
	background:url(/images_gray/fiche_eleve/ajout_eleve/croix_selection-on.jpg) no-repeat;	
}

#Prof .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}

#Prof .mainCadre .add
{
	background:url(/images_gray/professeur/infos_professeur/ajouterProf-off.jpg) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-left:210px;
	width:200px;
}

#Prof .mainCadre .add:hover
{
	background:url(/images_gray/professeur/infos_professeur/ajouterProf-on.jpg) no-repeat;
}

#Prof .mainCadre input
{
	border:1px solid #CFCFCF;
}

#Prof .mainCadre .validate input
{
	border:0px;
}


#Prof .contentForm .champs
{
	float:left;
	display:inline;
	width:200px;
}

#Prof .contentForm .champs .item
{
	float:left;
	display:inline;
	width:200px;
	margin-top:5px;
	text-align:right;
}


#Prof .contentForm .textbox
{
	float:left;
	display:inline;
	width:250px;
	margin-left:10px;
}

#Prof .contentForm .textbox .item
{
	float:left;
	display:inline;
	width:250px;
	margin-top:5px;
}

#Prof .contentForm .validate
{
	float:left;
	display:inline;
	clear:both;
	margin-top:20px;
	margin-left:90px;
}

#Prof .contentForm .error
{
	float:left;
	display:inline;
	clear:both;
	margin-top:8px;
	margin-left:175px;
}

#Prof .contentForm .validate .btn
{
	float:left;
	display:inline;
	width:203px;
	height:25px;
	cursor:pointer;
	background:url(/images_gray/professeur/choix_professeur/valider-off.jpg) no-repeat;
}

#Prof .contentForm .validate .btn:hover
{
	background:url(/images_gray/professeur/choix_professeur/valider-on.jpg) no-repeat;
}


#Prof .contentForm .validate .btn_supp
{
	float:left;
	display:inline;
	width:203px;
	height:25px;
	cursor:pointer;
	margin-left:10px;
	background:url(/images_gray/professeur/choix_professeur/supprimer-off.jpg) no-repeat;
}

#Prof .contentForm .validate .btn_supp:hover
{
	background:url(/images_gray/professeur/choix_professeur/supprimer-on.jpg) no-repeat;
}
/************************************************* Configuration ****************************************/

#Config
{
	float:left;
	display:inline;
	clear:both;
	width:960px;
	margin-left:20px;
}

#Config .top
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
}

#Config .top .gestionUser
{
	float:left;
	display:inline;
	width:299px;
	height:170px;
	margin-left:45px;
	margin-top:20px;
}

#Config .top .gestionUser .generatePassword
{
	float:left;
	display:inline;
	width:175px;
	height:17px;
	margin-left:25px;
	margin-top:20px;
	border:0px;
	cursor:pointer;
	background:url(/images_gray/config/gestionUtilisateurs/btn_generer_mdp-off.jpg) no-repeat;
}

#Config .top .gestionUser .generatePassword:hover
{
	background:url(/images_gray/config/gestionUtilisateurs/btn_generer_mdp-on.jpg) no-repeat;
}

#Config .top .gestionUser .content a
{
	float:left;
	display:inline;
	width:175px;
	height:17px;
	margin-left:25px;
	margin-top:20px;
	border:0px;
	cursor:pointer;
	background:url(/images_gray/config/gestionUtilisateurs/btn_gestion_mdp-off.jpg) no-repeat;
}

#Config .top .gestionUser .content a:hover
{
	background:url(/images_gray/config/gestionUtilisateurs/btn_gestion_mdp-on.jpg) no-repeat;
}


#Config .top .gestionUser .titre
{
	float:left;
	display:inline;
	clear:both;
	width:166px;
	height:27px;
}

#Config .top .gestionUser .content
{
	display:inline;
	float:left;
	height:127px;
	padding-left:30px;
	padding-top:15px;
	position:relative;
	width:254px;
	z-index:10;
	background:url(/images_gray/config/insertionEleve/back.jpg) no-repeat;
}

#Config .top .gestionUser .content a
{
	margin-top:15px;
	clear:both;
	display:inline;
	float:left;
}

#Config .top .insertionEleve
{
	float:left;
	display:inline;
	width:299px;
	height:170px;
	margin-left:45px;
	margin-top:20px;
}


#Config .top .insertionEleve .titre
{
	float:left;
	display:inline;
	clear:both;
	width:284px;
	height:27px;
	background:url(/images_gray/config/insertionEleve/titre.jpg) no-repeat;
}

#Config .top .insertionEleve .contentAide
{
	float:left;
	display:inline;
	clear:both;
	width:299px;
	
}

#Config .top .insertionEleve .content
{
	float:left;
	display:inline;
	width:284px;
	height:142px;
	z-index:10;
	position:relative;
	background:url(/images_gray/config/insertionEleve/back.jpg) no-repeat;
}

#Config .top .insertionEleve .content .btn
{
	float:left;
	display:inline;
	clear:both;
	width:175px;
	height:58px;
	cursor:pointer;
	border:0px;
	margin-left:52px;
	margin-top:6px;
	background:url(/images_gray/config/insertionEleve/btn_insertion-off.jpg) no-repeat;
}

#Config .top .insertionEleve .content .btn:hover
{
	background:url(/images_gray/config/insertionEleve/btn_insertion-on.jpg) no-repeat;
}

#Config .top .insertionEleve .content .ligne input.inputFile
{
	border:1px solid white;
	color:Red;
}

#Config .top .insertionEleve .content .phrase
{
	float:left;
	display:inline;
	clear:both;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:White;
	margin-left:25px;
	margin-top:10px;
	width:230px;
}

#Config .top .insertionEleve .content .ligne
{
	float:left;
	display:inline;
	clear:both;
	margin-left:25px;
	margin-top:10px;
}

#Config .top .insertionEleve .aide
{
	float:left;
	display:inline;
	width:15px;
	height:142px;
	z-index:0;
	background:url(/images_gray/config/insertionEleve/aide.jpg) no-repeat;
	cursor:pointer;
	position:relative;
}


#Config .bottom
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
}

#ManagePwd
{
	clear:both;
	display:inline;
	float:left;
	margin-left:30px;
	width:940px;
}

#ManagePwd a
{
	margin-left:0px;
	width:930px;
}

#ManagePwd .userGrp
{
	clear:both;
	display:inline;
	float:left;
	margin-left:15px;
	width:910px;
}

#ManagePwd .userGrp .tete
{
	background:url(/images_gray/restauration/bg-entete.jpg) no-repeat;	
	height:10px;
	overflow:hidden;
	width:100%;
	clear:both;
	display:inline;
	float:left;
}

#ManagePwd .userGrp .ligne
{
	border-bottom:1px solid #DFDFDF;
	clear:both;
	display:inline;
	float:left;
	height:23px;
	padding-top:1px;
	width:100%;
}

#ManagePwd .userGrp .ligne .nom
{
	display:inline;
	float:left;
	margin-left:15px;
	width:200px;
}

#ManagePwd .userGrp .ligne .prenom
{
	display:inline;
	float:left;
	width:200px;
}

#ManagePwd .userGrp .ligne .login
{
	display:inline;
	float:left;
	width:200px;
}

#ManagePwd .userGrp .ligne .cadreSlider
{
	background:transparent url(/images_gray/config/manage-pwd/bg-slider.jpg) no-repeat;
	display:inline;
	float:right;
	height:20px;
	margin-right:15px;
	width:250px;
	overflow:hidden;
}


#ManagePwd .userGrp .ligne .cadreSlider .slider
{
	display:inline;
	float:left;
	height:18px;
	margin-top:1px;
	width:420px;
	background:none;
}

#ManagePwd .userGrp .ligne .cadreSlider .slider .modif
{
	background:url(/images_gray/config/manage-pwd/edit.png) no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	height:16px;
	margin-right:5px;
	margin-top:1px;
	width:16px;
}



#ManagePwd .userGrp .ligne .cadreSlider .slider .mdp
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:16px;
	margin-top:1px;
	padding-left:10px;
	width:148px;
	background:none;
}

#ManagePwd .userGrp .ligne .cadreSlider .slider .mdp input
{
	border:1px solid #9F9F9F;
	font-size:11px;
	height:13px;
	width:140px;
	background:transparent;
}

#ManagePwd .userGrp .ligne .cadreSlider .slider .btn
{
	display:inline;
	float:left;
	height:18px;
	width:71px;
	background:transparent url(/images_gray/config/manage-pwd/slider.png) no-repeat;
	cursor:pointer;
}

#ManagePwd .userGrp .ligne .cadreSlider .slider .texte
{
	cursor:pointer;
	display:inline;
	float:right;
	font-family:Verdana;
	font-size:10px;
	height:14px;
	margin-top:2px;
	width:120px;
	background:none;
	color:#9F9F9F;
	cursor:pointer;
}

.aideConfigInsertion
{
	z-index:5;
	position:relative;
	float:left;
	display:inline;
	clear:both;
	width:235px;
	height:108px;
	margin-top:-126px;
	margin-left:64px;
	background:url(/images_gray/config/insertionEleve/aide-on.jpg) no-repeat;
}

.aideConfigInsertion2
{
	z-index:5;
	position:relative;
	float:left;
	display:inline;
	clear:both;
	width:235px;
	height:108px;
	margin-top:-390px;
	margin-left:64px;
	background:url(/images_gray/config/insertionEleve/aide-on.jpg) no-repeat;
}


.aideConfigInsertion .texte
{
	float:left;
	display:inline;
	height:100px;
	margin-left:4px;
	margin-top:4px;
	width:212px;
	font-size:10px;
	color:White;
	padding-left:2px;
	padding-right:2px;
}

.aideConfigInsertion .aideOn
{
	float:left;
	display:inline;
	width:15px;
	height:108px;
	cursor:pointer;
	background:url(/images_gray/config/insertionEleve/aide-on_fermer.jpg) no-repeat;
}

.aideConfigInsertion2 .texte
{
	float:left;
	display:inline;
	height:100px;
	margin-left:4px;
	margin-top:4px;
	width:216px;
}

.aideConfigInsertion2 .aideOn
{
	float:left;
	display:inline;
	width:15px;
	height:108px;
	cursor:pointer;
	background:url(/images_gray/config/insertionEleve/aide-on_fermer.jpg) no-repeat;
}

#valid_upload
{
	font-size:9px;
	width:100%;
	margin-top:10px;
	color:White;
}

#Creneau
{
	float:left;
	display:inline;
	clear:both;
	margin-left:45px;
	margin-top:20px;
	width:299px;
}

#Creneau .titre
{
	float:left;
	display:inline;
	clear:both;
	width:284px;
	height:27px;
	background:url(/images_gray/config/creneau/titre.jpg) no-repeat;
}

#Creneau .content
{
	position:relative;
	float:left;
	display:inline;
	width:284px;
	z-index:10;
}

#Creneau .aide
{
	float:left;
	display:inline;
	width:15px;
	height:108px;
	margin-top:17px;
	cursor:pointer;
	background:url(/images_gray/config/creneau/aide.jpg) no-repeat;
}

#Creneau .content .top
{
	width:284px;
	height:15px;
	float:left;
	display:inline;
	clear:both;
	background:url(/images_gray/config/creneau/top.jpg) no-repeat;
}

#Creneau .content .bottom
{
	width:284px;
	height:16px;
	float:left;
	display:inline;
	clear:both;
	background:url(/images_gray/config/creneau/bottom.jpg) no-repeat;
}


#Creneau .content .middle
{
	float:left;
	display:inline;
	clear:both;
	height:auto;
	width:284px;
	background:#909090;
	z-index:10;
}

#Creneau .content .middle .phrase
{
	float:left;
	display:inline;
	clear:both;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:White;
	text-align:center;
	width:230px;
	margin-left:25px;
}

#Creneau .content .ligne
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
	margin-left:40px;
	margin-top:5px;
	color:White;
	font-weight:bold;
	font-size:11px;
}


#Creneau .content .ligne input
{
	border: 1px solid white;
	width:30px;
}

#Creneau .content .ligne input.btn
{
	border: 1px solid white;
	background:#c0c0c0;
	color:White;
	cursor:pointer;
}

#Creneau .content .ligne input.btn:hover
{
	border: 1px solid #00cbf3;
	background:white;
	color:#00cbf3;
}

#Creneau .content .ligne .nomCreneau
{
	float:left;
	display:inline;
	width:70px;
}

#Creneau .content .ligne .inputDeb
{
	float:left;
	display:inline;
	width:30px;
	margin-left:20px;
}

#Creneau .content .ligne .inputFin
{
	float:left;
	display:inline;
	width:30px;
	margin-left:10px;
}

#Creneau .content .bouton
{
	float:left;
	display:inline;
	width:30px;
}

#Creneau input.btnValidate
{
	float:left;
	display:inline;
	clear:both;
	width:175px;
	height:58px;
	cursor:pointer;
	border:0px;
	margin-left:52px;
	margin-top:15px;
	background:url(/images_gray/config/insertionEleve/btn_insertion-off.jpg) no-repeat;
}

#Creneau input.btnValidate:hover
{
	background:url(/images_gray/config/insertionEleve/btn_insertion-on.jpg) no-repeat;
}


/**************************************** Documents ************************************************/

#Document
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:15px;
	width:940px;
}

#Document .btn-newDoc
{
	background:url(/images_gray/documents/already_doc/new_doc-off.jpg) no-repeat;
	clear:both;
	display:inline;
	float:left;
	margin-left:30px;
	width:216px;
	height:20px;	
	cursor:pointer;
}

#Document .btn-newDoc:hover
{
	background:url(/images_gray/documents/already_doc/new_doc-on.jpg) no-repeat;
}

#Document .upload
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:10px;
	width:100%;
}

#Document .upload .left
{
	display:inline;
	float:left;
	height:auto;
	margin-top:50px;
	width:670px;
}

#Document .upload .right
{
	display:none;
	float:left;
	height:auto;
	margin-top:10px;
	width:270px;
}

#Document .upload .right .back-photo
{
	clear:both;
	display:inline;
	float:left;
	height:227px;
	width:163px;
	background:url(/images_gray/documents/already_doc/cadre_portrait.jpg) no-repeat;
	margin-left:50px;
}

#Document .upload .right .photo
{
	background-repeat:no-repeat;
	clear:both;
	display:inline;
	float:left;
	height:212px;
	margin:2px;
	width:150px;
}

#Document .upload .titre
{
	clear:both;
	display:inline;
	float:left;
	width:236px;
	height:20px;	
	margin-left:10px;
}

#Document .upload .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:auto;	
}

#Document .upload .ligne .error
{
	clear:both;
	display:inline;
	float:left;
	width:300px;
	color:Red;
	font-family:Verdana;
	font-size:11px;
	margin-left:138px;
	margin-top:15px;
}

#Document .upload .ligne .item
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:100%;
	margin-left:20px;
	padding-top:5px;
	text-align:right;
	width:100px;
}

#Document .upload .ligne .item .case
{
	display:inline;
	float:left;
	height:30px;
	width:120px;
	text-align:left;
}

#Document .upload .ligne .miniLink
{
	display:inline;
	float:left;
	color:#8F8F8F;
	font-size:10px;
	margin-left:5px;
	margin-top:7px;
	text-align:left;
	text-decoration:none;
	width:170px;
	font-family:Verdana;
	cursor:pointer;
}

#Document .upload .ligne .miniLink:hover
{
	text-decoration:underline;
}

#Document .listing
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:auto;
	margin-top:30px;
	width:100%;
}

#Document .listing .titre
{
	clear:both;
	display:inline;
	float:left;
	width:236px;
	height:20px;	
	margin-left:10px;
}

#Document .listing .header
{
	border-bottom:1px solid #c7c8c8;
	clear:both;
	display:inline;
	float:left;
	height:20px;
	padding-bottom:5px;
	padding-top:3px;
	width:100%;
}

#Document .listing .header .item
{
	display:inline;
	float:left;
	width:100px;
	height:100%;	
	margin-left:10px;
	cursor:pointer;
}

#Document .listing .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	padding-top:3px;
	width:100%;
	border-bottom:1px solid #c7c8c8;
}

#Document .listing .ligne .item
{
	display:inline;
	float:left;
	width:100px;
	height:100%;	
	margin-left:10px;
	padding-left:5px;
	padding-top:4px;
}

#Document .valider_doc
{
	background:url(/images_gray/documents/already_doc/valider-off.jpg) no-repeat;
	clear:both;
	display:inline;
	float:left;
	margin-left:30px;
	width:100px;
	height:20px;	
	cursor:pointer;
	border:0px;
}

#Document .valider_doc:hover
{
	background:url(/images_gray/documents/already_doc/valider-on.jpg) no-repeat;
}

#Document .annuler_doc
{
	background:url(/images_gray/documents/already_doc/annuler-off.jpg) no-repeat;
	clear:both;
	display:inline;
	float:left;
	margin-left:30px;
	width:100px;
	height:20px;	
	cursor:pointer;
	border:0px;
}

#Document .annuler_doc:hover
{
	background:url(/images_gray/documents/already_doc/annuler-on.jpg) no-repeat;
}

#Document .listing .ligne .icon
{
	display:inline;
	float:right;
	width:37px;
	height:100%;	
	margin-left:10px;
	cursor:pointer;
}

#Document .listing .ligne .icon.modif
{
	background:url(/images_gray/documents/already_doc/edit-off.jpg) no-repeat;
}

#Document .listing .ligne .icon.modif:hover
{
	background:url(/images_gray/documents/already_doc/edit-on.jpg) no-repeat;
}

#Document .listing .ligne .icon.del
{
	background:url(/images_gray/documents/already_doc/delete-off.jpg) no-repeat;
}

#Document .listing .ligne .icon.del:hover
{
	background:url(/images_gray/documents/already_doc/delete-on.jpg) no-repeat;
}

#Document .listing .ligne .icon.dl
{
	background:url(/images_gray/documents/already_doc/dl-off.jpg) no-repeat;
}

#Document .listing .ligne .icon.dl:hover
{
	background:url(/images_gray/documents/already_doc/dl-on.jpg) no-repeat;
}

#Document .listing .ligne .icon.dl a
{
	display:block;
	width:100%;
	height:100%;
	clear:both;
}

/* ------------------------------------------ RESTAURATION ------------------------------------------ */


#Resto
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:950px;
	margin-left:20px;
}

#Resto .validate
{
	background-color:inherit;
	text-align:center;
}

#Resto .validate .btn
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	width:203px;
	margin-left:350px;
	cursor:pointer;
	background:url(/images_gray/classes/new_classe/valider-off.jpg) no-repeat;
}

#Resto .validate .btn:hover
{
	background:url(/images_gray/classes/new_classe/valider-on.jpg) no-repeat;
}

#Resto .toutdecocher
{
	background-color:inherit;
	border:0px;
	color:Gray;
	cursor:pointer;
	display:inline;
	font-size:11px;
	font-weight:normal;
	margin-left:5px;
	margin-top:0px;
	padding:0px;
	text-decoration:none;
	float:right;
	width:85px;
}

#Resto .toutdecocher:hover
{
	color:Black;
}

#Resto .validate .calcul
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:200px;
	margin-left:350px;
	cursor:pointer;
	border:0px;
	margin-top:10px;
	background:url(/images_gray/restauration/calculer-off.jpg) no-repeat;
}

#Resto .validate .calcul:hover
{
	background:url(/images_gray/restauration/calculer-on.jpg) no-repeat;
}

#Resto .calcul
{
	display:inline;
	float:left;
	height:136px;
	width:304px;
	margin-left:140px;
	margin-top:100px;
	background:url(/images_gray/restauration/link/repas-off.jpg) no-repeat;
}

#Resto .calcul:hover
{
	background:url(/images_gray/restauration/link/repas-on.jpg) no-repeat;
}

#Resto .calcul a
{
	height:100%;
	width:100%;
	clear:both;
	display:inline;
	float:left;
}


 #Resto .compta
{
	display:inline;
	float:left;
	height:136px;
	width:304px;
	margin-left:80px;
	margin-top:100px;
	background:url(/images_gray/restauration/link/compta-off.jpg) no-repeat;
}

 #Resto .compta:hover
{
	background:url(/images_gray/restauration/link/compta-on.jpg) no-repeat;
}

#Resto .compta a
{
	height:100%;
	width:100%;
	clear:both;
	display:inline;
	float:left;
}

#Resto .basic
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Resto .basic a
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:920px;
}


#Resto .basic .classe
{
	clear:both;
	display:inline;
	float:left;
	margin-left:20px;
	width:910px;
}

#Resto .basic .classe .tete
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	padding:0;
	width:100%;
	background:url(/images_gray/restauration/bg-entete.jpg) no-repeat;
}

#Resto .basic .classe .tete .titre
{
	border:0px;
	clear:none;
	display:inline;
	float:left;
	margin-left:30px;
	margin-top:4px;
	padding:0;
	text-align:center;
	width:70px;
	background-color:Transparent;
}

#Resto .basic .classe div
{
	border-bottom:1px solid #DFDFDF;
	clear:both;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:24px;
	padding-left:10px;
	padding-top:3px;
	width:900px;
}

#Resto .basic .classe .eleve
{
	clear:both;
	display:inline;
	float:left;
	padding:0px;
	cursor:default;
	background:transparent;
}

#Resto .basic .classe .eleve .nom
{
	clear:none;
	display:inline;
	float:left;
	padding:0;
	width:490px;
	background:transparent;
}

#Resto .basic .classe .eleve .case
{
	clear:none;
	display:inline;
	float:left;
	padding:0;
	width:70px;
	background:transparent;
}

#Resto .validate
{
	clear:none;
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	width:930px;
}

#Resto .Restau_OK
{
	float:left;
	display:inline;
	width:60px;
	height:20px;
	border:0;
	cursor:pointer;
	margin-left:220px;
	background:url("/images_gray/restauration/ok-off.jpg") no-repeat;
}

#Resto .Restau_OK:hover
{
	background:url("/images_gray/restauration/ok-on.jpg") no-repeat;
}

#Resto .validate .btnPDF
{
	float:left;
	display:inline;
	clear:both;
	width:200px;
	height:20px;
	border:0;
	cursor:pointer;
	margin-left:220px;
	background:url("/images_gray/restauration/editer_pdf-off.jpg") no-repeat;
}

#Resto .validate .btnPDF:hover
{
	background:url("/images_gray/restauration/editer_pdf-on.jpg") no-repeat;
}

/* ------------------------------------------ RECAP RESTAURATION ---------------------------------- */

#Resto .entete
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:20px;
	text-align:center;
	width:940px;
}

#Resto .recap
{
	clear:both;
	display:inline;
	float:left;
	height:100px;
	margin-left:170px;
	margin-top:40px;
	width:600px;
	background:url(/images_gray/restauration/cadre-recap.jpg) no-repeat;
}

#Resto .recap .item
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:100%;
	width:150px;
}

#Resto .recap .item .text
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	margin-top:20px;
	text-align:center;
	width:100%;
}

#Resto .recap .item .value
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	margin-bottom:15px;
	margin-top:10px;
	text-align:center;
	width:100%;
}

/* ------------------------------------------ COMPTA RESTAURATION --------------------------------- */

#Resto .colDroite
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	margin-top:15px;
	width:690px;
}

#Resto .colDroite .ligne
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

#Resto .colDroite .ligne .btnReset
{
	background:url(/images_gray/restauration/reset-compta-off.jpg) no-repeat;
	cursor:pointer;
	width:200px;
	height:20px;
	border:0px;
}

#Resto .colDroite .ligne .btnReset:hover
{
	background:url(/images_gray/restauration/reset-compta-on.jpg) no-repeat;
}

#Resto .colGauche
{
	display:inline;
	float:left;
	margin-left:30px;
	width:200px;
}

#Resto .colGauche a
{
	background-color:#F2F2F2;
	border:1px solid #CFCFCF;
	color:black;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	width:170px;
	clear:both;
	font-family:Verdana;
}

#Resto .colGauche a.selected
{
	background-color:white;
}

#Resto .colGauche a:hover
{
	background-color: white;
	border:1px solid #c7c8c8;
}

#Resto .mainCadre
{
	display:inline;
	float:left;
	margin-left:15px;
	width:700px;
}

#Resto .mainCadre .choixDate
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	height:25px;
	padding-top:10px;
	width:100%;
}

#Resto .mainCadre .choixDate .title
{
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:4px;
}

#Resto .mainCadre .choixDate .value
{
	display:inline;
	float:left;
	margin-left:10px;
}

#Resto .mainCadre .choixDate input
{
	display:inline;
	float:left;
	margin-left:10px;
}

/* tables */
#Resto .mainCadre table.tablesorter {
	background-color:#CDCDCD;
	font-family:Verdana;
	font-size:11px;
	margin:10px 0 15px;
	text-align:left;
	width:100%;
}

#Resto .mainCadre table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	/*border: 1px solid #FFF;*/
	font-size: 8pt;
	padding: 4px;
}

#Resto .mainCadre table.tablesorter thead tr .header {
	background-image: url(/images_gray/restauration/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#Resto .mainCadre table.tablesorter tbody td {
	background-color:#FFFFFF;
	color:#3D3D3D;
	padding:4px;
	text-align:center;
	vertical-align:top;
}

#Resto .mainCadre table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

#Resto .mainCadre table.tablesorter tbody tr:hover {
	background-color:#F5F5F5;
}

#Resto .mainCadre table.tablesorter thead tr .headerSortUp {
	background-image: url(/images_gray/restauration/asc.gif);
}

#Resto .mainCadre table.tablesorter thead tr .headerSortDown {
	background-image: url(/images_gray/restauration/desc.gif);
}

#Resto .mainCadre table.tablesorter thead tr .headerSortDown {
	background-color: #8dbdd8;
}

#Resto .mainCadre table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

#Resto .mainCadre .validate
{
	display:inline;
	float:left;
	margin:0px;
	text-align:center;
	width:100%;
}

/**************************************** STATS ********************************************/

#Stats
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	margin-top:10px;
	width:940px;
}

#Stats #NoRecord
{
	color:#6F6F6F;
	display:inline;
	float:left;
	font-size:12px;
	margin-left:10px;
	margin-top:50px;
	text-align:center;
	width:710px;
	font-family:Verdana;
}

#Stats.menu a
{
	clear:both;
	display:inline;
	float:left;
	width:920px;
	height:140px;
	cursor:pointer;
	margin:10px;
}

#Stats.menu a.etab
{
	background:url(/images_gray/stats/cat-etab-off.jpg) no-repeat;
}

#Stats.menu a.etab:hover
{
	background:url(/images_gray/stats/cat-etab-on.jpg) no-repeat;
}

#Stats.menu a.classe
{
	background:url(/images_gray/stats/cat-classe-off.jpg) no-repeat;
}

#Stats.menu a.classe:hover
{
	background:url(/images_gray/stats/cat-classe-on.jpg) no-repeat;
}

#Stats.menu a.eleve
{
	background:url(/images_gray/stats/cat-eleve-off.jpg) no-repeat;
}

#Stats.menu a.eleve:hover
{
	background:url(/images_gray/stats/cat-eleve-on.jpg) no-repeat;
}

#Stats .titre
{
	border-bottom:1px solid #CFCFCF;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:7px;
	text-align:center;
	width:100%;
}

#Stats .graph
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:5px;
	width:100%;
}

#Stats input.RAZ
{
	background:#C8C8C8;
	border:0px;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	font-weight:bold;
	height:28px;
	margin-top:15px;
	width:100%;
	color:#FFFFFF;
}

#Stats input.RAZ:hover
{
	background-color:#E5E5E5;
	color:#7E7E7E;
}

/**************************************** AFFICHAGE EXTERNE *********************************/

#AffichExterne
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
}

#AffichExterne .manage-module
{
	clear:both;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background-color:#F2F2F2;
	border:1px solid #CFCFCF;
}

#AffichExterne .manage-module .item
{
	display:inline;
	float:left;
	height:100%;
	width:100px;
}

#AffichExterne .manage-module .item a.apercu
{
	background:url(/images_gray/affichage-externe/boutons/apercu-off.jpg) no-repeat;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	height:31px;
	margin-left:3px;
	margin-top:5px;
	width:91px;
}

#AffichExterne .manage-module .item a.apercu:hover
{
	background:url(/images_gray/affichage-externe/boutons/apercu-on.jpg) no-repeat;
}

#AffichExterne .manage-module .item a.activer
{
	background:url(/images_gray/affichage-externe/boutons/activer-off.jpg) no-repeat;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	height:29px;
	margin-left:3px;
	margin-top:7px;
	width:91px;
}

#AffichExterne .manage-module .item a.activer:hover
{
	background:url(/images_gray/affichage-externe/boutons/activer-on.jpg) no-repeat;
}

#AffichExterne .manage-module .item a.desactiver
{
	background:url(/images_gray/affichage-externe/boutons/desactiver-off.jpg) no-repeat;
	clear:both;
	cursor:pointer;
	display:inline;
	float:left;
	height:29px;
	margin-left:3px;
	margin-top:7px;
	width:91px;
}

#AffichExterne .manage-module .item a.desactiver:hover
{
	background:url(/images_gray/affichage-externe/boutons/desactiver-on.jpg) no-repeat;
}

#AffichExterne .manage-module .item .titre
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:35px;
	padding-top:8px;
	text-align:center;
	width:100%;
}

#AffichExterne .manage-module .item .value
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	text-align:center;
	width:100%;
}

#AffichExterne .manage-module .item .composant-slider
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	margin-left:10px;
	overflow:hidden;
	width:80px;
	cursor:pointer;
}

#AffichExterne .manage-module .item .composant-slider .bg-slider
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	width:80px;
	background:url(/images_gray/affichage-externe/cadre-slider.png) no-repeat;
	overflow:hidden;
	z-index:10;
	position:absolute;
}

#AffichExterne .manage-module .item .composant-slider .slider
{
	clear:both;
	display:inline;
	float:left;
	height:20px;
	overflow:hidden;
	position:absolute;
	width:80px;
	z-index:5;
}

#AffichExterne .cadre
{
	background-color:#F2F2F2;
	border-bottom:1px solid #CFCFCF;
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:5px;
	padding-bottom:10px;
	width:100%;
	overflow:hidden;
}

#AffichExterne .error
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:10px;
	margin-top:5px;
	text-align:right;
	width:100%;
}

#AffichExterne .cadre .titre
{
	background:none repeat scroll 0 0 #F2F2F2;
	border:1px solid #CFCFCF;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
	padding-left:10px;
	padding-top:6px;
	width:928px;
}

#AffichExterne .cadre .degrad
{
	clear:both;
	display:inline;
	float:left;
	height:7px;
	width:940px;
	background:url(/images_gray/affichage-externe/top-cadre.jpg) no-repeat;
}

#AffichExterne .demicadre
{
	background-color:#F2F2F2;
	border-bottom:1px solid #CFCFCF;
	display:inline;
	float:left;
	height:330px;
	margin-top:5px;
	padding-bottom:10px;
	width:49%;
	overflow:hidden;
}

#AffichExterne .demicadre .degrad
{
	background:url(/images_gray/affichage-externe/top-semicadre.jpg) no-repeat;
	height:7px;
	width:460px;
	clear:both;
	display:inline;
	float:left;
}

#AffichExterne .demicadre .titre
{
	background:none repeat scroll 0 0 #F2F2F2;
	border:1px solid #CFCFCF;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
	padding-left:10px;
	padding-top:6px;
	width:448px;
}

#AffichExterne .demicadre .contenu
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	width:440px;
}

#AffichExterne .cadre .colonne
{
	display:inline;
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:440px;
	margin-bottom:8px;
}

#AffichExterne .cadre .colonne .titre
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	width:100%;
	padding:0px;
	border:0px;
}

#AffichExterne .cadre .colonne .value
{
	border:1px solid #7A6F6B;
	clear:both;
	display:inline;
	float:left;
	font-style:italic;
	height:52px;
	line-height:1;
	margin-bottom:7px;
	text-align:center;
	width:100%;
}

#AffichExterne .cadre .colonne .saisie
{
	clear:both;
	display:inline;
	float:left;
	height:60px;
	text-align:center;
	width:100%;
}

#AffichExterne .cadre .colonne .listing
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}

#AffichExterne .cadre .listing select,input
{
	border:1px solid #CFCFCF;
}

#AffichExterne .cadre .colonne .item
{
	clear:both;
	display:inline;
	float:left;
}

#AffichExterne .cadre .colonne .item .btnsup
{
	width:42px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/sup-off.jpg) no-repeat;
}

#AffichExterne .cadre .colonne .item .btnsup:hover
{
	background:url(/images_gray/affichage-externe/boutons/sup-on.jpg) no-repeat;
}

#AffichExterne .cadre .colonne .item .btninf
{
	width:42px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/inf-off.jpg) no-repeat;
}

#AffichExterne .cadre .colonne .item .btninf:hover
{
	background:url(/images_gray/affichage-externe/boutons/inf-on.jpg) no-repeat;
}

#AffichExterne .cadre .contenu
{
	clear:both;
	display:inline;
	float:left;
	height:100%;
	margin-left:10px;
	width:920px;
}

#AffichExterne .cadre input.setmenu
{
	margin-left:410px;
	margin-top:10px;
	clear:both;
	display:inline;
	float:left;
	width:91px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/enregistrer-off.jpg) no-repeat;
}

#AffichExterne .cadre input.setmenu:hover
{
	background:url(/images_gray/affichage-externe/boutons/enregistrer-on.jpg) no-repeat;
}

#AffichExterne .cadre .colGauche
{
	background-color:#BFBFBF;
	display:inline;
	float:left;
	height:100%;
	margin-left:15px;
	width:200px;
}

#AffichExterne .cadre .colGauche .titre
{
	background:#BFBFBF;
	border:0 none;
	clear:both;
	display:inline;
	float:left;
	font-size:10px;
	height:20px;
	margin-top:10px;
	padding:0;
	text-align:center;
	width:100%;
}

#AffichExterne .cadre .colGauche .item
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:17px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	width:195px;
}

#AffichExterne .cadre .colGauche .item:hover
{
	background-color:White;
}

#AffichExterne .cadre .colGauche .item .titre
{
	background:none;
	display:inline;
	float:left;
	height:17px;
	margin:0;
	text-align:left;
	width:160px;
	cursor:pointer;
	font-weight:normal;
}

#AffichExterne .cadre .colGauche .item .del
{
	display:inline;
	float:right;
	width:17px;
	height:17px;
	cursor:pointer;
	background:none;
	margin-right:10px;
	margin-top:-2px;
}

#AffichExterne .cadre .colGauche .item:hover .del
{
	background:url(/images_gray/affichage-externe/boutons/del-off.jpg) no-repeat;
}

#AffichExterne .cadre .colGauche .item:hover .del:hover
{
	background:url(/images_gray/affichage-externe/boutons/del-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite
{
	display:inline;
	float:left;
	height:100%;
	margin-left:15px;
	width:695px;
}

#AffichExterne .cadre .colDroite .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
	margin-top:10px;
}

#AffichExterne .cadre .colDroite .ligne.validate
{
	text-align:center;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addinfo
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/add-information-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addinfo:hover
{
	background:url(/images_gray/affichage-externe/boutons/add-information-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifinfo
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/modif-information-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifinfo:hover
{
	background:url(/images_gray/affichage-externe/boutons/modif-information-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addevt
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/add-evenement-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addevt:hover
{
	background:url(/images_gray/affichage-externe/boutons/add-evenement-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifevt
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/modif-evenement-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifevt:hover
{
	background:url(/images_gray/affichage-externe/boutons/modif-evenement-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addloisir
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/add-loisir-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addloisir:hover
{
	background:url(/images_gray/affichage-externe/boutons/add-loisir-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifloisir
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/modif-loisir-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.modifloisir:hover
{
	background:url(/images_gray/affichage-externe/boutons/modif-loisir-on.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addphoto
{
	width:145px;
	height:31px;
	cursor:pointer;
	border:0px;
	background:url(/images_gray/affichage-externe/boutons/add-photo-off.jpg) no-repeat;
}

#AffichExterne .cadre .colDroite .ligne.validate input.addphoto:hover
{
	background:url(/images_gray/affichage-externe/boutons/add-photo-on.jpg) no-repeat;
}



#AffichExterne .cadre .colDroite .colonne
{
	display:inline;
	float:left;
	height:250px;
	margin-left:5px;
	margin-top:10px;
	width:226px;
}

#AffichExterne .cadre .colDroite .colonne .item
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}

#AffichExterne .cadre .colDroite .ligne .value
{
	display:inline;
	float:left;
	height:100%;
	margin-left:10px;
	width:60px;
	font-family:Verdana;
	font-size:11px;
}

#AffichExterne .cadre .colDroite .ligne .saisie
{
	display:inline;
	float:left;
	height:100%;
	margin-left:10px;
	width:615px;
}

/****************************************************************************************************/
/****************************************************************************************************/
/**************************************** SECTION PARENT ********************************************/
/****************************************************************************************************/
/****************************************************************************************************/

/**************************************** HEADER ********************************************/

#Menu .items_menu .item_parent_accueil
{
	display:inline;
	float:left;
	width:130px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/accueil-off.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_accueil_selected
{
	display:inline;
	float:left;
	width:130px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/accueil-on.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_accueil:hover
{
	background:url(/images_gray/parent/menu-top/accueil-on.jpg) no-repeat;
}

#Menu .items_menu .item_parent_edt
{
	display:inline;
	float:left;
	width:155px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/edt-off.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_edt_selected
{
	display:inline;
	float:left;
	width:155px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/edt-on.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_edt:hover
{
	background:url(/images_gray/parent/menu-top/edt-on.jpg) no-repeat;
}

#Menu .items_menu .item_parent_doc
{
	display:inline;
	float:left;
	width:111px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/documents-off.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_doc_selected
{
	display:inline;
	float:left;
	width:111px;
	height:100%;
	margin-left:1px;
	background:url(/images_gray/parent/menu-top/documents-on.jpg) no-repeat;
	cursor:pointer;
}

#Menu .items_menu .item_parent_doc:hover
{
	background:url(/images_gray/parent/menu-top/documents-on.jpg) no-repeat;
}

/**************************************** RECAP PARENT ********************************************/

#RecapParent
{
	clear:both;
	display:inline;
	float:left;
}

#RecapParent .colGauche
{
	clear:both;
	display:inline;
	float:left;
	margin-left:50px;
	width:200px;
}

#RecapParent .colGauche .menu
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}

#RecapParent .colGauche .menu .item
{
	clear:both;
	display:inline;
	float:left;
	width:200px;
	height:36px;
	margin-bottom:3px;
	cursor:pointer;
}

#RecapParent .colDroite
{
	display:inline;
	float:left;
	height:auto;
	margin-left:10px;
	width:300px;
}

#RecapParent .centre
{
	display:inline;
float:left;
margin-left:10px;
width:400px;
}

#RecapParent .centre .titre
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	width:100%;
}

#RecapParent .centre .ligneRatio
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	margin-bottom:5px;
	text-align:center;
	width:100%;
}

#RecapParent .centre .recap
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:auto;
}

#RecapParent .centre .recap .valeur
{
	background:url(/images_gray/parent/recap/bg-occurence.jpg) no-repeat;
	clear:both;
	display:inline;
	float:left;
	height:26px;
	width:100%;
	margin-bottom:5px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
    cursor:default;
}

#RecapParent .centre .recap .valeur:hover
{
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}

#RecapParent .centre .recap .valeur .item
{
	color:#000000;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-top:7px;
}

/**************************************** DOCUMENTS ********************************************/

#Document
{
	clear:both;
	display:inline;
	float:left;
}

#Document .colGauche
{
	clear:both;
	display:inline;
	float:left;
	margin-left:20px;
	width:200px;
}

#Document .colGauche .menu
{
	clear:both;
	display:inline;
	float:left;
	width:199px;
}

#Document .colGauche .menu .item
{
	border:1px solid #CFCFCF;
	cursor:pointer;
	display:inline;
	padding:5px;
	margin-top: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #F2F2F2;
	width:170px;
	margin-left:10px;
	font-family:Verdana;
	clear:both;
	float:left;
}

#Document .colGauche .menu .item:hover {
	background-color: white;
	border:1px solid #00C9F3;
}
#Document .colGauche .menu .item.selected {
	color: Black;
	background-color: #FFFFFF;
}

#Document .centre
{
	display:inline;
	float:left;
	margin-left:10px;
	width:930px;
}

#Document .centre .onglets
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	width:100%;
}

#Document .centre .onglets .onglet
{
	cursor:pointer;
	display:inline;
	float:left;
	height:20px;
	margin-right:20px;
	text-align:center;
	clear:none;
	margin-top:0px;
}

#Document .centre .onglets .onglet.recu
{
	width:118px;
	background:url(/images_gray/documents/already_doc/doc_recu-off.jpg) no-repeat;
}

#Document .centre .onglets .onglet.recu:hover
{
	background:url(/images_gray/documents/already_doc/doc_recu-on.jpg) no-repeat;
}

#Document .centre .onglets .onglet.document
{
	width:150px;
	background:url(/images_gray/documents/already_doc/mes-documents-off.jpg) no-repeat;
}

#Document .centre .onglets .onglet.document:hover
{
	background:url(/images_gray/documents/already_doc/mes-documents-on.jpg) no-repeat;
}

#Document .centre .onglets .onglet.upload
{
	width:216px;
	background:url(/images_gray/documents/already_doc/new_doc-off.jpg) no-repeat;
}

#Document .centre .onglets .onglet.upload:hover
{
	background:url(/images_gray/documents/already_doc/new_doc-on.jpg) no-repeat;
}

#Document .centre .contentOnglet
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	margin-top:10px;
	width:100%;
}

#Document .centre .contentOnglet .titre
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:auto;
	margin-top:10px;
	width:100%;
}

#Document .centre .contentOnglet #ErrorInfos
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	margin-left:90px;
}

#Document .centre .contentOnglet .ligne
{
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	width:100%;
}

#Document .centre .contentOnglet .ligne .btnChargerdoc
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:216px;
	height:20px;
	border:0px;
	cursor:pointer;
	margin-top:10px;
	margin-left:90px;
	background:url(/images_gray/professeur/admin_professeur/btn_chargerDocument-off.jpg) no-repeat;
}

#Document .centre .contentOnglet .ligne .btnChargerdoc:hover
{
	background:url(/images_gray/professeur/admin_professeur/btn_chargerDocument-on.jpg) no-repeat;
}


#Document .centre .contentOnglet .ligne .title
{
	display:inline;
	float:left;
	margin-top:2px;
	width:90px;
}

#Document .centre .contentOnglet .ligne .value
{
	display:inline;
	float:left;
	width:auto;
}

#Document .centre .contentOnglet .ligne .plus
{
	display:inline;
	float:left;
	font-size:10px;
	margin-top:10px;
	width:200px;
	cursor:pointer;
	color:#8F8F8F;
	margin-left:10px;
}

#Document .centre .contentOnglet .ligne .plus:hover
{
	text-decoration:underline;
}

#Document .centre .titre
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	width:100%;
}

#Document .centre .docs
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:auto;
}

#Document .centre .docs .item
{
	background-color:#F2F2F2;
	border-bottom:1px none;
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:12px;
	height:23px;
	margin-bottom:2px;
	width:100%;
}

#Document .centre .docs .titre
{
	display:inline;
	float:left;
	height:18px;
	margin-left:15px;
	margin-top:5px;
	width:400px;
	cursor:pointer;
}

#Document .centre .docs .date
{
	display:inline;
	float:left;
	height:18px;
	margin-top:5px;
	width:auto;
}

#Document .centre .docs .DL
{
	cursor:pointer;
	display:inline;
	float:right;
	height:100%;
	width:32px;
	background:url(/images_gray/documents/already_doc/dl-off.jpg) no-repeat;
}

#Document .centre .docs .DL:hover
{
	background:url(/images_gray/documents/already_doc/dl-on.jpg) no-repeat;
}

#Document .centre .docs .delete
{
	cursor:pointer;
	display:inline;
	float:right;
	height:100%;
	width:32px;
	background:url(/images_gray/documents/already_doc/delete-off.jpg) no-repeat;
}

#Document .centre .docs .delete:hover
{
	background:url(/images_gray/documents/already_doc/delete-on.jpg) no-repeat;
}

#Document .centre .docs .DL a
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:100%;
}

#Contact
{
	width:500px; 
	height:300px; 
	float:left; 
	display:inline; 
	overflow:hidden;
	clear:both; 
	background:url(/images_gray/structure/divers/popup_contact.jpg) no-repeat;
}

#Contact a
{
	overflow:hidden;
	text-decoration:none;
	font-family:Verdana;
	font-size:11px;
	color:Gray;
	margin:0px;
	padding:0px;
	margin-top:212px; 
	margin-left:220px;
	float:left;
	display:inline;
	clear:both;
}

#Contact a:hover
{
	color:Black;
}

/****************************************************************************************************/
/****************************************************************************************************/
/**************************************** SECTION PROFESSEUR ****************************************/
/****************************************************************************************************/
/****************************************************************************************************/

#Requete
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:30px;
	width:940px;
	font-family:Verdana;
	font-size:11px;
	margin-top:10px;
}

#Requete .titre
{
	clear:both;
	display:inline;
	float:left;
	height:16px;
	width:217px;
	margin-left:30px;
	background:url(/images_gray/professeur/admin_professeur/suggestion_titre.jpg) no-repeat;
}

#Requete .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-top:20px;
	width:100%;
}

#Requete .ligne .btnEnvoyerDemande
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	width:216px;
	height:20px;
	background:url(/images_gray/professeur/admin_professeur/btn_envoyerDemande-off.jpg) no-repeat;
	border:0px;
	cursor:pointer;
	margin-left:362px;
}

#Requete .ligne .btnEnvoyerDemande:hover
{
	background:url(/images_gray/professeur/admin_professeur/btn_envoyerDemande-on.jpg) no-repeat;
}

#Requete .ligne .text
{
	display:inline;
	float:left;
	height:20px;
	margin-top:2px;
	width:80px;
}

#Requete .ligne .value
{
	display:inline;
	float:left;
	height:auto;
	width:860px;
}

#Requete .recapDemande
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
}

#Requete .recapDemande #CurrentDemande
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:auto;
}

#Requete .recapDemande .title
{
	clear:both;
	display:inline;
	float:left;
	font-size:12px;
	height:18px;
	width:100%;
}

#Requete .recapDemande .item
{
	display:inline;
	float:left;
	padding-top:4px;
}

#Requete .recapDemande .title .itemdate
{
	display:inline;
	float:left;
	height:18px;
	width:150px;
	background:url(/images_gray/professeur/admin_professeur/date.jpg) no-repeat;
}

#Requete .recapDemande .title .itemtitre
{
	display:inline;
	float:left;
	height:18px;
	width:600px;
	background:url(/images_gray/professeur/admin_professeur/titre.jpg) no-repeat;
}

#Requete .recapDemande .title .itemetat
{
	display:inline;
	float:left;
	height:18px;
	width:150px;
	background:url(/images_gray/professeur/admin_professeur/etat.jpg) no-repeat;
}

#Requete .recapDemande .ligne
{
	border-bottom:1px solid #CFCFCF;
	clear:both;
	display:inline;
	float:left;
	height:20px;
	margin:0;
	width:100%;
}

#Requete .recapDemande .ligne:hover
{
	background-color:#DFDFDF;
}

/****************************************************************************************************/
/****************************************************************************************************/
/**************************************** SECTION ADMINISTRATION ****************************************/
/****************************************************************************************************/
/****************************************************************************************************/

#Zone_AdminVieScolaire
{
	float:left;
	display:inline;
	overflow:hidden;
	width:690px;
	margin-left:25px;
}

#Zone_AdminVieScolaire .menu
{
	float:left;
	clear:both;
	float:left;
	display:inline;
	overflow:hidden;
	margin-top:10px;
	width:100%;
}

#Zone_AdminVieScolaire .menu .retards
{
	float:left;
	display:inline;
	overflow:hidden;
	width:162px;
	height:25px;
	cursor:pointer;
	background:url(/images_gray/administration/retards-off.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .retards:hover
{
	background:url(/images_gray/administration/retards-on.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .absences
{
	float:left;
	display:inline;
	overflow:hidden;
	width:162px;
	height:25px;
	cursor:pointer;
	margin-left:11px;
	background:url(/images_gray/administration/absences-off.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .absences:hover
{
	background:url(/images_gray/administration/absences-on.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .avertissements
{
	float:left;
	display:inline;
	overflow:hidden;
	width:162px;
	height:25px;
	cursor:pointer;
	margin-left:11px;
	background:url(/images_gray/administration/avertissements-off.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .avertissements:hover
{
	background:url(/images_gray/administration/avertissements-on.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .colles
{
	float:left;
	display:inline;
	overflow:hidden;
	width:162px;
	height:25px;
	cursor:pointer;
	margin-left:11px;
	background:url(/images_gray/administration/colles-off.jpg) no-repeat;
}

#Zone_AdminVieScolaire .menu .colles:hover
{
	background:url(/images_gray/administration/colles-on.jpg) no-repeat;
}

#Zone_AdminVieScolaire .item
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	width:682px;
	height:26px;
	margin-top:10px;
	background:url(/images_gray/administration/bg-occurence.jpg) no-repeat;
}

#Zone_AdminVieScolaire .item .subitem
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin-top:6px;
	margin-left:25px;
}


/*************************************** AFFICHAGE EXTERNE **************************************************/
/************************************************************************************************************/

#MainFake_affichageExterne
{
	clear:both;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


#Main_AffichageExterne
{
	display:inline;
	float:left;
	height:auto;
	margin-left:-1px;
	width:100%;
}

#Content_affichageExterne
{
	clear:both;
	display:inline-block;
	float:left;
	height:auto;
	width:100%;
	background:#EFEFEF;
}


#AffichageExterne
{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	margin-top:2%;
	overflow:hidden;
		
}

#AffichageExterne .ContentAffichageExterne
{
	clear:both;
	display:inline;
	float:left;
	height:100%;
	width:1000000px;
}

#AffichageExterne .ContentAffichageExterne .item
{
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau
{
	height:172px;
	left:6px;
	position:absolute;
	top:5px;
	width:295px;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.info
{
	background:url(/images_gray/affichage-externe/bandeau-info.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.evt
{
	background:url(/images_gray/affichage-externe/bandeau-evt.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.abs
{
	background:url(/images_gray/affichage-externe/bandeau-abs.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.convoc
{
	background:url(/images_gray/affichage-externe/bandeau-convoc.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.loisir
{
	background:url(/images_gray/affichage-externe/bandeau-loisir.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.menu
{
	background:url(/images_gray/affichage-externe/bandeau-menu.png) no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bandeau.photo
{
	background:url(/images_gray/affichage-externe/bandeau-photo.png) no-repeat;
	margin-top:0px;
}

#AffichageExterne .ContentAffichageExterne .item .top
{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:10px;
}

#AffichageExterne .ContentAffichageExterne .item .top .left
{
	float:left;
	display:inline;
	width:10px;
	height:10px;
	background:url("/images_gray/affichage-externe/corner-top-left.jpg") no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .top .center
{
	float:left;
	display:inline;
	width:98%;
	height:10px;
	background:url("/images_gray/affichage-externe/repete-top.jpg") repeat-x;
}

#AffichageExterne .ContentAffichageExterne .item .top .right
{
	float:left;
	display:inline;
	width:10px;
	height:10px;
	background:url("/images_gray/affichage-externe/corner-top-right.jpg") no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .middle
{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:97%;
}

#AffichageExterne .ContentAffichageExterne .item .middle .left
{
	float:left;
	display:inline;
	width:10px;
	height:100%;
	background:url("/images_gray/affichage-externe/repete-left.jpg") repeat-y;
}

#AffichageExterne .ContentAffichageExterne .item .middle .center
{
	float:left;
	display:inline;
	width:98%;
	height:100%;
	background-color:White;
}

#AffichageExterne .ContentAffichageExterne .item .middle .right
{
	float:left;
	display:inline;
	width:10px;
	height:100%;
	background:url("/images_gray/affichage-externe/repete-right.jpg") repeat-y;
}

#AffichageExterne .ContentAffichageExterne .item .bottom
{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:10px;
}

#AffichageExterne .ContentAffichageExterne .item .bottom .left
{
	float:left;
	display:inline;
	width:10px;
	height:10px;
	background:url("/images_gray/affichage-externe/corner-bottom-left.jpg") no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .bottom .center
{
	float:left;
	display:inline;
	width:98%;
	height:10px;
	background:url("/images_gray/affichage-externe/repete-bottom.jpg") repeat-x;
}

#AffichageExterne .ContentAffichageExterne .item .bottom .right
{
	float:left;
	display:inline;
	width:10px;
	height:10px;
	background:url("/images_gray/affichage-externe/corner-bottom-right.jpg") no-repeat;
}

#AffichageExterne .ContentAffichageExterne .item .titre
{
	clear:both;
	color:#6F6F6F;
	display:inline;
	float:left;
	font-family:Arial;
	font-size:30px;
	height:auto;
	text-align:center;
	width:100%;
}

#AffichageExterne .item .title
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
	text-align:center;
	font-size:22px;
	font-family:Verdana;
	color:#8F8F8F;
}

#AffichageExterne .item .content
{
	clear:both;
	font-family:Verdana;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:90%;
}

#AffichageExterne .item .content.semi
{
	float:left;
	display:inline;
	width:49.9%;
	height:80%;
	overflow:hidden;
	clear:none;
}

#AffichageExterne .item .content .ligne
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
	text-align:center;
	font-size:18px;
	margin-top:2%;
}

#AffichageExterne .item .photo
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
	text-align:center;
	margin-top:5px;
}

#AffichageExterne .item .photo.semi
{
	float:left;
	display:inline;
	width:49.9%;
	height:80%;
	overflow:hidden;
	clear:none;
}

/****************************************** STATISTIQUE *****************************************************/
/************************************************************************************************************/


#Stats .colGauche
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	margin-left:20px;
	width:200px;
}

#Stats .colGauche .eleve
{
	clear:both;
	display:inline;
	float:left;
	cursor:pointer;
	height:15px;
	font-size:11px;
	padding-left:40px;
	padding-top:5px;
	width:160px;
	border:0px;
	background:none;
	font-weight:normal;
	margin-top:0px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:0px;
	padding-right:0px;
}

#Stats .colGauche .eleve:hover
{
	text-decoration:underline;
}

#Stats .colGauche .eleve.selected
{
	background:#FFFFFF;
}

#Stats .mainCadre 
{
	display:inline;
	float:left;
	height:auto;
	margin-left:15px;
	width:690px;
	margin-top:15px;
}