/* CSS Document */

body{background-color:#ffffff;font-size:12px;font-family:Arial; color:#473b31;}

img{border:0;}

a:link{color:#473b31;text-decoration:none;}
a:visited{color:#473b31;text-decoration:none;}
a:hover{color:#473b31;text-decoration:underline;}

h1{display:none;}

/*************************** Tableau Container ******************************/
table#container{width:789px; background-color:#ffffff;margin:0 auto; padding:0;}
td{padding:0;}


td.bord-left{background:url(../../e_img/charte/bord-left-blanc.gif) repeat-y 0px 0px;}

td.bord-left-orange{background:url(../../e_img/charte/bord-left-orange.gif) repeat-y 0px 0px;}

/*************************** header ******************************/
#header{width:763px;}

#header-top{background:url(../../e_img/charte/caen-memorial.gif) no-repeat top right}


/*************************** Centre ******************************/
#centre{width:567px;background:url(../../e_img/charte/bottom-centre.gif) no-repeat bottom left #f0dd7e;padding-bottom:25px;}

/*************************** Content one ******************************/
#content-one{padding:5px;}

/*************************** Titre et Titre page interne ******************************/
#titre{border-top:1px solid green;border-bottom:1px solid green;padding:5px 0 5px 0;width:323px;background:url(../../e_img/charte/picto.gif) no-repeat top left;}
#titre img,#titre-pi img{float:left;margin:0;}
#titre span.lieu{float:right;color:#fc1e03;font-size:170%;font-weight:bold;margin:0;}
#titre h2{font-size:130%;margin:0px 0 0 0;padding:30px 0 0 0;width:323px;}

#titre-pi{float:left;border-top:1px solid green;border-bottom:1px solid green;padding:5px 0px 5px 0;background:url(../../e_img/charte/picto.gif) no-repeat top left; }
#titre-pi span.lieu{color:#fc1e03;font-size:150%;font-weight:bold;margin:0;display:block;text-align:right}
#titre-pi h2{font-size:130%;margin:0px 0 0 0;padding:8px 0 0 0; min-width:323px;}

/*************************** Bloc Chiffre ******************************/
#chiffre{background:url(../../e_img/charte/quelques-chiffres.gif) no-repeat top left #f1de7e;width:188px;height:220px;float:right;padding:5px 0 0 30px;}
#chiffre h3{font-size:120%;margin:0;}
#chiffre.inde {font-size:95%;}
#texte{padding:10px 0 0 0;}
#texte h3{font-size:140%;color:#618657;margin:10px 0 10px 0;}
#texte h4{font-size:110%; margin:0 0 10px 0; padding:0;}

#texte ul{list-style-type:none;margin:0; padding:0;}
#texte li{margin:0 0 8px 8px; padding:0;}
#texte ul.liste-espace li{margin:0 0 20px 5px;}
#texte ul.sous-liste {margin:5px 0 15px 0;}
#texte ul.sous-liste li{margin:0 0 8px 20px;}

#texte table,#texte table tr td {border:1px solid #99A361;}
#texte table tr  td{ padding:5px;}

#texte table.ss-bordure ,#texte table.ss-bordure tr td {border:none;}

.txt-en-avant{font-weight:bold; color:#CC0000}
.souligne{text-decoration:underline;}
.text-petit{font-size:85%;}
.txt-rouge, a.txt-rouge {color: #CC0000}
.encadrement{border:solid 1px #99A361; padding:10px; margin-left:5px;}
.majuscule {text-transform:uppercase;}
.separation-verte{border-top:1px solid green;}

div#navigation a,div#navigation a:link, div#navigation a:visited{text-decoration:underline;}
div#navigation a:hover{text-decoration:none;}
/**************************** Blocs text et photo accolé ********************/
.photo-g-txt-accole-1erpage {float:left; margin:10px 25px 10px 10px;}
.txt-accole-dr-1erpage{margin-top:140px;}

.photo-dr-txt-accole{margin:10px 0 10px 10px;}
.photo-g-txt-accole{margin:10px 15px 10px 0px;}
/*************************** menu bottom centre ******************************/
#menu-bottom-centre{clear:both; float:right;}
#menu-bottom-centre a.precedent{padding:0 12px 0 15px;}
#menu-bottom-centre a.suivant{padding:0 12px 0 5px;}
#menu-bottom-centre a.print{padding:0 25px 0 0;background:url(../../e_img/charte/imprimante.gif) no-repeat top right;}

/*************************** menu hp ******************************/
#menu-hp ul{margin:15px 0 0 0;padding:0;}
#menu-hp li{display:inline;margin:0; padding:0;padding-left:10px;}

/*************************** Cartouche aea hp images ******************************/
#cartouche_aea_hp img{float:left;margin:15px 15px 0px 0;padding-bottom:10px;}

/*************************** Chemin ******************************/
#chemin{width:557px;background:url(../../e_img/charte/fond-chemin.gif) no-repeat top left; height:19px;padding:10px 0 0 10px; }
#chemin-orange{width:557px;background:url(../../e_img/charte/fond-chemin-orange.gif) no-repeat top left; height:19px;padding:10px 0 0 10px; }
div.lien{float:left;width:470px;margin:0;}
div.pagination{float:right;width:80px;margin:0;padding:0 6px 0 0px;font-size:140%;font-weight:bold;}
div.pagination img{margin-left:5px;}

/*******************************colonne-droite-page interne********************************/
td#colonne-droite-pi h2, #col-droite-mobiliser h2{margin:0; padding:0; font-size:100%;}

/*************************** Colonne de droite éclairages ******************************/
#col-droite-eclairages{width:190px;margin-bottom:7px}

.contenu{background:url(../../e_img/charte/fd-eclairage.gif) repeat-y;padding:5px 5px 5px 10px; }
#col-droite-eclairages div.contenu img{margin-right:5px;float:left;}

#col-droite-eclairages h2.titre{display:none;}
#col-droite-eclairages a{font-weight:bold;}

/*************************** Colonne de droite projet aea ******************************/
#col-droite-projets-aea{width:196px;margin-bottom:7px}

/************************ Colonne de droite enjeux - education****************************/
#col-droite-enjeux-education{width:196px;margin-bottom:7px}

/*************************** Colonne de droite menu mobiliser ******************************/
#col-droite-mobiliser{width:196px;}
#col-droite-mobiliser ul{margin:0;list-style-type:none;padding:0;}
#col-droite-mobiliser li{margin:0;font-size:120%;text-transform:uppercase;font-weight:bold;}

#col-droite-mobiliser li.mobiliser{background:url(../../e_img/charte/titre-mobiliser.gif) no-repeat top left;padding:8px 0 6px 35px;margin:0 0 8px 0;}
#col-droite-mobiliser li.jeunesse{background:url(../../e_img/charte/lien-jeunesse.gif) no-repeat top left;margin:0 0 14px 0;}
#col-droite-mobiliser li.jeunesse a{background:url(../../e_img/charte/lien-jeunesse.gif) no-repeat top left;padding:8px 82px 6px 37px;}
#col-droite-mobiliser li.jeunesse a:hover, #col-droite-mobiliser li.jeunesse a.selected{background:url(../../e_img/charte/lien-jeunesse-actif.gif) no-repeat top left;}
#col-droite-mobiliser li.enseignants{background:url(../../e_img/charte/lien-enseignants.gif) no-repeat top left;margin:0 0 13px 0;}
#col-droite-mobiliser li.enseignants a{background:url(../../e_img/charte/lien-enseignants.gif) no-repeat top left;padding:8px 57px 6px 37px;}
#col-droite-mobiliser li.enseignants a:hover, #col-droite-mobiliser li.enseignants a.selected{background:url(../../e_img/charte/lien-enseignants-actif.gif) no-repeat top left;}
#col-droite-mobiliser li.grand-public{background:url(../../e_img/charte/lien-grand-public.gif) no-repeat top left;margin:0 0 13px 0;}
#col-droite-mobiliser li.grand-public a{background:url(../../e_img/charte/lien-grand-public.gif) no-repeat top left;padding:8px 52px 8px 37px;}
#col-droite-mobiliser li.grand-public a:hover, #col-droite-mobiliser li.grand-public a.selected{background:url(../../e_img/charte/lien-grand-public-actif.gif) no-repeat top left;}


/************** Colonne de droite lien contact, presse et liens utiles ********************/
#col-droite-lien{width:196px;}


/*************************** Colonne de droite actu home ******************************/
#col-droite-actu-hp{background:url(../../e_img/charte/fd-actu-home.gif) no-repeat; height:248px; width:172px;padding:15px 11px;}
#col-droite-actu-hp a, #col-droite-actu-hp a:link,#col-droite-actu-hp a:visited{text-decoration:none; color:#473b31;}
#col-droite-actu-hp a:hover{text-decoration:underline;color:#473b31;}

#col-droite-actu-hp h2{margin:0px;padding:0px;}
#col-droite-actu-hp ul{padding:0px; margin:0px;}
#col-droite-actu-hp li{background:url(../../e_img/charte/puce-fleche.gif) no-repeat 0 5px;  list-style-type:none; padding:0 0 8px 11px;}
#col-droite-actu-hp p{font-weight:bold;font-size:108%; margin:12px 0;}

/**********************************  Bottom  *****************************************/
#bottom{background-color:#fac243;width:771px;padding:10px 0 0px 0; text-align:center; line-height:15px; font-size:95%;}

#bottom a, #bottom a:link,#bottom a:visited{text-decoration:none; color:#473b31;}
#bottom a:hover{text-decoration:underline;color:#473b31;}


/**********************************  Formulaires  **************************************/

div#formulaire {
		margin:0;
		padding:0;
		voice-family:inherit;
		width:99%;
		}

#formulaire fieldset {
		padding:5px; margin:0px auto; border:1px solid #e31f2d; width:60%;
		text-align:left;		
	}

#formulaire legend { 
		margin-bottom:10px; padding:0;
		font-family: arial, verdana, helvetica, sans-serif;
		font-style:normal;
	}

#formulaire .erreur {
	   color: #FF1900;
	}

#formulaire ul {margin:0; padding:0; border:none;}
#formulaire li {display:inline; list-style:none; padding:0 10px 0 0; margin:0;}
#formulaire li.checkbox {display:block; list-style:none; padding:0; margin:0;}

#formulaire label { margin:0; padding:0; font-family : arial, verdana,helvetica,  sans-serif; font-weight:normal; cursor:pointer;}

#formulaire input  { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif;}
#formulaire input.texte {  width:60%;font-size:100%;}

#formulaire select { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; color:#000000; width:300px;}

#formulaire textarea { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; font-size: 20px; font-size:100%; width:20em; color:#000000;}

#formulaire input.submit { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; font-size:100%;}

#formulaire div.textinfo { float:left; width:25%; padding-top:5px;}

#formulaire div.texte-coordo { float:left; width:30%; padding-top:5px; }
#formulaire div.texte-etab { float:left; width:30%; padding-top:5px; }
#formulaire div.texte-combo { float:left; width:5%; }