/******************************************************/
/*     Feuille de style du squelette BliP 3.x         */
/*     Auteur : Vincent ROBERT alias cent20           */
/*     © 2005-2009 - Distribué sous licence GNU/LGPL  */
/*     Documentation sur www.cent20.net               */
/******************************************************/

/**** Structure de la page ****/

body {
	margin : 0 0 20px 0; 
	font-family : verdana, lucida, arial, helvetica, sans-serif; 
	font-size : 0.75em; 
	color :  #666666; 
	line-height : 1.5em; 
	background-color : #CBECFF;
	}

.compte {
	padding: 5px 10px 0px 10px;
	height:22px;
	text-align: left;
	border-bottom : #CCCCCC solid 1px;
	background-color : #CBECFF;
}			
	
.compte a{margin:0 5px}
.compte .esp{margin:0 5px}	
	
#page {
	width : 972px; 
	margin : auto; 
	margin-top : 25px; 
	background : #FFFFFF; 
	border-width : 2px; 
	border-color : #966B58;
	border-style : solid;	
	}

#test 	{
	width : 200px; 
	margin : auto; 
	background : #FFFFFF; 
	border-width : 2px; 
	border-color : #966B58;
	border-style : solid;	
	}
	
#tete {
	float : left; 
	width : 972px; 
	height : 100px; 
	margin : 0 0 20px 0;
	background : #FFFFFF; 
	}
	
#corps {
	float : left; 
	width : 972px;
	padding : 0;
	background : #FFFFFF; 
	}

#pied { 
	clear : both; 
	width : 95%; 
	height : 20px; 
	margin : auto; 
	padding : 40px 0 20px 0;
	background : #FFFFFF; 
	}	

	
/****  Couleurs des Liens ****/ 	

a { 
	color : #3165B0;
	text-decoration : none; 
	}
	
a:visited { 
	color : #3165B0; 
	text-decoration : none; 
	}

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

a:active { 
	color : #003872;
	text-decoration : none; 
	}

/**** Menu de navigation horizontal ****/
	
.menu {
	width:966px; 
	height:28px; 
	position:relative; 
	z-index:100;
	}
	
/* IE 5 est un navigateur de #censure# */
* html .menu {width:967px; w\idth:966px;}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;

	}
	
.menu ul ul {
	width:192px;
	}
	
.menu li {
	float:left;
	width:192px;
	position:relative;
	}	

/**** niveau 1 : liens ****/		
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#000; 
	width:181px; 
	height:26px; 
	border:1px solid #CCC; 
	border-width:1px 0 1px 1px; 
	padding-left:10px; 
	line-height:25px;
	font-weight : normal; 
	}
	
/* IE 5 est un navigateur qui me #censure# */
* html .menu a, * html .menu a:visited {width:192px; w\idth:181px;}	

/**** niveau 2 avec 3 existant****/		
.menu ul ul a.etendre, .menu ul ul a.etendre:visited {
	background: #CBECFF url(plugins/blip3/images/plus.gif) no-repeat 175px center;
	}	

/**** niveau 2 survol ****/	

.menu ul ul a.etendre:hover{
	background:#B4AD90 url(plugins/blip3/images/plus.gif) no-repeat 175px center;
	}
	
.menu ul ul :hover > a.etendre {
	background:#B4AD90 url(plugins/blip3/images/plus.gif) no-repeat 175px center;
	}

/**** niveau 3 ****/	
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#CBECFF;
	}

/**** niveau 3 : Survol ****/		
.menu ul ul ul a:hover {
	background:#B4AD90;
	}

/**** niveau 2 : caché par defaut ****/		
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:28px;
	left:0; 
	width:192px;
	}

/* IE 5 est un navigateur tout #censure# */
* html .menu ul ul {top:27px;t\op:28px;}

/**** niveau 3  ****/		

.menu ul ul ul{
	left:192px;
	top:-1px;
	width:192px;
	}

.menu ul ul ul.etendre_gauche {
	left:-192px;
	}

/* Pour faire fonctionner avec IE, on doit rajouter des bugs ... */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

.menu ul ul a, .menu ul ul a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#330; 
	width:181px; 
	height:26px; 
	border: 1px solid #CCCCCC; 
	border-width:1px 0 1px 1px; 
	padding-left:10px; 
	line-height:25px;
	}


/**** niveau 2  ****/	

.menu ul ul.colonne1_2 {
	left:-96px;
	width:192px;
	}

.menu ul ul.colonne2_2 {
	left:+96px;
	width:192px;
	}	
	
.menu ul ul.colonne0 {
	left:-192px;
	width:192px;
	}

.menu ul ul.colonne1 {
	left:0px;
	width:192px;
	}	
	
.menu ul ul.colonne2 {
	left:+192px;
	width:192px;
	}	

.menu ul ul.colonne3 {
	left:+384px;
	width:192px;
	}	
	
.menu ul ul.index1 {
	left:0px;
	width:65px;
	}	
	
.menu ul ul.index2 {
	left:+63px;
	width:65px;
	}	

.menu ul ul.index3 {
	left:+126px;
	width:65px;
	}	

/**** inconnu ****/	
	
.menu ul li a, .menu ul li a:visited {
	border:1px solid #CCCCCC; 
	background-color : #966B58;
	color:#ccc;
	width:191px; 
	padding-left:0px;
	}
	
.menu ul li a:hoover {
	border:1px solid #FFFFFF; 
	color:#ccc;
	width:191px; 
	padding-left:0px;
	}	


.menu ul ul a.index, .menu ul ul a.index:visited {
	display:block;
	width:42px; 
	}

.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;;
	}

/**** niveau 2 ****/	
.menu ul ul a, .menu ul ul a:visited {
	background: #CBECFF;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:171px;
	border-width:0 1px 1px 1px;
	}

/**** niveau 1 ****/
.menu a:hover, .menu ul ul a:hover {
	color:#fff;
	background: #B4AD90;
	}
	
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background: #B4AD90;
	}

/**** Un, deux, trois soleil ! ****/	
	
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
	}

.menu ul :hover ul ul{
	visibility:hidden;
	}
	
.menu ul :hover ul :hover ul{
	visibility:visible;
	}	
	
/**** blocs horizontaux du corps de la page ****/

.blocs_corps { 
	float : left; 
	clear : left; 
	width : 688px; 
	padding : 0;
	}

/**** blocs de navigation ****/	

.nav1 	 {
	float : left;
	width : 644px; 	
	padding : 5px 30px;
	margin : 0;
	padding : 10px 20px 10px 20px ;
	border-width : 4px 0 4px 4px; 
	border-color : #CBECFF;
	border-style : solid;
	}

.nav2 	{ 
	clear : left; 
	float : left; 
	width : 164px; 
	padding : 25px 0;
	margin : 0 20px 0 0;
	color : #333333;
	text-align : center;
	font-size : 0.95em;
	}

.nav3	{ 
	float : left; 
	width : 276px; 
	padding : 0;
	font-size : 0.95em;
	border-width : 0 0 0 4px; 
	border-color : #CBECFF;
	border-style : solid;
	}	
	
.blocs_corps_texte { 
	float : left; 
	width : 468px; 
	padding : 20px 0;
	text-align : justify;
	}
	
.blocs_corps_sommaire { 
	float : left; 
	width : 632px; 
	padding : 20px 0 0 20px;
	text-align : justify;
	}
	
.blocs_navigation { 
	float : right; 
	width : 250px; 
	padding : 0;
	font-size : 0.9em;
	}	
	
/**** padding standart ****/	
	
.pv20 { 
	float : left; 
	padding : 20px 0;
	width : 100%; 
	}
	
.pv10 { 
	float : left; 
	padding : 10px 0;
	width : 100%; 
	}

.pg20 { 
	padding : 0 0 20px 0;
	}

.element { 
	float : left; 
	clear : left; 
	width : 100%; 
	padding : 0 0 20px 0; 
	}	
	
/****  menus de navigation ****/ 


.nav3 .menus 
	{ 
	float : left; 
	clear : left;
	}

.nav3 .menus a 
	{ 
	float : left; 
	width : 240px; 
	padding : 3px 20px 3px 20px; 
	margin :0 0 3px 0; 
	text-align : left;
	}
	
.nav2 .menus 
	{ 
	float : left; 
	clear : left;
	width : 160px;
	border-width : 0 4px 0 0 ; 
	border-color : #CBECFF;
	border-style : solid;	
	}

.nav2 .menus a 
	{ 
	float : left; 
	width : 160px; 
	padding : 3px 0; 
	margin :0 0 3px 0; 
	}

.menus a.on {
	background-color : #CBECFF;
	}
	
.menus a:hover {
	background-color : #B4AD90;
	color : #FFFFFF; 
	}
	
.menus a:focus {
	background-color : #B4AD90;
	color : #FFFFFF; 
	}
	
/****  Gestion des photos ****/

img, .spip_logos { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}	
	
.galerie { 
	border-width : 1px; 
	border-style : solid; 
	border-color : #aaaaaa; 
	margin: 2px; 
	float : left; 
	}	
	
/****  Boutons des formulaires ****/ 

.spip_bouton { 	
	padding : 1px 1px 2px 1px;
	margin : 0px;
	height : 22px;
	border-width : 1px; 
	border-color : #aaaaaa;  
	border-style : solid; 
	color : #FFFFFF;
	font-weight : bold; 
	background-color : #966B58;
	}

/****  Surcharges de couleurs ****/ 
	
.couleur1 { 
	display : inline; 
	color : #3165B0;
	}
	
.couleur1_clair { 
	display : inline; 
	color : #CBECFF;
	}
.couleur2 { 
	display : inline; 
	color : #966B58;
	}
	
.couleur2_clair { 
	display : inline; 
	color : #B4AD90;
	}

.gris_fonce { 
	color : #333333; 
	}

.gris_moyen { 
	color : #666666; 
	}

.gris_clair { 
	color : #aaaaaa;  
	}

/****  Style des titres ****/ 
	
h1 { 
	margin : 0; 
	padding : 0; 
	font-size : 1.5em; 
	font-weight : normal; 
	line-height : 1.5em; 
	color : #333333; 
	}

h3 { 
	margin : 0; 
	padding : 0; 
	font-size : 1.25em; 
	color : #966B58;
	font-weight : bold; 
	line-height : 1.25em;
	}

/****  Style des forums facon bulle de BD ****/ 

.forum_surtete, .forum_tete, .forum_corps, .forum_pied {
	clear: left; 
	float : left;
	width: 99%;
	}
	
.forum_auteur { 
	float: left;
	padding: 0  20px 3px 13px;
	background: url(plugins/blip3/images/forum_bulle.gif) no-repeat bottom right;
	}
	
.forum_date { 
	float: right;
	padding: 0 10px 0 0;
	}
	
.forum_tete {
	background: url(plugins/blip3/images/forum_message_tete.gif) repeat-x top ;
	}
	
.forum_tete_g {
	float: left; width: 11px;
	height: 11px;
	background: url(plugins/blip3/images/forum_message_tete_g.gif) repeat-x top ;
	}
	
.forum_tete_d {
	float: right;
	width: 11px;
	height: 11px;
	background: url(plugins/blip3/images/forum_message_tete_d.gif) repeat-x top ;
	}
	
.forum_corps {
	background: url(plugins/blip3/images/forum_message_corps.gif) repeat-y;
	}
	
.forum_texte {
	display: block;
	padding : 5px 13px;
	background: url(plugins/blip3/images/forum_message_corps_bis.gif) repeat-y right;
	}
	
.forum_pied {
	background: url(plugins/blip3/images/forum_message_pied.gif) repeat-x bottom;
	}
	
.forum_pied_g {
	float: left; width: 11px;
	height: 11px;
	background: url(plugins/blip3/images/forum_message_pied_g.gif) repeat-x bottom ;
	}
	
.forum_pied_d {
	float: right;
	width: 11px;
	height: 11px;
	background: url(plugins/blip3/images/forum_message_pied_d.gif) repeat-x bottom ;
	}	
	
/****  Styles de SPIP à tester, à nettoyer ou supprimer ... ****/ 

form { text-align : left; }
forml { padding : 0.25em; }
h3.spip { padding : 1.5em 0; }
blockquote.spip { margin : 1.5em 3em; padding : 0 0.75em; border-width : 0 0 0 0.25em; border-color : #B4AD90; border-style : solid; }
ul.spip { list-style : disc; }
ol { list-style: decimal }
ol ol { list-style: Lower-alpha }
ul.spip li { list-style : inherit; }
li.spip { list-style-position : outside; margin-left : 0.75em; }
.spip_code { font-family : monospace; font-style : normal; font-size : 1.25em; }
.spip_cadre { width : 99%; border-color : #B4AD90; font-family : monospace; font-style : normal; font-size : 1.25em; background-color : #FFFFFF; }
table.spip { margin-bottom : 1.25em; border-width : 1px; border-color : #B4AD90; border-style : solid; border-collapse : collapse; }
table.spip caption { caption-side : top; }
table.spip tr { border-width : 1px; border-style : solid; border-color : #aaaaaa; }
tr.row_first { color : #B4AD90; font-size : 1em; }
table.spip tr.row_first th { padding : 0.5em 1.5em 0.5em 0.5em; }
table.spip td { padding : 0.25em 1em 0.25em 0.5em; text-align : left; vertical-align : middle; }
.spip_documents_left { float : left; margin : 0 1.25em 0.5em 0; }
.spip_documents_right { float : right; margin : 0 0 0.5em 1.25em; }
.spip_surligne { background : #B4AD90; }

.imgfloatleft { display : inline; float : left; padding : 3px 10px 3px 0; }
.imgfloatright { display : inline; float : right; padding : 0.5em 0 0.5em 0.75em; }
.nopadding { padding : 0; }

form, .formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0;}
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_doc_titre { text-align: center; font-weight: bold; font-size: 0.75em; }
.spip_doc_descriptif { clear: both; font-size: 0.75em; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }