* {margin: 0; padding: 0; list-style: none; }
img {border-width: 0;}


html, body {width: 100%; height: 100%;}

body {
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #000000;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 996px;
	text-align: left;
	background: transparent url(../charte/bg-page.gif) no-repeat 0 0;
}
#fond {}

#header {
	height: 130px;
	width: 996px;
}

.head {}
.flag {}

#logo {
	width: 996px;
}
#logo a,
#logo span {
	display: block;
	float: left;
}
#logo a {
	width: 390px;
}
#logo span {
	width: 493px;
}

.container {
	width: 996px;
}
.contenu {
	width: 803px;
	float: right;
	color: #FFF;
}
.textes {
	width: 752px;
	background: #FFF;
	color: #660033;
	padding: 0 20px 10px 20px;
	min-height: 550px;
}
* html .textes {
	height: 550px;
}

#noire_encadre .contenu,
#noire .contenu {
	width: 782px;
}


#noire_encadre .textes,
#blanche_encadre .textes {
	float: left;
	width: 503px;
}
#blanche_encadre .textes {
	width: 520px;
}
#noire .textes,
#noire_encadre .textes {
	background: #000000;
	color: #FFF;
}
.encadre {
	color: white;
	width: 222px;
	float: right;
	margin: 10px 0;
}




a {
	color: #cc3366;
	text-decoration: underline;
}
a:hover {
	color: #850474;
	text-decoration: none;
}
a.spip_url {}
a.spip_in {}
a.spip_out {}
a.spip_glossaire {}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left {margin: 0 10px 10px 0; float: left;}
.spip_documents_right {margin: 0 0 10px 10px; float: right;}

a.lien {}



#flash {
	margin: 0 auto;
}
#diaporama {
	margin: 20px auto 0 auto;
	width: 680px;
	height: 463px;
}
#carto {
	margin: 20px auto 0 auto;
	width: 726px;
	height: 416px;
}

h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	color: #ff9900;
	font-size: 22px;
	margin-bottom:6px;
}
h1 span {}

h2 {
	font-size: 16px;
	color: #ff6699;
}
h2.spip {
	padding: 10px 0;
}
.encadre h2 {
	font-size: 18px;
	margin: 0 0 0 7px;
}
.titre {
	text-align: center;
	background: transparent url(../charte/bg-titre.gif) repeat-x center left;
	margin: 5px 0 10px 0;
}
.titre h2 {
	display: inline;
	background: #c32c7a;
	color: #FFF;
	font-size: 20px;
	padding: 2px 10px;
}
h3,
h3.spip {
	font-size: 13px;
	color: #ff6699;
}
.textes h3.spip {
	font-weight: bold;
	font-size: 12px;
}
.encadre h3,
.encadre h3 a {
	font-size: 13px;
	font-weight: normal;
	color: #ff6699;
	text-decoration: none;
}
.encadre h3 {
	background: transparent url(../charte/bg-h3-encadre.gif) no-repeat 0 21px;
	padding: 15px 0 10px 10px;
}
.encadre .description {
	margin: 7px 0 25px 0;
	border-top: #333 1px solid;
	padding: 0 0 0 7px;
}
h4 {
	font-size: 12px;
}
h5 {}
h6 {}

.textes p {
	line-height: 1.45em;
}
td {}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(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%;
}
/* fin containers elements floatants */

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


.ariane {
	color: #f19fc1;
	font-size: 10px;
	padding: 20px 0 0px 0;
}
.ariane a {
	color: #f19fc1;
	text-decoration: none;
}
.ariane a:hover {
	color: #850474;
}

.pied {
	clear: both;
	margin: 10px 0 20px 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #666666;
	font-size: 12px;
	background: transparent url(../charte/bg-pied.gif) no-repeat 0 0;
}
.pied a {
	color: #9a9a9a;
	text-decoration: none;
}
.pied a:hover {
	color: #850474;
	background: #FFF;
}
.footer {}

.footer a {}


.fiche {}

#nuage {}


table.spip {
	border: #000 1px solid;
	border-width: 0 1px 1px 0;
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
table.spip caption {
	border: #000 2px solid;
	border-width: 0 1px 2px 0;
	margin: 10px 0 0 0;
	padding: 4px 0;
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	background-color: #cc3366;
}

table.spip tr.row_first {
	background-color: #cc3366;
	color: white;
}

table.spip .row_first th {
	background: #cc3366;
	color: white;
	font-size: 14px;
}

table.spip tr.row_even {
	background-color: #efefef;
}

table.spip tr.row_odd {
	background-color: #FFF;
}

table.spip td, table.spip th {
	text-align: left;
	vertical-align: middle;
	padding: 7px 5px;
	margin: 0;
	border: #000 1px solid;
	border-width: 1px 0 0 1px;
}
table.spip td {
	color: #000;
}
table.spip td a, table.spip th a {
	color: #2b5d91;
}
p.spip {
	margin: 0 0 10px 0;
	font-size: 11px;
	text-align:justify;
}
p.spip a {}
.encadre p.spip {
	margin: 5px 0 0 0;
	line-height: 16px;
}

hr.spip { }
b.spip { }
i.spip { }
blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding: 5px;
}
.spip_code {}

p.spip_note {}

.spip_puce {
	float: left;
	clear: both;
	padding: 3px 0 0 0;
	margin: 3px -4px 2px 0;
}

.spip_documents{
	font-size : 70%;
}
.spip_documents img {
	padding : 0 4px 0 4px;
}


.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}

.formrecherche { width: 100% ; background-color: #FFDDAA;}

.reponse_formulaire {
	clear: both;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; } 


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}


a.encours {
	font-size: 15px;
	display: block;
	padding: 0 0 15px 0;
	border-bottom: #c00 dashed 1px;
}

.textes .liste {}

.fiche {}
.accueil {}

ul.spip li.spip {
	padding: 3px 0 4px 13px;
	position: relative;
	background: transparent url(../charte/bg-li.gif) no-repeat 0 7px;
}
ul.spip li.spip b {
	display: block;
	padding: 3px 5px;
	background-color: #eddfdf;
	font-weight: normal;
	color: #59595b;
}
ul.spip li.spip b a {
	color: #59595b;
}

li.spip a {}

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

/* fin colonnes */


ul.plansite {
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}
ul.plansite a {
	text-decoration: none;
}
ul.plansite li.colonne25 {
	width: 20%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 5% 0 0 ;
}
ul.plansite li.colonne25 strong a {
	display: block;
	padding: 2px 0 2px 15px;
	margin: 0 0 4px 0;
	position: relative;
	background: transparent url(../charte/bg-li.gif) no-repeat 0 4px;
	border-top: #e6e6e6 2px dotted;
	font-size: 11px;
}
ul.plansite li ul li {
	padding: 0 0 4px 15px;
	background: transparent url(../charte/puce.gif) no-repeat 0 2px;
}
ul.plansite li ul li strong {
	display: inline;
	background-image: none;
	background-color: white;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
ul.plansite li ul li a {
	color: #000000;
}
ul.plansite li ul li ul li{
	background: none;
}


/* --- debut formulaires --- */
form {
	display: block;
	margin: 0;
	padding: 0;
}
label {
	display: block;
	float: left;
	text-align: left;
	padding: 0 12px 0 2px;
	white-space: nowrap;
	font-size: 11px;
}
.colonne50 label {
	width: 90px;
	text-align: right;
}
fieldset {
	border-width: 0;
}
fieldset legend {}
input,
textarea,
select {
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}
button {
	cursor:pointer;
}

input.checkbox {
	display: block;
	width: 17px;
	height: 17px;
	float: left
}


/*  ------------------------------------------
/*  Habillage des formulaires spip
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 12px; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip h4 { 
	border-top: #e6e6e6 solid 2px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.formulaire_spip fieldset {}
.formulaire_spip legend {font-weight: bold;font-size: 12px;}

.formulaire_spip label {}
.formulaire_spip .forml {width: 200px;}
.formulaire_spip select.forml {width: 206px;}

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml {}
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche label { display: none; }
.formulaire_recherche {
	float: left;
	width: 100%;
}
.formulaire_recherche input.forml {
	background: white;
	border-width: 0;
	margin-top: 0px;
        background:none repeat scroll 0 0 white;
        height:auto;
        width:117px;
		padding:3px 0px 3px 3px;
}
.formulaire_recherche input.btok {
	margin-top: 7px;
	float: left;
}

/*  ------------------------------------------ */


input.btok {}
div.news {}
label.news {
}
.newsletter input.champtexte,
.newsletter select {}

.forml {}
input.champtext,
input.champtexte,
input.formo,
input.forml,
textarea {
	display: block;
	float: left;
	margin: 0 0 4px 0;
	/*background: white url(../charte/bg-input.gif) no-repeat bottom right;*/
}
textarea.forml {}

.spip_bouton { 
	font-weight: bold;
	font-size: 16px;
	clear: both;
	display: block;
	margin-top: 20px;
	width: 300px;
}
.textes form {}

.textes form fieldset {
}
.spip_form_legend {
	display: none;
}
.spip_encadrer {
	border-width: 0;
}

.date {
	color: #cc3366;
	font-size: 14px;
}

.evenement {
	border-bottom: #c00 dashed 1px;
	padding: 5px 0 5px 0;
	margin: 0 0 16px 0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.spip_images {
	padding: 0 14px 0 0;
}


select.formulaire {
	width: 203px;
	margin: 20px 0 0 0;
	height: 19px;
	border: 1px solid #41738D;
	color: #333;
	font-size: 11px;
}


.acces {display: none;}


.texteencadre-spip {
	margin: 10px 0 10px 0;
	padding: 15px;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
	background: #cc3366;
	color: #FFF;
}


.spip_titre_document {display: none;}

ol.spip  {  
	margin: 4px 0 18px 10px;
	padding: 0;
}
ol li.spip {
	margin: 0 0 0 15px ;
	padding: 0 0 4px 0;
	list-style-type: decimal;
	background: none;
}

strong.spip {
	font-weight: bold;

}

strong.spip a.spip_in {font-weight: bold; font-size: 10px; }


.textes .photo {
}
.encadre .photo {
	text-align: center;
}
/*
.spip_logos {
	float: right;
	clear: both;
	width: 250px;
	height: 352px;
	position: relative;
	top: -25px;
	right: 0;
	margin-bottom: -25px;
}
*/
.spip_logos img {
	position: relative;
	top: 120px;
	left: 19px;
	margin-bottom: 120px;
	margin-right: 19px;
}
input.large, select.large, textarea.large {
	border: #41738D 1px solid;
	width: 590px;
}
input.large, select.large {
	height: 19px;
}
.contenu .label input.valider {
	width: auto;
	height: auto;
	border: inherit;
	float: right;
	margin: 0 118px 0 0;
}
label {
	margin: 0;
}
.spip_forms {}
.spip_form_label {
}
.spip_form_champ {}



.actus {}


#fiche {
}


.col_droite {}
.fiche.accueil {}
.col_droite h2 {}
.fiche h2 span {}
.col_droite h3 a {}


.gauche {
	float: left;
}
.colonne_50 {
	float: left;
	width: 172px;
	margin: 0 4px 0 0;
}
li.colonne_33 {
	float: left;
	display: block;
	width: 230px;
	margin: 0 4px 0 0;
}


.impression {
	float: right;
	width: 260px;
}
.imprimer {}

.impression a {
	color: #868688;
	position: relative;
	top: -5px;
	margin-bottom: -5px;
}
.impression img {
	width: 25px;
	height: 18px;
	border-width: 0;
	margin-top: 5px;
}
p.lien {}

.textes .description {
	background: #fbdcec;
	padding: 5px;
	margin: 7px 0;
	clear: both;
}
.textes .description .photo {
	float: left;
	margin: 0 14px 0px 0;
}
.textes .description p.spip {
	color: #000000;
}
.textes .description h2.spip {
	text-decoration: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: none;
}
.textes .description h2.spip a {
	text-decoration: none;
}
.textes .description h2.spip a:hover {
	background: #FFF;
}

.fiche {
	clear: both;
}

.col_droite {}
.ancre {
	text-align: right;
}
.ancre a.spip_in {
	background: white url(../charte/bg-ancre.gif) no-repeat 0 0;
	padding: 1px 10px 5px 18px;
	color: #000;
	font-size: 9px;
}
/* affichage pages suivantes precedentes */
.pages {
	padding: 10px 0;
	clear: both;
	font-size: 10px;
	overflow: hidden;
}
.pages a,
.pages b {
	background: transparent url(../charte/bg-pages.gif) no-repeat center right;
	text-align: center;
	font-size: 11px;
	padding: 2px 8px 2px 3px;
	line-height: 23px;
	vertical-align: middle;
	text-decoration: none;
}
.pages b {
	font-weight: bold;
	font-size: 13px;
}
a.last,
.sans,
a.sans {
	background-image: none;
}
/* fin affichage pages suivantes precedentes */

.augmenter_diminuer {
	position: absolute;
	left: 264px;
	top: 0;
	height: 24px;
	width: 90px;
}

.caractencadre-spip,
.chapo {
	font-weight: bold;
	margin: 10px 0;
}
.chapo {
	padding: 0 10px;
	color: #cc3366;
}
.textes .chapo {
	padding: 0;
}
.caractencadre-spip {
	color: #FFF;
	background: #cc3366;
}

/* debut coverflow */
.coverflow {}

#myContent {}
/* fin coverflow */

.abecedaire {
	margin: 10px 0 15px 0;
}

.abecedaire a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 0 3px;
}

.abecedaire a:hover {
	color: #850474;
	text-decoration: none;
	background: #CCC;
}


/* blocs specifiques au site*/
/* fin blocs specifiques au site*/

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* ======================================= */
/* debut menu gauche */
/* ======================================= */
.menugauche {
	float: left;
	width: 193px;
	padding: 18px 0 0 0;
	position: relative;
	z-index: 5;
}

ul.menu_1 {
	border-top: #333333 1px solid;
}
ul.menu_1,
ul.menu_2,
ul.menu_3,
ul.menu_4 {
	border-bottom: #333333 1px solid;
	padding: 10px 0 10px 4px;
}
ul.menu_4 {
	border-bottom: 0;
}
li.first a {
	color: white;
	font-weight: bold;
}
.menugauche ul li.first h2,
.menugauche ul li.first h2 a {
	color: #ff6699;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.menugauche ul.menu_4 li.first h2,
.menugauche ul.menu_4 li.first h2 a {
	color: #99ccff;
}
.menugauche ul.menu_4 li.first p {
	padding: 10px 0 0 9px;
}


.menu_g {margin: 0; width:183px; text-align: left;}

.menu_g li {padding:0; margin: 0; position: relative; width: 183px; height: 1.7em; z-index:10;
background: transparent url(../charte/bg-menug-li.gif) no-repeat 0 10px;}

.menu_g li dl {position:absolute; top:0; left:0; padding-bottom:0;}

.menu_g li a {text-decoration:none; padding: 4px 0 4px 12px;}

.menu_g li a:hover {border:0;}

.menu_g dl {width: 183px; margin: 0; padding: 0; background: transparent;}

.menu_g dt {width: 183px; }

.menu_g dt a {display:block; color: #fff; padding: 4px 24px 4px 12px; }

.menu_g li:hover dl {width:360px;}

.menu_g li a:hover dl {display:block;width:180px;margin-left: 170px;}
.menu_g li a:hover dl dt{display:block;position: relative;width:180px;left: -170px; background: #c32c7a}

.menu_g li:hover table dl {color: #FFF;background: #000000;}

.menu_g li:hover dt a {color:#fff; background-color: #c32c7a;}

.menu_g li a:hover dt a {color:#fff; background-color: transparent;}

.menu_g li a table {border-collapse:collapse; padding:0; width: 183px;}

.menu_g li a table dt a { background-color: transparent; color: white;}


* html .menu_g li a:hover { color: white;}


.menu_g li dd {display:none; position: relative; top: -25px;z-index: 50;}

.menu_g li:hover dd,
.menu_g li a:hover dd {display: block; background: #000; padding:4px; }

.menu_g dd {margin:0; padding:0; color: #fff; text-align:left; width:172px; float:right; clear:right;}

.menu_g dd a,
.menu_g dd a:visited {display:block; background:#000; color:#fff; text-decoration:none; text-align:left; }

.menu_g li a:hover dd a:hover,
.menu_g dd a:hover,
.menu_g dd a:active {background: #c32c7a; color:#white; }



.menugauche .newsletter {
	color: white;
	background: transparent url(../charte/bg-newsletter.gif) no-repeat bottom center;
	margin: 0 0 0 4px;
	color: #FFF;
	font-size: 11px;
}

.menugauche  .newsletter .news {
	background: transparent url(../charte/bg-newsletter-h.jpg) no-repeat top center;
	padding: 10px 0 30px 0;
	text-align: center;
}
.menugauche  .newsletter .news p {
	font-size: 12px;
}
.menugauche  .newsletter .news p.contactez {
	text-align: left;
	padding: 0px 0 19px 50px;
}
.menugauche  .newsletter .news p strong {
	font-size: 14px;
}
.menugauche  .newsletter .news p a {
	font-size: 10px;
	color: white;
	text-decoration: none;
}


/* ======================================= */
/* fin menu gauche */
/* ======================================= */


/* ================================================================ */
#menu {
	width: 740px;
	clear: both;
	position: absolute;
	top: 104px;
	left: 0px;
	width: 996px;
	height: 30px;
	background: transparent url(../charte/bg-menu.jpg) no-repeat 0 0;
	z-index: 810;

}

#menu a {
	color: #fff;
	font-weight: bold;
}

#cartographie{text-align:center;margin:10px 0px}
#div_newsletter{margin:10px auto;width:300px;}

h2.recherche{
	margin:5px 0;
}
ul.recherche li{
	padding:3px 10px;
}
ul.recherche p{
	padding-left:30px;
}
.spip_surligne {
	background-color:inherit;
}