/*Correction par defaut */
body {
    font-size: 1em;
}

/* Position des blocs */
#page { /* page de 1024px centre sur la fenetre*/
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 205px; /* Pour le bandeau d'entete fixe */
}
#menus {
    position: absolute;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    top: 215px;
    
}
#contenupage { /* paneau central du texte, 600px longeur */
    width: 600px;
    position: relative;
    left: 212px;
    min-height: 350px;
    margin-top: 0px;
}
#menu_gauche { /*menu gauche, longeur=212px = 5+204+1+2*/
    width: 204px;
    margin-right: 812px;
    float: left;
    position: absolute;
}
#menu_droite { /*menu gauche, longeur=212px = 5+207*/
    width: 204px;
    margin-left: 820px;
    float: right;
    position: absolute;
}

/* Nettoyeur*/
.nettoyeur {
    clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Tahoma, Verdana, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
/*q, blockquote, .liste-articles li .texte, .voirskel {
	font-family: Georgia, Times, serif; }
*/
/*  ------------------------------------------
/*  Couleur generale du site
/*  ------------------------------------------ */
body {
    /*background-color: black;
    color: #bb2;*/
    background-color: #2d383b; /*Bleu foncé*/
    color: #c0c0c0; /*Gris clair*/
}
a, a:focus, a:visited {
    color: #f00;
    text-decoration: none;
}
a:hover , a:active {
    text-decoration: underline;
}

/* Entete */
#bandeau {
    display:block;
    width: 1024px;
    top: 0px;
    z-index: 10;
    /*position: fixed;*/
    position: absolute;
    background-color: #2d383b;
    border-bottom: 1px solid #c0c0c0; 
}
#entete {
    width: 100%;
    top: 0px;
}
#entete #titreimage {
    width: 1024px;
    height: 188px;
    border-bottom: 1px solid #c0c0c0; 
}
#entete #nom_site_spip {
    font-size: 1.6em;
    font-weight: bold;
    /* float: left;*/
    position: absolute;
    top: 155px;
    left: 0px;
    padding-left: 5px;
}
#entete div.formulaire_recherche {
    /*float: right;*/
    position: absolute;
    top: 162px;
    right: 0px;
    padding-right: 5px;
}

/* Fil d'Ariane */
#hierarchie {
    clear: both;
    margin-bottom: 2px;
    font-size: 0.77em; }

/* Pied de page */
#pied {
    position: relative;
    clear: both;
    width: 100%;
    border-top: 1px dotted #CCC;
    padding: 2px;
    text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }
#pied #real {
    position:absolute; 
    right:0px; 
    top:7px; 
    font-size:0.75em;
    color: #767c7d;
}
#pied #real a {
    color: #767c7d;
}
/* Menu gauche */ 
#menu_gauche a {
    color: #f00;
}
.rubrique .principal {
    padding: 12px 0 4px 0;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: bold;
    background-repeat: no-repeat;
    line-height: 33px; 
}
.principal .assotitre {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 0px;
    display: block;
    text-align: right;
}
.principal .assotitre img {
    padding-right: 4px;
}
.principal .assotitre a {
    display: block;
}
.principal .assotitre:hover a {
    background-image: url('images/bulletitre.gif');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 35px;
}
.principal .assotitre a.on {
    background-image: url('images/bulletitre3.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 35px;
}
.principal .assotitre a {
    background-image: url('images/bulletitre1.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 35px;
}
.principal .escatitre {
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 0px;
    display: block;
    text-align: left;
}
.principal .escatitre img {
    padding-left: 4px;
}
.principal .escatitre a {
    display: block;
}
.principal .escatitre:hover a {
    background-image: url('images/bulletitre.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.principal .escatitre a.on {
    background-image: url('images/bulletitre3.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.principal .escatitre a {
    background-image: url('images/bulletitre1.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.rubrique > ul {
    font-size: 1.3em;
    /*vertical-align: center;*/
    line-height: 33px; 
}
.rubrique ul a{
    display: block;
    font-size: 0.8em;    
    font-weight: bold;
}
.rubrique ul ul {
    font-size: 0.9em;
}
.rubrique ul ul a{
    display: block;
    font-weight: normal;
}

#menu_gauche .rubrique {
    text-align: right;
}
#menu_gauche .rubrique li a {
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 35px;
}
#menu_gauche li ul {
    padding-right: 0px;
}
#menu_gauche .rubrique li ul li:hover a {
    background-image: url('images/bullelong2.gif');
    padding-right: 42px;
}
#menu_gauche .rubrique li ul li a.on {
    background-image: url('images/bullelong3.png');
    padding-right: 42px;
}
#menu_gauche .rubrique li ul li a {
    background-image: url('images/bullelong1.png');
    padding-right: 42px;
}
.rubrique li a:hover {
    background-image: url('images/bulle2.gif');
}
.rubrique li a.on {
    background-image: url('images/bulle3.png');
}
.rubrique li a {
    background-image: url('images/bulle1.png');
}
/* Menu droite */
#menu_droite .rubrique {
    text-align: left;
}
#menu_droite .rubrique li a {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
}
#menu_droite li ul {
    padding-left: 0px;
}
#menu_droite .rubrique li ul li a:hover {
    background-image: url('images/bullelonginv2.gif');
    padding-left: 42px;
}
#menu_droite .rubrique li ul li a.on {
    background-image: url('images/bullelonginv3.png');
    padding-left: 42px;
}
#menu_droite .rubrique li ul li a {
    background-image: url('images/bullelonginv1.png');
    padding-left: 42px;
}
/*Texte principal*/
.texte { 
    text-align: justify;
    line-height: 1.2em;
}
p.spip {
    text-align: justify;
    line-height: 1.3em;
}
em, strong, h1.titre, h2, h3.spip, h4, h5, h6 {
    color: #6671de; /* bleu clair */
}
.spip small {
    font-size: 0.8em;
}
strong {
    font-weight: bold;
}
strong.caractencadre-spip {
    color: #f62; /* orange */
}
.texte i {
    font-style: italic;
}
.cartouche {
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: center;
    margin-bottom: 1em;
}
.cartouche .titre {
    font-size: 1.27em;
    font-weight: bold;
}
.cartouche small {
    font-size: 0.8em;
}
.cartouche .spip_logos { /*image logo*/
    float: right;
    margin-left: 15px;
    padding-top: 10px;
}
.chapo {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 1.0em;
    text-align: justify;
    line-height: 1.4em;
}
.chapo.sommaire {
    padding: 10px 50px 10px 50px;
}
blockquote {
    padding-left: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #6671de;
    border-left: 2px solid #6671de;
    margin: 1em 3em 1em 3em;
}
/*.texte h3 {*/
h3.spip {
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.4em;
    margin-bottom: 1.3em;
}
.texte h4 {
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-bottom: 0.3em;    
}
.texte h5 {
    font-size: 1.0em;
    margin-top: 0.2em;
    margin-bottom: 0em;    
}
small {
    font-size: 0.8em;
}
p.spip {
    margin-top: 0.75em;
    margin-bottom: 0.7em;
    line-height: 1.3em;
}
.spip_documents_left {
    padding-right: 20px;
}
.spip_documents_right {
    padding-left: 20px;
}
.spip_documents_center {
    clear: both;
    /*display: block;*/
    margin: 10px auto 10px auto;
    width: 100%;
}
.spip_documents {
    text-align: center;
}
span.spip_documents_center {
    display: block;
}
.spip sup, h1 sup, h3 sup {
    font-size: 0.9em;
}
.spip_doc_titre {
    text-align: center;
}
/* poesie */
div.spip_poesie {
    text-align: center;
    margin: 0em 50px 1em 50px;
}
/* Diaporama sommaire*/
#diaporama {
    margin: 1em auto 3em auto ;
    width: 550px;
}
#diaporama img {
    width: 550px;
}
/* Diaporama article */
#myGallery {
    width: 550px !important;
    height: 420px !important;
}
.page_sommaire #myGallery { /* Taille texte gallerie page sommaire */
    font-size: 1.2em;
}

/* don sommaire*/
#don, #livre{
    margin: 1em auto 1em auto;
    width: 300px;
    text-align: center;
    color: #6671de;
    font-size: 1.6em;
}
/* sponsorts sommaire */
#listspon {
    font-size: 0.6em;
    margin-top: 1em;
    position: relative;
    width: 1024px;
    left: -212px;
    text-align: center;    
}
#listspon p {
    padding-left: 2px;
}
#listspon ul {
    list-style-type: none;
    display: block;
    margin-bottom: 0em;
}
#listspon ul li {
    display: inline;
    /*width: 200px;*/
    text-align: center;
    /*float: right;
    padding-top: 0.5em;*/
    padding-left: 10px;
    padding-right: 10px;
}
#maj {
    font-size: 0.9em;
    text-align: center;
    margin-top: 3em;
}

/* liste */
ol.spip {
    list-style-type: decimal;
    padding-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.3em;

}
ul.spip {
    list-style-type: square;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.3em;

}
li.spip {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

dl.spip_documents_center {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    
}

dl.spip_documents_center dd.spip_doc_descriptif {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    color: #6671de; 
}

/* Bienvenue sommaire */
#bienvenue {
    /*color: red;*/
    color: #6671de;
    text-align: center;
    font-size: 1.2em;
    margin-top: 0.5em;
}
#bienvenue h2 {
    font-size: 1.3em;
    line-height: 1.5em;
}
/* Notes */
div.notes {
    border-top: 2px solid #555;
}
/* tableaux */
table {
    margin: 20px auto 20px auto;
    width: 550px;
}
table caption {
    font-size: 1.2em;
    color: #aad;
    text-align: center;
}
table thead {
    background-color: #292333;
}
table thead strong {
    color: #aad;
    text-align: right;
}
table tr td {
    padding-left: 5px;
    padding-right: 5px;
    /*color: #aa0;*/
}
table tr.row_even {
    background-color: #48485a;
}
table tr.row_odd {
    background-color: #2b2b36;
}
table th, table td { 
    padding: 3px; 
    text-align: left; 
    vertical-align: middle; 
}
table thead tr th {
    text-align: center;
}

/* Contre-encart*/
.contre-encart h2, .notes h2, .ps h2 {
    margin-top: 1em;
    font-size: 1.2em;
}
.contre-encart ul, .notes ul{
    margin-top: 1em;
}
.contre-encart ul li, .notes ul li {
    font-weight: bold;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
p.spip_note, .ps div {
    font-size: 0.9em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Liens article précédent/suivant */
.precsuiv {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 2px solid #555;
}


/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles {
    text-align: center;
}
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }
    
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Portfolio */
#documents_portfolio {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}
#myGallery {
    font-size: 0.7em;
    font-weight: normal;
}

/* smooth gallerie */
#myGallery {
    width: 550px;
    margin: 1em  auto 1em auto;
}
.page_sommaire #myGallery {
    margin-bottom: 1em;
}
/* video sommaire*/
dd.spip_doc_descriptif {
    text-align: center;
    color: #6671de;
    margin: 0.3em auto 0.3em auto;
    width: 300px;
    
}

/* plan du site */
.page_plan h2 {
    font-size: 1.5em;
}
.page_plan .contre-encart ul {
    margin-left: 2em;
    list-style-type: square;
}
.page_plan .contre-encart ul.planart {
    margin-top: 0em;
    margin-bottom: 1em;
    font-size: 0.8em;
}

/* Mentions */
.mentions h3 {
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.4em;
    margin-bottom: 1.3em;
    color: #6671de; /* bleu clair */
}

/* Formulaires */
.spip_forms form label {
	float:none;
}
.spip_forms h2 {
	margin:.2em;
	color:#f60;
}
.spip_forms {
	/*color: black;*/
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-left: 3px solid #963;
}
.spip_forms form {
	border:0;
	margin:0;
	padding:.5em 0 0 0;
}
.spip_forms div.spip_descriptif {
	border:0;
	margin:0;
	clear:both;
}
.spip_forms h3 {
	float:none;text-align:left;
}
.spip_forms legend {
	font-size:1.15em;
	padding:5px;
	color: #f00;
}
.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 1em;
}
.spip_forms .spip_form_label {
  	font-weight: bold;
  	text-align:left;
  	color: #bb2;
	display: block;
}
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
	text-align:left;
  	font-weight: bold;
  	color:#f60;
}
.spip_forms .spip_form_label_obligatoire {
	font-weight: normal;
	font-style:italic;
	font-size:.9em;
}
.spip_forms .obligatoire_oublie {
	color:red;
}
.spip_forms .spip_form_label_details{
	display:block;
	font-style:italic;
	text-align:left;
	color: #bb2;
}

.spip_forms .spip_form_choix_multiple {
	display:block;
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
	width:auto;
}

.spip_forms .spip_form_choix_unique label {
	margin:0 0 5px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	width:auto;
	margin:0 5px 0 0;
}
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{
list-style:none;float:left;padding-left:5px;width:45%;
}

.spip_forms .spip_sondage {
	margin: auto;
}

.spip_forms .spip_form_erreur {
	font-weight:bold;
	color:red;
}
.spip_forms .spip_form_ok {
	font-weight: bold;
	background:#262626;
	color:#F1F1F1;
	margin: 1em 0 0 0;
	padding: .6em;
}
.spip_forms .spip_form_ok a {
	color:#FFF9E2;
}
.spip_forms .spip_form_ok a:hover {
	color:#DEB55E;
}
.spip_forms .spip_form_ok_confirmation{
	display:block;
}
.spip_forms .spip_sondage strong {
	display:block;
	clear:both;
	margin-left:5px;
}
.spip_forms .spip_sondage .ligne_nom {
	width:19%;
	text-align:right;
	padding-right:1%;
}
.spip_forms .spip_sondage .ligne_nom:after {
	content:" :";
}
.spip_forms .spip_sondage .ligne_barre {
	height: 16px;
	background: url(ligne.gif) repeat-x;
	border: 1px solid black;
	width:80%;
}
.spip_forms .spip_sondage .sondage_table {
	display: table;
	width:100%;
}
.spip_forms .spip_sondage .sondage_ligne {
	display: table-row;
}
.spip_forms .spip_sondage .sondage_ligne > div {
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
	white-space: nowrap;
}
.spip_forms .forml, .spip_forms .formo {
	width:85%;
	border-bottom:solid 1px #E2CEC1;
	border-right:solid 1px #E2CEC1;
	border-top:1px solid #AF896F;
	border-left:1px solid #AF896F;
	font-size:1em;
	padding:.25em;
}
.spip_forms .forml, .spip_forms .fondl {
	background: #FFFDE7;
	color:#4A4336;
	width:85%;
}
.spip_forms .formo, .spip_forms .fondo {
	background-color: white;
	color:#4A4336;
	width:85%;
}
.spip_forms .champ_obli_oubli {
	border:2px solid red;
}
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus {
	border-bottom:solid 1px #C9AB97;
	border-right:solid 1px #C9AB97;
	border-top:1px solid #81593E;
	border-left:1px solid #81593E;
	background: #FFF2C8;
	color:#433817;
	font-weight:normal;
	font-size:1em;
	padding:.25em;
	width:85%;
}
.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus {
	border-bottom:solid 1px #C9AB97;
	border-right:solid 1px #C9AB97;
	border-top:1px solid #81593E;
	border-left:1px solid #81593E;
	background:#FFF9EE ;
	color:#433817;
	font-weight:normal;
	font-size:1em;
	padding:.25em;
	width:85%;
}
.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
	border-top:solid 2px #980F1B;
	border-left:solid 2px #980F1B;
	border-bottom:2px solid #F3192B;
	border-right:2px solid #F3192B;
	background: #FFF2C8;
	color:#4D161B;
	font-weight:normal;
	font-size:1em;
	padding:.25em;
}
.spip_forms .spip_bouton input {
	border: 1px solid #563033;
	cursor:pointer;
	padding:.4em;
	background:#F0E6DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	width:100px ;
	color:#4A4336;
}
.spip_forms fieldset {
	border: 1px none #8F8181;
	padding: .4em .4em .4em 1em;
	margin:.5em 0 .5em 0;
	border-top-style: dashed;
	border-left: 6px solid #c96;
	border-top-color: #c96;
}
.spip_forms a.resultats_sondage {
	display:block;
	float:right;
	background:#FFFBED;
	color:#444040;
	padding:.2em;
	border:1px solid #A07D7A;
	text-decoration:none;
}
.spip_forms a.resultats_sondage:hover {
	background:#444040;
	color:#F8F5EC;
	text-decoration:none;
}
.spip_forms p.spip_form_ok, .spip_forms p.spip_form_erreur, .spip_forms form {
	clear:both;
}
span.nettoyeur{
	clear:both;line-height:1px;font-size:1px;display:block;
}
span.erreur { display:block;}

.forum-chapo h3 a {
       color: #6671de;
}
h2.forum-repondre {
       font-size: 1.25em;
       margin-bottom: 1.5em;
}
.forum-message {
       margin-bottom: 1.5em;
}
.spip_barre{
      background-color: white;
}
.previsu{
      margin-top: 2em;
      margin-bottom: 2em;
}
.previsu legend {
      font-weight: bold;
      font-size: 1.2em;
}