/* CSS Document */
@charset "UTF-8";
/*  ----------------------------------------------------------- */
/*  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
 */
 
 /*** Retirer certains styles des navigateurs
******************************************************************/


/* pas de marqueurs de liste par défaut */
ul,ol { list-style:none }

/* Eviter les tailles de titres qui ne s'affichent jamais de la même façon en fonction des navigateurs */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Même problème pour ul,ol padding et margin  */
/* on vire les espaces d'en-têtes par défaut . */
/* pre, form, body, html, p, blockquote pareil */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* Qui a jamais pensé que les bodures bleues sur les images-liens étaient une bonne idée ? */
a img,:link img,:visited img { border:none }

/* pas d'italique sur les adresses */
address { font-style:normal }


/*** Sections principales du document
*************************************/

/*** body ***
*************/

body {
	color:#000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	background-color:#F3F1ED;
}
a {
	text-decoration:none;
}
.bug-ie-center {text-align:center;}
#conteneur {
	text-align:left;
	margin-left: auto; 
	margin-right: auto; 
	width: 800px; 
	background-color:#FFFFFF;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
}
#conteneur .border {
	padding:20px 10px 15px 10px;
}
kbd {
	border: 1px solid #999999;
	padding:0px 3px 0px 3px;
}
blockquote {font-style:italic;}


/**** En-tête
*********************************/
#entete {
	padding-bottom:10px;
}
#entete .col1 {
	
}
#entete .accroche {
	
}
#entete .langue {
	
}
#logo {
	
}
.accessible {
	
}

/**** Navigation principale
*********************************/

#nav {
	border-bottom: #999999 1px solid;
	padding:5px 5px 5px 5px;
}
#nav a {  
	color:#000000;
}
#nav a:hover {
	color:#7F7F7F;
}
#nav .on {
	color:#DB4A25;
	font-weight:bold;
}
#nav ul {
	
}
#nav ul li {
	display:inline;
	padding-right:5px;
}
#nav li+li {
	background-image: url(../images/pipe.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}


/**************************************
**** Contenu de la page ***************
***************************************/

/* Teaser */

#teaser {
	padding-top:10px;
}
#teaser h1 {
	
}


/* Structure de la page *
*************************/

/* Fond colonnes de même hauteur */
.cols-same-height {	
	float:left;
	background:top right repeat-y url(../images/cols-same-height.gif);
}
/* Colonnes */
#col1, #col2 {
	float:left;
}
#col1{
	width:514px;	
}
#col1 .border {
	padding:10px 30px 10px 20px;
}
#col2{
	width:266px;
}
#col2 .border {
	padding:10px 20px 10px 30px;
}


/* Sommaire *
*************/

#accroche {
	
}
#accroche .txt-accroche {
	
}

/* Article central colonne 1 *
******************************/

/* Titres:
 * h1 titre principal de la page
 * h2 intertitre
 * h3 sous-titre
*/
#col1 h1 {
	padding-bottom:8px;
	font-size:24px;
	font-weight:normal;
	color:#004F7B;
}
#col1 h2 {
	padding-top:8px;
	padding-bottom:5px;
	font-size:14px;
	color:#D52127;
}
#col1 h3 {
	padding-bottom:25px;
	font-size:12px;
}
#col1 p {
	padding-bottom:5px;
}
#col1 img {
	
}
#col1 .pagination {
	
}
#col1 a {
	color:#000000;
}
#col1 table {
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
}
#col1 th {
	color:#FFFFFF;
	text-align:center;
	background-color:#004F7B;
	padding:4px;
}
#col1 td {
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
	padding:4px;
}
#col1 #infos table {
	border-top:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
}
#col1 #infos th {
	color:#000000;
	background-color:#FFFFFF;
	padding-right:10px;
	text-align:right;
	font-weight:normal;
}
#col1 #infos td {
	border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}

/* Article de droite colonne 2 *
******************************/

/* Titres:
 * h1 titre principal de la page
 * h2 intertitre
 * h3 sous-titre
*/
#col2 h1 {
	padding-bottom:0px;
	font-size:16px;
	font-weight:normal;
	color:#DB4A25;
}
#col2 h2 {
	padding-top:8px;
	padding-bottom:5px;
	font-size:12px;
	color:#DB4A25;
	font-weight:normal;
}
#col2 h3 {
	padding-bottom:25px;
	font-size:12px;
}
#col2 p {
	padding-bottom:15px;
}
#col2 img {
	
}
#col2 .pagination {
	
}
#col2 a {
	color:#000000;
}

/********************************
********** Footer ***************
*********************************/
#footer {
	padding:5px 5px 5px 5px;
	text-align:center;
	background-color:#D46E16;
	font-size:10px;
	color:#EBB77D;
}
#footer a {
	color:#EBB77D;
}
#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer p {
	
}
#footer ul {
	padding-bottom:2px;
}
#footer li {
	display:inline;
	padding-right:10px;
}
#footer li a {
	display:inline;
}
#footer li+li {
	background-image: url(../images/pipe-footer.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
#footer-logos div {float:left; padding-left:8px;}
#footer-logos a {display:block; border:#F0F0F0 2px solid;  height:31px; width:88px}
#footer-logos a:hover {background-color:transparent; border:#75B3E3 2px solid;}


/**** Couleurs
*********************************/
.orange, .orange a {
	color:#D46E16;
}
.orange a:hover, .orange .on {
	text-decoration:underline;
}
.orange-rouge, .orange-rouge a {
	color:#DB4A25;
}
.orange-rouge a:hover, .orange-rouge .on {
	text-decoration:underline;
}
.rouge, .rouge a {
	color:#D52127;
}
.rouge a:hover, .rouge .on {
	text-decoration:underline;
}
.noir, .noir a {
	color:#000000;
}
.noir a:hover, .noir .on {
	text-decoration:underline;
}
.bleu, .bleu a {
	color:#004F7B;
}
.bleu a:hover, .bleu .on {
	text-decoration:underline;
}
.gris, .gris a {
	color:#7F7F7F;
}
.gris a:hover, .gris .on {
	text-decoration:underline;
}
.gris-pale, .gris-pale a {
	color:#F3F1ED;
}
.gris-pale a:hover, .gris-pale .on {
	text-decoration:underline;
}

/**** Général
*********************************/
.bold {font-weight:bold;}
.warning {color:#FF0000;}
.italic {font-style:italic;}
.spacer {height:14px; width:100%;}
.form {padding:2px 2px 2px 2px;}
.form th {font-weight:bold; text-align:right;}
.clear {clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;}