html,body{
margin:0;
padding:0;
}
html{
background-image:url(/media/interface/fond-bottom.png);
background-position:left top;
background-repeat:repeat;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
background-image:url(/media/interface/fond-top.png);
background-position:left top;
background-repeat:repeat-x;
text-align:center;
}
p{
margin-top:0.6em;
margin-bottom:0.6em;
}
.no_display{
display:none;
}
.for_print{
display:none;
}
.for_hand{
display:none;
}
p.separateur_elt{
clear:both;
margin:0;
padding:0;
height:1.5em;
}
div.clear, p.clear, p.separateur_clear {
clear:both;
padding:0;
margin:0;
height:1px;
border-width:0;
visibility:hidden;
line-height:1px;
font-size:1px;
}
div.clear hr{
display:none;
}
.bloc_erreurs h4{
color:#f00;
font-size:11px;
margin-bottom:0;
padding-bottom:0;
}
.bloc_erreurs ul{
padding:0;
margin:0;
margin-top:0.4em;
margin-bottom:1.5em;
margin-left:1.5em;
color:#f00;
list-style:square;
}
img{
border:none;
}
img.left, object.left{
float:left;
margin-right:6px;
margin-bottom:6px;
border:none;
}
img.right, object.right{
float:right;
margin-left:6px;
margin-bottom:6px;
border:none;
}
p.right, h4.right, h5.right, h6.right{
text-align:right;
}
p.center, h4.center, h5.center, h6.center{
text-align:center;
}
*>object{
margin-bottom:-3px;
}
form{
margin:0;
padding:0;
}
form .input, form .valider{
font-size:11px;
border:1px solid #999;
background-color:#fff;
color:#333;
}
div#main{
position:relative;
width:792px;
margin:0 auto;
text-align:left;
background-image:url(/media/interface/main.png);
background-position:left top;
background-repeat:repeat-y;
}
div#main_top{
margin:0 auto;
text-align:left;
background-image:url(/media/interface/main-top.png);
background-position:left 130px;
background-repeat:no-repeat;
}
div#header{
position:relative;
height:168px;
background-image:url(/media/interface/header.jpg);
background-position:left top;
background-repeat:no-repeat;
}
div#header h1{
margin:0;
padding:0;
}
div#header h1 a{
position:absolute;
display:block;
width:250px;
height:80px;
left:42px;
top:20px;
text-indent:-9999px;
font-size:1px;
line-height:1px;
text-decoration:none;
}
div#header h1 a:hover{
text-decoration:none;
}
div#footer{
background-image:url(/media/interface/footer-top.png);
background-position:left top;
background-repeat:no-repeat;
padding:29px 150px 7px 30px;
}
div#footer h2{
display:none;
}
div#footer p.liens{
margin:0;
padding:0;
color:#333;
}
div#footer p.liens a{
color:#333;
text-decoration:none;
}
div#footer p.liens a:hover{
text-decoration:underline;
}
div#credits{
background-image:url(/media/interface/footer-bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
height:80px;
font-size:10px;
padding:45px 17px 0 16px;
}
div#credits hr{
display:none;
}
div#credits p{
margin:0;
padding:0;
color:#ccc;
margin:6px 0;
}
div#credits p.nextweb{
text-align:right;
}
div#credits p.nextweb a{
color:#ccc;
text-decoration:underline;
}
div#credits p.nextweb a:hover{
text-decoration:none;
}
div#credits p.techno_nextcms{
float:right;
width:100px;
padding:0;
background-image:url(/media/interface/techno_nextcms.png);
background-repeat:no-repeat;
background-position:right top;
}
div#credits p.techno_nextcms a{
float:right;
display:block;
width:65px;
height:20px;
text-decoration:none;
text-indent:-9999px;
}
div#credits p.techno_nextcms a:hover{
text-decoration:none;
}
div#breadcrumb{
background-image:url(/media/interface/breadcrumb-top.png);
background-position:left top;
background-repeat:no-repeat;
margin-left:16px;
margin-right:17px;
}
div#breadcrumb p{
margin:0;
font-size:9px;
padding:6px 25px;
background-image:url(/media/interface/breadcrumb-bottom.png);
background-position:left bottom;
background-repeat:no-repeat;
color:#fff;
}
* html div#breadcrumb, * html div#breadcrumb p{
height:1%;
}
div#breadcrumb a{
color:#fff;
text-decoration:underline;
}
div#breadcrumb a:hover{
text-decoration:none;
}
div#titre_page{
margin-left:16px;
margin-right:17px;
padding-top:8px;
background-image:url(/media/interface/titre-page-top.png);
background-position:left top;
background-repeat:no-repeat;
}
* html div#titre_page{
height:1%;
}
div#titre_page h2{
margin:0 110px 0 177px;
padding:5px 20px;
font-size:14px;
color:#666;
font-weight:bold;
background-image:url(/media/interface/titre-page-puce.png);
background-position:left center;
background-repeat:no-repeat;
}
div#titre_page div.bas{
background-image:url(/media/interface/titre-page-bottom.png);
background-position:left top;
background-repeat:no-repeat;
height:19px;
}
div#menu_principal{
position:absolute;
top:150px;
left:16px;
width:759px;
background-color:#ececec;
}
div#menu_principal h2, div#menu_principal hr{
display:none;
}
div#menu_principal ul{
position:relative;
margin:0;
padding:0;
margin-left:2px;
line-height:1px;
background-position:left top;
background-repeat:no-repeat;
height:18px;
list-style-type:none;
}
div#menu_principal li{
float:left;
margin:0;
padding:0;
line-height:1px;
height:1px;
}
div#menu_principal a{
position:absolute;
text-indent:-9999px;
text-decoration:none;
display:block;
height:18px;
top:0px;
line-height:1px;
}
div#menu_principal a:hover{
text-decoration:none;
}
div#contenu_principal{
float:right;
width:550px;
padding-right:30px;
}
div#gauche{
float:left;
margin-top:-10px;
width:191px;
padding-bottom:35px;
}
div#contenu_secondaire{
padding:14px 3px 20px 21px;
}
div#sous_menu{
padding-left:16px;
padding-bottom:35px;
background-image:url(/media/interface/sous-menu-bas.png);
background-position:16px bottom;
background-repeat:no-repeat;
}
div#sous_menu h2, div#sous_menu hr{
display:none;
}
div#sous_menu ul{
margin:0;
padding:0;
list-style-type:none;
}
* html div#sous_menu ul{
height:1%;
}
div#sous_menu ul.racine{
background-image:url(/media/interface/sous-menu-fond.png);
background-position:left top;
background-repeat:repeat-y;
}
div#sous_menu li{
margin:0;
padding:0;
font-size:11px;
background-image:url(/media/interface/sous-menu-item.png);
background-position:left bottom;
background-repeat:no-repeat;
}
div#sous_menu li.parent{
background-image:url(/media/interface/sous-menu-parent-top.png);
background-position:left top;
background-repeat:no-repeat;
padding-top:10px;
padding-right:4px;
}
div#sous_menu li.parent ul{
padding-left:4px;
}
div#sous_menu li.parent li ul{
padding-bottom:4px;
padding-left:0;
}
div#sous_menu li.parent li.selected{
background-image:url(/media/interface/sous-menu-item-over.png);
color:#fff;
}
div#sous_menu li.parent li.selected li{
background-image:none;
}
div#sous_menu li li li{
padding:5px 0;
margin-left:5px;
font-size:11px;
background-image:none;
}
div#sous_menu li a{
display:block;
padding:3px 5px 6px 5px;
color:#333;
text-decoration:none;
font-weight:bold;
}
div#sous_menu a.parent{
padding-left:9px;
background-image:url(/media/interface/sous-menu-parent.png);
background-position:left bottom;
background-repeat:no-repeat;
}
* html div#sous_menu li a{
height:1%;
}
div#sous_menu li a:hover{
text-decoration:none;
}
div#sous_menu li.parent li.selected a{
color:#fff;
}
div#sous_menu li li li a, div#sous_menu li li.selected li a{
padding:0px;
padding-left:12px;
font-weight:normal;
}
div#sous_menu li.parent li li a:hover, div#sous_menu li.parent li.selected li a:hover, div#sous_menu li.parent li li.selected a, div#sous_menu li.parent li.selected li.selected a:hover{
background-image:url(/media/interface/sous-menu-puce.png);
background-position:left center;
background-repeat:no-repeat;
}
ul#evitement{
position:absolute;
top:27px;
right:20px;
margin:0;
padding:0;
list-style-type:none;
font-size:10px;
z-index:100;
}
ul#evitement li{
float:left;
margin:0;
padding:0 5px;
}
ul#evitement a{
display:block;
padding-top:3px;
color:#ff6d3d;
text-decoration:none;
}
ul#evitement a:hover{
text-decoration:none;
padding-top:1px;
color:#f00;
border-top:2px solid #f00;
}
.commun p {
margin-top:1em;
margin-bottom:1em;
line-height:1.3em;
}
.commun ul{
list-style-type:square;
margin: 0px;
padding:0;
margin-top:0.6em;
margin-bottom:0.6em;
margin-left:2em;
}
.commun li{
margin: 0px;
padding:0;
margin-top:0.4em;
margin-bottom:0.4em;
}
.commun .chapo{
font-size:11px;
color:#666;
font-weight:bold;
margin-top:0.6em;
margin-bottom:0.6em;
}
.commun .corps{
font-size:11px;
margin-top:0.6em;
margin-bottom:0.6em;
color:#666;
}
.commun img{
border:none;
}
.commun h4, .commun h5, .commun h6{
margin:0;
margin-bottom:0.6em;
margin-top:0.8em;
}
.commun h4{
font-size:12px;
}
.commun h5{
font-size:11px;
}
.commun h6{
font-size:10px;
}
.commun a{
color:#8090ac;
text-decoration:none;
}
.commun a:hover{
color:#666;
text-decoration:underline;
}
.commun  h3{
text-align: left;
font-size: 14px;
color: #666;
font-weight: bold;
margin: 0px;
padding-bottom:3px;
border-bottom:1px solid #999;
}
div#contenu_secondaire .commun h3{
font-size:11px;
color:#333;
border-bottom:1px solid #666;
}
div#contenu_secondaire .commun .corps, div#contenu_secondaire .commun .chapo{
font-size:10px;
}
div#contenu_secondaire .commun p {
margin-top:0.6em;
margin-bottom:0.6em;
line-height:1.3em;
}
.article .article_col1{
float:left;
width:45%;
}
.article .article_col2{
float:right;
width:45%;
}
.plan_site ul {
clear:both;
padding:0;
margin:0;
margin-left:1em;
margin-top:1em;
}
.plan_site ul ul{
margin-top:0;
}
.plan_site li {
margin-top:0.2em;
margin-left:1em;
color:#8090ac;
list-style-type:square;
}
.plan_site a{
text-decoration:none;
}
.plan_site a:hover{
text-decoration:underline;
}
.form_contact form{
font-size:11px;
margin-bottom:0;
}
.form_contact label.requis{
font-weight:bold;
color:#333;
}
form span.requis{
font-weight:bold;
color:#333;
}
.form_contact textarea, .form_contact fieldset input, .form_contact fieldset select{
width:99%;
}
.form_contact fieldset p.radio input, .form_contact fieldset p.checkbox input{
width:auto;
}
.form_contact p{
margin-top:0.4em;
margin-bottom:0.5em;
}
.form_contact fieldset{
margin:0;
padding:0.7em;
border-width:1px;
border-color:#999;
border-style:solid;
margin-bottom:1em;
}
.form_contact fieldset legend{
color:#333;
font-style: italic;
}
.form_contact label{
display:block;
padding-bottom:0.2em;
}
.form_contact fieldset p.radio label, .form_contact fieldset p.checkbox label {
display:inline;
padding-bottom:0;
}
.form_contact .aide{
margin-top:0.5em;
padding-left:0.5em;
font-size:9px;
color:#666;
}
.form_contact form{
margin-top:1.5em;
}
.form_contact .aide p{
margin-top:0;
margin-bottom:0.7em;
}
form span.label{
display:block;
padding-bottom:0.2em;
}
.form_contact fieldset.small{
width:50%;
}
div.actus .separateur_elt{
height:1em;
}
div.actus h2{
margin:0;
padding:0;
display:none;
font-size:12px;
margin-bottom:7px;
color:#666;
}
div.actus img{
border:none;
}
div.actus div.commun{
font-size:11px;
margin-bottom:7px;
color:#333;
}
div.actus div.commun .titre{
margin : 0px;
padding: 0px;
background-image:url(/media/interface/fond/contspacer.png);
background-repeat:no-repeat;
background-position:left bottom;
margin-bottom:7px;
}
div.actus div.commun h3{
margin : 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
text-indent:20px;
background-image:url(/media/interface/fond/puce.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-bottom:4px;
font-size:12px;
line-height:17px;
margin-bottom:7px;
font-weight:bold;
color:#666666;
}
div.actus div.commun p{
font-size:10px;
color:#666666;
margin-top:0.6em;
margin-bottom:0.6em;
line-height:1.2em;
}
div.actus div.commun a{
color:#61920a;
text-decoration:none;
}
div.actus div.commun a:hover{
color:#666;
text-decoration:underline;
}
div.actus div.commun a:focus{
background-color:#defca0;
text-decoration:underline;
color:#333;
}
div.actus div.commun a:active{
background-color:#defca0;
text-decoration:underline;
color:#333;
}