/*
* Infusor v3.0
* Copyright © Code : Hiteule Créative ; Design : Oosmatouki
*/

html{
  width: 100%;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size:14px;
  color: black;
  background-color: #FFFFFF;
  margin: 0px;
}

body{
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
}

form{
  margin: 0;
}
input, textarea, select{
  color: rgb(0,0,0);
  background-color: rgb(252,252,252);
  border: 1px solid rgb(160,160,160);
}
.input_obligatoire{
  color: rgb(0,0,0);
  background-color: rgb(252,252,252);
  border: 1px solid  #CC3332;
}

img{
  border: none;
  margin: 0;
}
a, a:hover{
  border: none;
  margin-bottom: 0px;
  color: rgb(134,134,134);
  text-decoration: none;
}
a:active{
  outline:none;
}

table{
  border-collapse: collapse;
}

h2, h2 a, h2 a:hover{
  color: rgb(204,51,50);
}

.center{
  width: 100%;
  text-align: center;
}

#conteneur{
  margin: 10px 10px 10px 10px;
  border: none;
}
#conteneur_gauche{
  width: 270px;
  float: left;
  border: none;
}
#conteneur_droite{
  min-height: 670px;
  margin-left: 280px;
  border: none;
}

#logo{
  margin: 7px 0 0 0;
}

#pub{
  margin: 0 auto 10px auto;
  height: 60px;
  overflow: hidden;
}
#pub_gauche{
  width: 16px;
  height: 60px;
  border-top: 1px solid rgb(188,188,188);
  background-image: url(../img/pub.png);
  background-repeat: repeat-x;
}
#pub_droite{
  width: 468px;
  height: 60px;
  border: 1px solid rgb(188,188,188);
}

#header_droite0{
  background-image: url(../img/menu_gauche.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 88px;
}
#header_droite1{
  padding: 0 0 0 0;
  background-image: url(../img/menu_droite.png);
  background-position: right;
  background-repeat: no-repeat;
  height: 88px;
}

#menu_top{
  padding: 25px 0 0 60px;
}
#menu_top a{
  font-weight: lighter;
  text-decoration: none;
  color: black;
  margin-right: 40px;
}

#menu1{
  width: 265px;
  min-height: 150px;
  height: auto;
  background: url(../img/menu1_bottom.png) bottom repeat-x;
  color: #FFFFFF;
  text-align: center;
  font-size: 17px;
}
#menu1_top{
  width: 265px;
  height: 12px;
  background: url(../img/menu1_top.png) no-repeat;
}
#logout{
  margin: 0 auto 7px auto;
  color: #000000;
  font-size: 14px;
  text-align: left;
}
#logout a{
  color: #000000;
}
#logout .title{
  text-align: center;
  font-size: 14px;
  padding-bottom: 8px;
  color: #FFFFFF;
}
#logout .submit{
  width: 40px;
  height: 42px;
}
#menu1 .avatar_tn{
  width: 62px;
  overflow: hidden;
  float:left;
  margin-left: 15px;
  padding-top: 5px;
}
#menu1 .avatar_tn img{
  border: 1px solid #FFFFFF;
}
#menu1 .compte{
  float: right;
  text-align: right;
  margin-right: 15px;
  font-size: 12px;
  padding-top: 5px;
}
#menu1 .compte a{
  color: #FFFFFF;
  text-decoration: none;
}

#menu2{
  width: 265px;
  height: auto;
  margin-top: 10px;
  background: url(../img/menu2_bottom.png) bottom repeat-x;
  font-size: 13px;
}
#menu2_top{
  width: 265px;
  height: 15px;
  background: url(../img/menu2_top.png) no-repeat;
}

#menu3{
  width: 265px;
  height: auto;
  background: url(../img/menu3_bottom.png) bottom repeat-x;
  margin-top: 10px;
  font-size: 13px;
}
#menu3_top{
  width: 265px;
  height: 15px;
  background: url(../img/menu3_top.png) no-repeat;
}

#menu4{
  width: 265px;
  min-height: 90px;
  height: auto;
  margin-top: 10px;
  background: url(../img/menu4_bottom.png) bottom repeat-x;
  color: #FFFFFF;
  text-align: left;
  font-size: 14px;
  padding-bottom: 7px;
}
#menu4_top{
  width: 265px;
  height: 12px;
  background: url(../img/menu4_top.png) no-repeat;
}
#menu4 .title{
  margin-left: 67px;
  font-size: 17px;
}
#menu4 .member{
  width: 251px;
  height:auto;
  margin: 0 7px 0 7px;
}

ul#menu {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
ul#menu a {
text-decoration: none;
color: #000000;
padding-left: 15px;
background: url(../img/puce0.png) center left no-repeat;
}
ul#menu a:hover {
background-image: url(../img/puce1.png);
}

#contenu{
  height: auto;
  padding: 0 5px 0 5px;
  margin: 0 0 20px 0;
}


#footer{
  margin: 0 0 0 285px;
  border: none;
  height: auto;
  margin-top: 10px;
  text-align: left;
  background-color: rgb(222,222,222);
  border-bottom: 4px solid rgb(134,134,134);
  font-size: 10px;
  padding: 3px;
}
#footer td{
  font-size: 10px;
}

.error{
  vertical-align: top;
}

/* Accueil */
#shoutbox_cadre{
  background: url(../img/shoutbox_middle.png) repeat-x #999999;
  border: 0px solid #999999;
}
#shoutbox_left, #shoutbox_right{
  width: 10px;
  height: 150px;
  background-repeat: no-repeat;
  font-size:1px;
}
#shoutbox_left{
  float: left;
  background: url(../img/shoutbox_left.png);
}
#shoutbox_right{
  float: right;
  background: url(../img/shoutbox_right.png);
  margin-right: 7px;
}
#shoutbox{
  width: 100%;
  height: 150px;
  
  overflow-x: hidden;
}
* html #shoutbox{
  width: 100%;
  height: 150px;
  overflow: scroll;
}
/* /Accueil */

.options_membre{
  list-style-type:none;
}
.options_membre li{
  margin-bottom:3px;
}
.options_membre a{
  text-decoration: none;
}

#table_contact{
  margin: 0 auto 0 auto;
}
#table_contact .t1{
  text-align: right;
  font-weight: bold;
  color: rgb(40,130,191);
  padding-right: 10px;
}
#table_contact .t11{
  font-weight: bold;
  color: rgb(40,130,191);
}

#news_content{
  width: 97%;
  margin: 0 auto 0 auto;
}
#news_info{
  color: #539CCC;
  font-size: 12px;
  padding-left: 40px;
}
#news_info a{
  color: #739CDD;
  text-decoration: none;
}
#news_nb_comm{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #CC3300;
}
#comment{
  width: 90%;
  margin: 0 auto 0 auto;
}
.messth0{
  width: 150px;
  text-align: center;
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  color: #CC3300;
}
.messth1{
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  color: #CC3300;
}
.messtd0{
  text-align: center;
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  font-size: 12px;
}
.messtd0 a{
  color: #000000;
  text-decoration : none;
}
.messtd1 a{
  color: #81AE1B;
  text-decoration : none;
}
.messtd1{
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  font-size: 12px;
}
.messtd2{
  border: 1px solid #AEDEFB;
  vertical-align: top;
}
.messtd3{
  border: 1px solid #AEDEFB;
  vertical-align: top;
}

.signature{
  width: 500px;
  max-height: 90px;
  margin-top: 10px;
  overflow: hidden;
  background: url(../img/background_sign.png) repeat-x top left;
}

#news_backnext{
  width: 100%;
  height: 40px;
}
#news_backnext a{
  color: black;
  text-decoration: none;
}
#news_back{
  width: 50%;
  font-size: 10px;
  background: url(../img/background_news_back.png) no-repeat top left;
  padding-left: 40px;
}
#news_next{
  width: 50%;
  font-size: 10px;
  text-align: right;
  background: url(../img/background_news_next.png) no-repeat top right;
  padding-right: 40px;
}

ul.dest{
  list-style: none;
	margin: 0;
	padding: 0;
}
.update{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
ul.dest{
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
ul.dest li.selected{
  background-color: #ffb;
  cursor: pointer;
}
li.dest{
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
}
li.dest div.image{
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
li.dest div.nom{
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}

#mp_table{
  width: 100%;
  border: 1px solid #c9eefa;
}
#mp_table th{
  background: #d2f0fa;
  border: 1px solid #c9eefa;
  color: #cc3332;
}
#mp_table td{
  border: 1px dotted #c9eefa;
  text-align: center;
}
#mp_table .th0{
  width: 20px;
}
#mp_table .td1{
  text-align: left;
}
#mp_table .th2{
  width: 150px;
}
#mp_table .th3{
  width: 200px;
}
#mp_table .th4{
  width: 50px;
}

#mp_table2{
  width: 100%;
  border: 1px solid #c9eefa;
}
#mp_table2 .td0{
  width: 60px;
  border: 1px dotted #c9eefa;
}
#mp_table2 .td1{
  border: 1px dotted #c9eefa;
  vertical-align: top;
}

#table_profil{
  width: 85%;
  margin: 0 auto 0 auto;
  border: 1px solid rgb(201,238,250);
}
#table_profil td{
  border: 1px dotted rgb(201,238,250);
}
#table_profil1{
  width: 85%;
  margin: 20px auto 0 auto;
  border: 1px solid rgb(201,238,250);
}

#table_mesnews{
  width: 98%;
  margin: 0 auto 0 auto;
}
#table_mesnews th{
  text-align: center;
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  color: #CC3300;
}
#table_mesnews td{
  border: 1px solid #AEDEFB;
}

.table_tuto{
  border: 1px black solid;
  width: 500px;
  margin: 0 auto 0 auto;
  margin-bottom: 10px;
}
.table_tuto tr{
  border: 1px black solid;
}
.table_tuto_td0{
  width: 100px;
  border: 1px black solid;
}
.table_tuto_td1{
  height: 30px;
}
.table_tuto_td2{
  vertical-align: top;
  padding: 5px;
}

#gueule_gal_tab{
  margin: 0 auto 0 auto;
}
#gueule_gal_tab td{
  padding: 5px;
  text-align: center;
  font-size: 10px;
}
#gueule_gal_tab img{
  border: 2px solid rgb(241,198,67);
}

.liens_table{
  width: 670px;
  margin: 0 auto 20px auto;
  border: 1px solid rgb(201,238,250);
}
.liens_table th{
  color: rgb(197,51,50);
  background-color: rgb(164,218,251);
}
.liens_nom{
  text-align: center;
  background-color: rgb(210,240,250);
  font-weight: bold;
}
.liens_img{
  padding-top: 5px;
  text-align: center;
}
.liens_desc{
  padding: 0 3px 15px 3px;
  text-align: justify;
}

#inscrire_table{
  width: 470px;
  margin: 0 auto 0 auto;
}
#inscrire_table .pseudo, .pass2, .mail2, .birth, .sexe{
  height: 40px;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  color: rgb(40,139,198);
}
#inscrire_table .pass, .mail{
  text-align: right;
  font-weight: bold;
  color: rgb(40,139,198);
  vertical-align: top;
}
#inscrire_table .send{
  text-align: center;
}

#passlost_table{
  margin: 0 auto 0 auto;
}
#passlost_table .login{
  height: 40px;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  color: rgb(40,139,198);
}

#search_find_table{
  width: 750px;
  margin: 0 auto 0 auto;
  border: 1px solid #A4DAFB;
}
#search_find_table th{
  background-color: #A4DAFB;
  color: rgb(204,51,50);
}
#search_find_table td{
  border: 1px solid #A4DAFB;
}
#search_find_table .auteur{
  width: 150px;
  text-align: center;
}

/* ---- Forum ---- */
#forum_cat_table{
  width:100%;
  border:1px #C9EEFA solid;
}
#forum_cat_table th{
  background: #D2F0FA;
  color: #CC3300;
}
#forum_cat_table td{
  border:1px #C9EEFA solid;
  background: #F3FBFE;
}
#forum_cat_table .surcat{
  background: #A4DAFB;
  color: white;
  font-weight: bold;
  border: 1px #C9EEFA solid;
}
#forum_cat_table .td0{
  width: 35px;
  text-align: center;
}
#forum_cat_table .nb_post{
  width: 70px;
  text-align: center;
}
#forum_cat_table .nb_rep{
  width: 70px;
  text-align: center;
}
#forum_cat_table .lastmess{
  width: 140px;
  text-align: center;
  font-size: 10px;
}
#forum_cat_table .lastmess a{
  color: black;
}
#forum_cat_table .desc{
  font-size:12px;
}

#forum_sujet_table{
  width:100%;
  border:1px #C9EEFA solid;
}
#forum_sujet_table th{
  background: rgb(174,222,251);
  color: #CC3300;
}
#forum_sujet_table td{
  border:1px #C9EEFA solid;
  background: #F3FBFE;
}
#forum_sujet_table .td0{
  width: 35px;
  text-align: center;
}
#forum_sujet_table .reso{
  width: 35px;
  text-align: center;
}
#forum_sujet_table .page{
  width: 70px;
  text-align: center;
}
#forum_sujet_table .crea{
  width: 100px;
  text-align: center;
}
#forum_sujet_table .rep{
  width: 20px;
  text-align: center;
}
#forum_sujet_table .lastmess{
  width: 140px;
  text-align: center;
  font-size: 10px;
}
#forum_sujet_table .lastmess a{
  color: black;
}
#forum_sujet_table .td0_postit{
  width: 35px;
  text-align: center;
  background: #D2F0FA;
}
#forum_sujet_table .reso_postit{
  width: 35px;
  text-align: center;
  background: #D2F0FA;
}
#forum_sujet_table .titre_postit{
  text-align: left;
  background: #D2F0FA;
}
#forum_sujet_table .page_postit{
  width: 70px;
  text-align: center;
  background: #D2F0FA;
}
#forum_sujet_table .crea_postit{
  width: 100px;
  text-align: center;
  background: #D2F0FA;
}
#forum_sujet_table .rep_postit{
  width: 20px;
  text-align: center;
  background: #D2F0FA;
}
#forum_sujet_table .lastmess_postit{
  width: 140px;
  text-align: center;
  font-size: 10px;
  background: #D2F0FA;
}
#forum_sujet_table .lastmess_postit a{
  color: black;
}
#forum_sujet_table .desc{
  font-size:12px;
}

/* Post */
.sujet_desc{
  font: lighter 14px Arial;
  color: #5F5F5F;
}
.right{
  width: 100%;
  text-align: right;
}
.resolu{
  width: 100%;
  margin-bottom: 10px;
  padding: 3px;
  background-color: #CBFCB2;
  color: #2D669D;
}
#forum_post_table{
  width: 100%;
  border: 1px solid rgb(201,238,250);
}
#forum_post_table th{
  background-color: rgb(164,218,251);
  color: rgb(204,51,50);
}
#forum_post_table td{
  background-color: rgb(243,251,254);
  border: 1px solid rgb(201,238,250);
  vertical-align: top;
}
#forum_post_table .login{
  width: 150px;
  background-color: rgb(210,240,250);
  font-size: 12px;
  padding: 1px;
}
#forum_post_table .date{
  background-color: rgb(210,240,250);
  font-size: 12px;
  padding: 1px;
}
#forum_post_table .del_edit{
  background-color: rgb(210,240,250);
  padding: 1px;
  text-align: right;
}
#forum_post_table .page0{
  text-align: left;
  border-bottom: 1px solid #D2F0FA;
  font-weight: normal;
  color: black;
}
#forum_post_table .page1{
  text-align: left;
  border-bottom: 1px solid #D2F0FA;
  font-weight: normal;
  color: black;
  background-color: #AEDEFB;
}
#forum_post_table .contenu_post{
  padding: 3px;
}
.link_return{
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #0066A5;
}
#forum_post_admin{
  width: 95%;
  margin: 20px auto 0 auto;
  border: 1px solid #BDF7B3;
  background-color: #EBFDE8;
}
#forum_post_admin ul{
  margin-top:5px;
  margin-bottom:0px;
  list-style-type:none;
  color:#000000;
}

.list_title{
  text-align: center;
  font-weight: bold;
}

.small{
  font-size: 12px;
}
.vsmall{
  font-size: 10px;
}
.big{
  font-size: 20px;
}
.vbig{
  font-size: 26px;
}

.quote{
  border:1px rgb(163,192,213) dashed;
  background-color: #FFFFFF;
  margin: 0 15px 0 15px;
  padding: 3px;
}

.apercu_tps_reel{
  width: 573px;
  height: 200px;
  border: 1px solid rgb(160,160,160);
  background: #FFFFFF none repeat scroll 0 0;
  margin-top: 1px;
  overflow: auto;
  padding: 3px;
}

/* ---- Tuto ---- */
#tuto_table{
  width: 100%;
  border: 1px solid rgb(201,238,250);
}
#tuto_table th{
  color: rgb(205,51,50);
  text-align: center;
  background-color: rgb(210,240,250);
  border: 1px dotted rgb(201,238,250);
}
#tuto_table td{
  border: 1px dotted rgb(201,238,250);
}
#tuto_table .titre{
  text-align: left;
}
#tuto_table .auteur{
  width: 150px;
  text-align: center;
}
#tuto_table .vues{
  width: 70px;
  text-align: center;
}
#tuto_table .last_edit{
  width: 200px;
  text-align: center;
}

#auteur_tuto_table{
  float: right;
  width: 350px;
  border: 1px solid rgb(201,238,250);
}
#auteur_tuto_table td{
  vertical-align: top;
}
#auteur_tuto_table strong{
  color: rgb(0,102,180);
}

#table_mestuto{
  width: 98%;
  margin: 0 auto 0 auto;
}
#table_mestuto th{
  text-align: center;
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  color: #CC3300;
}
#table_mestuto td{
  border: 1px solid #AEDEFB;
}
#table_mestuto td a{
  color: black;
}

#table_mestuto_page{
  width: 400px;
  margin: 0 auto 0 auto;
}
#table_mestuto_page th{
  text-align: center;
  background-color: #D1F0FA;
  border: 1px solid #AEDEFB;
  color: #CC3300;
}
#table_mestuto_page td{
  border: 1px solid #AEDEFB;
  text-align: center;
}

/* ---- Navbar ---- */
#tabNav{
	font-family: tahoma, verdana;
	width: 99%;
}

#tabNav_tabs{
	padding: 0px;
	margin: 0px;
}

#tabNav_tabs  a{
	font-weight: bold;
	font-family: tahoma, verdana;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	padding-top: 3px; padding-bottom: 3px;
	padding-right: 5px;	padding-left: 5px;
	border: #CCCCCC 1px solid;
	width: 300px;
}

#tabNav_tabs  .tab_unselected{
	color: #999999;
	margin: 0px;
	margin-right: 3px;
	border-top: #CCCCCC solid 3px;
	border-bottom: #CCCCCC 1px solid;
	background-color: #eeeeee;
}

#tabNav_tabs  .tab_selected{
	color: #000000;
	margin: 0px;
	margin-right: 3px;
	border-top: #FFCC00 solid 3px;
	border-bottom: #FFFFFF 1px solid;
	background-color: #FFFFFF;
}

#tabNav_main{
  margin-top: 2px;
	border: #CCCCCC 1px solid;
	padding: 5px;
	float:none;
}

* html #tabNav_main{
  margin-top: -1px;
	border: #CCCCCC 1px solid;
	padding: 5px;
	float:none;
}

* html #tabNav_main{
	border: #CCCCCC 1px solid;
	padding: 3px;
	clear:both;
	float:none;
}

* html #tabNav_tabs  a{
	font-weight: bold;
	font-family: tahoma, verdana;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	float: left;
	padding-top: 3px; padding-bottom: 3px;
	padding-right: 5px;	padding-left: 5px;
	border: #CCCCCC 1px solid;
	width: auto;
}

/* ---- Lightbox ---- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{
  float: left;
}
#keyboardMsg{
  float: right;
}
#closeButton{
  top: 5px;
  right: 5px;
}

#lightbox img{
  border: none;
  clear: both;
}
#overlay img{
  border: none;
}

#overlay{
  background-image: url(../img/overlay.png);
}

/* ---- eCards ---- */
#ecard_table{
  width: 400px;
  margin: 0 auto 0 auto;
}
#ecard_table td, #ecard_table a{
  color: black;
  text-align: center;
}
#ecard_table_consult{
  width: 550px;
  margin: 0 auto 0 auto;
  border: 1px solid #AEDEFB;
}
#ecard_table_consult td{
  padding: 10px;
}