*{
padding:0;
margin:0;
}
html{
font-size:100%;
background-color:#ccd5e3;
}
body{
font-size:0.85em;
background-color:#ccd5e3;
border-top:5px #344a69 solid;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #333; 
text-align: center;
background:url(../img/bg.png) repeat-x;
padding:0 20px;
}

/* liens */
a{
color:#a91b00;
 text-decoration: none;
}
a:focus,a:hover,a:active {
text-decoration: underline;
color:#000;
}
/* noir */
ul#nav1 li a,
 div#nav2 li a{
color:#000;
}
/* gris */
div.nav_rubriques a,
h3 a,
div#hierarchie a{
color:#666;
}
/* red */
div.nav_rubriques a.on,
div.nav_rubriques a:hover,
ul#nav1 li a:hover,
 div#nav2 li a:hover{
color:#a91b00;
}


/* titres */
h1,h2{
font-size:1.6em;
color: #000; 
}
h3 { 
font-size: 1.40em; 
font-weight: normal; 
color: #003;
}
h4 {
font-size: 1.20em; 
font-weight: bold; 
}

img { margin: 0; padding: 0; border: 0; }

/* -------------------------------- blocs principaux */
div#page{
margin:0 auto;
/*width: 58em;*/
min-width:600px;
max-width:1200px;
background-color:#fff;
text-align:left;
}
div#header{
width:100%;
height:172px;
background:url(../img/bg_header.png) no-repeat right 10px;
padding-top:10px;
}
div#conteneur{
padding:20px;
overflow: hidden;
border:1px solid #ffa100;
margin:20px;
}
div#contenu{
padding-top: 0.30em;
float: left;
width:68%;
border-right:1px solid #ffa100;
padding-right:10px;
}
div#droite{
float: left; 
width: 25%; 
margin: 1em 0 0 -1px;
padding-left:30px;  
overflow: hidden; 
border-left:1px solid #ffa100;
}
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { 
clear: both; 
padding:0 20px;
height:50px;
border-bottom:5px #344a69 solid;
text-align: right; 
font-size: 0.90em; 
}

/* ----------------------------------------------------header */
div#page div#header a.accueil{
margin:0 10px;
display:block;
}
div#page div#header a.accueil img.spip_logos{
margin:0 0 10px 7px;
}
div#page div#header ul#nav1,
div#pied ul#nav1{
margin:20px;
display:inline;
display:block;
}
div#page div#header ul#nav1 li,
div#pied ul#nav1 li{
display:inline;
}
div#page div#header .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

/* ---------------------nav2 */
div#page div#nav2{
width:100%;
height:75px;
background-color:#e6ebf0;
}
div#page div#nav2 ul{
padding:25px 0 0 20px;
font-weight:bold;
}
div#page div#nav2 ul li{
font-size:1.3em;
margin:0 5px;
display:inline;
position:relative;
white-space:nowrap;
z-index:1;
}
div#page div#nav2 ul li ul{
display:none;
}
div#page div#nav2 ul li:hover ul{
display:block;
position:absolute;
left:-2px;
padding:0 0 3px;
background-color:#CCD5E3;
border:#E6EBF0 3px solid;
border-width:0 3px 3px;
}
div#page div#nav2 ul li:hover ul li{
display:list-item;
list-style:none;
font-size:0.75em;
font-weight:bold;
margin:0;
padding:5px 5px 0;
z-index:100;
}

div#page div#nav2 ul li:hover ul li ul{
position:relative;
margin-left:30px;
border:none;
}
div#page div#nav2 ul li:hover ul li ul li{
list-style:disc;
font-size:0.9em;
font-weight:normal;
padding:0;
}

 div#hierarchie {
text-align:right;
margin:10px 10px 1em 0;
font-size: 0.90em;
color: #666;
}

/* ----------------------------------------------------------- conteneur */
div#conteneur .cartouche { 
margin-bottom: 2em; 
background:url(../img/bande_bleu-orange.png) repeat-x right bottom;
}
div#conteneur .cartouche .spip_logos { 
float: right; 
margin:0 0 4px 16px; 
}
div#conteneur .cartouche div.titres{
padding-bottom:5px;
}
.cartouche .soustitre { 
margin-top: 0.50em; margin-bottom: 0.30em;
font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em;
 }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #5C78A1; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }
div#conteneur div.metaclassement{
margin:20px;
text-align:right;
}
div#conteneur div#documents_portfolio{
margin:20px 40px;
}
div#conteneur  div#documents_portfolio img{
margin:0 10px;
border:1px solid #CCD5E3;
padding:5px;
}
div#conteneur  div#documents_joints{
border:1px solid #999;
margin:30px 60px;
padding:20px;
line-height:3;
}
div#conteneur  div#documents_joints img.spip_logos{
margin:0 5px -5px 0;
}


/* ---------------------------------------------------------- droite */
div#droite div.nav_rubriques{
clear: both; margin-bottom: 2em; text-align: left;
}
div#droite div.nav_rubriques ul{
list-style: none;
}
div#droite div.nav_rubriques ul p { 
margin: 0.20em 0; 
padding: 0.20em 0.10em; 
}
div#droite div.nav_rubriques ul li { 
margin: 0.20em 0; 
padding: 0.20em;
list-style: none;
}
div#droite div.nav_rubriques ul li ul,
div#droite div.nav_rubriques ul li.on ul li ul,
div#droite div.nav_rubriques ul li.on ul li.on ul li ul,
div#droite div.nav_rubriques ul li.on ul li.on ul li.on ul li ul{
display:none;
}
div#droite div.nav_rubriques ul li.on ul,
div#droite div.nav_rubriques ul li.on ul li.on ul,
div#droite div.nav_rubriques ul li.on ul li.on ul li.on ul,
div#droite div.nav_rubriques ul li.on ul li.on ul li.on ul li.on ul{
display:block;
margin-left: 1em;
}

/* ---------------------droite : nav_mots */
div#page ul#nav_mots li{
margin:0 7px;
}

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

/* pied */
#pied img { 
float:left;
margin-top:-7px;
}


abbr.published { border: 0; }

/* sommaire */
div#actu{
margin-bottom:20px;
padding-bottom:20px;
border:1px solid #ffa100;
border-width:  0 0 2px;
text-align:right;
}

div.nouveaute{
min-height:125px;
margin-top:10px;
}
div.nouveaute img{
float:left;
}
div#actu hr{
color:#fff;
height:0;
border:1px solid #ffa100;
border-width: 0 0 1px;
}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none;}
.menu ul li { margin: 0.20em 0; padding: 0.20em;}
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul {
margin-left:30px;
font-size:1.3em;
font-weight:bold;
list-style:none;
}
.rubriques ul li {
border-bottom:1px solid #5C78A1;
padding:10px 0 20px;
}
.rubriques ul li ul{
font-size:0.9em;
margin-left:30px;
}
.rubriques ul li ul li{
padding:5px 0 7px;
}

.rubriques ul li img.spip_logos{
margin-bottom:-10px;
padding-right:7px;
}

#plan h2{
margin:25px 0 7px;
}
#plan ul,
#plan ul li ul,
#plan ul li.on ul li ul,
#plan ul li.on ul li.on ul li ul,
#plan ul li.on ul li.on ul li.on ul li ul{
margin-left:15px;
line-height:1.3;
}

.formulaire_recherche { 
margin: 2em 0; 
} /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }

.pts_suite{
display:block;
text-align:right;
}
.floatright{
float:right;
}
.clearright{
clear:right;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.noshow{
display:none;
}


/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }
hr{
height:1px;
color:#DDD;
border-bottom: 1px solid #DDD;
}