/* STRUCTURE
========================================= */

html            { height:100% }
body            { background-color:#CCC; margin:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000 }

div#top            { width:988px; height:55px; background-image:url(images/top.gif); background-position:center bottom; background-repeat:no-repeat; background-color:#CCC }
div#bandeau        { height:226px; margin:0px; padding:0px 0px 0px 4px }
div#menu_principal { height:34px; margin:10px 0px 0px 20px }
div#conteneur      { min-height:768px; position:relative; width:988px; margin:0 auto; background-image:url(images/fond_contenu.gif); background-position:center; background-repeat:repeat-y; background-color:#CCC }
div#centre         { padding:0px 0px 20px 0px; width:678px; margin:0px 0px 0px 250px; padding:0px 0px 0px 20px; min-height:600px; background-color:#FFFFFF }

div#contenu_page { width:678px; }
div#contenu_page table, div#contenu_page li { font-family:Arial, Helvetica, sans-serif; font-size:12px }
div#contenu_page img { border:0px }
div#contenu_page a   { text-decoration:underline; color:#000000 }

div#wrapper { background-color:#b4e2f1; margin:20px 20px 0px 20px }


/* TOP
========================================= */
div#europe_techno         { color:#FFF; font-size:14px; padding:21px 0px 0px 20px }
div#europe_techno a       { color:#FFF; text-decoration:none }
div#europe_techno a:hover { color:#FFF; text-decoration:none }
div#select_language       { float:right; padding:5px 20px 0px 0px }
.noBorder, .icone         { border:0px }

div#logo_Accueil   { text-align:center; margin-right:20px; padding-top:20px }
div#logo_Accueil p { text-align:center; margin-right:20px; font-weight:bold; color:#344d85 }
.logosIndex        { border:0px; margin:5px 0px 5px 0px }

ul#listeDrapeaux { margin:0px; padding:0px; list-style-type:none }
li.fond_drapeau { display:block; float:left; width:25px; height:32px; margin:0px 5px 0px 5px; padding-top:13px }
li.fond_drapeau_actif { display:block; float:left; width:25px; height:32px; margin:0px 5px 0px 5px; padding-top:13px; background-image:url(images/drapeaux_select.gif); background-position:top center; background-repeat:no-repeat }


/* PIED DE PAGE
========================================= */
#pied           { position:relative; width:988px; margin:0 auto; font-size:11px; text-align:center; padding-top:5px; clear:both; height:30px; background-image:url(images/pied.gif); background-position:top center; background-repeat:no-repeat; background-color:#CCC }
#pied a         { font-size:11px; color:#000; text-decoration:none }
#pied a:hover   { font-size:11px; color:#000; text-decoration:underline }


/* MENU PRINCIPAL (HORIZONTAL)
========================================= */
ul.menu_principal              { list-style-type:none; margin:0px; padding:0px 0px 0px 0px; height:34px }

li.item_exception              { margin:4px 0px 0px 0px; display:block; float:left; height:26px; width:50px; text-align:left; text-decoration:none }
li.item_exception a            { display:block; height:21px; padding:5px 0px 0px 0px; text-align:center; margin:0px; text-decoration:none; color:#FFF; font-size:12px }
li.item_exception a:hover      { display:block; height:21px; padding:5px 0px 0px 0px; text-align:center; text-decoration:none; background-image:url(images/link_hover.gif); background-position:center; background-repeat:no-repeat }
li.item_exception_select       { margin:4px 0px 0px 0px; display:block; float:left; height:26px; width:103px; text-align:left; text-decoration:none; background-image:url(images/link_hover.gif); background-position:center; background-repeat:no-repeat }
li.item_exception_select a     { display:block; height:21px; padding:5px 0px 0px 0px; text-align:center; margin:0px; text-decoration:none; color:#FFF; font-size:12px }

li.item_menu_principal         { margin:4px 0px 0px 0px; white-space:nowrap; display:block; float:left; height:26px; text-align:left; text-decoration:none; border-left:1px solid #FFF }
li.item_menu_principal a       { display:block; height:21px; padding:5px 5px 0px 5px; text-align:center; margin:0px; text-decoration:none; color:#FFF; font-size:12px }
li.item_menu_principal a:hover { display:block; height:21px; padding:5px 5px 0px 5px; text-align:center; text-decoration:none; background-image:url(images/hoverRacine.gif); background-position:center; background-repeat:repeat-x }

li.item_menu_principal_select  { margin:4px 0px 0px 0px; display:block; float:left; height:26px; text-align:left; text-decoration:none; border-left:1px solid #FFF; background-image:url(images/hoverRacine.gif); background-position:center; background-repeat:repeat-x }
li.item_menu_principal_select a{ display:block; height:21px; padding:5px 5px 0px 5px; text-align:center; margin:0px; text-decoration:none; color:#FFF; font-size:12px }

div#coin_gauche_menu           { height:34px; width:950px; float:left; margin:0px; padding:0px; background-image:url(images/coin_gauche_menu.gif); background-repeat:no-repeat; background-position:left top }
div#coin_droit_menu            { float:left; margin:0; height:34px; background-image:url(images/coin_droit_menu.gif); background-repeat:no-repeat; background-position:right top }
div#milieu_menu                { margin:0px 11px 0px 11px; height:34px; padding:0px; text-align:right; background-image:url(images/bandeau_plus.gif); background-repeat:no-repeat }

div#block_menu_principal       { text-align:left; float:left }


/* ZONE GAUCHE
========================================= */
div#gauche { width:250px; position:absolute; left:20px; background-color:#FFFFFF }

ul.ssmenu             { list-style-type:none; margin-top:10px; margin:0px; padding:10px 10px 10px 10px }
ul.ssmenu li          { margin:0; padding:0 }

li.ssrubrique a       { color:#000; text-decoration:underline; font-size:12px }
li.ssrubrique a:hover { color:#0066FF; font-size:12px; text-decoration:none }
li.ssrubrique_select  { color:#0066FF; text-decoration:underline; font-size:12px }

li.sspage a       { color:#000; text-decoration:underline; font-size:12px }
li.sspage a:hover { color:#0066FF; font-size:12px; text-decoration:none }
li.sspage_select  { color:#0066FF; text-decoration:underline; font-size:12px }

div#box1    { width:245px; margin:0px 13px 0px 0px; background-image:url(images/fondBox.gif); background-position:center; background-repeat:repeat-y }
div.box     { width:245px; margin:0px 13px 0px 0px; background-image:url(images/fondBox.gif); background-position:center; background-repeat:repeat-y }
div.teteBox { height:26px; padding:8px 0px 0px 15px; color:#FFFFFF; font-weight:bold; font-size:12px; background-image:url(images/teteBox.gif); background-repeat:no-repeat; background-position:center bottom; background-color:#FFF }
div.piedBox { height:6px; background-image:url(images/piedBox.gif); background-repeat:no-repeat; background-position:top center; background-color:#FFF }

/* ACTUALITES */
div.news1                           { margin:0px 10px 10px 10px; padding-top:10px }
div.news                            { border-top:1px solid #004481; margin:0px 10px 10px 10px; padding-top:10px }
div.news h4, div.news1 h4           { color:#004481 }
div.news samp, div.news1 samp       { font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; padding:0px 0px 5px 0px }
div.news a, div.news1 a             { text-decoration:underline; color:#004481 }
div.news a:hover, div.news1 a:hover { text-decoration:underline; color:#004481 }


/* Divers
================================================================ */
div#cadre_titre_page { height:49px; width:678px; background-image:url(images/h1.gif); background-position:center; background-repeat:no-repeat }
h1#titre             { width:500px; font-size:18px; color:#FFFFFF; margin:0px 0px 0px 0px; padding:7px 0px 0px 10px; float:left }

div#envoyer          { margin-top:5px; padding:0; text-align:center }
div#contenu img      { border:0px }

div#contenu {  }

div#contenu a        { color:#004481; text-decoration:underline }
div#contenu a:hover  { color:#004481; text-decoration:underline }

div#degrade          { background-image:url(images/degrade_gauche2.gif); background-repeat:repeat-x }
div.bouton_contact   { margin-top:20px; display:block; color:#FFFFFF; padding-top:10px; text-align:center; width:250px; height:24px; background-image:url(images/bouton_contact.gif); background-position:center; background-repeat:no-repeat }
div.bouton_contact a { color:#FFFFFF; font-weight:bold; text-decoration:none }


/* Pièces jointes
================================================================ */
h2#piece_jointe_titre { background-color:#FFF; border-bottom:1px solid #0066FF; color:#0066FF; padding:0px; margin-top:20px }

/* FORMULAIRE D'ENREGISTREMENT POUR LES PIECES JOINTES */
form#formulaire_telechargement { width:660px }
form#formulaire_telechargement input { width:100%; margin-bottom:20px }
div.bouton_envoyer { text-align:center; width:100% }


/* PLAN DU SITE
========================================= */
ul.plan_du_site           { list-style-type:none }
li.plan_du_site_dossier   { margin:0px 0px 20px 0px; font-size:16px; width:660px; font-weight:bold; background-image:url(images/point-noir.gif); background-repeat:repeat-x; background-position:0 20px }
ul.plan_du_site a:hover   { color:#004481 }
ul.plan_du_site a:visited { color:#004481 }

li.plan_du_site_dossier02   { margin:0px 0px 20px 0px; font-size:16px; font-weight:bold; border-bottom:1px solid #000 }
li.plan_du_site_dossier03   { margin:0px 0px 20px 0px; font-size:16px; font-weight:bold; border-bottom:1px solid #000 }

li.plan_du_site_document  { margin:20px 0px 10px 0px; font-size:12px; font-weight:normal }


/* PAGE D'ACCUEIL
================================================================= */
h2.TitreAccueil       { font-size:12px; color:#0066FF; border:0; margin:5px 0px 5px 0px; padding-left:0px }
div.Accueil_cadre_left { float:left; width:330px; margin-top:10px; margin-bottom:10px }
div.Accueil_cadre_right { float:right; width:330px; margin-top:10px; margin-bottom:10px }
div.Accueil_separateur { clear:both }

div.IndexCadre { width:680px }

div#Accueil_cadre00 p, div#Accueil_cadre02 p, div#Accueil_cadre01 p, div#Accueil_cadre03 p { padding-left:0px; text-align:justify; font-size:11px }
div#Accueil_cadre00 a, div#Accueil_cadre02 a, div#Accueil_cadre01 a, div#Accueil_cadre03 a { text-decoration:none }
div#Accueil_cadre00 a:hover, div#Accueil_cadre02 a:hover, div#Accueil_cadre01 a:hover, div#Accueil_cadre03 a:hover { text-decoration:underline; color:#0066FF }


/* Actualité
================================================================== */
h3#titre_actualite { color:#004481; font-size:16px; border-bottom:1px solid #0066FF }
h4.titre_actualite { font-size:18px; margin-bottom:8px; color:#004481 }
p.date_agenda      { float:right; font-style:italic; margin-bottom:10px }