body {
  width: 796px;/* sans l'ombre autour : 760px; */
	margin: 0 auto;
	padding: 0px;
	background-color: #fbfcef;
	font-family: Arial, Helvetica, sans-serif,Verdana;
	color: #555;
	word-spacing: normal;
	font-size:11px;
	line-height:13px;
}

/************Definition des styles généraux*************/
img{
border:0px;
margin:0px;
padding:0px;
display:inline;
}

h1{font-size:24px; line-height:26px;color:#B10015;font-weight:bolder;padding:0px;}
h2{font-size:16px; line-height:20px;color:#555;font-weight:bolder;padding:0px;}
h3{font-size:11px; line-height:14px;color:#000000;font-weight:bolder;padding:0px;}
h4{font-size:11px; line-height:14px;color:#000000;font-weight:normal;padding:0px;}

a{ text-decoration:none;font-size:11px;line-height:13px;}
a:link, a:visited {color : #005ea4;}
a:hover {color : #FF9900;}
a:active {color : #FF0000;}

form {margin:0; padding:0;}
input {font-size: 100%;font-family: Verdana, Arial, sans-serif;}

textarea {clear: both;width: 99%;font-size: 100%;font-family: Verdana, Arial, sans-serif;}

table{padding:0;border-spacing:0;border:0;border-collapse:collapse;margin:0px;}

td { line-height:12px; }

/************Definition de la structure du site*************/

#ombre-cote{
	float:left;
	width: 796px;
	background:url(img/ombre-cotes.png) repeat-y; 
	background-position:left;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;
	padding-left:12px; /* calculer le padding left : 796px moins 760px du conteneur = 36px moins 2x4px de border du conteneur = 28px moins 2x2px de padding du conteneur = 24px divisé par 2 = 12px  */
}

#accueil #conteneur {
    background-color: transparent;
}

/* Le conteneur défini l'ensemble du site avec TOUS ses blocs*/
#conteneur {
	float:left;
    width: 760px;/* normalement, width: 100%;*/
	border:#fff 4px solid;/* normalement, border: 0px solid;*/
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #fff;
/*	padding:2px 2px 0px 2px;*/
}

/********* Bannière page d'accueil **************/
.banniere {
float:left;
position:relative;
width:100%;
height:95px;
border-bottom:solid 1px #005ea4;
overflow:hidden;
}

/*redefinition de la taille de la banniere pour la page d'accueil*/

#BanniereAccueil{
	height:150px;
	background-color: transparent;
}
/*logo index-education contenu dans la banniere*/

img#logo {
position:relative;
float:left;
top:-35px;
width:255px;
height:41px;
border:0px solid;
}


#BanniereAccueil img#logoaccueil {
position:absolute;
top:0px;
}

/******** Liens de navigation dans la banniere et dans le footer **********/
div.navig {
position:relative;
float:right;
color:#555555;
line-height:20px;
font-size:11px;
top:-5px;
}

div.navig a {font-weight:bold;color:#555555;vertical-align:middle;}
div.navig a :link {color : #444444;}
div.navig a :visited {color : #444444;}
div.navig a :hover {color : #FF9900;}
div.navig a :active {color : #FF0000;}


/*********Milieu. contient le module gauche, le centre et le module a droite***********/
#corps{
	float:left;
	position:relative;
	width:100%;
	border:#cc0000 0px solid;
	padding:0px 0px 5px 0px;
	background-color:#ffffff;
	}
	
/* module de gauche*/
#gauche {
	overflow: hidden;
	float: left;
	position:relative;
	width: 146px;
	background-color:#ffffff;
}

/*centre du site contenant le texte a afficher*/
#centre {
	float: left;
	position:relative;	
	overflow: hidden;
	padding-left:2px;
	padding-right:2px;
	width:610px;
	background-color: #ffffff;
	border:0px solid;
}

#droite{
float:right;
width:147px;
background-image:url(img/fondHPdroite.gif); 
background-repeat:no-repeat; 
background-position:0px 6px;
padding-top:34px;
border:0px solid;
background-color: #ffffff;
}
/******fin milieu*********/

/*************footer****************/
#navig-bas {
float:left;
position:relative;
clear:both;
width:100%;
height:45px;
border-top:solid 1px #005ea4;
border-bottom:solid 1px #005ea4;
line-height:14px;
padding-top:13px;
padding-bottom:13px;
background:#FFFFFF;

}

#ombre-bas{
float:left;
position:relative;
width:100%;
height:28px;
background:url(img/ombre-bas.png) no-repeat; 
background-position:bottom;
}
.AdresseBas{float:left;position:relative;font-size: 10px; line-height:14px; color:#999999;text-align:center;width:100%;}

/**************Definition des style de la zone de texte "content" dans "centre" ****************/
div.content {
float:left;
width:100%;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
border:0px solid;
}

.content p {margin: 5px 5px 5px 0px;padding: 0px 0px 0px 0px;font-size: 100%;}

.content blockquote {font-size: 100%;padding: 0px 5px 0px 18px;margin: 5px 0px -10px 0px;}

.content ul {font-size: 100%;}

.content img{
padding-left:2px;padding-right:2px;border:0px;
}

/**************Page d'accueil***************/
#ContentAccueil div.content{border:#c00 0px solid;width:445px;padding-top:8px;padding-left:7px;}


/************************************************* Couleurs EDT *************************************************/
.EDT1{color:#4070B0} /* moyen 009ee0*/
.EDT2{color:#003976} /* fonce 3866ae*/
.EDT3{color:#ACC3E5} /* Clair a2daf4*/
.TITREedt{
	margin-top: 24px;
	margin-bottom: 16px;
	width: 100%;
	font-weight: bold;
	border-bottom: #305090 2px solid;
	font-size: 16px;
	color: #003976;
	line-height: 16px;
}



/************************************************* Couleurs HP *************************************************/

.HP1{color:#54606e}/*.HP1{color:#973a3c} /* #54606emoyen  #175460*/
.HP2{color:#54606e}/*.HP2{color:#991028} /* fonce #357288*/
.HP3{color:#888888}


.TITREhp{
	width: 100%;
	font-weight: bold;
	border-bottom: #475F8F 2px solid;
	font-size: 16px;
	color: #475F8F;
	line-height: 16px;
	margin-top: 24px;
	margin-bottom: 16px;
  }

/***********Menu des Actus à gauche***********/
.MenuActus{float:left;position:relative;top:5px;padding-bottom:5px;}

.MenuActus span {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing : -1px;
font-size: 11px;
line-height:13px; 
color:#757856;  
font-weight:bold; 
background-color : #FFFFFF;
padding-left:0px;
}
.MenuActus a{display:inline; font-weight:normal; font-size:11px; line-height:13px;color : #444444;}
.MenuActus a:link, #indexactus a:visited  {color : #444444;}
.MenuActus a:hover {color : #FF9900;}
.MenuActus a:active {color : #FF0000;} 

.HautMenuActus{background:url(img/news_haut.gif) repeat-y; text-align:left; padding:0px 6px 0px 6px;}
.MilieuMenuActus{position:relative;left:1px;border-left:1px solid #BDC384;border-right:1px solid #BDC384;padding-left:2px; text-align:left; width:139px;padding-top:3px;padding-bottom:3px;}
.BasMenuActus{position:relative;background:url(img/news_bas.gif) top no-repeat;left:0px; height:15px;width:145px;}


/*************************************************  BORDURES  *************************************************/
.bord_bas_bleu {border-bottom:1px solid #005EA4;}
.bord_bas_bleu li {border-bottom:1px solid #005EA4; margin-bottom:2px;}

/******************AFFICHAGE DES FAQs DE LA PAGE D'ACCUEIL*************************************************/

.indexFaq{text-align:left;}
div.indexFaqHaut{background-image:url(img/fond_FAQ_01.gif);background-repeat: no-repeat; height:20px;}
div.indexFaqMilieu{background-image:url(img/fond_FAQ_02.gif);background-repeat: repeat-y;padding-left:10px;padding-right:22px;line-height:16px;}
div.indexFaqBas{background-image:url(img/fond_FAQ_03.gif);background-repeat: no-repeat;height:15px;}
div.indexFaqQuestions{text-align:right;border-top:#babe87 1px solid;padding-top:2px;}


/*************************************************  FORMULAIRES  *************************************************/
.form_required {padding-right: 10px; background: url(img/asterisquerouge.gif) no-repeat top right}

/*************************************************  LISTES  *************************************************/
ul.liste_fleches_vertes {padding-left:20px;}
ul.liste_fleches_vertes li {list-style-image: url(img/flecheLien0carre.gif);}
ul.liste_fleches {padding-left:20px;}
ul.liste_fleches li {list-style-image: url(img/flecheLien0.gif);}
ul.liste_fleches_rouges {padding-left:20px;}
ul.liste_fleches_rouges li {list-style-image: url(img/flecheLien00.gif);}
ul.liste_fleches_bleues {padding-left:20px;}
ul.liste_fleches_bleues li {list-style-image: url(img/flecheLien2.gif);}
ul.bulle_bleue {padding-left:20px;}
ul.bulle_bleue li {list-style-image: url(img/bulle2.gif);}


/*************************************************  Sortie EDT 2011  *************************************************/
#FenetreSortieEDT2011{
  position:absolute; 
	/*filter:alpha(opacity=85);opacity:.85;*/
  width:796px;  
	height:940px;
  z-index:102;
  visibility:visible;
  margin-top:-6px;
  margin-left:-7px;
  padding:0;
  
}