@import url("balises.css");
@import url("cms.css");
@import url("htmlarea.css");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 1000px;
	margin: 0px auto 0px auto;
	background: #95A3A8 url(../images/bgHeader.jpg) no-repeat left top; text-align:left
	}
	
/*	HEADER	*/
#header, #nav1, #centre { text-align: left;
	}
#header { }
#header div {
 /*width: 900px; margin: 0 auto*/}
#header h1 { padding:0; margin: 0; height: 252px}
#header p { padding: 0; margin: 0; text-align: center}


#header h1 a{ display: block; height: 100%;
	}
#navTop {
	text-align: right;
	padding: 0;
	margin:0;
	display: none;
}
#navTop li { padding: 0; margin:0; float: left; background: url(../images/bgNavTopLi.gif) no-repeat left center}
#navTop li.home { background: none }
#navTop li a { display: block; padding: 0.4em 0.7em}
#navTop li.on { background: #5C463B;}
#navTop li.on a{ color: #FFF}
/* MAIN	*/
#centre {
clear: both;
/*	 background: url(../images/bgCentre.gif) repeat-y*/
background:#8EA1A8 url(../images/bgTout.gif) repeat-y
	}

#left {
	width: 237px;
	float: left; margin-left: 34px !important; margin-left: 17px; position: relative; top: -36px;
}
#left h2 { height: 36px; padding: 0; margin: 0 }
#left h2 img { display: none}
#left .topLeft {  background: url(../images/bgTitLeft.gif) repeat-x left bottom;}
#main { 
	float: right;
	width: 637px;
	background: #4F6068 url(../images/bgMain.gif) no-repeat; margin-right: 92px;
	/*margin: 0 92px 0 272px;
	background: #566268 url(../images/bgMain.gif) no-repeat;*/
}

#content {
	padding: 17px 13px 90px 38px; height: 100%;
	background: url(../images/bgContent.gif) no-repeat left bottom;
	/*background: #FFF*/
	}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 0; background: #8EA1A8 url(../images/bgFooter.gif) no-repeat left top; height: 52px
}
#up img { vertical-align: middle; margin-left: 4px
	}
#up p { margin: 0 100px 0 26px  }
#footer {
	text-align: center;
	width: 900px;  padding: 0px 0 0 0;
	margin: 0px auto 0px auto;
}
#footer p { float: left; }
#footer a { font-weight: bold; color: #B30000 }

.paveHome { margin-bottom: 14px}
	
.paveHome .titPave{
	font-size: 1.3em; margin-bottom:6px; padding: 8px 6px ;font-family: Georgia, "Times New Roman", Times, serif; background: #353C40
}
.paveHome img{ display: block; margin-bottom: 10px; margin-left: 10px;}
.paveHome .bot{ clear: both}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { height: 36px; background: url(../images/bgNav1.jpg) no-repeat 0 0
}
div#nav1 ul{
	width: 634px;
	margin: 0px 0px 0px 284px;
	/*position: relative; top: 20px;*/
	padding: 0px; 
	
	}
div#nav1 li {
	list-style-type: none;
	float: left; width: 88px; text-align: center; 
	margin: 0px 1px 0px 0px; background: url(../images/bgNav1Li.gif) no-repeat right bottom;
	padding: 0px; height: 100%
	}
div#nav1 li a {
	display: block; font-size: 1em;
	padding: 6px 0 12px 0; color: #000
	}
#nav1 li a:hover { color: #B30000
}
#nav1 li.on {  background: url(../images/bgNav1Li.gif) no-repeat left bottom;
}
#nav1 li.on a { font-weight: bold; color: #B30000;
}

/************ NAV2************/

#nav2  { border-bottom: 2px solid #FFF; background: #821616; 
	padding:30px 8px 10px 8px;
	
}
/* Niveau 1 */
#nav2 ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0; font-size: 1em;
	list-style-type: none; height: 100%; background:#A31C1C ; border-bottom: 1px solid #65220c;
}
#nav2 a, #nav2 span{
	display: block; 
	padding: 0.5em 0.5em 0.5em 1.2em; height: 100%; color: #FFF
}
#nav2 a:hover{ background-color: #B30000;
	}
#nav2 li.on { font-weight: bold; border-color: #A31C1C }
#nav2 .on a, #nav2 .on a:hover { color: #FFFFFF; background-color: #821616; background-image: none }
#nav2 .on a:hover {}
	
/* LVL1 */
#nav2 li.lvl1 { font-size: 0.9em;}
#nav2 li.lvl1 ul { border: none; padding: 0; margin: 0}
#nav2 li.lvl1 ul li {  padding: 0; border-bottom-color: #A31C1C  }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 30px; color: #FFF; background: #821616 /*url(../images/puceNav2LiLvl1.gif) repeat-y 0 bottom; */}
#nav2 li.lvl1 ul li a:hover { color: #FFF }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #3d0a0a }
	
/* NEWSHOME */
#newsHome {/*  width: 238px;margin-left: 14px !important; margin-left: 12px;*/  }
#newsHome h2{  font-weight: bold; font-size: 16px; padding: 0px 0px 0px 0px; margin: 0px; background: url(../images/titNewsHome.gif) no-repeat left bottom;}
#newsHome div.newsBox { background: #3e464b; padding-top: 7px; margin-bottom: 6px;
	width: 237px;/* position: relative; left: -15px; margin-bottom: 10px*/
}
#newsHome .tiny, #newsHome .date, #newsHome .view { padding: 3px 9px 3px 8px} 
#newsHome .tiny {
}
#newsHome h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 2px 9px 2px 10px;
}
#newsHome h3 span { }

#newsHome p { }
#newsHome .tiny img{
	float: right;
	margin: 0 0 4px 4px;
	}
#newsHome .date {
	margin: 0;
	font-size: 13px;
	color: #E60000;
	font-weight: bold;
}
#newsHome .view {
	text-align: right;
	clear: both; margin: 0; 
}
#newsHome .view a {
	color: #FFF;
}


/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px; border: 1px solid #FFF
}
img.imgToRight { border-left: 3px solid #FFF; border-bottom: 3px solid #FFF}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.imgToCenter { text-align: center}
 
/* Divers */
.icon { vertical-align: middle; margin-right: 0.2em}
.date{ font-size: 10px; font-weight: normal }
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold; font-size: 0.9em
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF0000;
}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 3px; padding: 3px}
.bot { clear: both; height: 3px; font-size: 1%;}

div.photo {
	 margin: 0 0 10px 10px; text-align: right;  float: right
}
.photo p{ padding: 0px; margin: 0 0 1em 1em}


/* */
div.download {
	padding: 4px;
	}
div.download h4{ position: relative; left: 1px; top: 10px; width: 200px; color: #FFF; background: #5C463B url(../images/download.gif) no-repeat 3px center; padding: 0.5em 0.3em 0.5em 23px; margin: 0px; font-size:1em; }
div.download p{ padding: 14px 7px; margin: 1px;
	border: 1px solid #AE9D88; }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #FEF4D6;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}


/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	font-size: 11px;
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
	text-align: center;
}
.answerMail p { margin-bottom: 12px}


/* News: Liste  */
.newsList { 
	margin-bottom: 3px;
	clear: both; background-color: #4D575E; min-height: 85px; height: auto !important; height: 85px;
	/*-moz-border-radius: 8px*/
	}
.newsList p.thumb { float: left; margin: 5px 0 0 8px; padding: 1px; border: 1px solid #73838B}
.newsList div.infos { margin-left: 90px;}

.newsList h3 { font-size: 1.3em; padding: 4px 4px 4px 4px; font-weight: bold; margin-bottom: 3px }
.newsList h3 a { text-decoration:none; color: #FF5B5B}
.newsList h3 a:hover { text-decoration: underline; }

.newsList h3:first-letter { text-transform: uppercase }
.newsList p {padding: 4px 4px 4px 4px; font-weight: normal; margin-bottom: 3px
	}

.newsList h3 span { display: block;  
	margin: 0;
	font-size: 11px;
	color: #CACFD2;
	font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 2px 0
		 }
.newsList .view {
	float: right; padding: 5px; background: #566268; margin: 0px 0px 0 0; 
}
.newsList .view a {   color: #E60000
}
/* News: details  */
.news {
	margin-bottom: 3px; width: 99%
	}
.news img { float: right; margin-left: 8px; border: 1px solid #FFF; padding: 1px}
.news .infosClient { line-height: 150%; margin: 0}
.news .infosClient span{ font-weight: bold}

.news .titNews { font-size: 1.5em; padding: 4px 4px 4px 4px; font-weight: normal}
.titNews a { text-decoration:none;}
.titNews a:hover { text-decoration: underline; }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}

.news .titNews span { display: block;  
	margin: 0;
	font-size: 11px;
	color: #FFF;
	font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 2px 0
		 }
.news .view {
	float: right; padding: 5px; background: #566268; margin: 0px 0px 0 0; 
}
.news .view a {   color: #E60000
}
/********	PAGINATION		******/

ul#pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul#pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul#pagine li.on { font-weight: bold; text-decoration: underline;}
ul#pagine li.on { font-size: 14px}

/***	CONTACT	****/
#formContact {
	margin: 0 0 30px 0;
}
#formContact form {
	padding: 0 0 0 0; margin: 0; 
}
#formContact label {
	display: block; float: left;
	width: 25%;
	background: none; padding: 0.3em 1em 0.4em 0.4em; text-align: right
}
#formContact h3 { font-size: 12px; padding:8px; font-weight: bold; background: #353C40; color: #FFF; border: none; padding: 6px; margin: 0 }
#formContact p {
	clear: both; margin: 0; padding:2px;}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact p.btn {
	padding: 2px 2px 2px 170px;
}
	
#formContact textarea { width: 350px; height: 100px }

/* Liste de contacts sur la page contact */
.coords {
	border-left: 1px dotted  #624C41; border-left: 6px solid #A5A512; padding: 0 0 0 0.8em }
.coords dt {
 color:#A5A512;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em;
 margin: 0px 0px 6px 0px; }
.coords dd{ margin-bottom: 6px;
	line-height: 150%;
	font-size: 1em;
}
.coords dd span { font-weight: bold}