@charset "ISO-8859-1";

#contenu .submitted{
	display: none;
}
	
/* ------------------------------ texte ----------------------- */
#contenu {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5e5e60;
	text-align: justify;
}
/*#contenu .justifie {
		text-align: justify;
	}
	#contenu p {
	text-align: justify;
	}*/
		#contenu .blanc {
			color: #FFFFFF;
		}
		#contenu .textePetit {
			font-size: 9px;
			font-weight: normal;
		}
		#contenu div.legende {
			float: left;
			font-size: 10px;
			font-weight: normal;
			color: #999999;
			clear: both;
		}
		#contenu .date {
			text-align: right;
			font-size: 10px;
		}
		#contenu p.bottom {
			vertical-align: bottom;
		}
		#contenu p.textePetit {
			font-size: 10px;
		}
/* ----------------------------------- liens ---------------------------------- */
		#contenu a.suite  ,
		#contenu ul li.suite a,
		#contenu div a.suiterecherche,
		#contenu p.suite a {
			font-size: 10px;
			text-transform: uppercase;
			background-image: url(../../images/pipe.gif);
			background-repeat: no-repeat;
			padding-left: 5px;
			margin-left: 5px;
			font-style: normal;
		}
	#contenu a.neutre {
		color: #5e5e60;
		text-decoration: none;
	}
	#contenu a.neutre:hover {
		text-decoration: underline;
	}
		#contenu ul li.suite {
			text-align: right;
			padding-left: 0px;
			margin-left: 0px;
			background-image: none;
		}
	#contenu p.suite {
		text-align: right;
		padding-left: 0px;
		margin-left: 0px;
		background-image: none;
	}
	#contenu div.right {
		text-align: right;
		margin: 0 5px 5px 3px;
	}
		#contenu div.right a {
			font-size: 10px;
			text-transform: uppercase;
		}
	#contenu div.left {
		text-align: left;
	}
		#contenu div.left a {
			font-size: 10px;
			text-transform: uppercase;
		}
/* ----------------------------------- liste ---------------------------------- */
	#contenu ul {
		padding: 0px;
		margin: 0px;
	}
	#contenu ul.bleu {
		padding: 0px 20px 0px 20px;
		margin: 10px 0px 10px 0px;
		color: #326BB1;
	}
		#contenu ul li {
			list-style-type: none;
			background-image:  url(/pictos/etudiants/fleche_puce-gris-7x12.gif);
			background-repeat: no-repeat;
			padding: 0px 0px 0px 8px;
			text-align: justify;
		}
		#contenu ul.carre li {
			list-style-type: square;
			background-image: none;
			margin: 0px 0px 0px 8px;
		}
/*---------------------------------- contenu titre ---------------------------------*/
	#contenu h1,
	#contenu h2,
	#menuDroite h2,
	#menuDroite h3,
	#contenu h3,
	#contenu h4,
	#contenu h1 a,
	#contenu h2 a,
	#contenu h3 a,
	#contenu h4 a {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #7B2D8E;
		text-align: left;
		font-weight: normal;
		margin: -3px 0px 1px 0px;
		padding: 0px;
		/*text-transform: uppercase;*/
	}
/*#contenu h1 {
	font-size: 21px;
}
#contenu h2 {
	font-size: 17px;
}*/
	#contenu h1 {
		font-size: 23px;
		text-transform: none;
		margin-bottom: 5px;
	}
	#contenu h2 {
		font-size: 18px;
		text-transform: none;
		margin-bottom: 5px;
	}
	#contenu h1:first-letter,
	#contenu h2:first-letter,
	#contenu h4:first-letter{
		text-transform: uppercase;
	}
	#contenu h3 {
		font-size: 13px;
		text-transform: uppercase;
	}
	#contenu h4 {
		font-size: 13px;
		font-weight: bold;
		margin: 0px;text-transform: uppercase;
	}
		#contenu div.halfGauche h3,
		#contenu div.halfDroite h3 {
			margin: 0px 0px 1px 0px;
		}
/*---------------------------------- contenu boxrecherche ------------------------*/
	#contenu div.boxrecherche {
		margin-bottom: 10px;
		color: #666666;
		background-color: #E8E8E8;
		padding: 4px 4px 4px 4px;
	}
/*---------------------------------- contenu box ---------------------------------*/
	#contenu .primaire,
	#contenu div.box,
	#contenu div.box1,
	#contenu div.boxPictures,
	#contenu div.box3,
	#contenu div.box2,
	#contenu div.box4 {
		margin-bottom: 10px;
		color: #666666;
	}
	#contenu div.box1,
	#contenu div.box3,
	#contenu div.boxPictures {
		background-color: #F6F6F6;
		border: 1px solid #CCCCCC;
	}
	#contenu div.box2,
	#contenu div.box4,
	#contenu div.boxPictures {
		background-color: #F9FDFF;
		border: 1px solid #CCCCCC;
	}
		#contenu div.box2 h3 {
			padding: 2px 5px 2px 5px;
			background-color: #D2EDFC;
			margin: 0px;
		}
		#contenu div.box1 h5,
		#contenu div.box h5 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
		}
		#contenu div.box1 h3,
		#contenu div.boxPictures h3 {
			padding: 2px 5px 2px 5px;
			background-color: #E9E9E9;
			margin: 0px;
		}
			#contenu div.box1 h3 a,
			#contenu div.box2 h3 a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: none;
				float: right;
			}
		#contenu div.box1 div.comment{
			border-top: 1px solid #DDD;
			margin: 0;
			padding: 0;
		}
			#contenu div.box1 div.comment div.titre {
				padding: 3px 5px 3px 5px;
				background-color: #F0F0F0;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				font-weight: normal;
				font-size: 11px;
				margin:0;
			}
			#contenu div.box1 div.comment div.texte{
			clear: both;
			text-align: justify;
			padding: 3px 5px 3px 5px;
			}
		#contenu div.box1 div.contenant,
		#contenu div.box2 div.contenant {
			padding: 5px;
		}
			#contenu div.box2 div.contenant p {
				padding: 5px 0px 0px 0px;
				color: #414141;
			}
			#contenu div.box1 div.contenant p {
				padding: 5px 0px 0px 0px;
			}
			#contenu div.box1 div.contenant ul {
				margin-top: 10px;
			}
			#contenu div.box1 div.contenant table tr td:first-letter,
			#contenu div.box2 div.contenant table tr td:first-letter
			{
				text-transform: uppercase;
			}
				#contenu div.box1 div.contenant ul li {
					list-style-type: none;
					background-image: url(../../images/V_box.png);
					min-height: 22px;
					background-position: 2px 0px;
					padding: 2px 0px 5px 25px;
				}
		#contenu div.boxPictures div.contenant {
			padding: 5px 5px 0px 5px;
		}
		#contenu div.boxPictures div.contenant2 {
			padding: 5px 0px 5px 0px;
			text-align: center;
		}
/*#contenu div.boxPictures div.contenant img {
				margin: 0px;
				padding: 0px;
				border: 0;
				float: left;
			}*/
	/*#contenu div.boxPictures div.contenant table.galery {
				width: 100%;	
			}
			#contenu div.boxPictures div.contenant table.galery td {
				height: 136px;
				text-align: center;
				vertical-align: middle;
			}*/
			#contenu div.boxPictures div.contenant div.image {
				width: 120px;
				float: left;
				margin: 0px 5px 5px 0px;
			}
			#contenu div.boxPictures div.contenant div.texte {
				float: right;
				width: 290px;
				margin: 0px 5px 5px 0px;
				padding: 0;
			}
				#contenu div.boxPictures div.contenant div.texte a {
					margin: 0px;
				}
				#contenu div.boxPictures div.contenant h4 a {
					color: #7B2D8E;
					text-align: left;
					font-size: 12px;
					margin: 5px 0px 0px 0px;
					padding: 0px;
					text-decoration: none;
					font-weight: normal;
					/*font-weight: bold;*/
				}
			#contenu div.boxPictures div.contenant table {
				margin: 0;
				padding: 0;
				border: 0;
			}
				#contenu div.boxPictures div.contenant table.tier td {
					width: 33.3333%;
					padding: 5px 0px 5px 0px;
					text-align: center;
					vertical-align: middle;
				}
					#contenu div.boxPictures div.contenant table.tier td p {
						margin: 0;
						padding: 0;
						font-size: 10px;
					}
			#contenu div.boxPictures div.contenant div.photo {
				width: 428px;
				margin: 0px;
				padding: 0px 0px 5px 0px;
				text-align: center;
			}
		#contenu div.boxPictures div.navi {
			margin: 5px 0px 0px 0px;
			padding: 5px 5px 0px 5px;
			background-color: #E9E9E9;
			height: 15px;
		}
			#contenu div.boxPictures div.navi div.droite,
			#contenu div.boxPictures h3 div.droite {
				float: right;
				margin: 0px;
				padding: 0px;
				width: auto;
			}
			#contenu div.boxPictures div.navi div.gauche,
			#contenu div.boxPictures div.navi div.vote {
				float: left;
				margin: 0px;
				padding: 0px;
				width: auto;
			}
		#contenu div.boxPictures div.ligne {
			clear: both;
			margin-bottom: 5px;
			border-top: 1px solid #CCCCCC;
		}
		#contenu table.box img {
			padding-right: 10px;
			padding-bottom: 10px;
		}
		#contenu table.box td {
			vertical-align: top;
		}
			#contenu table.box td ul {
				margin: 0px;
				padding: 0px;
			}
			#contenu table.box td li {
				vertical-align: top;
			}
	#contenu div.imageTexte {
		margin-bottom: 10px;
		clear: both;
	}
		#contenu div.imageTexte div.img {
			float: left;
		}
		#contenu div.imageTexte div.texte {
			float: left;
		}
	#contenu div.imageTexteHalf,
	#contenu div.imageTexteQuarter,
	#contenu div.imageTexteThird,
	#contenu div.full {
		width: 100%;
		margin-bottom: 10px;
		clear: both;
}
		#contenu div.imageTexteHalf div.img,
		#contenu div.imageTexteQuarter div.img,
		#contenu div.imageTexteThird div.img {
			float: left;
			display: block;
		}
		#contenu div.imageTexteHalf div.texte,
		#contenu div.imageTexteQuarter div.texte,
		#contenu div.imageTexteThird div.texte {
			float: right;
			text-align: justify;
		}
		#contenu div.imageTexteHalf div.img {
			width: 215px;
		}
		#contenu div.imageTexteHalf div.texte {
			width: 215px;
		}
		#contenu div.imageTexteQuarter div.img {
			width: 102px;
		}
		#contenu div.imageTexteQuarter div.texte {
			width: 328px;
		}
		#contenu div.imageTexteThird div.img {
			width: 140px;
		}
		#contenu div.imageTexteThird div.texte {
			width: 290px;
		}
	#contenu div.halfGauche {
		width: 49%;
		float: left;
		margin-bottom: 10px;
	}
	#contenu div.halfDroite {
		width: 49%;
		float: right;
		margin-bottom: 10px;
	}
	#contenu div.gauche {
		width: 50%;
		float: left;
	}
	#contenu div.droite {
		width: 50%;
		float: right;
		text-align: right;
	}
	#contenu div.droite2 {
		width: 50%;
		float: right;
	}
/*------------------------------------- news -------------------------------------*/
	#contenu table.tablenews {
		clear: left;
		border-top: 1px solid silver;
	}
		#contenu .tablenews td {
			padding: 8px 0px 8px 10px;
			vertical-align: top;
			text-align: justify;
			border-bottom: 1px solid silver;
		}
			#contenu .tablenews td h3 {
				margin: 0px;
				padding: 0px;
				font-size: 100%;
				color: #326BB1;
				text-align: left;
			}
			#contenu .tablenews td a {
				font-size: 80%;
				font-style: italic;
			}
/* On enleve le padding sur la première td de la tablenews, qui contient l'image*/
		#contenu .tablenews tr>td:first-child {
			padding-left: 0px;
		}
/*------------------------------------------- page ???? -----------------------------*/
	#contenu div.pages {
		font-weight: bold;
		margin-bottom: 7px;
	}
/* ------------------------------------ marge --------------------------------- */
	#contenu .espaceHautA {
		margin-top: 10px;
	}
	#contenu .espaceBasA {
		padding-bottom: 10px;
	}
	#contenu .espaceGaucheA {
		padding-left: 10px;
	}
	#contenu .espaceDroiteA {
		padding-right: 10px;
	}
	#contenu .espaceHautB {
		padding-top: 5px;
	}
	#contenu .espaceBasB {
		padding-bottom: 5px;
	}
	#contenu .espaceGaucheB {
		padding-left: 5px;
	}
	#contenu .espaceDroiteB {
		padding-right: 5px;
	}
/* ----------------------------- ligne & cadre -------------------------- */
	#contenu .ligneHaut {
		border-top: 1px solid #999999;
	}
	#contenu .ligneHautLarge {
		border-top: 3px solid #999999;
	}
	#contenu .ligneHautClair {
		border-top: 1px solid #CCCCCC;;
	}
	#contenu .ligneBas,
	#contenu td.ligneBas {
		border-bottom: 1px solid #999999;
	}
	#contenu .ligneBasClair {
		border-bottom: 1px solid #CCCCCC;
	}
/* ----------------- formulaire pour page login ---------------- */
	#contenu table.formulaire2 {
		padding: 5px;
	}
	#contenu table.formulaire2 td {
		padding: 0px;
		padding-right: 5px;
		padding-bottom: 1px;
	}
	#contenu .error {
		color: red;
	}
	#contenu input {
		margin: 5px 0 5px 5px;
	}
/* ----------------- formulaire ---------------- */
	#contenu .bouton,
	#contenu .bouton2,
	#contenu .bouton3,
	#contenu .bouton4,
	#contenu .boutonDroite,
	#contenu form.webform-client-form input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px solid #999999;
	background-color: #999999;
	padding: 0px 2px 0px 2px;
	}
	#contenu a.bouton,
	#contenu a.bouton2,
	#contenu a.boutonDroite {
		padding: 1px 5px 1px 5px;
	}
	#contenu a.bouton:first-letter,
	#contenu a.bouton2:first-letter,
	#contenu a.boutonDroite:first-letter {
		text-transform: uppercase;
	}
	#contenu .bouton2 {
		margin: 5px 0px 0px 0px;
	}
	#contenu .bouton3 {
		margin: 5px 0 0 5px;
		}
	#contenu a.bouton4 {
	margin: 5px 0 0 0;
	display: inline-block;
	}
	#contenu .boutonDroite {
		float: right;
	}
	#contenu div.form {
		vertical-align: middle;
		width: 310px;
		float: left;
	}
input.error_form[type="text"], 
input.error_form[type="password"], 
input.error_form[type="file"], 
textarea.error_form, 
select.error_form {
	background-color:#FFCCCC;
	border:1px solid #C52020;
	margin: 5px 0px 5px 5px;
}
	#contenu .champs, 
	#contenu .champs1, 
	#contenu .champs2,
	#contenu .champs3,
	#contenu .champs4,
	#contenu .champs5,
	#contenu .champs6, 
	#contenu .champs_error {
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #5E5E60;
		background-color: #FFFFFF;
		margin: 5px 0px 5px 5px;
		border: 1px solid #C4C4C4;
		
	}
	#contenu .champs1 {
		margin: 3px 0px 3px 0px;
	}
	#contenu .champs_error {
		background-color:#FFCCCC;
		border:1px solid #C52020;
	}
	#contenu .champs2 {
		font-size: 10px;
		border: 1px solid #B2B2B2;
	}
	#contenu .champs3 {
		margin: 5px 0px 0px 5px;
		width: 170px;
	}
	#contenu .champs4 {
		margin: 5px 5px 1px 0px;
		border: 1px solid #B2B2B2;
	}
	#contenu textarea.champs5 {
		margin: 3px 5px 3px 0px;
		width: 99%;
	}
	#contenu .champs6 {
		margin: 3px 3px 3px 0px;
		width: 99%;
		padding: 1px 1px 1px 2px;
	}
	#contenu .champsA {
		font-size: 11px;
		color: #5e5e60;
		background-color: #FFFFFF;
		border: 1px solid #5E5E60;
		margin: 0px;
		padding: 0px;
	}
	#contenu input.signes {
		font-size: 11px;
		color: #326BB1;
		background-color: #D2EDFC;
		border: 1px solid #97C3FF;
		width: 30px;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	#contenu div.signes {
		font-size: 11px;
		color: #326BB1;
		background-color: #D2EDFC;
		border: 1px solid #97C3FF;
		width: 30px;
		float: right;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	#contenu .ligneForm {
		border-bottom: 1px solid #E5E5E5;
		height: 25px;
	}
/*------ form standard definition------- */
	#contenu table.formulaire {
		background-color: #F9FDFF;
		padding: 5px;
		border: 1px solid #A8C6E5;
	}
		#contenu table.formulaire td {
			padding: 0px 5px 3px 0px;
		}
	#contenu .error {
		color: red;
	}
	#contenu table.formulaire3 {
		margin: 5px;
	}
/* ---------------------- eturencontres : messagerie interne ------------------ */
	#contenu tr.message_non_lu {
		background-color: #67AE25;
		color: white;
		font-weight: bold;
		vertical-align: middle;
	}
	#contenu tr.message_lu {
		background-color: #FFFFFF;
		color: #308ECB;
		font-weight: normal;
		vertical-align: middle;
	}
/*------------------------------- galeries : crop d'image ------------------------*/
	#contenu #bloc_recadre {
		width: 120px;
		height: 160px;
		position: absolute;
		background: url(/images/galeries_blanc.png);
		filter: alpha(opacity = 50);
		border: 1px solid #000;
	}
	#contenu .highlight {
		color: #326BB1;
	}
/*------------------------ style de la liste des permissions Etubox ---------------*/
	#contenu #etubox {
		width: 100%;
		margin-top: 10px;
	}
		#contenu #etubox th {
			padding: 0 5px;
		}
		#contenu #etubox td {
			padding: 0 1px;
		}
/*#contenu #etubox th.site ,
		#contenu #etubox td.site{	
		}	*/
		#contenu #etubox th.langues  , 
		#contenu #etubox td.langues {
			width: 60px;
			text-align: center;
		}
		#contenu #etubox th.etat  , 
		#contenu #etubox td.etat {
			width: 60px;
			text-align: right;
		}
		#contenu #etubox th.action  , 
		#contenu #etubox td.action {
			width: 65px;
			text-align: left;
		}
/*----------------------------------------- pictos ----------------------------------*/
	#contenu .boxPictosGauche  , 
	#contenu .boxPictosDroite {
		width: 49%;
	}
	#contenu .boxPictosGauche {
		float: left;
	}
.boxPictosDroite {
	float: left;
}
	#contenu .internalBoxImg {
		float: left;
		
	}
	#contenu .internalBoxTxt {
		margin-left: 55px;
		text-align: left;
	}
		#contenu .internalBoxTxt p {
			padding: 0 2px;
		}
		#contenu .boxPictosGauche a  ,
		#contenu .boxPictosDroite a {
			font-weight: bold;
			color: #666666;
			text-decoration: underline;
		}
		#contenu .boxPictosGauche a:hover  , 
		#contenu .boxPictosDroite a:hover {
			color: #000000;
		}
	#contenu .step {
		height: 7px;
		clear: both;
	}
/* *********** Style pour les pictures box ************* */
	#contenu div.pictureTitle {
		margin: 5px 0px;
	}
		#contenu div.pictureTitle img {
			margin-right: 5px;
			float: left;
		}
		#contenu div.pictureTitle h4 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			text-transform: none;
		}
/* ******************* Pour les tableaux ************ */
		#contenu .ligneHaut table {
			margin: 0;
		}
		#contenu .ligneHaut td {
			vertical-align: top;
		}
		#contenu .ligneHaut th {
			background-color: #CCCCCC;
		}
/* ----------------------------------------------- pair impair ----------------- */
	#contenu .pair2 {
		background-color: #FBFBFB;
	}
	#contenu .impair2 {
		background-color: #F0F0F0;
	}
	#contenu .pair {
		background-color: #FAFAFA;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#contenu .impair {
		background-color: #F2F2F2;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#contenu tr.pair:hover,
	#contenu tr.impair:hover {
		background-color: #DFEEFF;
		color: #333333;
	}
/*---------------------------------- contenu quizz ---------------------------------*/
	#contenu tr.juste {
		background-color: #D2EDFB;
		border: 1px solid #CCCCCC;
		/* background-color:#D5FFD5;
			 border:1px solid #CCCCCC;*/
		padding: 3px;
	}
	#contenu tr.faux {
		background-color: #8C499D;
		border: 1px solid #7B2D8E;
		color: #FFFFFF;
		/* background-color:#FFCACA;
			 border:1px solid #CCCCCC;*/
		padding: 3px;
	}
	#contenu tr.justeFaux {
		background-color: #8C499D;
		border: 1px solid #7B2D8E;
		color: #FFFFFF;
		/* background-color:#FFCACA;
			 border:1px solid #CCCCCC;*/
		padding: 3px;
	}
/*----------------------------------- PROFILE --------------------------------------*/
	#contenu #gaucheH {
		width: 215px;
		height: 300px;
		float: left;
	}
	#contenu #gaucheF {
		width: 150px;
		height: 300px;
		float: left;
	}
	#contenu #droite {
		width: 215px;
		margin-left: 225px;
	}
	#contenu dt {
		float: left;
		padding-top: 10px;
	}
	#contenu dd {
		margin-left: 80px;
		padding-top: 10px;
	}
	#contenu .divCodeConfirmation {
		display: inline-block;
		float: right;
		width: 100px;
	}
	#contenu div.profile {
		margin-bottom: 10px
	}
		#contenu div.profile img {
			float: left;
			width: 48px;
		}
		#contenu div.profile div {
			width: 440px;
			float: right;
			text-align: justify;
			min-height: 65px;
		}
/*-------------------------------------- boxes ----------------------------------*/
	#contenu .boxGaucheSans,
	#contenu .boxDroiteSans {
		width: 49%;
		padding: 0px;
		margin: 0px;
	}
	#contenu .boxGaucheSans {
		float: left;
		clear: both;
	}
	#contenu .boxDroiteSans {
		vertical-align: top;
		float: right;
		margin: 0px 0px 5px 0px;
	}
		#contenu .boxGaucheSans .sousTitre,
		#contenu .boxDroiteSans .sousTitre {
			font-weight: bold;
			padding: 10px 0px 0px 0px;
		}
		#contenu .boxGaucheSans p,
		#contenu .boxDroiteSans p {
			padding: 2px 0px 0px 0px;
			vertical-align: bottom;
		}
			#contenu .boxGaucheSans p img,
			#contenu .boxDroiteSans p img {
				float: left;
				margin: 0px 10px 0px 2px;
			}
			#contenu .boxGaucheSans p a,
			#contenu .boxDroiteSans p a {
				font-weight: bold;
				color: #666666;
				text-decoration: underline;
			}
			#contenu .boxGaucheSans p a:hover,
			#contenu .boxDroiteSans p a:hover {
				color: #000000;
			}
/*------------------------- tableau --------------------------*/
		#contenu table th {
			background-color: #999;
			font-weight: bold;
			color: #FFF;
			padding: 0 2px 0 2px;
		}
		#contenu table th:first-letter{
			text-transform: uppercase;
		}
	#contenu div.tableau1 {
		width: 100%;
		margin-bottom: 10px;
	}
		#contenu div.tableau1 p {
			margin-bottom: 10px;
		}
		#contenu div.tableau1 table {
			width: 100%;
		}
		#contenu div.tableau1 th {
			background-color: #FFFFFF;
			font-weight: bold;
			padding-right: 2px;
			padding-left: 3px;
		}
		#contenu div.tableau1 th:first-letter {
			text-transform: uppercase;
		}
		#contenu div.tableau1 td {
			padding-right: 2px;
			padding-left: 3px;
			padding-top: 2px;
			vertical-align: top;
		}
		#contenu div.tableau1 td:first-letter {
			text-transform: uppercase;
		}
		#contenu div.tableau1 tr.impair {
			background-color: #E6E6E6;
		}
		#contenu div.tableau1 tr.pair {
			background-color: #F6F6F6;
		}
				#contenu div.tableau1 tr:hover {
			background-color: #DFEEFF;
		}
		#contenu div.tableau1 a.tous {
			display: block;
			border-bottom: solid 1px #E6E6E6;
		}
		
		.firstup:first-letter {
			text-transform: uppercase;
		}
/*------------------------- tableau horoscope --------------------------*/
		#contenu div.horoscope2 table {
			width: 390px;
			float: right;
		}
		#contenu div.horoscope2 img {
			float: left;
		}
			#contenu div.horoscope2 table td {
				height: 16px;
				text-align: left;
			}
		#contenu div.horoscope img {
			float: left;
			border: 0 none;
			margin-right: 10px;
		}
		#contenu div.horoscope div.amour {
			float: left;
			margin-right: 10px;
			width: 100px;
		}
			#contenu div.horoscope div.amour div.barre {
				float: left;
				background-color: #CCCCCC;
				margin-right: 10px;
				width: 100px;
			}
	#contenu div.sante {
		float: left;
		margin-right: 10px;
		width: 100px;
	}
			#contenu div.horoscope div.sante div.barre {
				float: left;
				background-color: #CCCCCC;
				margin-right: 10px;
				width: 100px;
			}
	#contenu div.argent {
		float: left;
		margin-right: 10px;
		width: 100px;
	}
			#contenu div.horoscope div.argent div.barre {
				float: left;
				background-color: #CCCCCC;
				margin-right: 10px;
				width: 100px;
			}
/* -------------------------------------- infobulle -----------------------------------*/
#divinfo {
	background-color: #386FB3;
	border: solid 1px #CCCCCC;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
}
#cache {
	height: 0px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 1;
}
#resumecampagne {
	position: absolute;
	background-color: white;
	z-index: 2;
	text-align: center;
}
/* -------------------------------------- barre navigation -----------------------------------*/
	#contenu table.barreNavigation {
		float:right;
		}
	#contenu .barreNavigation {
		text-align: right;
		color: #5e5e60;
	}	
		#contenu .barreNavigation td{
			width: 16px;
			height: 16px;
			text-align: center;
			vertical-align: middle;
		}	
		#contenu .barreNavigation a {
			font-size: 12px;
			color: #386FB3;
			text-decoration: underline;
		}
		#contenu .barreNavigation a:hover,
		#contenu .barreNavigation span {
			font-size: 12px;
			color: #FFFFFF;
			text-decoration: none;
			background-image: url(/pictos/etudiants/fond-num-violet-16x16.png);
			text-align: center;
			vertical-align: middle;
			background-repeat: no-repeat;
			height: 16px;
			display: block;
			padding-top: 1px;
		}
		#contenu table.barreNavigation2 {
			width: 440px;
			border-collapse: collapse;
		}
		#contenu table.barreNavigation2 a.num {
			text-align: center;
			font-size: 12px;
			color: #FFFFFF;
			text-decoration: none;
			background-image: url(/pictos/etudiants/fond-num-violet-16x16.png);
			background-repeat: no-repeat;
			height: 16px;
			display: block;
			padding-top: 1px;
			width: 16px;
			vertical-align: middle;
		}
		#contenu table.barreNavigation2 a.num:hover {
			font-size: 12px;
			color: #FFFFFF;
			text-decoration: underline;
		}
/* -------------------------------------- memo align -----------------------------------*/
	#contenu div.centre {
		text-align: center;
	}
/* -------------------------------------- memo couleur reponse -----------------------------------*/
	#contenu div.juste {
		background-color: #D5FFD5;
		border: solid 1px #CCCCCC;
		padding: 3px;
	}
	#contenu div.faux {
		background-color: #FFCACA;
		border: solid 1px #CCCCCC;
		padding: 3px;
	}
	#contenu div.justeFaux {
		background-color: #FF9966;
		border: solid 1px #CCCCCC;
		padding: 3px;
	}
/* -------------------------------------- annonces -----------------------------------*/
	#contenu div.annonce1 {
		float: left;
	}
	#contenu div.annonce2 {
		margin: 0 0 0 100px;
	}
/*-------------------------------------- ERRORS -------------------------------*/
	#contenu div.errors {
		background-color: #8C499D;
		border: 1px solid #7B2D8E;
		color: #FFFFFF;
		padding: 5px;
		margin-top: 10px;
	}
		#contenu div.errors h1 {
			background: none;
			color: #FFFFFF;
			border: 0;
			font-size: 18px;
			font-weight: bold;
		}
			#contenu div.errors ul li {
				border: 0pt none;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				margin: 0pt 0pt 0pt 10px;
			}
/*------------------------- tableau horoscope --------------------------*/
	/*
		#contenu div.horoscope table {
			width: 390px;
			float: right;
		}
		#contenu div.horoscope img {
			float: left;
		}
		#contenu div.horoscope table td {		
			height: 16 px;
			text-align: left;		
			}			
		#contenu div.horoscope img {
			float: left;
			border: 0 none;
			margin-right: 10px;		
		}		
		#contenu div.horoscope div.amour {
			float: left;
			background-color:#33FF66;
			margin-right: 10px;
			width: 100px;
		}		
		#contenu div.sante {
			float: left;
			margin-right: 10px;
			background-color:#FF9966;
			width: 100px;
		}		
		#contenu div.argent {
			float: left;
			margin-right: 10px;
			background-color:#990066;
			width: 100px;
		}	*/