/*  ----------------------------------------------------------- */
/*  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: #000000;
	margin: 0px;
	text-align: left;
	font-size: 14px;
	color: #a4a4a4;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
input[type=submit]{
	background:url(IMG/fond_btn.png);
	width:149px;
	height:31px;
	border:0px;
	cursor:pointer;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	position:absolute;
	width:990px; 
	left: 50%;
	margin-left: -495px;
}
#liens_entete{
	color:#818181;
	font-size:12px;
	width:950px;
	height:50px;
	margin-top:10px;
	margin-left:30px;
}
#liens_entete a{
	color:#818181;
	font-size:12px;
}
/* Entete */

#entete {
/*	width: 990px;
	height:360px;
	background:url(IMG/entete.png);*/
	margin-top:30px;
}

#langues {
	position:absolute;
	width:100px; 
	left: 50%;
	margin-left: 340px;
	text-align:right;
	margin-top:83px;
}
#langues a{
	color:#FFFFFF;
	margin-left:10px;
}
#langues .c11, #langues .c22{
	color:#edd300;
}
#langues .c12, #langues .c21{
	color:#AAAAAA;
}

/* Divers */

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

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

/* Navigation verticale */

#navigation .fleche{
	padding-top:3px;
}
#navigation a:hover{
	color:#edd300;
}
#navigation .on{
	color:#edd300;
}

#copyright{
	font-size:12px;
	color:#CCCCCC;
	clear:both;
	width:100%;
	text-align:center;
	padding:20px;
}
#copyright a{
	color:#CCCCCC;
}

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

#contenu_hp{
	margin-top:17px;
	margin-left:17px;
}

#contenu{
	background:url(IMG/fond_page.png) repeat-y;
	margin-left:27px;
}
#contenu2{
	background:url(IMG/fond_page_bas.png) left bottom no-repeat;
	padding-bottom:50px;
}

#col1{
	width:190px;
	padding:15px 5px 0px 20px;
}
#col1 a{
	color:#a4a4a4;
}
#contenu_hp #col1 img{
	vertical-align: middle;
}
#col2{
	width:480px;
	border-left:1px solid #dedb00;
	border-right:1px solid #dedb00;
	padding:25px 20px 0px 20px;
}

#col3{
	width:170px;
	color:#a4a4a4;
	padding:15px 5px 120px 20px;
	line-height:25px;
}

.page_plan li{
	padding-left:15px;
}
.page_plan ul{
	margin-bottom:15px;
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #edd300; }
a:hover { text-decoration: underline; }

h1, .titre-couleur{
	color:#edd300;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
strong, .titre-couleur-petit{
	color:#edd300;
	font-weight:normal;
}
.page_contact input[type=text]{
	background:#CCCCCC;
}
.page_contact textarea{
	background:#CCCCCC;
}
.nuage1{
	font-size:18px;
	color:#edd300;
}
.nuage2{
	font-size:15px;
	color:#ff0000;
}
.nuage3{
	font-size:14px;
	color:#ff6600;
}
.nuage4{
	font-size:13px;
	color:#ff9900;
}
.nuage5{
	font-size:12px;
	color:#c0c0c0;
}



.treeview, .treeview ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
font-size:11px;
}
.treeview{
margin-top:10px;
margin-right:40px;
}

.treeview li {
background:#FFFFFF;
padding:2px 0px 0px 10px;
margin:0px;
color:#738785;
border-bottom:1px dashed #999999;
}
.treeview li span{
padding:0px 10px 0px 0px;/* 5 */
}
.treeview li:hover {
background-color:#738785;
color:#FFFFFF;

}
.treeview ul li{
background-color:#FFFFFF;
margin-left:-10px;
margin-right:0px;
padding-right:5px;
border-bottom:none;
}
.treeview ul li:hover {
background-color:#738785;
color:#FFFFFF;
}
.treeview ul ul>li:hover {
background-color:#738785;
color:#FFFFFF;
}
.treeview ul li span{
margin:0px;
padding:0px 0pt 0px 10px;
}
.treeview ul li ul span{
padding:0px 0pt 0px 20px;
}
.treeview ul li ul li ul span{
padding:0px 0pt 0px 25px;
}
.treeview .hover {
color:#FFFFFF;
cursor:pointer;
}

.treeviewon{
background:#738785 !important;
}
.treeviewon a{
color:#FFFFFF !important;
}

.treeviewn2on{
/*background:#EAEDED !important;*/
}
.treeviewn2on a{
font-weight:bold !important;
color:#869795 !important;
}

/*** Menu 1 ***/

/* 1er niveau */
.treeview1 li {
color:#869795;
}
.treeview1 li a{
color:#869795;
}
.treeview1 li:hover {
}
.treeview1 li:hover a{
color:#FFFFFF;
text-decoration:none;
}
.treeview1 li:hover ul a{
color:#869795;
text-decoration:none;
}
/* 2eme niveau */
.treeview1 ul li{
background:#FFFFFF;
}
.treeview1 ul li a{
color:#869795;
}
.treeview1 ul li:hover {
background:#EAEDED;
}
.treeview1 ul li:hover a{
color:#869795;
font-weight:bold;
text-decoration:none;
}