/*  ----------------------------------------------------------- */
/*  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 {
font-size:1em;
margin:0;
padding:0;
color: black;
background-image:url('../charte/body_bg.png');
background-repeat:repeat-x;
text-align:center;
background-position:left top;
font-family: arial, "lucida console", sans-serif;
}

img, table, h1, h2, h3, h4, h5, h6,div,span,td,tr,p,ul,li { margin: 0; padding: 0; border: none; }

a{
text-decoration:none;
}

#page{
width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

div#contenu{
background-color:white;
position: relative;
width:100%;
}

div#left{
background-image:url('../charte/div_left_bg.png');
background-position:left top;
background-repeat:repeat-y;
}

div#left_top{
background-image:url('../charte/div_left_top_bg.png');
background-position:left top;
background-repeat:no-repeat;
padding-left:8px;
}

div#right{
background-image:url('../charte/div_right_bg.png');
background-position:right top;
background-repeat:repeat-y;
}

div#right_top{
background-image:url('../charte/div_right_top_bg.png');
background-position:right top;
background-repeat:no-repeat;
padding-top:41px;
padding-right:8px;
}

div#top{
padding-top:3px;
background-image:url('../charte/div_top_bg.png');
background-position:left top;
background-repeat:repeat-x;
}

div#bottom{
padding-bottom:9px;
background-image:url('../charte/div_bottom_bg.gif');
background-position:left bottom;
background-repeat:no-repeat;
}

.nettoyeur{
clear:both;
}

/**************Menu*************************/
div#bandeau-haut{
background-color:#4d4c4c;
background-image:url('../charte/div_bandeau_haut_bg.png');
background-repeat:repeat-x;
color:#a1a1a1;
text-align:left;
vertical-align:middle;
font-size:0.82em;
}

div#bandeau-haut a{
color:#a1a1a1;
}

div#bandeau-haut a:hover{
color:white;
}

div#bandeau-haut table{
width:100%;
}

div#bandeau-haut table tr{

}

div#bandeau-haut table tr td{
vertical-align:middle;
}

td.bandeau-haut-left{
padding-left:23px;
text-align:left;
}

td.bandeau-haut-right{
padding-right:23px;
text-align:right;
}

div#menu-haut{
background-color:white;
}

div#menu-haut table{
width:100%;
}

td#logo{
width:369px;
text-align:left;
vertical-align:top;
background-color:#990100;
}

td#illustration{
width:304px;
text-align:right;
vertical-align:top;
background-color:#990100;
}

td#liens-menu{
text-align:left;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
border-top:1px solid #838282;
}

ul.menu{
/*list-style-image:url('../charte/ul_menu_puce.png');*/
list-style-type:none;
margin-left:0px;
padding-left:0px;

}

ul.menu li{
margin-top:5px;
margin-bottom:5px;
background-image:url('../charte/a_menu_bg.png');
background-repeat:no-repeat;
background-position:bottom right;
}

a.menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.88em;
font-weight:bold;
color:#D70009;
padding-left:25px;
display:block;
width:80%;
padding-top:5px;
background-image:url('../charte/ul_menu_puce.png');
background-repeat:no-repeat;
background-position:bottom left;
}

a.menu:hover{
color:#020403;
background-image:url('../charte/ul_menu_puce_hover.png');
}

div#menu-bas{
background-image:url('../charte/div_menu_bas_bg.png');
background-repeat:repeat-x;
height:22px;
margin-bottom:15px;
}


/****************************Pied de page**********************/

div#pied-de-page{
background-image:url('../charte/div_pied_de_page_bg.png');
background-repeat:repeat-x;
height:55px;
color:#a1a1a1;
margin-top:18px;
}

div#pied-de-page a{
font-size:0.82em;
color:#a1a1a1;
}

div#pied-de-page a:hover{
color:white;
}

div#pied-de-page div{
padding-top:15px;
}

div#pied-de-page div span{
padding-left:15px;
padding-right:15px;
}