/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* Allegrement modifiee pour Opalys                          */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* 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; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {margin:0;padding:0;text-align:center;}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* Liens */
a{ text-decoration: none; color: #222;}
a:hover{ text-decoration: underline;}

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #A9DAF3; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 750px; margin: 0 auto; text-align: left; }

#entete { margin: 0; padding-top: 23px; }
#entete a.accueil, #entete a:hover.accueil, #entete a:visited.accueil {
	display: block;
	color: #A9DAF3;
	border: #A9DAF3;
}
#entete a.accueil img.spip_logos { vertical-align: top; line-height: 1em; }
#conteneur {
	clear: both;
	width: 750px;
	overflow: hidden;
	background-color: White;
}
#contenu {
	background-image: url(fond.gif);
	background-repeat: no-repeat;
	background-color: White;
}

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied {
	clear: both;
	width: 100%;
	margin: 0 0 140px 0;
	padding: 0;
	text-align: left;
	background-color: White;
	height: 47px;
	
}
*+html #pied, * html #pied{height: 48px;} /* ie7, ie6, etc */
#pied img { vertical-align: middle; }
#pied .pied-left{ float: left; background-color: White;}
#pied .pied-right{ float: right; background-color: White;}
#pied a, #pied a:hover, #pied a:visited{ color: White; border: White;}
#pied .pied_ldc img { vertical-align: bottom; padding: 0 0 7px 10px; }

/* 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%; }


/* ------------------------------------------
/* Rubriques et articles                      */
/* ------------------------------------------ */
.hauteur-mini{	float: right; width: 1px; height: 430px;}

.menu-hor a:hover, .menu-hor a:hover, .menu-hor a:visited{
	color: White; border: White;}

/* Menu vertical */
#menuver{ float: left; width: 200px;}
#menuver ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #555;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 0 18px 0;
	width: 200px;
}
#menuver li{ margin-top: 5px;}
#menuver ul a{	color: #777; display: block; padding-left: 12px;}
#menuver ul a:hover{ text-decoration: none;	color: #111;
	background-image: url(carre-menu-g1.gif);
	background-repeat: repeat-y;
	background-color: #CDF0FD;}
#menuver ul.rub1{ background-image: url(degrade1.jpg); background-repeat: repeat-y;}
#menuver ul.rub2{ background-image: url(degrade2.jpg); background-repeat: repeat-y;}
#menuver ul.rub3{ background-image: url(degrade3.jpg); background-repeat: repeat-y;}
#menuver ul.rub4{ background-image: url(degrade4.jpg); background-repeat: repeat-y;}

#menuver ul li.on1 a, #menuver ul.rub1 a:hover{
	color: #111;
	background-color: #CDF0FD;
	background-image: url(carre-menu-g1.gif);
	background-repeat: repeat-y;
}
#menuver ul li.on2 a, #menuver ul.rub2 a:hover{
	color: #111;
	background-color: #F6E2E6;
	background-image: url(carre-menu-g2.gif);
	background-repeat: repeat-y;
}
#menuver ul li.on3 a, #menuver ul.rub3 a:hover{
	color: #111;
	background-color: #CEE2FF;
	background-image: url(carre-menu-g3.gif);
	background-repeat: repeat-y;
}
#menuver ul li.on4 a, #menuver ul.rub4 a:hover{
	color: #111;
	background-color: #FDE8C6;
	background-image: url(carre-menu-g4.gif);
	background-repeat: repeat-y;
}

/* articles */
#texte{ padding-left: 237px; padding-top: 40px;}
#texte .texte-titre, #texte .site-titre{
	margin: 0 131px 0 23px ;
	text-transform: uppercase;
	color: #000;
	padding-left: 17px;
	font-size: 12px;
}
#texte .carre1{ background-image: url(carre1.gif); background-repeat: no-repeat;}
#texte .carre2{ background-image: url(carre2.gif); background-repeat: no-repeat;}
#texte .carre3{ background-image: url(carre3.gif); background-repeat: no-repeat;}
#texte .carre4{ background-image: url(carre4.gif); background-repeat: no-repeat;}
#texte .texte-texte{
	margin: 15px 131px 20px 23px ;
	color: #333;
	font-size: 11px;
	text-align: justify;
}
#texte .texte-texte p, #texte .site-des p{ margin: 0px 0 7px 0; padding: 0px;}
#texte .texte-texte a{text-decoration: underline;}
#texte ul.spip { margin: 0 0 8px 20px; padding: 0px;list-style: square;}
#texte ul.spip ul.spip{ list-style: disc;}
#texte ol.spip { list-style-type: square; }

#texte ul.spip li { margin: 0 0 4px 0; padding: 0;}

#texte .site-url{
	margin: 0px 131px 0px 23px ;
	color: #333;
	font-size: 11px;	
}
#texte .site-url a{color: #333;}
#texte .site-des{
	margin: 0px 131px 20px 23px ;
	color: #333;
	font-size: 11px;
	text-align: justify;	
}

/* Sommaire */
#sommaire-haut{ height: 270px;}
.deroulant{
	height: 80px;
	width: 165px;
	background-color: #A4E8FD;
	margin: 0;
	padding: 0px;
}
#sommaire img, #sommaire object{	display: block; float: left; margin-left: 21px;}
#sommaire .deroulant img{	display: inline; float: none; margin-left: 0px;}
* html #sommaire img{margin-left: 14px;} /* ie6, etc */
#sommaire div object{ display: inline; float: none; margin-left: 0px;}
/* Deroulant */
.deroulant-decor{ float: left; margin: 0; padding: 0; width: 23px;}
#zeframe{ margin:10px 0 0 0px; width: 140px; height: 60px; float: right;}
body#infos{
	background-color: #A4E8FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#infos #disspageie{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #A4E8FD;
	width: 140px;
	height: 60px;
	left: 0;
	top: 0;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #5C5C5C;
}
#infos #spageie{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 140px;
	height: 60px;
	left: 0;
	top: 0;
	border-width: 0px;
	overflow: hidden;
	clip: rect(0 130 200 0);
}
#infos #spagensbrd{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 140px;
	height: 60px;
	left: 0;
	top: 0;
	border-style: solid;
	border-width: 0px;
	border-color: #F7F5E9;
	overflow: hidden;
}
#infos #spagens{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 140px;
	height: 60px;
	left: 0;
	top: 0;
	border-width: 0px;
	overflow: hidden;
	clip: rect(0 130 200 0);
}

/* Partenaires */
#corps5{ padding-top: 18px;}
.logorub{}
.colonne5{
	background-image: url(fdbleu.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
}
.items{ padding: 53px 0 0px 52px;}
.item { clear: left;}
.item-logo{ float: left;}
.item-texte{ padding:20px 0 15px 176px; font-size: 10px; color: #777;}

.items .item-form{
	padding-right: 30px;
	color: #333;
	font-size: 11px;
	text-align: justify;
}
.colonne5 h1{
	padding: 24px 0 0 25px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.colonne5 .adresse p{
	margin: 0;
	padding: 0 0 0 25px;
	color: #777;
	font-size: 10px;
}

/* Actualites */

#corps6{ padding-top: 18px;}
.colonne6{
	background-image: url(fdbleu.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
}
.colonne6 ul{ list-style: none; margin: 0; padding: 0}
.colonne6 li{ padding-left: 24px;}
.colonne6 li, .colonne6 li a{ color: #777;}
.colonne6 li.current, .colonne6 li.current a{ color: #000;}
.colonne6 li.actua-menu-year{
	padding-left: 12px;
	padding-top: 24px;
	font-weight: bold;
	font-size: 11px;
}
.actua-year{ margin: 4px 0; color: #22B7E6; font-size: 12px; font-weight: bold;}
.actua-page{ text-align: center; margin-top: 24px;}
.actua-page span.on{ font-size: 14px;}
.actua-items{ font-size: 11px; padding: 0px 20px 0px 16px;}
.actua-trans{ text-align: center; padding: 8px 0;}
.actua-titre{ font-weight: bold; color: #333;}
.actua-texte{ text-align: justify; color: #555;}

/* lexique */
#corps7{padding-top: 18px;}
.colonne7{
/*
	background-image: url(decor/fdbleu.png);
	background-repeat: repeat;
	*/
	background-color: #E4F6FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
}
ul.lexique-menu{ margin: 20px 0 0 24px; padding: 0; list-style: none; font-size: 10px;}
ul.lexique-menu li a{ color: #777;}
ul.lexique-menu li.on a{ color: #111; font-weight: bold;}
td.lexique{ padding-left: 50px;}
.lexique-titre{ font-size: 11px; margin: 0px 64px 0px 24px; font-weight: bold;}
.lexique-texte{ font-size: 11px; margin: 0 64px 20px 24px; text-align: justify; caption-side: #555;}
.lexique-texte p{ margin: 0; padding: 0;}
.lexique-trans{}

/* mentions legales */
#corps9{ background-color: White; padding-top: 18px;}
.mention-texte{ font-size: 11px; color: #555; text-align: justify; margin-left: 20px;}
.mention-texte p{ margin: 0 0 4px 0; padding: 0;}
.mention-texte strong{ color: #111;}

/* 404 */
#sommaire .texte-titre{ margin: 100px 100px 0 40px; font-weight: bold;}
#sommaire .texte-texte{ margin: 10px 100px 0 40px;}