/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body { text-align: center; background: #edeff6; border: 0; }
.page { position: relative; width: 63em; margin: 0 auto; padding: 0; text-align: left; border: 0; background:#fff;}
.sommaire {background: #fff; }
.rubrique {background: #fff;}
.article {background: #fff;}
.lettre {width: 45em;}

.main { padding: 0; background:#fff; position:relative; }
.main_agenda { padding: 0; background:#fff; }

.aside { float: left; width: 21em; overflow: hidden; border:0; background:#fff;}
.fond {background: transparent url(img/berbier.jpg) bottom left;}

.wrapper { position: relative; float: right; width: 42em; overflow: hidden; border:0; background: #fff; }
.content { padding: 0 1em 0 1em; background:#fff;  margin: 0.5em 0 2em 1em; border-left: 1px #edeff6 solid; }
.content_sommaire { padding: 0; background:#fff;  margin-left:1em;}

.colgauche {position: relative; float: left; border:0; padding:0; width: 50%; margin:0 0 1em 0;}
.coldroite {position: relative; float: right; border:0; padding:0; width: 50%; margin:0 0 1em 0;}
.fondblanc {background:#fff;}
.fondgrisclair {background: #f3f5fa;}

.footer { clear: both; padding:0; margin:0; }
.footer .colophon { margin: 0; }
.menu_pied {padding: 1.5em 0; background:#c3c9d6;}
.bas_fin {padding: 1.5em; background:#fff;}
.liste {display:inline-block;vertical-align:top; font-size:90%;width:16%;padding-left:3%;}
.sous_liste li {line-height:1.25em;border-left:1px #626672 solid;padding-left:0.5em;}

.sitedesc {padding: 0 1em 0.5em 1.125em; background: rgba(33, 74, 140, 0.85); color:#fff; }
.poles {padding: 0; margin:0; position:relative; background:#fff;}
.titre_poles {padding:1em 1em 1em 1.125em;}
.poles_gauche {position:relative; float:left; width:50%;border-top:1px #edeff6 solid;}
.poles_droite {position:relative; float:right; width:50%;border-top:1px #edeff6 solid;}
.poles_gauche div {border-right:1px #edeff6 solid;border-bottom:1px #edeff6 solid;padding:0.75em ; margin: 0;}
.poles_droite div {border-bottom:1px #edeff6 solid; border-right:1px #edeff6 solid;padding:0.75em; }
.poles_gauche div, .poles_droite div { background: #fff;-o-transition:background 0.5s ease-in;
-ms-transition:background 0.5s ease-in;-moz-transition:background 0.5s ease-in;-webkit-transition:background 0.5s ease-in;transition: background 0.5s ease-in;}
.poles_gauche div:hover, .poles_droite div:hover { background: #f3f5fa; }


.une {position: relative; padding: 0 0 0 1em; margin: 0 0 1em 1em; }
.agenda { margin:0;padding:0 1em 0 1.125em; }
.partenaires {padding: 1em 1em 0 1.125em; background:#fff; margin:0;}
.publications {padding: 0 1em 0 1.125em; background:#fff; margin:0 0 0.75em 0;border-left: 1px #edeff6 solid;}
.revues { padding: 0.75em 1em 1em 1.125em; background: #f3f5fa;}
.communiques {padding: 0 1em 1em 1.125em; background:#fff; margin:0;}
.medias {padding: 1em 1em 1em 1.125em; background:#fff; margin:0; }
.edition { padding: 0.25em 1em 0 1.125em; margin:1em 0 0 0; border-left: 1px #edeff6 solid;}
.direct {position: relative; padding: 1em 1em 0 1.125em; background: #fff;}


.trait_bleu_fonce { height:0; border-top:0.25em #4066AA solid; width:3em;}
.trait_bleu { height:0; border-top:0.25em #24a8ff solid; width:3em;}
.trait_blanc { height:1em; border-top:1px #fff solid; width:3em;}
.trait_noir { height:1em; border-top:1px #c7cbd4 solid; width:3em;}
.trait_gris { height:0; border-top:0.25em #edeff6 solid; width:3em;}
.trait_end { height:0; border-top:0.25em #edeff6 solid; width:3em;margin-top:0.5em;}

.haut {padding: 0; background:#fff; width:100%;}

/* Entete et barre de navigation
------------------------------------------ */

.header { padding: 1.5em 1.125em 0.75em 1.125em; background: #8E96A8; width: 18.75em; overflow: hidden; border:0;}
.header #logo { display: block; margin: 0; font-size:1em; line-height:1em;color:#fff; }
.header .spip_logos {margin-bottom: 0.75em;}
.header #slogan { color: #fff; font-size:1em; padding:0.25em 0 0.75em 0;}
.header #slogan a { color: #fff; text-decoration:none;}
.header #slogan a:focus,
.header #slogan a:hover,
.header #slogan a:active {color: #fff; text-decoration:none;}
.home {background: rgba(33, 74, 140, 0.85);}

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav { border: 0; padding:0 0 0 1.125em; margin:0; width:41em;}
.nav ul { margin-left:0;}
.nav ul li {display: inline-block; vertical-align: middle;padding:0.65em 0;}
.nav ul li a { padding: 0 0.5em 0 0; border: 0; text-decoration: none; color: #16171a;}
.nav ul li.on a { color: #4066AA; text-decoration: none; font-weight:normal;}
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { text-decoration: none; }

.navigation {font-weight:normal; padding-right:1em;}

.pratique {font-weight:300;text-align:right; border-bottom:1px #edeff6 solid; padding-right:1em; }
.pratique input.text {width:auto; padding:0 0.5em; background-color: #edeff6; border: 0; }
#formulaire_recherche { border: 0; text-align:right;}




/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {


body { background: #fff; border: 0; }
.page { width: 100%; margin: 0 auto; padding: 0; text-align: left; border:0; }
.sommaire {background: #fff;}
.rubrique {background: #fff;}
.article {background: #fff;text-align: left;}

.main { padding: 0; background:#fff;}
.main_agenda { padding: 0; background:#fff; }

.aside { float: none; overflow: hidden; border:0; background:#fff; width: 100%;}
.wrapper { float: none; width: 100%; overflow: hidden; border:0; background: #fff; }
.content { padding: 0 1em; background:#fff;  margin: 1em 0 1em 0; border: none; min-height:none;}
.content_som { padding: 0; background:#fff;  margin:0;}

.colgauche {position: relative; float: none; border:0; padding:0; width: auto !important; }
.coldroite {position: relative; float: none; border:0; padding:0; margin:0; width: auto !important; }
.fondblanc {background:#fff;}
.fondgrisclair {background: #edeff6;}

.footer { clear: both; padding:0; margin:0; }
.menu_pied {display: none;}
.bas_fin {padding: 1.5em; background: #c3c9d6;}
.colophon { margin: 0;}

.sitedesc {padding: 0 1em 1.5em 1.125em; background: rgba(33, 74, 140, 0.85); color:#fff; }
.poles {border-bottom: 0 none; border-right: 0 none; margin:0; }
.une {position: relative; padding: 0; margin: 0.75em 0 0 0;}
.agenda { margin:0; padding: 0.75em 0 0.35em 0.75em;}
.ag_gauche {float:none; width:auto; padding: 0 0 0.75em 1em;margin:0.75em 0 0 0;border-bottom:1px #c7cbd4 solid;}
.ag_droite {float:none; width:auto; margin:0.75em 0 0 0; padding:0 0 0.75em 1em;border-bottom:1px #c7cbd4 solid;}
.publications {padding: 0 0.75em 0.75em 0.75em; background:#fff; border: 0 none; margin:0;}
.revues { padding: 0.75em 0.75em 0.5em 0.75em; background: #f3f5fa;}
.communiques {padding: 1em 0 0.35em 0.75em; background:#fff; margin:0; border: 0 none;}
.edition {padding: 0.25em 0.75em 0 0.75em; background:#fff; margin-bottom: 1em; border-bottom:none;}
.direct {}
.partenaires {margin:0; padding:0.75em 0 0.35em 0.75em;}

.medias {margin:0; padding:0.75em 0 0.35em 0.75em;}

.trait_lavande { height:0; border-top:0.25em #244ab0 solid; width:3em;}
.trait_bleu { height:0; border-top:0.25em #24a8ff solid; width:3em;}
.trait_blanc { height:1em; border-top:1px #fff solid; width:3em;}
.trait_noir { height:1em; border-top:1px #c7cbd4 solid; width:3em;}
.trait_gris { height:0; border-top:0.25em #edeff6 solid; width:3em;}
.trait_end { display:none;}

.haut {padding: 0; background:#fff; width:100%;}

/* Entete et barre de navigation
------------------------------------------ */

.header { padding: 1.5em 1.125em 0.75em 1.125em; background: #8E96A8; width: 100%; overflow: hidden; border:0;}
.home {background: rgba(33, 74, 140, 0.85);}


.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav { border: 0; padding:0;width:100%; z-index:1000; }
.nav ul { margin-left:0;background:#fff; width:100%;}
.nav ul li {display: inline-block; vertical-align: middle;padding:0;}
.nav ul li a { padding: 0 0.5em 0 0; border: 0; text-decoration: none; color: #16171a;}
.nav ul li.on a { color: #4066AA; text-decoration: none; font-weight:normal;}
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { text-decoration: none; }

.pratique {text-align:left;padding:1em;}
.navigation {padding:1em;}


}

/* end */