@charset "utf-8";

/*---------------------------------------------------------------------accueil------------------------------------------------------------*/
/*--------------tableau---------------------*/
#leftview img, #leftview
{
	float:left !important;
	float:none;
	height:0px; /*40*/
}

#leftview
{
	border: thin solid #343434;
	height:273px;/*301*/
	background:none;
}

.tab_5_actu #img_petite
{
	height:35px;
	width:35px;
}

.actu
{
	width:178px;
	border: 0;
}

.tab_5_actu
{
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:5px;
	background-color: #FFFFFF;
	height:39px;
	font-weight: bold;
	text-indent:10px ;	
}

/*--------------grande image au 1er chargement---------------------*/
#bigview_0 
{
	border: thin solid #343434;
	position: absolute;
	margin-left:179px;
	height:273px;/*301 273*/
	width:350px;
	z-index:0; 
}

#bigview_0 img
{
	position: absolute;
	height:273px;/*301 273*/
	width:350px;
	z-index:0; /* hérite de la propriété de son parent */
}

/*-------1er texte (menu)---*/
#ssmenu_titre_0
{
	position:absolute !important;
	position:none;
	margin-left:179px;/*195*/
	margin-top:194px ;
	width:331px;
	height:70px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
	z-index:4;
	background-image: url(img/NOIR.png);
	background-repeat:repeat-x ;
}

#ssmenu_titre_0 span , #ssmenu_titre span , #ssmenu_titre_0 a, #ssmenu_titre a
{
font-weight:bold;
color:#FFFFFF;
}

#ssmenu_titre_0 a:hover, #ssmenu_titre a:hover
{
color:#ffe000;
}

/*^^------------------------^^*/
#bigview
{
	border: thin solid #343434;
	position: absolute;
	margin-left:179px;
	margin-top:0px;
	height:273px;/*273*/
	width:350px;
	z-index:2; 
}
/*--------------grande image ---------------------*/
#bigview img
{
	z-index:2; /* 3 hérite de la propriété de son parent */
	position: absolute;
	height:273px;/*273*/
	width:350px;
}	

/*-------1er texte (menu)---*/
#ssmenu_titre
{
	position:absolute;
	margin-left:179px;
	margin-top:194px;
	width:331px;
	height:70px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
	z-index:3;
	background-image: url(img/NOIR.png);
	background-repeat:repeat-x ;
	display:none;
}

/*-----------top 5 -----------*/
.tableau_5_dernieres
{
	position : absolute;
	margin-left:560px;
	width:380px;
	text-align:left;
}
/*------------------------*/
.tab_5
{
	white-space:nowrap;
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: thin solid #343434;
	padding: 2px;
	text-align: left;
	background-color: #FFFFFF;
}
/*--------activité recentes-----------*/
.tableau_recent
{

	width:100%;

}



.tab_5_petite
{
	white-space:nowrap;
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: thin solid #343434;
	padding: 2px;
	text-align: left;
	width:20px;
	background-color: #FFFFFF;
}

/*-----------5 dernier-----------*/
.tableau_5_hasard
{
	position : absolute;
	margin-left:560px;
	margin-top:154px;
	width:380px;
	text-align:left;
}

/*^^------------------------^^*/
.bas_accueil
{
	margin-top:320px;/*350 285*/
	margin-bottom:130px;/*50 145 350 285*/


}
/*^-----------------------------------------------------------------------------------------------------------------^*/
a
{
	text-decoration:none;
	color:#22405a}

a img
{
	border:none;
}

.img_modif
{
margin-left:5px;
width:91%;
}

.img_art
{
max-width:100%;
}

.img_edit_art
{
	width:20%;
}

.img_404
{
	margin-left:27%;
	width:50%;
}

.h4_even
{
margin-left:15px;
}

.img_evenement
{
	float: left;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	height:109px;
	width:109px;
}

.evenement_texte 
{
	color: #000; 
	line-height:180%;
	margin-left:18%;
	padding-right:15px;
}

.quoi_de_9
{

	margin-bottom:30px;
	background-color: #FFFFFF;
	border: 1px solid #343434;
	
		/*http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html
		modifier egalement le fichier roundies.js
		*/
/*		-moz-border-radius: 	10px;/*FF*/
/*      -webkit-border-radius: 	10px; /*chrome*/
/*		 border-radius: 		10px;
*/		
		
}

/*-------------------------------recent-------------------------------*/
.recent_1, .recent_2, .recent_3
{
	background-image: url(img/bw.png);
	background-repeat:repeat-x;
	
	-moz-border-radius: 	0 15px 0 15px;/*FF*/
	-webkit-border-radius: 	0 15px 0 15px; /*chrome*/
	border-radius: 			0 15px 0 15px;
	width : 30%;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	
	
		font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.recent_1 p, .recent_2 p, .recent_3 p
{
	color:  #FFFFFF;
	font-weight:bold;
	padding-bottom:10px;

}


.recent_1 /*article*/
{
	float:left;
	background-color:  #9FB4D1;
}


.recent_2 /*webmaster*/
{
	float:right;
	background-color:  #9FB4D1;
}


.recent_3 /*commentaire*/
{
	padding-top:1px;
	margin-left: auto; 
	margin-right: auto; 
	background-color:  #9FB4D1;
}


.msg_date
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;	
	text-align:center;
	border-bottom: 0px;
	border-top: 0px;
}


.text_recent
{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

color: #000;
}

/*^^-------------------------------------------------------------------^^*/







span
{
color:#FF0000 ; /*#FF0000*/
}

table 
{
	border: thin solid #22405a;
	border-collapse: collapse;
	width: 95%;
}

th 
{
/*font-family: monospace;*/
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: thin solid #343434;
	padding: 5px;
	background-color: #22405a;
	color:#FFFFFF;
	background-image: url(img/menu.png);
	background-repeat:repeat-x ;
}


.th_plan
{
background-image: none;

}


#plan th		/*dessin , developpement....*/
{
	border:none;
	color:#000;
	background-color: #Fafafa;
	font-size: 12px;
	font-weight:bold;
	padding-left:30px;
}

#plan th a	/*titre des fiche*/
{
	font-weight:normal;
}

#plan	/* tableau plan*/
{
	margin-left:90px;
	border:none;
	width: 80%;
	margin-bottom:20px;
}

.plan_p /*tutoriel*/
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-left:120px;
}

.plan_index	/*index, contact, partenaire....*/
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	text-align: center;
	margin-top:10px;
}

hr
{
	background-color:#343434;
	height:1x;
	border:none;
	width:74%;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

.tab 
{
	white-space:nowrap;
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: thin solid #343434;
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;
}	

.tab_contact, .tab_msg
{
	white-space:nowrap;
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border: thin solid #343434;
	padding: 2px;
	text-align: left;
	background-color: #FFFFFF;
}		
	
html
{
	overflow-y:scroll; /*forcer le scrollbar des page*/
	overflow-x:hidden;
		background-image: url(img/degrade/fond_degrade_6.png) ;	/*!important autre que ie*/
	background-repeat:repeat-x;
	background-position:0px 0px;
		background-color: #6894c4;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
}

/**************************************l'ensemble de la page****************************************/	
body
{
	width: 994px;/*980*/	/*largeur du site mot de recherche : large_site*/ /*pour pub 728*90 1036*/
	margin:  auto; 			/* Pour centrer notre page */
	margin-top: 20px; 		/* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-attachment:scroll;
}

/********************************baniere**********************************************/
#en_tete /*baniere*/
{	
	max-height: 110px; /*118px*/
	min-height: 110px; /* 110 118px*/
	height: auto; /*120*/
	background-color:#FFFFFF;
	border: #ccc 1px solid ;
	background-repeat:no-repeat;
}

#en_tete_admin
{
padding-top:13px;
	max-height: 97px; /*118px*/
	min-height: 97px; /*118px*/
	height: auto; /*120*/
	background-color:#FFFFFF;
	border: #ccc 1px solid ;
	background-repeat:no-repeat;
	text-align:center;
}

#banniere
{
margin-top:10px;
margin-left:20px;
margin-bottom:10px;
}

#tag
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
float:right;
margin-top:-100px;/*25*/
margin-right:20px !important;
margin-right:10px;
}

#tag_bas	/*banniere pub  fiche*/
{
	/*-moz-border-radius :5px 5px 5px 5px ;*/

	float:right;
	margin-top:15px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	background-color:#Fafafa;
	border: 1px solid #343434; /*0299fd Une bordure pour bien marquer les limites du corps et pour faire joli */

}

#corps_index_tag
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
height:60px;
	margin-top:15px;	/*15*/
	color:#000;
	padding-top: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	padding-bottom: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	padding-left:5px ;
	padding-right:5px ;
	width:940px ; /*824 pour pub */
	background-color:#Fafafa;
	border: 1px solid #343434; /*0299fd Une bordure pour bien marquer les limites du corps et pour faire joli */
	
}

#corps_index_tag_1
{
float:left;
}

#corps_index_tag_2
{
float:right;
}

/********************************visite**********************************************/
.visite
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;	
	text-align:center;
	background-color:#FFFFFF;
	border: #ccc 1px solid ;
	border-bottom: 0px;
	border-top: 0px;
}

a:hover,  #ETAPE2 #bbcode_lien:hover , #corps #bbcode_lien:hover
{
	color:#0299fd; /*0F0**  bleu 0299fd*/
}

/**************************************CONNEXION login*********************************************/

.connexion_inscrit
{
color:#FF0000; /*0F0**  bleu 0299fd*/
}

.visite #box input , #box
{
	font-size: 15px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.grise
{
color:#ccc;
}
/**************************errur de pass*****************************/
#erreur
{
	background-color:#FF0000;
	position: absolute;
	margin-left:21px;
	margin-top:10px;/**************1*******************/
	padding-bottom:5px;
	border: #343434 1px solid ;
	width: 950px; /*936  large_site  978      	pour pub 728*90  992*/ 
}

#erreur span
{
	color:#FFFFFF;
	margin-left:36%;
}

.bonus
{
	position : absolute;
	z-index:0;
	background: url(img/NWK.png) no-repeat;
	width:100%;
	height:200px;
	left : 50%;
	margin-left : 500px;
	margin-top:200px;
}

/*****************************div regroupant le menu et le corps***************************************/
#tout
{
	background-color:#FFFFFF; /* FAFAFA*/
	padding-left:20px; /*****************************************ligne menu*/
	padding-right:20px; /*34 pour ie*****+scroolbar***********************************ligne menu*******************ici ba***********************/
	padding-top:30px; /*****************19************************ligne menu*/
	/*margin-bottom:100px; /*****************19************************ligne menu*/
	
	 
	border:solid 1px #ccc;
	border-bottom: 0px;
padding-bottom:20px;

}
/*--------------------------------------NWK----------------------------------------------------*/
#info /*titre de la page*/
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 15px;/*15*/
	font-weight:bold;
	background-color:#Fafafa;
	position: absolute;
	margin-left:21px;
	margin-right:21px;
	margin-top:10px;/**************1******marge entre visite et info*************/
	padding-bottom:10px;/*10*/
	border: #343434 1px solid ;
	width: 950px; /*936  large_site 978   			pour pub 728*90  992*/  
	color:#000;
}
/*---------------------------------------------menu horizontale-----------------------------------------------*/
body 
{
	behavior: url(csshover.htc);
}

#menu_horiz
{
	padding-bottom:40px;/* 43 decal le menu vers le bas*/
	font-weight:bold;
	width: 952px; /*936  large_site 978   			pour pub 728*90  992*/  
}

div#menu_horiz a /* texte*/
{
	color:#FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
}

div#menu_horiz ul /*mise en page*/
{
	padding: 0; 
	margin:0px; 
	margin-top:0px;  /*decal  le menu*/
	text-align:center
}

div#menu_horiz li /*couleur*/
{
	background-image: url(img/menu.png);
	background-repeat: repeat-x;
	background-color:#22405a;
}

#menu_horiz ul li 
{border-top: #343434 1px solid ;}

#menu_horiz ul li ul li
{border-top:0px solid ;}

div#menu_horiz ul li ul li , div#menu_horiz ul li ul li:hover
{
	z-index:10;
	background:none;
	background-color:#22405a;
}

#menu_horiz li a:hover 
{
	color:#ffe000; /*FFD700 jaune 0299fd bleu*/
}

div#menu_horiz ul li /* une petite bordure en top*/
{
	position:relative; 
	list-style: none; 
	float:left; 
}

div#menu_horiz ul ul /*cache en block*/
{
	position: absolute;
	display:none; 
	width:100px;
}

div#menu_horiz li a /*taille des cellules*/
{
	text-decoration: none; 
	padding: 4px 0 4px;
	display:block;
	width:136px;/*134px********************ici ba large_site ***********************  pour pub 728*90  142*/
}

/*hover*/
div#menu_horiz ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu_horiz ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/*decal les sous sous titre sur la droite*/
div#menu_horiz ul.niveau3 {top:-1px; left: 134px;}

#menu_horiz .smenusjaune		/*menu horizontal*/
{
	color:#ffe000;	/*jaune*/
}

/*-------------------------------------------------------------- Le menu vertical -------------------------------------------------------------*/
#menu
{
   float: left; /*collé a gauche*/
   width: 200px; /*taille du menu de gauche           130			pour pub 728*90  250*/
   margin-right:10px;
}

#menu_lien_verti li			/*--style entier-*/
{
	list-style:none;
	border-bottom: 0px solid ;
}

#menu_lien_verti li a 			/*--style entier-*/
{
	display:block;
	text-decoration:none;
}

.element_menu, .element_menu_admin
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
	background-color: #Fafafa; /*couleur du fond du menu*/
	border: 1px solid #343434 ; /*contour du menu*/
}

.element_menu h3 , .element_menu_admin h3 
{
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	border-left:#Fafafa 5px solid ;
	border-right:#Fafafa 5px solid ; 
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:2px; /*decale le carde noir en bas*/
	background-color:#22405a;
		background-image: url(img/blanc.png);
	background-repeat: repeat-x;
}

#ETAPE1 h3, #ETAPE2 h3, #ETAPE3 h3
{
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	border-left:#FFFFFF 5px solid ;
	border-right:#FFFFFF 5px solid ; 
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:2px; /*decale le carde noir en bas*/
	background-color:#22405a;
	
}

.element_menu ul  , .element_menu_admin ul /* Toutes les listes à puces se trouvant dans un menu */
{
	margin:0;padding:0; /*met tout a zero*/
	padding-top:0px; /* Tous les côtés ont une marge intérieure de 0 pixels ***********************************************/
}

.element_menu strong , .element_menu_admin strong
{
	display:block;
	font-weight:normal;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
	text-indent:-17px !important;	/*firefox		puce*/
	text-indent:0px ;				/*ie	 		puce*/
	margin-left:23px !important;
	margin-left:5px;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #22405a; /*#B3B3B3;*/
    height:25px;/*35*/
	margin-right:5px;	
	margin-top:10px;
	margin-bottom:14px;
}

.element_menu a:hover    , .element_menu a:hover .puce /* Quand on pointe sur un lien du menu */
{
	color:#0299fd;
}

#art_ok , #art_ok .puce
{
	color:#000;
}

/************************************************MENU ADMIN****************************************************************/
/* Tous les liens se trouvant dans un menu */
.element_menu_admin a 
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #22405a; /*#B3B3B3;*/
    height:20px;/*25*/
	margin-left:6px;
	margin-right:5px;
	margin-bottom:8px;
}

.element_menu_admin a:hover , .element_menu_admin a:hover  .puce
{
	color:#0299fd;
}

.connexion_tableau
{
overflow:scroll;
height:auto ;
min-height:430px;/*352  350*/
max-height:430px; /*352*/
}

.titre_admin /*titre du menu admin sans tableau*/
{
	color: #343434;  
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	border: #343434 1px solid ; /*color_cadre   color_noir_matt  */
	margin-top:0px;
	background-color:#FfFfFf;
}

.ETAPE_con h3 /*titre du menu admin avec tableau*/
{
color: #343434;  
}

#btn_contact /*buoton retour du contact*/
{
float:right;
}

.nouveau
{
color:#00db00;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10px;
}

#vert
{
color:#00db00;
}

.ancre_inscrit, .ancre_inscrit:hover
{
color:#000;

}

/********************************corps**********************************************/
#corps_index
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
	text-align:left;
	color:#000;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	background-color:#Fafafa;
	border: 1px solid #343434; /*0299fd Une bordure pour bien marquer les limites du corps et pour faire joli */
	/*height:275px;*/
}

#corps
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
   margin-left: 212px;	/* 210 140 Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu		 pour pub 728*90  266*/
   padding: 5px;		/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #22405a;
   background-color: #Fafafa;
   border: 1px solid #343434; /*  0299fd   0172be*/    
   padding-bottom :15px;
}

.contenu_corps /*hauteur du contenu*/
{
	height:auto ;
}

.contenu_corps_admin /*hauteur du contenu*/
{
	min-height:530px; /*483 352*/
	
	height:auto ;
}

#corps h1 , #ETAPE1 h1 , #corps_index h1
{
/*-moz-border-radius :5px 5px 5px 5px ;*/
   color: #FFFFFF;
   text-align: center;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 20px;
 border: #22405a 1px solid ;/*bleu #0299fd*/
 margin-top:0px;
 background-color:#22405a;
 background-image: url(img/blanc.png);
	background-repeat: repeat-x;
}


#publie /*publier*//* #corps h5  {}*/
{
margin:0;
padding:0;
font-size: 11px;
font-weight:normal;
color: #000; 
}

#wiki
{
float:right;
font-size: 10px;
font-weight:normal;
color: #000; 
margin:0;
padding:0;
margin-top:-5px;
margin-right:10px
}

#corps h2 /* Tous les titres h2 du corps */
{
	font-size: 20px;
	margin-left:50px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #22405a; 
}

.texte_article
{
color: #000; 
 line-height:150%;
 padding-left:10px;
 padding-right:10px;
}

.mep_texte /*texte page*/
{
	color: #000; 
	text-indent:30px;
	line-height:180%;
	padding-left:15px;
	padding-right:15px;
}

/*--------------------------------------------------------ETAPE------------------------------------------------------------------------------*/
#ETAPE1
{
	background-color:#FFFFFF;
	width: 45%;/*47 pour fire fox   -   45 ie chrome*/
	float: left;
	border: #343434 1px solid ;
}

#ETAPE2
{
	width: 54%;/*52 FF -54 */
	float: right;
	background-color:#FFFFFF;
	border: #343434 1px solid ;
}

.etape2_support /*libellé dans support visu*/
{
	font-weight:bold; /*chrome et firefox*/
	color: #000}

/*
.up_file
{
	font-weight:bold; 
	color: < ?php echo  $color_noir ;? >;
	margin-left:10px;
}
*/


.suppr_img
{
margin-left:270px;
}
.modif_file
{
margin-left:7px;
}

.suppr_imga
{
margin-left:-13px;

}

.file_up
{
padding-left:10px;

}


#ETAPE2 input[type="file"]
{
	font-size:12px;
}

.min/*pour modif image*/
{
	padding-left:39%;/*39*/
}

#ETAPE3
{	
	background-color:#FFFFFF;
	border: #343434 1px solid ;
	padding-right:0px;
	margin-top:320px;/*258 239 301 314 282 decale etape 3 vers le bas*/
}

.annuler_modif
{
color:#FFFFFF;
background-color:#22405a;
text-align:center;
width:190px;
padding-left:66px;
padding-right:66px;
font-size:13px;
border: #ccc 1px solid ;
}

/****************************admin control***********************************meme chose que etape************************************/
.ETAPE_con h3 ,.connexion_tableau h3 
{
	background-color:#FfFfFf;
	border: #343434 1px solid ;
	border-bottom: #343434 0px solid ;
	margin:0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
}

.div_contact	/*mise en page du message contact*/
{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-bottom:20px;
}

/************************tableau de controle*********************************/
.tableau
{
	width:100%;
	height:100%
}

.tableau_partenaire
{
	margin:auto;
	width:100%;
}

.tableau tr , .compteur , #ETAPE3 p
{
color:#000;
}

/*menu  titre*/
#menu_horiz .titre_blanc, #corps h1 , #menu h3, #corps .compteur_commentaire, #corps form[name="formulaire"] .compteur, #ETAPE1 h3, #ETAPE2 h3, #ETAPE3 h3, .ETAPE_con th, #box span, .tableau th
{
color:#FFFFFF;	/*jaune*/
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/

#debut_texte /*  bienvenu....*/
{
text-indent:45px;
line-height:200%;
padding-left:15px;
padding-right:15px;
}

#texte_accueil /* texte accueil ..*/
{
line-height:200%;
padding-left:15px;
padding-right:15px;
}

p
{
padding-left:15px;
padding-right:15px;
line-height:150%;
}

#signature
{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:-20px;
	margin-right:20px;
	float:right;
}

.puce
{
color:#22405a;
	/*
	font-size: 15px; //19
	*/
}

#corps label ,  #corps_index label,  #box label 
{	
color:#000;
	display: block;
	width: 37%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}
/*************** Input **************/ 
#corps input, #corps radio, #corps textarea, #corps select , #corps_index input, #corps_index radio, #corps_index textarea, #corps_index select  , #box input[type="text"],  #box input[type="password"]
{
	margin-left: 1%;
	width: 58%;
	border: #ccc 1px solid ;
}

#corps .full_com
{
	width:98%;
	margin:auto;
	padding-right:4px;
}

/***************input en lecture**************/
#corps [readonly="readonly"]
{
	background: none;
	border:none;
}

/*checkbox*/
#corps input[type="checkbox"] , #corps_index input[type="checkbox"]
{
	width:15px
}

#corps input[type="radio"]
{
	width:5px;
	float:left
}

#corps .bouton_coul
{
	width:20px;
	background-color:#22405a;
	color:#FFFFFF;
}

/*-----------------------------------bbcode-------------------------------*/

#corps .bbcode_modif
{
	width:67px;	/*200*/
	background-color:#FFFFFF;
	color:#FFFFFF;
}

#corps #ETAPE2 input[type="button"]
{
	width:67px;
	background-color:#Fafafa;

}


#ETAPE2 #bbcode_code , #corps #bbcode_code , i
{
color:#5AAAE8 ;
font-style:italic;
}

#ETAPE2 #bbcode_lien, #corps #bbcode_lien
{
color:#22405a}

#ETAPE2 #bbcode_important, #corps #bbcode_important
{
color:#FF0000}
/*------------------------------------------------------------------------*/

.con_ok
{
	width:178px;
	background-color:#22405a;
color:#FFFFFF;
	border: #ccc 1px solid ;
}

.con_nul
{
	width:178px;
	background-color:#22405a;
	color:#FFFFFF;

		border: #ccc 1px solid ;
}

#corps input[type="submit"], #corps_index input[type="submit"]
{
	width:190px;
	background-color:#22405a;
}

#corps_index input[type="submit"], .contenu_corps_admin input[type="submit"], .contenu_corps input[type="submit"]
{
	background-color:#22405a;
}

/*bouton*/
#corps input[type="submit"], #corps_index input[type="submit"] , .annuler_modif
{
color:#FFFFFF}

/*********** button submit ***********/
#corps input[type="submit"] , #corps_index input[type="submit"]
{
	width: 27%;
}

#corps .label_nostyle ,#corps_index .label_nostyle
{
	background: none;
}

#corps input[id="nocomm"] , #corps input[id="ajout_couleur"]/*bouton ajout comentaire*/
{
margin-left: 35%;
}

/********************************Commentaire**********************************************/
#tableau_commentaire
{
width:100%;
margin-top :2px;
border:1px solid #22405a;
}

#tableau_commentaire th, #tableau_commentaire td
{
border:1px solid #ccc;
}

#pseu /* pseudo */
{
width:20%;
background-color:#ffd700;
padding-left: 12px;
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#post /*posté le ... */
{
background-color:#ffd700;
text-align:right;
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding-right:12px;
}

.compteur_commentaire
{
border:none;
background:none;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#comp_comm
{
background-color:#22405a;
width:30px;
color:#FFFFFF;
border:none;
}

.laisser_com
{
color:#000;
}


#commentaire /*case des commentaires*/
{
background-color:#FFFFFF;
padding-bottom:6px;
padding-top:3px;
padding-left:8px;
padding-right:8px;
}

.pseudo
{
	color:#22405a}


/*-----------------------------------------tableau du profil et change-------------------------------------------------*/

.ETAPE_profil_1 h3 , .ETAPE_profil_2 h3
{
	background-color:#FfFfFf;
	border: #343434 1px solid ;
	border-bottom: #343434 1px solid ;
	margin:0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	color: #343434;
}

.ETAPE_profil_1 th ,.ETAPE_profil_2 th
{
	color:#FFFFFF;
}

.ETAPE_profil_1 
{
float:left;
padding-left:2px;
border-bottom: #343434 1px solid ;

}
.ETAPE_profil_2
{
border-bottom: #343434 1px solid ;
float:right;
padding-right:3px;
}

.titre_profil 
{
	color: #343434;  
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	border: #343434 1px solid ;
	margin-top:0px;
	background-color:#FfFfFf;
	width:450px;
}

.ETAPE_change_1 h3 , .ETAPE_change_2 h3
{
	background-color:#FfFfFf;
	margin:0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	color: #343434;
	border-bottom: #343434 1px solid ;
	margin-top:0px;
}

.ETAPE_change_1 
{
	float:left;
	background-color:#FfFfFf;
	border: #343434 1px solid ;
	width:45%;
	height:170px;
}

.ETAPE_change_2 
{
	float:right;
	background-color:#FfFfFf;
	border: #343434 1px solid ;
	width:54%;
	height:170px;
}

#corps_index .ETAPE_change_1 input[type="text"] , #corps_index .ETAPE_change_1 input[type="password"]
{
width:49%;
}

#corps_index .ETAPE_change_2 input[type="text"] , #corps_index .ETAPE_change_2 input[type="password"]
{
width:49%;
}

#corps_index .change_label
{	
	color:#000;
	display: block;
	width: 45%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

.connexion_tableau_historique
{
	overflow:scroll;
	overflow-x: hidden;
	max-height:500px; /*352*/
}

.tableau_profil
{
	width:100%;
	height:100%;
}

.taille_profil
{
min-height:500px;
}

.taille_change
{
height:270px;
}

.p_profil
{
margin-top:2px;
margin-bottom:5px;
}

.fiel_change
{
margin-top:180px;
	background-color:#FfFfFf;
}
.fiel_profil
{
	background-color:#FfFfFf;
}

#corps_index .fiel_change input[type="submit"]
{
background:red;
}
/*-----------------------------------------^^FIN tableau du profil^^--------------------------------------------------*/

/********************************fin de page**********************************************/
#plus_bas
{
	background-color:#FFFFFF;
	border: #ccc 1px solid ;
	height:20px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align:center;
	padding-top:6px;/*6*/
	/*margin-top:130px;*/
	
}

#bas_xiti_admin
{
padding-left:340px;
margin-top:-13px;
}

#bas_xiti
{
padding-left:514px;
margin-top:-13px;
}

/*-----------------lightbox*/
#filter
{
	display: none; /*none*/
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #22405a; /*#CCA*/
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#box 
{
	display: none; /*none*/
	position: absolute;
	top: 20%;
	left: 32%;/**/
	width: 400px;/*taille de la box*/
	height: 110px;
	padding: 48px;
	margin:0;
	border: 1px solid #22405a;
	background-color: #FFFFFF;
	z-index:101;
	overflow: none;
}


/*----------------------------------voile lightscript--------------------------------*/
#bulle	
{
	display: none; /*none*/
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #22405a; /*#CCA*/
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);

}

/*
#img_close
{

	position: absolute;
	top: 37%;
	left: 62%;
		cursor: pointer;
		

}
*/



	
	
	
	
#box_bulle
{
display: none; /*none*/
	position: Fixed;
	top: 40%;
	left: 42%;
	padding-top:5px;
	padding-left:5px;

	width: 250px;/*taille de la box*/
	height: 30px;
	margin:0;
	border: 1px solid #22405a;
	background-color: #FFFFFF;
	z-index:101;
	overflow: none;
}



#boxtitle_bulle, #boxtitle_comm
{
display: none;
}










#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:496px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom:4px solid #0299fd; ;/*#09F*/
	background-color: #22405a;
	color:white;
	text-align:center;
}

#pseudobox
{
	position:absolute;
	margin-top:-30px;
	margin-left:905px;
}

#mailbox
{
	position:absolute;
	margin-top:-32px;
	margin-left:905px;
}