/* Thème Kping par  _oTo_ */
/*     style général      */


/* Style général de la page.*/
 body {
   /* arriere plan */
   background : #fff;
   background-image:url(../images/fond_page.gif);
   /* Taille de la police, style de la police, couleur de la police par défaut */
   font : 12px Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
   color : #000085;
   /* marges de la page */
   margin : 0px;
   padding : 0px;
 }

/* La bannière */
 #banniere{
  background-image:url(../images/banniere2.png);
  background-position:center;
  background-repeat: no-repeat;
  text-align: center;
  height: 101px;
}

/* La barre de navigation */
 #barnav {
   background-image: url(../images/barnav.gif);
   width: 100%;
   font-family : Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
   color: #fff;
   height: 35px;
   text-align: center;
 }
 .nav, .nav:active, .nav:link {
   font-style : normal;
   font-weight : normal;
   color : #fff;
   text-decoration : none;
 }
 .nav:hover {
   font-style : normal;
   font-weight : normal;
   color : #ff0;
   background: none;
   text-decoration : underline;
 }
/* Message d'accueil */
 #accueil {
   width : 250px;
}
/* La date */
 #date {
   width : 250px;
}

/* 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:#FFF;
	height:20px;
	text-align:center;
	font : 12px Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	color:#000085;
	border-width:1px;
	border-color:#CCF;
}
/* 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:#EEF;
	color:#000085;
	border-width:1px;
	border-color:#000085;
}

/* 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:#ffe;
	border-style:solid;
	border-width:1px;
	border-color:#000085;
	padding:1.5em;
	margin-left:auto;
	margin-right:auto;
}

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

input {
	border : 1px solid #000085;
	margin : 1px;
	font-family : Verdana, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #000085;
	background-color: #faffff;
}

input.area {
	border : 1px solid #000085;
	font-family : Verdana, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #000085;
	background-color :#faffff;
}

/* Barre de séparation */
 hr {
   border : 1px solid #000085;
   border-top-width : 1px;
   height : 0;
 }

/* les images */
 img {
   border: none;
 }

/* Liens */
 a, a:active, a:link{
   font-family : Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
   color : #000085;
 }
 a:hover{
   background: #ff0;
   text-decoration : none;
 }

/* Colonne de gauche */
 .left{
	width:210px;
 }
/* Colonne principale */
 .main {

 }
/* Colonne de droite */
 .right{
	width:210px;
 }





 .color {
          font-family : Arial, sans-serif;
          font-size : 8pt;
          font-weight : normal;
          color : #2a3251;
      }



/* titre des blocs */
.bloctitre, .bloctitre a{
  width: 100%;
  background-image: url(../images/bloc_h.png);
  vertical-align: bottom;
  color: #fff;
  text-decoration: none;
  white-space:nowrap;
}
.bloctitre a:hover,.bloctitre a:active,.bloctitre a:focus{
  color : #ff0;
  font-weight : bold;
  background : none;
}


/* Menu déroulant */
/* élément contenant le menu */
.ancre_menu{vertical-align:top;width:11em;}

/* style général des ul */
.menu,.menu ul{list-style-type:none;}
.menu ul{margin-left:-10px;padding:0}
.menu{ margin:10px 0 0 -2px;color:#000085;padding:0;width:12em;}

/* liens du menu */
.menu a:hover{
  background: none;
}
.menu .normal a{
  color:#000085;
  text-decoration:underline;
  padding:1px 18px;
  font-weight:normal;
  cursor:pointer;
  background: url(../images/menu/spuce.gif) 0px 0 no-repeat;
}
.normal a:hover,.normal a:active,.normal a:focus,.lien_page:hover,.lien_page:active,.lien_page:focus{
color:#ffff00;font-weight : bold;margin-left:4px;padding:0 14px;background: url(../images/lienbg.gif) repeat; }

/* titres de liste */
.reduit,.ouvert{padding:0 0 0 25px;margin:0;}
.reduit a,.ouvert a{text-decoration:none;color:#000085;cursor:help;}
.reduit a:hover{text-decoration:none;color:#000085;background: none;}

/* ajout des images puces */
.ouvert {background: url(../images/menu/mpuce.gif) 7px 0 no-repeat;font-weight:bold;}
.reduit {background: url(../images/menu/mpuce.gif) 7px 0 no-repeat;font-weight:normal;}


/* Les news */
 .news img{
   padding:5px 6px 3px 0px;
 }
 .newsby{
   border-top: 2px dotted #000066;
   font-size:11px;
 }
 .newscomm{
 	float:left;
 	padding-left:10px;
 }
 .newsdate{
 	float:right;
 	padding-top:8px;
 	padding-right:10px;
 }


 .ho {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 10px;
          font-style : normal;
          font-weight : normal;
          color : #ffffff;
          text-decoration : none;
      }
 .ho :active {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 10px;
          font-style : normal;
          font-weight : normal;
          color : #ffffff;
          text-decoration : none;
      }
 .ho :hover {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 10px;
          font-style : normal;
          font-weight : normal;
          color : #000000;
          text-decoration : none;
      }
 .ho :link {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 10px;
          font-style : normal;
          font-weight : normal;
          color : #ffffff;
          text-decoration : none;
      }

.th	{
	color: #000000;
	background-image : url(/themes/hurilam1.1/images/bloc_h.png);
        }

.forumdate {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 10px;
          font-style : normal;
          font-weight : normal;
          color : #000000;
          text-decoration : none;
      }

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

/* Panneau. ([panneau]) */
.panneau {
	padding:4px;
	line-height: 10px;
	font-family:verdana,arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	border: 1px solid #333333;
}

/* Citations. ([quote][/quote])*/
.quote {
	padding:4px;
	line-height: 10px;
	font-family:verdana,arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	border: 1px solid #333333;
}

/* Code PHP ([code][/code])*/
.code_php {
	padding:4px;
	line-height: 10px;
	font-family:verdana,arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	border: 1px solid #333333;
	background-color : #ffffff;
}

/* Style du surlignage avec le bbcode) */
.surlign {
	background-color:#ffff99;
	color:#333;
}

/* Visiualisation d'un post */
#apercu {
	text-align:left;
	height:220px;
	width:580px;
	color:#36C;
	overflow:auto;
	padding:2px;
	border:1px;
	border-style:solid;
	border-color:#000;
	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:#666;
	font-style: italic;
	border:1px solid #d3d0d0;
	border-left:4px solid #d3d0d0;
	padding:5px;
	letter-spacing : 1px ;
}
.pied_de_module a:hover{
	color:#999;
	border:1px solid #666;
	border-left:4px solid #666;
	text-decoration:none;
}
/* Pagination (memberlist.php)  */
.page_encours{
	background-color:#999;
	color:#f2f2f2;
	padding:5px;
}
.page_choix{
	border:1px solid #d3d0d0;
	padding:5px;
}
.page_choix:hover{
	background-color:#6fafdd;
	color:#fff;
	border:1px solid #fff;
}

/* 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:5px groove #FFFFFF !important;
	-moz-border-radius:10px !important;
	font-size:9px !important;
	text-align:center !important;
	background-color:#f2f2f2 !important;
	color:#666 !important;
}
#connectes_end strong, #connectes_end a
{
	font-size:11px !important;
	color:#666 !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’effet 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: #FFC;
	color: #006;
	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:#FFC;
}
div #smil_in
{
	overflow:auto;
	width:170px;
	height:200px;
	border:1px solid;
	padding:5px;
	margin:10px auto;
}
/* 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;
}

.erreurUpAvatar {
	color: red;
	font-weight: bold;
}
.erreurUpAvatar span {
	font-style: italic;
	font-weight: normal;
}
.msgUpAvatar {
	color: green;
}

.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;}

/*************FIN DU CSS  ********************************/