/* CSS Document */

/*============== GENERAL ==============*/

html {border:0px ;}

div * {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

/* propriétés de la page */

body {
	width:948px;
	padding: 0;
	margin: 0 auto;
	background:  #fff;
	font-size:0 !important;
	line-height:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*toute les typo même tailles*/
body, body div, body p, body th, body td, body li, body dd {
   font-size: x-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
   font-size: small;
}

/* Liens non soulignés */

a	{
	text-decoration:none;
	cursor:pointer;
	color: #99008f;}
a:hover {color:#570082 !important;}
a img 	{border:none}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

/* ========================== CONTENU ========================== */

/* -------- tete -------- */

#bando {
	top:-20px;
	width:948px;
	position: relative;
}

#menu_haut {
	width:350px;
	position: relative;
	top:26px; _top: 25px;
	left: 525px;}
#menu_haut a {color: #570080;}

#drapeaux {
	width:80px;
	position: relative;
	left: 505px;
	top:29px;
	z-index:100;
}

#site {
	background: #F5CA0F url(../squelettes/icono/bg_jaune.png) repeat-x bottom;
	width: 948px;
	color: #000;
	position:relative;
	top:-10px;
	padding: 0 0 ;
}

.grosarrondis { background: #f5ca0f; }
#site div div { border-color:#fff !important; }
#site div div div { border-color:#f5ca0f !important; }

/* ------------- Ariane ------------- */

#chemin {
	margin: 12px 0 0 10px;
	width:900px; _width:872px;
	padding: 10px 14px 5px;
	font: bold 1em/0% Verdana, Arial, Helvetica, sans-serif;
	color: #570082;
	background-color: #f8dd50;
	text-align:left;}
.chemin {	width: 900px; *width: 928px;}

.ariane{width:900px; _width:880px;}
.ariane A{color: #666666;}
.ariane A:hover {color: #000000;}

/* ------------- Colonne 1 ------------- */

#col1 {
	width: 209px;
	text-align:left;
	padding: 0 0px 0 16px;
}

/* ------- Recherche ------- */

#col1 .recherche {
	margin: 15px 0 0;
	padding: 12px 0 5px 15px;
	background:#fff;
	width:194px;
}

.recherche {
	width:165px;
	text-align:left;}
.recherche .encadre { width: 194px;}

.recherche .forml {
	background: url(../squelettes/icono/search2.png) no-repeat 0 0;
	padding: 3px 7px;
	width: 120px;
	height: 18px;
	border-width: 0;
	font: bold .8em Arial, Helvetica, sans-serif;
	color: #570082;
}

.recherche .bt_ok {
	background: url(../squelettes/icono/bt_ok2.png) no-repeat 0 1px;
	width: 25px;
	height: 21px;
	border-width: 0;
	margin-left:22px;
	cursor:pointer;
}

.recherche fieldset.module {
	width: 180px;
	padding: 0 0 7px;
}

.recherche select {
	width:180px;
	height: 18px;
	padding: 3px 7px;
	font: bold .8em Arial, Helvetica, sans-serif;
	background: transparent url(../squelettes/icono/search2.png) no-repeat 0 0;
	margin: 0 0 4px;}
.recherche option {
	width: 230px;
	padding: 1px 5px;
	background:#fff;
}

.recherche .tilien {
	font: bold .9em Arial, Helvetica, sans-serif;
	margin: 0 0 10px 20px;
	width: 150px;
}


/* ------- Menu Gauche ------- */

.menu {
	margin: 15px 0;
	padding: 5px 0 15px;
	background:#fff;
	width:209px;
}

.menu .item {
	width:150px;
	margin: 0 20px; _margin: 0 10px;
	padding: 8px 10px 5px;}
.menu .separateur {	border-bottom: 1px solid #888;}

.menu .item a {
	color: #99008f;
	font: bold .9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;}
.menu .item a:hover, .menu .item .select {color:#570082;}
.menu .ssmenu a { font: bold .8em Verdana, Arial, Helvetica, sans-serif; *font: bold .7em Verdana, Arial, Helvetica, sans-serif;}

/* ------- Partenaires ------- */

.partenaires {
	padding: 8px ;
	background:#fff;
	width:194px;}
.partenaires .encadre { width: 200px;}

.partenaires .item {
	width:180px;
	padding: 8px 7px 10px;}
.partenaires .separateur {
	border-top: 1px solid #888;
	width:176px;
	height:1px;
	padding:0 7px;
}

.partenaires .item a {
	color: #570082;
	font: bold .9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#col1 .tit{
	margin: 0 0 0 10px;
	background:#fff;
	color:#666;
	width:96px;
	font: .9em/120% Arial, Helvetica, sans-serif;}
#col1 .tit b {font: bold 1em/120% Arial, Helvetica, sans-serif;}

/* ------------- Colonne 2 ------------- */

#col2 {
	width: 620px;
	text-align:left;
	background: #fff;
	padding: 0 25px 20px;
	margin: 15px 28px 0 25px;
	font:Verdana, Arial, Helvetica, sans-serif;}
#col2 .large { width:620px !important;}
.toularge { width:650px; }

#col21, #col22 {
	width: 280px;
	margin: 10px 0;
	padding: 0 30px 0 0;
}

#col21 a, #col22 a {width:280px;}
#col20 { width:620px;}
#col21 .tit, #col22 .tit { width:280px;}

#col2 h3{
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #570082;
	color:#570082;
	margin: 0 0 7px;
	padding: 0 0 3px;
	width:620PX;
}
#col2 h3 font { margin:5px 10px;}

#col2 hr{
	border-bottom: 1px solid #570082;
	margin: 0 0 7px;
}

#col2 .tit {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#99008F;
}

#col2 .supertit {
	font-weight:bold;
	padding: 15px 0 0; _margin: 0 0 25px;
	width: 620px;}

#col2 .cnt {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0 0;
	color:#666;
	min-width: 250px;
}

#initiatives, #article {
	margin:10px 0;
	width: 620px; *width: 600px !important;
	padding: 0 50px 0 0;
}

#initiatives .tit {
	font: 1em  Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	padding: 1px 0 4px;
	width:100%;
}

#col2 .fleche {
	background: url(../squelettes/icono/fleche_violette.gif) no-repeat 0 bottom;
	width: 620px; *width: 640px !important;
	_margin: 15px 0;
	height: 54px;
}

.pagination {
	background:#fceda8;
	padding: 3px 5px;
	width: 610px;
	text-align:center;
	margin: 10px 0 0 ;
}

/* ------ Documents ------ */

.doc {
	width:170px;
	margin: 9px 0 0 20px;}
#col2 .doc .tit { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif !important;}

/* ------ Articles ------ */

#col2 #article .tit {	font: 1.6em Verdana, Arial, Helvetica, sans-serif;}
#article .tit, #article .soutit, #article .surtit, #article .cnt, #article .auteur, #article .ps, #article .cnt, #article .titre2 {width: 620px;}

#article .logo { padding: 10px 0;}

#article .surtit {
	border-width:0px;
	padding: 5px 0 0;
	font: bold 1.3em/100% Verdana;
	text-transform: uppercase;
	color: #570082;
	margin:0 0 4px;
}

#article .supertit {
	font: bold 1.25em Verdana;
	color: #570082;
	padding: 0 0 4px;
	border-bottom: 1px solid #570082;
}

#article .soutit {
	font: bold 1.1em Verdana;
	color: #99008f;
}

#article .auteur {
	font: bold 1.1em Verdana;
	color: #666;
}

#article #mot_cle {
	font: .9em Verdana;
	width: 604px;
	padding: 0 8px 0 10px;
	margin: 15px 0 0;
	border-left: 7px solid #FFE885;
}

#col2 #paragraphe, #col2 .chapo {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	width: 620px;}
#col2 .chapo p {font: .95em Verdana, Arial, Helvetica, sans-serif;}
#col2 #paragraphe div, #col2 #paragraphe p {font: 1em Verdana, Arial, Helvetica, sans-serif;}
#col2 #paragraphe a {font-weight:bold; color:#570082;}
#col2 #paragraphe a:hover {color:#99008f;}

#col2 .ps {
	border-top: 4px dotted #f5ca0f;
	margin: 10px 0 0;
	padding: 10px 0 0;
	width: 620px;
}

#col2 #paragraphe .titre2 {
	display:block;
	overflow:hidden;
	zoom:1;
	width: 620px;
	margin: 0 0 5px;
}

#col2 #paragraphe h3, #col2 .cnt h3 {
	border-width: 0px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 0;
	color: #99008f;}
#col2 #paragraphe h2, #col2 .cnt h2, #col2 #paragraphe .titre2 {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 4px;
	border-bottom: 1px solid #99008f;
	color: #99008f;}
#col2 #paragraphe .titre2 {	padding: 4px 0;}
#col2 #article .titre2 {	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;}
#col2 #paragraphe h3:hover {color: #570082;}
#paragraphe div { padding: 0 0 10px; }

/* ------ liste rubrique 38 ------ */

.liste38 {
	width:630px;
	padding: 3px 0;
}

#col2 .liste38 span {
	padding: 0 0 0 10px;
	color:#99008f;}
.liste38 span.cnt {width: 580px; }

#col2 h3.titre38 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding: 13px 0 2px;
}

/* ------ Plan ------ */

ul.plan {
	width:600px;
	padding: 0 0 0 20px;}
ul.plan li li { width:580px;}

/* ------ Abonnement ------ */

.abonnement legend {
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #99008f;
	color:#551d61 !important;
	margin: 0 0 7px;
	padding: 10px 0 1px;
}

.abonnement .forml {	margin: 0 0 10px;}
.abonnement .spip_bouton input, .fondl{ cursor:pointer;}
.abonnement .spip_bouton input:hover, .abonnement .fondl:hover { color:#f5ca0f;}

/* --- Pied --- */

#pied {
	padding: 10px 0 18px; ;
	text-align:right;
	width: 981px;}

#pied a, .pied .entre {
	color : #687F86;
	font: bold 12px/115% Arial, Helvetica, sans-serif;
	padding: 0 3px;
	cursor:pointer;}
#pied a:hover {text-decoration:underline;}
.pied {width: 919px;}
.financeur { margin: 0 0 0 100px;}

/*--------------- page imprimer --------------*/

body.imprimer {
	width:100%;
	text-align : left;
	border:none;
}

.imprimer .bt_imprimer {
	border-bottom: 2px solid #f5ca0f;
	padding: 10px 10px 7px;
	margin: 0 0 10px;
	background:#f8dd50;
	width: 100%;
}

.imprimer .bt_imprimer a {
	background: url(../icono/puce_fleches_jaune.gif) no-repeat 5px ;
	color: #570082;
	padding: 0px 5px 0px 30px;
	font: bold .85em Arial, Helvetica, sans-serif;}
.imprimer .bt_imprimer a:hover, a.imprimer:hover, a.hautdepage:hover {color: #f51e24;}

.imprimer .article {
	width: 530px;
	padding : 0 18px;
}
body.imprimer .surtit { display:block; width: 550px;}
body.imprimer .supertit { display:block; width: 550px;}

.imprimer .article .chapo {
	width:530px;
	margin: 10px 0 0px;
	padding:0;
	background:#FFFFFF;
	font: bold 1em/130% Verdana, Arial, Helvetica, sans-serif;
}

.imprimer .article .cnt, .imprimer .article .ligne {width: 530px;}

/* ========================== ELEMENTS RECURENTS ========================== */

.module {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
}

.invisible {display:none; }
.gras {font-weight:bold !important;}
.italic {font-style:italic !important;}
.majuscule { font-variant:small-caps; color:#5497e2; }
.ligne { width: 640px;}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

.alert {
	display:block;
	border: 2px solid #f5ca0f;
	padding: 5px 0px ;
	margin: 10px auto 0px;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 620px;
	background: #570082 ;}


/*--------------- Texte spip --------------*/

p.spip {
	display:block;
	margin: 10px 0px ;
}

.texte p.spip, #article_corp .texte p {
	display:block;
	margin: 7px 0px ;
}

.spip_out, p.spip_note a, p.spip a, .spip_in, #col11 .spip_glossaire{
	font-weight:bold;
	color: #99008f;
}

.spip_out {
	background: url(../squelettes/icono/puce_sortir.gif) no-repeat 0 4px ;
	padding: 0px 0px 0px 12px !important;
}

.spip_out:hover, p.spip_note a:hover, p.spip a:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#570082;}

ul.spip li, li.spip {
	background:url(../icono/puce_fleche_jaune.gif) no-repeat 0 4px;
	padding : 0px 0px 0px 12px;
	list-style: none;
	font: 1em/140% Arial, Helvetica, sans-serif;
}

#col2 hr.spip {border-bottom: 3px dotted #f5ca0f}

h3.spip {
	display: block;
	overflow:hidden;
	border:none;
	padding: 0 0 0 20px;
	margin: 10px 0px 10px;
}

* li.spip {
	display:block !important;
	background: url(../squelettes/icono/puce.gif) no-repeat !important;
}

table {
	cellpadding: 0;
	cellspacing: 0;
	border-collapse:collapse;
}

table.spip, table.spip td, table.spip th {
	border: 1px solid #93b7c4;
	padding: 3px 10px;
	border-collapse: collapse;}

table.spip {
	margin: 2px 0 8px;
	border-width: 1px 1px 1px 2px;
}

table.spip th {
	background: #03406f;
	color: #fff;
	font-size: 1.3em;}

.row_odd {background:#e6eef5;}

.note {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 2px dotted #CFC2BC;
	width: 700px;
}
.documents
	{
	clear: both;
	font-size: 11px;
	}
.documents A
	{
	font-size: 11px;
	}
dl.spip_documents {
	display:block;
	overflow:hidden;
	zoom:1;
	background:#e6eef5;
	padding: 5px 6px 10px;
	text-align:left;
}
.spip_documents_left {margin : 0 2% 0 0;}
.spip_documents_right {margin : 0 0 0 2%;}
.spip_documents_center, .spip_documents_center *{ text-align:center; margin : 0 auto;}
.spip_documents_center, .spip_documents_center .spip_doc_descriptif, .spip_documents_center .spip_doc_titre { width: 100% !important;}
.spip_doc_descriptif {font: 1em/110% Verdana, Arial, Helvetica, sans-serif;}

/* Images typographiques (via image_typo), URL a revoir... */

/* BARRE TYPO ENRICHIE */

.texteencadre-spip {
	color: #570082 !important;
	background: #fceda8 !important;
	border-bottom: 2px solid #f5ca0f !important;
	border-left: 1px solid #f5ca0f !important;
	border-right: 2px solid #f5ca0f !important;
	border-top: 1px solid #f5ca0f !important;
	margin: 1em 0;
	padding: .25em;
	position: relative;
}

.caractencadre-spip {
	color: #99008f !important;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background : transparent;
}

a.spip_blank {
	color: #F00;
}

/* Pour le mode preview dans l'admin */
#article_preview {
	display:none;
	border:1px solid #666;
	overflow: auto;
	background-color: #FFCCCC;
}

/* FORMULAIRES */

.forml, .formo{
	display:block;
	width: 50%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit;
}

formo {
	display:block;
	width: 50%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit;
}

.spip_form_champ {
	margin-top: 10px;
	font-weight: bold;}
.spip_form_champ input, .spip_form_champ textarea {border: 1px solid #570082;}


.spip_form_label_obligatoire {
	color: #000000;
	font-weight: normal;
}

.spip_forms .spip_bouton, .spip_bouton input, input.fondl {
	background:#551d61;
	color:#FFFFFF;
	font: bold 1em Arial, Helvetica, sans-serif;
	float:left;
	margin: 10px 0;
	padding: 2px;
}