/* CSS Document ATOMOSYD 7/02/08 */

/*
* groupes de couleurs
 
* intenses : BLEUs
clair : #BDCDE7 --> bouton menu standby
inter : #8499B8 --> pontillé soulign titre h1,...
moyen : #6F7E98 --> fond de conten_page
fonce : #525E71 --> border survol bloc listart
* pastels :
clair : #E0E5EE --> fond body
moyen : #B7BECC --> fond bloc menu
fonce : #909CAE --> border off bloc listart

* intenses ROUGEs
clair : #CE6A6B
moyen : #A35455
fonce : #712C2D --> titre h1,...
* pastels
clair : #D9B4B4
moyen : #BB8383 --> border off bloc listsite
fonce : #9A6A6B

*/


/*****************************************************************************\
 * ID corps de page
\*****************************************************************************/ 
body {
	margin: 0px;
	padding: 0px;
	/*scrollbar-face-color:#89A6B3;
	scrollbar-highlight-color:#C4D4DA;
	scrollbar-3dlight-color:#C4D4DA;
	scrollbar-darkshadow-color:#62899A;
	scrollbar-arrow-color:#4A6774;
	scrollbar-track-color:#62899A;*/
	background-color:#E0E5EE;
}


#conten_page {
	position:relative;
	width:785px;
	_width:800px;
	margin:20px auto;
	_margin:20px 5%; /*IE*/
	padding:10px;
	border-top:1px solid #434E5D;/*#E9E3D9*/
	border-right:2px solid #434E5D;/*#E9E3D9*/
	border-bottom:2px solid #434E5D;/*#E9E3D9*/
	border-left:1px solid #434E5D;/*#E9E3D9*/
	-moz-border-radius:7px;
	background-color:#6F7E98;
}

#conten_tete {
	position:relative;
	left:0px;
	top:0px;
	height:100px;
	width:785px;
	/*background-color:#F0C0FF;  rose 
	background-image:url(illustra/fd_tt_ent4.jpg);
	background-repeat:no-repeat;
	background-position:right 0px;*/
}

#conten_pied {
	clear:both;
	margin:20px 0px 0px 0px;
	position:relative;
	left:0px;
	bottom:0px;
	height:30px;
	width:785px;
	/*background-color:#F0C0FF;  rose 
	background:url(illustra/fond_pied.jpg);
	background-repeat:no-repeat;
	background-position:center 10px;*/
}

#conten_gauche {
	/*float:left;*/
	position:absolute;
	top:110px;
	left:11px;
	margin:0px;
	padding:5px 0px;
	width:199px;
	_width:201px;
	border:1px solid #fff;
	border-right:2px solid #fff;
	background-color:#B7BECC;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
}

#conten_corps {
	position:relative;
	top:0px;
	right:0px;
	min-height:500px;
	_height:500px;
	padding:10px 30px 50px 40px;/**/
	margin:0px 0px 0px 200px;
	background-color:#fff;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
	background-image:url(illustra/coin.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}


/*****************************************************************************\
 * bloc
\*****************************************************************************/ 

/* bloc intro site*/
.intro_site {
	margin:0 15px;
	padding:15px;
	border:3px double #6F7E98;
	background-color:#DEE6F3;
}
.intro_site .chapo {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	text-align: justify;
}
.intro_site .texte {
	font-family: Verdana, Arial, Helvetica;
	font-weight:normal;
	font-size: 12px;
	text-align: justify;
}

/* liste article sur page rub et autre ... */
.bloc_listart, .bloc_listart_on {
	margin:2px 0px;
	padding:2px 2px 2px 20px;
}
.bloc_listart {
	border-left:7px solid #909CAE;
	border-right:2px solid #909CAE;
}
.bloc_listart .titre,.bloc_listart_on .titre {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bloc_listart .date,.bloc_listart_on .date {
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
}
.bloc_listart_on {
	border-left:7px solid #525E71;
	border-right:2px solid #525E71;
	background-color:#EEEEEE;
}

/* liste site sur page rub et autre ... */
.bloc_listsite, .bloc_listsite_on {
	margin:2px 0px;
	padding:2px 2px 2px 20px;
}
.bloc_listsite {
	border-left:7px solid #BB8383;
	border-right:2px solid #BB8383;
}
.bloc_listsite a,.bloc_listsite_on a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#712C2D;
}
.bloc_listsite p, .bloc_listsite_on p {
	margin:0px;
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
}
.bloc_listsite_on {
	border-left:7px solid #712C2D;
	border-right:2px solid #712C2D;
	background-color:#EEEEEE;
}

/* entete page rubrique art type intro */
.bloc_introrub {
	padding:5px;
	margin-bottom:20px;
	background-color:#DEE6F3;/*#E0E5EE;*/
}
.bloc_introrub .titre {
	font-family:  Arial, Helvetica;
	font-size:15px;
	font-weight:bold;
	padding: 0px 10px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	clear:both;
}
.bloc_introrub .chapo {
	float:left;
	width:45%;
	margin:10px 25px 15px 20px;
	font-family: Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	text-align: justify;
}
.bloc_introrub .texte {
	padding:2px 20px 10px 20px;
	font-family: Arial, Helvetica;
	font-size:12px;
}

.bloc_descript_rub {
	margin-bottom:20px;
	padding:2px 20px;
	border-left:7px solid #9A6A6B;
	border-right:2px solid #9A6A6B;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* pavé de sous-rubrique sur page rubrique */
.bloc_sousrub {
	float:left;
	padding:4px;
	margin:2px;
	width:245px;
	height:55px;
	_height:60px;
	background-color:#BDCDE7;
	background-image:url(illustra/ico_bloc_rub.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	-moz-border-radius:5px;
	text-align:center;
	font-family: Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
}
.bloc_sousrub p {
	margin:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
	font-weight:normal;
}


/* bloc float documents  et images (miniature)*/
.bloc_doc {
	float:left;
	width:165px;
	margin:0px 2px;
	background-color:#E0E5EE;
	border-top:1px solid #B7BECC;
	border-left:1px solid #B7BECC;
	border-right:1px solid #909CAE;
	border-bottom:1px solid #909CAE;
	-moz-border-radius:7px;
	text-align:center;
	font-family: Arial, Helvetica;
}
.bloc_image {
	float:left;
	width:155px;
	margin:0px 2px;
	padding:5px;
	background-color:#EEEEEE;
	border-top:1px solid #E7E5E5;
	border-left:1px solid #E7E5E5;
	border-right:1px solid #D9DADB;
	border-bottom:1px solid #D9DADB;
	-moz-border-radius:7px;
	text-align:center;
	font-family: Arial, Helvetica;
}
.bloc_doc .titre, .bloc_image .titre { font-size:12px; font-weight:bold; padding:3px 0px}
.bloc_doc .descriptif { font-size:11px; }
.bloc_doc .taille { font-family: Verdana, Arial, Helvetica; font-size:11px; }
.bloc_doc .telech { font-size:11px; color:#909CAE; }
/* 
*** modif special page article type collaborateur, repousse texte *** 
*/
.specaut { margin:0px 15px 15px 0px; }


/* ligne hierarchie dans entete */
.cont_hierarchie {
	position:absolute;
	left:0;
	bottom:0px;
	padding:4px;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#ffffff;
}
.cont_hierarchie a { color:#ffffff; }
.cont_hierarchie a:hover { color:#CBD5F8; text-decoration: none; }


.sign_article {
	float:right;
	padding:0px 10px 5px 30px;
	margin:0px 0px 10px 0px;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align:right;
	background-image:url(illustra/coin.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	border-bottom:1px solid #cfcfcf;
}

.art_soustitre {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#9A6A6B;
}
.art_chapo {
	margin:10px 0px;
	padding:5px 20px;
	border-left:2px solid #9A6A6B;
	border-right:2px solid #9A6A6B;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
}
.art_texte {
	padding:5px 0px;
	font-size: 12px; font-family: Verdana, Helvetica, sans-serif;
	text-align:justify;
}
.ps {
	padding:5px 0px;
	margin-left:100px;
	text-align:justify;
	font-size: 11px; font-family: Verdana, Helvetica, sans-serif;
	font-style:italic;
}

.art_site_propose {
	margin:20px 0px;
	padding:5px 5px 5px 35px;
	background-image:url(illustra/ico_sites.png);
	background-repeat: no-repeat;
	background-position: -1px -4px;
	/*border-left:1px solid #6F7E98;*/
	border-right:7px solid #6F7E98;
	border-top:1px solid #6F7E98;
	border-bottom:1px solid #6F7E98;
	background-color:#E0E5EE;
	-moz-border-radius:9px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#9A6A6B;
}
.art_site_propose a {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
.notes_bp { /* voir aussi styles_spip.css/p.spip_note */
	margin:10px 0px 20px 30px;
	padding:0px 10px;
	border-left:5px solid #B7BECC;
	border-right:1px solid #B7BECC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#6F7E98;
}
.bio {
	margin:0px 0px 20px 190px;
	padding:5px 0px;
	font-size: 12px; font-family: Verdana, Helvetica, sans-serif;
	text-align:justify;
}

/* pied de page */
.cartouche_pied {
	padding:3px;
	text-align:center;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	border-bottom:1px solid #B7BECC;
	border-left:2px solid #909CAE;
	border-top:1px solid #909CAE;
	border-right:1px solid #B7BECC;
	background-color:#E0E5EE;/*#E9E3D9*/
	/*-moz-opacity: 0.7; filter: alpha(opacity=70);*/
	-moz-border-radius:5px;	
}


/*****************************************************************************\
 * boutons : menu gauche / ..
\*****************************************************************************/ 

.bouton_menu, .bouton_menu_sur, .bouton_menu_on {
	position:relative;
	margin-bottom:3px;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}
.bouton_menu {
	left:0;
	margin-right:10px;
	padding:3px 0px 3px 10px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	background-color:#BDCDE7;
}
.bouton_menu_sur, .bouton_menu_on {
	margin-left:6px;
	right:0px;
	padding:3px 0px 3px 10px;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	background-color:#E0E5EE;
}
.bouton_menu_on { 
	background-color:#fff;
	border-top:1px solid #9EB0D1;
	border-left:1px solid #8499B8;
	border-bottom:1px solid #ffffff;
}
.ico_kfk {
	padding-left:25px; /* retrait en sup. pour icone */
	background-image:url(illustra/ico_kfk.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
/* voir aussi .item_menu_art */


/*****************************************************************************\
 * liste
\*****************************************************************************/ 

.item_menu_art {
	list-style:none;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
.item_menu_art li {
	border-left:1px solid #B7BECC;
	padding:2px 3px;
	margin-top:2px;
	background-color:#E0E5EE;
	background-image:url(illustra/ico_doc_titre.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}

.zone_pagine { float:right; padding:5px 0px; text-align:right; }
.num_page {
	margin-top:5px;
	border-top:1px solid #909CAE;
	font-family: Verdana, Arial, Helvetica;
	font-size:11px;
}
.num_page .lien_pagination {
	padding:2px 3px;
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	color:#436A7A;
	background-color:#E0E5EE;
	border:1px solid #909CAE;
	-moz-border-radius:5px;
}
.num_page .on {
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#525E71;
}
.num_page a:hover {
	border:1px solid #909CAE;
	background-color:#ffffff;
}

/*****************************************************************************\
 * modulations speciales sur textes et blocs titre
\*****************************************************************************/ 

a { color:#434E5D; text-decoration: none; _cursor:pointer; }

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

.bold { font-weight:bold; }
.italic { font-style:italic; }

h1, h2, h3, h4, h1.spip, h2.spip, h3.spip, h4.spip  {
	margin:0px;
	padding:2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#712C2D;/*#304358;*/
}
h1, h1.spip {
	margin-bottom:20px;
	font-size: 19px;
	border-bottom:2px dotted #8499B8;
}
h2, h2.spip { /* {0{ */
	margin-top:25px;
	margin-bottom:10px; 
	font-size: 17px;
	border-bottom: 2px dotted #8499B8;
}
h3, h3.spip { /* spip {{{ */
	margin-top:25px; 
	margin-bottom:10px;
	font-size: 15px; 
	border-bottom: 2px dotted #8499B8;
}
h4, h4.spip { /*  {2{ */
	margin-top:25px;
	margin-bottom:10px;
	font-size: 13px; 
	border-bottom: 2px dotted #8499B8;
}
h5 { /* | bloc tabule*/
	margin-left:15px;
	padding: 0px 0px 0px 20px;	
	border-left: 2px dotted #6F7E98;
	/*background: url(../sk2_img/fd_menu_t1.gif) no-repeat top left;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

h1.art, h3.art {
	margin-top:30px;
	margin-bottom:5px; /* on annule la preced. marge : voir h1 */
	background-image:url(illustra/ico_art_titre.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}
h1.rub {
	margin-bottom:25px;
	margin-top:20px;
	background-image:url(illustra/ico_rub_titre.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}
h3.sites {
	background-image:url(illustra/ico_sites.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}
h3.docs, h1.docs {
	background-image:url(illustra/ico_doc_titre.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}
h1.auteur {
margin:0px 0px 20px 170px;
padding-left:20px;
	background-image:url(illustra/ico_doc_titre.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

/* forcer texte en coul */
.t_coul_01 { color:#CCCBCB; }/* gris moyen */
.t_coul_02 { color:#BDCDE7; }/* bleu clair intense */
.t_coul_03 { color:#6F7E98; }/* bleu moyen intense */
.t_coul_04 { color:#525E71; }/* bleu fonce intense */
.t_coul_05 { color:#909CAE; }/* bleu fonce pastel */
.t_coul_06 { color:#712C2D; }/* rouge fonce intense */
.t_coul_07 { color:#A35455; }/* rouge moyen intense */
.t_coul_08 { color:#9A6A6B; }/* rouge fonce pastel */


/*****************************************************************************\
 * elements/classes de mise en forme forcee
\*****************************************************************************/ 

.clear { clear:both; margin:0px; padding:0px; _margni:-1px; }

/* p supporte par IE et Gecko */
p.space_5, p.space_10, p.space_20 {
	display:block;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	clear:both;
}
.space_5 {  height: 5px; }
.space_10 { height: 10px; }
.space_20 { height: 20px; }

p { margin:0px; padding:0px; }

.zone_dern_img_art {
	float:left;
	width:90px;
	padding-right: 5px;
}

td.right { text-align:right; }
td.center { text-align:center; }

img {
	border-width: 0px;
	behavior: url("./win_png.htc"); /* pour image png24 dans MS IE */
}

/*
 *  Images typographiques (via image_typo)
 */
.image_typo {
	behavior: url("./win_png.htc");
}




/*****************************************************************************\
 * element/classes SPIP .. ŕ vérifier !
\*****************************************************************************/ 

.forml { background-color: #E7E5E5;}

.spip_encadrer {
	font-family: verdana, helvetica, arial, sans-serif;
	width : 95%;
	background-color:#CBD5F8;
	padding: 5px;
	border: 1px #6F7E98 solid;
	-moz-border-radius:9px;
}

.spip_bouton { background-color: #BFC5C9; -moz-border-radius:5px;}

form.formrecherche { 
	margin-top: 5px;
	margin-bottom: 5px;
}
input.formrecherche {
	width: 95%;
	background-color: #F2E1B3;
}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}


/*
 * Barre de raccourcis --> pour page forum !!! 
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #7E8697;
	border-bottom: 1px solid #7E8697;
	padding: 3px;
	background-color: #CBD5F8;
}
a.spip_barre:hover img {
	border: 1px solid #525E71;
	padding: 3px;
	background-color: #D2D8EA;
}



/*****************************************************************************\
 * anciennes classes ŕ virer ŕ terme !!!!
\*****************************************************************************/ 

/* *************************** */
.cont_fdc {
_width:100%;/*pour IE */
padding:3px;
-moz-border-radius: 5px;
}

.c_00 {}
.c_01 { background-color:#CBD5F8; }
.c_02 { background-color:#B4C2E4; }
.c_03 { background-color:#9EB0D1; }
.c_04 { background-color:#8499B8; }
.c_05 { background-color:#6F7E98; }
.c_06 { background-color:#6F7E98; }
.c_07 { background-color:#525E71; }
.c_08 { background-color:#434E5D; }


/* ********************* */
.cont_logo_site {
	float:left; top:0px; left:0px; width:200px; height:100px;
}


.cont_even_jour {
	position:absolute;
	top:0px;
	width:350px;
	margin-left:250px;
	_margin-left:50px;
	padding:3px;
	border:1px solid #525E71;
	background-color:#FEA616;
	-moz-border-radius:5px;
	-moz-opacity: 0.8; filter: alpha(opacity=80);/**/
	text-align:center;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

.bloc_gd_titre {
	padding:25px;
	text-align:center;
}

.cont_filet_1 {
	float:left;
	width:245px;
	border:1px solid #434E5D;
	margin:2px;
	padding:3px;
	-moz-border-radius:5px;
}


.cont_enonsart {
margin:2px 0px;
	padding:2px 2px 2px 25px;
	border-left:5px solid #B4C2E4;
	border-right:1px solid #B4C2E4;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.cont_nom_kfk { /* style 'nom-auteur' pag kifekoi */
	float:left;
	width:35%;
	min-height:20px;
	margin-right:5px;
	margin-left:5px;
}
.cont_theme_kfk { 
	float:right;
	width:55%;
	padding-left: 3px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
}
.cont_theme_kfk li {
	list-style:none;
	padding:1px 0px 1px 15px;
	background-image:url(illustra/pucetit.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.enum_ord li {
	list-style:none;
	padding:0px 0px 0px 15px;
	background-image:url(illustra/pucetit.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.cont_listaut {
	border-top: 2px dotted #9EB0D1;
	border-bottom: 2px dotted #9EB0D1;
	padding: 5px;
}

.ico_agd {
	background-image:url(illustra/icon_agenda-24.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



.r_liste_art {
	margin:2px 0px;
	padding:0px 10px;
	border-left:15px solid #7A0B0C;
	border-right:1px solid #7A0B0C;
	font-size: 15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.r_liste_site {
	margin:2px 0px;
	padding:0px 10px;
	border-left:15px solid #ECD189;
	border-right:1px solid #ECD189;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.r_liste_site a { font-weight:bold; }




.t_gd_titre {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#716346;
}



.t_on { color:#E0CEAB;}