/*  ----------------------------------------------------------- */
/*  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 {
	background:white url(images/body_bg.png) top left repeat-x;
	text-align: center;
	font-size: 1em;
	color: black;
	font-family: arial, verdana, sans-serif;
}

html,body{margin: 0; padding: 0;}

img, table,div,td,span,form,ul,li,p { 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;}

.nettoyeur{clear:both;}

/***********************Page*************************/
div.page{
width:924px;
margin-left:auto;
margin-right:auto;
}

/***********************Entete***********************/
div#entete{
text-align:left;
height:138px;
}

img#logo{
display:block;
width:225px;
height:102px;
margin-top:25px;
float:left;
}

ul#caracteres{
display:block;
width:80px;
height:22px;
float:right;
margin-top:42px;
}

ul#caracteres li{
width:45%;
float:right;
display:block;
text-align:right;
}

ul#caracteres li img{
width:25px;
height:22px;
display:block;
margin-left:auto;
cursor:pointer;
}

/**********************Haut page**************/
div#haut-page{
position:relative;
background:#F6AD29 url(images/bandeau_bg.png) top left repeat-x;
}

div#haut-page div.page{
position:relative;
}

/**********************Bandeau******************/
div#bandeau{
min-height:262px;
}

/********************Anim******************/
div#anim{
position:absolute;
top:47px;
left:-4px;
}

div#anim img{
display:block;
position:absolute;
top:91px;
left:0px;
}

/**********************Menu************************/
div#menu{
display:block;
width:274px;
min-height:252px;
padding-top:10px;
float:right;
background:#296D8D url(images/menu_bg.png) top left no-repeat;
}

.conteneur_minheight_IE{
display:none;
}

div#menu ul li{
display:block;
text-align:left;
background:transparent url(images/menu_puce.png) 0px 5px no-repeat;
padding-left:20px;
padding-right:10px;
margin-left:30px;
font-size:0.96em;
font-weight:bold;
font-family: 'Trebuchet MS';
margin-top:9px;
margin-bottom:9px;
}

div#menu ul li a{
color:white;
text-decoration:none;
text-transform:uppercase;
}

div#menu ul li a:hover{
color:#FFE13A;
}

div#menu ul li.rubrique_on{
background-image:url(images/menu_puce_hover.png);
}

div#menu ul li.rubrique_on a{
color:#E95D0F;
}

div#menu ul li.rubrique_on a:hover{
color:#E95D0F;
}

/************************404******************/
div#page_404{
background-color:white;
border:1px solid #4F6E7F;
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:black;
}
a.page_404:hover{
color:#FD9303;
}
div.contenu_404{
margin-left:125px;
}

/*****************Contenu***************/
div#contenu{
text-align:left;
margin-top:34px;
}

/*******************Contenu left**************/

div#contenu table td.align_center,div#contenu p.align_center{
text-align:center;
}

div#contenu table td.align_left,div#contenu p.align_left{
text-align:left;
}

div#contenu table td.align_right,div#contenu p.align_right{
text-align:right;
}

div#contenu table td.align_justify,div#contenu p.align_justify{
text-align:justify;
}

div.contenu_left{
width:569px;
float:left;
margin-left:27px;
}

div.contenu_center{
margin-left:27px;
}

div.contenu_right{
width:274px;
float:right;
}

div#contenu h1{
font-size:1.50em;
color:#464646;
}

div#contenu h1 span{
font-size:1.27em;
color:#EE5907;
font-weight:bold;
text-transform:uppercase;
padding-left:10px;
background:transparent url(images/h1_puce.png) bottom left no-repeat;
}

div#contenu h2{
font-size:1.21em;
margin-top:24px;
margin-bottom:8px;
}

div#contenu p{
font-size:0.82em;
color:#393939;
text-align:justify;
margin-top:8px;
margin-bottom:15px;
}

p img{
vertical-align:middle;
}

div#contenu table{
margin-top:8px;
margin-bottom:15px;
}

div#contenu table td{
font-size:0.82em;
color:#393939;
text-align:justify;
padding:5px 5px 5px 5px;
}

div#contenu strong{
color:#EE5907;
}

div#contenu ul{
font-size:0.82em;
color:#393939;
text-align:left;
margin-top:8px;
margin-bottom:18px;
}

div#contenu ul li{
background:transparent url(images/li_puce.gif) 0px 4px no-repeat;
padding-left:18px;
margin-left:25px;
margin-top:3px;
margin-bottom:3px;
}

div.contenu_left a{
color:#393939;
}

div.contenu_left a:hover{
color:#EE5907;
}

/*****************Contenu right***********/

div.contenu_right{
width:274px;
float:right;
}

div.bloc{
background:#f9f9f9 url(images/bloc_bg.png) bottom left repeat-x;
position:relative;
margin-bottom:27px;
}

div.bloc div.interieur{
border:1px solid #9F9F9F;
z-index:5;
padding:20px 20px 20px 20px;
}

div.corner{
width:5px;
height:5px;
z-index:15;
position:absolute;
background-repeat:no-repeat;
background-color:transparent;
background-position:0px 0px;
}

div.corner-top-left{
background-image:url(images/corner-top-left.gif);
top:0px;
left:0px;
}

div.corner-top-right{
background-image:url(images/corner-top-right.gif);
top:0px;
right:0px;
}

div.corner-bottom-right{
background-image:url(images/corner-bottom-right.gif);
bottom:0px;
right:0px;
}

div.corner-bottom-left{
background-image:url(images/corner-bottom-left.gif);
bottom:0px;
left:0px;
}

div.bloc h3{
text-transform:lowercase;
font-size:1.15em;
}

div.bloc h3 span{
padding-left:10px;
background:transparent url(images/h3_puce.gif) 0px 13px no-repeat;
display:block;
}

div#contenu div.bloc p{
color:#494949;
}

div.bloc a.bouton{
display:block;
height:93px;
width:230px;
margin-top:15px;
}

div.bloc a.bouton img{
display:block;
}

/*******************Pied*****************/
div#pied{
margin-top:14px;
padding-bottom:20px;
}

ul#contenu-pied{
border-top:4px solid #C0C0C0;
display:block;
text-align:left;
padding-top:15px;
margin-left:27px;
float:left;
width:897px;
}

ul#contenu-pied a:hover{
text-decoration:underline;
color:#EE5907;
}

ul#contenu-pied li{
display:block;
}

li#menu-pied{
width:770px;
float:left;
}

li#menu-pied ul{
color:#4A4A4A;
font-weight:bold;
font-size:0.71em;
display:block;
}

li#menu-pied ul li{
display:inline;
text-transform:uppercase;
padding-right:20px;
background:transparent url(images/pied_separation.gif) center right repeat-y;
}

li#menu-pied ul li.dernier{
padding-right:0px;
background:none;
}

li#menu-pied ul li a{
color:#4A4A4A;
text-decoration:none;
}

li#logo-pied{
width:97px;
float:right;
text-align:right;
}

li#logo-pied img{
display:block;
margin-left:auto;
}

li#liens-pied{
width:770px;
float:left;
}

li#liens-pied ul{
color:#4A4A4A;
font-size:0.71em;
display:block;
margin-top:8px;
}

li#liens-pied ul li{
display:inline;
padding-right:20px;
background:transparent url(images/pied_separation.gif) center right repeat-y;
}

li#liens-pied ul li.plan-du-site span{
padding-left:11px;
background:transparent url(images/plan-du-site.gif) center left no-repeat;
}

li#liens-pied ul li.mentions-legales span{
padding-left:11px;
background:transparent url(images/mentions-legales.gif) center left no-repeat;
}

li#liens-pied ul li.dernier{
padding-right:0px;
background:none;
}

li#liens-pied ul li a{
color:#6A6A6A;
text-decoration:none;
}

li#liens-pied ul li a:hover{
text-decoration:none;
}

li#liens-pied ul li a:hover span{
text-decoration:underline;
}