@import url("balises_mo.css");
@import url("cms_mo.css");

body { font: normal 11px "Lucida Grande", verdana; background-color: #E6E6E6; color: #000033; text-align: center;}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	width: 932px;
	text-align: center;
	margin: 0px auto 0px auto; background: #E6E6E6 url(../images/bgTout.png) repeat-y center top
	}
	
#bgHeader { 
	width: 898px; margin: 0px auto 0px auto;text-align: left;  background: url(../images/bgHeader.jpg) no-repeat center top}

/*	HEADER	*/
#header {
	height: 200px;
}

#header h1 { padding:0px 0px 0px 12px; margin: 0;}
#header a{	
	background: url(../images/logo.gif) no-repeat !important; 
	display: block; width: 502px;
	height: 107px;
	}
#drapeaux {  height: 40px; text-align: right; color: #FFF; padding: 0 0.4em; text-align: right}
#drapeaux p { margin-right: 60px}
#drapeaux a { display: block; float: right; margin: 4px 6px 4px 4px; border: 1px solid #FFF}

/* MAIN	*/
#centre {
	clear: both;
	text-align: left; background: url(../images/bgCentre.gif) repeat-y -54px top
	}

#left {
	width: 246px;
	float: left;
}
#left h2 {
	background: none;
	height: 27px;
	margin: 0 12px 0 0;
	text-align: right;
}


#main {
	float: left;
	width: 650px;
	}
#content {
	padding: 16px 0px 0px 0px; margin: 0 24px 0 24px
}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right; padding: 10px 16px
}
#up img { vertical-align: middle; margin-left: 4px
	}

#footer {
	text-align: center;
	clear: both; width: 932px; margin: 0 auto; padding: 10px 0;
	background: url(../images/bgUp.png) no-repeat center top
}
#footer a { font-weight: bold}

#footer p { float: left; margin-left: 20px}

#paveHome { font-size: 10px}
#paveHome td { vertical-align: top; width: 33%; }
	
#paveHome .titPave{
	color: #0085B0; font-size: 1.1em; font-weight: bold; margin-bottom:8px;
	background: url(../images/puceTitPave.gif) no-repeat 0px 0.6em;
}
#paveHome img{  display: block; margin-bottom: 10px;}
#paveHome .bot{ clear: both}

.oneItem {}
.oneItem img { float: right; margin: 0 0 1em 1em; }
#paveHome .twoItems { width: 50%; }
.twoItems img { }
	
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 {
	position: relative; top: -10px;
	height: 32px; background: url(../images/bgNav1.gif) repeat-x left top;
	border-bottom: 1px solid #FF980D
}
div#nav1 ul{
	margin: 0px;
	padding: 0px; font-size: 12px;
	
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	}
div#nav1 li a {
	display: block;
	padding: 0px 1.6em 0px 1.6em; line-height: 2.7em; font-size: 1em;
	 background:  url(../images/bgNav1Li.gif) no-repeat center top;
	}
#nav1 li a:hover {}
#nav1 .on a { color: #FFFFFF; font-weight: bold; background:  url(../images/bgNav1LiOn.gif) no-repeat center top;
}

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

/* Niveau 1 */
#nav2{
	margin: 0px 2px 0px 2px;
	border-top: 2px solid #FF980D;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(../images/bgNewsHome.gif) no-repeat right bottom; padding-bottom: 60px
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0; font-size: 1em;
	list-style-type: none;height: 100%; background: #FFF
	
}
#nav2 a:first-letter { text-transform: uppercase }

#nav2 a, #nav2 span{
	font-size: 1.1em;
	padding: 5px 3px 5px 18px; background: url(../images/puceNav2Li.gif) no-repeat 3px 0.8em;
	display: block; height: 100%;
}
#nav2 li a:hover, #nav2 li.lvl1 a:hover { background-color: #FFE4A6}
#nav2 li.on { border-bottom: 1px solid #3695CD; background-color: #0085B0; /*background: url(../www_mo/images/bgNav2LiOn.png) right top repeat-x;*/ font-weight: bold;}
#nav2 .on a { /*background: url(../www_mo/images/puceNav2LiOn.png) no-repeat 2px 0.6em;*/ color: #FFF; }
#nav2 .on a:hover { background-color: #0085B0;  }
#nav2 a:hover{ /*background: #F7D5E6 url(../www_mo/images/puceNav2LiOver.gif);*/
	}
#nav2 .linkMap a {
	background: none;
	padding-left: 20px;
}	
/* LVL1 */
#nav2 li.lvl1 {font-size: 0.9em;  }
#nav2 li.lvl1 ul {border-bottom: 4px solid #3695CD;border-top: 4px solid #3695CD;  margin: 0 0 0 0px; padding: 0; background:#F2F9FF}
#nav2 li.lvl1 ul li { background: none; border-top: 1px dotted #378FBE }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 28px; background: url(../images/puceNav2LiOn.gif) no-repeat 8px 0.4em;
 }
#nav2 li.lvl1 ul li a:hover { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #0085B0; padding-left: 45px; background-position: 26px 0.4em}
	
/* NEWSHOME */

#newsHome { background: #FFFFFF url(../images/bgNewsHome.gif) no-repeat right bottom; padding-bottom: 42px; margin-left: 2px; margin-right: 2px;
}
#newsHome div { font-size: 10px; padding-top: 16px; padding: 4px 6px 6px 11px; border-top: 2px solid #FF980D
}
#newsHome h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px 0px 2px 12px; margin-bottom: 4px; background: url(../images/puceTitNewsHome.gif) no-repeat 0 0.7em}
#newsHome h3:first-letter { text-transform: uppercase}
#newsHome h3 a { color: #027BA6}
#newsHome p { 
	padding: 0px; margin: 0px}
#newsHome div img{ float: right; margin: 0 0 4px 4px
	}
#newsHome .date {
 margin-bottom: 6px; font-size: 1.1em
}
#newsHome .view {
	text-align: right;
	clear: both; padding: 10px 0 0 0; margin: 0; height: 20px; line-height: 150%
}
#newsHome .view a { font-weight: bold
}


/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	background: #FFFFFF;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
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;
}
table.imgBlock {  width: auto}
table.imgBlock td{ text-align: right}
table.imgBlock div{ margin-bottom: 4px; text-align: right}
.imgBlock img {
}
div.photo {
	padding: 2px;
	text-align: right;
	background: #FFF;
}
 
/* Divers */
/* CLASSES GENERIQUES */
 .date{ font-size: 10px;}
.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: 4px; padding: 3px}
.bot { clear: both; height: 3px; font-size: 1%;}
.icon { vertical-align: middle; margin-right: 4px}
/* */
div.download {
	width: 571px;
	padding-bottom: 15px;
	/*min-height: 110px;*/
	background: url(../images/bgDownload.jpg) no-repeat left bottom
	}
div.download h4{ color: #FFF; height: 40px; background: url(../images/topDonwload.gif) no-repeat left top; padding: 2px 2px 2px 18px; margin: 0px; line-height:2.3em; font-size: 12px;}
div.download p{ font-size: 12px; background: url(../images/puceDownload.gif) no-repeat 0 0.7em; padding: 2px 2px 2px 12px; margin: 0px 0px 0px 30px }

/*********************	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, h3.tit {
	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;
}

/*************/
.btn input{
	padding: 2px 8px; font-size: 11px; font-weight: bold; color: #666666;
	background: #FFFFFF url(../images/bgBtn.png) repeat-x left bottom;
	border: 1px solid  #666666; cursor: pointer;
}

/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}
.detail table {
	border-collapse: collapse;
	width: 100%; margin-bottom: 0px}
.detail table.imgBlock { width: auto }
.detail th{
	padding:5px;
	text-align:right;
	width: 200px;
	background: #F9F9CA;
	border-bottom: 1px solid #FFF;
	color: #24486C;
}
.detail td {
	vertical-align: top;
	padding: 3px 0px 3px 5px;
	border: 1px solid #FFFFFF;
}

.detail td.tit { }
.detail td.tit a { float: right; color: #FFF}
.detail td.tit a:hover {}
.detail td.tit h3{
	color: #FFFFFF;
	margin:0px;
	font-size: 12px;
}

h3.tit{
	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;
}

/*************  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: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 14px;
	background: url(../images/topContact.gif) no-repeat left top;
}
.answerMail div { padding:32px 10px; 
	background: url(../images/botContact.gif) no-repeat left bottom;}
.answerMail p { padding: 3px; margin: 0}
.answerMail img { vertical-align: middle}
/************  FOOTER   ****************************/
/**** LISTING *************************/
.listItem {
	margin-bottom: 14px;
	padding: 1px;
	border: 1px solid #CCC;
}
.listItem table {
	border-collapse: collapse;  width: 100%;}
.listItem h3 {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	font-size: 12px;
	color: #F18001;
	
	}
.listItem td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	font-size: 11px;}
.listItem td td{ padding: 0px
	}
.listItem td table{ width: auto
	}

.listItem .date{ font-size: 10px; font-weight: normal }
.listItem .line1 {}

/* */
#listPlan .map { float: left; margin-right: 15px;}
/* Listing des categories */
.listingUl { width: 220px}
.listingUl li{ }

.textHomeCat {
	width: 380px;
	float: right
}
.textCat { padding: 2px;  margin-bottom: 8px}

/* news */
.news {
	margin-bottom: 12px;
	}
.news .infosClient { line-height: 150%; margin: 0}
.news .infosClient span{ font-weight: bold}

.news .titNews {
	padding: 6px 5px 5px 4px;
	margin: 0px;
	font-size: 1.3em;
	font-weight: bold;
	border-top: 1px solid #8ABDCE;
	border-bottom: 1px solid #8ABDCE;
	background: #007CA6;
	color: #FFF;
}
.titNews a { text-decoration:none; color: #FFF}
.titNews a:hover { text-decoration: underline; color:#BBE0FF }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}
.news .photo {
	float: right;
}
.news .photo td{ text-align: right; padding: 0px}
.news .photo img { float: none}

.news img { float:right; margin: 0px 0px 8px 8px}
.news .date{ font-size: 1em; color: #FF9313; padding: 3px 2px 3px 0px;display: block; font-weight: bold;}
.news .date span{  }
.news .view  { 
	 padding: 5px 20px 5px 5px; margin: 4px 2px 4px 0px; padding: 5px 20px 5px 5px;
}
.news .view a { text-transform: uppercase; }

/********	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; width: 580px}
#formContact form {background: url(../images/botContact.gif) no-repeat left bottom;
	padding: 0 0 10px 0; 
}
#formContact h3 {
	font-size: 12px;
	font-weight: bold;
	background: #FE970E url(../images/topContact.gif) no-repeat;
	color: #FFFFFF;
	padding: 6px;
	margin: 0;
	border-bottom: 1px solid #C0D8E2;
	border-top: none;
	border-right: none;
	border-left: none;
}
#formContact label {
	display: block; float: left;
	width: 150px;
	background: none; padding: 0 10px 0 0; text-align: right
}
#formContact p {
	clear: both;
	margin: 0px;
	padding: 0.4em;
}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact p.btn {
	background: #FE970E;
	padding: 2px 2px 2px 170px;
	border: none;
}
/* Liste de contacts sur la page contact */
div.contacts h2 { font-size: 1.3em; font-weight: bold; color: FE970E;
 padding: 0.3em 0 0.3em 0; margin: 0px 0px 6px 0px; border-bottom: 1px dotted #FE970E; background: url(../images/puceTitPave.gif) no-repeat 0  0.6em }
div.contacts div{
	line-height: 150%;
	font-size: 1em;
	margin-bottom: 30px;
}

div.contacts p { padding: 2px 0px; margin-left: 10px}
div.contacts p span {  font-weight: bold}