/*************************************************************************************
 *
 * @site	nom du site
 * @note	compresseur de code css : http://www.cleancss.com/
 * @note syntaxe CSSDoc           : http://cssdoc.net/
 * 
 * acces rapide
 * =structure 			-> Structure du site
 * =menu_gauche			-> Menu gauche
 * =soutiens			-> Chiffres, soutiens, pub et partenaires
 * =header				-> Mise en forme du header et de son contenu
 * =fronton				-> Mise en forme des infos flash du fronton
 * =bloc_question		-> Mise en forme des blocs contenant les questionnaires
 * =bloc_droite			-> Mise en forme des blocs de la colonne de droite
 * =footer				-> Mise en forme du menu du footer
 * =garantie			-> Mise en forme de la page garantie
 *
 * 
 * 
 *  
 *************************************************************************************/
@import "default.css";
.vert, .lienvert{ color:#3C7376 }
arial{ font-family:Arial, Helvetica, sans-serif }
#avertissement {color:#f00;font-weight:bold}
/*************************************************************************************
 *
 * Structure du site
 *
 * =structure
 *
 *************************************************************************************/
#header iframe {

	background:transparent;
	float:right;
	height:20px;
	margin:0 15px 0 0;
	width:500px;
	
}
 
#global { width:1200px }

#container { 

	background:#fff;
	overflow:hidden;
	padding:0 0 10px;
	width:790px;
	float:left;
	
}

.col_pub {

	float:left;
	width:350px;

}

#header { 

	background:transparent url(../images/navigation/angle_orange_haut.gif) no-repeat 8px bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:1px 0 0 12px;
	
}

#col_droite, #col_gauche, .col_1, .col_2  { float:left }

#col_gauche {

	margin:0 14px 0 0;
	width:140px;
	
}

.col_1{

	margin:0 11px 0 0;
	padding:15px 0 0;
	width:365px;
	
}

.col_1.full {
	width:627px;
	margin:0;
}

.col_2 {

	padding:15px 0 0;
	width:251px;
	
}
/*************************************************************************************
 *
 * Mise en forme du header et de son contenu
 *
 * =header
 *
 *************************************************************************************/
#logo{ float:left }

.date{
	
	clear:left;
	float:left;
	font-size:9px;
	margin:15px 0 0 10px;

}

.derniere_minute {

	float:right;
	font:11px/20px Arial, Helvetica, sans-serif;
	margin:10px 0 0 10px;
	width:630px;

}

.derniere_minute span { color:#f90 }
/*************************************************************************************
 *
 * Menu gauche
 *
 * =menu_gauche
 *
 *************************************************************************************/
#menu_gauche{

	background:transparent url(../images/navigation/angle_orange.gif) left bottom no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:12px 0 3px 8px;
	margin:0 0 10px;
	font-size:11px;
	
}
#menu_gauche li{ line-height:20px }

#menu_gauche li#current {

	color:#F90;
	font-weight:bold;
	padding:0 0 0 15px;
	
}

#menu_gauche a {

	background:transparent url(../images/navigation/picto_norm.gif) no-repeat 0 55% ;
	color:#000;
	padding:0 0 0 15px;
	
}

#menu_gauche a:hover, #menu_gauche li#current{ background:transparent url(../images/navigation/picto_clic.gif) no-repeat 0 50% }

/*************************************************************************************
 *
 * Chiffres, soutiens, pub et partenaires
 *
 * =soutiens
 *
 *************************************************************************************/
.chiffres { 

	font-size:11px;
	margin:10px 0 10px 15px;
	line-height:13px;

}

.chiffres span { color:#f80 }

.chiffres a { color:#006dac }

/*Déclarations communes des listes (soutiens, partenaires, réactions)*/
#col_gauche dl{ 

	font-size:11px;	
	padding:0 0 5px;
	margin:10px 0 10px;
	
}

#col_gauche dt { 

	padding:4px 0 4px 13px;
	color:#fff;
	
}

/*Déclarations spécifique à la liste réaction*/
.reaction { border-bottom:3px solid #000 }

.reaction dt { background:#000 }

.reaction dd {

	padding:0 0 9px 13px;
	color:#666;
	line-height:13px;

}

.reaction dd a { color:#666 }

/*Déclarations spécifique à la liste soutien*/
.soutiens { border-bottom:3px solid #f80 }

.soutiens dd { 

	padding:4px 0 5px 13px;
	background:transparent url(../images/commun/pointille.gif) repeat-x 0 bottom;
		
}

.soutiens dt { background:#f80 }

/*Déclarations spécifique à la liste partenaires*/
.partenaires { border-bottom:3px solid #467faf }

.partenaires dt { background:#467faf }

.partenaires dd { 

	padding:15px 0 15px 13px;
	background:transparent url(../images/commun/pointille.gif) repeat-x 0 bottom;
	
}

/*************************************************************************************
 *
 * Mise en forme des infos flash du fronton
 *
 * =fronton
 *
 *************************************************************************************/
#fronton {

	margin:10px 0 0;
	width:627px;
		
}

/*#fronton h2 { 

	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	line-height:15px;
	
}*/

#fronton span {

	color:#fff;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	line-height:19px;
	padding:0 57px 0 14px;

}

.contenu_flash_info {

	background:transparent url(../images/accueil/bg_contenu_flash.gif) repeat-x 0 bottom;
	overflow:hidden;

}
.contenu_flash_info img { float:left }

.contenu_flash_info h2 {

	font-size:24px;
	font-weight:normal;
	color:#000;
	overflow:hidden;
	padding:3px 0 3px 10px;

}

.exprimez_vous { 

	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:3px 0 0 10px;	

}

.exprimez_vous a{

	color:#369;
	margin:0 10px 0 0;
	text-decoration:underline;

}
/*************************************************************************************
 *
 * Mise en forme des blocs contenant les questionnaires
 *
 * =bloc_question
 *
 *************************************************************************************/
 /*Déclarations communes à tous les blocs*/
.bloc_question { font-size:11px }

.bloc_question h2 {

	color:#fff;
	font:bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 8px;
	text-transform:uppercase;

}

.contenu_question { 

	padding:8px 10px 10px;
	overflow:hidden;	
	
}

.contenu_question h3 { 

	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 6px;

}

.contenu_question .accroche {

	font-size:13px;
	font-weight:bold;
	line-height:15px;
	padding:0 10px 4px 0;

}

.contenu_question .accroche a { text-decoration:none }

.contenu_question .accroche a:hover { text-decoration:underline }


.contenu_question p a {

	display:block;
	line-height:13px;
	text-decoration:underline;

}

.contenu_question p{ margin:0 0 3px;overflow:hidden }

.voir_resultats { 

	background:transparent url(../images/commun/double_fleche_orange.gif) no-repeat 0 5px;
	float:left;
	color:#999;
	padding:0 0 0 10px;
	text-decoration:underline;

}
.donner_avis {

	font-weight:bold;
	float:right;	
	padding:0 17px 0 0;
	text-align:right;

}

.separateur { background:transparent url(../images/commun/pointille.gif) repeat-x 0 bottom }

/*Déclarations particulières du bloc faites bouger la société*/
.faites_bouger h2 { background-color:#4175a4 }

.faites_bouger .contenu_question  p, .faites_bouger .donner_avis, .faites_bouger h3 a:hover { color:#4175a4 }

.faites_bouger .donner_avis{ background:transparent url(../images/commun/picto_donner_avis_bleu.gif) no-repeat right center }

/*Déclarations particulières du bloc réagissez à l'actualité*/
.reagissez h2 { background-color:#ffa800 }

.reagissez .contenu_question  p, .reagissez .donner_avis, .reagissez h3 a:hover { color:#ffa800 }

.reagissez .donner_avis { background:transparent url(../images/commun/picto_donner_avis_orange.gif) no-repeat right center }

/*Déclarations particulières du bloc prenez position*/
.position h2 { background-color:#4ca0aa }

.position .contenu_question  p, .position .donner_avis, .position h3 a:hover  { color:#4ca0aa }

.position .donner_avis { background:transparent url(../images/commun/picto_donner_avis_turquoise.gif) no-repeat right center }

/*Déclarations particulières du bloc vos avis sur les grands débats*/
.debats h2 { background-color:#409472 }

.debats .contenu_question  p, .debats .donner_avis, .debats h3 a:hover { color:#409472 }

.debats .donner_avis { background:transparent url(../images/commun/picto_donner_avis_vert.gif) no-repeat right center }

/*Déclarations particulières du bloc résultats des dernières consultations */
.results h2 { background-color:#a0a0a0 }

.results td {
	font-size:12px;
	padding:3px 0px;
}

.results .td1 {
	padding-right:10px;
}

.results .td1 a {
	color:#336699;
	text-decoration:underline;
}

.results .td2 {
	color:#666666;
}

.results .td3 {
	color:#ff8400;
}

.continuez h2 { background-color:#96A4B1 }

.continuez .contenu_question  p, .continuez .donner_avis, .continuez h3 a:hover { color:#96A4B1 }

.continuez h3 a, .debats h3 a, .position h3 a, .reagissez h3 a, .faites_bouger h3 a { color:#000 }

.continuez h3 a:hover, .debats h3 a:hover, .position h3 a:hover, .reagissez h3 a:hover, .faites_bouger h3 a:hover { text-decoration:underline }

.continuez .donner_avis { background:transparent url(../images/commun/picto_donner_avis_gris.gif) no-repeat right center }

.form_reaction h2 { background-color:#FFB400 }

.vousavezecrit h2 { background-color:#43769D }

.ecriveznous h2 { background-color:#57AF8D }
/*************************************************************************************
 *
 * Mise en forme des blocs de la colonne de droite
 *
 * =bloc_droite
 *
 *************************************************************************************/
/*Déclarations communes à tous les blocs*/
.bloc_droite { margin:0 0 6px }

.bloc_droite h4 {

	color:#fff;
	font:bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 7px 0 0;
	text-transform:uppercase;
	text-align:right;

}

.contenu_bloc_droite { padding:14px 5px 12px 6px }

/*Déclarations particulières du bloc newsletter*/
.newsletter h4 { background:transparent url(../images/commun/bg_bleu.gif) repeat-x 0 0 }

.contenu_newsletter {

	background:#bccae8;
	padding:8px;

}
.contenu_newsletter h5 {

	color:#3152a9;
	font-size:11px;
	font-weight:bold;
	
}

#form_newsletter { margin:7px 0 4px }

#form_newsletter input { 

	font:11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	
}

.note {font-size:10px }

/*Déclarations particulières du bloc a la une*/
.alaune h4 { background:transparent url(../images/commun/bg_bleu2.gif) repeat-x 0 0 }

.contenu_alaune {

	background:#b5ccdf;
	padding:14px 6px 12px;

}

.contenu_alaune a { color:#000 }

.contenu_alaune a:hover { text-decoration:underline }

.contenu_alaune p {

	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	margin:5px 0 10px 20px;

}

.alaune h5 { 

	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#4f7da3;	
	line-height:14px;
	padding:0 0 0 20px;
	
}

.alaune h5 span { 

	background:#fff url(../images/laune/bg_titre_alaune.gif) no-repeat 0 0;
	display:block;
	padding:0 0 0 4px;
	width:115px;
	
}

/*Déclarations particulières des sous-titres du bloc a la une*/
h5.chiffre_jour, h2.chiffre_jour { background:transparent url(../images/laune/picto_chiffre_du_jour.gif) no-repeat 0 0 }

h5.chiffre_jour { color:#fff }

h5.chiffre_jour span {background-color:#3b76a8}

.chiffres_cles { background:transparent url(../images/laune/picto_chiffres_cles.gif) no-repeat 0 0 }

.analyse { background:transparent url(../images/laune/picto_analyse.gif) no-repeat 0 0 }

.reactions { background:transparent url(../images/laune/picto_reactions.gif) no-repeat 0 0 }

.resultats { background:transparent url(../images/laune/picto_resultats.gif) no-repeat 0 0 }

.video h4 { background:transparent url(../images/commun/bg_violet.gif) repeat-x 0 0 }

/*Déclarations particulières du bloc blog*/
.blog h4 { background:transparent url(../images/commun/bg_turquoise.gif) repeat-x 0 0 }

.contenu_blog {

	background:#e6ecf2;
	padding:10px 5px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;

}

.v_center {	display:table }

/*Penser au hack IE6/7*/
.v_center p{


	display:table-cell;
	padding:0 4px 0 0;
	vertical-align:middle;

}

.v_center p span{ color:#000 }

.contenu_blog h5 { margin:15px 0 }



.contenu_blog p {

	margin:5px 0;
	color:#3C7376;

}

.comment {

	background:transparent url(../images/accueil2/bt_commentaire.gif) no-repeat right center;
	font-size:9px;
	line-height:15px;
	padding:0 25px 0 0;
	text-align:right;
}

.comment a{ 
	
	color:#3C7376;
	text-decoration:underline;
	
}
/*Déclarations particulières du bloc video*/
.contenu_video { 

	background:#ede6f2;
	padding:5px;	
	overflow:hidden;

}

.contenu_video h5{ 

	color:#6840ad;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 0;

}

.contenu_video p { 
	margin:5px 0 10px 0;
	float:left;
}

.contenu_video p a{ 

	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	
		
}

.contenu_video p a:hover { color:#6840AD;text-decoration:underline }

.contenu_video a {

	color:#6840ad;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	text-decoration:underline;

}

.reagir{

	background:transparent url(../images/accueil2/picto_reaction_video.gif) no-repeat right center;
	float:right;
	padding:0 25px 0 0;

}

.reagir:hover { text-decoration:underline }

.resultats_video { 

	background:transparent url(../images/accueil2/fleche_mauve.gif) no-repeat 0 5px;
	float:left;
	padding:0 0 0 9px;
	text-decoration:underline;
	font-size:11px;
	line-height:13px;
	
}

/*************************************************************************************
 *
 * Mise en forme du menu du footer
 *
 * =footer
 *
 *************************************************************************************/
 
#footer { 

	background:transparent url(../images/commun/angle_jaune_basgau.gif) no-repeat 0 35px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:28px;
	overflow:hidden;
	padding:15px 0 0 10px;

}

#footer a { color:#000 }

#footer li { 

	float:left;
	padding:0 3px 0 0;
		
}

#footer li img { padding:0 0 0 20px; }

/*************************************************************************************
 *
 * Mise en forme de la page garantie
 *
 * =garantie
 *
 *************************************************************************************/ 
.garanties {

	font-size:12px;
	line-height:16px;
	
}

.garanties ol{ margin:10px 0 }

/*.interview a, ul li a, ol li a, .garanties h2,  .reaction p a, .vousavezecrit div p a{ color:#3C7376 }*/

.garanties a { color:#369 }

.garanties p { margin:5px 0 15px }


.garanties table{
	
	border:1px solid #000;
	width:100%;
	border-collapse:collapse;
	
}

.garanties table td, #garanties table th { padding:5px }

.garanties table caption {

	text-align:center;
	font-weight:bold;
	line-height:1.8em;
	padding:5px;
	
}

td.intitule {
	
	text-align:center;
	font-weight:bold;
	
}
/*************************************************************************************
 *
 * Mise en forme de la page reaction
 *
 * =reactions
 *
 *************************************************************************************/ 
.form_reaction, .vousavezecrit, .ecriveznous{

	font-size:12px;
	line-height:16px;
	
}
 
.form_reaction h3, .vousavezecrit h3, .ecriveznous h3 { font-size:14px }

.vousavezecrit h3, .ecriveznous h3 { margin:10px 0 5px }

.vousavezecrit img { margin:15px }

.vousavezecrit span, .vousavezecrit a { color:#3C7376 }

.vousavezecrit span { font-weight:bold }

.form_reaction p { margin:10px 0 }

.form_reaction form a {

	display:block;
	float:right;
	
}

.form_reaction label { font-weight:bold }

.form_reaction p span {

	color:#FFB400;
	font-weight:bold;
	
}

#news_letter { 

	margin:0 0 10px;
	overflow:hidden;	
	
}

.liste_reaction li {

	margin:5px 0;
	background:transparent url(../images/accueil/fleche_jaune.gif) no-repeat 0 5px;
	padding:0 0 0 7px;
	
}

.liste_reaction li a { color:#3C7376 }


.garanties h2, .interview h1 {

	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 10px;

}

.interview {

	width:600px;
	font-size:12px;
	line-height:16px;
	overflow:hidden;

}

.interview span {

	display:block;
	overflow:hidden;
	padding:15px 0;
	width:100%;
	text-align:right;
	
}

.interview span img { 

	float:none;
	margin:0;
	
}

.interview img {

	float:left;
	margin:0 15px 5px 0;
	
}

.interview p { margin:5px 0 15px }

#_email, #_proposition { width:326px; }

.credit {
	
	margin:0 0 20px;
	border-bottom:1px solid #000;
	line-height:20px;
	
}

div#form_gauche, div#form_droite{

	float:left;
	padding:0 12px;
	width:280px;
	
}

#page_chiffre p {

	background:#ebf1f6;
	font:14px/14px Arial, Helvetica, sans-serif;
	margin:15px 0;
	padding:7px;

}

.rss {

	color:#676767;
	font-size:11px;
	margin:0 0 10px;

}

.rss p { margin:10px 0  0 9px }

.rss a { 

	color:#676767;
	text-decoration:underline;
	
}

.rss .lien_flux a {

	background:transparent url(../images/picto_rss.gif) no-repeat 0 center;
	display:block;
	font-weight:bold;
	padding:0 0 6px 35px;

}

#xiti { margin:30px 10px }