/*  ----------------------------------------------------------- */
/*  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: #FFF;
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #333333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
p {margin:0 0 10px 0;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#page .haut{
	background:#FFFFFF;
	position:relative; width:980px;
}
#page .haut .menuUn{
	height:25px; padding:0 20px 0 460px;
	background:url(../vsl/fond_menu_un.gif) no-repeat left top;
}
#page .haut .menuUn ul{
	margin:0; padding:0;
}
#page .haut .menuUn li{
	height:25px; display:inline; background:url(../vsl/lien_haut.gif) no-repeat bottom right;
	padding-left:10px; padding-bottom:5px; font:10px Verdana, Arial, Helvetica, sans-serif;
}

#page .haut .menuUn  a{
	color:#FFFFFF;
	padding:2px 10px 2px 0; line-height:25px;
}
#page .haut .menuUn a:hover{
	color:#CCCCCC; text-decoration:none;
}
#page .haut .adresse{
	padding:2px 15px;
	background:#DADBDD; font:11px Verdana;
}
#page .haut .adresse a{
	text-decoration:none; color:#333333;
}

#page .haut .bandeau{
	background:url(../vsl/haut_page.jpg) no-repeat right top; font:11px Verdana;
	height:182px; position:relative; width:980px;
}
#page .haut .bandeau .menuHaut{
	position:absolute; bottom:0; left:400px; 
}
#page .haut .bandeau .menuHaut .item{
	float:left; width:145px; height:40px; padding:0; font: bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase; background:url(../vsl/lien_haut.gif) no-repeat bottom right;
}
#page .haut .bandeau .menuHaut .item a{
	color:#666666; text-decoration:none; display:block; padding:0 10px 0 5px;
}
#page .haut .bandeau .menuHaut .item a:hover{
	color:#333333;
}

#page .haut .recherche{
	background:#CC0000;
	position:absolute; top:13px; right:20px;
	color:#FFFFFF; z-index:100;
}
#page .haut .recherche form{
	margin:0; font:11px Verdana, Arial, sans-serif;
}
#page .haut .recherche td{
	padding:3px 4px; vertical-align:middle;
}
#page .haut .recherche input{
	border:none; font:10px Verdana, Arial, Helvetica, sans-serif;
}

#page .conteneur{
	position:relative; background:#FFFFFF; min-height:500px;
	width:980px;
}

#page .conteneur .gauche{
	width:140px; vertical-align:top; padding-top:445px;
	background: url(../vsl/fond_td_gauche.gif) no-repeat left 45px;
}
#page .conteneur .gauche .menuBas{
	margin:5px 25px 5px 0; font:11px Verdana, Arial, Helvetica, sans-serif;
}
#page .conteneur .gauche .menuBas .item{
	background:#E42219; margin:2px 0; padding:0;
	text-align:left;
}
#page .conteneur .gauche .menuBas .item a{
	color:#FFFFFF; display:block; padding:3px;
}

#page .conteneur .gauche .menuBas .item a.focus {outline:none;}

#page .conteneur .gauche .menuBas .item a:hover{
	background:#FF0000; text-decoration:none;
}

#page .conteneur .centre{
	width:740px; vertical-align:top; padding-top:50px;
}
#page .conteneur .centre .intro{
	font:12px/15px Verdana; text-align:justify; padding:10px 30px 10px 20px;
}

#page .conteneur .centre h1{
	font:bold 20px Arial; padding:0px 20px 0 20px; color:#333333;
}
#page .conteneur .centre h2{
	font:bold 16px Arial; text-align:left; padding:0 30px 0 20px;
	margin:10px 0; color:#C6422D;
}
#page .conteneur .centre h4{
	font:12px Arial; text-align:left; padding:0 30px 0 20px;
	margin:10px 0; color:#C6422D;
}
#page .conteneur .centre .attributs{
	font:bold 11px Arial, Verdana; padding:0 30px 0 20px;
	text-align:right;
}
#page .conteneur .centre .texte{
	font:11px/14px Verdana; text-align:justify; padding:10px 30px 0 20px;
}
#page .conteneur .centre .menuCartes{
	margin:0; width:230px;
}
#page .conteneur .centre .texte .menuCartes a{
	display:block; color:#CC0000;
	padding:1px 4px 1px 1px;
}
#page .conteneur .centre .texte .menuCartes a:hover{
	color:#000000; background:url(../vsl/agenda_over.gif) no-repeat right center;
	border-bottom:1px solid #999999
}
#page .conteneur .centre .texte .vignette{
	float:left; margin:5px 15px 0 20px;width:50px;
}

#page .conteneur .centre .print{
	margin:10px 0;
}
#page .conteneur .centre .print a{
	font:11px Verdana; text-align:left; background:url(../vsl/imprimante.gif) no-repeat left bottom;
	padding-left:25px; text-decoration:none;
}
#page .conteneur .centre .video a{
	font:11px Verdana; text-align:left; background:url(../vsl/camescope.gif) no-repeat left bottom;
	padding-left:25px; text-decoration:none;
}

#page .conteneur .centre .mots{
	font:11px Verdana; text-align:right; padding:0 30px 0 20px;
}
#page .conteneur .centre .lien, #page .conteneur .centre .lienVideo{
	font:11px Verdana; text-align:right; padding:0 0 3px 0;
	border-bottom:1px dashed #cccccc; margin-bottom:10px; margin-top:5px;
}
#page .conteneur .centre .lien a{
	color:#CC0000; text-decoration:none; padding-left:13px;
	background: url(../vsl/loupe.gif) no-repeat left 3px;
}
#page .conteneur .centre .lien a:hover{
	color:#FF6600; background: url(../vsl/loupe_over.gif) no-repeat left 3px;
}
#page .conteneur .centre .lienVideo a{
	color:#CC0000; text-decoration:none; padding-left:22px;
	background: url(../vsl/camescope.gif) no-repeat left 1px;
}
#page .conteneur .centre .lienVideo a:hover{
	color:#FF6600;
}

#page .conteneur .centre ul{
	margin:0; padding:0;
}
#page .conteneur .centre li{
	margin:0; padding:0; list-style:none;
}



#page .conteneur .droite{
	width:100px; vertical-align:top;
	font:11px Verdana; text-align:center;
}
#page .conteneur .droite .agenda{
	background:#DADBDD; padding-bottom:10px; font:11px Arial, Helvetica, sans-serif ; text-align:center;
}
#page .conteneur .droite .agenda a{
	color:#333333; border-bottom:1px solid #DADBDD; display:block;
	background-color:#DADBDD;
}

#page .conteneur .droite .agenda a:hover{
	border-bottom:1px solid #999999; text-align:left;
	font-weight:normal; background:url(../vsl/agenda_over.gif) no-repeat right center;
}
#page .conteneur .droite p{
	text-align: left; padding:5px 8px; margin:0;
}

#page .conteneur .droite .type{
	margin:5px 0;
}
#page .conteneur .droite .type .item{
	background:#009999; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .item a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .item a:hover{
	background:#009999 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}
#page .conteneur .droite .type .itemHab{
	background:#0099FF; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemHab a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemHab a:hover{
	background:#0099FF url(../vsl/ombre_type.gif) no-repeat right bottom;
}
#page .conteneur .droite .type .itemEquip{
	background:#FF6600; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemEquip a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemEquip a:hover{
	background:#FF9933 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}
#page .conteneur .droite .type .itemVert{
	background:#B1C800; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemVert a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemVert a:hover{
	background:#FF6600 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}
#page .conteneur .droite .type .itemDev{
	background:#8433E0; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemDev a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemDev a:hover{
	background:#8433E0 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}
#page .conteneur .droite .type .itemCom{
	background:#E52E87; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemCom a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemCom a:hover{
	background:#E52E87 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}
#page .conteneur .droite .type .itemSolid{
	background:#FF9900; margin:2px 0;
	text-align:left;
}
#page .conteneur .droite .type .itemSolid a{
	color:#FFFFFF; padding:3px;
}
#page .conteneur .droite .type .itemSolid a:hover{
	background:#B1C800 url(../vsl/ombre_type.gif) no-repeat right bottom; 
}

#page .conteneur .droite .menu{
	margin:60px 0 0 0;
}
#page .conteneur .droite .menu .item{
	background:#E42219; margin:2px 0; padding:0;
	text-align:left;
}
#page .conteneur .droite .menu .item a{
	color:#FFFFFF; display:block; padding:3px;
}
#page .conteneur .droite .menu .item a:hover{
	background:#FF0000;
}


#page .conteneur .droite a{
	display:block; text-decoration:none;
}

#page .portfolio{
	float:right; width:300px; margin-left:25px; margin-top:20px;
	padding:0 10px 0 0;
}
#page .portfolio .titreImage{
	margin:2px 0; font:italic 10px Verdana, Arial, Helvetica, sans-serif;
}
#page .portfolioFlash{
	float:right; width:350px; margin-left:25px; margin-top:0; margin-right:20px;
	padding:0 10px 0 0;
}

#page .signature{
	position:relative; background:#FFFFFF;
}
#page .signature .mentions{
	background:#DADBDC; font:9px Arial, Verdana, sans-serif; clear:both;
}
#page .signature .partenaires{
	margin:0; text-align:left; clear:both; margin-bottom:10px 0; width:980px;
}
#page .signature .partenaires .biglog{
	float:right; margin-left:30px; text-align:right;
}

#page .conteneur .centre .plan{
	margin:0; padding:0 30px 0 20px;
}
#page .conteneur .centre .plan fieldset{
	border:1px solid #CCCCCC; margin:10px 0;
}
#page .conteneur .centre .plan legend{
	font:11px Verdana, Arial; text-align:left; padding:2px 4px;
	background:#999999; color:#FFFFFF; text-transform:uppercase;
}
#page .conteneur .centre .plan h2{
	font:bold 12px Verdana, Arial; text-align:left; margin:0; padding:0 10px;
}
#page .conteneur .centre .plan ul{
	margin:0; padding:0 30px;
}
#page .conteneur .centre .plan li{
	margin:0; padding:2px 0; list-style:none; font:11px Verdana; text-align:left;
}

#formQuestion{
	margin:10px; font:11px Verdana, Arial, Helvetica, sans-serif;
}
#formQuestion .champ, #formQuestion textarea{
	border:1px solid #999999; font:11px Verdana, arial, Helvetica, sans-serif; padding:2px;
}
#formQuestion .bouton{
	border:none; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#666666;
	padding:2px 4px;
}

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */
#page .conteneur .forum{
	font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 30px 5px 20px;
	clear:both;
}

#page .conteneur .forum .reagir{
	font-weight:normal; margin:0;
}
#page .conteneur .forum .reagir a{
	font-weight:normal; color:#FF0000; background:url(../vsl/petitebulle.gif) no-repeat left 2px;
	padding:1px 0 1px 25px;
}
#page .conteneur .forum .reagir a:hover{
	color:#FF0000;
}

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	padding:0
}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 0; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding:4px; color: #333; font-size: 11px; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border-bottom: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; background:#FFFFFF; }
ul ul .forum-message { border-bottom: 1px solid #A4A4A4; }
ul ul ul .forum-message { border-bottom: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border-bottom: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border-bottom: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border-bottom: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #DADBDD; }
ul ul .forum-chapo { background: #FF9900; }
ul ul ul .forum-chapo { background: #FF9900; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


#forum{
	padding:0 30px 0 20px;	
}
#forum ul{
	margin:0; padding:0;
}
 #forum li{
 margin:0; padding:0; list-style:none;
	
}

.forum .liste-articles .titre{
	padding:10px 0; margin:0;
	font-size:12px:
}

.forum .liste-articles .texteforum{
	padding:10px 0; 
}

.formulaire_forum fieldset{
	border:1px solid #999999; margin:10px 0;
}
.formulaire_forum legend{
	background:#999999; color:#FFFFFF; padding:2px 4px;
}

#video{
	text-align:center; margin:0 auto; width:500px; height:340px;
	clear:both;
}

#video h1{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#pageMentions{
	margin:10px auto; background:#FFFFFF; height:400px; overflow:auto;
}
#mentions{
	width:300px; text-align:center; background:#FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#mentions .bloc{
	padding:10px; margin:10px 0;
}
#mentions .bloc a{
	padding:5px 0; font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none;color:#CC0000}
a:hover { text-decoration: none; }
a:focus {outline:none;}