/* Révision OliveM - 24/10/2013 */
/* 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:#FFFFFF;
height:16px;
text-align:center;
font-variant:small-caps;
font-weight:normal;
color:#666666;
border-width:1px;
border-color:#CCCCCC;
}
/* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
.onmouse_over {
border: 1px #666 dashed;
background: #eee;
}
.onmouse_out{
border: 0px;
}
.onmouse_over_forum {
background: #99ccff;
}
.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:#f6f6f6;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
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;
}

/* Pied de page */
.pied_de_page
{
text-align:center;
}
.pied_de_page a:link,.pied_de_page a:active,.pied_de_page a:visited
{
color:#FF0000;
}
.pied_de_page a:hover
{
color:#008000;
}

/* Visualisation d'un post */
#apercu {
text-align:left;
height:220px;
width:580px;
color:#3366CC;
overflow:auto;
padding:2px;
border:1px;
border-style:solid;
border-color:#000;
}

FONT  {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
TD {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
BODY {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
P {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
DIV {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
.bodyline {
   background : #e5e8ee url(../images/kit/bg_cat4.gif) repeat;
   border : 4px ridge #6699cc;
}

/* fond de page du site */
body {
   background : #e5e8ee url(../images/kit/bg_cat2.gif) repeat;
   color : #000000;
   font : 11px Verdana, Arial, Helvetica, sans-serif;
}
A:link {
   color : #364d67;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
A:active {
   color : #364d67;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
A:visited {
   color : #364d67;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
A:hover {
   color : #ff6600;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
.title {
   background : none repeat;
   color : #000000;
   font-size : 14px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.titreforum{
   color : #364d67;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.content {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

/* Titre des blocs latéraux et de l'édito */
.block-title {
   background : none repeat;
   color : #364d67;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}

/* Contenu des blocs latéraux (Cactus bleu) */
.block-content {
   line-height: 160%;
}

/* Titre des news */
.storytitle {
   background : none repeat;
   color : #364d67;
   font-size : 11px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.storycat {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
.boxtitle {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.boxcontent {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
}
.option {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.tiny {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : normal;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.small {
   background : none repeat;
   color : #000000;
   font-size : 9px;
   font-weight : normal;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}

/* Form elements */
input , textarea , select {
   color : #000000;
   font : normal 11px Verdana, Arial, Helvetica, sans-serif;
}
      
/* The text input fields background colour */
input.post , textarea.post , select {
   background : #ffffff;
}
input {
   text-indent : 2px;
}
      
/* The buttons used for bbCode styling in message post */
input.button {
   background : #efefef;
   border : 1px solid;
   color : #000000;
   font : 11px Verdana, Arial, Helvetica, sans-serif;
}
      
/* The main submit button option */
input.mainoption {
   background : #fafafa;
   font-weight : bold;
}
      
/* None-bold submit button */
input.liteoption {
   background : #fafafa;
   font-weight : normal;
}

/* Main table cell colours and backgrounds */
td.row1 {
   background : #eaedf4;
   color : #000000;
}
td.row2 {
   background : #e1e9f2;
   color : #000000;
}
td.row3 {
   background : #d7e2ef;
   color : #000000;
}


td.top_left{
background: url(../images/kit/top_left.gif);
height:28px;
}

td.top_center{
background: url(../images/kit/top_center.gif);
}

td.top_right{
background: url(../images/kit/top_right.gif);
}


td.top_left2{
background: url(../images/kit/top_left2.gif);
height:28px;
}

td.top_center2{
background: url(../images/kit/top_center2.gif);
}

td.top_right2{
background: url(../images/kit/top_right2.gif);
}



td.top_left3{
background: url(../images/kit/top_left3.gif);
background-repeat:no-repeat;
text-align:right;
width:40px; 
height:9px;
}

td.top_center3{
background: url(../images/kit/top_center3.gif);
background-repeat:repeat-x;
height:9px;
}

td.top_right3{
background: url(../images/kit/top_right3.gif);
background-repeat:no-repeat;
text-align:left;
width:40px;
height:9px;
}



td.bottom_left
{
background: url(../images/kit/bottom_left.gif);
background-repeat:no-repeat;
width:40px;
text-align:right
}

td.bottom_center
{
background: url(../images/kit/bottom_center.gif);
background-repeat:repeat-x;
}

td.bottom_right
{
background: url(../images/kit/bottom_right.gif);
background-repeat:no-repeat;
width:40px;
text-align:left;
}

/* Entête */
.logo_01{
	background-image:url(../images/logo1.png);
	background-repeat:no-repeat;
	height:148px;
	width:148px;
	}

td.topbg2{
        background-image:url(../images/kit/topbg2.gif);
        background-repeat:repeat-x;
        height:148px;
        text-align:center;
        width:auto;
        }

.logo_02{
	background-image:url(../images/logo2.png);
	background-repeat:no-repeat;
	height:148px;
	width:148px;
	}

/* barre de menu de l'entête et des blocs */
td.header{
           background:#F4C81C;
}


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
   background-color : #ffffff;
}

/* Header cells - the blue and silver gradient backgrounds */
th , td.th {
   color : #3a5370;
   font-size : 12px;
   font-weight : bold;
   background-color : #ffcc00;
   height : 26px;
}
td.cat , td.catHead , td.catSides , td.catLeft , td.catRight , td.catBottom {
   background-color : #d1d7dc;
   height : 28px;
}
td.th2 {
   background-color : #d1d7dc;
   height : 20px;
   color : #ffffff;
}
td.spaceRow {
   background-color : #d1d7dc;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/


/* The largest text used in the index page title and toptic title etc. */
h1 , h2 {
   font-weight : bold;
   font-size : 18px;
   font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
   line-height : 120%;
   color : #000000;
}

.maintitle {
   font-weight : bold;
   font-size : 18px;
   font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
   line-height : 120%;
   color : #364d67;
}
.subtitle {
   font-size : 16px;
   font-family : Arial, Helvetica, sans-serif;
   text-decoration : none;
   font-weight : bold;
   color : #ff6600;
}

/* General text */
.gen {
   font-size : 11px;
}
.genmed {
   font-size : 11px;
}
.gensmall , .gensmall2 {
   font-size : 10px;
}
.gen , .genmed , .gensmall {
   color : #000000;
}
a.gen , a.genmed , a.gensmall {
   color : #364d67;
   text-decoration : underline;
}
a.gen:hover , a.genmed:hover , a.gensmall:hover {
   color : #ff6600;
   text-decoration : underline;
}


/* Module recherche (Cactusbleu) */
.searchtitle {
   font-size: 120%;
   font-variant: small-caps;
   font-weight: bold;
}
a.searchlink {
   font-size: 100%;
}


/* The register, login, search etc links at the top of the page */
.mainmenu {
   font-size : 11px;
   color : #000000;
}
a.mainmenu {
   text-decoration : underline;
   color : #364d67;
}
a.mainmenu:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* Forum category titles */
.cattitle {
   font-weight : bold;
   font-size : 12px;
   letter-spacing : 1px;
   color : #364d67;
}
a.cattitle {
   text-decoration : underline;
   color : #364d67;
}
a.cattitle:visited {
   text-decoration : underline;
   color : #2c3e52;
}
a.cattitle:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.cattitle:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
   font-weight : bold;
   font-size : 12px;
   color : #364d67;
}
a.forumlink {
   text-decoration : underline;
   color : #364d67;
}
a.forumlink:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
   font-weight : bold;
   font-size : 11px;
   color : #000000;
}
a.nav {
   text-decoration : underline;
   color : #364d67;
}
a.nav:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* titles for the topics: could specify viewed link colour too */
.topictitle {
   font-weight : bold;
   font-size : 11px;
   color : #000000;
}
a.topictitle:link {
   text-decoration : underline;
   color : #364d67;
}
a.topictitle:visited {
   text-decoration : underline;
   color : #2c3e52;
}
a.topictitle:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.topictitle:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
   font-size : 11px;
   color : #000000;
}
a.name:link {
   text-decoration : underline;
   color : #364d67;
}
a.name:visited {
   text-decoration : underline;
   color : #2c3e52;
}
a.name:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.name:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Location, number of posts, post date etc */
.postdetails {
   font-size : 10px;
   color : #000000;
}

/* The content of the posts (body of text) */
.postbody {
   font-size : 12px;
}
a.postlink:link {
   text-decoration : underline;
   color : #364d67;
}
a.postlink:visited {
   text-decoration : underline;
   color : #2c3e52;
}
a.postlink:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.postlink:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Quote & Code blocks */
.code_php {
   font-family : Courier, 'Courier New', sans-serif;
   font-size : 11px;
   color : #000000;
   background-color : #f1f4f8;
   border : 1px dotted #525e6e;
}
.quote {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #3a5370;
   line-height : 125%;
   background-color : #f1f4f8;
   border : 1px dotted #525e6e;
}

/* Pour l'option [panneau] du bbcode */
.panneau {
	padding:4px;
	line-height: 10px;
	font-family:verdana,arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	border: 1px solid #333333;
	background-color:#d4d4d4
}

/* Copyright and bottom info */
.copyright {
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #444444;
   letter-spacing : -1px;
}
a.copyright {
   color : #444444;
   text-decoration : none;
}
a.copyright:hover {
   color : #000000;
   text-decoration : underline;
}
#ckwsp, #ckws {color:#FFF}
/* Style du surlignage avec le bbcode) */
.surlign {
background-color:#ffff99;
color:#333;
}

/* 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:99% !important; margin-left:auto !important; margin-right:auto !important; margin-top:3px !important; margin-bottom:3px !important;
padding:5px !important; border:5px groove #6699CC !important; -moz-border-radius:10px !important; font-size:9px !important; text-align:center !important;
background-color:#e5e8ee !important;}

#connectes_end strong, #connectes_end a {font-size:11px !important;}

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

a.BBcodeSyntaxe {text-decoration:none; 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: #D0D8E4; color: #000066; text-align:center;
}

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

/* Pour avoir un beau background de bulle */

a.BBcodeSyntaxe:hover>span {}

/* 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:#D0D8E4;}
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:#D0D8E4;}

div.EditPost {text-align:right; padding-top:10px;}

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-bottom:10px;}

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:#6480A4; 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:#6480A4; 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;}