	
	/* la zone d'admin : menu horizontal 
	#menu {width:95%; font-size:11px; font-weight:bold; font-style:italic; color:#3F507F; margin-left:3px; padding-top:0}
	#menu A {color:#3F507F; font-weight:normal}
	#menu ul {list-style-type:none; margin-top:0.5em; padding:0}
	#menu li {margin:0; padding:0}
	#menu form {display:inline}
	#menu label {color:#3F507F}
	#rappel {background:transparent; border:0; color:#3F507F}
	#menu input {vertical-align:middle;}
 	*/
 	
	/* la zone d'admin : menu vertical 
	#menu {width:95%; font-size:11px; font-weight:bold; font-style:italic; color:#3F507F; margin-left:3px; padding-top:0}
	#menu p {font-size:1.2px;font-weight:bold}
	#menu A {color:#3F507F;font-weight:normal}
	#menu ul {list-style-type:none; margin-top:0.5em; padding:0;font-size:10px}
	#menu li {margin:0.5em; padding:0}
	#menu form {display:inline}
	#menu label {color:#3F507F;font-weight:bold}
	#rappel {background:transparent; border:0; color:#3F507F}
	#menu input {vertical-align:middle;margin:0.1em}
*/

	/* la zone d'admin : menu vertical */
	#menu {width:95%; font-size:11px; font-weight:bold; font-style:italic; color:#3F507F; margin-left:3px; padding-top:0}
	#menu p {font-size:1.2px;font-weight:bold}
	#menu a {color:#3F507F;font-weight:normal}
	#menu ul {list-style-type:disc; margin-top:0; padding:0;font-size:1em}
	#menu li {margin-left:15px; padding:0}
	#menu form {display:inline}
	#menu label {color:#3F507F;font-weight:bold}
	#rappel {background:transparent; border:0; color:#3F507F}
	#menu input {vertical-align:middle;margin:0.1em}
	#menu img {margin-top:0.6em}

	/* copyright */
	#copyright{
	clear:both;
	width:auto;
	height:auto;
	padding:1em 0.2em 0.5em 0.2em;
	color:#222E4F; 
	text-align:center; 
	font-size:10px
	}
	#copyright a{color:#003399; font-weight:bold; padding:0 3px 0 3px}
	#copyright a:hover{color:#000099; font-weight:bold; background:#E4E1F6}

	/*membres*/
	TD.titre {padding-top:2em;color:#FF9900; font-weight:bold; border-bottom:#FF9900 1px solid}
	TR.entete2 {background:#CFE2FF}

	
	/*formulaire*/
	.formulaire {background-color:#EEF6FB;padding:0; margin:0}

        /*formulaire de recherche*/       
        .formulaire2{height:14px; width:100px; border-right:#586CA6 2px solid; border-top:#586CA6 2px solid; border-left:#586CA6 2px solid; color:#797979; border-bottom:#586CA6 2px solid;
        background-color:#DFE8FF; font-size:11px; font-family:verdana; margin-bottom:3px; margin-left:2px}

    
        .btnrecherche{vertical-align:middle;margin-top:-4px;padding-left:2px;border:0;background:none}
      

 	/*formulaire changement de skin*/      
        .formulaire3{height:18px; border-right:#586CA6 2px solid; border-top:#586CA6 2px solid; border-left:#586CA6 2px solid; color:#797979; border-bottom:#586CA6 2px solid;
         background-color:#DFE8FF; font-size:9px; font-family:verdana}
        .btnOK{padding-left:6px;margin-top:-4px;border:0;background:none}



	/*liens*/
	.liens{float:left;width:95%;text-align:right;border-top:1px dotted #039;font-size:1em;margin-top:1em}



/**** Menus automatiques ****/
	
	.puce {font-weight:bold}
	.col1 {width:44%; float:left; margin:0;padding:0;margin-bottom:1em}
	.col2 {width:44%; float:right;margin-bottom:1em}

	/* news, annuaire et Download */
	.menunews, .menuannu, .menufaq, .menudowload, .menucita {width:98%; float:left;}
	.menunews ul, .menuannu ul, .menufaq ul, .menudowload ul, .menucita ul {list-style-type:none; margin:0; padding:0}
	.menunews li, .menuannu li, .menufaq li, .menudownload li,.menucita li {list-style-type:none; margin-top:0.6em; margin-bottom:0.1em; font-weight:bold}
  	.menunews a, .menuannu a, .menufaq a, .menudownload a, .menucita a {font-weight:bold; font-size:0.9em}
  	.menunews span, .menuannu span, .menufaq span, .menudownload span,.menucita span {color:#586CA6;font-size:0.8em}
	.menunews ul li:before, .puce:before, .menuannu ul li:before, .menufaq ul li:before, .menudownload ul li:before, .menucita ul li:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#900}
	.menusuitenews {font-weight:bold;margin-left:150px}
	.mnewsdate, .mannudate{display:none} /* supprime l'affichage des dates -breves,annuaire,download,faq */
       .menucita li{font-size:0.9em}/* ajout pour reduire taille citations */
       .menucita p{display:inline;margin:0;}       

span.mfaqdate, span.mnewsdate  {padding:0.2em; margin:0; border:0; border-bottom:1px solid #900; background:#eee;}

	/*dernierpost du forum*/  
	#lastposts{list-style-type:none}


	/*derniercommentaire breves*/
	.dernierscom {font-size:12px; font-family:'Arial', Verdana; color:#666; }
	.dernierscomsign {font-size:10px; font-family:'Arial', Verdana; color:#14426F;background-color:#C2D9EF; }
	.dernierscomsign a{font-size:11px;text-decoration:none; color:#1967B4; }


	/* edito */
	#edito {margin-bottom:0.2em; margin-left:0.2em;font-size:0.95em}
  	#edito h1 {/*display:inline; margin-right:0.5em;font-size:1em;*/color:#586CA6;background:none}
	#edito span {display:inline; color:#EAF3FB; font-size:5px}
	#edito a{font-weight:bold}

	/* menu dossiers */
	.mdoss {padding:0.5em; margin:0.5em 0 10px 0;font-size:0.9em}
	.mdoss img {float:left; margin:3px 5px 0 0}
        .mdoss span a {font-weight:bold}
        .mdoss span {display:block; font-size:0.9em;text-align:right;color:#586CA6; margin:0;padding:0;border-bottom:1px dotted #B3C6EF;border-top:1px dotted #B3C6EF}
	.mdossdate {padding:0.2em;margin:0;border:0;border-bottom:1px dotted #999;background:#CED7ED}
	.mdoss h2 {font-size: 1.1em;margin:0;padding:3px 0 0 0}
	.mdoss h3 {font-size: 1em; color:#333;font-weight:normal;margin:0;padding:0 0 10px 0}

	/* top dossiers */
	DIV.mdosstop {font-size:0.9em}
	DIV.mdosstop img {float:left; margin:3px 5px 0 0}
	DIV.mdosstop h2{font-size: 1em;margin:0;border:0;line-height:8px}
	
	/* histoires aleatoires */ 
	DIV.mdoss3 {padding-top:0} 
	DIV.mdoss3 img {float:left; padding-right:0.2em;border:0} 
	DIV.mdoss3 a {font-weight:bold; color:#003399;} 
	DIV.mdoss3 a:hover {color:#003399;} 
	DIV.mdoss3 span a{font-size: 0.8em;color:#000099;} 
	DIV.mdoss3 span {font-size: 0.8em;color:#000099;} 
	DIV.mdoss3 h2{font-size: 1em;margin:0;padding:0;border:0;}
	DIV.mdoss3  h3 {font-size: 1em; font-weight:normal;margin:0 0 1em 0;padding:0}

	/* dossiers aleatoires 1 */ 
	DIV.mdoss1 {padding-top:1em;} 
	DIV.mdoss1 img {float:left; padding-right:0.2em;border:0} 
	DIV.mdoss1 a {font-weight:bold; color:#003399;} 
	DIV.mdoss1 a:hover {color:#003399;} 
	DIV.mdoss1 span a{font-size: 0.8em;color:#000099;} 
	DIV.mdoss1 span {font-size: 0.8em;color:#000099;} 
        .mdoss1 span{display:none}

	/* dossiers aleatoires 2*/ 
	DIV.mdoss2 {padding-top:1em;} 
	DIV.mdoss2 img {float:left; padding-right:0.2em;} 
	DIV.mdoss2 a {font-weight:bold; color:#003399;} 
	DIV.mdoss1 a:hover {color:#003399;} 
	DIV.mdoss2 span a{font-size: 0.91em;color:#000099;} 
	DIV.mdoss2 span {font-size: 0em;color:#000099;} 

	/* menu agenda */
	.magenda {padding:1em 0 1em 0; margin:0;font-size:0.9em}
	.magenda img {float:left; padding-right:0.2em}
	.magenda span a {font-weight:bold}
	.magenda span {display:block; text-align:right;color:#666; margin:0;padding:0;border-bottom:1px dotted #666;border-top:1px dotted #666}
	.magenda span.magendadate {padding:0.2em;margin:0;border:0;background:#CED7ED;font-size: 0.9em}
	.magenda h2 {font-size: 1.2em}
	.magenda h3 {font-size: 1em; font-weight:normal;margin:0 0 1em 0;padding:0}

/*
.menuagenda {background-color:#306424; width:98%; text-align:center; margin-bottom:1em; padding:1px 0 1px 0;}
    .menuagenda label {color:white; font-weight:bold;}
    .menuagenda select {_margin-bottom: -15px;}
    .menuagenda input {_margin-bottom: -15px;}
.left {float:left; padding-right:0.5em;}
.right {float:right; padding-left:0.5em;}
*/


	/*miniannuaire*/
	.minian {margin:1em 0 2em 0; float:left; width:45%}
	.minian ul {padding-left: 1px}
	.minian li {
		background-image: url(/artpublic/templates/temp/xxl/archi2.gif);
		background-repeat: no-repeat;
		background-position: left center;
		list-style-type: none;
		padding-left: 17px
	}
	.minian2 {margin:1em 0 2em 0; float:right; width:45%}
	.minian2 ul {padding-left: 1px}
	.minian2 li {
		background-image: url(/artpublic/templates/temp/xxl/archi2.gif);
		background-repeat: no-repeat;
		background-position: left center;
		list-style-type: none;
		padding-left: 17px
	}


/**** editor xhtml (ajout fckeditor) ****/
	.img_left {float:left; padding-right:0.5em}
	.img_right {float:right; padding-left:0.5em}
	.txt_bold {font-weight:bold; font-size:1em; color:#666}
	.txt_code {
	width:98%;
	border: #000 1px dotted;
	padding: 0 5px 0 5px;
	color: #000;
	background-color: #EEE
	}
	.txt_right {text-align:right}



/**** lien glossaire ****/
	a.gloss {cursor:help;border-bottom:1px dotted #369}


/**** messagerie ****/
	.mess_envoi {text-align:right;font-weight:bold}
	.mess_tab {width:98%;border:1px #000 solid}
	.mess_tab th {background:#666; color:#fff;padding:0.2em}
	.mess_tab td {border-bottom:1px #666 dotted}
	div.mess_form {width:90%;background:#eee; border:1px dotted #666;padding:1em}
	.mess_error {color:red}
	.mess_form label {font-weight:bold}



/**** auteurs ****/
.contrib {margin:2em 1em 0 1em;width:90%;padding:1em;border:1px dotted #666;background:#E0E4EF}
.contrib h1 {padding:0;margin:0;font-size:1.4em;background:none;color:#003399}
.contrib h2 {padding:0;margin:0.5em 0 0 0;font-size:1.2em;background:#586CA6;color:#fff}
.contrib h3 {padding:0.2em 0 0 0;margin:0;font-size:1.2em;border-top:1px solid #000099;text-align:right}
.contrib a {font-weight:bold; text-align:center}
.contcol {width:45%;padding:0.5em;margin:0.5em;float:left}
.contcol2 {width:45%;padding:0.5em;margin:0.5em}
.contdesc {margin-top:2em;padding:1em;background:#A7BDDF; border:1px dotted #586ca6}
	.contdesc img {float:left;margin-right:1em;border:2px solid #586ca6}
.contart {margin-top:2em}
	.contart h1 {border-bottom:1px solid #000099;background:none;color:#003399}
	.contart ul {padding:1em;margin:1em}



/****** lien modification rapide des dossiers en ligne *****/
/*
 .modifdos{
	color: White;
	background-color: #a5c0f7;
	padding: 2px;
}
 a.modifdos{
	text-decoration: none;
}
 a:hover.modifdos{
	color: #FF0000;
	text-decoration: none;
}
*/

/****** mise en page info/a_propos.php -mentions legales *****/
.apropos{
 width:auto;
 text-align:center;    
}
	.apropos ul { font-weight:bold;margin-right:1em; display:inline; border-right:1px solid #586CA6}
	.apropos ul li {border-left:1px solid #586CA6; display:inline; padding-right:0.6em; padding-left:1em}
	.apropos A {color:#586CA6}
	.apropos A:hover {color:#FF6600}




/****** mise en page utilisateurs/inscription.php *****/
/*.info-inscrip {border-left: 1px solid rgb(255, 153, 51); margin: 1em; padding: 0 0 1em 1em ; float: right; width: 42%;height:660px;color:#000066}
.info-inscrip2{padding: 0 1em 1em 10px;float: right; background: url("images/info.png") center left no-repeat;list-style-type:none;}
.info-inscrip2 li {text-indent : 0px ;background: url(images/fleche.gif) top left no-repeat; line-height : 140% ; margin : 10px 0 0 0}
.info-inscrip p{clear:both;}
.info-inscrip img{margin-bottom: -7px;}*/
/* hr.separt {margin-left: 0px; color:#ff9933;background:#ff9933; width: 45%; text-align: left; height: 1px;clear:both;} */


/****** mise en page utilisateurs/inscription.php *****/

.info-inscrip {/*border-left: 0px solid rgb(255, 153, 51);*/ margin: 0.5em 0 0 1em; padding: 0px 1em 1em ; float: right; width: 38%;color:#000066;text-align:justify}
.info-inscrip2{padding: 0 1em 1em 10px;float: right;/* background: url("images/info.png") center left no-repeat;*/list-style-type:none;}
.info-inscrip2 li {/*text-indent : 1px ;background: url(images/fleche.gif) top left no-repeat;*/ line-height : 140% ; margin : 10px 0 0 0}
.info-inscrip p{clear:both;}
.info-inscrip img{margin-bottom: -7px;}
/*hr.separt {margin-left: 0px; color:#ff9933;background:#ff9933; width: 45%; text-align: left; height: 1px;clear:both;}*/
p#note-inscrip {border: 1px solid #ccc;	width: 90%;padding: 0.5em;background:#F7F7F7; margin:0 auto;margin-top:20em;font-style: italic;}




/*#imprime {margin-top:2em;width:98%;text-align:right;} */
/*#imprime input {background-color:#EEF6FB;border:1px solid #586CA6}*/
 #imprime {float:left;margin-top:2em;width:98%;text-align:right} 
 #imprime input {background-color:#EEF6FB} 

/****** mise en page icones recommander-imprimer-lecture malvoyants *****/
.barre_outils{text-align:right}
.barre_outils img{padding-left:10px}


/**** systeme de notation ****/
	.ratingblock {display:block;padding-bottom:8px;margin-bottom:8px;text-align:left}

	.ratingblock p {margin:0;padding:0}

	.loading {height: 15px;background: url('img/working.gif') 50% 50% no-repeat;}
	
	.unit-rating { /* the UL */
	list-style:none;margin: 0px;padding:0px;height: 15px;position: relative;background: url('img/starrating.gif') top left repeat-x;}

	.unit-rating li{text-indent: -90000px;padding:0px;margin:0px;/*\*/float: left;/* */}
	
	.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 15;
	position: absolute;
	padding: 0px;
	}
	
	.unit-rating li a:hover{background: url('img/starrating.gif') left center;z-index: 2;left: 0px;}

	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:15px;}
	.unit-rating a.r2-unit{left:15px;}
	.unit-rating a.r2-unit:hover{width: 30px;}
	.unit-rating a.r3-unit{left: 30px;}
	.unit-rating a.r3-unit:hover{width: 45px;}
	.unit-rating a.r4-unit{left: 45px;}	
	.unit-rating a.r4-unit:hover{width: 60px;}
	.unit-rating a.r5-unit{left: 60px;}
	.unit-rating a.r5-unit:hover{width: 75px;}
	.unit-rating a.r6-unit{left: 75px;}
	.unit-rating a.r6-unit:hover{width: 90px;}
	.unit-rating a.r7-unit{left: 90px;}
	.unit-rating a.r7-unit:hover{width: 105px;}
	.unit-rating a.r8-unit{left: 105px;}
	.unit-rating a.r8-unit:hover{width: 120px;}
	.unit-rating a.r9-unit{left: 120px;}
	.unit-rating a.r9-unit:hover{width: 135px;}
	.unit-rating a.r10-unit{left: 135px;}
	.unit-rating a.r10-unit:hover{width: 150px;}

	.unit-rating li.current-rating {
	background: url('img/starrating.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

	.voted {color:#999;}
	.thanks {color:#36AA3D;}
	.static {color:#5D3126;}


/*formulaires*/
/* fieldset {margin:1em;padding:1em;width:80%;} */
fieldset {margin:0 0 1em 0;padding:1em;border:1px solid #586CA6;width:auto} /*ERIC-largeur modifie pour affichage correct dans inscription.php */
legend {font-weight:bold;color:#003399;font-size:1em}
#form_textedos{width:100%;height:200px}	/*formulaires commentaires*/


	
 	/* soumettre un site */
 	DIV.catphp_soum {
	float:left;width:98%;margin:2em 0 2em 0;text-align:center;font-weight:bold;
	border:1px solid #586CA6;
	padding:0.5em 0 0.5em 0;
	background:#eee
	}




/*syndication*/
	#rsscol1 {float:left;width:47%;margin:2em 2em 0 0.5em}
	#rsscol2 {float:left;width:47%;margin-top:2em}
	#rsscol1 h2, #rsscol2 h2 {font-size:1.5em;border-bottom:2px dotted #FF6600}
	#rsscol1 li, #rsscol2 li {padding-bottom:0.3em}
	.rss, .rss2 {margin:1em; padding:1em}

/*backend*/
	.inforss, .inforss2, .inforss3 {width:90%; margin:1em; padding:1em;border:1px dotted #666;background:#D7E9FA}



/*plan*/
	.plan {width: 98%; padding-top:2em; border-bottom: #EF9700 1px dotted; padding-bottom:1em}
	.plan h2 {font-size:1.5em;display:inline}
	.plan h2 a{color:#586ca6}
	.plan a {color:#3E4B6F}
	.plan ul {margin-left:22px; padding-top:0.5em}
	.plan_cat {list-style-type:circle; margin-left:2em}

/*liens partager les articles vers les sites communautaires*/
#partage {margin-top:20px;border-top:1px dashed #999;padding-top:10px;color:#666;font-size:0.80em}
#partage2 {margin-top:10px;border-top:1px dashed #999;padding-top:10px;color:#666;font-size:0.80em}
#partage span, #partage2 span {display:none}
#partage img, #partage2 img {margin:0 2px 0 2px}

/*horoscope*/
#horoscope{border:2px solid #586CA6;padding:5em 0 0 1em}

/*sudoku*/
#sudoku{border:2px solid #586CA6;padding:3em 0 0 0;text-align:center;background-color:#EFF4FF}


