a{
text-decoration: none;
}

a:hover,
div#navigation a:hover{
text-decoration: underline;
}

div#page{
background-image: url(img_0/page.png);
}

/* Variation dynamique du bandeau sur la page d'accueil */

div#bandeau_accueil{
background: #fff no-repeat 0 25px;
height: 175px;
position: relative;
}

/* TODO voir recuperation des bandeaux de rubriques via back-office */

/* FIN variation dynamique du bandeau */

div#navigation{
font-size: 1.1em;
padding-top: 0;
width: 135px;
}

div#navigation h2{
font-size: 1.5em;
font-variant: small-caps;
padding: 0.5em 8px 0;
margin: 0 0 0.2em;
}

div#navigation a{
color: #000;
text-decoration: none;
}

div#acces_directs{
background: url(img/accueil/acces_directs.png) no-repeat 0 0;
margin: 0 0 20px;
width: 125px;
}

div#acces_directs ul{
background: url(img/accueil/acces_directs_bas.png) no-repeat 0 100%;
list-style: none;
padding: 0 0 0.5em 8px;
width: 117px;
}

div#acces_directs ul li{
position: relative;
display: inline;
}

div#acces_directs ul a{
display: block;
width: 117px;
}

div#acces_directs ul ul{
background: #fff;
display: none;
border: 1px solid #007575;
padding: 0.3em 0;
position: absolute;
top: -0.3em;
left: 116px;
width: 200px;
}

div#acces_directs ul ul a{
padding: 0 10px;
width: 180px;
}

/* --- */

div.net,
div.blog,
div.news,
div.video{
background: transparent url(img/accueil/haut.png) no-repeat 0 0;
margin: 0 0 20px;
width: 125px;
}

div#navigation div.encadre_accueil h2{
font-size: 1.3em;
}

div.encadre_accueil{
background: url(img/accueil/bas.png) no-repeat 0 100%;
margin: 0;
padding-top: 1px;
width: 125px;
}

div.encadre_accueil_contenu{
padding: 0 8px 0.5em;
width: 109px;
}

div.blog div.encadre_accueil_contenu,
div.video div.encadre_accueil_contenu{
background: no-repeat 90% 0;
padding-top: 18px;
padding-bottom: 0.9em;
}

div#navigation div.net h2{
background: url(img/accueil/net_de_lups.png) no-repeat 5px 50%;
line-height: 22px;
margin: 0.5em 0 0.2em;
padding: 0 0 0 30px;
}

div.blog div.encadre_accueil_contenu{
background-image: url(img/accueil/blog.png);
background-position: 93% 0%;
padding-top: 0;
}

div.video div.encadre_accueil_contenu{
background-image: url(img/accueil/video.png);
padding-top: 18px;
}

/* --- */

div#abonnement_newsletter{
width: 125px;
}

div#abonnement_newsletter h2{
font-size: 1.4em;
padding: 0;
}

div#abonnement_newsletter form{
}

div#abonnement_newsletter label{
display: block;
}

div#abonnement_newsletter input#adresse_email{
border: 1px solid #b6ce42;
font-size: 1em;
width: 97px;
}

div#abonnement_newsletter input.bouton{
background: #fff;
border: 0;
font-family : verdana, sans-serif;
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
}

/* === */

div#contenu_sans_encadres,
div#contenu_avec_encadres{
padding-bottom: 0;
}

div#contenu_avec_encadres{
width: 565px;
}

/* === contenu central === */

div.style4_contenu,
div.style5_contenu{
font-size: 0.9em;
}

/* === Style 4 & 5 */

a,
div.style4 h3,
div.style5 h3{
color: rgb(0, 117, 117);
}

/* === Positionnement vignette dans style 4 */

div.style4 ul.liste-objets img.img-liste{
float: right;
margin: 0 0 0 5px;
}

ul.avec_vignette div.liste_deco1{
margin: 0 0 0 75px;
}

div.style4 ul.avec_vignette div.liste_deco1 {
margin: 0 75px 0 0;
}


/* === Positionnement vignette dans la première colonne

div.premiere_colonne ul.liste-objets img.img-liste{
float: right;
margin: 0 0 0 5px;
}

div.premiere_colonne ul.avec_vignette div.liste_deco1 {
margin: 0 80px 0 0;
}

 */

/* === ENCADRÉS === */

div#encadres{
color: rgb(0, 117, 117);
padding-top: 0;
width: 225px;
}

div#encadres h3{
color: rgb(0, 117, 117);
font-size: 1.3em;
padding: 0;
margin: 0 0 0.5em;
}

/* --- */

div#bienvenue{
background: url(img/accueil/bienvenue.png) no-repeat 0 0;
font-size: 1.1em;
min-height: 80px;
padding-left: 25px;
}

div#bienvenue a{
color: #333;
font-weight: 700;
}

form#profil{
margin-bottom: 1em;
}

form#profil label{
display: block;
font-weight: 700;
}

form#profil select{
border: 1px solid ThreeDFace;
font-size: 1em;
padding: 0;
width: 170px;
z-index: 0;
}

form#profil input.ok{
background: #fff;
border: 0;
font-weight: 700;
font-size: 0.9em;
text-transform: uppercase;
}

div#bienvenue ul{
float: left;
padding: 0;
width: 50%;
}

div#bienvenue ul li{
list-style: none;
list-style-image: none;
padding: 0.3em 0 0.3em 25px;
}

li#welcome{
background: url(img/accueil/welcome.png) no-repeat 0 50%;
}

li#bureau_europe{
background: url(img/accueil/bureau_europe.png) no-repeat 0 50%;
line-height: 100%;
}

li#marchespublics{
background: url(img/accueil/marchespublics.png) no-repeat 0 50%;
}

li#edito{
background: url(img/accueil/edito.png) no-repeat 0 50%;
}

li#visite{
background: url(img/accueil/visite.png) no-repeat 0 50%;
}

/* --- */

div.encadre_fiche,
div.encadre_auto_fiche,
div.encadre_nav_auto,
div.encadre_recherche{
margin: 0 0 2.5em;
}

div.encadre_fiche_contenu,
div.encadre_auto_fiche_contenu,
div.encadre_nav_auto_contenu,
div.encadre_recherche form{
background: transparent none;
padding: 0;
}

div#encadres em{
display: block;
font-size: 1.2em;
margin: 0 0 1em 25px;
}

/* pour la page d'accueil les encadres de droite n'ont pas de background-color ni de background-image */

div.encadre_fiche h3,
div.encadre_auto_fiche h3{
background-image: url();
}

body div.encadre_fiche h3,
body div.encadre_auto_fiche h3{
background-color: #ffffff;
}