@import url("cms.css");

/**/
body { text-align: center; background: #e7f2bd url(../gestion/img/bgBody.gif) repeat-x 0 0; padding: 0px 0 0 0; margin: 0}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	}
	
/*	HEADER	*/
 #tout { 
	text-align: left;
	width: 990px;
	margin: 0px auto 0px auto;
	}
#header {
	 background: url(../images/bgHeaderDiv.jpg) no-repeat; height: 258px;}
#header h1 { padding:0; margin: 0; }
#header p { padding: 0; margin: 0;}
#header h1 a{ display: block; text-align: right; padding: 8px 110px 0 0 }

/* MAIN	*/
#centre{
	 background: url(../images/bgCentre.gif) repeat-y; margin-left:45px;
	}

#left {
	width: 250px;
	float: left; position: relative; top: -16px
}
#left h2 { background: url(../images/bgTitLeft.png) no-repeat right bottom !important; background: url(../images/bgTitLeft.gif) no-repeat right bottom;
	height: 65px; color: #DAF9FF; font-size: 1.5em; padding: 0; margin: 0 0 2px 0; position: relative}
#left h2 span { position: absolute; bottom: 0; display: block; padding: 0.2em 0.4em 0.2em 0.6em }
#main { 
	width: 650px; float: left;
	background: url(../images/bgMain.gif) no-repeat;
	position: relative; top: -30px;
	}
#content {
	margin: 30px 16px 0px 40px;
	}

#calendrier {
	 background: url(../images/bgCentre.gif) repeat-y; margin-left:45px;

	}
#calendrier #mainC {
	position: relative; top: -30px; width: 898px;
	background: url(../images/bgCalendar.png) no-repeat right top !important;
	background: url(../images/bgCalendar.gif) no-repeat right top;
	}
#calendrier #content { margin: 0;
	position: relative; top: 30px;
	}
#calendrier #up {background-image: url(../images/bgUpCalendar.gif)	}

.contentCalendrier { background: #FFF;	padding: 10px 16px 20px 20px; border-left: 1px solid #A2C555}
#calendrier h2 { padding-left: 286px; margin: 0;  margin-bottom: 4px }

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding-right: 10px;
	background: url(../images/bgUp.gif) no-repeat left top; height: 34px; margin-right: 45px
}
#up img { vertical-align: middle; margin-left: 4px
	}

#footer {
	text-align: center;
	padding: 0; height: 30px; background: #B6D36D; font-size: 0.9em; margin-left:45px; width: 900px
}
#footer p { float: left; padding: 0 10px }
#footer a { font-weight: bold }

/**/
.paveHome { margin-bottom: 12px }
	
.paveHome .titPave{
	color: #664E42; font-size: 1.1em; margin-bottom:6px; padding: 0px
}
.paveHome img{ display: block; margin-bottom: 10px; margin-left: 10px;}
.paveHome .bot{ clear: both}

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

/***************      NAV 0      *******************/
div#nav0 { font-size: 11px; height: 20px; margin: 0 44px 0 54px }
div#nav0 ul{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	float: right;
	}
div#nav0 li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px; font-size: 1em;
	list-style-type: none; 
	border-left: 1px solid #93CBEE; width: 90px; background: #E7F2BD; text-align: center
	}
div#nav0 li a { color: #0301FA; display: block; padding: 2px 2px 2px 2px
	}
div#nav0 li a img{ vertical-align: middle
	}
#nav0 li a:hover { background-color: #BDD77C; color: #2F73A4}
#nav0 li.type2 a { line-height: 1.2em;  }
#nav0 li.home { border: none}
#nav0 li.on { }
#nav0 li.on a { font-weight: bold}


/***************      NAV 1      *******************/
div#nav1 { font-size: 11px; height: 61px; margin: 0 54px 0 100px  }
div#nav1 ul{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	}
div#nav1 li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px; font-size: 1em;
	list-style-type: none; 
	border-left: 1px solid #93CBEE; width: 80px; background: none; text-align: center; height: 34px;
	}
div#nav1 li a { color: #FFF;
	display: block; line-height: 2.4em; padding: 4px 0; height: auto !important; height: 100% }
#nav1 li a:hover { background-color: #C6DEEC; color: #2F73A4}
#nav1 li.type2 a { line-height: 1.2em;  }
#nav1 li.home { border: none}
#nav1 li.on { background-color: #C6DEEC }
#nav1 li.on a { color: #2F73A4}

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

#nav2  { /*margin: 8px 12px;*/ margin: 2px; border: 1px solid #B6D36D
}
/* Niveau 1 */
#nav2 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0; font-size: 1em;
	list-style-type: none; height: 100%; background-color: #82AF30; border-bottom: 1px solid #B6D36D}
#nav2 a, #nav2 span{
	display: block;
	padding: 0.8em 0.5em 0.8em 22px; height: 100%; color: #FFF
}
#nav2 a { background: url(../images/puceNav2Li.gif) no-repeat 8px center}
#nav2 a:hover{ background-color: #357199; background-image: url(../images/puceNav2LiOn.gif); color: #FFF	}
#nav2 li.on { font-weight: bold; margin-bottom: 0; border-color: #357199}
#nav2 .on a, #nav2 .on a:hover { background-color: #357199; background-image: url(../images/puceNav2LiOn.gif); color: #FFF}
#nav2 .on a:hover {}
	
/* LVL1 */
#nav2 li.lvl1 { font-size: 0.9em;}
#nav2 li.lvl1 ul { background: #C6DEEC; padding: 0; margin: 0}
#nav2 li.lvl1 ul li { background: none; border-bottom: 1px solid #C6DEEC }
#nav2 li.lvl1 ul li a { background-image: none; background-repeat: no-repeat; background-position: 2em 1em ; color:#0301FA }
#nav2 li.lvl1 ul li a:hover { background: #85B6D3; }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #FFF; background-color: #85B6D3; padding-left: 30px}
	
/* NEWSHOME */
#newsHome {
	color: #3c5115; font-size: 11px; position: relative
}
#newsHome h2{ }
#newsHome .titPaves { background: #82AF30 url(../images/bgTitNewsHome.gif) no-repeat;
 font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 0.5em 0.5em 0.6em 20px}
#newsHome div.newsBox { margin: 10px 10px 16px 10px
}
 
#newsHome h3 {
	font-weight: bold;
}
#newsHome h3 span { }

#newsHome p { }
#newsHome img{ margin: 0 0 4px 8px; float: right
	}
#newsHome .date {
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: bold; font-size: 1em;
	color: #627538;
}
#newsHome .view {
	clear: both; margin: 8px 0 0 0; font-weight: bold
}
#newsHome .view a { }


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

/*****		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}
 
/* 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: 4px; padding: 3px; background: #E7F2BD; border-bottom: 1px dotted #82AF30}
.bot { clear: both; height: 3px; font-size: 1%;}

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


/* */
div.download {
	background-color: #EFF7D2;
	width: 100%;
	margin-bottom: 14px;
	}
div.download h4{ color: #FFF; background: #82AF30 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;
	border: 1px solid #B6D36D; margin: 0 }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	width: 100%;
	font-size: 11px; border: 1px solid #66A7CC
	
}
.tablo th {
	border: 1px solid #FFFFFF;}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #F0F5FB;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #FFFFFF;
	background: #357199;
	border: 1px solid #FFFFFF;
	font-size: 0.9em;
	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;
}

/*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 {
}
.answerMail p { margin-bottom: 12px}


/* Liste et detail  */
.listItems {
	clear: both; margin-bottom: 10px
	}
.infosClient { line-height: 150%; margin: 0 0 10px 0}
.infosClient span{ font-weight: bold}

.titItem { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;
padding: 0.2em 0.4em 0.2em 20px; font-weight: normal; color: #82AF30; border-bottom: 1px dotted #82AF30; background: #EEF5CF url(../images/puceTitListItem.gif) no-repeat 4px center}
.titItem a { display: block; color: #82AF30}
.titItem a:hover { text-decoration: underline; color: #0C659A }

.listItems h3:first-letter { text-transform: uppercase }
.listItems .tiny { padding: 4px 0px }
.listItems img { float: right}
.listItems .date{ height: 22px; background: /*#E2DCD3*/ url(../images/bgNewsDate.png) repeat-y right top;
		color: #5C463B; line-height: 2em; font-size: 1em; font-weight: bold; }
.listItems .view {
	padding: 0; margin: 3px; text-align: center;
	font-size: 10px; float: right; width: 94px; height: 20px; background:url(../images/btnViewMore.gif) no-repeat 0 0
}
.listItems .view a { display: block; color: #FFF; padding: 0.2em
}

.itemDetail .photo { font-size: 11px; text-align: center}
.itemDetail #textDetail {
	width: 420px;
}
/********	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: 90%;
}
#formContact form {
	padding: 0 0 0 0; margin: 0; 
}
#formContact h3{ font-size: 1em; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
background: #357199; color: #FFF; border: none; padding: 6px; margin: 0 0 3px 0}
#formContact label {
	display: block; float: left;
	width: 25%;
	background: none; padding: 0.3em 1em 0.4em 0.4em; text-align: right; cursor: pointer
}
#formContact p {
	clear: both; margin: 0; padding:0px;}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact p.btn {
	padding: 2px 2px 2px 160px;
}
	
#formContact textarea { width: 350px; height: 100px }

/* Liste de contacts sur la page contact */
.coords { line-height: 1.4em }

/**/
#nextStage { font-size: 11px }
#nextStage h2 { font-size: 1.3em; padding:2px; margin: 0; font-weight: bold;}
#nextStage div { border: 1px solid #357199  }
#nextStage h3 { background: #65A6CC; padding: 3px; color: #FFF; font-size:1.2em; font-family: Verdana, Arial, Helvetica, sans-serif }
#nextStage p {
	padding: 2px 6px 2px 16px;
	margin: 0;
	background: #C6DEEC;
}

/*  Calendrier  */
.prestation { margin: 0; padding: 0}
.prestation li { margin: 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images/puceUl.gif) no-repeat left center}