body { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000; margin:0; padding:0; background:#014c83 }

.clear            { clear:both }
.noBorder, .icone { border:0 }

#page    { margin:0 auto; position:relative; width:925px; background:url(../images/bg-nav.gif) repeat-y center }
#corps   { margin-left:231px; background:url(../images/center.gif) no-repeat left top }
#ombre   { width:901px; margin:0 14px 0 10px; height:9px; background:url(../images/ombre.gif) no-repeat center }
#degrade { margin-left:10px; background:url(../images/bg-left.gif) no-repeat top left }
#eole    { background:url(../images/eole.png) no-repeat left bottom }

/* HAUT DE PAGE */
header { display:block }
#top                  { width:925px; height:54px; background:url(../images/top.jpg) no-repeat center }
#langues              { list-style:none; padding:0; margin:15px 15px 0 0; float:right }
#langues li           { display:block; float:right; padding:5px }
#bandeau              { width:900px; height:150px }
#cadreRootMenu        { display:block; width:901px; padding:0 14px 0 10px }
#rootMenu             { list-style:none; padding:0; margin:0; height:38px; background:url(../images/bg-rootmenu.gif) repeat-x center }
.menu_rubrique        { display:block; float:left; height:23px; padding:5px 10px 10px 10px; text-align:center }
.menu_rubrique_select { display:block; float:left; height:23px; padding:5px 10px 10px 10px; text-align:center; background:url(../images/rub_select.gif) repeat-x center }
#rootMenu a           { color:#FFF; text-decoration:none }
#titleEurope          { display:block; padding:25px 0 0 30px }
#titleEurope a        { color:#FFF; font-size:13px }

/* COLONNE DE GAUCHE */
#left                   { float:left; width:221px; min-height:568px; margin-left:10px }
#cadreSsMenu            { width:163px; margin-left:30px; padding-top:20px }
h3.ssrubrique           { display:block; margin:0; padding:0 0 10px 10px }
h3.ssrubrique_select    { display:block; margin:0; padding:0 10px 10px 10px; background:url(../images/rubrique_select.gif) no-repeat left 3px }
h3.ssrubrique a         { color:#284170; text-decoration:none }
h3.ssrubrique_select a  { color:#019be3; text-decoration:none }
h3.ssrubrique2          { display:block; margin:0; padding:0 0 10px 10px }
h3.ssrubrique2_select   { display:block; margin:0; padding:0 0 10px 10px; background:url(../images/rubrique_select.gif) no-repeat left 3px }
h3.ssrubrique2 a        { color:#284170; text-decoration:none }
h3.ssrubrique2_select a { color:#019be3; text-decoration:none }
div.cadre_nv2           { width:163px }
h3.menu_page            { margin:0 0 10px 0; padding:0 }
h3.menu_page a          { color:#284170; text-decoration:none }
h3.menu_page_select     { margin:0 0 10px 0; padding:0 10px 0 0; background:url(../images/rubrique_select.gif) no-repeat right 3px }
h3.menu_page_select a   { color:#019be3; text-decoration:none }

#actus              { display:block; margin-right:20px }
#titreActus         { margin:0; padding:0; font-size:16px; color:#97BF0C }
#listActus          { list-style:none; padding:0; margin:0; border-top:1px solid #6D8703 }
#listActus li       { display:block; padding:10px; border-bottom:1px solid #6D8703 }
.titreActu          { color:#344D85; padding:0; margin:0; font-size:12px }
.titreActu a        { color:#344D85; text-decoration:none }
#listActus em       { color:#344D85 }

/* PAGE D'ACCUEIL */
#right              { float:right; width:270px }
#centre             { margin-right:280px; padding:20px }

.vignettes        { width:232px; height:108px; border:1px solid #09385b }
#vignette01       { background:url(../images/vignette01.jpg) no-repeat center }
#vignette02       { background:url(../images/vignette02.jpg) no-repeat center }
#vignette03       { background:url(../images/vignette03.jpg) no-repeat center }
#vignette04       { background:url(../images/vignette04.jpg) no-repeat center }
.vignetteTxt      { background:#09385b; padding:5px }
.vignetteTxt h3   { font-size:12px; color:#FFF; margin:0; padding:0; font-weight:400 }
.vignetteTxt h3 a { color:#FFF; text-decoration:none }
.vignetteTxt p    { font-size:11px; color:#FFF; margin:0; padding:0 }

#carrousel    { margin:0; padding:0; height:75px }
#carrousel li { float:left; width:232px; height:78px; margin:0; padding:0; list-style:none; color:#FFF; font:18px Arial, Helvetica, sans-serif; text-align:center; }

/* PAGE ACTUALITE */
.cadre_actu h2 { color:#97BF0C; font-size:16px; font-weight:400; margin:0 0 10px 0; padding:0 0 5px 0 }
.date_actu     { display:block; font-size:10px; color:#535353 }
.cadre_actu_select { background:#f2f7e1 }
.cadre_actu_select h2 { color:#97BF0C; font-size:16px; font-weight:400; margin:0 0 10px 0; padding:0 0 5px 0 }

/* PAGES COURANTES */
#contenu   { padding:20px 50px 20px 20px }
#titrePage { color:#344d85; font-size:34px; text-align:left; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #344D85 }

/* Page CONTACT */
form#formContact .legende { display:block; font-size:16px; color:#71a1ea; font-family:Helvetica, Arial, sans-serif; }
form#formContact .inputexte { display:block; margin:5px 0 20px 0 }
form#formContact #message { width:100%; height:120px; margin:5px 0 20px 0 }
input#robots { display:none }
div#submitForm { padding:10px; text-align:center }

div#legImgForm2 { text-align:left; padding:5px; border:1px solid #71a1ea; color:#71a1ea; font-size:12px; font-weight:400 }
div#legImgForm2 a { color:#71a1ea }

div#temp { color:#306eb0; background:#e4eefc; padding:10px; margin-bottom:10px }
div#temp p { font-size:14px; color:#306eb0 }

/* Plan du site */
h3.plan_dossier     { margin:20px 0 5px 0; padding-bottom:5px; border-bottom:1px solid #344d85 }
h3.plan_dossier a   { color:#344d85; text-decoration:none }
h3.plan_page        { margin:0; padding:0 }
h3.plan_page a      { color:#106a94; text-decoration:none }
div#cadre_menu_actu { margin-left:25px }

/* ACCESSIBILITE */
.tableAcces        { border:1px solid #344d85; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:100%; color:#344d85; border-collapse:collapse }
.tableAcces th     { background:#344d85; padding:3px; color:#FFF }
.tableAcces td     { padding:3px }
.tableAcces .sepVt { background:#344d85; width:1px; padding:0 }
.tableAcces .sepHz { background:#344d85; height:1px; padding:0 }

/* PAGE CONTACT */
label.legende         { display:block; color:#344d85; font-size:14px }
#nom, #prenom, #societe, #email, #telephone, #fonction, #pays { display:block; width:80%; margin:5px 0 20px 0 }
#message              { height:100px; width:80% }
.bouton_envoyer { width:80%; text-align:left; margin:10px 0 }
#txt_dl               { margin-left:20px; color:#F00; font-size:16px; font-weight:700; text-align:justify } 
#reseau_international { cursor:pointer }

/* PIED DE PAGE */
#border-top-bottom      { clear:both; height:4px; width:901px; background:#6D8603 }
#pied                   { display:block; width:901px; margin:0 14px 0 10px; color:#FFF; height:198px; padding:0; font-size:10px; background:url(../images/bg-pied.jpg) no-repeat top center }
#copyright a            { color:#FFF; text-decoration:none; font-size:10px; padding:0 }
#copyright              { list-style:none; padding:0; margin:0 auto; position:relative; width:600px }
#copyright li.piedfirst { display:block; float:left; padding:0 5px 0 5px }
#copyright li.piedlast  { display:block; float:left; padding:0 5px 0 5px; border-left:1px solid #FFF }
#structPied             { border:0; width:100%; padding:0; margin:0 0 10px 0; border-collapse:collapse }
.rubRacinePied          { vertical-align:top; text-align:right; color:#B7DB39; padding-right:20px; width:200px }
.rubRacinePied a        { color:#B7DB39; text-decoration:none; font-size:13px }
.cadreRubPied           { vertical-align:top }
.cadreRubPied a         { color:#FFF; text-decoration:none }
.cadreRubPied ul        { list-style:none; padding:0; margin:0 }
.cadreRubPied li        { display:block; float:left; padding:0 5px 0 5px; margin:5px 0 5px 0 }
