/* CSS Document */
* {
margin: 0;
padding:0;
}
html{
height: 100%;
background: #044772 url(images/bg_images/rotator.php);
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size:12px;
cursor:default;
padding:0 30px;
}
/*-------------- liens -------------------------*/
a{
text-decoration: none;
color: #044772;
font-weight:bold;
}
a:hover{
color: #d95f11;
}
/*liens colors speciales*/
#menu-lang a:hover{
color: #044772;
}
/* bleu claire */
#chemin a:hover{
color:#A9C2D8;
}
/* blanc */
#menu-lang a,
#chemin a,
#left a,
#right a,
#left li.bouton_left_srub a,
#centre div.cadre div.rbcontent a{
color:#fff;
}
/* vert */
#footer a{
color: #98a405;
}
/* gris */
#centre div.cadre div.rbcontent a:hover,
#footer a:hover{
color:#999;
}
.commentaire-fil a{
color: #C0C0C0;
}
.commentaire-fil a:hover{
color: #f7931d;
}
a.spip_in{
white-space:nowrap;
}

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

img{
border:none;
outline:none;
}

h3{
font-size:1.4em;
margin-bottom:5px;
}
.plan h3{
margin:7px 0 0;
}
h4{
font-size:1.2em;
margin-bottom:5px;
}
.abonnement h4{
margin-top:15px;
}
h4.titre_doc{
margin-top:20px;
}
/*-------------------------------container-------------------------------------*/
#principal{
margin: 0 auto;
padding:10px 0 0;
min-width:900px;
max-width:1245px;
}
#header{
height:220px;
background:transparent url(images/banner.png) 0 20px no-repeat;
border-bottom:40px #fff solid;
position:relative;
z-index:0;
}
div#main{
background-color:#FFFFFF;
margin-top:-30px;
min-height: 100%;
}
#left{
width:200px;
_width:165px;
float:left;
padding:0 20px 0 15px;
z-index:10;
}
#right{
width:160px;
_width:125px;
float:right;
padding:0 15px 0 20px;
}
#centre{
margin-left:235px;
margin-right:195px;
min-height:600px;
_height:600px;
padding-bottom:40px;
}
p#footer{
text-align:right;
color: #98a405;
padding:0 30px 50px 0;
}


/*-------------------------------mise en page-------------------------------------*/
#header #menu-lang{
font-size:1.5em;
color:#044772;
font-weight:bold;
text-transform:capitalize;
float:left;
margin:50px 0 0 15px;
}
#header div#chemin{
position:absolute;
font-size:0.95em;
top:200px;
left:20px;
color:#fff;
}
#header img.logo{
position:absolute;
top:0;
right:195px;
width:420px;
}
#header div.formulaire_recherche{
float:right;
margin:150px 15px 0 0;
}
#header .formulaire_recherche input{
width:148px;
_width:136px;
color:#044772;
background-color:#fff;
padding:4px 6px;
}

div#left div.descr_site{

}

/* --- #centre */
p.small{
font-size:.85em;
}
img.logo_art,
img.logo_rub{
float:left;
margin: 0 10px 10px 0;
}


/* round corners in firefox and safari */

div.box{
margin:30px 0 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 2px solid #044772;
padding: 10px;
}
div.box.orang{
border: 2px solid #d95f11;
}
div.box.green{
border: 2px solid #98a405;
}
div.box div.inside{
margin:-10px 0;
}
#centre div.cadre{
padding:10px 17px 15px;
}



/* boites bleues pour titres et chapo-rub */
/* round corners found here :http://www.redmelon.net/tstme/4corners/ */

.rbtop div  { background:#044772 url('images/c_tl.png') top left no-repeat; }
.rbtop      { background:#044772 url('images/c_tr.png') top right no-repeat;  }
.rbbot div  { background:#044772 url('images/c_bl.png') bottom left no-repeat;  }
.rbbot      { background:#044772 url('images/c_br.png') bottom right no-repeat; margin:-10px 0 20px;}

.rbtop div,
.rbtop,
.rbbot div,
.rbbot {
width: 97%;
height: 16px;
}
.rbcontent{
width: 97%;
background-color:#044772;
}
/* --- */
#centre div.cadre div.rbcontent p {
color:#fff;
padding:0 20px 10px;
background-color:#044772;
}
#centre div.cadre div.rbcontent p.titre {
line-height:1.3em;
font-size:1.4em;
font-weight:bold;
margin-top:-3px;
}
#centre div.cadre div.rbcontent p.soustitre{
font-size:1.2em;
padding-top:10px
}
#centre div.cadre div.rbcontent div.chapo-rub {
font-size:1.1em;
padding:10px;
color:#fff;
font-weight:bold;
}
/* variantes pour modeles */
div.rbcontent p.spip{
margin:0;
}
/*div.rbcontent.green,
#centre div.cadre div.rbcontent.green p{
background-color:green;
}*/

/* --- */
#centre div.cadre div.chapo{
font-weight:bold;
margin:15px 0;
}

#centre div.cadre div.ps{
font-style:italic;
}
#centre div.cadre a.lire_plus{
display:block;
text-align:right;
margin:20px 10px -16px;
}
#centre div.cadre div.pied_commentaire{
border-bottom:2px solid #044772;
text-align:right;
margin:30px 0 30px;
}

#centre div.cadre ul{
font-size:.95em;
margin-left:10px;
}
#centre div.cadre ul li{
list-style-image:url(puce.gif);
}
ul.forum li{
border:1px solid #e5e5e5;
padding:5px;
margin-top:5px;
}
fieldset,
textarea,
input{
border:1px solid #e5e5e5;
}
div.retour{
float:right;
text-align:center;
background:transparent url('images/retour.png') top right no-repeat;
padding:6px 0;
width:100px;
height:16px;
_height:28px;
}
div.retour a{
background-color:transparent;
color:#044772;
font-weight:bold;
text-align:center;
width:100px;
border:none;
outline:none;
}
div.retour form input:hover{
cursor:pointer;
color:#98A405;
}
#centre div.cadre div.link{
border-bottom:#044772 solid 2px;
margin:25px 0;
padding-bottom:10px;
}
#centre div.cadre p.puce_big{
min-height:16px;
_height:12px;
padding:2px 0 2px 16px;
background:url(images/puce_big.png) no-repeat;
}
div.doc{
float:left;
}
div.doc span.titre_doc{
font-weight:bold;
font-size:1.05em;
}

/* ------------- PETITION FORMULAIRE */
#centre div.spip_descriptif{
font-size:1.3em;
font-weight:bold;
}
#centre .spip_forms a.resultats_sondage {
background:transparent none repeat scroll 0 0;
color: #98a405;
border:1px solid #98a405;
display:block;
float:none;
text-align:center;
width:150px;
_width:140px;
margin-top:10px;
padding:5px;
}
#centre .spip_forms a.resultats_sondage:hover{
color:#d95f11;
border:1px solid #d95f11;
}
#centre form{
clear:none;
}
#centre div.spip_forms {
border:none;
color: #333;
margin:0 0 16px;
padding:6px;
}
#centre .spip_forms div.spip_descriptif{
clear:none;
}
#centre fieldset{
padding:10px;
margin:10px 0;
border:1px solid #d1d1d1;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#centre fieldset p{
margin:10px 5px;
}
#centre fieldset legend{
font-weight:bold;
color: #98a405;
font-size:1.3em;
}
div.spip_form_champ{
margin:5px 0;
}
#centre fieldset span.spip_form_label{
display:block;
float:left;
width:40%;
padding-right:10px;
color: #044772;
text-align:right;
}
#centre fieldset.tob-txt{
vertical-align:top;
}
#centre  span.spip_form_label_details{display:none;}
#centre fieldset input.forml,
#centre  .spip_forms .forml,
#centre  .spip_forms .formo{
background-color:#fff;
width:55%;
border:0 solid #044772;
border-width:0 0 1px 0;
padding:0;
}
#centre .spip_forms textarea.formo{
margin-left:40px;
border:1px solid #044772;
width:55%;
}
p.reponse_formulaire{
text-align:center;
color:#d95f11;
}
#centre div.spip_bouton.signer {
text-align:right;
}
#centre div.spip_bouton input{
border:2px solid #d95f11;
margin:50px;
font-size:1.3em;
font-weight:bold;
text-align:center;
padding:10px;
background:#fbd4b2 url(images/bg_petition_submit.png) repeat-x bottom right;
width:auto;
color: #fff;
}
#centre div.spip_bouton input:hover{
color: #ffb101;
}
#centre span.erreur{
color: #d95f11;
display:inline;
}
/*-------------------------------navigation-------------------------------------*/
div#left div.bouton_petitie{
margin:50px auto;
}
#left ul{
width:100px;
}
#left ul li.bouton_left_srub{
width:170px;
_width:200px;
height:25px;
_height:37px;
padding:12px 15px 0;
margin-top:10px;
font-size:1.3em;
list-style: none;
background: transparent url('images/button_left_srub_off.png') no-repeat;
}
#left ul li.bouton_left_srub:hover{
background: transparent url('images/left_srub_hover.png') no-repeat;
}
#left ul li.bouton_left_srub.on{
height:auto;
background: transparent url('images/left_srub_on_top.png') no-repeat;
}
#left ul li.bouton_left_srub ul{
display:none;
}
#left ul li.bouton_left_srub.on ul{
display:block;
margin:-1px 0 0 -15px;
_margin-top:-20px;
padding:10px 0;
width:200px;
background:#98a405 url('images/left_srub_on_bottom.png') no-repeat bottom left;
}
#left ul li.bouton_left_srub.on ul li {
list-style:none url('images/puce_left_srub.png');
padding:5px 0;
margin-left:48px;
font-size:.85em;
height:24px;
_height:34px;
vertical-align:middle;
}
#left ul li.bouton_left_srub.on ul li:hover,
#left ul li.bouton_left_srub.on ul li.on {
list-style:none url('images/puce_left_srub_on.png');
}
#left ul li.bouton_left_srub.on ul li a{
margin-top:-5px;
} 
#left div.bouton_left_bottom{
width:200px;
height:42px;
font-size:1.4em;
margin-top:10px;
background: transparent url('images/button_left_blue.png') no-repeat;
}
#left div.bouton_left_bottom:hover,
#left div.bouton_left_bottom.on{
background: transparent url('images/button_left_blue_on.png') no-repeat;
}
#left div.newsletter{
margin-top:20px;
background: transparent url('images/newsletter.jpg') no-repeat;
height:125px;
_height:145px;
width:200px;
padding:20px 10px;
}
#left div.newsletter .noshow,
.noshow{
visibility:hidden;
display:none;
}
#left div.newsletter .inline{
display:inline;
}
#left div.newsletter legend.tit{
text-transform:uppercase;
color:#000;
font-weight:bold;
}
#left div.newsletter fieldset{
margin-top:-10px;
border:none;
}
#left div.newsletter input.champ_mail{
color:#000;
border: 1px solid #98a405;
padding:2px;
width:150px;
_width:146px;
margin-top:6px;
font-size:1em;
}
#left div.newsletter div.spip_bouton input{
margin-top:7px;
color:#fff;
font-size:.95em;
font-weight:bold;
padding:2px 4px;
background-color:#98a405;
text-transform:lowercase;
}
/* newsletter desabo */
.abonnement #centre fieldset.no_border{
border:none;
}
.abonnement #centre input{
margin-right:5px;
vertical-align:middle;
}
.abonnement #centre label{
margin-right:15px;
vertical-align:middle;
}
.abonnement #centre input.submit{
float:right;
margin:10px 100px 0 0;
color:#fff;
background-color:#044772;
padding:3px;
}

#right div.bouton_droite{
width:160px;
height:37px;
font-size:1.2em;
margin-bottom:5px;
}
#right div.bouton_droite.bleu{
background: transparent url('images/button_right_blue.png') no-repeat;
}
#right div.bouton_droite.bleu:hover,
#right div.bouton_droite.bleu.on{
background: transparent url('images/button_right_blue_on.png') no-repeat;
}
#right div.bouton_droite.orange{
background: transparent url('images/button_right_green.png') no-repeat;
}
#right div.bouton_droite.orange:hover,
#right div.bouton_droite.orange.on{
background: transparent url('images/button_right_green_on.png') no-repeat;
}
#right div.bouton_droite a,
#left div.bouton_left_bottom a{
display:block;
padding:10px 0 10px 20px;
}

/* -------------- commentaires */
ul.commentaires,
li.commentaire-fil{
list-style:none;
}
h4.forum-titre,
span.qui{
color:#044772;
}
div.commentaire-message{
margin:20px 0;
border-bottom:2px solid #044772;
}
div.commentaire-texte{
margin:5px 0 20px;
}
table.spip_barre{
display:none;
}
div.formulaire_forum .label{
font-size:1em;
}

/* ----------------------------- SPIP ---------------------------------- */

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 1px; line-height: 1px; font-size: 1px; }
p.spip {
margin:10px 0;
}
.spip_documents{
margin:10px 15px;
}
.spip_documents_center{
margin:20px auto;
display:block;
text-align:center;
}
.spip_documents img {
border: solid 1px #044772;
padding:2px;
}
.spip_documents_left{
margin-left:0;
}
.spip_documents_right{
margin-right:0;
}