/****************************************************
*	Thème Soft_Grey                                 *
*	Réalisé par Methalian                           *
*	http://www.bulldogdesign.fr                     *
****************************************************/
/*  Modifs du thème : skippko                      */

body{
	background-image:url("../images/fond.png");
	background-repeat:repeat;
	/* Marge de 10px à gauche et à droite pour les petites résolution*/
	margin:0px 10px 0px 10px;
	font-size:14px;
	font-family:Comic, Arial,Verdana, Helvetica;
	color:#FFFF99;
}

/* Style inscritpion */
.insc {
	color:#FF9933;
}
.insc:link{
	color:#FF9933;
	}	
.insc:hover {
	color:#FFFF99;
	}

div#fond{
	color:#FF9933;
	position:fixed;
	top: 5px;
	left: 10px;
}

.news_contenu {
	background-color:#000000;
}

.blocs_titre {
	background-image:url("../images/header_block.png");
	background-repeat:no-repeat;
	height:47px;
	margin:0px;
	font-family: "Century Gothic", "Comic Sans MS", Arial;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
	}
	
.blocs_contenu {
	background-image:url("../images/block.png");
	background-repeat:repeat-y;
	margin:0px;
	padding: 20px;
	}
	
.blocs_pied{
	background-image:url("../images/footer_block.png");
	background-repeat:no-repeat;
	height:40px;
	margin:0px;
	}

/* Définition block général*/
div#general{
	background-image:url("../images/fond_general.png");
	background-repeat:repeat-y;
	width:950px;
	margin:auto;
}

/* Définition haut de page (logo) */
div#haut_de_page{
	background-image:url("../images/logo.png");
	background-repeat:no-repeat;
	width:950px;
	height:142px;
	margin:auto;
}

div#nav{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	word-spacing:-1px;
	letter-spacing:-2px ;
	}


/* Définition colonne de droite*/
div#colonne_de_droite{
	width:228px;
	float:right;
	padding-right:0px;
}

/* Définition de colonne centrale avec le bolc de droite */
div#colonne_centrale1{
	width:750px;
	margin-left:-30px;
	margin-right:0px;
	background-color:#000;
}

/* Définition de colonne centrale sans le bloc de droite */

div#colonne_centrale{

	width:92%;
	margin:auto;
	background-color:#000;

}

ol{

	width:70%;
	margin:auto;

}

/* Définition  du pied de page (copyrights)*/
div#pied_de_page{

	background-image:url("../images/pied.png");
	background-repeat:no-repeat;
	width:950px;
	height:65px;
	clear:both;
	text-align:center;
	margin-top:10px;
}


/*********/
/* FORUM */
/*********/

table.forum{
	width:95%;
	border:1px solid #ffff99;
	margin:auto;

}

td.forum{

	border:1px solid #ffff99;

}


th.forum{
	background-image:url("../images/forum/001.png");
	height:22px;
	border:1px solid #ffff99;

}

/*Elimination de la bordure des liens*/
img {
	border:0;
}
/* Elimination des marges avec <p> */
p {
	padding:0;
	margin-top:5px;
	margin-bottom: 5px;
}

/*Style des liens*/
a:hover{
	text-decoration:underline;
	color:#FFFF00;
	font-weight:bold;
	font-size:1em;
}

a:link , a:active , a:visited{
	text-decoration:none;
	color:#FFFF99;
	font-size:1em;
}
/*Style des barres de séparation*/
hr {
	width:50%;
}
/* Style des buttons submit et annuler*/
#valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler,
#poster,#verifer,#retour,#button,#bouton,#bouton2,#submit,
#reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur {
	background-color:#CC0000;
	height:16px;
	text-align:center;
	font-variant:small-caps;
	font-weight:normal;
	color:#FFFFCC;
	border-width:1px;
	border-color:#FFFF99;
}
/* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
.onmouse_over {
	border: 1px #666 dashed;
	background-color: #CC3333;
}
.onmouse_out{
  border: 0px;
}
.onmouse_over_forum {
  background: #ff9999;
}
.onmouse_out_forum {
  border: 0px;
}
/* Style des buttons submit et reset au passage dessus*/
#valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover,
#poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover,
#reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover {
	background-color:#DDDDDD;
	color:#666666;
	border-width:1px;
	border-color:#666666;
}

/* Style des labels*/
label {
	display:inline;
	float:left;
}
.label_enregistrer1 {
     width: 250px;
}
.label_enregistrer2 {
     width: 250px;
}
.label_profil1 {
     width: 150px;
     font-weight:bold;
}
.label_profil2 {
    width: 280px;
    font-weight:bold;
}
.label_contact{
	width:150px;
}
.label_admin_options1{
	width:200px;
}
.label_admin_options2{
	width:400px;
}
.label_admin_email{
	width:200px;
}

fieldset {
	background-color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#FFFF99;
	padding:1.5em;
	margin-left:auto;
	margin-right:auto;
}

.fieldset_resume {
	background-color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#FFFF99;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
}

/* Pied de page */
.pied_de_module
{
	text-align:center;
}
.pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited
{
	color:#CC0000;
}
.pied_de_module a:hover
{
	color:#FF9900;
}

/*Le Footer */
.footer_01{
	background-image:url(../images/pied_copyr.png);
	height:65px;
	width:156px;
}
.footer_02{
	background-image:url(../images/pied.png);
	height:65px;
	width:794px;
	text-align:right;
	vertical-align:top;
	color:#66FFCC;
	font-size:0.8em;
	padding-right: 50px;
	padding-bottom: 0px;
	}
	
.footer_text a:hover{
color:#CC0000;}
.footer_text {
color:#FFFF99;}
.footer_text a{
color:#FFFF00;}
.footer_text a:visited{
color:#FF3300;}

.row1 {
background-color:#990000;
color:#FFFF99;
}

.imgbloc_01{
	background-image:url(../images/gauche_barre.png);
	background-repeat:no-repeat;
	height:32px;
	width:38px;
	}

.imgbloc_02{
	background-image:url(../images/barre.png);
	height:32px;
	width:100%;
	font-family:"Century Gothic", "Comic Sans MS", Arial;
	font-variant:small-caps;
	font-weight:bold;
	font-size:12px;
	padding-bottom:0px;
	}
	
.imgbloc_03{
	background-image:url(../images/droite_barre.png);
	background-repeat:no-repeat;
	height:32px;
	width:30px;
	}
	
.bloc_vide_01{
	background-image:url(../images/gauche_vide.png);
	background-repeat:no-repeat;
	height:20px;
	width:38px;
	}

.bloc_vide_02{
	background-image:url(../images/centre_vide.png);
	background-repeat:repeat-x;
	height:20px;
	width:1px;
	}

.bloc_vide_03{
	background-image:url(../images/droite_vide.png);
	background-repeat:no-repeat;
	height:20px;
	width:30px;
	}

	
.bloc_left {
	background-image:url(../images/gauche.png);
	background-repeat:repeat-y;
	}
	
.blocline a {
	font-weight: bold;
	color:#FFFF66;
	}
	
.blocline a:hover {
	font-weight: bold;
	color:#FFFF66;
	text-decoration: underline;
	}

.bloc_right {
	background-image:url(../images/droite.png);
	background-repeat:repeat-y;
	}
	
.bloc_footer_01{
	background-image:url(../images/gauche_bas_barre.png);
	background-repeat:no-repeat;
	height:20px;
	width:38px;
	}
	
.bloc_footer_02{
	background-image:url(../images/bas_barre.png);
	background-repeat:repeat-x;
	height:20px;
	width:1px;
	}

.bloc_footer_03{
	background-image:url(../images/droite_bas_barre.png);
	background-repeat:no-repeat;
	height:20px;
	width:30px;
	}
	
.bloc_news_haut {
	padding-left:40px;
	}

.bloc_news_milieu {
	padding-left:40px;
	}

/* Calendrier ateliers */
.cal1 {
	color: #FFFF99;
	font-weight: bold;
}

.cal2 {
	color: #000000;
	}

/* Stats en bas de page */	
div#connectes_end {
	text-align:center;
	}
	
/* MAJ KWSPHP 1.6.890 */
#apercu {
	height: 220px;
	}

/* Connectés (qd stats en bas de page)*/

#connectes_end
{
width:98% !important;
margin-left:auto !important;
margin-right:auto !important;
margin-top:3px !important;
margin-bottom:3px !important;
padding:5px !important;
border:1px groove #FF6600 !important;
/* -moz-border-radius:10px !important; */
font-size:9px !important;
text-align:center !important;
background-color:#cc0000 !important;
color:#ff9900 !important;
}
#connectes_end strong, #connectes_end a
{
font-size:11px !important;
color:#ff9900 !important;
}

/* Bulles infos © Patrick perron **************************/

a.BBcodeSyntaxe {
position:relative;
/* Très important */
background:none;
/* Important pour le fonctionnement sur IE */
z-index:10;
}

a.BBcodeSyntaxe:hover {
z-index:20;
text-decoration:none;
}

a.BBcodeSyntaxe span {
display:none;
font-weight:normal;
}

a.BBcodeSyntaxe:hover span {
/*la tag SPAN apparaitra avec l?ffet hover*/
display:block;
-moz-border-radius:10px;
border: 1px dashed;
position:absolute;
margin-top:50px;
margin-left:130px;
/* Éléments pour positionner le texte dans la bulle */
padding:5px;
width:350px;
/* Style du character dans la bulle */
background-color: #44A8E4;
color: #000066;
text-align:center;
}

a.BBcodeSyntaxe em {
font-variant:small-caps;
}

/* Pour avoir un beau background de bulle*/

a.BBcodeSyntaxe:hover>span {
background-image:url('../img/bulle.jpg');
}

/*Mise en page lors de la rédaction d'un post*/

.fieldset_post
{
width:600px;
margin: 1em auto;
padding:1em;
}
.fieldset_post legend
{
font-weight:bold;
}
.fieldset_post label span
{
color:red;
}
.fieldset_post dd
{
margin-left:210px;
}
div.fieldset_post
{
text-align:center;
width:585px;
margin: auto;
}
div #smil
{
z-index:50;
width:210px;
height:230px;
-moz-border-radius:10px;
position:fixed;
margin-left:-220px;
top:250px;
display:none;
background-color:#44A8E4;
}
div #smil_in
{
overflow:auto;
width:170px;
height:200px;
border:1px solid;
padding:5px;
margin:10px auto;
}

/* carousel images */
.carousel_container {
				width: 750px;
				height: 500px;
				margin: 0px auto;
				border: 0px solid red;
			}

/* bbcode flottant */

#choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font
{
z-index:50;
-moz-border-radius:10px;
position:absolute;
width:180px;
padding:10px;
margin-top:-100px;
margin-left:220px;
background-color:#44A8E4;
}

div.EditPost
{
text-align:right;
padding-top:5px;
}
span.EditPost
{
font-size:7.2pt;
width:100%;
border-top:1px dashed;
border-left:1px dashed;
border-right:1px dashed;
padding:2px 5px 2px 15px;
margin-right:5px;
}
div.MovePost
{
text-align:right;
padding-top:5px;
}
span.MovePost
{
font-size:7.2pt;
width:100%;
border-left:1px dashed;
border-right:1px dashed;
border-bottom:1px dashed;
padding:2px 5px 2px 15px;
margin-right:5px;
}
.NavRubFo, .NavRubTopicFo, .NavTopicFo {
float:right !important;
margin-right:5px !important;
font-size:smaller !important;
}
.NavRubFo span, .NavRubTopicFo span, .NavTopicFo span{
background-color:#666;
color:#f2f2f2;
padding:0px 2px;
}
.NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{
font-size:smaller;
}
.NavRubFo a, .NavRubTopicFo a, .NavTopicFo a{
border:1px solid #d3d0d0;
padding:0px 2px;
text-decoration:none;
}
.NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover{
background-color:#6fafdd;
color:#fff;
border:1px solid #fff;
}

.username_login, .username_password, .username_connect{
padding-left:20px;
height:18px;
background-image: url(../../../modules/espace_membre/images/login_bg.png);
background-repeat:no-repeat;
}
.username_login {
background-position:0 0;
}
.username_password {
background-position:0 -18px;
}
.username_auto {
vertical-align:middle;
}
.username_connect{
background-position:0 -36px;
height:20px !important;
width:135px !important;
}

.hr_menu{}
.texte_menu {}
.MultiInputInline span{margin-left:25px;}
.contenu_page{}
.align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;}
.float-left{float:left;} .float-right{float:right;} .clear-both{clear:both;}
.ancre{}
.mini_message{margin-left:10px;font-style:italic;font-size:smaller;}
.erreurUpAvatar {
color: red;
font-weight: bold;
}
.erreurUpAvatar span {
font-style: italic;
font-weight: normal;
}
.msgUpAvatar {
color: green;
}