body {background:#e5dece url(../graphics/portail/fond_accueil.jpg) no-repeat center top;}
#global {background-color:transparent !important}

#header {width:840px; height:110px; text-align:left; background:none !important; padding:18px 75px 0 75px}
#header div.logo {width:222px; height:85px; float:left}
#header div.name {float:left; width:560px; margin: -6px 0 0 20px;}
#header div.name div.title {text-align:left; font-size: 28px; padding:0 0 0 0; color:#575551}
#header div.name div.subtitle {text-align:left; font-size: 21px; color:#575551; margin:-4px 0 8px 115px;}
#header div.name > div.subtitle {margin:-4px 0 4px 115px;}
#header div.name div.texte {font-size: 12px; color:#575551; text-align:justify}
#middle {background:transparent; width:840px; padding:0 75px 0 75px;}
#middle div.vignettes {width:586px; height:479px; float:left;}
#middle div.vignettes img {position:relative}
#middle div.vignettes a.index {position:absolute !important; cursor:default}
#middle div.right{width:213px; float:left; margin: 0 0 0 40px}

/* bloc recherche */
.box_rech {width:213px; margin: 0 0 3px 0; font-size:0.85em;padding-top:8px;background: url(../graphics/portail/rech_entete.png) no-repeat 0 0}
.box_rech .content_box_pub {padding:0 12px 0 12px; background: url(../graphics/portail/rech_content.png) repeat-y 0 0}
.box_rech p.titre_box {background: url(../graphics/portail/loupe.jpg) no-repeat 0 0; margin: 0 0 0 -8px; padding: 0 0 0 22px; height:19px; color:#6b6951; font-size:14px; font-weight:bold}
.box_rech .pied_box_pub {height:11px;background: url(../graphics/portail/rech_pied.png) no-repeat 0 0}

div.box_recherche {margin: 4px 0 0 18px; width:190px}
div.box_recherche div.input_recherche {height:24px; background: url(../graphics/portail/input_recherche_accueil.gif) no-repeat 0 0;}
div.box_recherche input.recherche{background-color:transparent; width:160px; padding:3px 0 0 2px; color:#777; float:left}
div.box_recherche div.ok{width:25px; height:24px; background: url(../graphics/portail/ok_recherche.gif) no-repeat 0 0; float:left; margin:0 0 0 -18px}
div.box_recherche div.ok a{display:block; text-decoration:none; color:#fff; font-size:13px;  font-weight:bold; padding:3px 0 0 2px}
div.box_recherche div.avancee {text-align:left; padding: 0px 0 0 6px; font-size:11px}
div.box_recherche div.avancee a {color:#667500; font-weight:bold; text-decoration:none}
div.box_recherche div.avancee a:hover {text-decoration:underline}

/* sous box du box recherche thématique */
.box_rech div.sous_box {width:168px; padding: 5px 0 0 0; margin: 2px 0 0 18px; background: url(../graphics/portail/haut_sous_box_rech.png) no-repeat 0 0}
.box_rech div.sous_box div.sous_box_content {padding:0 0 0 0; background: url(../graphics/portail/content_sous_box_rech.png) repeat-y 0 0}
.box_rech div.sous_box div.sous_box_pied {height:5px;background: url(../graphics/portail/pied_sous_box_rech.png) no-repeat 0 0}
.box_rech div.sous_box table tr td a {color:#fff; padding:0 12px 0 12px; margin: 0 0 0 -1px; width:142px; text-decoration:none; display:block}
.box_rech div.sous_box table tr td a.c1:hover {background-color:#a70230}
.box_rech div.sous_box table tr td a.c2:hover {background-color:#da487e}
.box_rech div.sous_box table tr td a.c3:hover {background-color:#935e3a}
.box_rech div.sous_box table tr td a.c4:hover {background-color:#93509e}
.box_rech div.sous_box table tr td a.c5:hover {background-color:#db6c08}

/* bloc droite 3 */
.box_guide3 {width:213px; margin: 0 0 3px 0; font-size:0.85em;padding-top:10px;background: url(../graphics/portail/haut_box_jaune_c.png) no-repeat 0 0}
.box_guide3 .content_box_pub {padding:0 12px 0 12px; background: url(../graphics/portail/content_box_jaune_c.png) repeat-y 0 0 }
.box_guide3 .pied_box_pub {height:11px;background: url(../graphics/portail/pied_box_jaune_c.png) no-repeat 0 0}
.box_guide3 p.txt {padding-top:5px; padding-bottom:5px;}
.box_guide3 p.titre_box {text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.20em;padding-bottom:0.3em;}
.box_guide3 a {display:block; background: url(../graphics/portail/picto_link_dl_orange_c.gif) no-repeat 0 4px; color:#666; text-decoration:none; padding:0 0 0 10px; margin: 2px 0 2px 0}
.box_guide3 a:hover {text-decoration:underline;}
.box_guide3 a.file_en {background: url(../graphics/portail/picto_link_dl_orange_c_en.gif) no-repeat 0 0; padding:0 0 0 29px;}

/* bloc droite 4 */
.box_guide4 {width:213px; margin: 0 0 0 0; font-size:0.85em;padding-top:10px;background: url(../graphics/portail/haut_box_jaune_f.png) no-repeat 0 0}
.box_guide4 .content_box_pub {padding:0 12px 0 12px; background: url(../graphics/portail/content_box_jaune_f.png) repeat-y 0 0 }
.box_guide4 .pied_box_pub {height:11px;background: url(../graphics/portail/pied_box_jaune_f.png) no-repeat 0 0}
.box_guide4 p.txt {padding-top:5px; padding-bottom:5px;}
.box_guide4 p.titre_box {text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.20em;padding-bottom:0.3em;}
.box_guide4 a {display:block; background: url(../graphics/portail/picto_link_dl_orange_f.gif) no-repeat 0 4px; color:#666; text-decoration:none; padding:0 0 0 10px; margin: 2px 0 2px 0}
.box_guide4 a:hover {text-decoration:underline;}

#footer {display:none}