/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: white;
font-family: arial, verdana, sans-serif;
background:#292929 url(images/body_bg.jpg) top center repeat-x;
}

img, table,div,td,span,form,ul,li,p,fieldset,legend { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul{list-style:none;}
a {color:#5cb02e;}
.nettoyeur{clear:both;}
span.nettoyeur{display:block;}
.spip_surligne{background:none;}

/*****************Bandeau**************************/
img#bandeau{
display:block;
width:948px;
height:208px;
margin-left:auto;
margin-right:auto;
}

/****************Page***********************/
div#page{
width:930px;
padding-left:9px;
padding-right:9px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}

/*****************Menu******************/
div#left{
width:254px;
float:left;
}

ul#menu{
display:block;
background:transparent url(images/menu_top.jpg) top left no-repeat;
padding-top:62px;
}

ul#menu li{
display:block;
padding-top:2px;
padding-bottom:2px;
width:234px;
margin-left:auto;
margin-right:auto;
background-color:#3d3d3d;
}

ul#menu li a{
width:180px;
padding-left:54px;
display:block;
background:transparent url(images/menu_puce.gif) left center no-repeat;
text-align:left;
padding-top:1px;
padding-bottom:1px;
color:white;
text-decoration:none;
font-family:"trebuchet ms",arial, verdana,sans-serif;
font-size:1.27em;
font-weight:bold;
}

ul#menu li.accueil a{
background-image:url(images/menu_puce_accueil.gif);
}

ul#menu li a:hover{
color:#5cb02e;
background-image:url(images/menu_puce_hover.gif);
}

ul#menu li.accueil a:hover{
background-image:url(images/menu_puce_accueil_hover.gif);
}

ul#menu li.bottom{
padding-bottom:15px;
background:#3d3d3d url(images/menu_bottom.gif) center bottom no-repeat;
}

/************************Newsletter Livre d'or et Partage photo**************/
div.bloc_gris{
background:#3d3d3d url(images/bloc_gris_bottom.png) bottom left no-repeat;
width:234px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

div.bloc_gris div.item{
position:relative;
width:100%;
background:#5e5e5e url(images/item_gris_bg.png) top left repeat-x;
}

div.bloc_gris div.item div.top_left{
background-image:url(images/item_gris_top_left.png);
}
div.bloc_gris div.item div.top_right{
background-image:url(images/item_gris_top_right.png);
}

div.bloc_gris div.item div.bottom_left{
background-image:url(images/item_gris_bottom_left.png);
}

div.bloc_gris div.item div.bottom_right{
background-image:url(images/item_gris_bottom_right.png);
}

div.bloc_gris div.item h3{
display:block;
text-align:left;
font-family:"trebuchet ms",arial, verdana,sans-serif;
font-size:1.03em;
font-weight:bold;
color:black;
padding-top:7px;
padding-bottom:7px;
padding-left:40px;
}

div#newsletter div.item h3{
background:transparent url(images/newsletter.gif) 5% 50% no-repeat;
}

div#bloc_livre_dor div.item h3{
background:transparent url(images/livre_dor.gif) 5% 50% no-repeat;
}

div#partage-photo div.item h3{
background:transparent url(images/partage-photo.gif) 5% 50% no-repeat;
}


div#newsletter p,div#partage-photo p,div#bloc_livre_dor p{
font-size:0.82em;
text-align:justify;
padding-left:20px;
padding-right:20px;
margin-top:10px;
margin-bottom:5px;
}

div#partage-photo p.lien,div#bloc_livre_dor p.lien{
background:transparent url(images/titre_puce.png) left center no-repeat;
margin-left:20px;
font-size:0.88em;
}

div#partage-photo p.lien a,div#bloc_livre_dor p.lien a{
font-weight:bold;
text-decoration:none;
}

div#partage-photo p.lien a:hover,div#bloc_livre_dor p.lien a:hover{
text-decoration:underline;
}

div#newsletter p strong{
color:#5cb02e;
}

div#login div.item h3{
background:transparent url(images/login.gif) 5% 50% no-repeat;
}


/*************************Contenu*******************/
div#contenu{
padding-top:37px;
width:646px;
float:right;
margin-right:10px;
text-align:left;
position:relative;
}

/************************Bloc vert********************/

div.bloc_vert{
margin-top:30px;
position:relative;
padding-top:6px;
padding-left:6px;
}

div.bloc_vert div.item{
position:absolute;
top:0px;
left:0px;
z-index:2;
background:#4ca624 url(images/item_vert_bg.png) top left repeat-x;
}

div.bloc_vert div.item h2{
padding-left:43px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
font-family:"trebuchet ms",arial, verdana,sans-serif;
font-size:1.03em;
font-weight:bold;
}

div.corner{
position:absolute;
width:9px;
height:9px;
background-color:transparent;
background-repeat:no-repeat;
}

div.top_left{
top:0px;
left:0px;
background-position:top left;
}

div.top_right{
top:0px;
right:0px;
background-position:top right;
}

div.bottom_left{
bottom:0px;
left:0px;
background-position:bottom left;
}

div.bottom_right{
bottom:0px;
right:0px;
background-position:bottom right;
}

div.bloc_vert div.item div.top_left{
background-image:url(images/item_vert_top_left.png);
}
div.bloc_vert div.item div.top_right{
background-image:url(images/item_vert_top_right.png);
}

div.bloc_vert div.item div.bottom_left{
background-image:url(images/item_vert_bottom_left.png);
}

div.bloc_vert div.item div.bottom_right{
background-image:url(images/item_vert_bottom_right.png);
}

div.bloc_vert div.interieur{
position:relative;
width:640px;
z-index:1;
padding-top:40px;
background-color:#3d3d3d;
padding-bottom:10px;
}

div.bloc_vert div.interieur div.top_left{
background-image:url(images/bloc_vert_top_left.png);
}
div.bloc_vert div.interieur div.top_right{
background-image:url(images/bloc_vert_top_right.png);
}

div.bloc_vert div.interieur div.bottom_left{
background-image:url(images/bloc_vert_bottom_left.png);
}

div.bloc_vert div.interieur div.bottom_right{
background-image:url(images/bloc_vert_bottom_right.png);
}

/**********************Bouton*******************/
a.bouton{
display:block;
width:158px;
height:105px;
float:right;
margin-right:9px;
margin-left:9px;
position:relative;
}

a.bouton span img{
display:block;
}

a.bouton span{
display:block;
position:absolute;
bottom:0px;
right:0px;
width:38px;
height:28px;
background:transparent url(images/bouton_bg.gif) 0px 0px no-repeat;
cursor:pointer;
}

a.bouton:hover span{
background-position:0px -28px;
}


/**********************Suite*************************/

ul.suite{
display:block;
padding-right:14px;
padding-left:14px;
}

ul.suite li{
display:block;
width:40%;
padding-top:4px;
padding-bottom:4px;
}

ul.suite li.right{
float:right;
text-align:right;
}

ul.suite li a{
text-decoration:none;
color:white;
font-size:0.90em;
font-weight:bold;
}

ul.suite li a img{
width:15px;
height:11px;
background:transparent url(images/suite_puce.png) 0px 0px no-repeat;
}


ul.suite li a:hover{
color:#5cb02e;
}

ul.suite li a:hover img{
background-position:0px -11px;
}

/**********************Pagination*************************/

div.interieur ul.pagination{
padding:0;
margin:0;
display:block;
padding-right:14px;
padding-left:14px;
margin-top:10px;
}

div.interieur ul.pagination li{
padding:0;
margin:0;
background:none;
display:block;
padding-top:4px;
padding-bottom:4px;
font-size:0.88em;
}

div.interieur ul.pagination li.right{
float:right;
text-align:right;
width:25%;
}

div.interieur ul.pagination li.left{
float:left;
text-align:left;
width:25%;
}

div.interieur ul.pagination li.center{
float:left;
text-align:center;
width:48%;
}

div.interieur ul.pagination li a,ul.pagination li span{
text-decoration:none;
color:white;
font-weight:bold;
}

div.interieur ul.pagination li span{
color:#5cb02e;
}

div.interieur ul.pagination li a img{
width:15px;
height:11px;
}

div.interieur ul.pagination li.right a img{
background:transparent url(images/suite_puce.png) 0px 0px no-repeat;
}

div.interieur ul.pagination li.left a img{
background:transparent url(images/precedente_puce.png) 0px 0px no-repeat;
}


div.interieur ul.pagination li a:hover{
color:#5cb02e;
}

div.interieur ul.pagination li a:hover img{
background-position:0px -11px;
}

/*************************Caracteres***************/
ul#caracteres{
display:block;
width:64px;
height:35px;
position:absolute;
top:37px;
right:0px;
background:transparent url(images/caracteres_bg.gif) left top no-repeat;
padding-left:6px;
}

ul#caracteres li{
margin:0;
padding:0;
background:none;
display:block;
float:left;
width:29px;
}

ul#caracteres li a{
display:block;
width:29px;
height:35px;
background-color:transparent;
background-repeat:no-repeat;
background-position:0px 0px;
}

ul#caracteres li a:hover{
background-position:0px -35px;
}

ul#caracteres li a.reduire_caracteres{
background-image:url(images/reduire_caracteres.png);
}

ul#caracteres li a.agrandir_caracteres{
background-image:url(images/agrandir_caracteres.png);
}

/************************Pied*******************/
div#pied{
position:relative;
background-color:#3d3d3d;
margin-top:30px;
display:block;
width:912px;
margin-left:auto;
margin-right:auto;
padding-top:3px;
padding-bottom:5px;
}

div#pied div.top_left{
background-image:url(images/bloc_vert_top_left.png);
}
div#pied div.top_right{
background-image:url(images/bloc_vert_top_right.png);
}

div#pied div.bottom_left{
background-image:url(images/bloc_vert_bottom_left.png);
}

div#pied div.bottom_right{
background-image:url(images/bloc_vert_bottom_right.png);
}

div#pied ul{
display:block;
}

div#pied ul li{
display:block;
width:48%;
}

div#pied ul li.left{
float:left;
}

div#pied ul li.center{
float:left;
width:100%;
}

div#pied ul li.right{
float:right;
}

div#pied ul li ul{
display:block;
}

div#pied ul li ul li{
float:none;
display:inline;
width:auto;
font-size:0.77em;
color:#858585;
}

div#pied ul li ul li a {
text-decoration:none;
color:#858585;
}

div#pied ul li ul li a:hover{
color:white;
}

div#pied ul li.left ul{
text-align:left;
padding-left:15px;
}

div#pied ul li.right ul{
text-align:right;
padding-right:15px;
}

div#pied ul li.nettoyeur{
display:block;
}

/************************404******************/
div#page_404{
background-color:white;
border:1px solid black;
margin-left:auto;
margin-right:auto;
width:400px;
margin-top:150px;
margin-bottom:150px;
padding:15px 15px 15px 15px;
}
img.page_404{
width:100px;
height:100px;
float:left;
display:block;
margin-right:25px;
}
a.page_404{
text-decoration:none;
color:#888888;
}
a.page_404:hover{
color:black;
text-decoration:underline;
}
div.contenu_404{
margin-left:125px;
}
div#page_404{
color:black;
}

/************************Formulaire*************************/

input.text,textarea.text{
font-family: arial, verdana, sans-serif;
font-size:0.88em;
border:1px solid #606060;
background:white url(images/input_bg.png) left top repeat-x;
padding:3px 3px 3px 3px;
}

ul.formulaire{
display:block;
text-align:left;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:15px;
}

ul.formulaire span.text,div#login fieldset label{
font-size:0.82em;
padding-right:5px;
}

ul.login_connecte li {
display:block;
text-align:justify;
}

ul.formulaire span.login{
font-weight:bold;
}

ul.formulaire li.submit,div.submit{
text-align:right;
margin-top:10px;
}

ul.formulaire li.submit span,div.submit p.spip_bouton,div#div_submit span,div#div_submit_previsu span{
background:transparent url(images/submit_left.png) left center no-repeat;
padding-left:7px;
display:block;
width:90px;
margin-left:auto;
}

ul.formulaire li.submit input.submit,div.submit p.spip_bouton input,div#div_submit input,div#div_submit_previsu input{
background:transparent url(images/submit_right.png) right center no-repeat;
border:none;
padding-right:10px;
padding-left:3px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-size:0.77em;
cursor:pointer;
text-align:center
display:block;
width:90px;
}

div#login fieldset{
border:none;
display:block;
text-align:left;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:15px;
}