* {margin: 0; padding: 0; list-style: none;}
html, body {width: 100%; height: 100%;}
html {font-size: 100%;}
fieldset, img, abbr, acronym {border: 0;}
img, div { behavior: url(iepngfix.htc) }

body {
	text-align: center;
	background: #fff;
	font-size: 0.8em;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

#page_container {
	position: relative;
	left: 10px;
	top: 10px;
	margin: 0 auto 10px auto;
	text-align: left;
}
#header {}
#logo {
	height: 153px;
	width: 216px;
	position: relative;
	z-index: 510;
}

p {
	font-size: 0.86em;
	margin: 0 0 10px 0;
}

a {
	color: #00628b;
	text-decoration: none;
}
#texte a:hover {
	text-decoration: underline;
}

/* =================================================== */
/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(../js/win_png.htc); }
/* blocs specifiques au site*/

/* ajouter pour containers elements floatants */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =================================================== */

.clearall {
	display: block;
	clear: both;
	float: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}


#ariane {
	clear: both;
	padding: 13px 0 13px 0;
	font-size: 0.78em;
	position: relative;
}
#ariane,
#ariane a {
	color: #b0afaf;
}
#ariane a:hover {
	color: #000;
}

/* =================================================== */
/* structuration des colonnes */
/* =================================================== */
#container_colonnes {
	clear: both;
}
#conteneur {
	width: 100%;
	float: right;
	min-height: 250px;
	position: relative;
	z-index: 300;
}
* html #conteneur {
	height: 250px;
}
#contenu {
	margin: 0 0 0 255px;
	padding: 0 0 20px 0;
}
#content {
	float: left;
	width: 100%;
	margin: 0 -314px 0 0;
}
* html #content {
	margin: 0 -628px 0 0;/* doubler la marge negative pour ie6 */
}
#content_aside {
	margin: 0;
}
.ecran_1280 #content_aside {
	margin-right: 275px;
}

#texte {
	margin: 0 314px 0 0;
	padding: 0 0 30px 0;
	color: #333;
}
#content_aside #texte {
	margin: 0;
}


#nav {
	width: 216px;
	float: left;
	margin: 0 0 80px 0;
	position: relative;
	top:-30px;
	z-index: 520;
}
#aside {
	float: right;
	width: 275px;
	padding: 0 0 0 19px;
}
.container {
	position: absolute;
	top: 0;
	left: 235px;	
	z-index: 400;
}

/* Ajouter par zohra */
.contenant {
	position: absolute;
	top: 0;
	left: 235px;	
	z-index: 400;
}
/* =================================================== */





h1 {
	padding: 0px 0px 8px 0px;
	color: #505167;
	font-weight: 400;
	font-size: 1.64em;
}
h1.special {/* pour les titres en bleu */
	color: #003366;
}
h1 span {display: none;}
h2 {
	color: #000;
	font-weight: 400;
	font-size: 1.2em;
}
h2 a {
	color: #003366;
}
h2.titre {
	clear: both;
	font-size: 0.938em;
	margin: 5px 0 0 0;
}

.sommaire_actu h2.titre{
	margin-bottom:0;
}

h2.titre span {
	background: transparent url("../charte/bg-h2-titre.gif") no-repeat 0 5px ;
  color: #505167;
  display: block;
  font-size: 1.015em;
  padding: 7px 10px 0px 17px;

}
h2.titre span a{
	color: white;
}
h2.titre.rss span a{
  color: #003366;
}
h3 {
	color: #333333;
	font-size: 1.17em; 
	font-weight: 400;
}
h4 {
	color: #333;
	font-weight: bold;
	font-size: 0.86em;
}
#texte h4 {
	color: #003366;
	font-size: 1.015em;
	font-weight: 400;
	font-style: italic;
}

#texte p.chapo,
#texte p strong.caractencadre-spip {
	color: #003366;
	
	font-weight:bold;
}
#texte p strong.caractencadre-spip {
	
}

#texte .module.mis_en_avant h2 a,
#texte .module.mis_en_avant h2 {
	color: #003366;
}
#aside h2 {
	color: white;
	background: #003f6e url(../charte/bg-h2-aside.gif) repeat-x 0 0;
	font-size: 0.938em;
	min-height: 30px;
}
* html #aside h2 {
	height: 30px;
}
#aside h2 span {
	display: block;
	padding: 8px 8px 8px 49px;
}
#aside h2 a,
#aside h2 span a {
	color: #FFF;
}
#texte .module_actu h2 a,
#texte .module_actu h2 {
	float: left;
}
#texte .module_actu p.date {
	float: left;
	padding: 5px 0 0 5px;
	color: #004071;
	clear: right;
}


/* =================================================== */
/* les differents pictos */
/* =================================================== */

span.video {
	background: transparent url(../charte/picto-video.gif) no-repeat 11px 6px;
}
span.images {
	background: transparent url(../charte/picto-images.gif) no-repeat 11px 6px;
}
span.one-step {
	background: transparent url(../charte/picto-one-step.gif) no-repeat 11px 6px;
}
span.tel {
	background: transparent url(../charte/picto-tel.gif) no-repeat 11px 6px;
}
span.plus {
	background: transparent url(../charte/picto-plus.gif) no-repeat 11px 6px;
}
span.voir {
	background: transparent url(../charte/picto-voir.gif) no-repeat 11px 6px;
}
span.ecouter {
	background: transparent url(../charte/picto-ecouter.gif) no-repeat 11px 6px;
}
span.animation {
	background: transparent url(../charte/picto-animation.gif) no-repeat 11px 6px;
}
span.chiffres {
	background: transparent url(../charte/picto-chiffres.gif) no-repeat 11px 6px;
}
span.actualites {
	background: transparent url(../charte/picto-actualites.gif) no-repeat 11px 6px;
}
span.agenda {
	background: transparent url(../charte/picto-agenda.gif) no-repeat 11px 6px;
}
span.search {
	background: transparent url(../charte/picto-recherche.gif) no-repeat 11px 6px;
}
span.telechargement {
	background: transparent url(../charte/picto-pdf.gif) no-repeat 11px 6px;
}

ul.video li {
}
ul.images li {
}
div.one-step ul li {
	background: transparent url(../charte/puce-one-step.gif) no-repeat 0 0;
}
div.tel ul li {
	background: transparent url(../charte/puce-tel.gif) no-repeat 0 0;
}
div.plus ul li {
	background: transparent url(../charte/puce-plus.gif) no-repeat 0 0;
}
div.voir ul li {
	background: transparent url(../charte/puce-voir.gif) no-repeat 0 0;
}
div.ecouter ul li {
	background: transparent url(../charte/puce-ecouter.gif) no-repeat 0 2px;
}
div.agenda ul li {
	background: transparent url(../charte/puce-agenda.gif) no-repeat 0 2px;
}
div.telechargement ul li {
	background: transparent url(../charte/puce-pdf.gif) no-repeat 0 2px;
}
#aside div.encadre.chiffres ul li,
#aside div.encadre.actualites ul li {
	padding-left: 0;
}
/* =================================================== */






#texte p {
	color: #333;
	font-size: 0.938em;
}
#texte h2,
#texte h3,
#texte p,
#texte li {
	line-height: 1.5em;
}
#texte .module h2{
	line-height: 1.1em;
}
#texte h2.titre{line-height: 1.2em;}

#texte .descriptif{
    margin-left:120px;
}

#texte .module p {
	color: #000;
}
#texte .module {
	padding-top: 8px;
	cursor: pointer;
}
#texte ul li {
	background: transparent url(../charte/bg-li.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
	font-size: 0.938em;
	color: #333;
	/*font-size: 0.86em;
	color: #003366;
	font-style: italic;*/
}

/* =================================================== */
/* les pages suivantes precedentes */
/* =================================================== */
#texte p.pages {
	padding: 10px 0 0 0;
	font-size: 10px;
	color: #666666;
}
.pages {
	padding: 10px 0 0 0;
	clear: both;
	font-size: 10px;
	overflow: hidden;
}
.pages a,
.pages b {
	background: transparent url(../charte/bg-pages.gif) no-repeat 100% 50%;
	text-align: center;
	font-size: 11px;
	padding: 2px 8px 2px 3px;
	line-height: 23px;
	text-decoration: none;
	color: #666666;
}
.pages b {
	font-weight: bold;
	font-size: 13px;
}
.pages a.last,
.sans,
b.sans,
a.sans {
	background-image: none;
}
b.sans {
	color: #003366;
	font-size: 15px;
}
.pages a:hover {
	background-color: #eaeaea;
}
/* =================================================== */




/* =================================================== */
/* les colonnes */
/* =================================================== */

.colonne75 {
	width: 72%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne66 {
	width: 63%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne25 {
	width: 20%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0 ;
}


/* =================================================== */

.colonne25 ul li,
.colonne33 ul li,
.colonne50 ul li {
	color: #666666;
	font-size: 0.86em;
}
.colonne25 ul li,
.colonne25 ul li a,
.colonne33 ul li,
.colonne33 ul li a,
.colonne50 ul li,
.colonne50 ul li a {
	text-decoration: underline;
	display: block;
	padding-bottom: 8px;
	font-style: normal;
}
.colonne25 ul li a,
.colonne33 ul li a,
.colonne50 ul li a {
	color: #00628b;
}
.colonne33 ul li {
	color: #00628b;
	margin-bottom: 5px;
	font-style: normal;
	text-decoration: none;
}
.colonne33 ul li a {
	color: #00628b;
	margin-bottom: 5px;
	font-style: normal;
	text-decoration: none;
}
.colonne33 ul li a:hover {
	text-decoration: underline;
}



/* =================================================== */
/* le plan du site */
/* =================================================== */

#texte ul.plansite {
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}
#texte ul.plansite a {
	text-decoration: none;
	color: #00628b;
	padding: 0;
	margin: 0;
}
#texte ul.plansite li {
	margin: 0;
	padding: 0;
	background: none;
}
* html #texte ul.plansite li ul li {
	display: block;
	float: left;
	width: 90%;
}
#texte ul.plansite li.colonne25 {
	width: 23%;
	float: left;
	margin: 10px 2% 0 0;
	padding: 0;
	background: none;
}
#texte ul.plansite li.colonne25 strong a {
	display: block;
	padding: 4px 14px;
	margin: 0 0 4px 0;
	position: relative;
	background: #efefef none;
	font-size: 13px;
	font-weight: 400;
}
#texte ul.plansite li.colonne25 strong a:hover {
	background: #ccc;
}
#texte ul.plansite li ul li {
	padding: 5px 0 0 12px;
	background: none;
	width: auto;
}
#texte ul.plansite li ul li strong {
	display: inline;
	background-image: none;
	background-color: white;
	padding: 0;
	font-size: 11px;
	font-weight: 400;
}
#texte ul.plansite li ul li a {
	display: block;
	padding: 4px 0 0 7px;
	background: transparent url(../charte/bg-li-plan.gif) no-repeat 0 10px;
	color: #0e3d7b;
	font-size: 10px;
}
#texte ul.plansite li ul li a:hover {
	background: #fff6ef;
	color: #333;
}
#texte ul.plansite li ul li ul li a {
	color: #000;
	background: none;
	padding: 0;
}
#texte ul.plansite li ul li ul li a:hover {
	background: #fff6ef;
	color: #333;
}
/* =================================================== */



/* =================================================== */
/* les formulaires */
/* =================================================== */
form {
	display: block;
}
/*
input,
select {
	font-size: 0.71em;
}
*/
.form_agenda {
	color: #333;
}
.form_agenda label {
	display: inline;
	color: #333;
}
.form_agenda input.submit {
	background: #069;
	color: #fff;
	padding: 2px 5px;
	border: 0 none;
	cursor: pointer;
	font-size: 12px;
}
.form_agenda input.submit:hover {
	background: #002b56;
}
.form_agenda p {
	margin: 8px 0;
}

a.mois_precedent,
a.mois_suivant {
	background: transparent url(../charte/bg-mois_prec.gif) no-repeat 0 1px;
	padding: 0 0 1px 12px;
	font-size: 9px;
	letter-spacing: -0.05em;
	color: #333;
}
a.mois_suivant {
	background: transparent url(../charte/bg-mois_suiv.gif) no-repeat 100% 1px;
	padding: 0 12px 1px 0;
}
a.mois_precedent:hover,
a.mois_suivant:hover {
	background-color: #fff;
}

#form_evenement label {
	display: block;
	margin: 10px 0 -10px 0;
}
#form_evenement textarea {
	width: 400px;
}
#form_evenement input {
	width: 196px;
	padding: 2px;
}
#form_evenement select {
	width: 206px;
}
#form_evenement input.submit {
	background: #069 url(../charte/bg-etiquette.gif) no-repeat 0 0;
	border: 0;
	color: #fff;
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	margin: 10px 0 0 0;
	font-size: 12px;
}
#form_evenement input.submit:hover {
	color: #ccc;
	display: block;
}

/* =================================================== */



/* =================================================== */
/* le diaporama */
/* =================================================== */
.diaporama {
	background: #485230;
	color: white;
}
.diaporama p {
	color: white;
	padding: 5px;
	font-size: 0.78em;
}

/* =================================================== */



/* =================================================== */
/* les outils */
/* =================================================== */
#outils {
	position: absolute;
	top: 17px;
	right: 0;
}

.machin {
	float: left;
	width: 216px;
	height: 100px;
}
#un_clic,
#annuaire,
#agenda,
#flag,
#search {
	background: #004071 url(../charte/bg-outil.gif) repeat-x 0 0;
	float: left;
	width: 15%;
	height: 40px;
	margin: 0;
}
#un_clic {
	text-align: center;
}
#agenda,
#annuaire {
	text-align: center;
	margin: 0;
}
#annuaire {
	margin: 0 1% 0 0;
}
#un_clic a,
#agenda a,
#annuaire a {
	display: block;
	background: #004071;
	height: 28px;
	margin: 0;
	color: white;
	padding: 12px 0 0 0;
}
#un_clic a:hover,
#agenda a:hover,
#annuaire a:hover {
	background: #00c0f4;
}
#flag {
	background: none;
	width: 58px;
	overflow: hidden;
	float: right;
	margin: 0
}
* html #flag {
	width: 58px;
}
#flag a {
	display: block;
	float: right;
	width: 29px;
	padding: 24px 0 0 0;
	margin: 0;
	text-align: right;
}
#search {
	background: #004071;
	width: 44%;
	margin: 0 1%;
}
#search form {
	display: block;
	padding: 12px 0 0 0;
	text-align: center;
	float: left;
	width: 100%;
}
* html #search form {
	display: block;
	padding: 12px 0 0 0;
	text-align: center;
	float: left;
	width: 64%;
}
#search label {
	display: none;
}
#search input {
	text-align: center;
	border: 0;
	padding: 3px 0;
	width: 70%;
}
#searchInput{
	font-size:0.85em;
}

/* searchButton est a remplacer par searchSubmit et ses attributs ci dessous a supprimer apres */
#search input.searchButton {
	background: #d4dce4;
	color: #032f5c;
	border: 1px solid #d4dce4;
	padding: 1px 1px;
	width: auto;
	font-size: 9px;
	cursor:pointer;
}
* html #search input.searchButton {
	position: absolute;
}
#search input.searchButton:hover {
	background: #FFF;
}
/**/
#search input#searchSubmit {
	background: #d4dce4;
	color: #032f5c;
	border: 0;
	padding: 0;
	width: 22px;
	height: 20px;
	cursor:pointer;
	display: inline;
	vertical-align: middle;
}
* html #search input#searchSubmit {
}
#search input#searchSubmit:hover {
	background: #01c0f4;
}


#search a.avancee {
	color: white;
	background: transparent url(../charte/bg-avancee.gif) no-repeat 95% 50%;
	display: block;
	height: 19px;
	width: 28%;
	padding: 0 8% 0 0;
	float: right;
	font-size: 0.8em;
	margin: 12px 0 0 0;
	text-align: right;
}
#search a.avancee:hover {
	text-decoration:underline;
}
/* =================================================== */





.module {}

.module_actu {
	border-bottom: #000000 1px solid;
}
.module_actu .module {
	clear: both;
}

#texte .module {
	margin: 0 0 4px 0;
	padding: 0px 8px 4px 0;
  border-bottom:1px solid #003366;
}
#texte .agenda_liste .module {
	margin: 0 0 4px 0;
	padding: 5px 8px;
	border-top:0;
}
.mis_en_avant_over,
.over {
	background: #eaeaea;
}
#texte .module.mis_en_avant {
	background: #d8f3ff;
	padding: 10px 8px;
}
#texte .module.mis_en_avant.mis_en_avant_over {
	background: #eaeaea;
	padding: 10px 8px;
}
#texte .module.mis_en_avant strong {
	color: #004071;
	font-weight: 400;
}
#texte .module .photo {
	width: 120px;
	float: left;
	margin: 0;
}
#texte .module.mis_en_avant .photo {
	width: 112px;
}
#texte .module .description {
	float: right;
	margin: 0 0 0 -125px;
	width: 100%;
}
#texte .agenda_liste .module .description {
	float: none;
	margin: 0;
	width: 100%;
}
#texte .module .description .date {
	color: #004071;
	font-weight: bold;
	font-size: 0.938em;
	margin: 0;
}
#texte .module.mis_en_avant .description {
	margin: 0 0 0 -113px;
}
#texte h2 {
	color: #003366;
}
#texte .module .description h2,
#texte .module .description .descriptif {
	margin: 4px 0 4px 0px;
}
#texte .agenda_liste .module .description h2,
#texte .agenda_liste .module .description p,
#texte .agenda_liste .module .description .descriptif {
	margin: 0;
}
#texte h2.chapo {
	font-size: 1.17em;
	margin: 10px 0 4px 0;
	background: transparent;
	padding: 0;
}
#texte .module.mis_en_avant .description h2,
#texte .module.mis_en_avant .description .descriptif {
	margin: 0;
}
#texte .module.mis_en_avant_sommaire .description h2,
#texte .module.mis_en_avant_sommaire .description .descriptif {
	margin-left: 100px;
}
#aside .module {
	margin: 0 0 14px 0;
}
#aside .encadre {
	border: #869ee5 1px solid;
	padding: 12px;
	margin: 3px 0 0 0;
}
#aside .encadre.fond {
	background: #a9e7fc url(../charte/bg-encadre-aside.gif) repeat-x 0 0;
}
#aside .encadre ul li {
	color: #004071;
	padding: 0 0 0 20px;
	margin: 5px 0;
	font-size: 0.86em;
}
#aside .encadre h4 {
	color: #004071;
	font-size: 0.96em;
}
#aside .actualite {
	padding: 12px;
	margin: 3px 0 0 0;
	background: #f2f2f0;
}
#aside .actualite ul li {
	color: #004071;
	margin: 5px 0;
	text-transform: uppercase;
	font-size: 0.86em;
}
#aside .actualite ul li a:hover {
	color: #000;
	background: #efefef;
}
#aside ul li a,
#aside p a  {
	color: #004071;
}
#aside ul li a:hover,
#aside p a:hover {
	color: #004071;
	text-decoration: underline;
}


/* =================================================== */
/* le footer */
/* =================================================== */
#footer {
	clear: both;
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 0.78em;
	z-index: 520;
	text-align: center;
}
#pied {
	padding: 8px 0 0 0;
	background: #004071;
	text-align: center;
	height: 22px;
	width: 100%;
}
#pied,
#pied a {
	color: #fff;
}
#pied a {
	padding: 8px 8px 6px 8px;
}
#pied a:hover {
	background: #144f7c;
}
#pied li {display:inline;}
#pied form,
#pied form div {display:inline;}
#pied form {font-size:1.2em;}
#foot {
	clear: both;
	position: relative;
	bottom: 30px;
	left: 0;
	margin: 30px auto -30px auto;
	width: 1200px;
	color: #032f5c;
	text-align: left;
}
#foot a {
	color: #032f5c;
}
/* =================================================== */

.gauche {
	float: left;
	margin: 0 10px 5px 0;
}
.droite {
	float: right;
	margin: 0 0 5px 10px;
}

.bouton,
.bouton_right,
.bouton_left {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 3px 0;
}
.bouton {
	display: inline;
	float: none;
}
.bouton_actu .bouton {
	display: block;
	float: right;
	position: relative;
	top: -26px;
	margin-bottom: -26px;
}
.bouton_left {
	float: left;
	margin: 0 10px 0 0;
}
.bouton_right {
	float: right;
	margin: 0 0 0 10px;
}
#content .bouton a,
#content .bouton_right a,
#content .bouton_left a {
	background: transparent url(../charte/bg-bouton.gif) repeat-x 0 0;
	color: #FFF;
	padding: 3px 20px;
}
#content .bouton a:hover,
#content .bouton_right a:hover,
#content .bouton_left a:hover {
	color: #003366;
	text-decoration: none;
}




a.pdf {
	display: block;
	clear: both;
	padding: 20px 0 20px 50px;
	background: transparent url(../charte/pdf.gif) no-repeat 0 0;
	text-decoration: underline;
}
a.pdf:hover {
	padding: 20px 0 20px 49px;
	background-position: 1px 0;
}


.abecedaire {
	background: #333;
	text-align: center;
	width: 98%;
	padding: 7px 1%;
	height: 18px;
	text-align: center;
}
* html .abecedaire span.clearall {
	clear: none;
}
.abecedaire a {
	text-transform: uppercase;
	color: #fff;
	margin: auto;
	text-align: center;
	display: block;
	float: left;
	width: 3.5%;
	height: 12px;
}
.abecedaire a:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
}

#texte .encadre_horizontal {
	background: #f5f6f5;
	margin: 10px 0;
	padding: 10px;
	border: #ced9e3 1px solid;
	border-width: 1px 0;
	clear: both;
	font-size: 1.095em;
}
#texte .encadre_horizontal h2 {
	font-size: 1.095em;
	text-align: left;
}
#texte .encadre_vertical {
	background: #f5f6f5;
	margin: 2px 10px 10px 0;
	width: 25%;
	float: left;
	padding: 10px;
	border: #c9c5c5 1px solid;
	clear: both;
}
#texte .encadre_vertical h2 {
	font-size: 1.095em;
	text-align: left;
}

.separateur {
	width: 100%;
	height: 30px;
	padding: 7px 0 0 0;
	clear: both;
	background: transparent url(../charte/bg-separateur.jpg) repeat-x center center;
}
* html .separateur {
	padding: 7px 0 7px 0;
	white-space: nowrap;
}
.g {
	float: left;
}
.d {
	float: right;
}

div.actu img{margin:5px;}
.article_column img{margin:5px}
ul li ul li#current{font-weight:bold;}


/* =================================================== */
/* Les tableaux */
/* =================================================== */
#content table,#content_aside table {
	width: 100%;
	background-color: #003f6e;
	margin: 10px 0;
}
#content table td, #content_aside table td {
	margin: 1px;
	background-color: #ffffff;
	padding: 13px;
	text-align: center;
}
#content table th, #content_aside table th {
	margin: 1px;
	padding: 13px;
	text-align: center;
	color: white;
	background: #003f6e url(../charte/bg-h2-aside.gif) repeat-x 0 0;
	font-size: 0.938em;
}
#content table caption, #content_aside table caption {
	margin: 0px;
	background: #003f6e;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
}


#content table.glossaire {width:100%;padding:0;background-color:white;}


#content table td.glossaire_lettre {width:200px;text-align:center;}


#content table tr.roweven {background-color:white;}
/* =================================================== */



#content div.xmap ul li,
#content div.xmap ul li ul li {
	font-style: normal;
        list-style:none;
}

.ol-background { 
	background-color:  #333399;
	color:  #FFFFFF;
}
.ol-foreground { 
	background-color: #CCCCFF;
}
.ol-textfont {
	color:  #000000;
}



/* =================================================== */
/* Le menu */
/* =================================================== */
#menu_complet {} /* pour les pages avec le menu complet */

ul#menu {
	color: #003366;
	width: 213px;
	margin: 0;
	padding: 0;
	font-size: 0.938em;
}
ul#menu li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	color: #003366;
	margin: 15px 0 0 0;
}
ul#menu li span {
	display: none;
}
* html ul#menu li {
	overflow: hidden;
}
ul#menu li a {
	display: block;
	color: #003366;
	text-transform: uppercase;
}
ul#menu li a:hover {
	background-color: #003366;
	color: #fff;
}

ul#menu li ul li {
	margin: 0;
}
#menu_complet ul#menu li ul li {
	display: inline;
	float: none;
	width: auto;
	margin: 0;
}
#menu_complet ul#menu li span {
	display: inline;
	padding: 0 1px;
}
ul#menu li ul li a {
	color: #687789;
	font-size: 0.75em;
	padding: 2px 0;
	border-bottom: #ced9e3 1px solid;
	text-transform: none;
	font-weight: 400;
}
ul#menu li ul li a:hover {
    font-weight:bold;
}
#menu_complet ul#menu li ul li a {
	display: inline;
	width: auto;
	padding: 0;
	border: 0;
}
ul#menu li ul li a:hover,
#menu_complet ul#menu li ul li a:hover {
	background-color: #efefef;
	color: #003366;
}
ul#menu li ul li.last a {
	padding: 0 7px 0 0;
	color: #687789;
	background: none;
}

ul#menu li.active ul li.active{
	font-weight:bold;
} 

ul#menu li.active ul {
	margin: 0;
	position: static;
	left: 0;
	top: 0;
	width: 213px;
}
ul#menu li ul {
	margin: 0;
	position: absolute;
	left: 213px;
	top: 0;
	width: 213px;
	background:white;
	z-index: 900;
}
#menu_complet ul#menu li ul {
	position: static;
	width: auto;
}


/***/
ul#menu li.inactive ul li a {
	padding: 2px 5px;
}
ul#menu li ul li ul li a {
	padding-left:20px;
}
/***/

ul#menu li.active a {font-weight: 700;}
ul#menu li.active li a {font-weight: 400;}
ul#menu li.active li.active a {font-weight: bold;
	background-color: #efefef;color:#003366;
}

/* =================================================== */



/* =================================================== */
/* Easy Slider */
/* =================================================== */
	#slider{
		margin: 283px 0 0 959px;
		}


	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:275px;
		height:250px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		position:absolute;
		left:959px;
		top:-176px;
		}	
	#nextBtn, #nextBtn2{ 
		left:1210px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../charte/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../charte/btn_next.gif) no-repeat 0 0;	
		}												




	
	.hidden, .accessible {display:none}
	.show{display:block}
	.next , .previous{cursor:pointer;}


/* =================================================== */

	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:275px;
		height:250px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		position:absolute;
		left:959px;
		top:-176px;
		}	
	#nextBtn, #nextBtn2{ 
		left:1210px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../charte/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../charte/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
/* =================================================== */


/* =================================================== */
/* public_cible */
/* =================================================== */


#container_public_cible {
	clear: both;
}

#public_cible {
	margin: 60px 0 0 0;
	text-align: left;
}
#public_cible a {
	color: #000000;
}
#public_cible h3 {
	display: none;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}
.kwicks li {
	/*do not change these */
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks #kwick_5 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
	
}
.kwicks #kwick_5 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}


/* =================================================== */
/* pour resolution ecran superieure ou egale a 1280 */
/* =================================================== */
/* cas general inutile d ajouter .ecran_1280 */


#page_container {
	width: 1225px;
}
#content {
	width: 970px;
}
#container_colonnes {
	width: 1225px;
}
.container {
	width: 990px;
}
#outils {
	width: 990px;
}
.kwicks li {
	width: 198px;
}
.kwicks li div.public_cible {
	position:absolute;
	width: 196px;
	top: 45px;
	left: 210px;
}

/* =================================================== */
/* pour resolution ecran inferieure a 1280 */
/* =================================================== */

.ecran_1024 #page_container {
	width: 985px;
}
.ecran_1024 #foot {
	width: 965px;
}
.ecran_1024 #pied {
	min-width: 995px;
}
* html .ecran_1024 #pied {
	width: 995px;
}
.ecran_1024 #ariane {
	width: 730px;
}
.ecran_1024 #content {
	width: 730px;
}
.ecran_1024 #content_aside {
	width: 730px;
}
.ecran_1024 #container_colonnes {
	width: 985px;
}
.ecran_1024 .container {
	width: 765px;
	left: 220px;
}
.ecran_1024 #outils {
	width: 765px;
}
.ecran_1024 .kwicks li {
	width: 153px;
}
.ecran_1024 .kwicks li div.public_cible {
	width: 198px;
	top: 25px;
	left: 165px;
}

#en_image span.previous{position:relative;top:30px;}
#en_image span.next{position:relative;top:30px;}


/**
 Diaporama photos
*/
.innerfade-title{		
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 290;
	width: 100%;
	height: 34px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: .8;
	border-top: 1px solid white;
}
.innerfade-title h2{
	color: white;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	line-height: 34px;
	background:none;
}
.mycontrolboxclass{
	position: absolute;
	right: 35px;
	top: 20px;
}
.bg-frame img { behavior: url(win_png.htc); }





/* =================================================== */
/* Modifications */
/* =================================================== */

sub,
sup {
	vertical-align: super;
	font-size: 0.75em;
	line-height: 0;
}

#ariane a.imprimer {
	display: block;
	position: absolute;
	background: #333;
	top: 10px;
	right: 25px;
	width: 14px;
	height: 15px;
}
#ariane a.imprimer:hover {
	background: #999;
}
#ariane a.rss {
	display: block;
	background: #fff;
	float: right;
	height: 15px;
    margin-left:5px;
	position: absolute;
	top: 10px;
	right: 5px;
	width: 14px;
	height: 15px;
}
#ariane span.reseaux {
	background: #fff;
	float: right;
	height: 15px;
	position: absolute;
	top: 10px;
	right: 45px;
}

ul.spip{margin-bottom: 10px;}

dl.spip_documents{}
dl.spip_documents dt.spip_doc_titre{text-align:center;}

.spip_documents_left {margin: 0 10px 0 0;}
.spip_documents_right {margin: 0 0 0 10px;}

.spip_doc_titre,.spip_doc_descriptif{display:none;}


dl.spip_documents.spip_documents_left {text-align:left;float: left;}
dl.spip_documents.spip_documents_left dt{float: left;}
dl.spip_documents.spip_documents_left dt.spip_doc_titre{text-align:left;float: none;margin-left: 5px;width: 200px;}
#TB_caption{font-size:11px;}


.hide{display:none;}
.retrait_gauche{padding-left:100px;}
table li{text-align:left;}
td.left{text-align:left;}

.back-button{position:relative;left:-212px;top:60px}
.pause-button{display:none;}
.next-button{position:relative;top:60px;left:10px;}

#texte .flux_rss{margin-bottom:10px;}

/* Correction VL */
.icon_default{margin:7px 0px 0px 100px;}

.sitemap h2.titre{margin-bottom:4px;}
.sitemap a{line-height:13px;}


.public_cible{visibility:hidden;}
.facebook iframe{height:30px;}
.fbConnectWidgetFooter{display:none;}

#texte p.form_error{color:red}
input.form_error, textarea.form_error{border:1px solid red;}

div.agenda ul li ul {
    margin-left:0px;
}
#aside .encadre ul li ul li {
    padding-left:0px;
}
div.agenda ul li ul li{
    background:0;
}
p.voir_agenda{
    text-align:right;
    margin:0;
}
p.voir_agenda a{
    font-size:0.9em;
    font-weight:bold;
}
.agenda_liste .module{border-top:1px solid #000000;}
#texte .agenda_liste .module .description h2{margin:5px 0;}
.agenda_liste .module h2 a{color:#004071;}

#texte .module .description .descriptif {margin-top:0;}
#texte .module .description h2{margin-bottom:0;}

.spip_forms textarea.forml{
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
.spip_forms textarea.forml:focus{
  background-color:#FFF2C8;
}

.faq{display:none;margin-top:5px;}
#texte .masquer_faq a{
  background: #fff url('../charte/fermer.png') no-repeat left top;
  padding:0 5px 0 16px;
  border:1px solid #AAA;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#AAA;
}
#texte .masquer_faq a:hover,
#texte .masquer_faq a:focus{
  background-color:#aaa;
  color:#FFF;
  text-decoration:none;
}
#texte .faq_titre a{color:#820710;}

#texte ul li.faq_titre {
    background:transparent url("../charte/bg-h2-titre.gif") no-repeat 0px 2px;
    
    font-size: 0.938em;
    padding: 0 0 0 20px;
}
#texte ul li.faq_titre a.titre {
  background-color: #D8F3FF;
  display: block;
  margin: 0 0 4px;
  padding: 2px 4px;
  color:#003366;
}
#texte ul li.faq_titre a.titre:hover {
  background-color: #EAEAEA;
  color:#003366;
  text-decoration:none;
}

h2.titreactu span{font-size:1.2em;}
ul.list{margin-top:6px;}
#texte .faq li,
#texte .faq p {font-size:1em}

.facebook-like{margin-bottom:5px;}

ul#menu_media li {
    border-top: 1px solid #CED9E3;
    color: #687789;
    display: block;
    float: left;
    margin: 10px 0 0;
    padding: 5px 0 0;
    position: relative;
    width: 100%;
}
#aside .encadre.telechargement ul li {line-height:18px;padding-left:22px;}
div.telechargement ul li {background-position:0 0}