@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;}
#container{ width: 950px; margin: 0 auto;}
#centerContent{ margin-top: 20px; float:left; width: 100%;}
#header{ padding-bottom: 19px;}

/* GENERAL */
ul{ list-style: none;}
h2{ border-bottom: 3px solid #ecb735; padding-top: 10px; padding-bottom: 8px; margin-bottom: 10px;}
h3{ color: #598fe9;}

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;}

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: #fff718;}

#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; padding-left: 55px; float: left; width: 80%; margin-top: 3px;}
#header .menu1{ clear:both; float: right; width: 700px; margin-top: 3px;}

/* BANNER */
#banner{ background: #b0cf33 url(../images/include/banner-bkgd.jpg) repeat-x bottom;}
#navleft{ background:url(../images/include/banner-border-top.jpg) left top no-repeat; float: left;}
#corner{ background:url(../images/include/banner-border-bottom.jpg) left bottom no-repeat;}

#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: 122px; height: 23px; display:block; float: left; padding-left: 20px; padding-top: 10px; color: #fff; font-weight: bold; text-decoration: none;}
#headNav ul li#activeHeadItem a, #headNav ul li a:hover{ color: #fff; text-decoration: underline;  background:url(../images/include/headNav-off.jpg) no-repeat;}

.dropDownMenu{ clear:both; padding-left: 10px; margin-bottom: 20px;}
.dropDownMenu li{ margin-bottom: 5px;}
.dropDownMenu a{ color: #FFF; text-decoration: none;}
.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 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;}

/*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:656px; height:34px; margin:0 0 20px 0;}
.form_rdv.step3 ul { background:none;}
.form_rdv.step1 ul.title {background: url(../images/include/form_disc_step01.jpg);}
.form_rdv.step2 ul.title {background: url(../images/include/form_disc_step02.jpg);}
.form_rdv.step3 ul.title {background: url(../images/include/form_disc_step03.jpg);}
.form_rdv td{ padding:5px 2px;}
.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:#ecb735;}
#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; border-top: 1px solid #e6e6e6; color: #9c9c9c; padding-top: 8px; margin-top: 10px;}
#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;}
