/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* TAGS DE BASE/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
*{margin: 0; padding: 0;}

html{height:100%;}

body{
	height: 100%;
	margin:0;
	padding:0;
	font: 70%/125% Arial, Helvetica, sans-serif;
	color:#3e3e3e;	
	background:url('../img/css/bg_header.jpg') #f4f4f4 top center repeat-x;
}

/* img */
body img, :link img, :visited img {border: none;}
a:active, a:focus {outline: none;}

/* Liens */
a,a:link,a:visited, a:active{color: #0497b0; font-weight: normal; text-decoration: underline;}
a:hover{text-decoration: none;}

.topLinkLeft {background: url('../img/css/bt_print.gif') 0 2px no-repeat; line-height: 30px; padding-left:40px;}
.topLinkRight {float: right; line-height: 30px;}

/* En-têtes */
h1,h2,h3,h4,h5,h6{font-family: "Lucida Sans"; margin: 0 0 .3em 0; text-transform: none; line-height:1.1em; font-weight:normal; }
h1{ font-size:1.9em; color:#0497b0; letter-spacing:-1px; margin:30px 0 10px 0;}
h2{ color:#0497b0; font-size:1.6em;letter-spacing:-1px; margin:20px 0 10px 0;}
h3{ color:#3e3e3e; font-size:1.4em; font-weight:bold; letter-spacing:-1px; margin:15px 0 5px 10px;}
h4{ color:#3e3e3e;font-size:1.3em; font-weight:normal;}
h5{ color:#3e3e3e;font-size: 1.1em;}
h6{ color:#3e3e3e;font-size: 1.15em;}

h1 span, h2 span, h3 span {display:none; padding:0;  margin:0;}
.box h3 {padding:0;  margin:0;}
.titleAnnonce {text-align:center;}

/* Listes */
ul{margin: 0; padding: 0;}
ul ul{padding: .4em 0 0 1.6em;}
ul li {background: url('../img/css/bullet1.gif') 0 .4em no-repeat; font-size: 1em; line-height: 1.4em; padding-left: 15px; list-style: none;padding-bottom: .35em;}
ul ul li{background: url('../img/css/bullet1.gif') 0 .3em no-repeat; font-size: 1em; line-height: 1.3em;}
ul ul ul li{background: url('../img/css/bullet1.gif') 0 .15em no-repeat; font-size: 1em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

/* Tables */
table{border-collapse: collapse;}
table th{background: #ffffff; /*#686868*/; padding: 10px; color:#0497b0 /*#F4F4F4*/; font-weight:bold; border: 1px solid #d5d5d5; text-align:left;  vertical-align: middle;}
table td{padding: 10px; background:#FFFFFF; border: 1px solid #d5d5d5; vertical-align: top;}

/* Textes et Autres*/
p{padding: 0 0 .5em 0; line-height:1.4em; text-align:justify;}
blockquote{background-color:#0497b0; padding: 15px; margin: 15px; color:#FFFFFF;}
br{}
hr{margin: 1em 0; background:#c4c4c4; color:#c4c4c4;  height:1px;  border:none; clear:both;}

/* Formulaires */
form {background: none; border:none;}

label {font-weight: normal; display: block; font-size:11px; color:#5e5e5e; margin-bottom:4px;}
label.labelInscription {width: 200px; float: left; display: block; font-weight: normal; font-size:11px; color:#5e5e5e; margin-right:35px;}
label.labelAnnonce {width: 255px; float: left; display: block; font-weight: normal; font-size:11px; color:#5e5e5e; margin-right:35px;}
label.labelRecherche {width: 200px; float: left; display: block; font-weight: normal; font-size:11px; color:#5e5e5e; margin:0;}
label.labelShowContact {width: 150px; float: left; display: block; font-weight: normal; font-size:11px; color:#5e5e5e; margin:0;}

input, textarea, select { font-size:10px; color:#3d3d3d;}
input, textarea, select, option {border: 1px solid #0497b0;}

input.inputInscription, textarea.inputInscription, select.inputInscription {width: 250px; font-size:10px; color:#3d3d3d;}
input.inputAnnonce, textarea.inputAnnonce, select.inputAnnonce {width: 200px; font-size:10px; color:#3d3d3d;}
input.inputRecherche, textarea.inputRecherche, select.inputRecherche {width: 270px; font-size:10px; color:#3d3d3d;}
input.inputShowContact, textarea.inputShowContact, select.inputShowContact {width: 320px; font-size:10px; color:#3d3d3d;}
input.inputField {width: 180px; font-size:10px; color:#3d3d3d;}
/*input[type=file] {float:right;}*/

input.inputJour {width: 25px; font-size:10px; color:#3d3d3d;}
input.inputMois {width: 25px; font-size:10px; color:#3d3d3d;}
input.inputAnnee {width: 40px; font-size:10px; color:#3d3d3d;}
input.inputCaptcha {width: 75px; font-size:10px; color:#3d3d3d;}


select, option, fieldset, legend {color:#4a4a4a; vertical-align: bottom;}
textarea { font-family:Tahoma; font-size:11px; height: 80px;}
option {border:none;}
.radio { border: none}
input.inputText { background:url('../img/css/bg_input.gif') repeat-x; padding:2px; border:1px solid #d5d5d5; width:142px;}
input[type=submit] {cursor:pointer;}
input[type=image] {border:none;}
fieldset {border: 1px solid #DDDDDD; margin-top: 30px; padding: 20px;}
legend {color:#0497b0; font-size:1.2em;}


/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{margin:0; padding:0;height: auto !important; height:100%; min-height:100%;}
#container1{ height:100%; border:none;}
#container2{width:100%; margin:0 auto;}
#container3{ margin: 0 auto; width:970px;} 
#container4{}
#container5{}


/* HEADER ========================================================================================================*/
#header{ width:970px; height:189px; position:relative; z-index:50;}
#header .sep{ color:#dcdcdc;}

/* Print */
#headerPrint { width:970px; height:320px; position:relative;}

/* topMenu */
#topMenu{ position:absolute; top:10px; right:10px;}
#topMenu ul li{ display:inline; margin:0 3px; padding:0; background:none; font-size:10px;}
#topMenu ul li a{ color:#eeeeee; font-weight:normal; text-decoration:none;}
#topMenu ul li a:hover, #topMenu ul li a.activate{ color:#0497b0;}

/* menuLanguage */
#menuLanguage{ position:absolute; right:10px; top:35px;}
#menuLanguage ul li{ display:inline; margin:0 3px; padding:0; background:none; font-size:10px;}
#menuLanguage ul li img{ position:relative; top:3px;}

/* logo */
#logo{ position:absolute; top:13px; left:10px;}
#logo h1{ padding:0;  margin:5px 0 0 0; }
#logo h1 span{ display:none; }

/* mainMenu */
#mainMenu{ height:43px; position:relative; left:10px; top:146px; z-index:50;}
#mainMenu ul li{ list-style:none; background:none; margin:0; padding:0; font-size:0; line-height:0; float:left; position:relative;}
#mainMenu ul li a{}
#mainMenu ul li a:hover{}
#mainMenu ul li ul{display: none; position: absolute; top: 43px; left: 0px; width: 200px; background:#f4f4f4; padding:5px 0 10px 0; border:1px solid #e2e2e0;}
#mainMenu ul li:hover ul{display: block;} /* reproduit en js pour IE avec initNav()*/

/*#mainMenu ul li ul li{float: none; display: block; font-size:11px; line-height:20px; background:url('../img/css/bullet1.gif') 5px 10px no-repeat; padding:0 15px;}
#mainMenu ul li ul li a{ border: #a7a7a7 dashed; border-width: 0 0 1px 0; display: block; width: 100%; font-weight:normal; text-decoration:none; padding-left:5px;}
#mainMenu ul li ul li a:hover{ color: #cb0929;}*/
#mainMenu ul li ul li {
	float:none;
	display:block;
	background:url('../img/css/bullet1.gif') 5px 10px no-repeat; padding:0 15px;
}
#mainMenu ul li ul li a {
	display:block;
	width:100%;
	font-size:11px;
	text-decoration:none;
	border: #a7a7a7 dotted;
	border-width: 0 0 1px 0; 
	line-height:1.6em;
	padding:6px 0 6px 6px;
	font-weight:normal;
}
#mainMenu ul li ul li a:hover{ color: #666666;}


/* banner */
#banner{ height:130px; width:970px; position:relative; z-index:0;}



/* CONTENT ========================================================================================================*/
#content{
	width:970px;
	margin:0 auto;
	position:relative;
	z-index:11;
}

/**************** leftContent *********************/
#leftContent{ width:184px; float:left; position:relative; top:-34px; margin-left:14px;}


/**************** centerContent *********************/
#centerContent{
	width:535px;
	padding:0 26px 20px 26px;
	float:left;
	position:relative;
}
#centerContent .mainTitle{ padding:32px 0 20px 0;}
#centerContent .photo{ border:1px solid #d4d4d4; margin:0 0 10px 10px;}

/* Print */
#printContent {
	width:970px;
	margin:0 auto 0 auto;
	position:relative;
}

/* CTA */
#CTA{ margin: 0 auto; width:524px; margin-top:20px}
#CTA #containerMiddle{ background:url(../img/css/middle_cta.gif) top center repeat-y; width:524px;}
#CTA .CTA_content{ float:left; display:inline; width: 220px; padding-left:26px; padding-right:10px; padding-bottom:20px; padding:10px 12px 20px 26px;}
p.CTA_LetfRight {height:150px;}

/* bannerPub */
#bannerPub {
	width:970px;
	margin:0 auto;
	position:relative;
	z-index:11;
	padding-top:20px;
}
#leftPub {
	width:184px;
	float:left;
	position:relative;
	margin-left:14px;
	height:auto !important;
	height:100%;
	min-height: 145px;
}
#centerPub {
	width:535px;
	padding:0 26px 20px 26px;
	float:left;
	position:relative;
	height:auto !important;
	height:100%;
	min-height: 145px;
}
#rightPub {
	width:185px;
	float:right;
	position:relative;
	height:auto !important;
	height:100%;
	min-height: 145px;
}

/* Partenaires */
.logoPartenaires {float:left; width:200px;}
.contentPartenaires {float:left; width:300px; margin-left:30px;}

/***************** rightContent *****************/
#rightContent{
	width:185px;
	float:right;
	position:relative;
	height:auto !important;
	height:100%;
	min-height: 450px;
	padding:20px 0 0 0;
}

/* news */
.news{ padding:0px 0 6px 0; border-bottom:1px dotted #c4c4c4; margin-bottom:6px; }
.news a{ text-decoration:none;}
.news a:hover{ text-decoration:underline;}

/* FOOTER ========================================================================================================*/
#footer{
	width:100%;
	height:162px;
	background:url('../img/css/bg_footer.jpg') top left repeat-x;
	margin:0 auto;
	color:#e9e9e9;
}
#footer a{ font-weight:normal; color:#0497b0; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer #containerFooter{
	width:970px;
	height:162px;
	margin:0 auto;
	background:url('../img/css/bgFooterContainer.jpg') top center no-repeat;
	position:relative;
}
#footer #containerFooterLeft{ width:410px; padding:28px 125px 20px 0px; float:left;}
#footer #containerFooterLeft #infosFooter{ padding-top:25px; color:#FFFFFF;}
#footer #containerFooterRight{ width:240px; padding-left:18px; margin:20px 0; float:left;}

/* menu_footer */
#menu_footer{ width:500px; color:#0497b0;}
#menu_footer ul li{ display:inline; background:none; padding:0 5px; margin:0; list-style:none; line-height:20px;}

/* Print */
#footerPrint{position:relative; top:20px; width:100%;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

.error{color:#cc0000;}
.success{color:#3061b0;}
.small{ font-size:10px;}
.center{ text-align:center; }

.highLight{ background:#f2f2f2; padding: 10px; border:1px solid #cecece; color:#1b608a; width:500px; margin: 10px 0;}

/* blockquote */
.blockquote{ width:545px; margin: 15px auto; background-color:#eeeeee;}

/* toggleVisibility */
.showBtn{display: none; cursor: pointer;}
.hideBtn{display: none; cursor: pointer;}
.toggleBtn{cursor: pointer;}

/* stripe tables 
table.stripes{}
table.stripes td, table.stripes th{ padding:3px;}
.stripes th{ margin-top:20px;text-align:left; background: url(../img/css/backTH.gif) top center repeat-x #1b97c6; color:#FFFFFF;}
.stripes .odd{background: #e9e9e9; border-bottom:1px solid #FFFFFF;}
.stripes .even{background: #f4f4f4; border-bottom:1px solid #FFFFFF;}
.highlightRows .high{background: #aaa; cursor: default;}
*/

/* clear et floats */
.clear{clear: both; display:block;}
.floatLeft{float: left; display:inline;}
.floatRight{float: right; display:inline;}
.block {display:block;clear:both;}
a.important{ font-weight:bold; text-decoration:none; background:url(../img/css//bullet1.gif) 3px 3px no-repeat; padding-left:18px;}
a.important:hover{ text-decoration:underline;}

/* rollOverCss */
.rolloverCss span{display:none;}
.rolloverCss{display: block;}
.rolloverCss:hover{background-position: bottom;}

/* rollOverTrans */
.rollOverTrans img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rollOverTrans:hover img{filter: alpha(opacity=90); -moz-opacity: .5; opacity: .5;}

/* box */
.box{ background:#FFFFFF; border:1px solid #e0e0e0; padding:14px; margin-bottom:20px;} 
.box h3{ margin-bottom:15px;} 
.box .containerField{ margin-bottom:10px;}
.box ul li{ background:none; padding:0; list-style:none; margin:0;}

span.underline {text-decoration:underline;}
#bt_ajouter_un_dossier {display:block; width:18px; height:18px; cursor:pointer;}
.border { background: none; border:#999999 1px solid; padding:10px; margin:10px; }
.borderResultat { background: none; border:#0497b0 1px solid; font-weight:bold; color:#0497b0; padding:10px; margin:0 0 20px 0; }

.errorChamp { color:red; text-indent:150px; }
.error_chp { width:250px; color:red; }
.error_prf { color:red; }
.borderRed{ border:red 1px solid; color:red; padding:10px; margin:10px; }
.gratuite { color:green; }