/*  
Theme Name: CFECGC Plus Fr
Theme URI: http://www.ecedi.fr/
Description: Theme pour CFECGF Plus (par Ecedi)
Version: 1.0
Author: Ecedi	
Author URI: http://www.ecedi.fr/
	CFECGC v1.0
	http://www.ecedi.fr/
*/


/* 
VIOLET	#86144B   	
MAUVE	#B24371
VERT		#888500
GRIS		#F1F0EE
*/ 

/*--------------------------------------------------------------------------------------------
			styles global
----------------------------------------------------------------------------------------------*/
.vert {  color:#888500; }
.violet { color:#86144B; }
.infos_commentaires,{
margin:20px;
}

a:link, a:visited { text-decoration: none;color:#86144B;  }
a:hover { text-decoration: underline;color:#86144B; }
a.vert:link, a.vert:visited { text-decoration: none; color:#888500; }
a.vert:hover { text-decoration: underline; }
a.violet:link, a.violet:visited { text-decoration: none; color:#86144B; }
a.violet:hover { text-decoration: underline; }
abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
img 			{ border:0; }
form 			{ margin:0; padding:0; border:none; }

h1,h2,h3,h4		{ margin:0; padding:0; border:none; font-weight:bold }

.pagetitle{margin:20px 0 0 20px; font-size:14px;}

ul, li{margin:0; padding:0;}
li{list-style-type:none;}

.larger li{
font-size:14px;
}

div#centre ul.larger li a{ background:url(img/puce-initiatives.gif) no-repeat 0px 8px; padding:3px 0 0 15px;}
	
html, body { height: 100%;}

body { margin : 0;
	padding : 0;
	width:100%;
	text-align:center;	
	background-color:#D7C8BC;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	color: #777;
}
textarea{
width:90%;
}
div.clear { clear:both;}
/*--------------------------------------------------------------------------------------------
			styles structure
----------------------------------------------------------------------------------------------*/

div#container {   position: relative;	margin : 0 auto;	padding : 0px 0 0 0px;	width:932px;	}
div#page {   background-color:#FFF;	margin : 0 0 20px 0;	}
div#contenu { margin:0px; padding:0px 0px 0px 17px;  height:100%;/*min-height:715px;*/ text-align:left; }
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV HEADER
// -----------------------------------------------------------------------------
*/
div#header { 	margin:0;padding:20px 0 0 0;}
div#header img.titre { float:left;margin:0; padding:20px  0 0  80px; }
div#header div.logo { float:right;margin:0; padding:0; }
div#header div#auteur {float:left; background:url(img/bk-auteur-NEW.jpg) no-repeat 0px 0;height:123px; width:176px; color:#FFFFFF; text-align:center; padding:0px 0 0 0px; margin:0 0 0 0;}
div#header div#auteur img.auteur  {padding:15px 0 0 0; margin:0 0 0 0;}
div#header div#bandeau { text-align:right;float:left;background:url(img/bk-header.gif) repeat-x;height:123px; width:721px;	margin:0 0 0 0;}
div#header div#menu {float:right; padding:0 0 0 0; margin:0 5px 0 0;}
div#header div#menu ul { padding:0 0 0 0; margin:12px 0 0 0;}
div#header div#menu ul li { text-transform:uppercase; color: #FFF; display:inline;padding:0;  margin:0 0 0 0;}
div#header div#menu ul li.page_item{ text-transform:uppercase; color: #FFF; display:inline; padding:0; margin:0 0 0 0;}

div#header div#menu ul li.page_item a:link, div#header div#menu ul li.page_item a:visited {color:#FFF; padding:2px 10px; text-decoration:none; }
div#header div#menu ul li.page_item a:hover { background:#86144B url(img/bk-menu-on.gif) no-repeat top right; color:#FFFFFF; text-decoration:none; }
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV GAUCHE 
// -----------------------------------------------------------------------------
*/
	div#gauche { clear:both; background-color:#FFF;  float:left; width:159px; text-align:left; margin:0 0 0 0px; padding:0 0 0 0px;}
	div#gauche div.topinitiatives, div#gauche div.topquestions  {background-color:#F1F0EE; }
	div#gauche div.topinitiatives h2 { background:#86144B url(img/bk-initiatives.gif) no-repeat top right; color:#FFF;  font-size:120%; padding:13px 0 10px 12px; margin:0;}
	div#gauche div.topquestions h2 { background:#888500 url(img/bk-questions.gif) no-repeat top right; color:#FFF;font-size:120%; padding:13px 0 10px 12px;  margin:0;}
	div#gauche div.topinitiatives ul {  margin:0;}
	div#gauche div.topinitiatives ul li { background: url(img/separateur-initiatives.gif) no-repeat top right; margin:0;padding-left:15px ; }
	div#gauche div.topinitiatives ul li a { background: url(img/puce-initiatives.gif) no-repeat 0px 5px; margin:0;padding:0 0 0 15px ; color:#86144B;}
	div#gauche div.topinitiatives h2  a { color:#FFFFFF;}
	div#gauche div.topquestions ul {  margin:0;}
	div#gauche div.topquestions ul li { background: url(img/separateur-questions.gif) no-repeat top right;  margin:0;padding-left:15px ; }
	div#gauche div.topquestions h2 a {  color:#FFFFFF;}
	div#gauche div.topquestions ul li a { background: url(img/puce-questions.gif) no-repeat 0px 5px; margin:0;padding:0 0 0 15px ;color:#888500; }
	.last { padding:10px 0;}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CENTRE
// -----------------------------------------------------------------------------
*/
	div#centre {float:left; position:relative; padding:0;  background:#F1F0EE  url(img/bk-centre.gif) no-repeat top right; margin:0px 17px; text-align:left; width:485px;}
	div#centre div.actu { margin:20px; border-bottom:1px #86144B dashed;  }
	div#centre div.actu h2 { color:#86144B; font-size:130%;  }
	div#centre div.date { float:right; border-left:1px #86144B dashed; margin-left:10px;  padding: 0 0 0 5px;}
	div#centre div.image { margin-right:10px; }
	div#centre .date { color : silver;	float:right;	line-height:2.3em;	margin:1.5em 0 5px 10px;	padding-left:5px; font-size:.8em;text-align:center;position:relative;	right:0;}
	div#centre .date_day {	display:block;	font-size:3em;	text-align:right;}
	div#centre .date_month {	display:block;	font-size:3em;	text-align:right;	font-weight:bold;}
	div#centre .date_year {	display:block;	font-size:1.4em;	line-height:.9em;}
	
	div#centre ul.cartouche { margin: 0 0 10px 15px;font-size:0.9em;}
	div#centre ul.cartouche li { margin: 0px 0 0 0; padding:0; }	

	div#paginations { text-align:center; margin:0 0 10px 0;}
	div#paginations li { display:inline; }
	div#paginations a.prev { margin-right:25px; color:#777; }
	div#paginations a.next { margin-left:25px; color:#777; }		
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV DROITE
// -----------------------------------------------------------------------------
*/
	div#sidebar {  float:left; width:220px; text-align:left;}
	div#sidebar div.video h2 { background:#888500 url(img/bk-video.gif) no-repeat top right; color:#FFF;  font-size:120%; padding:5px 0 5px 6px; margin:0;}
	div#sidebar div.video div.lien { text-align:right; background:#888500;  padding:5px 15px 5px 0px; }
	div#sidebar div.video div.lien a { background: url(img/lien-video.gif) no-repeat right; color:#FFF; margin:0;padding:0 15px  0 15px ; }
	div#sidebar div.prudhommes, div#sidebar div.calendrier  { background-color:#F1F0EE; }
	div#sidebar div.prudhommes h2 { background:#888500 url(img/bk-prudhommes.gif) no-repeat top right; color:#FFF;  font-size:120%; padding:5px 0 5px 6px; margin:0;}
	div#sidebar div.calendrier h2 { background:#86144B url(img/bk-calendrier.gif) no-repeat top right; color:#FFF;font-size:120%; padding:9px 0 8px 12px;  margin:0;}
	div#sidebar div.prudhommes ul { padding:10px 0 10px 15px; }
	div#sidebar div.prudhommes ul li a{ color:#888500; }
	div#sidebar div.calendrier ul { padding:10px 0 0 15px; }
	div#sidebar div.calendrier ul li a { color:#86144B;background:url(img/puce-initiatives.gif) no-repeat 0px 5px; padding:0 0 0 15px}
	
	div#sidebar div.prudhommes div.lien { background:url(img/separateur-prudhommes.gif) no-repeat; padding:10px 0 0 15px; }
	div#sidebar div.prudhommes div.lien a { background: url(img/puce-questions.gif) no-repeat right; margin:0;padding:0 15px  0 15px ; }

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV BOTTOM - 
// -----------------------------------------------------------------------------
*/
	div#footer { margin:0 auto; margin-bottom:20px; margin-top:20px; background-color:#888500; color:#FFF; /*width:97%; */ width:898px; padding:7px 0;}