/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

body {
	background-image: url(images/fond_ombre.gif);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px;
}

#page {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
}

#entete {
	width: 1000px;
	margin: 0;
	padding: 0;
}

#bandeau-haut {
	background-image: url(images/bandeau-haut.jpg);
	background-repeat: no-repeat;
	height: 139px;	
}

#defil {
	font-size: 14px;
	background-color: #3333CC;
	color: #FFFFFF;
	margin: 3px 3px 0px 3px;
	padding: 6px 0px 0px 0px;
	border: 0px;
	height: 24px;
	width: 994px;
}

#conteneur {
	width: 1000px;
	margin: 0;
	padding: 0;
}

#col-gauche {
	clear: both;
	float: left;
	width: 190px;
	margin: 5px 0 0 0;
	padding: 0;
}

		#meteo {
			clear: both;
			border:1px solid #3333CC;
			margin-top: 5px;
			margin-left: 5px;
			font-size:11px;
		}

#contenu {
	width: 800px;
	float: right;
	margin: 0;
	padding: 0;
}

.cartouche {
	padding: 5px 0 0 0;
}

#principal {
	clear: both;
	width: 590px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 5px;
}

div.barre_outils { text-align: right; padding-right: 5px; float: right; width: 129px; 	padding: 15px 0 0 0;}

#col-droite {
	float: right;
	width: 200px;
}

	.contenu-col-droite {
		text-align: center;
	}

	div.breves {
	width: 190px;
	margin: 0 auto;
}

div#menu {
	clear: both;
	padding: 10px 5px 0 5px;
	width: 190px;
}

#pied {
	clear: both;
	background-image: url(images/bandeau-bdp.gif);
	background-repeat: no-repeat;
	height: 185px;
}

#contenu-pied {
	text-align: center;
	padding-top: 120px;
}

.spip_logos { border: none; float: left; margin-right: 3px;}
img { border: none; }

h1 {
font-size: 18px;
color: #3333CC;
margin: 0px 5px 0px 0px;
border-bottom: 3px #FF9933 solid;
text-align:right;
font-weight: bold;
}

h1.titre-rub1{	border-bottom: 3px #FFCC33 solid;}
h1.titre-rub2{	border-bottom: 3px #FFFF00 solid;}
h1.titre-rub3{	border-bottom: 3px #FF3300 solid;}
h1.titre-rub4{	border-bottom: 3px #000066 solid;}
h1.titre-rub5{	border-bottom: 3px #3333CC solid;}
h1.titre-rub6{	border-bottom: 3px #3399CC solid;}
h1.titre-rub7{	border-bottom: 3px #33FFCC solid;}
h1.titre-rub8{	border-bottom: 3px #999999 solid;}
h1.titre-rub9{	border-bottom: 3px #FF33CC solid;}
h1.titre-rub10{ border-bottom: 3px #FF9999 solid;}
h1.titre-rub11{ border-bottom: 3px #990099 solid;}
h1.titre-rub12{ border-bottom: 3px #339900 solid;}
h1.titre-rub13{ border-bottom: 3px #99FF33 solid;}
h1.titre-rub14{ border-bottom: 3px #99CC99 solid;}
h1.titre-rub15{ border-bottom: 3px #3300FF solid;}
h1.titre-rub16{ border-bottom: 3px #FF3333 solid;}

#defil {
	background-color: #3333CC;
	margin: 3px 3px 0px 3px;
	padding: 6px 0px 0px 0px;
	height: 24px;
}

#texte-defilant {
	width:200%;
	font-size: 14px;
	color: #FFFFFF;
	border: 0;
}

h2 {
font-family: Arial, Verdana, Sans serif;
font-size: 18px;
}

h2.titre {
font-family: Arial, Verdana, Sans serif;
font-size: 16px;
}

h2.bandeau {
font-family: Arial, Sans serif;
color: #FFFF33;
font-size: 26px;
margin: 0px 400px 0px 0px;
}

h2.coldr {
font-family: Arial, Verdana, Sans serif;
font-size: 13px;
color: #3333CC;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
border-bottom: 3px #FF9933 solid;
width: 190px;
}

h3 {
font-family: Arial, Verdana, Sans serif;
font-size: 15px;
}

h3.titre {
font-family: Arial, Verdana, Sans serif;
font-size: 14px;
clear: both;
}

h4 {
font-family: Arial, Verdana, Sans serif;
font-size: 13px;
}

h4.titre {
font-family: Arial, Verdana, Sans serif;
font-size: 12px;
}

div.breves {
	padding-top: 5px;
	color: #3333CC;
}

p.bdp0 {
font-family: Arial, Verdana, Sans serif;
font-size: 14px;
font-weight: bolder;
color: #000099;
margin: 0px 0px 8px 0px;
}

p.bdp1 {
font-family: Arial, Verdana, Sans serif;
font-size: 11px;
font-weight: bold;
color: #000099;
margin: 0px 0px 0px 0px;
}

p.bdp2 {
font-family: Arial, Verdana, Sans serif;
font-size: 9px;
color: #000099;
margin: 8px 0px 0px 0px;
}

p.news {
font-family: Arial, Verdana, Sans serif;
font-size: 12px;
color: #3333CC;
padding: 0px 3px 0px 3px;
font-weight: bold;
border: 2px #3333CC solid;
}

div#videos {
	text-align: center;
}


/*  ------------------------------------------
/*  Couleurs des intertitres
/*  ------------------------------------------ */
.inter-rub1 { background-color: #FFCC99;}
.inter-rub2 { background-color: #FFFFCC;}
.inter-rub3 { background-color: #FFCCCC;}
.inter-rub4 { background-color: #9999FF;}
.inter-rub5 { background-color: #9999CC;}
.inter-rub6 { background-color: #CCCCFF;}
.inter-rub7 { background-color: #CCFFFF;}
.inter-rub8 { background-color: #CCCCCC;}
.inter-rub9 { background-color: #FFCCFF;}
.inter-rub10 { background-color: #FFCCCC;}
.inter-rub11 { background-color: #CC99CC;}
.inter-rub12 { background-color: #99FF66;}
.inter-rub13 { background-color: #CCFF99;}
.inter-rub14 { background-color: #CCFFCC;}
.inter-rub15 { background-color: #9999FF;}
.inter-rub16 { background-color: #CC9999;}

/*  ------------------------------------------
/* CSS du menu vertical */
/*  ------------------------------------------ */

ul.ul-menu{
	font-size: 13px;
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:190px;
    width/**/:190px;
    margin:0;
    padding:0;
	z-index:100;
}

#menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:190px;
    width/**/:190px;
}

.ul-menu li ul{
    visibility:hidden;
}

.ul-menu li ul{
    margin: -20px 0px 0px 150px; /*décalage du sous-menu*/
    padding: 0px 0px 0px 3px; /* em units can creat little graphic bug in mozilla */
}

.ul-menu li ul.rub1{ background-color: #FFCC99;}
.ul-menu li ul.rub2{ background-color: #FFFFCC;}
.ul-menu li ul.rub3{ background-color: #FFCCCC;}
.ul-menu li ul.rub4{ background-color: #9999FF;}
.ul-menu li ul.rub5{ background-color: #9999CC;}
.ul-menu li ul.rub6{ background-color: #CCCCFF;}
.ul-menu li ul.rub7{ background-color: #CCFFFF;}
.ul-menu li ul.rub8{ background-color: #CCCCCC;}
.ul-menu li ul.rub9{ background-color: #FFCCFF;}
.ul-menu li ul.rub10{ background-color: #FFCCCC;}
.ul-menu li ul.rub11{ background-color: #CC99CC;}
.ul-menu li ul.rub12{ background-color: #99FF66;}
.ul-menu li ul.rub13{ background-color: #CCFF99;}
.ul-menu li ul.rub14{ background-color: #CCFFCC;}
.ul-menu li ul.rub15{ background-color: #9999FF;}
.ul-menu li ul.rub16{ background-color: #CC9999;}

.ul-menu a {
	clear: both;
	color: #3333FF;
    text-align:left;
    display:block;
    width:190px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

a.accueil, a.rub1, a.rub2, a.rub3, a.rub4, a.rub5, a.rub6, a.rub7, a.rub8, a.rub9, a.rub10,
	a.rub11, a.rub12, a.rub13, a.rub14, a.rub15, a.rub16 {
    text-align:left;
    display:block;
    width:190px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
	font-weight: bold;
}

.ul-menu a:hover.accueil{	color: #3333FF; border-bottom: 3px #FF9933 solid; text-decoration:none;}
.ul-menu a:hover.rub1{	color: #3333FF; border-bottom: 3px #FFCC99 solid; text-decoration:none;}
.ul-menu a:hover.rub2{	color: #3333FF; border-bottom: 3px #FFFF00 solid; text-decoration:none;}
.ul-menu a:hover.rub3{	color: #3333FF; border-bottom: 3px #FF3300 solid; text-decoration:none;}
.ul-menu a:hover.rub4{	color: #3333FF; border-bottom: 3px #000066 solid; text-decoration:none;}
.ul-menu a:hover.rub5{	color: #3333FF; border-bottom: 3px #3333CC solid; text-decoration:none;}
.ul-menu a:hover.rub6{	color: #3333FF; border-bottom: 3px #3399CC solid; text-decoration:none;}
.ul-menu a:hover.rub7{	color: #3333FF; border-bottom: 3px #33FFCC solid; text-decoration:none;}
.ul-menu a:hover.rub8{	color: #3333FF; border-bottom: 3px #999999 solid; text-decoration:none;}
.ul-menu a:hover.rub9{	color: #3333FF; border-bottom: 3px #FF33CC solid; text-decoration:none;}
.ul-menu a:hover.rub10{ color: #3333FF; border-bottom: 3px #FF9999 solid; text-decoration:none;}
.ul-menu a:hover.rub11{ color: #3333FF; border-bottom: 3px #990099 solid; text-decoration:none;}
.ul-menu a:hover.rub12{ color: #3333FF; border-bottom: 3px #339900 solid; text-decoration:none;}
.ul-menu a:hover.rub13{ color: #3333FF; border-bottom: 3px #99FF33 solid; text-decoration:none;}
.ul-menu a:hover.rub14{ color: #3333FF; border-bottom: 3px #99CC99 solid; text-decoration:none;}
.ul-menu a:hover.rub15{ color: #3333FF; border-bottom: 3px #3300FF solid; text-decoration:none;}
.ul-menu a:hover.rub16{ color: #3333FF; border-bottom: 3px #FF3333 solid; text-decoration:none;}

.ul-menu li{
    width:190px;
    display:block;    
    float:left; 
    margin:0;
    padding:0;
}

.ul-menu li.rub-accueil { list-style-image: url(images/logo-accueil.gif); }
.ul-menu li.rub1 { list-style-image: url(../IMG/rubon1.gif); }
.ul-menu li.rub2 { list-style-image: url(../IMG/rubon2.gif); }
.ul-menu li.rub3 { list-style-image: url(../IMG/rubon3.gif); }
.ul-menu li.rub4 { list-style-image: url(../IMG/rubon4.gif); }
.ul-menu li.rub5 { list-style-image: url(../IMG/rubon5.gif); }
.ul-menu li.rub6 { list-style-image: url(../IMG/rubon6.gif); }
.ul-menu li.rub7 { list-style-image: url(../IMG/rubon7.gif); }
.ul-menu li.rub8 { list-style-image: url(../IMG/rubon8.gif); }
.ul-menu li.rub9 { list-style-image: url(../IMG/rubon9.gif); }
.ul-menu li.rub10 { list-style-image: url(../IMG/rubon10.gif); }
.ul-menu li.rub11 { list-style-image: url(../IMG/rubon11.gif); }
.ul-menu li.rub12 { list-style-image: url(../IMG/rubon12.gif); }
.ul-menu li.rub13 { list-style-image: url(../IMG/rubon13.gif); }
.ul-menu li.rub14 { list-style-image: url(../IMG/rubon14.gif); }
.ul-menu li.rub15 { list-style-image: url(../IMG/rubon15.gif); }
.ul-menu li.rub16 { list-style-image: url(../IMG/rubon16.gif); }


/* IE PC selector */
* html .ul-menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
}

a.linkOver{
}

/*  Mise en forme de l'agenda
---------------------------------------------- */

dl, dt, dd, ul, li {
font-family: Arial, Verdana, Sans serif;
font-size: 14px; 
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
list-style-type: none;
text-align: justify;
}

dd.date {
font-family: Arial, Verdana, Sans serif;
font-size: 12px; 
margin: 0;
padding: 0;
list-style-type: none;
}

dt.titre {
font-family: Arial, Verdana, Sans serif;
font-size: 14px;
text-align: left;
}

dd.descriptif {
margin-bottom: 20px;
}

/*  Mise en forme du formulaire de recherche et du fil d'Ariane
---------------------------------------------- */

div.formulaire_recherche {
	margin : 0;
	padding: 0 0 0 5px;
	width: 190px;
}

div.form-rech {
	float: left;
	width: 160px;
	}

input#recherche {
	border: 1px solid #33C; 
	color: #33C;
	padding: 0 0 1px 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
	width: 160px;
}

div.bouton-rech {
	float: right;
	width: 25px;
	padding: 0 5px 0 0;
	}

input.bouton-rech {
	text-align:center;
	color:#fff;
	border: 1px solid #33C;
	background: #33C;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 1px 0;
	}


/*  Mise en forme du formulaire d'abonnement à la news
---------------------------------------------- */

div.formulaire_inscription {
	margin : 15px 0;
	padding: 0 0 0 5px;
	width: 200px;
}

div.form-abonn {
	float: left;
	width: 170px;
	padding-top: 5px;
	}

input#mail_inscription_ {
	border: 1px solid #33C; 
	color: #33C;
	padding: 0 0 1px 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
	width: 168px;
}

div.bouton-abonn {
	float: right;
	width: 25px;
	padding: 5px 5px 0 0;
	}

input.bouton-abonn {
	text-align:center;
	color:#fff;
	border: 1px solid #33C;
	background: #33C;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 1px 0;
	}

/*  Mise en forme du formulaire d'abonnement aux sms
---------------------------------------------- */

div.radio-sms {
	float: left;
	width: 170px;
	margin : 0;
	padding-top: 5px;
	text-align:left;
	}

div.bouton-sms {
	float: right;
	width: 20px;
	margin : 0;
	padding-top: 5px;
	text-align:center;
	}

input.bouton-sms {
	text-align:center;
	color:#fff;
	border: 1px solid #33C;
	background: #33C;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 1px 0;
	}


#hierarchie {
font-family: Arial, Verdana, Sans serif;
font-size: 13px;
color: #3333FF;
}

#hierarchie a{
font-family: Arial, Verdana, Sans serif;
font-size: 13px;
color: #3333FF;
}

/*  Mise en forme des textes du contenu
---------------------------------------------- */

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


.texte { 
font-size: 14px; 
text-align: justify;
}

.texte2 { 
font-size: 14px; 
text-align: justify;
}

.surtitre {
font-size: 13px; 
font-weight: bold;
padding: 0px 0px 0px 30px;
}

.chapo {
font-size: 14px; 
font-weight: bold;
text-align: justify;
}

.ps {
font-size: 11px; 
}

p.date {
text-align: right;
padding: 0px 3px 0px 0px;
}

#contenu {
margin: 0px;
padding : 0px 5px 0px 5px;
}

div.lien {
	text-align: right;
	}

/* Tableaux */
table.spip {
	width: 95%;
	border: 1px #333333 solid;
	border-collapse: separate; }
table.spip caption {
	text-align: right;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFFFFF; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1em;
	padding-top: 2px; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #000000;}
a:link { }
a:hover { text-decoration: underline; color: #000000;}
a:visited { }
a:focus{ background-color: #CCCCCC;}

a.bleu {color: #0000FF; text-decoration: none;}
a:hover.bleu {text-decoration: underline;} 

div#defil a {color: #FFFF00; text-decoration: none;}
div#defil a:hover {text-decoration: underline;}