/* CSS Document */

/****************** GENERAL ***********************/

/* Suppression des styles par défaut */
html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, blockquote, table, th, td, img {
	margin: 0;
	padding: 0;
}

html,body { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

div#contener {
/*width: 895px;*/
width: 910px;
margin: 10px auto 10px auto;
/*border: 1px dashed #006ab0;*/
}

img {
border: none;
}

a {
color: #336699;
font-weight: bold;
}
a:hover{
color: #0066CC;
}

.clear {
	/*display: block;*/
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 0;

}
.mess_err {
border: #CC0000 solid 1px;
background-color: #FFE6E6; 
color: #800000; 
font-weight: bold; 
/*font-size: smaller;*/
padding: 10px;
}
.mess_reu {
border: solid #6699CC 1px;
background-color: #E7E7ED; 
color: #000; 
font-weight: bold; 
padding: 10px;
}
/****************** STRUCTURE GENERALE ***********************/

div#general_col_gauche {
float: left;
width: 158px;
/* padding: haut droite bas gauche*/
margin: 0;
/*background-color:#CCCC99;*/
}
div#col_gauche_present {
padding: 8px;
}

div#general_menu_gauche {
width: 100%;
padding: 0 10px 2px 14px;
}

/* Detail menu gauche */
div#general_menu_gauche ul {
/*width: 100%;*/
margin: 0;
padding: 0;
}
div#general_menu_gauche li {
list-style:none;
width: 130px;
margin: 4px 0 10px 0;
padding: 0;
}
div#general_menu_gauche a {
text-decoration: none;
padding: 2px 10px;
font-size: 1.1em;
display:block;
}
div#general_menu_gauche li.liTitre {
border: 1px dashed #006ab0;
}
div#general_menu_gauche li.liTitre a {

}
div#general_menu_gauche li.liTitre a:hover {
background-color: #DEF3FE
}
div#general_menu_gauche li.liPersonne {
border: 1px dashed #0099FF;
}
div#general_menu_gauche li.liPersonne a {
color:#0099FF;  
}
div#general_menu_gauche li.liPersonne a:hover {
background-color: #DEF3FE
}

div#general_pub_haut {
float: left;
width: 728px;
margin-bottom: 8px;
}
div#general_pub_haut_centre {
/*float: left;*/
width: 590px;
margin-bottom: 8px;
/*background-color:#bfe2f8;*/
}
.classcenter {
width: 460px;
margin: 0 auto 0 auto;
text-align: center;
}

div#general_menu_centre {
/*float: left;*/
width: 590px;
height: 26px;
/*background-color:#bfe2f8;*/
border-bottom: 1px dashed #006ab0;
font-size: 0.9em;
font-weight:bold;
margin-bottom: 8px;
}

/* Detail menu onglet */
div#general_menu_centre ul {
padding: 0;
margin: 0;
height: 26px;
}
div#general_menu_centre li {
float:left;
margin: 0 0 0 10px;
list-style:none;
height: 26px;
text-align: center;
padding: 0;
}
div#general_menu_centre a {
height: 26px;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 7px 0 0;
margin: 0;
}
div#general_menu_centre li.active a {
background-color:#FFF;
opacity: 0.4;
filter:alpha(opacity=40);
}
div#general_menu_centre #suggerer { 
/*padding-top: 8px; */
margin-top: 8px;
width: 85px;
}
div#general_menu_centre #categorie {
	width: 75px;
	background-image: url(../img/ongletCategorieOff.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#general_menu_centre #titre {
	width: 75px;
	background-image: url(../img/ongletTitreOff.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#general_menu_centre #nom {
	width: 75px;
	background-image: url(../img/ongletNomOff.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#general_menu_centre #commentaire {
	width: 90px;
	background-image: url(../img/ongletCommentaireOff.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#general_menu_centre #vote {
	width: 75px;
	background-image: url(../img/ongletVoteOff.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#phrase_entete {
/*float: left;*/
width: 595px;
height: 20px;
/*background-color:#bfe2f8;*/
font-size: 1em;
font-weight:bold;
/*color: #BD1738;*/
}

div#general_centre {
float: left;
width: 600px;
/* padding: haut droite bas gauche*/

}
div#general_menu_pied {
width: 550px;
height: 20px;
text-align: center;
margin-top: 30px;
/*background-color:#bfe2f8;*/
/*font-size: smaller;*/
}


div#general_menu_pied li {
display:inline;
list-style-type: none;
margin: 0 5px 0 0;
}

div#general_pub_droite {
float: left;
/*
background-color:#bfe2f8;*/
margin-left: 5px;
}
/****************** PAGE CLASSEMENT GENERAL ***********************/

div#page_classement {
/*float: left;*/
width: 600px;
/* padding: haut droite bas gauche*/
/*margin: 0 10px 0 0;*/
}

.encart_classement {
float: left;
width: 144px;
/* padding: haut droite bas gauche*/
margin: 0 4px 10px 0;
border: 1px solid #006ab4;
/*height: 120px;*/
}

.encart_titre {
background-color:#bfe2f8;
color: #006ab4;
font-weight: bold;
padding-left: 10px;
/*height: 20px;*/

}
.encart_titre .tit {
margin-left: 10px;
}
.encart_classement .score {
font-size: smaller;
}

.encart_classement td {
padding: 2px 1px;
/*height: 20px;*/
}
.encart_classement tr:hover {
background-color:#DEF3FE;
}
.encart_liste {
font-size:0.85em;
}
.encart_liste a {
padding: 0;
}

.encart_plus {
/*font-size:0.8em;*/
text-align:right;
/*background-color:#EAF5FD;*/
}
.encart_plus a {
text-decoration: none;
margin: 0;
padding: 0 5px;
}


.encart_classement ul {
margin: 2px 0 5px;
padding-left: 22px;
}
.encart_classement li {
list-style-type: decimal;
padding: 0;
margin: 0;
}

td.fleche_prog {
padding-top: 4px;
}

div#fondMain01 {
	background-image: url(../img/fondMain01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-color: #fff;
	height: 120px;
	/*background-color:#EAF5FD;*/
}
.vide {
	border: 0;
	/*height: 120px;*/
	width: 144px;
	text-align: center;
	/*background-color:#EAF5FD;*/
}
.pub_centre {
height: 120px;
}

#dernier_com {
padding: 3px;
}

#cadre_reaction {
width: 560px;
float: left;
background-image: url(../img/fondMain02.jpg);
background-repeat: no-repeat;
background-position: 530px bottom;
border: 1px solid #006ab4;
padding: 15px;
margin-bottom: 15px;
}
#question {
/*margin-bottom: 5px;*/
color: #D21A3F;
font-weight: bold;
}
#cadre_reaction input {
font-weight: bold;
}
input.submitQuestion {
	height: 24px;
	width: 37px;
	border: none;
	background-image: url(../img/fleche_ok.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

/****************** PAGE RUBRIQUE ***********************/

div#page_rubrique {
width: 600px;
/*background-color:#EAF5FD;*/
}

div#page_rubrique #col1 {
float: left;
width: 150px;
margin-bottom: 20px;
/*background-color:#EAF5FD;*/
}

div#page_rubrique #col2 {
float: left;
width: 298px;
margin-bottom: 20px;
}

div#page_rubrique #col3 {
float: right;
width: 150px;

}

div#page_rubrique #rub_pres {
	height: 120px;
	/*background-color:#EAF5FD;*/
	margin: 0 4px 10px 0;
	/*text-align: justify;*/
}

div#page_rubrique #rub_comm {
border: 1px solid #006ab4;
padding: 5px;
margin: 0 4px 10px 0;
font-size: 0.9em;
}

.comm_tit {
color: #ea4f6e;
font-weight:bold;
margin-bottom: 5px;
}

.comm_tit2 {
margin-bottom: 3px;
}

.comm_text {
/*font-size: 0.85em;*/
}

#rub_comm .comm_sep {
margin: 2px 2px 5px;
}

.gras {
font-weight: bold;
}

.center {
text-align: center;
}

#suggest {
width: 132px;
float: left;
border: 1px solid #006ab4;
padding: 5px;
margin: 0 2px 10px 0;
}

#suggest #suggest_tit {
margin-bottom: 4px;
}

.completion {
border: 1px solid #999;
background: #fafafa;
}
.completion ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.completion a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
   /*color: #333;*/
  }


/****************** PAGE CATEGORIE ***********************/

div#page_categorie {

}

div#page_categorie #col1 {
float: left;
width: 150px;
/*background-color:#EAF5FD;*/
margin-right: 5px;
}

div#page_categorie #col2 {
float: left;
width: 440px;
/*background-color:#EAF5FD;*/
}

#mainCat {
	background-image: url(../img/fondMain03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 120px;
}

div#page_categorie #cat_form {
	float: left;
	width: 440px;
	margin: 20px 0 20px 0;
}

#cat_form .mainComm {
	background-image: url(../img/fondMain04.jpg);
	background-repeat: no-repeat;
	background-position: 300px bottom;
}

#cat_form .mainVote {
	background-image: url(../img/fondMain05.jpg);
	background-repeat: no-repeat;
	background-position: 300px bottom;
}

div#page_categorie #cat_form .entete {
color: #ea4f6e;
font-weight:bold;
}

div#page_categorie #cat_form .comm_event {
font-size: smaller;
padding: 2px;
}

/****************** PAGE SUJET ***********************/

h1 {
font-size: 1.4em;
color: #D21A3F;
margin-bottom: 5px;
}
#mainSujet {
	background-image: url(../img/fondMain06.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 120px;
}
.encart_classement .activ {
background-color:#f9f500;
}