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

/*	MESSAGES SYSTEM */
.error_required {
	background: #ffef89;
}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: center; background: #FBFBFB url(../images/bgCentre.png) no-repeat center top
	}
	
#nav1, #footer div, #centre, #centreHome, #centreContact, #ssNav1 ul, #addManif, .bgHeaderHome, .bgHeader { 
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto;}
	
/*	HEADER	*/
#header { text-align: center; background: #C9D451 url(../images/bgHeader.gif) repeat-x left bottom}
#header-right { margin: 0; width: 220px; float: right;}
#header div {text-align: left;
}
#navTop { width: 220px; height: 30px; background: url(../images/bgNavTop.gif) no-repeat left bottom; padding: 0 ; margin: 0;}
#navTop li{ padding: 0 ; margin: 6px 0 0px 0; list-style-type: none; width: 65px; text-align: center; font-size: 12px; float: left; border-left: 1px solid #F7931D}
#navTop li.home { border: none; margin-left: 10px}
#navTop a{ display: block; padding: 0 ; margin: 0;}

div#drapeaux { text-align: right; padding: 0.4em; clear: both; }
.bgHeaderHome { }
.bgHeader {  background: url(../images/fotoHeader.jpg) no-repeat right bottom}

.bgHeaderHome h1 { height: 80px; margin: 0; padding: 0}
.bgHeader h1 { height: 130px; margin: 0; padding: 0}

#header h1 a{
	/*display: block;
	background-image:url(no-image);
	background-repeat: no-repeat;
	width: 485px; height: 62px;	*/
	}

/* MAIN	*/
#centre, #centreHome, #centreContact, #contact{
	clear: both; background: #FFF
	}
	#centre { background: url(../images/bgLeft.gif) repeat-y}
#contact { height: 550px;border-bottom: 3px solid #FFF;border-top: 3px solid #FFF; background: url(../images/bgAddManif.jpg) no-repeat 0 20px;}
#contact div#mainContact { position: relative; width: 540px; left: 350px}


#left {
	width: 250px;
	float: left;
}
#left #textLeft { 
	background: url(../images/botNav2.gif) no-repeat left top;
	padding-bottom: 101px; padding-top: 14px}
#left .tiny { margin: 0 6px 0 10px}
#main {
	float: left; width: 640px;
	/*min-height: 450px;
	height: auto !important;
	height: 450px;*/ margin-top: 2px;}
#content { margin: 14px 0 0 14px
}
#map {width: 550px; height: 450px}
/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 10px 12px;
}
#up img { vertical-align: middle; margin-left: 4px
	}

#footer {
	padding: 10px 5px 5px 5px;text-align: center; border-top: 3px solid #FFF;
	background: #C9D451 url(../images/bgFooter.gif) repeat-x left top; line-height: 140%
}
#footer div { position: relative; text-align: center; width: 900px; margin: 0 auto;
	 }
#footer p.neteor {
	position: absolute; left: 0;
	padding: 0;
	margin: 0;
}
#footer a { font-weight: bold}

/**/
#textHome { position: relative; color: #000000; background: url(../images/bgTextHome.jpg) no-repeat 2px 4px; height: 240px}
#textHome div.box {
	background: url(../images/bgTest.png) !important;
	background-image:url(no-image);
	background-repeat: no-repeat;
	width: 320px; height: 170px; float: right; margin: 10px 8px 0px 0px; }
#textHome div.box div.boxContent { margin: 10px 10px 10px 20px;}
#textHome div.box img { float: right}
#textHome h2 { padding: 0; margin: 0px 0px 8px 0px; border: none; font-weight: normal; font-size: 1.8em; color:#404040}


/* NEWSHOME */
#newsHome {  width: 246px; padding-bottom: 10px; background: #F7931D url(../images/botNewsHome.png) no-repeat left bottom}
#newsHome div { width:240px;
	margin: 0 2px; border: 1px solid #FFF; background: #FFE2BF;
	}
#newsHome  h3, #newsHome p { margin: 0 6px 6px 6px}
#newsHome h2{
	padding: 0; margin: 0; font-size: 13px;
	color: #FFF;
	font-weight: bold;
	border: none
}
#newsHome h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #D57B1B;
	margin-top: 4px;
	padding: 0px 6px 4px 0px;
}
#newsHome p { 
	padding:0; }
#newsHome div { margin-bottom: 6px}
#newsHome .date {
	font-size: 10px;
}
#newsHome p.thumb { width: 105px; text-align: right; float: right; margin: 0 0 4px 4px}
#newsHome .view {
	text-align: right;
	clear: both; padding: 0px 0 0 0; margin: 0;
}
#newsHome .view a {
}
p.logoDrome {}

/* PAVE HOME*/

#paveHome {  }
#paveHome .paves{ width:210px;
	float: left;  }
#paveHome div div div{ padding: 4px 8px; height: 330px; border-left: 1px solid #B2BD47; border-right: 1px solid #B2BD47 }
	
#paveHome h2{
margin: 0; padding: 0; font-size: 12px; height: 43px; line-height:3em; background: #B2BD47; color: #FFF; font-weight: bold}
#paveHome h3{
	padding:2px;
	margin-bottom: 6px;
	color: #F78016; font-size: 1.2em
}
#paveHome p{ padding: 2px 0px; margin: 0px}
#paveHome .view{/* border-left: 1px solid #B2BD47; border-right: 1px solid #B2BD47*/ }

#CC, #RE, #CE {
	background: #FFF url(../images/botPaveHome.png) no-repeat left bottom;
	width: 205px;
	padding-bottom: 5px; 
}
#paveHome .view {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 140%;
}
#paveHome .view img { vertical-align: middle; margin-right: 4px }

/* PLAN */
#plan img { border: 1px solid #CCC; margin-bottom: 10px }

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

#nav1 {
	font-size: 11x; background: none; 
}
#nav1 table{
	margin: 0px;
	padding: 0px;
	
	}
#nav1 td {
	font-size: 11px;
	padding: 0px; height:30px; background: url(../images/bgNav1Li.gif) no-repeat left top; border-right: 2px solid #C9D451; text-align: center
	}
#nav1 td a {
	display: block; color: #FFF;
	padding: 10px 5px 8px 5px; background: url(../images/bgNav1Li.gif) no-repeat right top; font-size: 1em; height: 100%;
	
	}
#nav1 td a:hover {color: #758413;
}
#nav1 .on { font-weight: bold; background: url(../images/bgNav1LiOn.gif) no-repeat left top;
}
#nav1 .on a { background: url(../images/bgNav1LiOn.gif) no-repeat right top; color: #F7931D
}
/* Niveau 1 */
#nav2 {
	margin: 2px 0px 0px 0px;
}
#nav2 h2 {
	/*background: #C9D551;*/
	padding: 10px;
	margin: 0;
	color: #FFF; display: none
}	
#nav2 ul {	font-size: 11px;
	margin: 0px 1px 0px 2px;
	padding: 32px 0px 0px 0px; background: #c9d551
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;height: 100%; border-bottom: 1px dotted #CCC; background: #FFF 
	
}
#nav2 a, #nav2 span{  background: url(../images/puceNav2Li.png) no-repeat 2px 1.1em; display: block; 
	padding: 8px 8px 8px 22px; height: 100%;
}
#nav2 li.on { background: #F7931D; font-weight: bold;}
#nav2 .on a:hover, #nav2 .on a { color: #FFF; background: url(../images/puceNav1LiOn.png) no-repeat 2px 1.1em}

#nav2 a:hover{color: #F7931D; background: url(../images/puceNav2LiOver.png) no-repeat 2px 1.1em;
	}
#nav2 li.nav2Bot, #nav2 li.nav2Top { display: none}

/* LVL1 */
#nav2 li.lvl1 {}
#nav2 li.lvl1 ul { background: #FFF; padding: 0px 0px 12px 0px; margin: 0}
#nav2 li.lvl1 ul li { font-size: 0.9em;border-color: #FFFFFF}
#nav2 li.lvl1 ul li a { padding-bottom:5px; padding-top: 5 px; padding-left: 30px; background: none }
#nav2 li.lvl1 ul li a:hover { background: none}
#nav1 li.lvl1 .on1 {}
#nav2 li.lvl1 .on1 a{ background-color: #F7FAC9; font-weight: bold; padding-left: 30px; }

/**/
#nav2 .btnAddManif { margin-top: 8px
	}
#nav2 .btnAddManif a {
	background: none; }


.view { color: #F7931D;}
/***************************************************************/
/**************       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;
}

.imgToCenter { text-align: center}
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; 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
}
.grasRouge {
	font-size: 11px;
	color: #333333;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

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

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

/* */
div.download {
	padding: 1px; background: #C9D551; color: #FFF
	}
div.download h4{/* background: url(../images/download.gif) no-repeat;*/ padding: 2px 2px 2px 2px; margin: 0px; font-size: 1em;  }
div.download p{ padding: 3px 3px 3px 12px; margin: 1px; background: #FFF url(../images/puceLink.gif) no-repeat 4px center}

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

tr.champs th{
	padding: 4px 5px 4px 5px;
	border-right: 1px solid #FFFFFF;border-top: 1px solid #C9D451;
	border-bottom: 1px solid #C9D451; background: #F7FAC9; color: #7D840D; font-weight: bold
}
.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;
}
.tablo .name {
	font-size: 1.2em;
	font-weight: bold;
}
.tablo .regionName{
	color: #F7931D;
	font-weight: bold;
	width: 180px;
}
.tablo h3 { font-size: 12px}
/*************/
.btn {}
.btn input{
}

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

.detail .thumb { /*width: 210px;*/ float: right; text-align: center; padding: 4px 0px; margin-top: 4px; margin-left: 8px}
.detail .thumb p{  margin-bottom: 4px; }

/* Nom , prénom, tel, fax, email, etc..d'un client */
div.infoClient { margin-bottom: 8px} 
div.infoClient p { padding: 2px 0px; margin: 0; line-height: normal }
div.infoClient p span{ /*display: block; width: 110px; float: left;*/ margin-right: 6px; font-weight: bold}

/* */
.region { text-transform: capitalize; font-weight: bold; padding: 0px; color: #B8C230; font-size: 1.3em}
.region img { vertical-align: middle}
/* Liste de label: activité, equipement, etc...  */
.listLabel h3 { font-size: 1em; padding: 0; margin: 0}
.listLabel li{ padding: 0; margin: 0}

/**/
.list-dates { margin: 0; padding: 0; }
.list-dates li { margin: 0; padding: 0.2em 0 0.2em 16px; list-style-type: none; background: url(../images/puce-date.png) no-repeat 0 center; }

/**** LISTING *************************/
p.coupDeCoeur { color: #FFFFFF; /*width: 110px; */text-align: right; padding: 8px 20px 8px 0px; margin: 0px 10px 0px 0px;
float: right; background:url(../images/favorits.gif) no-repeat right center}
/* Liste des items */
.listItem {
	padding: 1px;
	clear: both; 
	/*border-bottom: 1px solid #C9D451;*/
}
.listItem .thumb { width: 120px;
float: right; padding: 4px 0px; margin: 6px 0 6px 10px; background: #FFFFFF; text-align: right
}
.listItem .dateBig, .detail .dateBig { font-size: 11px; padding: 0; margin: 0; font-weight: bold}
.listItem .thumb p { font-size: 10px;}

.listItem .date{ font-size: 10px; font-weight: normal }
.listItem .view {
	float: right;
	clear: both;
	text-align: left; font-size: 10px;width: 108px; height: 26px; background:url(../images/btnViewMore.png) no-repeat left top; 
	/*background: #F7931D url(../images/bgViewMore2.gif) no-repeat left bottom;*/ padding: 0; margin: 4px 1px 0px 0px; line-height: 18px;
	
	}
.listItem .view a {
 display: block; padding: 0.3em 0.3em 0.3em 24px; color: #E4911D;
 /*background: #FFF  background: url(../images/bgViewMore2.gif) no-repeat right bottom;*/
}

.viewCarte_fr, .viewCarte_en {
	text-align: left; font-size: 10px; padding: 0; margin: 4px 1px 0px 0px;
	}
.viewCarte_fr a, .viewCarte_en a {  display: block; margin: 4px 8px 0px 0px ; /*padding: 0.3em 0.3em 0.3em 0.3em; */
  width: 101px; height: 22px; float: right;}
.viewCarte_fr a { background:url(../images/btnViewMap.png) no-repeat left top;}
.viewCarte_en a { background:url(../images/btnViewMap.png) no-repeat -101px top; }
.viewCarte_fr a:hover { background-position: left bottom; }
.viewCarte_en a:hover { background-position: -101px bottom}

/* Titre d'un itel de listing ou fiche detail de l'item  */
.titItem {padding: 5px 2px 4px 4px;
	margin: 0px 0px 4px 0px; border-bottom: 3px double #FFFFFF;
	background: #F7931D url(../images/bgTitItem.gif) no-repeat left top; color: #FFFFFF; font-size: 1.7em; font-weight: normal
	
	}
.titItem img { color: #FFF; font-size: 14px; font-weight: bold; vertical-align: middle; margin-right: 4px}

.titItem span { display: block; font: normal 12px "Lucida grande", verdana; margin-left: 26px}
.titItem a, .titItem .dateStage { color: #FFF; display: block }
.titItem a:hover {
	color: #FFBB6B;
	text-decoration: none;
}


/* Listing des categories */
.listingUl { }
.listingUl li{ margin: 0px 0px 0px 0px;
	padding: 0; list-style-type: none;height: 100%; font-size: 1.3em 
	
}
.listingUl li a { background: url(../images/puceNav2Li.png) no-repeat 2px 1.1em; display: block; 
	padding: 8px 8px 8px 22px; height: 100%;
}

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

/* news */
.news {
	margin-bottom: 6px;
	padding: 0px 3px;
	background: url(../images/bgNews.png) repeat-x left top;
	border-top: 1px solid #8ABDCE;
	clear: both;
}
.news .infos { line-height: 150%; margin: 0}
.news .infos span{ font-weight: bold}

.news .titNews {
	padding: 3px 5px 2px 16px;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #2385AA;
	border-bottom: 1px solid #FFF;
	background: url(../images/puceTitNews.gif) no-repeat 5px 0.8em; 
}
.titNews a { text-decoration:none; color: #2385AA}
.titNews a:hover { text-decoration: underline; color:#D5026B }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}
.news img { float:right; margin: 0px 0px 8px 8px}
.news .date{ font-size: 10px; color: #D5026B; padding: 1px 2px 2px 5px;display: block}
.news .date span{ font-weight: bold; }
.news p.view {	text-align: right;
	clear: both; padding: 0; margin: 0; 
}
.news .view a { 
}

/********	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	****/
/*	Formulaire sans tableaux	*/
/*#formNeteor { margin: 0 0 30px 0; width: 580px; background: url(../images/botContact.gif) no-repeat left bottom;
	padding: 0 0 10px 0; margin: 0; 
}
#formNeteor h3{ font-size: 12px; padding:8px; font-weight: bold }
#formNeteor label {
	display: block; float: left;
	width: 150px;
	background: none;
	font-weight: bold; padding: 0.4em 10px 0.4em 0.4em; text-align: right
}
#formNeteor p {
	clear: both; margin: 0 0 0 0; padding:6px;}
#formNeteor fieldset { border: none; padding: 0; margin: 0 }
#formNeteor h3 { background: #C0D8E2 url(../images/topContact.gif) no-repeat; color: #3588A6; border: none; padding: 6px; margin: 0 }
#formNeteor p.btn {
	background: #C0D8E2;
	padding: 2px 2px 2px 170px;
}
*/
/*  Fomulaire avec tableaux  */
.formContact {
margin-bottom: 20px
}
.formContact table{ width: 100%}
.formContact tr{}
.formContact th{
	width: 90px;
	text-align: right;
}
.formContact td, .formContact th { padding: 3px}
.formContact fieldset, .formContact select  {
/*border: 1px solid #CCD614;*/
}
.formContact legend{ background: #CCD614; padding: 10px; margin: 0px 0px 0px -1px; color: #FFF;}
.formContact .required { }
.formContact textarea{ width: 98%; height: 130px}
/*  */

.answerMail { margin: 0 100px 0 10px; border: 1px solid #7D840D; background: #FFF; padding: 30px}
.answerMail img{ vertical-align: middle}

/* Liste de contacts sur la page contact */
div.contacts h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 2px 0px 0.3em 2px;
	margin: 0px 0px 6px 0px;
	background: url(../images/puceTitPave.gif) no-repeat 0  0.6em;
	color: #F7931D;
	border-bottom: 1px dotted #F7931D
}
div.contacts div{
	line-height: 150%;
	font-size: 1em;
	margin-bottom: 20px;
}

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

/* Fomrulaire de filtre des centres, relais, etc....*/
.filterBox { background-color: #F7FAC9; border-bottom: 2px solid #C9D451; padding: 8px 5px; margin-bottom: 16px}
.filterBox label{ margin-right: 6px}
.filterBox label input{ vertical-align:middle; margin-right: 6px}
.filterBox fieldset{ border: none; margin: 0; padding: 0}
.filterBox legend{ margin: 0px 0px 3px 0px; color: #828C22; font-size: 1em; background: none; padding: 0; border: none}

/*  Google map   */
.titleGM { padding: 0; margin: 0 0 8px 0; font-size: 11px color: #F7931D}