﻿/* CSS ESSCA */

*{
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:0 0 0 0;
}
body  {
	background-image: url("/SiteCollectionImages/diagonal.gif");
	margin-top: 15px;
}
#hrgauche {
	color: #FFFFFF;
	margin-top: 5px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}
li {
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-family: Arial Rounded MT Bold;
font-weight: 400;
}
h1 {
	font-family: Arial Rounded MT Bold;
	font-weight: 400;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
li {
	list-style: none;
}
ul {
	list-style: none;
}
img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.rouge_theme{
	color: #da2528;
} 
h1{
	font-size:24px;
} 
h2{
	font-size:18px;
} 

h3{
	font-size:14px;
	}
}

.bleu_cible{
	color: #c4d1e3;
} 
.bg_rouge{
	background-color: #da2528;
	height:80px !important;
} 
.bg_bleu{
	background-color: #003366;
} 
.bg_blanc{background-color: #ffffff;}
#container  {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
#txt_logo {
	position: absolute;
	left: 48px;
	text-align: center;
	top: 150px;
	width: 110px;
	vertical-align:top;
}
#txt_logo p {
	font-size: 9px;
}
#div_logo {
	width: 224px;
	position: absolute;
	left: 0px;
	top: 0;
	height: 200px;
}
#header {
	width: 1000px;
	height: 200px;
	overflow: visible;
	position: relative;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#zone_rouge {
	width: 224px;
	height: 65px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
#zone_rouge p {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	font-weight: bold;
}
#zone_rouge a {
	color: #FFFFFF;
	text-decoration: none;
}
#zone_rouge  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#zone_blanche {
	text-align: center;
	width: 224px;
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: 45px;
		
}
#logo_epas {
	position: absolute;
	left: 160px;
	top: 140px;
	height: 53px;
	width: 59px;
}
#logo_100ans {
	position: absolute;
	left: 0px;
	top: 141px;
	height: 53px;
	width: 51px;
}
#zone_intermediaire {
	padding: 0 0 0 0;
	background-color: #003366;
	height: 80px;
	width: 1000px;
	position: relative;

}
# arborescence  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #003366 !important;
	margin: 10px 0px 0px 10px;
	font-weight: 700;
}

.titre_actualite  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #FFFFFF;
	height: 25px;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	font-weight: bold;
}
#arborescence {
	width: 774px;
	height: 40px;
	position: absolute;
	left: 226px;
	top: 40px;
}

#arborescence h1{
font-family: Arial, Helvetica, sans-serif;
color:#003366;
font-size:11px;
 font-weight: bold;
}
#arborescence a{
color:#003366;
font-size:11px;
}

#arborescence  h1 a{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #003366 !important;
	font-weight: bold;
	text-decoration:underline;
}

#zone_liens_haut {
	width: 210px;
	height: 100px;
	position: absolute;
	left: 562px;
	top: 100px;
	vertical-align: top;
}
#zone_liens_haut table {
	height: 90px;
	text-align: center;
}
.border   {
	border-bottom: solid !important;
	border-width: 2px !important;
	border-color: #CCCCCC !important;
}
.border_right   {
	border-right: solid;
	border-width: 2px;
	border-color: #CCCCCC;
	font-size: 12px;
	height: 35px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bolder;
	vertical-align:middle;
	color: #C7E5EE;
	text-align:center;
	width: 138px;
}
#zone_liens_haut p {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 5px;
}
#zone_liens_haut p div span{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 5px;
}
#zone_liens_hautp {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 5px;
}
#colonnedroite {
	width: 214px;
	vertical-align: top;
}
.contenupagep {
	font-size: 10px;
	text-align: justify;
}
#colonnegauche {
	width: 224px;
	height: 500px;
	vertical-align: top;
	border-right: solid;
	border-color: #CCCCCC;
	border-width: 2px;
}
#page {
	vertical-align: top;
	border-right: solid;
	border-color: #CCCCCC;
	border-width: 2px;
	width:561px;
}
#pagesysteme {
	vertical-align: top;
	border-right: solid;
	border-color: #CCCCCC;
	border-width: 2px;
	width:755 px;
}
.pageh1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #da2528 !important;
	font-size: 24px !important;
	
}
.pageh2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #da2528;
}
.pageh3 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}
.pageh4 {
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}
#wrapper {
	background-color: #FFFFFF;
}
#footer {
	height: 30px;
	text-align: right;
}
#footer p {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
}
#footer a {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footer a:hover {
	color: #DA2528;
	font-size: 10px;
	font-weight: bold;
}
#contenupage {
	margin-top: 5px;
	padding-left: 10px;
	position: relative;
	margin-right: 15px;
}

#contenupage a:hover,#contenupage a:link,#contenupage a:visited,#contenupage a:active {
	color:#0070c0;
	text-decoration: none;
}
#infosup {
	display: block;
	float: left;
	width: 200px;
	border-style:none;
}
#infosup h5 {
	color: #DA2528;
	padding-left: 5px;
	display: inline;
	font-size: 12px;
}
#infosup    p a {
	color: #000000;
}
#infosup p {
	color: #000000;
}
#infosup a {
	color: #000000;


}

#infosupright {
	display: block;
	float: Right;
	border-style:none;
	width:310px;
}

.actualite {
	position: relative;
	border-bottom: solid !important;
	border-width: 2px !important;
	border-color: #CCCCCC !important;

}
.actualite p {
	margin-left:-2px;
	padding-left:7px;
	margin-right:0px;
	padding-bottom:5px;
	border-bottom: solid !important;
	border-width: 2px !important;
	border-color: #CCCCCC !important;

}

.actualite  h1 {
font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	font-size: 12px !important;
	color: #003366;
	font-variant: small-caps !important;
	margin-bottom: 5px;
	margin-top: 5px;
}


.actualite_video  h1 {
font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	font-size: 12px !important;
	color: #003366;
	font-variant: small-caps !important;
	margin-top: 0px;
}
.actualite_video p {
	margin-left:-2px;
	padding-left:7px;
	margin-right:0px;
	padding-bottom:5px;
}


.actualite  img {
	margin-right: 5px;
}
#zone_liens_haut a {
	color: #FFFFFF;
}
.img_contenu {
	width: 186px !important;
	margin: 5px 0px 15px -10px !important;
	height:108px !important;
	border-style:none !important;
}
#toolbar {
	height: 50px;
	border-bottom: solid;
	border-width: 2px;
	border-color: #CCCCCC;
	position: relative;
}
#div_banniere {
	width: 774px;
	position: absolute;
	left: 226px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #003366;
	height: 200px;
	top: 0;
}
#toolbar td {
	text-align: center;
	width: 42px;
}
#toolbar p {
	color: #003366;
	text-align: center;
	font-size: 9px;
}
#toolbar a {
	text-decoration: none;
	color: #003366;
	font-size: 8px;
}
#gif_anime {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}
.vert_etudiant {
	background-color: #E5F6DA;
}
.txt_vert_etudiant {
	color: #E5F6DA;
}
.jaune_candidat {
	background-color: #FFFDDF;
}
.txt_jaune_candidat {
	color: #FFFDDF;
}
.orange_diplome {
	background-color: #FEE7C2;
}
.txt_orange_diplome {
	color: #FEE7C2;
}
.bleu_entreprise {
	background-color: #DFE5F1;
}
.txt_bleu_entreprise {
	color: #DFE5F1;
}
.txt_bleu_defaut {
	color: #C7E5EE;
}
.bleu_defaut {
	background-color: #ffffff;
	


}
.bleu_Menu {background-color: #c4d1e3;}

.noir_defaut {background-color: #ffffff;
		
}

.noir_defaut a {color: #ffffff;
		
}


#page a {
	text-decoration :none;
}
#media {
	width: 214px;
}
#form2 {
	width: 160px;
	position: absolute;
	left: 563px;
	z-index: 10;
	top: 5px;
}
.rss {
	position: absolute;
	left: 190px;
	top: 5px;
}
#page a:hover {
	text-decoration :underline;
}


/**************/
/* MENU THEME */
/**************/

/* issu de menu_themes.css de la maquette graphique */

#menu_theme {
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
		cursor:hand;
}	
#menu_theme a {

	color: #333333;
	text-decoration: none;
		cursor:hand;
}
#menu_theme a:hover {
	color: #DA2528;
	text-decoration: none;
		cursor:hand;

}

#menu_theme dl {
	
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	margin-left: 0px;
	padding-left:5px;
	cursor:hand;
	border-bottom: solid;
	border-width: 1px;
	border-color: #666666;
	margin-bottom:0px;
	margin-top:0px;
}

div .underline{
	display:block;
	height:1px;
	width:100%;
	border-bottom: solid;
	border-width: 1px;
	border-color: #666666;
	margin-bottom:0px;
	margin-top:0px;

}


#menu_theme  h1  {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor:hand;
font-weight: bold;
}
#menu_theme h1:hover {
font-family: Arial, Helvetica, sans-serif;
	color: #DA2528;
	text-decoration: none;
		cursor:hand;
font-weight: bold;
}
#menu_theme div ul ul a{
	margin-left: 40px !important;
	font-size: 10px;
	margin-bottom: 1px;
	cursor:hand;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	padding-left:7px;
	text-transform:capitalize;
	font-weight:normal;

}
#menu_theme div ul ul ul a{
	margin-left: 60px !important;
	font-size: 9px;
	margin-bottom: 1px;
	cursor:hand;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	padding-left:7px;
	text-transform:capitalize;
	font-weight:normal;

}
#menu_theme div ul a{
	margin-bottom: 1px;
	margin-left:20px !important;
	cursor:hand;
	font-size: 11px;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	padding-left:7px;
	text-transform:capitalize;
	font-weight:normal;

}




#sousmenucible ul a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	margin-left: 10px;
	padding-left:7px;
	margin-bottom: 5px;
	text-transform:capitalize;
	font-weight:normal;
	}
#sousmenucible ul ul a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 9px;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	margin-left: 20px;
	padding-left:7px;
	margin-bottom: 5px;
	text-transform:capitalize;
	font-weight:normal;
}
#sousmenucible ul ul ul a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 8px;
	background-image:url('/_layouts/images/square.gif');
	background-position:0px center;
	background-repeat:no-repeat;
	margin-left: 30px;
	padding-left:7px;
	margin-bottom: 5px;
	text-transform:capitalize;
	font-weight:normal;
	}




/**************/
/* menu_cible */
/**************/


#menucible {
	width: 774px;
	height: 40px;
	position: relative;
	left: 226px;
	top: 0px;
}
.menucible {
	width: 560px;
	height: 40px;
	text-align: center;
	border:0px;
}
.menucible td a{
	color: #c7e5ee;
	text-decoration: none;
	font-size: 12px;
	margin-left: 5px;
}


#menucible td {
	width: 138px;
}
#sousmenucible {
	padding-left: 0px;
}
#sousmenucible ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 10px;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 5px;
}
#sousmenucible a {
	color: #003163;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sousmenucible a:hover {
	color: #003163;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#sousmenucible dt {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 5px;
}

/***** 
	MOTEUR DE RECHERCHE
**************************/

.ms-sbtext {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	font-weight: bold;
}
.ms-sbcell {
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	font-weight: bold;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
	
}
.ms-sbgo
{
border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
}
.ms-sbcell a {
	color: #FFFFFF;
	text-decoration: none;
}
.ms-sbcell a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.ms-sbtable {
margin-bottom:0px;
margin-top:0px;
	font-size: 12px;


}

.menu_essca{
		width:100%;
}

.menu_essca td a {
	font-size: 12px;
	border-bottom: solid !important;
	border-width: 1px !important;
	border-color: #666666 !important;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:5px;
}
.menu_essca table td td {
	font-size: 11px;
	border-bottom: solid !important;
	border-width: 1px !important;
	border-color: #ffffff !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.menu_essca table td td td {
	font-size: 10px;
	border-bottom: solid !important;
	border-width: 1px !important;
	border-color: #ffffff !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ms-WPHeader h3{
	text-align: center;
	font-weight:normal;
}


.ms-WPHeader td{
	background-color: #003366;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;

	
}
.ms-standardheader span{
	text-decoration: none;
	color: #C7E5EE !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.groupheader .text .small{
	color: #003163;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 5px;
}

@media print{
	#zone_intermediaire{
	display:none;

}
	#header{
	display:none;

}
	#colonnegauche{
	display:none;

}
	#colonnedroite{
	display:none;

}
	#div_banniere{
	display:none;

}
	.ms-SPLink{
	display:none;

}
#footer{
	display:none;
	}

}
.Col1
{
width: 50%;
float: left; 
overflow:hidden;

}
.Col2
{
width: 50%;
float: left; 
overflow:hidden;

}

.ms-rteCustom-ESSCA_TitreRouge{
{
	color: #DA2528;
	padding-left: 25px;
	display: block;
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url('/Sitecollectionimages/ico_fleche.gif');
	background-repeat:no-repeat;
}


.ms-rteCustom-ESSCA_Contenu
{
	font-size: 10pt; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	text-align:justify;
}

.ms-rteCustom-ESSCA_Contenu a
{
font-size: 10pt; 
font-weight: normal;
font-family: Arial, Helvetica, sans-serif; 
color: #0070c0;
text-align:justify;
}

.ms-rteCustom-ESSCA_Titre_H1
{
	color: #DA2528;
	font-size:24px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
}
.ms-rteCustom-ESSCA_Titre_H2
{
	color: #DA2528;
	display: block;
	font-size:20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
}
.ms-rteCustom-ESSCA_Titre_H3
{
	color: #000000;
	display: block;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
}
.mike
{	color: #DA2528 !important;
	font-size:60px;
	
}

/* CSS AETO */

.date {
	color: #E0001A;
	font-weight: bold;
}
.rouge {
	color: #E0001A;
}
.bleu_clair {
	color: #E7EBF7;
}
.bleu_fonce {
	color: #0070C0;
}
.div_gauche {
	height: 100%;
	width: 186px;
}
.div_droite {
	height: 100%;
}
.txt_dates {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.img_left {
	float: left;
	padding: 10px;
}
.img_right {
	float: right;
	padding: 10px;
}
.tableau_4_cellules {
	color: #FFFFFF;
}
.tableau_dates {
	color: #FFFFFF;
}
.cafeta {
	font-family: "Cafeta", Arial, Helvetica, sans-serif;
	font-size:22px;
}
.blanc {color: #FFFFFF}
.brun {color: #E49621}
.bordure {
	border: 1px solid;
	border-color: #000000;
}

.titre_nouveau {
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #FFFFFF;
	height: 25px;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	font-weight: bold;
}