/*******************************************************
**                   GENERAL LAYOUT                  **
*******************************************************/
body {
	margin: 0px;
	background-color:#D8CDC0;
	/*text-align: center;*/
}

#contener {
	width:1000px;
	padding-bottom:0px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: 0px;
	font-family: arial, verdana , Helvetica;
	font-size: 12px;
	line-height: 22px;
	text-align:left;
	color:#4D4D4D;
}
	
/*******************************************************
**                   INTERNAL LAYOUT                  **
*******************************************************/
#bdG1 {background-color:#BDBDBD; width:255px; height:15px; float:left;}
#bdG2 {background-color:#DFDFDF; width:605px; height:15px; float:left;}

#logo {height:75px; margin-top:20px;}

#page {
	float:left;
	width:860px;
	background-color:#FFF;
	padding:0px;
	clear:both;
	margin:0px;
}

#COLContent {
	width:560px;
	padding:20px;
	padding-top:0px;	
	margin:0px;
	float:left;
	}

#COLleft {
	width:255px;
	height:740px;
	padding: 0px;
	margin: 0px;
	float:left;
	background-image:url(/img/interface/visuG-fille255.jpg); background-repeat:no-repeat;	
	}
#ColRight {
	width:130px;
	float:right;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	margin-top: 5px;
	line-height:15px;
	}
#ColRight p.blog {font-size:20px; font-weight:bold; color:#000;}
#ColRight ul {margin:0px; margin-top:15px; padding:0px; list-style-type:none;}
#ColRight li {padding-bottom:15px; }


#footer{
	width:845px;
	font-size: 10px;
	padding:10px;
	color:#4D4D4D;
	line-height:20px;
	font-family:verdana , Helvetica, sans-serif;text-align:right; height:30px; clear:both; }
	
#footer a:link {
	color:#4D4D4D;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footer a:visited {
	color:#4D4D4D;
	text-decoration: underline;
	font-size: 10px;
	font-weight:normal;
}
#footer a:hover {
	color: #4D4D4D;
	text-decoration: none;
	font-size: 10px;
	text-decoration: underline;
	font-weight:normal;
}

/*******************************************************
**                       GOODIES                      **
*******************************************************/

/*********************** NEWS *************************/

.Itemlist {
	border: 1px solid #ededed;
	margin-top:5px;
	margin-bottom:10px;
	padding: 7px;
	font-size:11px;
	color:#999;
}

.ItemlistOn {
	border: 1px solid #D8CDC0;
	margin-top:5px;
	margin-bottom:10px;
	padding: 7px;
	font-size:11px;
	color:#4d4d4d;
}

.flash {
float:right;  margin:0px; padding:0px;
}

.illunews {
margin-right:8px;
border:2px solid #D8CDC0;
}

.illuProd {
border:1px solid #3CDAD9;
}

.CadreVignette {
	background-color:#e4e4e4;
	border:1px solid #fff;
	padding:5px;
}

.CadreVignetteOn {
	border:1px solid #C9A934;
	color:#1F4F72;
	padding:5px;
}


/****************************************************/

ul.liste { list-style-image: url(/img/interface/puceli.gif);}


p {margin-top: 8px; margin-bottom:8px;}

.textfield {border: 1px solid #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; padding:2px;}

.entete { background-color:#D8CDC0; font-weight:bold; }

.ligne1 { background-color:#fff;}
.ligne2 { background-color:#D4FBFA;}
.ligneon { background-color:#FFF9E0;}

.cadreillu { padding:5px; background-color:#FFF; }


.spacer {clear:both; height:1px; line-height:1px; font-size:0px;}

.Note {
	font-size:10px;
	font-family:verdana;
	line-height:13px;
	color:#666;
	}

.titre { font-size:14px; margin-top:22px; margin-bottom:5px;}
	
	
.CalNote {
	font-size:10px;
	font-family:verdana;
	color: #999999;
	line-height: 12px;
	padding:2px;}
/*******************************************************
**                  TITRE ET LIENS                    **
*******************************************************/
	
a:link {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
	}
a:visited {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color:#8A1C1C;
	text-decoration: none;
	font-weight: bold;
}

h1 {
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:20px;
	clear:both;
	padding:10px;
	padding-left:0px;
	}

h2 {
	font-family:Arial, verdana, Helvetica, sans-serif; clear:both; font-weight:bold; font-size: 17px; margin-top:10px; margin-bottom:10px; color:#794A41;
	}

h3 {
	padding-top:3px;
	font-size:13px;
	color:#25C7C6;
	margin-bottom: 5px;
	clear:both;
	text-decoration:none;
}

h3 a:link {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #25C7C6;
	}
h3 a:visited {
	font-size: 10px;
	color: #25C7C6;
	font-weight:normal;
	text-decoration:none;
	}
h3 a:hover {
	font-size: 10px;
	color: #999;
	font-weight:normal;
	text-decoration:underline;
	}