/* MAGESTIC CSS Document */

body { /* arrière plan */
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	background-image:url(../images/bg2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#bodyaccueil
{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	background-image:url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#accueil /*mise en place de index.php */
{
	position:relative;
	top:0px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:188px;
}

#accueil_2 /*mise en place de index.php v2*/
{
	position:relative;
	top:0px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:188px;
}

#div_lien_acceuil
{
	height:150px;
	width:700px;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	z-index:999;
}

#contenu2 /* mise en page centrer la page */
{
	position:relative;
	top:0px;
	width:955px;/*969px*/
	margin-left:auto;
	margin-right:auto;
	padding-top:170px;
}

/*********************************************************************************** connexion etudiant */

#contenu_etu /* mise en page centrer la page partie connexion etudiant */
{
	position:relative;
	top:0px;
	width:765px;
	margin-left:auto;
	margin-right:auto;
	padding-top:170px;
}

#menu_etu /* zone de menu en haut à gauche partie connexion etudiant */
{
	position:absolute;
	left:0;
	z-index:195;
}

#cadre_etu
{
	background-image:url(../images/cadre_etu.png);
	top:20px;
	width:728px;
	position:relative;
	z-index:194;
	left:15px;
	height:394px;
}

#footer_etu /* bas espace etudiant */
{
	background-image:url(../images/footer_etu.png);
	top:20px;
	width:728px;
	position:relative;
	z-index:193;
	left:15px;
	height:65px;
	margin-bottom:110px;
}

/*********************************************************************************** connexion etudiant */

#menu_gauche /* zone de menu à gauche pour les différents niveaux de diplome */
{
	position:absolute;
	left:40px;
	z-index:50;
	padding-top:51px;
}

#menu_gauche2 /* zone de menu à gauche pour la partie vie étudiante */
{
	position:absolute;
	padding-top:50px;
	padding-left:50px;
	z-index:50;
	left:40px;
	padding-top:101px;
}

#cote_droit
{
	width:767px;/*781*/
	position:absolute;
	left:188px;
	z-index:49;
	padding-top:18px;
}

p {
	margin:0;
	padding:0;
	padding-top:18px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#666666;
}

#ban_bleu
{
	background-image:url(../images/bleu.png);
	height:20px;
}

#milieu /*zone des textes - ici avec les sous-menu et le footer avec la photo*/
{
	background-color:#FFFFFF;
	background-image:url(../images/fond.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:50px;
	padding-left:50px;
	padding-right:20px;
	padding-top:10px;
	min-height:380px;
}

#milieu2 /*zone des textes - ici pour les textes*/
{
	background-color:#FFFFFF;
	/*background-image:url(../images/deco.jpg);
	background-position: right top;
	background-repeat:no-repeat;*/
	padding-top:10px;
	min-height:380px;
}

/* ESPACE TEMOIGNAGES ////////////////////////////////////////*/
#milieu3 /* espace temoignages */
{
	background-color:#A097C4;
	padding-top:10px;
	min-height:600px;

}

#zone_centre2
{
	padding-left:5px;
	padding-right:5px;

}

/*///////////////////////////////////////////////////////////*/

#zone_texte /* mise en page du texte */
{
	padding-left:50px;
	padding-right:20px;
}



#zone_centre /* mise en page du texte centré */
{
	padding-left:50px;
	padding-right:50px;
}

#zone_connexion /* fond pour connexion étudiant */
{
	background-image:url(../images/fond_con.png);
	background-position:right top;
	background-repeat:no-repeat;
	height:182px;
	padding-left:38px;
	padding-top:35px;
}

#zone_gris /*bande grise AVEC fleche */
{
	background-image:url(../images/gris.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#zone_gris2 /*bande grise SANS fleche */
{
	background-image:url(../images/gris2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#zone_gris3 /*bande grise AVEC foto 2filles */
{
	background-image:url(../images/gris3.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:400px;
}

#zone_retour /* bouton retour sommaire */
{
	background-image:url(../images/haut_gris.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:130px;
	padding-top:35px;
	padding-left:25px;
}

#zone_dossier /* bouton dossier candidature */
{
	padding-top:35px;
	padding-left:30px;
}

#zone_fonctionnelle_grise
{
	padding-top:35px;
	padding-left:45px;
}

#zone_gris_bas /* partie droite de la vie étudiante avec photo en bas */
{
	background-image:url(../images/bas_gris.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:130px;
	padding-top:35px;
	padding-left:25px;
}

#zone_bas /* footer pour placer le bouton telecharger AVEC bande grise + fleche */
{
	background-color:#FFFFFF;
	background-image:url(../images/bas.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:94px;
}

#zone_bas2 /* footer simple */
{
	background-color:#FFFFFF;
	background-image:url(../images/bas2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:94px;
}

#zone_bas3 /* footer pour placer le bouton telecharger avec bande grise mais SANS fleche */
{
	background-color:#FFFFFF;
	background-image:url(../images/bas3.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:94px;
}

#zone_bas4 /* footer bande grise et foto 2filless */
{
	background-color:#FFFFFF;
	background-image:url(../images/bas4.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:94px;
}

/* ############################################################################################################################################################################################ POLICES */

.blanc_12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.blanc_11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.blanc_11b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

.blanc_14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.blanc_16
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
}

.noir_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.noir_12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.noir_12b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

.noir_11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.titre_candidature {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.titre_tableau_candidature {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
}

a.noir_11:link, a.noir_11:visited, a.noir_11:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

a.noir_11:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

a.noir_11b:link, a.noir_11b:visited, a.noir_11b:active {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.noir_11b {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


a.noir_11b:hover {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.noir_16
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}

.noir_14
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

.noir_14b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.noir_16b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

.noir_20b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
}

.gris_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.gris_10:link, a.gris_10:visited, a.gris_10:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.gris_10:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}


.gris_12
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
} 

.gris_12b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;

}

.gris_14b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

.gris_11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

.gris_11b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

.bleu2_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
}

.bleu2_11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
}

.bleu2_12b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	font-weight:bold;
}

.bleu2_20b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#003366;
	font-weight:bold;
}

a.bleu2_14b:link, a.bleu2_14b:visited, a.bleu2_14b:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}

a.bleu2_14b:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	text-decoration:underline;
}

.rouge_10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#e2001a;
	text-decoration:none;
}

.rouge_11b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2001a;
	font-weight:bold;
}

.rouge_11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2001a;
	text-decoration:none;
}

a.r_11:link, a.r_11:visited, a.r_11:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2001a;
	text-decoration:none;
}

a.r_11:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2001a;
	text-decoration:underline;
}

.rouge_12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e2001a;
}

.rouge_12b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e2001a;
	font-weight:bold;
	text-decoration:none;
}

a.rouge_12b:link, a.rouge_12b:visited, a.rouge_12b:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e2001a;
	font-weight:bold;
	text-decoration:none;
}

a.rouge_12b:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e2001a;
	font-weight:bold;
	text-decoration:underline;
}

.rouge_14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e2001a;
}

.rouge_14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e2001a;
	font-weight:bold;
}

.rouge_16 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#e2001a;
}

.rouge_16b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#e2001a;
	font-weight:bold;
}

.rouge_20b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#e2001a;
	font-weight:bold;
}

ul.ul_liste
{
	padding-top:0px;
	margin-top:0px;
	margin-left: 0px; 
	padding-left: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

li.li_liste
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	list-style:inside;
}

.decalage{ padding-bottom: 5px; }

/* ####################################### LIENS ####################################### */

a.chemin:link, a.chemin:visited, a.chemin:active 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a.chemin:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:underline;
}

.chemin
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}



a.lien_blanc:link, a.lien_blanc:visited, a.lien_blanc:active
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

a.lien_blanc:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:11px;
}

a.lien_noir:link, a.lien_noir:visited, a.lien_noir:active
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}

a.lien_noir:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}

a.lien_gris:link, a.lien_gris:visited, a.lien_gris:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

a.lien_gris:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}

a.lien_pdf:link, a.lien_pdf:visited, a.lien_pdf:active /* lien PDF */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	background-image:url(../images/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:19px;
	padding-top:3px;
	padding-bottom:2px;
}

a.lien_pdf:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}

a.lien_web:link, a.lien_web:visited, a.lien_web:active /* lien WEB */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	background-image:url(../images/icon_link.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:19px;
	padding-top:3px;
	padding-bottom:2px;
}

a.lien_web:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}

a.lien_mail:link, a.lien_mail:visited, a.lien_mail:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	background-image:url(../images/icon_mail.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:19px;
	padding-top:3px;
	padding-bottom:2px;
}

a.lien_mail:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}

/* ##################################################################################### */



/* COULEURS MENU FORMATION */

a.vert_10:link, a.vert_10:visited, a.vert_10:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.vert_10:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

a.vert_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

a.vert_11:link, a.vert_11:visited, a.vert_11:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;

}

a.vert_11:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;

}

a.vert_11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	
}

.vert_12b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

.vert_14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.vert_16b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

.vert_20b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
}

a.rose_10:link, a.rose_10:visited, a.rose_10:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.rose_10:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b5d65;
	text-decoration:none;
}

a.rose_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b5d65;
}

a.rose_11:link, a.rose_11:visited, a.rose_11:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

a.rose_11:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8b5d65;
	text-decoration:none;
}

.rose_12b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8b5d65;
	font-weight:bold;
}

.rose_14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8b5d65;
	font-weight:bold;
}

.rose_20b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#8b5d65;
	font-weight:bold;
}

.orange_10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8d8183;
}

a.orange_10:link, a.orange_10:visited, a.orange_10:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.orange_10:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8d8183;
	text-decoration:none;
}

a.orange_11:link, a.orange_11:visited, a.orange_11:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

a.orange_11:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8d8183;
	text-decoration:none;
}

.orange_12b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8d8183;
	font-weight:bold;
}

.orange_14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8d8183;
	font-weight:bold;
}

.orange_20b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#8d8183;
	font-weight:bold;
}

a.bleu_10:link, a.bleu_10:visited, a.bleu_10:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.bleu_10:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#433535;
	text-decoration:none;
}

.bleu_10
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#433535;
}

a.bleu_11:link, a.bleu_11:visited, a.bleu_11:active /* lien MAIL */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

a.bleu_11:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#433535;
	text-decoration:none;
}

.bleu_11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#433535;
}

.bleu_12b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#433535;
	font-weight:bold;
}

.bleu_14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#433535;
	font-weight:bold;
}

.bleu_20b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#433535;
	font-weight:bold;
}

.erreur  {
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*gestion liens formations*/

a.lien_14_diplome:link, a.lien_14_diplome:visited, a.lien_14_diplome:active /* lien avant BAC */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

.lien_diplome
{
	width:140px;
	height:63px;
	margin-top:-125px;
	text-align:center;
	vertical-align:middle;
}
.lien_diplome2
{
	width:140px;
	height:63px;
	margin-top:-105px;
	text-align:center;
	vertical-align:middle;
}
