@import url(fonts.css);
@import url(menu.css);

/* RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;}

/* STRUCTURE */
body{ background: #fff url(../images/include/bkgd-site.jpg) repeat-x;}
.background{ background: url(../images/include/logo-fond.png) no-repeat; position: fixed; left: 0; bottom: 0; width: 161px; height: 324px; z-index:1;}
#container{ width: 950px; margin: 0 0 0 -475px; left: 50%; top: 0; position: absolute; z-index:2;}
#centerContent{ margin-top: 20px; float:left; width: 98%; border: 1px solid #dfdfdf; border-bottom: 0; padding: 1%; background: #fff;}
#header{ padding-bottom: 19px;}

/* GENERAL */
ul{ list-style: none;}
h2{ background: url(../images/include/arrow-title.jpg) no-repeat left center; padding-top: 4px; padding-left: 20px; padding-bottom: 8px; margin-bottom: 10px; margin-left: -11px; color: #00b0ec;}
h3{ color: #01aef0;}

fieldset{ border: 1px solid #598fe9; margin-bottom: 15px; padding: 10px; margin: 10px 5px;}
legend{ background: #598fe9; color: #FFF; padding: 2px 10px;}
fieldset.first{}
fieldset table td{ padding: 2px 10px;}
fieldset table td input{ border: 1px solid #999;}
fieldset table td input:focus{ border: 1px solid #598fe9; color: #598fe9;}

.clear{ clear:both;}

a img{ border: none;}
a.none{ background: none; padding: 0;}

span.blue{ color: #598fe9;}
td.bord{ padding-bottom: 5px; border-bottom: 1px solid #666;}
.bordtop td{ padding-top: 10px;}
#proannuairedetail td{ padding-right: 10px;}

/* DESIGN */
ul#langChoice{ list-style: none; width: 100%; text-align: right; float:left;}
ul#langChoice li{ display: inline;}
ul#langChoice li a{ text-decoration: none; color: #fff;}
ul#langChoice li#activeLang a{ color: #000;}

#headLogo{ margin-top: 8px; float: left;}
#headLogo a{ float:left; background:url(../images/include/logo.jpg) no-repeat;}
#headLogo a h1{ text-indent: -9999px; width: 378px; height: 55px;}

#headSearch{ float: right; padding-top: 10px; color: #09334d;}
#headSearch td{ padding-top: 5px; padding-left: 10px;}
#headSearch td input{ border: 1px solid #09334d; padding: 2px;}

.menu1{ clear:both; float: right; margin-top: 3px;}
#header .menu1{ clear:both; float: right; margin-top: 3px;}
#header .menu1 ul{ float: left;}
#navleft .menu1{ clear:both; float: left;}

/* BANNER */
#banner{ background: #00afef;}
#navleft{ float: left;}
#corner{}

#headNav{ padding-top: 10px; padding-left: 10px;}
#headNav ul li{ display: inline; float:left; margin-right: 10px; background:url(../images/include/headNav-off.jpg) no-repeat; margin-bottom: 10px;}
#headNav ul li a{  width: 148px; height: 33px; display:block; float: left; text-align: center; padding-top: 15px; color: #00c7e6; font-weight: bold; text-decoration: none;}
#headNav ul li#activeHeadItem a, #headNav ul li a:hover{ color: #0091d0; font-weight: bold; text-decoration: none;  background:url(../images/include/headNav-off.jpg) no-repeat;}

.dropDownMenu{ clear:both; padding-left: 10px; margin-bottom: 20px;}
.dropDownMenu ul{ margin-left: 5px;}
.dropDownMenu li{ margin-bottom: 5px;}
.dropDownMenu a{ color: #FFF; text-decoration: none; margin-bottom: 3px;}
.dropDownMenu a:hover{ color: #5e7408;}

#rightbanner{ float:right; color: #026eb0; margin-top: 19px}
#rightbanner img{ width: 600px; height: 260px; overflow: hidden;}
.youRhere{ background:#FFF; padding: 5px 10px;}
.youRhere strong, .youRhere a{ padding-right: 5px; color: #666; text-decoration: none;}

/* BOX HP */
/* .box-hp{ background: #efefef; width: 33%; float: left;}
.box-hp h3, .box-blue-hp .box h3{ color: #598fe9; background:url(../images/include/bkgd-h3.jpg) no-repeat; padding-left: 20px; padding-top: 3px; padding-bottom:5px; margin-bottom: 10px;}
.box-hp .box.content{ background:url(../images/include/box-hp/repeat-y.jpg) repeat-y right top; padding: 10px;}
.box-hp .box span{ width: 19px; height: 15px; display:block; background-repeat: no-repeat;}
.box-hp .box .left{ float: left;}
.box-hp .box .right{ float: right;}
.box-hp .box.top{}
.box-hp .box.bot{ background:url(../images/include/box-hp/repeat-x.jpg) repeat-x;}
.box-hp .box.top .left{ background: url(../images/include/box-hp/border-top-left.jpg);}
.box-hp .box.top .right{ background-image: url(../images/include/box-hp/border-top-right.jpg);}
.box-hp .box.bot .left{ background-image: url(../images/include/box-hp/border-bot-left.jpg);}
.box-hp .box.bot .right{ background-image: url(../images/include/box-hp/border-bot-right.jpg);}*/

.box-hp{ width: 30%; float: left; padding-right: 3%;}
.box-hp h3, .box-blue-hp .box h3{ color: #484848; margin-bottom: 10px;}
.box-hp .box.content{}

/* BOX BLUE HP */
/* .box-blue-hp{ background: #f0f3f7; width: 33%; float: left;}
.box-blue-hp .box.content{ background:url(../images/include/box-blue/repeat-y.jpg) repeat-y right top; padding: 0 10px;}
.box-blue-hp .box span{ width: 19px; height: 15px; display:block; background-repeat: no-repeat;}
.box-blue-hp .box span.special{ background:url(../images/include/box-blue/border-onnglet-right.jpg);width: 70px; height: 30px; float: right;}
.box-blue-hp .box .left{ float: left;}
.box-blue-hp .box .right{ float: right;}
.box-blue-hp .box.top { background:url(../images/include/box-blue/repeat-y.jpg) repeat-y right top;}
.box-blue-hp .box.top H3{ float: left; margin-top: 10px; margin-left: -10px;}
.box-blue-hp .box.bot{ background:url(../images/include/box-blue/repeat-x.jpg) repeat-x;}
.box-blue-hp .box.top .left{ background: url(../images/include/box-blue/border-top-left.jpg);}
.box-blue-hp .box.top .right{ background-image: url(../images/include/box-blue/border-top-right.jpg);}
.box-blue-hp .box.bot .left{ background-image: url(../images/include/box-blue/border-bot-left.jpg);}
.box-blue-hp .box.bot .right{ background-image: url(../images/include/box-blue/border-bot-right.jpg);}
.box-hp a, .box-blue-hp a{ color: #f7941d;} */

.box-blue-hp{ width: 33%; float: left;}
.box-blue-hp .box.top H3{ float: left; margin-left: 0;}
.box-hp a, .box-blue-hp a{ color: #00b0ec; background: url(../images/include/bullet-link-blue.gif) no-repeat left 3px; padding-left: 12px;}

/*FORM*/
.form_rdv ul.title li { display:none; list-style:none;}
.form_rdv ul li { display:block; margin:10px 0;}
.form_rdv ul li ul li{ margin:0 0 0 50px;}
.form_rdv ul.title { width:647px; height:33px; margin:0 0 20px 0;}
.form_rdv.step3 ul { background:none;}
.form_rdv.step1 ul.title {background: url(../images/include/form-step.jpg) no-repeat left top;}
.form_rdv.step2 ul.title {background: url(../images/include/form-step.jpg) no-repeat left -38px;}
.form_rdv.step3 ul.title {background: url(../images/include/form-step.jpg) no-repeat left -76px;}
.form_rdv td{ padding:5px 2px;}
.form_rdv.unsubscribe td { text-align:left;}
.form_rdv td.info { text-align:right; color:#666; font-style:italic;}
.form_rdv td.info.left { text-align:left;}
.form_rdv td.error { color:#900; padding:0 2px;}
.form_rdv td.error .box.error{ border:#900 2px solid;text-align:center; padding:5px 0; margin:0 0 5px 0; display:block;}
.form_rdv td.error .box{display:none;}
.form_rdv table,.form_rdv textarea,.form_rdv select { margin:10px 0 10px 0;}
.form_rdv input,.form_rdv textarea,.form_rdv select { border:1px solid #ccc;}
.form_rdv .checkbox,.form_rdv .radio{border:none;}
.form_rdv .radio { margin:0;}
.form_rdv textarea { width:400px; height:80px; overflow-y:scroll; padding:5px; font-size:1.1em;font-family:Arial,Helvetica,sans-serif;}
.form_rdv select {width:400px;}

.form_rdv select.multiple {height:200px; width:100%;}
.form_rdv .inputtext { width:200px; padding:2px;}
.form_rdv input.error {border-color:#900;}
.form_rdv .button { background:#7A9419; color:#fff; margin:0 0 10px 0; float:right; padding:5px;}
.form_rdv .button.left {margin:0 15px 0 0;}
.form_rdv .button:hover { cursor:pointer; background:#9dbb1e; color:#7a9419; }
.form_rdv .alpha{ padding:0 0 0 50px;}
.form_rdv .alpha.opacity { filter : alpha(opacity=5); -moz-opacity : 0.5;  opacity : 0.5; }
.separator{ background-color:#ccc; margin:10px 0; height:1px;}

.sep{ background: url(../images/include/Home.jpg) right top no-repeat; height: 18px; width: 100%; border-bottom: 1px dashed #999;}

th{ text-align: left; border: 0;}

/* NEWSBREVE */
#NEWSBREVE p{ margin-top: 5px;}
#NEWSBREVE p strong{ padding-top: 15px; display: block; color:#01afec;}
#NEWSBREVE p a{ border-bottom: 1px dashed #ccc; width: 100%; display:block; text-decoration: none;}
#NEWSDETAILS strong{ color: #598fe9; font-size: 1.2em;}
#NEWSDETAILS em{ font-weight: bold;}
#NEWSDETAILS p{ margin-bottom: 10px; line-height: 1.5em;}

#footer{ text-align: center; color: #9c9c9c; padding-top: 8px; background: url(../images/include/bkgd-footer.jpg) no-repeat;}
#footer a{ color: #666;}

#divorganigram table{ clear: both; float: none;}
#divorganigram ul{ list-style: square; margin-left: 20px;}

.push a{ background: #598fe9; color:#FFF; padding: 3px 10px; display:block; float: left;}

/* POPUP HIDESHOW*/
#divHideShow {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.popup_block {
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .80;
-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--Transparence sous IE 8--*/
left: 0;
top: 0;
z-index: 10;
}


*html #fade {
position: absolute;
height:1200px; width:1800px;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+((documentElement.clientHeight-this.clientHeight)/2)
: document.body.scrollTop
+((document.body.clientHeight-this.clientHeight)/2));

left:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft
+ (document.body.clientWidth /2 )
: document.body.scrollLeft
+ (document.body.offsetWidth /2 ));
}

.form_rdv.step1.unsubscribe ul.title {
    background: url(../images/include/form-annulation.jpg) no-repeat left top;
}
.form_rdv.step2.unsubscribe ul.title {
    background: url(../images/include/form-annulation.jpg) no-repeat left -38px;
}
.form_rdv.step3.unsubscribe ul.title {
    background: url(../images/include/form-annulation.jpg) no-repeat left -76px;
}