/********************************************************/
/*************        OKAPI V2        *******************/
/********************************************************/

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

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left; background: #DAE4BC url(../images/bgTout.png) repeat-y left top; width: 920px;
	margin: 0px auto 0px auto;
	}
	
#header div, #centre, #contact, #centreHome { 
	text-align: left;
	width: 896px; margin: 0 auto;}
	
/*	HEADER	*/
#header { text-align: center; height: 200px; background: #DAE4BC url(../images/bgHeader.jpg) repeat-x left bottom;}
#header div {text-align: left;
}
#header h1 { margin: 0; padding: 0}
#header h1 a{
	display: block; height: 200px;
	}

/* MAIN	*/
#centre, #contact, #centreHome {
	clear: both; width: 848px; margin-left: 36px;
	}

#centre, #contact{ background: url(../images/bgCentre.gif) repeat-y 0px top
	}
#contact { height: 530px; }

#left {
	width: 250px;
	float: left;
}

#main { background:  url(../images/bgCentre.jpg) no-repeat right top;
	float: left; width: 595px; padding-top:17px; margin-bottom:8px;
	}
	
	
#content { margin: 14px 20px 0 20px
}
#map {width: 550px; height: 450px}
/*	FOOTER	*/
#up {	clear: both; text-align: right; padding: 0 12px; position: relative; height: 40px; line-height: 40px; }
#up img { vertical-align: middle; margin-left: 4px; }
#up .neteor { float: left}
#footer {
	text-align: center;
	padding: 15px 5px 5px 5px;
	background: #DAE4BC url(../images/bgFooter.gif) repeat-x left top
}
#footer { }
#footer a { font-weight: bold}

/**/



/* PAVE HOME*/
#paveHome { background: #FFF url(../images/bgCentre.jpg) no-repeat center top;
	 width: 845px; padding-top: 37px; }
#paveHome table { width: 100%;  font-size: 1em }
#paveHome .item { width:33%; padding: 0 14px}
#paveHome div div div{ padding: 4px 8px; height: 310px; border-left: 1px solid #B2BD47; border-right: 1px solid #B2BD47 }
	
#paveHome .titPaves{
	padding: 0px;
	font-size: 1.8em; font-weight: normal
}
#paveHome .photo { margin-bottom: 10px ; text-align: center}
#paveHome .view{ border-left: 1px solid #B2BD47; border-right: 1px solid #B2BD47}


/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
#navTop { width: 220px; height: 30px; float: right; 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;}

/* NAV1 */
div#nav1 {
	font-size: 12px; height: 47px; margin: 0 auto !important; margin: 0 0 0 26px; width: 866px; background: #FFF
}
div#nav1 ul{
	margin: 0px;
	padding: 0px;
	
	}
div#nav1 li {
	list-style-type: none;
	float: left; line-height: 2em;
	margin: 0px 0px 0px 2px!important;
	/*width: 94px;*/
	padding: 0px; text-align: center
	}
div#nav1 a { display: block; /*height: 100%;*/ font-weight: bold; color: #593CFF; padding: 8px 11px 10px 12px; font-size: 1em; background: url(../images/bgNav1Li.gif) no-repeat left bottom; 	
	}
#nav1 a:hover { background: url(../images/bgNav1Li.gif) no-repeat right bottom; 
}
#nav1 .on { font-weight: bold;
}
#nav1 li.on a {  background: url(../images/bgNav1Li.gif) no-repeat right bottom; color: #F7931D
}

/* NAV2 */
#nav2 { background-color: #B1CD25; margin: 0px 0px 0px 0px; padding: 0px 0 0px 0;}
#nav2 .topNav2 { background: url(../images/topNav2.png) no-repeat left bottom ; height: 56px}
#nav2 .botNav2 { background: url(../images/botNav2.gif) no-repeat left top; height: 230px}

#nav2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; background: #FFF
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;height: 100%; border-bottom: 1px dotted #CCC; 
	
}
#nav2 a, #nav2 span{  background: url(../images/puceNav2Li.gif) no-repeat 2px center; display: block; 
	padding: 8px 8px 8px 22px; height: 100%;
}
#nav2 a:hover{ color: #F7931D;
	}
#nav2 li.on { font-weight: bold; background: #F7931D url(../images/bgNav2LiOn.gif) repeat-y right top}
 /*#nav2 .on a:hover,*/
#nav2 .on a { color: #FFF; background-image: url(../images/puceNav2LiOn.gif)}

#nav2 li.nav2Bot, #nav2 li.nav2Top { display: none}
/* LVL1 */
#nav2 li.lvl1 {}
#nav2 li.lvl1 ul { background: url(../images/bgNav2Lvl1.gif) repeat-y right top; padding: 0px 0px 0px 0px; margin: 0}
#nav2 li.lvl1 ul li { font-size: 0.9em;border-color: #FFFFFF}
#nav2 li.lvl1 ul li a { padding-left: 30px; background: none }
#nav2 li.lvl1 ul li a:hover { background: none}
#nav1 li.lvl1 .on1 {}
#nav2 li.lvl1 .on1 a{ font-weight: bold; padding-left: 30px; /*color: #D67B31 */}

/***************************************************************/
/**************       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 {
}
.photo {
	padding: 2px;
	text-align: center;
	background: #FFF;
}
 
/* Divers */
/* CLASSES GENERIQUES */
.view { color: #F7931D; height: 16px; text-align: right}
.view img { }

.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
}
.italique {
	font-style: italic;
}
.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: 5px;
	}
div.download h4{ color:#4D4D4D; padding: 2px 2px 2px 2px; margin: 0px; font-size: 1em; border-bottom: 1px dotted #B0CC24; }
div.download p{ padding: 2px 2px 2px 12px; margin: 1px; background: url(../images/puceLink.gif) no-repeat left center; }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: separate;
	width: 100%;
}
.tablo td {
	vertical-align: top;
	padding: 4px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.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{
}


/* Nom , prénom, tel, fax, email, etc..d'un client */
.infoClient { padding: 2px 0px; margin: 0; line-height: normal }
.infoClient  span{ 
	margin-right: 6px;
	font-weight: bold;
	color: #444444;
}

/**** LISTING *************************/
/* Liste des items */
.listItem {
	padding: 1px;
	clear: both; margin-bottom: 14px
	/*border-bottom: 1px solid #C9D451;*/
}
.listItem img { 
	float: right; padding: 4px 0px; margin: 6px 0 6px 10px; background: #FFFFFF; text-align: right
}


.listItem .view {
	float: right;
	clear: both;
	text-align: left; font-size: 10px;
	padding: 0; margin: 4px 1px 0px 0px;
	
	}
.listItem .view a {
	display: block; padding: 0.3em 0.3em 0.3em 0.3em;
	background:url(../images/btnViewMore.png) no-repeat left top;width: 108px; height: 20px; }


/* Titre d'un item de listing ou fiche detail de l'item  */
.titItem {padding: 5px 2px 4px 16px;
	margin: 0px 0px 4px 0px;
	background: #F7931D url(../images/puceTitCmsOrange.gif) no-repeat 3px bottom;
	color: #FFFFFF; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold
	
	}
.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 { color: #FFF; display: block }
.titItem a:hover {
	color: #FFBB6B;
	text-decoration: none;
}



/********	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	****/
/*  Fomulaire avec tableaux  */
.formContact {
margin-bottom: 20px
}
.formContact table{ width: 100%}
.formContact tr{}
.formContact th{
	width: 80px;
	text-align: right;
}
.formContact td{}
.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: 99%; height: 140px}
/*  */

.answerMail {}
.answerMail img{ vertical-align: middle}

/* Liste de contacts sur la page contact */
div.contacts h3 {
	font-size: 22px;
	font-weight: normal;
	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}

.homeFont-bleue, .homeFont-orange { color: #FFF; padding: 6px;}
.homeFont-bleue {background-color: #336699;}
#paveHome .block-photo { width: auto; float: right; max-width:100px; margin-left: 8px;}
#paveHome .block-photo td {}
.homeFont-bleue .photo, .homeFont-orange .photo { padding: 1px}
.homeFont-orange {background-color: #F59C00;}
.town { font-weight: bold; margin-bottom:1em}
.links-list a { display: inline-block; background: #FFF; padding: 4px;}
.contact {}
.map {}