@charset "utf-8";

/*Pre liste*/

#titreCategorieForum{
   font-family: 'Arial', sans-serif;
   font-size:14px;
   font-weight:bold;
   text-transform:uppercase;
}

/*---------------------------------PAGE CREATION DE TOPIC------------------------------------*/

#creationTopic {
    font-family: 'Arial', sans-serif;
	font-size:12px;
	width:742px;
	overflow:hidden;
}

#creationTopic #entete {
	font-size:20px;
	font-weight:bold;
	color: #EB7106;
	margin-bottom:20px;
}

#creationTopic #formulaire .intitule{
	font-family: 'Arial', sans-serif;
    font-size:16px;
	color:#000000;
	padding:3px 5px 3px 5px ; /*marges du haut, de droite, du bas et de gauche*/
	margin-top:5px;
	clear:left;
	font-weight:bold;
}

#creationTopic #formulaire .champ {
	 background-color:#FEF0E1;
	 border-top:solid 2px #EB7106;
	 border-bottom:solid 2px #EB7106;
	 width:732px;
	 padding:5px;
	 float:left;
	 margin-bottom:20px;
}

#creationTopic #formulaire .menuSelect {
    float:left;
	margin-right:10px;
}


#creationTopic #formulaire #champEditeur {
	width:601px;
	float:left;
	border-left:solid 1px #999999;
	min-height:150px;
	overflow:hidden;
}

#creationTopic #formulaire input.valid{
	border:solid 1px #000000;
	background-color:#FFFFFF;
	color:#000000;
	cursor:pointer;
	float:right;
}

#creationTopic #formulaire input.valid:hover{
	border:solid 1px #000000;
	background-color:#000000;
	color:#FFFFFF;
}

#creationTopic #formulaire input.valid:active {
	border:solid 1px #FFFFFF;
	background-color:#EC7205;
	color:#FFFFFF; 
}

/*------------------------------------PAGE MESSAGES------------------------------------------*/


/*ENTETE INDEX MESSAGES */
#enteteTopic {
    font-family: 'Arial', sans-serif;
	width:742px;
	margin-bottom:30px;
}

#enteteTopic img{
    border:0;
}


#enteteTopic #titreTopic {
	font-size:14px;
	border-bottom:solid 1px #000000;
	font-weight:900;
	margin-top:10px;
	font-size:20px;
}

#enteteTopic a {
	color:#FFFFFF;
	padding: 3px 15px;
	background-color:#EB7106;
	text-decoration:none;
	display:block;
	text-align:center;
	float:right;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	font-size:12px;
	margin-left:5px;
}

#enteteTopic a.lienPost {
	padding: 5px 15px;
}

#enteteTopic a:hover {
	color:#EB7106;
	background-color:#FFFFFF;
}

#enteteTopic #infosCreationTopic{
    color: #666666;  
	font-size:12px;
	font-style: oblique;
	padding:3px;
}

/* MEssage TOPIC ferme */

#topicFerme {
    width:740px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
    border:solid 1px #999999;
	line-height:3em;
	vertical-align:middle;
	height:3em;
	float:left;

}

#topicFerme img {
	float:left;
	margin-left:100px;
	margin-right:10px;
}

/* conteneur des msgs*/

#listeMessage{
    width:742px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
}

/*filtre*/
#listeMessage #filtre {
    text-align:right;
	width:742px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
}

#listeMessage #filtre a{
    text-decoration:none;
	color:#CCCCCC;
}

#listeMessage #filtre a:hover{
    color:#EB7106;
}

#listeMessage #champFiltre {
    width:732px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
    margin-bottom:10px;
	padding:5px;
	background-color:#CCCCCC;
	border-bottom:solid 1px #999999;
    border-top:solid 1px #999999;
	float:left;
}

#listeMessage #champFiltre input{
    margin-right:10px;
}

#listeMessage #champFiltre .floatGauche{
	float:left;
	margin-right:5px;
}

#listeMessage #aucunResultat{
    width:740px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
    border:solid 1px #999999;
	line-height:3em;
	vertical-align:middle;
	text-align:center;
	height:3em;
	clear:left;
	margin-bottom:10px;
}


/*Bloc message*/


#listeMessage #message {
    width:742px;
	margin-bottom:20px;
	float:left;
	font-family: 'Arial', sans-serif;
    font-size:12px;
}

#listeMessage #message.msgOffline {background-color:#F3CDBC;}

#listeMessage #message p{margin:0; padding:0;}

#listeMessage #message #ligneHaut {
	float:left;
/*	margin-bottom:5px;*/
}

#listeMessage #message #ligneHaut div {
    background-color:#F0EFEF;
	float:left;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
}

#listeMessage #message #ligneHaut .pseudo{
    width:130px; 
	border-right:solid 1px #FFFFFF;
	color:#EB7106;
	font-weight:900;
}

#listeMessage #message #ligneHaut .pseudo a{
    color:#EB7106;
	text-decoration:none;
	font-weight:900;
}

#listeMessage #message #ligneHaut .pseudo a:hover{
    color:#FFFFFF;
}

#listeMessage #message #ligneHaut .entete{
    width:591px; 
}

#listeMessage #message #ligneHaut .entete .date {
	margin-right:5px;
	float:left;
}

#listeMessage #message #ligneHaut .entete .edit {
	font-style:italic;
	float:left;
	font-size:11px;
}

#listeMessage #message #ligneHaut .entete a {
    float:right;
	text-decoration:none;
	color:#000000;
}

#listeMessage #message #ligneHaut .entete a:hover {
	color:#EB7106;
}

#listeMessage #message #blocMembre {
    float:left; 
	/*background-color:#999999;*/
	width:130px;
	padding:0px 5px;
	font-size:11px;
}

#listeMessage #message #blocMembre .avatar{
	text-align:left;
	margin-top:5px;
}

#listeMessage #message #blocTexte {
	width:581px;
	padding:10px;
	float:left;
	border-left:solid 1px #CCCCCC;
	min-height:150px;
	overflow:hidden;
}

#listeMessage #message #blocTexte .reponse {
	padding:3px;
	margin-bottom:5px;
	text-align:center;
}

#listeMessage #message #blocTexte .reponse a{
    color:#EB7106;
	text-decoration:none;
}

#listeMessage #message #blocTexte .reponse a:hover{
    color:#1F6895;
}

#listeMessage #message #blocTexte .texte {
	min-height:120px;
}

/*Mise en forme editeur*/
#listeMessage #message #blocTexte .texte .citation {
   padding:10px;
   border:solid 1px #CCCCCC;
   background-color:#EEEEEE;
}

#listeMessage #message #blocTexte .texte .spoiler {
	background-color: #000000;
	color:#000000;
}

/*Sign*/

#listeMessage #message #blocTexte .signature {
    font-size:11px;
	margin-top:10px;
	border-top:dotted 1px #CCCCCC;
	width:581px;
	padding-top:5px;
}

#listeMessage #message #action {
	width:100%;
	float:left;
	background-color:#F0EFEF;
	border-top:solid 1px #FFFFFF;
	min-height:1.8em;
}

#listeMessage #message #action img{
	border:0;
}

#listeMessage #message #action a{
    color:#FFFFFF;
	text-decoration:none;
	background-color:#EB7106;
	padding:3px 10px;
	float:right;
}

#listeMessage #message #action a:hover{
    color:#EB7106;
	background-color:#FFFFFF;

}

/* mise en forme message redaction */

#listeMessage #message #ligneHaut.msgRedac div {
    background-color:#000000;
	float:left;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	height:1em;
}


#listeMessage #message #blocTexte.msgRedac {
	width:720px;
	border:solid 1px #000000;
}

/*Mise en forme du contenu auto*/

#listeMessage #message #blocTexte .contenuAutoActu {
}

#listeMessage #message #blocTexte .contenuAutoFocus {
}

#listeMessage #message #blocTexte .contenuAutoArticle {
}

#listeMessage #message #blocTexte .contenuAutoTest {
}

#listeMessage #message #blocTexte .contenuAutoVideo {
	text-align:center;
}

#listeMessage #message #blocTexte .contenuAutoWeb {
}

#listeMessage #message #blocTexte #lienMessage {
	text-align:right;
}

#listeMessage #message #blocTexte #lienMessage a {
	text-decoration:none;
	color:#1F6895;
	font-weight:bold;
	padding-right:10px;
	margin-top:10px;
}

#listeMessage #message #blocTexte #lienMessage a:hover {
	color:#EB7106;
}



/*---------------------------------PAGE MESSAGE------------------------------------*/

#creationMessage {
    font-family: 'Arial', sans-serif;
	font-size:12px;
	width:742px;
}

#creationMessage #entete {
    font-size:20px;
	font-weight:bold;
	color: #EB7106;
	margin-bottom:20px;
}

#creationMessage #entete span {
    font-size:16px;
	color: #000000;
}

#creationMessage #titreTopic {
	font-size:14px;
	border-bottom:solid 1px #000000;
	font-weight:900;
	margin-top:10px;
	font-size:20px;	
	margin-bottom:30px;
}

#creationMessage #noaccess {
	font-family: 'Arial', sans-serif;
    font-size:12px;
	color:#999999;
	border:solid 1px #999999;
	padding:10px;
	margin-bottom:10px;
	font-style:italic;
	text-align:center;
}

#creationMessage #formulaire {
    font-family: 'Arial', sans-serif;
    font-size:12px;
}



#creationMessage #formulaire .intitule{
	font-family: 'Arial', sans-serif;
    font-size:16px;
	color:#000000;
	padding:3px 5px 3px 5px ; /*marges du haut, de droite, du bas et de gauche*/
	margin-top:5px;
	clear:left;
	font-weight:bold;
}

#creationMessage #formulaire .champ {
	 background-color:#FEF0E1;
	 border-top:solid 2px #EB7106;
	 border-bottom:solid 2px #EB7106;
	 padding:5px;
	 float:left;
	 width:732px;
	 margin-bottom:20px;
}

#creationMessage #formulaire #champEditeur {
    font-family: 'Arial', sans-serif;
    font-size:12px;
	width:601px;
	float:left;
	border-left:solid 1px #999999;
	min-height:150px;
	overflow:hidden;
}

#creationMessage #formulaire input.valid{
	border:solid 1px #000000;
	background-color:#FFFFFF;
	color:#000000;
	cursor:pointer;
	float:right;
}

#creationMessage #formulaire input.valid:hover{
	border:solid 1px #000000;
	background-color:#000000;
	color:#FFFFFF;
}

#creationMessage #formulaire input.valid:active {
	border:solid 1px #FFFFFF;
	background-color:#EC7205;
	color:#FFFFFF; 
}

/*---------------------------------PAGE REPONSE------------------------------------*/

#reponse{
    width:742px;
	font-family: 'Arial', sans-serif;
    font-size:12px;
}

#reponse #message {
    width:742px;
	margin-bottom:20px;
	float:left;
	font-family: 'Arial', sans-serif;
    font-size:12px;
	/*background-color:#CCCCCC;*/
}

#reponse #message.msgOffline {background-color:#F3CDBC;}

#reponse #message p{margin:0; padding:0;}

#reponse #message #ligneHaut {
	float:left;
/*	margin-bottom:5px;*/
}

#reponse #message #ligneHaut div {
    background-color:#CCCCCC;
	float:left;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
}

#reponse #message #ligneHaut .pseudo{
    width:130px; 
	border-right:solid 1px #FFFFFF;
}

#reponse #message #ligneHaut .pseudo a{
    color:#EB7106;
	text-decoration:none;
	font-weight:900;
}

#reponse #message #ligneHaut .pseudo a:hover{
    color:#FFFFFF;
}

#reponse #message #ligneHaut .entete{
    width:591px; 
}

#reponse #message #ligneHaut .entete .date {
	margin-right:5px;
	float:left;
}

#reponse #message #ligneHaut .entete .edit {
	font-style:italic;
	float:left;
	font-size:11px;
}

#reponse #message #ligneHaut .entete a {
    float:right;
	text-decoration:none;
	color:#000000;
}

#reponse #message #ligneHaut .entete a:hover {
	color:#FFFFFF;
}

#reponse #message #blocMembre {
    float:left; 
	/*background-color:#999999;*/
	width:130px;
	padding:0px 5px;
	font-size:11px;
}

#reponse #message #blocMembre .avatar{
	text-align:left;
	margin-top:5px;
}

#reponse #message #blocTexte {
	width:581px;
	padding:10px;
	float:left;
	border-left:solid 1px #999999;
	min-height:150px;
}

#reponse #message #blocTexte .reponse {
	padding:3px;
	margin-bottom:5px;
	text-align:center;
}

#reponse #message #blocTexte .reponse a{
    color:#EB7106;
	text-decoration:none;
}

#reponse #message #blocTexte .reponse a:hover{
    color:#1F6895;
}

#reponse #message #blocTexte .texte {
	min-height:120px;
}

#reponse #message #blocTexte .signature {
    font-size:11px;
	margin-top:10px;
	border-top:dotted 1px #999999;
	width:581px;
	padding-top:5px;
}

#reponse #message #action {
	width:100%;
	float:left;
	background-color:#CCCCCC;
	border-top:solid 1px #FFFFFF;
	min-height:1.8em;
}

#reponse #message #action img{
	border:0;
}

#reponse #message #action a{
    color:#FFFFFF;
	text-decoration:none;
	background-color:#EB7106;
	padding:3px 10px;
	float:right;
}

#reponse #message #action a:hover{
    color:#EB7106;
	background-color:#FFFFFF;

}

/*----------------------------- NAVIGATION COMMUNE FORUM/TOPIC --------------------------------*/

#navigationTopic {
   font-family: 'Arial', sans-serif;
   font-size:12px;
   padding:5px;
   margin-bottom:20px;
   text-align:center;
   width:732px;
}

#navigationTopic a{
   text-decoration:none;
   margin-right:3px;
   display:inline-block;
   background-color:#FFFFFF;
   color:#000000;
}

#navigationTopic span{
   margin-right:3px;
   display:inline-block;
   background-color:#FFFFFF;
   color:#CCCCCC;
}

#navigationTopic span.actuel{
   font-weight:bold;
}

#navigationTopic span.actuel, #navigationTopic a:hover{
   background-color:#FFFFFF;
   color:#EB7106;
}