/*  ----------------------------------------------------------- */
/*  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: #585858;
	margin: 0px;
	text-align: left;
	font-size: 11px;
	color: #666666;
	font-family:Verdana, Arial, 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; }

a { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	position:absolute;
	width:955px; 
	left: 50%;
	margin-left: -477px;
}
#hp_liens_entete{
	position:absolute;
	top:55px;
	left:340px;
	color:#CCCCCC;
	font-size:11px;
	text-align:right;
	width:550px;
	height:20px;
	z-index:60;
}
#hp_liens_entete a{
	color:#CCCCCC;
	font-size:11px;
}

#hp_push{
	position:absolute;
	top:518px;
	left:-25px;
	background:url(IMG/fond_hp_push.png);
	color:#FFFFFF;
    width:937px;
    height:60px;
    text-align:center;
}

#hp_push a{
	color:#FFFFFF;
}
#hp_push a:hover{
	color:#FFFFFF;
}
#hp_push h1{
	font-size:13px;
	font-weight:bold;
}
#hp_push1{
	position:absolute;
	top:0px;
	left:0px;
     width:230px;
     height:50px;
     margin-top:5px;
}
#hp_push2{
	position:absolute;
	top:0px;
	left:240px;
     width:230px;
     height:50px;
     margin-top:5px;
}
#hp_push3{
	position:absolute;
	top:0px;
	left:472px;
     width:230px;
     height:50px;
    margin-top:5px;
}
#hp_push4{
	position:absolute;
	top:0px;
	left:700px;
     width:230px;
     height:50px;
     margin-top:5px;
}
#contenu_push_bas{
	position:relative;
	margin-left:-25px;
	margin-top:-10px;
	background:url(IMG/fond_hp_push.png);
	color:#FFFFFF;
    width:937px;
    height:60px;
    text-align:center;
}
#contenu_push_bas a{
	color:#FFFFFF;
}
#contenu_push_bas a:hover{
	color:#FFFFFF;
}
#contenu_push_bas h1{
	font-size:13px;
	font-weight:bold;
}
#hp_contenu_flash{
	display:none;
	color:#FFFFFF;
	font-size:14px;
	margin:50px;
}
#hp_contenu_flash a,#hp_contenu_flash a:hover{
	color:#FFFFFF;
}
/* Entete */
#liens_entete{
	position:absolute;
	top:20px;
	left:340px;
	color:#CCCCCC;
	font-size:11px;
	text-align:right;
	width:560px;
	height:20px;
	z-index:60;
}
#liens_entete a{
	color:#CCCCCC;
	font-size:11px;
}

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

.bloctitre{
	height:70px;
}
.bloctitre td{
	padding-left:45px;
}

#navigation{
	float:left;
	width:195px;
	padding:0px 0px 0px 5px;
}
#navigation_contenu{
	margin-top:-5px;
	width:205px; /* 185 */
	padding:0px 13px 0px 0px;
}

.colcentre{
	width:423px;
	padding:0px 0px 20px 17px;
	border-left:2px solid #989696;
}

.colpush1{
	width:200px;
	padding:10px;
}

.colpush2{
	width:110px;
}

#copyright{
	font-size:10px;
	color:#CCCCCC;
}
#copyright a{
	color:#CCCCCC;
	text-decoration:underline;
}

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

#contenu1{
/*	position:absolute;
	top:283px;
	left:-28px;*/
	margin-top:240px;
	margin-left:-28px;
	width:950px;
	background:url(IMG/fond_page_milieu.png)  repeat-y;
}
#contenu2{
	background:url(IMG/fond_page_haut.png) left top no-repeat;
}
#contenu3{
	background:url(IMG/fond_page_bas.png) left bottom no-repeat;
	padding-bottom:30px;
}

#page_contenu{
	float:left;
	color:#666666;
	font-size:11px;
	padding:10px 10px 10px 10px;
	text-align:justify;
	margin-top:35px;
}
.chapo{
	padding:10px;
	color:#666666;
	font-size:13px;
	width:705px;
	background:#F1F3F3;
	margin-top:80px;
}

.texte{
	color:#666666;
	font-size:11px;
	width:725px;
}
.texte a{
	font-weight:bold;
	text-decoration:underline;
}
.titre_article{
	color:#175084;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
.titre-couleur{
	color:#4884bc;
	font-weight:bold;
	font-size:12px;
}
.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; 
}

.push_solutions_1{
	margin-left:10px;
	width:177px;
	background:url(IMG/fond_push_solutions3.png) repeat-y;
}
.push_solutions_2{
	width:177px;
	background:transparent url(IMG/fond_push_solutions2.png) left bottom no-repeat;
}
.push_solutions_3{
	width:142px;
	background:transparent url(IMG/fond_push_solutions1.png) left top no-repeat;
	padding:50px 20px 25px 15px;
	color:#FFFFFF;
	text-align:left;
}
.push_solutions_lien{
	clear:both;
	margin-left:50px;
	margin-top:5px;
}
.push_main{
	margin-right:-8px;
	padding-top:35px;
}
.fond1{ 	background:url(IMG/fond_push1.png) no-repeat; }
.fond2{ 	background:url(IMG/fond_push2.png) no-repeat; }
.fond3{ 	background:url(IMG/fond_push3.png) no-repeat; }
.fond4{ 	background:url(IMG/fond_push4.png) no-repeat; }

.push_main a, .push_main a:hover{
	color:#FFFFFF;
}
.push_main h1{
	font-weight:bold;
}



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

/*  PREMIER NIVEAU  */
.treeview li {
background:#FFFFFF;
padding:8px 0px 8px 10px;
margin:0px;
color:#666666;
border-bottom:1px solid #989696;
}
.treeview li:last-child {
border-bottom:none;
}
.treeview li span{
font-weight:bold;
font-size:12px;
}
.treeview li:hover {
background-color:#FFFFFF;
color:#175084;
}

/* SOUS NIVEAU */
.treeview ul li{
background-color:#FFFFFF;
margin-left:-10px;
margin-right:0px;
border-bottom:none;
color:#175084;
font-weight:normal;
padding:0px 5px 0px 10px;
}
.treeview ul li:hover {
background-color:#175084;
color:#FFFFFF;
}
.treeview ul li:hover a{
color:#FFF;
text-decoration:none;
}
.treeview ul ul li:hover {
background-color:#175084;
color:#FFFFFF;

}
.treeview ul li span{
margin:0px;
padding:0px 0pt 0px 5px;
font-weight:normal;
}
.treeview .hover {
/*color:#FFFFFF;*/
cursor:pointer;
}



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

.treeviewn2on{
background:#175084 !important;
}
.treeviewn2on a{
color:#FFFFFF !important;
text-decoration:none;
}
