body{
background-color: #fff;
background-repeat: no-repeat;
background-position: center 0;
}

div#page{
margin: auto;
}

/*
juste pour visualiser temporairement. A supprimer au final
h1{
border: 1px dashed red;
}
 */

/* === */

div#bandeau{
background-color: #fff;
margin-left: 56px;
background-position : 0 0;
height: 113px;
height: 161px;
position: relative;
margin-bottom: 1em;
}

h1{
background-position: 0 0;
background-repeat: no-repeat;
}

form#recherche_avancee input.ok,
div#encadres input.ok,
form#recherche_avancee input.valider,
div#encadres input.valider{
background: #7498a6;
}

form#recherche_avancee input.effacer,
div#encadres input.effacer{
background: #9bb1bb;
}

/* ====================
=Recherche =Simple
==================== */

form#recherche_simple {
position: absolute;
top: 6px;
left: 490px;
font-family: verdana, arial;
width: 455px;
}

form#recherche_simple label,
form#recherche_simple_tag label {
vertical-align: baseline;
}

form#recherche_simple input.champ-saisie,
form#recherche_simple select,
form#recherche_simple input.ok,
form#recherche_simple_tag input.champ-saisie,
form#recherche_simple_tag select,
form#recherche_simple_tag input.ok {
font-size: 0.9em;
font-family: verdana, sans-serif;
margin: 0;
}

form#recherche_simple input.champ-saisie,
form#recherche_simple_tag input.champ-saisie {
border-color: #807f83;
padding: 0.2em;
width: 125px;
}

form#recherche_simple select,
form#recherche_simple_tag select {
width: 145px;
}

form#recherche_simple input.ok,
form#recherche_simple_tag input.ok {
background-color: #b8de14;
border: 1px solid #807f83;
padding:0 0 0 20px;
height: 18px;
width: 60px;
}

form#recherche_simple input.ok:hover,
form#recherche_simple_tag input.ok:hover {
background-color: #a0bf0b;
}

#recherche_simple_tag input.ok_tag {
margin-left : 3px;
}

form#recherche_simple p#restriction_recherche_rubrique {
padding-left: 240px;
margin-top: 0.5em;
}

form#recherche_simple p#restriction_recherche_rubrique label {
background: url(img/restriction_recherche_rubrique_label.png) repeat 0 0;
padding: 0 0.5em;
}

/* Drapeaux */
#drapeaux {
margin-right: 10px;
top: 77px;
}

/* === */

ul#menu_principal{
font-size: 1.2em;
background-color: #00ccd2;
background: #999 no-repeat right bottom;
list-style: none;
position: absolute;
top: 113px;
left: 0;
width: 944px;
height: 47px;
border-top: 1px solid;
}

ul#menu_principal li{
display: inline;
}

ul#menu_principal a {
color: #000;
border-left: 1px dotted #fff;
text-decoration: none;
display: block;
float: left;
line-height: 47px;
padding: 0 0.8em;
}

ul#menu_principal a:hover {
color: #fff;
background-color: #666;
}

ul#menu_principal em a {
font-style: normal;
}

ul#menu_principal li:first-child a{
border-left: 0;
}

/* === */

div#navigation{
background : transparent;
margin-left: 55px;
margin-right: 10px;
}

/* === */

body.accueil div#navigation{
background: no-repeat 1px 8px;
height: 300px;
margin-top: 0;
width: 230px;
margin-right: 0;
}

#rappel_niveau1 {
padding : 0.4em 10px;
}

/* === CONTENU avec/sans encadrés === */

#contenu_avec_encadres,
#contenu_sans_encadres{
margin-top: 0;
}

body.accueil div#contenu_avec_encadres{
margin-left: 0;
width: 464px;
margin-top: 2em;
}

body.accueil div#contenu_sans_encadres{
margin-left: 0;
width: 700px;
margin-top: 2em;
}

div.style3 {
background-color: #ccc;
}

/* === ENCADRES === */

div#encadres{
margin-top: 0px;
margin-left: 10px;
}

/*************************************************
#pictos_navigation
**************************************************/

div#pictos_navigation {
width: 240px;
height: 25px;
}

div#pictos_navigation ul li {
margin-right: 20px;
}

div#pictos_navigation ul li#taille_police {
margin-left: 55px;
}

/* =================================
#pictos_reseaux_sociaux_composantes
================================= */

div#pictos_reseaux_sociaux {
}

div#pictos_reseaux_sociaux ul li{
padding: 5px 0 0 0;
}

/* === PIED DE PAGE === */


div#pied_page {
padding-left: 250px;
}

address {
background: #01ccd2 url(img/pied.png) no-repeat 0 0;
color: #fff;
float: left;
font-style: normal;
margin-left: 56px;
padding: 0 0 1em 1em;
}

#adresse_deco {
background: url(img/fond-pied-droite.png) no-repeat right 0;
padding: 1em 1em 0 0;
display: block;
}

#actualite_universite{
width: 
}

