body {
  width: 950px;/* sans l'ombre autour : 914px; */
	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: 946px;;
	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 : 950px moins 914px du conteneur = 36px moins 2x4px de border du conteneur = 28px moins 2x2px de padding du conteneur = 24px divisé par 2 = 12px  */
}


#ombre-bas{
float:left;
position:relative;
width:100%;
height:28px;
background:url(img/ombre-bas.png) no-repeat; 
background-position:bottom;
}

#lettres-bas{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:200px;
background-color:transparent;
z-index:0;
/*background:url(img/lettres-bas.png) no-repeat;
background-position:bottom; */
}

/* Le conteneur défini l'ensemble du site avec TOUS ses blocs*/
#conteneur {
	float:left;
	width: 914px;/* 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;*/

}


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

/* redefinition de la taille de la banniere pour la page d'accueil Hauteur de l'image + 20 px */
/* #BanniereAccueil{height:118px;} */
#BanniereAccueil{height:180px;background-color:transparent;}


/*logo index-education contenu dans la banniere*/
img#logo {
position:relative;
float:left;
bottom:20px;
width:250px;
height:40px;
border:0px solid;
padding-left:0px;
}

#accueil img#logo {
position:absolute;
top:0px;
}


#accueil img#visu0 {
position:absolute;
top:-5px;
}
/******** Liens de navigation dans la banniere et dans le footer **********/
div.navig {
position:relative;
float:right;
color:#555;
font-size:11px;
background-color:transparent;
padding-right:5px;
border:0px solid;
}

div.navig a {font-weight:bold;color:#555;vertical-align:middle;}
div.navig a :hover {color : #FF9900;}


#accueil div.navig{color:#fff;position:absolute;top:5px;right:5px;}
#accueil div.navig a {font-weight:bold;color:#fff;vertical-align:middle;}
#accueil div.navig a :hover {color : #FF9900;}

/*********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 0px 0px;}
/* module de gauche*/
#gauche {
	overflow: hidden;
	float: left;
	position:relative;
	width: 146px;
}
/*centre du site contenant le texte a afficher*/
#centre {
	float: left;
	position:relative;	
	overflow: hidden;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:20px;
	width:610px;
	background-color: #fff;
	border:0px solid;
}
/* module de droite*/
#droite {
	float: right;	
	position:relative;
	width: 152px;
	border:0px solid;
}
/******fin milieu*********/

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



.AdresseBas{float:left;position:relative;font-size: 10px; line-height:14px; color:#999999;height:14px;}
.AdresseBas span {float:left;position:relative;}

/**************Definition des style de la zone de texte "content" dans "centre" ****************/
.content {
float:left;
width:100%;

margin: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{padding-left:0px;border:0px solid;text-align:center;padding-top:6px;}


/************************************************* Couleurs EDT *************************************************/
.EDT1{color:#06A} /* moyen 009ee0*/
.EDT2{color:#293663} /* fonce 3866ae*/
.couleurTitreEDT{
color:#06A;
border-color:#06A;
}
.EDT3{color:#3BF} /* Clair a2daf4*/
.TITREedt{
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
	font-weight: bold;
	border-bottom: #293663 2px solid;
	font-size: 16px;
	color: #293663;
	line-height: 16px;
}

/************************************************* Couleurs PRONOTE ********************************************/
.PRONOTE1{color:#00A400} /* moyen */
.PRONOTE2{color:#146319} /* fonce 004422*/
.couleurTitrePRONOTE{
color:#146319;
border-color:#146319;
}
.PRONOTE3{color:#77cc66} /* Clair 99ddaa*/
.TITREpronote{
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
	font-weight: bold;
	border-bottom: #146319 2px solid;
	font-size: 16px;
	color: #146319;
	line-height: 16px;
}

/************************************************* Couleurs HP *************************************************/
/** Couleur des bandeaux des produits trouvés dans vars.lib.php **/

.HP1{color:#475f8f}/*.HP1{color:#973a3c} /* #54606emoyen  #175460*/
.HP2{color:#2e3d5c}/*.HP2{color:#991028} /* fonce #357288*/
.couleurTitreHP{
color:#475f8f;
border-color:#475f8f;
}
.HP3{color:#888888}/*.HP3{color:#d19697} /*#909caa Clair */
.TITREhp{
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
	font-weight: bold;
	border-bottom: #475f8f 2px solid;
	font-size: 16px;
	color: #475f8f;
	line-height: 16px;
}

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

.MenuActus span,.HautMenuActus span,.HautMenuActus8 {
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,.MilieuMenuActus a,.MilieuMenuActus0 a{display:inline; font-weight:normal; font-size:11px; line-height:13px;color : #444444;}
.MenuActus a:link, #indexactus a:visited,.MilieuMenuActus a:link,.MilieuMenuActus0 a:link  {color : #444444;}
.MenuActus a:hover,.MilieuMenuActus a:hover,.MilieuMenuActus0 a:hover {color : #FF9900;}
.MenuActus a:active,.MilieuMenuActus a:active,.MilieuMenuActus0 a:active {color : #FF0000;} 

.HautMenuActus0{background:url(img/news_haut0.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
.HautMenuActus1{background:url(img/news_haut1.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
.HautMenuActus2{background:url(img/news_haut2.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
.HautMenuActus3{background:url(img/news_haut3.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
.HautMenuActus7{background:url(img/news_haut7.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
.HautMenuActus8{background:url(img/news_haut8.gif) repeat-y; text-align:left; padding:0px 6px 5px 20px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}


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

.MilieuMenuActus0{position:relative;left:1px;border-left:1px solid #B10015;border-right:1px solid #B10015;padding-left:2px; text-align:left; width:139px;padding-top:3px;padding-bottom:3px;}
.BasMenuActus0{position:relative;background:url(img/news_bas0.gif) top no-repeat;left:0px; height:15px;width:145px;}


.HautMenuActus8 {color:#b61125;padding-left:13px;height:9px;width:130px;}

.MilieuMenuActus8{position:relative;left:1px;border-left:1px solid #B10015;border-right:1px solid #B10015;padding-left:2px; text-align:left; width:139px;padding-top:3px;padding-bottom:3px;}
.BasMenuActus8{position:relative;background:url(img/news_bas8.gif) top no-repeat;left:0px; height:15px;width:145px;}

.TitrePetitesActus{position: relative;color:#B10015;background-color:#FFF;font-size: 11px;font-weight:bold;font-weight:bold; margin-left: 10px; z-index:2;top:0px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;}
.PetitesActus{position:relative;left:1px;border:1px solid #B10015;padding-left:2px; text-align:left; border-radius : 0px 10px 10px 10px;-moz-border-radius : 0px 10px 10px 10px;-webkit-border-radius : 0px 10px 10px 10px; width:139px;padding-top:3px;padding-bottom:3px;z-index:1;top:-5px}

.TitreGroupBox{position: relative;color:#B10015;background-color:#FFF;font-size: 11px;font-weight:bold;font-weight:bold; margin-left: 10px; z-index:2;top:0px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;}
.ContenuGroupBox{position:relative;left:1px;border:1px solid #B10015;padding-left:2px; text-align:left; border-radius : 0px 10px 10px 10px; -moz-border-radius : 0px 10px 10px 10px;-webkit-border-radius : 0px 10px 10px 10px; width:139px;padding-top:3px;padding-bottom:3px;z-index:1;top:-5px}


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

/*************************************************  MODULE CLIENT  A DROITE*************************************************/
.identification{
position:relative;
top:1px;
float:right;
margin:0px;
padding:0px;
width:154px;
vertical-align:top;
overflow:hidden;
}

#identificationIndex{top:2px;}

.NomClient{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: Black;}
a.NomClient{font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: White;font-weight:normal;}
a.NomClient:link{font-size: 11px;font-weight:normal;}
a.NomClient:visited{font-size: 11px;font-weight:normal;}
a.NomClient:hover{text-decoration:underline;}
td.EspaceClientHaut{
background-image:url(img/EspaceClientGris_01.gif);background-repeat:no-repeat; background-position:0px 0px;padding-top:6px;width:160px; height:90px;padding-left:4px;padding-right:8px;
}
td.EspaceClientBas{
background:url(img/EspaceClientGris_02.gif) bottom no-repeat;height:20px;background-position:0px 0px;
}
td.EspaceClientProduitsHautAccueil{
background-image:url(img/EspaceClientGris_01.gif);background-repeat:no-repeat; background-position:0px 0px;padding-top:6px;width:160px; height:90px;padding-left:6px;padding-right:8px;
}
td.EspaceClientProduitsBasAccueil{
background:url(img/EspaceClientGris_02.gif) bottom no-repeat;height:20px;background-position:0px 0px;
}
td.EspaceClientProduitsHaut{
background-image:url(img/EspaceClientProduits_01.gif);background-repeat:no-repeat; background-position:0px 0px;padding-top:6px;width:160px; height:90px;padding-left:4px;padding-right:8px;
}
td.EspaceClientProduitsBas{
background:url(img/EspaceClientProduits_02.gif) bottom no-repeat;height:20px;background-position:0px 0px;
}
td.EspaceClientProduitsHaut{
background-image:url(img/EspaceClientProduits_01.gif);background-repeat:no-repeat; background-position:0px 0px;padding-top:6px;width:160px; height:90px;padding-left:4px;padding-right:8px;
}
td.EspaceClientProduitsBas{
background:url(img/EspaceClientProduits_02.gif) bottom no-repeat;height:20px;background-position:0px 0px;
}
input.ModuleClient{
font-size:10px;font-family: Arial, Helvetica, sans-serif; line-height:16px; color:#333;border:#666 1px solid;padding-left:4px;
}
input.BtModuleClient{
font-size:10px;background-image:url(img/bt_ok1.gif);background-color:transparent;border:0px solid;width:30px;height:30px; cursor:pointer;
}


#module_client {font-size:10px;padding-top:4px;}
#module_client h3{font-size:12px; color:#000; margin:5px;color:#555555;line-height:14px;}
#inscription>div {margin-top: 15px;}
form#form_login input {font-size:10px;}
form#form_login input[name=bouton_login] {margin:0 5px;}
form#form_login input[name=email] {width:135px;}
form#form_login input[name=pass] {width:90px;}

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

#indexFaq{text-align:left;}
#indexFaq div.Haut {background-image:url(img/fond_FAQ_01.gif);background-repeat: no-repeat; height:20px;}
#indexFaq div.Milieu{background-image:url(img/fond_FAQ_02.gif);background-repeat: repeat-y;padding-left:10px;padding-right:30px;line-height:16px;border:0px solid;}
#indexFaq div.Bas{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;width:580px;}


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

/*************************************************  LISTES  *************************************************/
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);}

.degrade_bleu {
  background: url(img/deg4.gif);padding-left:15px;
}

/*************************************************  INTERTITRES  *************************************************/
.inter2 {
	padding-left: 0px;
	padding-bottom: 6px;
	padding-top: 12px;
	padding-right: 0px;
}

/*************************************************  MESSAGES D'ERREUR ET DE CONFIRMATION POUR LES FORMULAIRES  *************************************************/
.erreurForm  {margin: 8px 0; padding:10px; font-weight: bold; color: #cc0000; background-color: #efefef; text-align: center;border: 2px dotted #cc0000;font-size:12px;}
.OkForm  {margin: 8px 0; padding:4px; font-weight: bold; color: #ffffff; background-color: #00cc00; text-align: center;}

.informationRouge  {color: #cc0000;}

#FenetreSortiePronote2011{
  position:absolute; 
	top:0px;
	/*filter:alpha(opacity=85);opacity:.85;*/
  width:920px;  
	height:920px;
  z-index:102;
  visibility:visible;
}


#FenetreSmartphonePronote2011{
  position:absolute; 
	top:-7px;
	left:248px;
	/*filter:alpha(opacity=85);opacity:.85;*/
  width:290px;  
	height:530px;
  z-index:0;
  visibility:visible;
}