/* 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:#666666; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.82em;
	margin-top:15px;
	background-image:url(/IMG/bulles.gif);
}
a {
	text-decoration:none;
	color: #333333;
	padding:0px 5px 0px 5px;
}
.bug-ie-center {text-align:center;}
#conteneur {
	text-align:left;
	margin-left: auto; 
	margin-right: auto; 
	width: 800px; 
	background-color:#FFFFFF;
}
kbd {
	border: 1px solid #999999;
	padding:0px 3px 0px 3px;
}
blockquote {font-style:italic;}
.clear {clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;}

/**** En-tête
*********************************/
#entete {
	height:130px;
	background-image:url(/IMG/bulles-head.gif);
	padding:10px;
	color:#F03D69;
}
#entete .col1 {
	float:left;
	width:450px;
}
#entete .accroche {
	
}
#entete .langue {
	padding-top:46px;
}
#logo {
	
}
.accessible {
	
}

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

#nav {
	background-color:#E3E6DD;
	background-repeat:repeat;
	font-size:1.15em;
	padding:4px 3px 4px 3px;
}
#nav a {  
	
}
#nav a:hover {
	color:#FFFFFF;
}
#nav ul {
	
}
#nav ul li {
	display:inline;
}
#nav li+li {
	
}

/**** Navigation secondaire
*********************************/
#sous-nav {
	background-image:url(/IMG/frise.gif);
	background-repeat:repeat;
	font-size:1.15em;
	padding:4px 3px 4px 3px;

}
#sous-nav ul, #sous-nav li {
	list-style:none;
}
#sous-nav ul li {
	float:left;
}
#sous-nav li+li {
	padding-left:20px
}
.fond {
	background:url(/IMG/fond-trans.png);
	background-repeat:no-repeat;
	height:20px;
	float:left;
	background-color: transparent;
}
.arrondi-droit {
	background:url(/IMG/bord-droit-trans.png) no-repeat;
	width:4px;
	height:20px;
	float:left;
	background-color: transparent;
}
#sous-nav a {
	
}
#sous-nav a:hover {
	text-decoration:underline;
}

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

#sommaire #teaser {
	width:784px;
	padding:5px 8px 5px 8px;
	margin:0;
}
#sommaire #teaser p {
	padding-bottom:8px;
}

#liste {
	
}
#liste #teaser {
	width:312px;
	padding:5px 8px 5px 480px;
	height:190px;
	margin-bottom:15px;
}
#liste #teaser h1 {
	font-size:24px;
	padding-bottom:8px;
}
#liste #teaser p {
	padding-bottom:8px;
}

#article #teaser {
	margin-top:15px;
	margin-bottom:20px;
}
#article #teaser .col1 {
	float:left;
	width:500px;
	padding-right:15px;
}
#article #teaser .col1 img {
	padding:0!important;
}
#article #teaser .col2 {
	float:left;
	width:285px;
}
#article h1 {
	padding-bottom:8px;
	font-size:24px;
}
#article h2 {
	padding-bottom:30px;
	font-size:14px;
}
#article h3 {
	padding-bottom:8px;
	font-size:18px;
}
#article p {
	padding-bottom:8px;
}
#article img {
	padding:10px;
}
#article .pagination {
	width:350px;
	margin-top:15px;
	margin-left: auto; 
	margin-right: auto; 
}
#article .pagination a {
	padding:0px; 
}
#article .pagination .centre {
	width:160px;
}
#article .pagination .dent {
	width:14px;
	padding:3px;
}
#article .pagination .gauche {
	text-align:right;
}
#article .pagination .droite {
	text-align:left;
}


/* Fond colonnes de même hauteur */
.cols-same-height {	
	float:left;
	background:top right repeat-y url(/IMG/bulles-col2.gif);
}
/* Colonnes */
#col1, #col2 {
	float:left;
}
#col1 a:hover, #col2 a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#999999;
}
#col1{
	width:600px;	
}
#col1 .border {
	padding:0 20px 10px 20px;
}
#col2{
	padding-left:8px;
	width:192px;
}
#col2 .border {
	border-top:#CCCCCC solid 1px;
	padding:20px;
}

#col2 h2 {
	text-align:center;
	font-weight:normal;
	font-size: 1.15em;
	padding-bottom:30px;
}
#col2 ul {
	list-style:disc outside;
}
#col2 li {
	padding-bottom:30px;
}
.bug-ie-bas-de-page {
	background:url(/IMG/bug-ie-bas-de-page.gif);
}


/* Sommaire */
.txt-accroche {
	width:340px; 
	height:120px; 
	float:left; 
	padding:5px 0px 5px 10px; 
	background: url(/IMG/bg-txtaccroche-trans.png) repeat;
}
.txt-bulle {
	position:relative; 
	width:150px; 
	height: 50px; 
	padding: 5px 5px 5px 5px; 
	background:url(/IMG/bg-txt-bulles-trans.png);
}

/* Article */

/* Liste produits */
.liste-produits {
	width:595px;
	margin-bottom:20px;
	margin-left:5px;
	height:110px;
}
.liste-produits h1 {
	
}
.liste-produits h2 {
	font-size:16px;
	margin-left:140px;
}
.liste-produits .bord-haut {
	background:url(/IMG/liste-bord-haut.gif) no-repeat top;
	height:8px;
}
.liste-produits .bord-bas {
	background:url(/IMG/liste-bord-bas.gif) no-repeat bottom;
	height:8px;
}
.liste-produits .centre {
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}
.liste-produits a {
	color:#666666;
}
.liste-produits a:hover {
	color:#FFFFFF!important;
	background-color:#FF7800!important;
}

/**** Footer
*********************************/
#footer {
	padding:10px 5px 15px 5px;
	text-align:center;
	border-top:#CCCCCC solid 1px;
	color:#999999;
	background-image:url(/IMG/bulles-head.gif);
}
#footer a {
	color:#999999;
}
#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
	color:#ffffff;
	background-color:#999999;
}
#footer p {
	padding-top:15px;
}
#footer ul {
	padding-bottom:10px;
}
#footer li {
	display:inline;
	background-repeat:no-repeat;
	background-position:left center;
}
#footer li a {
	display:inline;
}
#footer li+li {
	background-image:url(/IMG/pipe-gris.gif);
	padding-left:5px;
}
#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;}

/**** Titres
*********************************/

/* Titre */

/* SurTitre */

/* Chapeau */



/**** Texte
*********************************/

/**** Couleurs
*********************************/
.violet, .violet a {
	color:#75015D;
}
.violet a:hover, .violet .on {
	background-color:#75015D;
	color:#FFFFFF;
}
.turquoise, .turquoise a {
	color:#2DACAD;
}
.turquoise a:hover, .turquoise .on {
	background-color:#2DACAD;
	color:#FFFFFF;
}
.violet-clair, .violet-clair a {
	color:#BB005C;
}
.violet-clair a:hover, .violet-clair .on {
	background-color:#BB005C;
	color:#FFFFFF;
}
.orange, .orange a {
	color:#FF7800;
}
.orange a:hover, .orange .on {
	background-color:#FF7800;
	color:#FFFFFF;
}
.noir, .noir a {
	color:#373D40;
}
.noir a:hover, .noir .on {
	background-color:#373D40;
	color:#FFFFFF;
}
.vert, .vert a {
	color:#006D74;
}
.vert a:hover, .vert .on {
	background-color:#006D74;
	color:#FFFFFF;
}

/**** Général
*********************************/
.bold {font-weight:bold;}
.warning {color:#FF0000;}
.italic {font-style:italic;}
.spacer {height:8px; width:650px;}
.form {padding:2px 2px 2px 2px;}
.form th {font-weight:bold; text-align:right;}

/**** spip squelettes
*********************************/
.spip_logos{float:right;padding:10px;}
#col1 a .spip_in{color:black;}
#col1 a .spip_out{color:grey;}
#col1 a .spip_recherche{}
div.fond a .on {text-decoration: underline;}




.formulaire_spip p 

{

margin-top: 0.5em;

margin-right: 0pt;

margin-bottom: 0.5em;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}
.formulaire_spip .forml 

{

width: 99%;

font-family: inherit;

font-size: inherit;

}
.reponse_formulaire p{color:red;}