html { margin:0; padding:0; background:#6090BC }
body { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin:0; padding:0; background:url(../images/nuages.jpg) no-repeat center top #2F5174 }
.noBorder { border:0px }
.clear { clear:both }
/* MENU PRINCIPAL
/* ===================================================================================== */
div#wrapper_top { width:100%; height:400px; background:url(../images/top.png) repeat-x center top }
div#top { position:relative; margin:0 auto; width:900px; height:173px }
h3.menu_rubrique { float:left; width:110px; height:63px; margin:0; padding:110px 0 0 0; text-align:center; font-weight:400 }
h3.menu_rubrique_select { float:left; width:90px; height:40px; margin:0; padding:133px 10px 0 10px; text-align:center; font-weight:400; background:url(../images/rubrique_select.png) no-repeat center top }
h3.menu_rubrique a, h3.menu_rubrique_select a { font-size:11px; color:#FFF; text-decoration:none }
h3.menu_rubrique:hover, h3.menu_rubrique_select:hover { font-size:11px; color:#FFF; text-decoration:none }
/* BANDEAU
/* ===================================================================================== */
div#fond_bandeau { background:url(../images/bandeau.png) no-repeat center 110px }
div#bandeau { position:relative; margin:0 auto; padding:0; width:900px; height:292px }
div#bt_rejoindre { float:right; margin:140px 110px 0 0; width:277px; height:45px; padding:20px 0 0 25px; background:url(../images/bt_rejoindre.png) no-repeat center }
div#bt_rejoindre a { color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:22px }
/* CORPS (CADRE CONTENU)
/* ===================================================================================== */
div#corps_top { width:100%; height:8px; background:url(../images/corps.png) repeat-x }
div#wrapper_corps { width:100%; background:#6090BC }
div#corps { position:relative; margin:0 auto; width:900px }
/* COLONNE DE GAUCHE
/* ===================================================================================== */
div#col_left { float:left; width:226px; text-align:center; padding-top:20px }
h1#titre_actualite { font-size:44px; color:#FFF; padding:0; margin:0 }
/* Mise en forme des boites persos */
div#cadre_cartridge { float:left; width:178px; margin:20px 0 0 20px }
li.cartridge form { padding:7px 10px 10px 10px; border:1px solid #FFF }
li.cartridge { padding:0 }
div.handle { font-size:12px; z-index:2; color:#FFF }
div.cartridge_open, div.element_link_right a { color:#FFF }
p.no_favoris { color:#6090BC }
/* Sous menus */
div#cadre_ssmenu { margin:0 }
h3.arbre_racine { width:208px; margin:0 0 5px 0; padding:5px; text-align:left }
h3.arbre_racine_select { width:208px; margin:0; padding:5px; text-align:left; background:url(../images/bg_ssmenu.gif) repeat-y left }
h3.arbre_racine a { display:block; width:97%; color:#FFF; font-size:12px; font-weight:400; text-decoration:none; padding-right:3% }
h3.arbre_racine_select a { display:block; width:158px; color:#FFF; font-size:12px; font-weight:400; text-decoration:none; padding-right:50px; background:url(../images/fleche.gif) no-repeat right center }
div.cadressmenu { width:97%; padding-right:3%; background:url(../images/bg_ssmenu.gif) repeat-y left }
h3.arbre_ssrubrique { margin:0; padding:0; text-align:left }
h3.arbre_ssrubrique_select { margin:0; padding:0; text-align:left }
h3.arbre_ssrubrique a { display:block; color:#FFF; font-size:12px; font-weight:700 }
h3.arbre_ssrubrique_select a { display:block; color:#4fb0fb; font-size:12px; font-weight:700 }
h3.arbre_sspage { width:208px; margin:0 0 5px 0; padding:5px; text-align:left }
h3.arbre_sspage_select { width:208px; margin:0 0 5px 0; padding:5px; text-align:left }
h3.arbre_sspage a { display:block; width:97%; color:#FFF; font-size:12px; font-weight:400; text-decoration:none; padding-right:3% }
h3.arbre_sspage_select a { display:block; width:97%; color:#FFF; font-size:12px; font-weight:400; text-decoration:none; padding-right:3%; background:url(../images/ssmenu_select.gif) no-repeat right center }
/* ==== Personnalisation de l'arbre du framework (édition) ==== */
.treeview_ajout a { color:#FFFFFF }
div.tafelTree_row { color:#FFF }
div.treeview_ajout a { color:#FFF; border:0 }
/* PAGE D'ACCUEIL
/* ===================================================================================== */
div#contenu { margin:0px 0 0 270px; padding-top:20px }
/* ### Affichage des actualités ### */
ul#listeNews { list-style:none; padding:0; margin:0 }
ul#listeNews li { padding:20px }
h1.titre_news { font-weight:400; font-size:18px; color:#FFF; margin:0; padding:0 }
span.date_news { display:block; font-size:10px; color:#FFF; padding-bottom:10px }
div.contenu_news { text-align:justify; color:#FFF }
div.contenu_news p { color:#FFF }
/* PAGE COURANTE
/* ===================================================================================== */
h1#titre_page { font-weight:400; font-size:24px; color:#FFF; margin:0 0 20px 0; padding:0 0 10px 0; background:url(../images/titre_page.gif) no-repeat center bottom }
/* ===== Styles à changer pour le Richtext (Einden) ===== */
div#contenu p { color:#FFF; font-size:12px; margin:0; padding:0 }
div#contenu h2 { color:#FFF; font-size:18px; font-weight:400; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #FFF }
div#contenu a { color:#FFF }
/* ===== Personnalisation des liens favoris ===== */
span.my_addfavoris { font-size:8px; color:#FFF; line-height:18px; padding:0 25px 0 0; float:right }
span.my_addfavoris a { font-size:8px; color:#FFF }
div.edit_bloc { clear:none }
/* ==== Personnalisation de l'affichage des pièces jointes ==== */
span.pjointes_titre { display:block; color:#FFF; font-weight:400; font-size:14px }
ul.pjointes { list-style:none; margin:0; padding:0 }
ul.pjointes li { line-height:25px; margin-top:2px; padding-left:27px; background:url(../images/pjointes_icone.gif) no-repeat 10px 3px }
/* ==== Personnalisation de l'affichage des contacts ==== */
span.contacts_titre { display:block; color:#FFF; font-weight:400; font-size:14px }
ul.contacts { list-style:none; margin:0; padding:0 }
ul.contacts li { color:#FFF; border-left:3px solid #FFF; margin:2px 0 2px 0; padding:9px 0 5px 10px; text-indent:22px; background:url(../images/contacts_icone.gif) no-repeat 10px 3px }
strong.nom_contact { color:#FFF; font-weight:400; font-size:12px }
/* ==== Affichage des flux rss ==== */
ul.rss { list-style:none; padding:0; margin:0 }
ul.rss li { padding:10px 0 10px 0; margin:10px 0 10px 0 }
h3.titre_rss { font-weight:400; font-size:14px; color:#FFF; margin:0; padding:0 }
h3.titre_rss a { color:#FFF }
span.infos_rss { font-size:10px; color:#FFF; display:block }
span.rss_texte { display:block; text-align:justify }
span#lien_rss_actu { float:right }
/* PIED DE PAGE
/* ===================================================================================== */
div#wrapper_pied { width:100%; height:156px; clear:left; background:url(../images/wrapper_pied.gif) repeat-x center bottom #6090BC }
div#pied_de_page { position:relative; margin:0 auto; width:900px; clear:both }
div#pied_haut { width:100%; height:110px; text-align:right; color:#FFF; font-size:12px }
div#pied_haut a { color:#FFF; font-size:12px }
div#ici_pied { width:100%; height:52px; text-align:right; color:#194773; font-size:38px }
div#mentions { width:100%; text-align:right; color:#FFF; font-size:10px; padding-top:10px }
ul#mentions_legales { list-style:none; padding:0; margin:0 }
ul#mentions_legales li { display:blcok; float:right; padding-left:10px }
div#mentions a { color:#FFF; text-decoration:none }