@import url("reset.css");

/***************************************************************************************************/
/* STYLES GENERIQUES*******************************************************************************/
/***************************************************************************************************/

body 									{ font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#898989; font-size:0.8em; background-color:#7B7867; }

h1, .h1 
h2, .h2 
h3, .h3 
h4, .h4 
h5, .h5 
h6, .h6 								{ font-weight:bold; margin:2px; padding:0; }


h1,.h1									{ margin:5px 0 33px 1px; color:#7B7867; font-size:1.5em;  }
h2,.h2 									{ margin:3px; font-size:1.3em; margin:5px 0;}
h3,.h3 									{ color:#FF3300; font-size:1.2em; margin:5px 0; } 

p														{ margin:5px 0; }
a:hover 												{ cursor:pointer; text-decoration:none; color:#F74600; }
a,a.spip_in,a.spip_out									{ text-decoration:none; color:#F98800; }
a:hover, .navigation a:focus, .navigation a:active		{ text-decoration:none; }

.clearfix 								{ height:1%; }
.clearfix:after 						{ content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0 }
.italic 								{ font-style:italic; font-weight:normal; }
.slogan									{ font-size:1.8em; }
.right									{ float:right; margin-right:30px;  }	
.left									{ float:left; }
.gras									{ font-weight:bold; }
.float									{ width:446px; margin-left:15px; }
.actus									{ margin:15px 0  10px 0; }
/***************************************************************************************************/
/* CSS COMMUNES A TOUTES LES PAGES DU SITE
/***************************************************************************************************/
#page									{ position:absolute; top:50%; left:50%; width:872px; margin-top:-300px; margin-left:-436px; background:#fff url("img/new_site_fond.gif") repeat-y ;  }


#entete									{ min-height:106px;  }
.accueil								{ float:left; margin-left:0px; margin-top:-8px; width:235px; height:98px;  background:url("img/bg_top_left.gif") no-repeat}
.accueil img							{ margin:20px 0 0 35px; }
.frise_haut								{ float:right; width:637px; height:44px; margin-top:-8px; margin-left:-11px; background:#fff url("img/new_site_haut.gif") no-repeat top right;	}
#hierarchie		    					{ float:right; margin-right:33px; color:#383838; }
#hierarchie	a					 	    { color:#000; font-weight:bold; }


#conteneur								{ background:url("img/new_site_menu_gauche.gif") no-repeat  }
#contenu								{ float:right; width:600px; min-height:355px; padding-right:30px;  }
#contenu h2								{ font-variant:small-caps; margin:0; padding:0 0 5px 0; }


#navigation								{ float:left; }



/************************ NAVIGATION PRINCIPALE DU SITE  ********************************/
.navigation li.astuces													{ clear:both; }

.navigation {
	margin: 10px 0 0 31px;
	padding: 0;
	list-style: none;
	background: #fff;
	width: 200px;
	font-weight:bold;
}
.navigation a, #navigation span {
	display:block;
	padding:3px 10px 0 15px;
	color: #383838;
	text-decoration: none;
	height:18px;
	background: url("img/menu_bg.gif") no-repeat;
}
	

.navigation .subMenu {
	background: #fff;
	font-size: .9em;
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none; 
	border-bottom: 1px solid #fff;
}
.navigation ul.subMenu li {
	background: none;
	padding: 0px 20px;
	margin:0;
	height: 35px;
	font-size: 9pt;
	font-variant: small-caps;
	color: #AAA996;
}
.navigation .subMenu li .item_img a{
	float: left;
	margin: 0;
	padding: 0;
	font-size:1pt;
}

.navigation ul.subMenu li .item_texte a{
	float: left;
	margin:0;
	padding: 5px 0 0 0;
	width: 120px;
	height: 10px;
	color: #AAA996;
	background: #fff;
}

#navigation ul.subMenu li .item_texte a:hover{
	color: #F74600;
}
.navigation ul.subMenu li.item {
	background: none;
	padding: 0px 20px;
	margin:0;
	height: 20px;
	font-size: 9pt;
	font-variant: small-caps;
	color: #AAA996;
}
/* nuage de tags */

.navigation ul.subMenu li#nuage {
	float: left;
	background: none;
	padding: 0;
	margin:0 0 0 10px;
	height:100%;
	width: 180px;
	font-variant:normal;
	color: #AAA996;
}
.navigation li#nuage{width: 175px;}

.navigation ul.subMenu li#nuage ul {
	list-style-type:none;
	float:left;
	margin:0; padding:0;
	overflow:hidden;
}

.navigation ul.subMenu li#nuage li {
	float:left;
	background: none;
	padding: 0;
	margin:0;
	height:28px;
	width: auto;
	font-variant:normal;
	color: #AAA996;
	text-align:left;
}

.navigation #nuage a {
	float:left;
	display: inline;
	padding: 2px;
	background: none;
	color: #333;
	width: auto;
	vertical-align:bottom;
	text-decoration: none;
}


#nuage a.tag0 {color: #FF0099; font-size:9pt}
#nuage a.tag1 {color: #FF0099; font-size:9pt}
#nuage a.tag2 {color: #990099; font-size:10pt; margin-top: -2px}
#nuage a.tag3 {color: #CC3399; font-size:11pt; margin-top: -4px}
#nuage a.tag4 {color: #3366FF; font-size:12pt; margin-top: -5px}
#nuage a.tag5 {color: #0C479D; font-size:13pt; margin-top: -8px}
#nuage a.tag6 {color: #0099CC; font-size:14pt; margin-top: -5px}
#nuage a.tag7 {color: #AAA996; font-size:15pt; margin-top: -5px}
#nuage a.tag8 {color: #FFCC33; font-size:16pt; margin-top: -5px}
#nuage a.tag9 {color: #F98800; font-size:17pt; margin-top: -5px}
#nuage a.tag10 {color: #F74600; font-size:18pt; margin-top:-5px}
#nuage a.tag15 {color:#9933CC; font-size:20pt; margin-top:-5px}

#bloc_droite {
	float: right;   
	width: 630px;
	margin-top:-41px; 
	/**/
}
.item				{ float:left; }
#central {
	float: right;   
	width: 600px;
	margin-top: 8px;
	margin-bottom:0;
	padding-bottom:0;
}
.ateliers ul li											{   }
.ateliers  li a											{ background:none; }
/************PAGE SOMMAIRE ************************/
.page_sommaire h1 span	  	{ margin-top:10px; font-size:23px; }
.page_sommaire .interview  	{ float: left; margin: 55px 0 0 0; cursor:pointer; }
.page_sommaire .redaction 	{ float: left; margin: 0 0 0 0; cursor:pointer; }
.page_sommaire .livraison 	{ float: left; margin: 60px 0 0 0; cursor:pointer; }
.page_sommaire .assistance	{ float: left; margin: 15px 0 0 0; cursor:pointer; }

#pied																	{ margin-top:20px; padding:3px; background:url("img/bg_pied.gif") no-repeat center bottom;  }
/*************BLOC PIED ********************************************/
#pied a																	{ color:#000; font-size:0.9em; font-weight:bold; }
#pied .menu_bas															{ float:left; width:390px; margin:0 0 0 33px; }
#pied .icone_spip														{ float:right; margin-right:30px; padding-bottom:15px; }


/************************* RUBRIQUE ATELIERS CYM *****************************/
.page_rubrique.rubrique_ateliers_cym #bloc_droite								{ width:100%; }
.page_rubrique.rubrique_ateliers_cym #contenu img								{ float:right; margin:0 5px 5px 5px; }
.page_rubrique.rubrique_ateliers_cym #contenu .texte							{ margin:10px 0 10px 0; }