/*  ----------------------------------------------------------- */
/*  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: #000;
	margin: 1.5em;
	text-align: center;
	font-size: 0.65em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

/*BLOC PRINCIPAL */
#bloc_principal {
	position:absolute; /*la tu touche rien*/
	left: 50%; /*la non plus*/
	width: 900px; /*largeur du DIV contenant ton site */
	height:610px;/* Hauteur du DIV contenant ton site */
	margin-left: -450px; /*largeur divise par 2 du DIV contenant ton site */
	top:50%;
	margin-top:-305px;
	background-color:#000;
	/*border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-top:1px solid #333;
	border-left:1px solid #333;*/
}

#page {
	width: 48em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur { width: 100%; }

#conteneur #contenu {
	float: left;
	width: 33em;
}

#conteneur #navigation {
	float: right;
	width: 12em;
	text-align: center;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 21em;
}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

/* bloc_top */
#bloc_top {
	position:relative;
	width:880px;
	height:72px;
	margin-bottom:5px; margin-left:10px; margin-right:10px; margin-top:4px;
	 }

/* Entete */
#entete {
	float:left;
	width:440px;
	height:72px;
	background-image:url(../IMG/site/logo_dipropneu.jpg); background-position:center; background-repeat:no-repeat;
}

#entete_login { float:right; width:430px; height:70px;}
#entete_espace_pro_txt { float:left; width:214px; height:20px; padding-left:55px; padding-top:10px;}
#entete_lien { float:left; width:240px; height:15px; padding-left:30px; margin-bottom:3px;}
#entete_formulaire { float:right; width:145px; height:48px; margin-top:0px; margin-right:0px; padding-top:10px;}

#entete_newsletter { float:right; width:240px; height:15px; padding-left:10px; margin-top:55px;}

.label_entete { width:70%; height:10px; font-size:9px}

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
	
#entete a { text-decoration: none; }

#entete .formulaire_recherche { float: right; }

/* bloc_contact */
#bloc_contact {
	float:right;
	width:421px;
	height:72px;
	background-image:url(../IMG/site/logo_bloc_contact.jpg); background-position:center; background-repeat:no-repeat;
}
	
/* bloc_centre_principal */
#bloc_centre_principal {
	position:relative;
	overflow:hidden;
	width:880px;
	height:auto;
	margin-bottom:5px; margin-left:10px; margin-right:10px;;
	 }
	 
/* bloc_colonne_left */
#bloc_colonne_left {
	float:left;
	overflow:hidden;
	width:442px;
	height:auto;
}

#logo_titre_rub_gauche_trame {
	width:440px;
	height:14px;
	background-image:url(../IMG/site/logo_titre_rub_gauche_trame.jpg); background-position:center; background-repeat:no-repeat;
	margin-bottom:1px;
}

#logo_titre_michelin {
	width:440px;
	height:33px;
	background-image:url(../IMG/site/logo_titre_michelin.jpg); background-position:center; background-repeat:no-repeat;
	/*margin-bottom:1px;*/
}


#logo_titre_game_budget {
	width:440px;
	height:14px;
	background-image:url(../IMG/site/logo_titre_game_budget.jpg); background-position:center; background-repeat:no-repeat;
	margin-bottom:1px;
}


/* logo_art_gauche */
#logo_art_gauche1 {float:right; width:93px; height:93px; /*margin-right:6px;*/ margin-top:8px; background-color:#555;}
#logo_art_gauche2 {float:left; width:240px; height:180px; margin-left:4px; margin-top:-2px;}


#titre_rub_gauche_trame { margin-left:23px; margin-bottom:0px; padding-top:1px;}

#txt_art_gauche { float:left; width:295px; margin-left:7px; padding-top:6px;}
#txt_art_gauche1 { float:right; width:438px; margin-right:0px; margin-left:0px; margin-top:-2px;}
#txt_art_gauche3 { float:right; width:423px; margin-right:4px; margin-left:6px; padding-top:6px;}

#bloc_art_gauche {	width:438px;	height:104px; border-left: 1px solid #555; border-right: 1px solid #555; background-color:#000000;}
#bloc_art_gauche2 {	width:428px;	height:190px; padding-top:3px; padding-left:5px;  padding-right:5px; border-left: 1px solid #555; border-right: 1px solid #555;	background-color:#000000; }
#bloc_art_gauche3 {	width:438px;	height:50px; border-left: 1px solid #555; border-right: 1px solid #555;	background-color:#000000; }
 
	
/* bloc_colonne_right */
#bloc_colonne_right {
	float:right;
	width:422px;
	height:auto;
}
	
/* conteneur-arrondi */
.conteneur-arrondi{
    padding:0;
    width:auto;/* determine la largeur de la boite contenue */
	height:auto;
	padding-bottom:5px;
	z-index:999;
}

.un_biseau      {
    margin:0 5px;
    height:1px;
    background-color:#FFFFFF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}


.un      {
    margin:0 4px;
    height:1px;
    background-color:#FFFFFF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.conteneur-arrondi_black{
    padding:0;
    width:440px;/* determine la largeur de la boite contenue */
	height:auto;
	padding-bottom:7px;
	z-index:999;
}


.un_black      {
    margin:0 0px;
    height:1px;
    background-color:#555;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.deux_black {
    margin:0 0px;
    height:0px;
	/*width:4px;*/
    overflow:hidden;/*necssaire pour IE */
    background-color:#555;
    border:0px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
	visibility:hidden;
}

.trois_black{
    margin:0 0px;
    height:0px;
	/*width:1px;*/
	overflow:hidden;/*necssaire pour IE */
    background-color:#555;
    border:0px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
	visibility:hidden;
}

.quatre_black {
    margin:0 0px;
    height:0px;
	/*width:1px;*/
	overflow:hidden;/*necssaire pour IE */
    background-color:#555;
    border:0px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
	visibility:hidden;
}

.conteneur-arrondi_blanc{
    padding:0;
    width:440px;/* determine la largeur de la boite contenue */
	height:auto;
	margin-bottom:2px;
	z-index:999;
}


.un_blanc      {
    margin:0 4px;
    height:1px;
    background-color:#FFFFFF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.deux_blanc {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    background-color:#FFFFFF;
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.trois_blanc{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    background-color:#FFFFFF;
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}

.quatre_blanc {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    background-color:#FFFFFF;
    border:1px solid #555;
    border-top:0;border-bottom:0;
	z-index:999;
}
	
.centrearrondi {
    border:1px solid #555;
    border-top:0;border-bottom:0;
    padding:0 2em;
/*    min-height:150px; avec eventuellement une hauteur mini */
    height:auto!important;
	z-index:999;
}

/* biseau_bas_droite */
#biseau_bas_droite {
	float:right;
	overflow:hidden;
	width:22px;
	height:23px;
	margin-top:-21px; margin-left:-5px;
	z-index:999;
}

/* biseau_bas_droite */
#biseau_bas_droite_partenaire {
	position:relative;
	float:right;
	overflow:hidden;
	width:22px;
	height:23px;
	margin-top:-21px; margin-left:-5px;
	z-index:1001;
}

/* biseau_bas_gauche */
#biseau_bas_gauche {
	float:left;
	overflow:hidden;
	width:22px;
	height:23px;
	margin-top:-21px; margin-right:-5px;
	z-index:999;
}

/* titre_rub_droite */
#titre_rub_droite1 {
	width:422px;
	height:33px;
	background-image:url(../IMG/site/logo_toyo_tires.gif); background-position:center; background-repeat:no-repeat;
	margin-bottom:0px;
}

#titre_rub_droite2 {
	width:422px;
	height:33px;
	background-image:url(../IMG/site/logo_kumho_tyres.gif); background-position:center; background-repeat:no-repeat;
	margin-bottom:0px;
}

#titre_rub_droite3 {
	width:422px;
	height:33px;
	background-image:url(../IMG/site/logo_marangoni.gif); background-position:center; background-repeat:no-repeat;
	margin-bottom:0px;
}

.titre_rub_une {}
	 
/* bloc_art_droite */
#bloc_art_droite {
	overflow:hidden;
	width:420px;
	height:auto;
	border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555;
	background-color:#555;
	 }
	 
/* logo_art_droite */
#logo_art_droite {
float:left;
margin-bottom:-2px;
width:auto;
height:auto;
margin-right:10px;
	z-index:1;
}

#lien_visite_marque { padding-top:11px; padding-left:250px;}
#infos { float:right; width:70px; margin-top:-5px;}
#fleche {
	width:12px;
	height:12px;
	background-image:url(../IMG/site/fleche.gif); background-position:left; background-repeat:no-repeat;
	margin-bottom:0px;
}

.txt_art_droite { margin-top:5px; margin-right:10px; text-align:left;}

/* bloc_credit */
#bloc_credit {
	position:relative;
	float:left;
	width:900px;
	height:auto;
	margin-top:-5px;
	margin-bottom:0px;
	 }


/* ligne_right_1 */
#ligne_right_1 {
	width:auto;
	height:auto;
	padding-bottom:4px;
	 }
	 
/* ligne_right_2 */
#ligne_right_2 {
	width:auto;
	height:auto;
	margin-bottom:5px;
	border: 1px solid #333;
	 }
	 
/* ligne_right_3 */
#ligne_right_3 {
	width:auto;
	height:auto;
	margin-bottom:5px;
	border: 1px solid #333;
	 }
	 
/* ligne_right_4 */
#ligne_right_4 {
	width:auto;
	height:auto;
	margin-bottom:5px;
	border: 1px solid #333;
	 }
	


/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em; }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  PAGES MARQUES
/*  ------------------------------------------ */

#marque_entete { position:relative; width:870px; height:75px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px;}

#marque_ligne_milieu { position:relative; width:870px; height:245px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px;}

#marque_prod_phare { float:left; width:681px; height:245px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#bloc_art_prod { float:right; width:500px; height:245px;}
#titre_prod_phare { float:left; width:498px; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; overflow:hidden;}

#div_logo_prod { float:left; width:181px; height:251px; margin-left:-3px; margin-right:0px; margin-bottom:0px; margin-top:-3px;}
#logo_prod_mask {overflow:hidden;  width:180px; height:250px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:-250px;}
#logo_prod_phare { overflow:hidden;   width:175px; height:250px; margin-left:0px; padding-left:0px; padding-top:0px;}

#txt_prod_phare {  float:left; width:475px; height:auto; text-align:left; margin-left:5px; padding-top:5px;/*color:#fff;*/}

#prod_phare_carat { float:left; width:180px; height:auto; margin-top:20px; margin-left:10px; text-align:left; color:#FFFFFF;}
#prod_avantange { float:right; width:265px; height:auto; margin-top:20px; margin-right:10px; text-align:left; color:#FFFFFF;}

#marque_une { float:right; width:180px; height:245px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}

#logo_marque_une {overflow:hidden;   width:178px; height:115px; padding-left:-1px;  margin-top:38px; margin-left:1px; background-color:transparent;}
#art_titre_info {float:left; width:160px; height:20px; padding-left:15px; padding-top:2px; text-align:left;}

#marque_ligne_bas { position:relative; width:870px; height:255px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px;}

#marque_innov {float:left; width:495px; height:255px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#rub_inov_titre {float:left; width:400px; height:12px; margin-bottom:5px;}
#art_inov_txt {float:left; width:455px; height:90px; padding-left:25px;}
#art_inov_titre {float:right; width:455px; height:13px; margin-left:auto; margin-right:auto; margin-top:4px; margin-bottom:0px;}
#art_inov_logo {float:right; width:418px; height:119px; padding-right:11px; overflow:hidden; text-align:center;}

#marque_sponsor { float:right; width:180px; height:255px; margin:0px;}
#logo_titre_sponsor {width:180px; height:13px; margin-bottom:0px;}
#logo_titre_rub_sponsor {width:180px; height:13px; margin-bottom:0px;}
#bloc_art_sponsor {	width:178px; height:113px; border-left: 1px solid #555; border-right: 1px solid #555; background-color:#fff; font-size: 90%;}
#bando_gris_art_sponsor {float:right; width:180px; height:13px; background-image:url(../IMG/site/logo_sponsors_gris2.jpg); background-position:left; background-repeat:no-repeat;}
#logo_art_sponsor {float:right; width:178px; height:115px; overflow:hidden; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555; background-color:#555;}

#titre_art_partenaire { position:absolute; width:178px; /*height:11px;*/ top:0px; left:0px; padding:0; margin:0; z-index:1000;}
#marque_partenaire { float:right; width:180px; height:255px; margin-left:9px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#logo_titre_rub_partenaire {width:180px; height:33px; margin-bottom:0px; line-height:10px;}
#logo_art_partenaire {position:relative; width:178px; height:74px; border-left: 1px solid #555; border-right: 1px solid #555;	background-color:#555; }

/*  ------------------------------------------
/*  PAGE BUDGET
/*  ------------------------------------------ */
#budget_ligne_milieu { position:relative; width:870px; height:245px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px;}
#budget_ligne_bas { position:relative; width:870px; height:255px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px;}

#budget_prod_phare { float:left; width:675px; height:245px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#budget_logo_prod_phare { float:right;  width:175px; height:223px; padding-right:10px; padding-left:0px; padding-top:22px;}
#budget_bloc_art_prod { float:left; width:684px; height:245px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#budget_titre_prod_phare { float:left; width:485px; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}

#budget_prod_gauche { float:left; width:430px; height:251px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#budget_logo_prod_gauche { float:right; overflow:hidden;   width:155px; height:223px; padding-right:10px; padding-left:0px; padding-top:22px;}
#budget_titre_prod_gauche { float:left; width:255px; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#txt_prod_gauche {  float:left; width:235px; height:auto; text-align:left; margin-left:5px; padding-top:5px;}

#budget_prod_droite { float:right; width:430px; height:251px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}


/*  ------------------------------------------
/*  PAGE CORPO
/*  ------------------------------------------ */
#corpo_ligne_milieu { position:relative; width:875px; height:200px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:5px;}
#corpo_ligne_bas { position:relative; width:875px; height:300px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px;}

#corpo_prez_societe { float:left; width:570px; height:200px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_bloc_art_prez_soc { float:left; width:570px; height:200px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_titre_prez_soc { float:left; width:550px; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_txt_prez_soc {  float:left; width:570px; height:190px; text-align:left; margin-left:5px; padding-top:10px;}

#corpo_coord_societe { float:right; width:275px; height:195px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_bloc_art_coord_soc { float:left; width:275px; height:195px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_titre_coord_soc { float:left; width:250px; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_txt_coord_soc {  float:left; width:275px; height:185px; text-align:left; margin-left:5px; padding-top:10px;}

#corpo_video_societe { float:left; width:375px; height:295px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_bloc_art_video_soc { float:left; width:375px; height:295px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_video { float:left; width:320px; height:240px; padding-left:20px; padding-right:auto; padding-bottom:auto; padding-top:20px;}

#corpo_equipe_dipro { float:left; width:485px; height:200px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_bloc_art_equipe_dipro { float:left; width:485px; height:200px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}
#corpo_titre_equipe_dipro { float:left; width:482x; height:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px;}

#corpo_tab_equipe_dipro {  float:right; width:480px; height:215px; text-align:left; margin-right:0px; margin-top:15px;}
#corpo_tab_DIV { float:left; width:225px; height:auto; margin-left:0px; margin-right:10px; margin-bottom:5px; margin-top:0px;}
#corpo_tab_DIV_titre { color:#588ab3;; font-weight:bold;}
#corpo_tab_nom { float:left; width:225px; height:auto; margin:0px; border-top:#fff solid 1px;}

#corpo_cellule_DIV { /*float:left; */width:225px; height:17px; margin:0px; padding:0px; border:#FFFFFF none 1px;}

#corpo_tab_DIV_comm { float:left; width:460px; height:auto; margin-left:0px; margin:0px; margin-bottom:5px; margin-top:0px;}
#corpo_tab_DIV_titre_comm { color:#588ab3;; font-weight:bold;}
#corpo_tab_nom_comm { float:left; width:460px; height:auto; margin:0px; border-top:#fff solid 1px;}

#corpo_cellule_DIV_comm { float:left; width:220px; height:17px; margin-right:10px; padding:0px; border:#FFFFFF none 1px;}

#corpo_tab_img_test { float:right; width:170px; height:170px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; border:#FF0000 solid 1px;}


/*  ------------------------------------------
/*  PAGE FORMULAIRE
/*  ------------------------------------------ */
#div_formulaire { position:relative; width:500px; height:245px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px;}
#div_formul_newsletter { position:relative; width:500px; height:245px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:100px;}

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

.lettre_70 {font-size: 70%;}
.lettre_80 {font-size: 80%;}
.lettre_85 {font-size: 85%;}
.lettre_90 {font-size: 90%;}
.lettre_95 {font-size: 95%;}
.lettre_100 {font-size: 100%;}
.lettre_105 {font-size: 105%;}
.lettre_110 {font-size: 110%;}
.lettre_115 {font-size: 115%;}
.lettre_120 {font-size: 120%;}
.lettre_130 {font-size: 130%;}
.lettre_140 {font-size: 140%;}

.bold {font-weight:bold;}

.gris {color:#7D7D7D;}
.blanc {color:#FFFFFF;}
.noir {color:#000000;}
.bleu_fonce {color:#29455B;}
.bleu {color:#555; /*00A0C6;*/}
.jaune {color:#FFBF00;}


.txt_deco_oui {text-decoration: underline;}
.txt_deco_non {text-decoration:none;}

.marging_bottom_5 { margin-bottom:5px;}
.marging_bottom_10 { margin-bottom:10px;}

.marging_top_5 {margin-top:5px;}
.marging_top_10 {margin-top:10px;}

.marging_left_5 {margin-left:5px;}
.marging_left_10 {margin-left:10px;}

.marging_right_5 {margin-right:5px;}

.padind_5 { padding:5px;}

.padind_left_5 { padding-left:5px;}
.padind_left_10 { padding-left:10px;}
.padind_left_20 { padding-left:20px;}
.padind_left_25 { padding-left:25px;}
.padind_left_35 { padding-left:35px;}

.padding_right_5 { padding-right:5px;}
.padding_right_10 { padding-right:10px;}
.padding_right_15 { padding-right:15px;}
.padding_right_20 { padding-right:20px;}
.padding_right_25 { padding-right:25px;}
.padding_right_30 { padding-right:30px;}
.padding_right_35 { padding-right:35px;}

.padding_top_1 { padding-top:1px;}
.padding_top_2 { padding-top:2px;}
.padding_top_5 { padding-top:5px;}
.padding_top_7 { padding-top:7px;}
.padding_top_10 { padding-top:10px;}
.padding_top_11 { padding-top:11px;}
.padding_top_12 { padding-top:12px;}

.padding_bottom_20 { padding-bottom:20px;}

.justify {/*text-align:justify;*/text-align:left;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.align_center {text-align:center;}

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: #EAFFEA;}
.rubriques .menu-titre { background: #F2FFF2; }

.breves { background: #FFEAEA; }
.breves .menu-titre { background: #FFF2F2; }

.syndic { background: #E8F8F8; }
.syndic .menu-titre { background: #F0FCFC; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a:link {  text-decoration: underline; color:#FFFFFF;}
a:hover {text-decoration: none;  color:#FFFFFF;}
a:active { text-decoration: none; color:#FFFFFF;}
a:visited { text-decoration: underline; color:#FFFFFF;}

.art {  text-decoration: none;}
.art :hover {text-decoration: underline; }

.lien_blanc :link { text-decoration: none; color:#FFFFFF;}
.lien_blanc :hover { color:#FFFFFF; text-decoration: underline; }
.lien_blanc :active { text-decoration: none; color:#FFFFFF;}
.lien_blanc :visited { text-decoration: underline; color:#FFFFFF;}

.lien_noir :link { text-decoration: none; color:#fff;}
.lien_noir :hover { color:#79A3CB; text-decoration:underline; }
.lien_noir :active { text-decoration: none; color:#fff;}
.lien_noir :visited { text-decoration: underline; color:#fff;}