@import url("balises_ch.css");
@import url("cms_ch.css");

body { background: #CCE1EE url(../images/bgBody.gif); font: normal 12px Arial, "Lucida Grande", verdana; color: #000033; text-align: center}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width:898px;
	margin: 0px auto 0px auto; background: #FFF url(../images/bgHeader.jpg) no-repeat center top
	}
	
/*	HEADER	*/
#header {
	height: 226px;
}
#header h1 { padding:5px 0px 0px 10px; margin: 0;}
#header a#logo{	
	background-image: url(../images/logo.png)!important;
	background-repeat: no-repeat;
	display: block;
	height: 195px;
	}
#drapeaux {  height: 30px; text-align: right; color: #FFF; padding: 0 0.4em}
#drapeaux a { display: block; float: right; margin: 4px 6px 4px 4px; border: 1px solid #FFF}

/* MAIN	*/
#centre {
	background: url(../images/bgTout.gif) repeat-y left top
	}

#left {
	width: 250px;
	float: left;
	min-height: 120px;
}
#left h2 {
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0px 3px 0px;
	margin: 0px 0px 6px 0px;

}
#left .bot { margin: 0; background: url(../images/botNewsHome.gif) no-repeat left bottom; height: 14px; border: none}

#main {
	float: left;
	width: 644px;
	}
#content {
	padding: 16px 0px 0px 0px; margin: 0 12px 0 16px
}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	border-bottom: 2px solid #FFF
}
#up p { border-bottom: 2px solid #FEB400; padding: 6px 10px; margin: 0 1px 0 2px}
#up img { vertical-align: middle; margin-left: 4px
	}

#footer {
	text-align: center;
	clear: both;
	padding: 5px; color: #0A375E; width: 900px; margin: 0 auto
}
#footer a { font-weight: bold}

#footer p { float: left;}

/* PAVE HOME */
#paveHome td {
	vertical-align: top;
	width: 33%;
	padding: 6px;
}
	
#paveHome .titPave{
	color: #2A73A0; padding: 2px 2px 4px 12px; font-size: 1.2em; font-weight: bold; margin-bottom:8px; border-bottom: 1px dotted #95A3AA;
	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: -3px !important; top: -5px;
	font-size: 13px; height: 32px; background: url(../images/bgNav1.gif) repeat-x left bottom;
	border-bottom: 4px solid #FEB400
}
div#nav1 ul{
	margin: 0px;
	padding: 0px; font-size: 13px;
	
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px; height: 32px;}
div#nav1 li a {
	display: block;
	padding: 0px 14px 0px 14px; line-height: 2.6em; font-size: 1em;
	}
#nav1 li a:hover { color: #FFF; background:  url(../images/bgNav1LiOn.gif) no-repeat right top;}
#nav1 .on a, #nav1 .on a:hover { font-weight: bold; color: #293751; background:  url(../images/bgNav1LiOn.gif) no-repeat right top;
}

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

#nav2  {
	font-size: 13px;
}
/* Niveau 1 */
#nav2{
	margin: 0px 0px 0px 0px;
	background: #FFF;
	padding: 1px 1px 1px 1px;
	border: 1px solid #00376B;
	margin-left: 2px;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0; font-size: 1em;
	list-style-type: none;height: 100%; border-bottom: 1px solid #3695CD;
	
}
#nav2 a:first-letter { }

#nav2 a, #nav2 span{display: block; 
	padding: 8px 8px 8px 24px;
	background: url(../images/puceNav2Li.gif) no-repeat 6px center; height: 100%;
}
#nav2 li a:hover, #nav2 li.lvl1 a:hover {}
#nav2 li.on {  background-color: #FEB400; font-weight: bold;}
#nav2 .on a { background-image: url(../images/puceNav2LiOn.gif); color: #00376B; }
#nav2 .on a:hover { }
#nav2 a:hover{
	}
	
/* LVL1 */
#nav2 li.lvl1 {font-size: 0.9em; border-bottom: 1px solid #3695CD; }
#nav2 li.lvl1 ul { margin: 0 0 0 0px; padding: 0; background: #FFE4A6}
#nav2 li.lvl1 ul li { background: none; border-bottom: 1px dotted #3695CD; 
	 }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 32px; background: url(../images/puceNav2LiLvl1.gif) no-repeat 22px center;
  }
#nav2 li.lvl1 ul li a:hover { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #00376B;}
	
/* NEWSHOME */
#newsHome { font-size: 11px;
	margin-left: 4px;
}
#newsHome div.box { width: 242px;
	border: 1px solid #0B3A64; background: #ECF6FF; margin-bottom: 12px;
	
}
#newsHome div.box div { margin: 4px 6px 9px 10px;}
#newsHome h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 3px 0px 2px 0px; margin-bottom: 4px
	}
#newsHome h3 a { color: #347095}
#newsHome p {}
#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: 0; margin: 8px 0px 0px 0px;
}
#newsHome .view a { font-weight: bold; font-size: 1.1em
}


/***************************************************************/
/**************       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%;}

/* */
div.download {
	padding: 2px;
	border: 1px dashed #24486C;
	}
div.download h4{ background: #E9F0F8 url(../images/download.gif) no-repeat; padding: 2px 2px 2px 18px; margin: 0px; font-size: 11px; color: #24486C; }
div.download p{ padding: 2px; margin: 1px }

.icon { vertical-align: middle; margin-right: 4px}
/*********************	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: 4px 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 {}

/* 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 .infos { line-height: 150%; margin: 0}
.news .infos span{ font-weight: bold; color: #00376B}

.news .titNews {
	padding: 8px 5px 7px 18px;
	margin: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	border-top: 2px solid #8ABDCE;
	border-bottom: 2px solid #8ABDCE;
	background: #00376B url(../images/puceTitNews.gif) no-repeat 5px 0.8em;
}
.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;
	width: 20px;
}
.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: 12px; color: #2385AA; padding: 3px 2px 3px 5px;display: block; font-weight: bold;}
.news .date span{  }
.news .view  { float: right;
	 padding: 3px 20px 3px 5px; margin: 4px 2px 4px 0px; padding: 5px 20px 5px 5px; background: url(../images/bgNav1LiOn.gif) no-repeat right top ;
}
.news .view a { font-size: 0.9em; 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: #00376B 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.2em;
}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact p.btn {
	background: #00376B;
	padding: 2px 2px 2px 164px;
	border: none;
}
/* Liste de contacts sur la page contact */
div.contacts h2 { font-size: 1.3em; font-weight: bold;
 padding: 2px 0px 0.3em 12px; margin: 0px 0px 6px 0px; border-bottom: 1px solid #C0D8E2; 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}