body {
background: url(img/institutionnel/body.png) no-repeat 50% 131px #fff;
color: #385064;
}

a {
color: #7b5534;
}

p#en_mode_apercu {
text-align: center;
}

/* *******************
*  Bandeau
-********************/

#bandeau_deco{
background: #dfe5e9;
}

#bandeau {
min-height:106px;
}

#bandeau a{
color: #668695;
text-transform: uppercase;
}

#menu_outils_1{
font-family: FranklinGothicFSBook, "Franklin Gothic Medium", "Franklin Gothic", arial ,sans-serif;
}

#langues,
#menu_outils_1{
top: 48px;
}

#langues a{
padding-right: 20px;
}

#langues a.drapeau_en{
background: url(img/institutionnel/en.png) no-repeat  100% 50%;
}
#langues a.drapeau_fr{
background: url(img/institutionnel/fr.png) no-repeat  100% 50%;
}

#menu_outils_1{
top: 29px;
}

#retour_accueil{
top: 18px;
left: 10px;
}


div#titre_deco,
div.contenu h1{
font-family: FranklinGothicFSMedium, "Franklin Gothic Medium","Franklin Gothic",arial,sans-serif;
}

/* === */

#menu_thematique_deco {
/*background: #738fa3;*/
background: url("img/institutionnel/fond_thematique.jpg") repeat 0 0; 
font-size: 1.182em;
font-family: FranklinGothicFSMedium, "Franklin Gothic Medium","Franklin Gothic",arial,sans-serif;
line-height: 2em;
width: 100%;
position: relative;
z-index: 10;
}

#menu_thematique_deco ul{
margin: 0 auto;
width: 930px;
display: block;
}

#menu_thematique_deco a{
/* background: #738fa3;*/
color: #fff;
padding: .3462em .6154em;

}

#menu_thematique_deco a:hover,
#menu_thematique_deco a:focus,
#menu_thematique ul ul li:hover{
background: #325780;
text-decoration: none;
}


#menu_thematique_deco li{
background: url("img/institutionnel/separateur_thematique.png") no-repeat 0 0 ;
position: relative;
padding-left: 2px;
float: none;
}

#menu_thematique_deco ul ul{
position: absolute;
top: 1.9231em;
left: 0;
background-color: #608396;
width: 200px;
}

#menu_thematique_deco ul ul li{
display: block;
}

/* === */

#recherche_simple{
top:71px;
}

#recherche_simple label{
display:none;
}

#recherche_simple input[type="text"]{
color: #8aa2ae;
margin: 0 1px 0 0;
}

#recherche_simple input[type="submit"]{
background: #7d98a5;
border: 1px solid #7d98a5;
color: #fff;
}

#titre_accroche {
min-height: 222px;
background-repeat:no-repeat;
background-position: left bottom;
}

#titre_accroche img {
height: 100px;
width: 500px;
margin-bottom: 0;
width: 100%;
}

#fil_ariane {
background-color: #fff;
background-color: rgba(255, 255, 255, .95);
line-height: 22px;
margin-bottom: 0;
min-height: 22px;
width: 100%;
}

/****************
*  menu principal
*****************/
#menu_principal {
padding-top: 10px;
}

#menu_principal a {
padding: 0 0 0 13px;
}

#menu_principal ul a {
color: #3b5c69;
}

#menu_principal li {
margin-right: 10px;
}

#menu_principal li.focus{
background: url("img/institutionnel/puce_menu_insti.png") no-repeat 0 0;
margin-left: 0;
}

#menu_principal ul a,
#menu_principal li li a:hover {
background-color: #fff;
}

#menu_principal ul li.focus{
background: none;
}

#menu_principal li.focus em a,
#menu_principal a:hover {
color: #000;
}

#menu_principal li.focus a,
#menu_principal li.menu_deroulant a:hover {
padding-left:17px; 
}

#menu_principal ul.niveau2 {
margin: 6px 0;
}

#menu_principal ul.niveau2 li {
border-top: none;
font-size: .8571em;
padding-left: 11px;
line-height: 1.5em;
}

#menu_principal ul.niveau3 li {
font-size: .9167em;
}


/* === Encadrés === */

#encadres {
padding-top: 20px;
}

/************
*  Contenu
*************/
div.contenu {
background-color: #fff;
padding-top: 20px;
}

#titre_deco{
/*background: url(img/institutionnel/accroche_rubrique.png) -365px 0 #1d4164;*/
background: url(img/institutionnel/accroche_rubrique.png) -365px 0 #fff;
overflow: hidden;
position: relative;
min-height: 36px;
}

#titre_accroche p#titre_deco_accroche {
color: #fff;
font: 500 3.2727em/normal FranklinGothicFSMedium, "Franklin Gothic Medium","Franklin Gothic",arial,sans-serif;
margin-bottom: 0;
text-transform: uppercase;
position: relative;
bottom: -0.23em;
bottom: -0.2778em;
}

/* === */

div.encadre_generique,
div.encadre_rubrique,
div.encadre_fiche,
div.encadre_auto_fiche,
div.encadre_nav_auto,
div.encadre_recherche {
border: 1px solid #325780;
margin: 0.6em 0 1.45em;
}


div.sans_bordure {
border: none;
}

div.sans_bordure div{
padding: 0;
}

div.firstencadre {
margin-top: 0;
}

div.encadre_generique h2,
div.encadre_rubrique h2,
div.encadre_fiche h2,
div.encadre_auto_fiche h2,
div.encadre_nav_auto h2,
div.encadre_recherche h2{
color: #fff;
background: #325780;
font-size: 1.2728em;
font-weight: 700;
margin: -0.55em 0 0 0.75em;
padding: 1em 0 0 .6em;
position: relative;
left: 1px;
}

div.encadre_generique_contenu,
div.encadre_rubrique_contenu,
div.encadre_fiche_contenu,
div.encadre_auto_fiche_contenu,
div.encadre_nav_auto_contenu,
div.encadre_recherche form {
font-size: 1.0909em;
padding-left: 1.8em;
}

/******************
* Menu Profil page accueil
******************/


/* ===  =Fiche =PageLibre === 

/* styles de paragraphes */

div.sansstyle,
div.style1,
div.style2,
div.style3 {
font-size: 1.1818em ;
}

div.style1 h2 {
background: url("img/institutionnel/puce_style1.png") no-repeat 0 .3125em;
font-size: 1.2308em;
}

div.style2 {
background-color: #d0dae0;
 padding-top: 0;

}

div.style2 h2 {
background-color: #f4f7f8;
padding: 10px  24px 10px 10px;
margin: 0 7px 0 0;
}

div.style2_contenu {
background-color: #f4f7f8;
margin-right: 7px;
padding: 0 34px 4px 10px;
}


/* === Fiche formation === */

body.formation #onglets {
border-bottom: 3px solid #325780;
}

body.formation #onglets li#actif a {
 background-color: #325780;
}


ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li,
ul.liste-liens li,
ul.fluxrss li {
border-bottom:1px solid #D0DAE0;
}

/* ====================
=Bloc =Pied de Page
==================== */

div#pied_deco {
background: url(img/institutionnel/pied_deco.png) no-repeat 50% 100%;
}

div#menu_plansite,
div#menu_plansite a,
div#menu_outils_2,
div#menu_outils_2 a {
color: #668695;
}

div#menu_outils_2 {
background: none;
border-top: 1px solid #cdd8de;
padding : 20px 10px 25px 160px;
}

