body,html{
margin:0;
padding:0;
}
body{
text-align: center;
background-color:#ccc;
}
.for_print{
display:none;
}
#main{
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;
width: 800px;
margin-right: auto;
margin-left: auto;
text-align:left;
}
.no_display{
display:none;
}
p.separateur_elt{
clear:both;
margin:0;
padding:0;
height:3em;
}
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;
}
#header h1{
margin:0;
padding:0;
}
#header h1 a{
position:absolute;
display:block;
width:170px;
height:150px;
text-indent:-9999px;
text-decoration:none;
}
#header h1 a:hover{
text-decoration:none;
}
.bloc_erreurs h4{
color:#f00;
font-size:12px;
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;
}
#breadcrumb{
margin:0;
font-size:10px;
color:#000;
border-bottom:1px solid #999;
margin-bottom:2em;
padding:3px;
}
#breadcrumb a{
color:#083254;
text-decoration:none;
}
#breadcrumb a:hover{
text-decoration:underline;
}
#conteneur_principal, #header{
background-image: url(/media/interface/fond.png);
background-color:#fff;
background-repeat: repeat-y;
background-position:center top;
}
#header{
padding-left:75px;
padding-right:75px;
}
#header2{
height:118px;
background-image: url(/media/interface/header-top.png);
background-repeat: no-repeat;
background-position:left top;
}
#conteneur_principal{
padding-left:75px;
padding-right:75px;
padding-bottom:1em;
}
#footer{
clear:both;
background-image: url(/media/interface/footer.png);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 11px;
height: 55px;
}
#footer h2{
display:none;
}
#footer p{
margin:0;
padding:0;
margin-left:75px;
margin-right:75px;
padding-top:22px;
text-align:center;
}
#footer a{
text-decoration: underline;
color: #333;
}
#footer a:hover{
text-decoration:none;
color:#666;
}
#credits{
margin:0;
padding:0;
padding-top:20px;
padding-right:75px;
padding-left:75px;
background-image: url(/media/interface/footer-bas.png);
background-repeat: no-repeat;
background-position: left top;
height:110px;
text-align:right;
font-size: 10px;
}
#credits .copyright{
float:left;
}
#credits a{
text-decoration: underline;
color: #666;
}
#credits a:hover{
text-decoration:none;
color:#999;
}
p#techno_nextcms{
float:right;
margin:0;
padding:0;
background-image:url(/media/interface/techno_nextcms.png);
background-repeat:no-repeat;
background-position:left top;
padding-bottom:5px;
}
p#techno_nextcms a{
display:block;
width:65px;
height:20px;
text-decoration:none;
}
p#techno_nextcms a span{
display:none;
}
p#techno_nextcms a:hover{
text-decoration:none;
}
#menu_principal{
background-image: url(/media/interface/header-back.png);
background-repeat: repeat-y;
background-position:left top;
width:100%;
}
#menu_principal2{
background-image: url(/media/interface/header-bottom.png);
background-repeat: no-repeat;
background-position:left top;
}
#menu_principal ul{
float:right;
padding:0;
margin:0;
padding-top:8px;
padding-bottom:8px;
}
#menu_principal h2{
display:none;
}
#menu_principal li{
float:left;
margin:0;
padding:0;
list-style:none;
font-size:11px;
border-left:1px solid #fff;
font-weight:bold;
}
#menu_principal a{
display:block;
color:#fff;
text-decoration:none;
margin-left:5px;
margin-right:5px;
padding:1px 2px 1px 2px;
}
#menu_principal a:hover, #menu_principal a.selected{
text-decoration:none;
color:#fdeb35;
}
#menu_principal a.selected{
border-bottom:2px solid #fdeb35;
}
#col1{
float:left;
width:149px;
background-color:#083254;
height:1%;
}
#col1 hr{
display:none;
}
#col1 p.col1bas{
margin:0;
padding:0;
height:69px;
background-image: url(/media/interface/col1-bas.png);
background-repeat: no-repeat;
background-position:left top;
}
#sous_menu{
margin-bottom:25px;
}
#sous_menu h2{
display:none;
}
#sous_menu ul{
margin:0;
padding:0;
list-style:none;
font-size: 12px;
text-decoration: none;
}
#sous_menu li.parent{
padding:0;
margin:0;
font-size:11px;
background-color:#083254;
}
#sous_menu li.parent li{
margin:0;
margin-right:5px;
margin-left:5px;
margin-bottom:7px;
font-size:10px;
border-top:none;
border-bottom:none;
}
#sous_menu li.parent li li{
margin-right:0px;
margin-left:7px;
}
#sous_menu li.parent a{
display:block;
margin:0;
color:#fff;
padding: 5px;
padding-right:0px;
padding-bottom:3px;
text-transform: uppercase;
text-decoration:none;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
margin-bottom:7px;
}
#sous_menu li.parent a:hover, #sous_menu li.parent a.selected{
color:#fdeb35;
}
#sous_menu li.parent li a{
margin:0;
padding: 3px 0px 3px 0px;
text-decoration: none;
color:#fff;
border-top:none;
border-bottom:1px solid #fff;
text-transform:none;
}
#sous_menu li.parent li a:hover,#sous_menu li.parent li a.selected{
color:#fdeb35;
}
#sous_menu li.parent li a.selected{
border-bottom:1px solid #fdeb35;
font-weight:bold;
}
#sous_menu li.parent ul ul a, #sous_menu li.parent ul ul a.selected{
border-bottom:none;
padding-top:2px;
padding-bottom:2px;
}
#sous_menu li.parent ul ul li{
margin-bottom:2px;
list-style-type:square;
color:#fff;
margin-left:2em;
}
#col2{
float:right;
width:480px;
padding-right:5px;
margin-left:5px;
}
form .input, form .valider{
border:1px solid #000;
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size:1em;
}
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;
}

#sidebar-partenaires{
/*position:relative;*/
padding:10px 0;
background-color:#fff;
/*background-image: url(/media/interface/logos-accueil.jpg);
background-position:left top;
background-repeat:no-repeat;
height:420px;*/
}
#sidebar-partenaires p{
margin:0;
padding:0;
background-color:#fff;
font-size:9px;
color:#666;
text-align:center;
}
#sidebar-partenaires ul{
margin:0;
padding:0;
background-color:#fff;
list-style-type:none;
}
#sidebar-partenaires li{
margin:0.2em 0;
padding:0;
text-align:center;
}
/*
ul.logos_partenaires a{
position:absolute;
display:block;
text-decoration:none;
text-indent:-9999px;
}
ul.logos_partenaires a:hover{
text-decoration:none;
}
ul.logos_partenaires a.lien1{
top:20px;
left:13px;
width:120px;
height:63px;
}
ul.logos_partenaires a.lien2{
top:89px;
left:2px;
width:52px;
height:53px;
}
ul.logos_partenaires a.lien3{
top:87px;
left:87px;
width:58px;
height:58px;
}
ul.logos_partenaires a.lien4{
top:157px;
left:3px;
width:67px;
height:60px;
}
ul.logos_partenaires a.lien5{
top:230px;
left:11px;
width:125px;
height:54px;
}
ul.logos_partenaires a.lien6{
top:150px;
left:78px;
width:64px;
height:74px;
}
ul.logos_partenaires a.lien7{
top:295px;
left:3px;
width:140px;
height:55px;
}
*/
div.eligibilite{
font-size:0.95em;
}
div.eligibilite h2{
font-size:1.1em;
margin:0;
background-color:#083254;
margin-top:30px;
border-top:2px solid #fff;
padding: 3px 4px 3px 4px;
color:#fff;
font-weight:bold;
}
div.eligibilite p{
margin-top:0.4em;
margin-bottom:0.2em;
}
div.eligibilite form{
margin:0;
margin-left:5px;
margin-right:5px;
}
div.eligibilite label{
display:block;
padding-bottom:3px;
color:#fff;
}
a img{
border:none;
}
.commun h3.titre{
font-size: 14px;
margin:0;
padding:5px 45px 5px 0px;
margin-top:0.4em;
margin-bottom: 0.6em;
color:#083254;
background-image:url(/media/interface/fond-titre.png);
background-repeat:no-repeat;
background-position:right bottom;
border-bottom: 2px solid #083254;
}
.commun p{
margin-top:0.6em;
margin-bottom:0.6em;
}
.commun h4{
margin:0;
padding:0;
font-size:13px;
margin-top:1.2em;
margin-bottom:0.4em;
}
.commun h5{
margin:0;
padding:0;
font-size:12px;
margin-top:1.2em;
margin-bottom:0.4em;
}
.commun h6{
margin:0;
padding:0;
font-size:11px;
margin-top:1.2em;
margin-bottom:0.4em;
}
.commun .corps strong, .commun .chapo strong{
color:#444;
}
.commun .chapo {
font-weight: bold;
margin-bottom:1em;
color:#666;
}
.commun .corps ul {
padding:0;
margin:0.6em 0 0.6em 1em;
}
.commun .corps ul li {
list-style-type: square;
margin-left: 1em;
}
.commun .chapo ul {
padding:0;
margin:0;
margin-left:1em;
}
.commun .chapo ul li {
font-weight: bold;
list-style-type:square;
margin:0;
margin-left:1em;
}
.commun a{
color: #083254;
}
.commun a:hover{
text-decoration:none;
}

form{
margin:0;
padding:0;
font-size:inherit;
}
form .input{
font-family:inherit;
font-size:1em;
border:1px solid #999;
background-color:#fff;
color:inherit;
}
form.fullwidth .input{
width:99%;
}
form .valider{
font-family:inherit;
font-size:1em;
border:1px solid #999;
background-color:#fff;
color:inherit;
}
form label.break{
display:block;
margin-bottom:0.3em;
}
form label.requis{
font-weight:bold;
color:#333;
}
form p{
margin-top:0.4em;
margin-bottom:0.5em;
}
form fieldset{
margin:0;
padding:0.7em;
border-width:1px;
border-color:#999;
border-style:solid;
margin-bottom:1em;
}
form fieldset legend{
color:#333;
font-style: italic;
}
.plan_site ul {
clear:both;
padding:0;
margin:0;
margin-left:1em;
color:#083254;
}
.plan_site li {
list-style-type: square;
margin-left: 1em;
margin-top:3px;
margin-bottom:3px;
}
.plan_site a{
text-decoration:none;
}
.plan_site a:hover{
text-decoration:underline;
}
.form_contact label.requis{
font-weight:bold;
}
.form_contact textarea, .form_contact fieldset input{
width:99%;
}
.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:#000;
font-style: italic;
}
.form_contact label{
display:block;
padding-bottom:0.2em;
}
.form_contact .aide{
margin-top:0.5em;
padding-left:0.5em;
color:#666;
font-size:9px;
}
.form_contact form{
margin-top:1.5em;
}
.form_contact .aide p{
margin-top:0;
margin-bottom:0.7em;
}
.form_contact fieldset.small{
width:50%;
}
.newsletter_box_inscription{
font-size:0.95em;
}
.newsletter_box_inscription .input, .newsletter_box_inscription .valider{
margin-bottom:3px;
}
.newsletter_box_inscription .input{
width:9em;
}
.newsletter_box_inscription h2{
font-size:1.1em;
margin:0;
background-color:#083254;
border-top:2px solid #fff;
padding: 3px 4px;
color:#fff;
font-weight:normal;
}
.newsletter_box_inscription p{
margin:0.2em 0;
}
.newsletter_box_inscription form{
margin:0 4px;
padding:0;
}
.newsletter_box_inscription label{
display:none;
}
.questionnaire div.corps{
margin-bottom:40px;
}
.questionnaire table{
margin:0;
border:1px solid #000;
font-size:10px;
border-collapse: collapse;
margin-top:0.4em;
margin-bottom:0.5em;
width:100%;
}
.questionnaire td, .questionnaire th{
border:1px solid #000;
padding:3px;
text-align:center;
}
.questionnaire thead th{
font-weight:bold;
background-color:#ccc;
}
.questionnaire td.left, .questionnaire th.left{
text-align:left;
}
.questionnaire td.erreur{
color:#f00;
font-weight:bold;
}
.questionnaire div.etapes{
width:370px;
height:65px;
margin-left:auto;
margin-right:auto;
background-position:left top;
background-repeat:no-repeat;
}
.questionnaire div.etape1{
background-image: url(/media/interface/quizz/etape_1.jpg);
}
.questionnaire div.etape2{
background-image: url(/media/interface/quizz/etape_2.jpg);
}
.questionnaire div.etape3{
background-image: url(/media/interface/quizz/etape_3.jpg);
}
.questionnaire div.etape4{
background-image: url(/media/interface/quizz/etape_4.jpg);
}
.questionnaire div.etapes p{
display:none;
}
.questionnaire div.etapes ol{
position:relative;
margin:0;
padding:0;
list-style-type:none;
}
.questionnaire div.etapes li{
margin:0;
padding:0;
}
.questionnaire div.etapes ol li.nolien{
display:none;
}
.questionnaire div.etapes ol li a{
position:absolute;
text-indent:-9999px;
text-decoration:none;
display:block;
width:80px;
height:60px;
}
.questionnaire div.etapes ol li a:hover{
text-decoration:none;
}
.questionnaire div.etapes a.etape1{
left:3px;
top:4px;
}
.questionnaire div.etapes a.etape2{
left:97px;
top:4px;
}
.questionnaire div.etapes a.etape3{
left:191px;
top:4px;
}
.faq div.liste_questions .question{
position:relative;
margin-bottom:20px;
padding-top:5px;
padding-left:60px;
}
.faq div.liste_questions .question p{
margin-top:3px;
margin-bottom:3px;
}
.faq div.questions_reponses{
margin-top:50px;
}
.faq div.question_reponse{
position:relative;
margin-bottom:25px;
clear:both;
}
.faq div.question_reponse .question{
border:1px solid #999;
padding:4px 5px;
padding-right:50px;
background-color:#eee;
}
.faq div.question_reponse .reponse{
clear:both;
margin-top:5px;
margin-left:5px;
}
.faq div.question_reponse .question p{
margin-top:3px;
margin-bottom:3px;
}
.faq div.question_reponse p.faq_top{
position:absolute;
top:2px;
right:0px;
padding:0;
margin:0;
padding-right:3px;
background-image: url(/media/interface/faq/top-over.png);
background-position:left top;
background-repeat:no-repeat;
}
.faq div.question_reponse p.faq_top a{
display:block;
width:19px;
height:19px;
background-image: url(/media/interface/faq/top.png);
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
text-decoration:none;
}
.faq div.question_reponse p.faq_top a:hover{
background-image: none;
text-decoration:none;
}
.faq p.voir{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
background-image: url(/media/interface/faq/voir-over.png);
background-position:left top;
background-repeat:no-repeat;
}
.faq p.voir a{
display:block;
background-image: url(/media/interface/faq/voir.png);
background-position:left top;
background-repeat:no-repeat;
height:32px;
width:55px;
text-indent:-9999px;
text-decoration:none;
}
.faq p.voir a:hover{
background-image: none;
text-decoration:none;
}
.faq ul{
margin-left: 0;
padding-left:0;
}
.faq ul li {
list-style-type: square;
margin-left: 1.5em;
margin-top:1px;
margin-bottom:1px;
}
div.agenda div.liste_evts{
border:1px solid #083254;
padding:5px;
background-color:#fff;
}
div.agenda div.mois{
margin-left:5px;
margin-right:5px;
margin-bottom:20px;
}
div.agenda h4.mois{
margin:0;
font-size:11px;
color:#fff;
background-image:none;
background-color:#083254;
padding:3px 5px;
}
div.agenda div.evt{
position:relative;
}
div.agenda h5.titre{
margin:0;
margin-right:120px;
font-size:12px;
color:#083254;
background-image:none;
padding:0;
font-weight:bold;
}
div.agenda div.evt p.periode{
position:absolute;
top:0;
right:0px;
width:140px;
margin:0;
text-align:right;
font-size:10px;
color:#444;
}
div.agenda div.evt div.texte{
font-size:11px;
color:#666;
margin-top:15px;
margin-right:150px;
}
div.agenda p.separateur_evt{
clear:both;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
border-top:1px dotted #666;
height:12px;
margin-top:15px;
}
.extranet div.conteneur{
padding:5px 10px;
}
.extranet form.login .input{
width:20em;
}
.extranet form.login p{
clear:both;
}
.extranet form.login label{
float:left;
width:10em;
}
div#connexion_extranet, div#extranet_connected_controls{
margin:2em 0;
border-top:2px solid #fff;
color:#fff;
font-size:0.95em;
padding:0 4px;
}
div#connexion_extranet h2, div#extranet_connected_controls h2{
font-size:1.1em;
margin:0;
background-color:#083254;
padding: 3px 0px;
color:#fff;
font-weight:normal;
}
div#connexion_extranet form{
padding:0;
margin:0;
}
div#connexion_extranet p{
margin:0;
}
div#connexion_extranet label{
display:none;
}
div#connexion_extranet input.input{
width:9em;
color:#444;
}
div#connexion_extranet input.valider{
color:#444;
}
div#extranet_connected_controls p{
margin:0.2em 1px;
}
div#extranet_connected_controls ul{
padding:0 0 0 3px;
margin:0.4em 0 0 1.5em;
list-style-type:square;
}
div#extranet_connected_controls li{
padding:0;
margin:0.2em 0;
}
div#extranet_connected_controls a{
color:#fff;
text-decoration:underline;
}
div#extranet_connected_controls a:hover{
text-decoration:none;
color:#fdeb35;
}
.preenregistrement form label.requis, .preenregistrement form span.requis{
color:#083254;
}
.preenregistrement form  textarea, .preenregistrement form fieldset input{
width:99%;
}
.preenregistrement form textarea, .preenregistrement form fieldset input, .preenregistrement form fieldset select{
width:99%;
}
.preenregistrement form fieldset p.radio input, .preenregistrement form fieldset p.checkbox input{
width:auto;
}
.preenregistrement form p{
margin-top:0.4em;
margin-bottom:0.5em;
}
.preenregistrement form fieldset{
margin:0;
padding:0.7em;
border-width:1px;
border-color:#999;
border-style:solid;
margin-bottom:1em;
}
.preenregistrement form fieldset legend{
color:#000;
font-style: italic;
}
.preenregistrement form label, .preenregistrement form span.breakafter{
display:block;
padding-bottom:0.2em;
margin-top:10px;
}
.preenregistrement form p.radio label, .preenregistrement form p.checkbox label, .preenregistrement form table label {
display:inline;
padding-bottom:0;
margin-top:0px;
}
.preenregistrement table{
margin:0;
border:1px solid #000;
font-size:10px;
border-collapse: collapse;
margin-top:0.4em;
margin-bottom:0.5em;
width:100%;
}
.preenregistrement td, .preenregistrement th{
border:1px solid #666;
padding:3px;
text-align:left;
}
.preenregistrement td.center, .preenregistrement th.center{
text-align:center;
}
.preenregistrement thead th{
font-weight:bold;
background-color:#ccc;
}
.preenregistrement table .input{
border:1px solid #666;
}
.preenregistrement form .aide{
margin-top:0.5em;
padding-left:0.5em;
color:#666;
font-size:9px;
}
.preenregistrement form{
margin-top:1.5em;
}
.preenregistrement form .aide p{
margin-top:0;
margin-bottom:0.7em;
}
.preenregistrement form fieldset.small{
width:50%;
}
.preenregistrement div.progression{
width:370px;
height:80px;
margin-left:auto;
margin-right:auto;
background-position:left top;
background-repeat:no-repeat;
}
.preenregistrement div.progression1{
background-image: url(/media/interface/preenregistrement/etape_1.jpg);
}
.preenregistrement div.progression2{
background-image: url(/media/interface/preenregistrement/etape_2.jpg);
}
.preenregistrement div.progression3{
background-image: url(/media/interface/preenregistrement/etape_3.jpg);
}
.preenregistrement div.progression4{
background-image: url(/media/interface/preenregistrement/etape_4.jpg);
}
.preenregistrement div.progression p{
display:none;
}
.preenregistrement div.progression ol{
position:relative;
margin:0;
padding:0;
list-style-type:none;
}
.preenregistrement div.progression li{
margin:0;
padding:0;
}
.preenregistrement div.progression ol li.nolien{
display:none;
}
.preenregistrement div.progression ol li a{
position:absolute;
text-indent:-9999px;
text-decoration:none;
display:block;
width:80px;
height:70px;
}
.preenregistrement div.progression ol li a:hover{
text-decoration:none;
}
.preenregistrement div.progression a.etape1{
left:4px;
top:4px;
}
.preenregistrement div.progression a.etape2{
left:97px;
top:4px;
}
.preenregistrement div.progression a.etape3{
left:191px;
top:4px;
}
.preenregistrement p.pdf{
background-image: url(/media/interface/preenregistrement/pdf-over.png);
background-position:left top;
background-repeat:no-repeat;
}
.preenregistrement p.pdf a{
display:block;
height:40px;
padding-top:10px;
padding-left:45px;
background-image: url(/media/interface/preenregistrement/pdf.png);
background-position:left top;
background-repeat:no-repeat;
}
.preenregistrement p.pdf a:hover{
background-image: none;
}
.creathon .coords textarea, .creathon .coords input{
width:99%;
}
.creathon p{
margin-top:0.4em;
margin-bottom:0.5em;
}