/*************   General   **************/

html 

{

	font-size : 75%;

	font-family : Tahoma, Helvetica, Arial, sans-serif;

	color : #000000;

	background : url(img/fond_page.jpg) #ffffff fixed;

}

body 

{

	width : 100%;

	margin : auto; 

	text-align: left ;

}

a

{

	font-variant: small-caps;

	color : #666666;

	text-decoration : none;

	font-weight: bold;

}

a:hover

{

	color : #777;

	text-decoration:none;

	/*border-bottom: 1px #000 solid;

	border-top: 1px #000 solid;*/


}

/******************          BLOC CENTRAL            **************/

#conteneur 

{

	min-height: 100%;

	width: 100%;

	margin: 0 auto;

	/* position: relative; */

	/*overflow: auto;*/

}

/******************          BANNIERE            **************/

/* Entete de la page */


#top p /* titre et soustitre du site */

{

	padding-left: 70px;

	text-align : left;

}

/* Titre du site */

.titresite

{

	font-size:20px;

}

/* Description du site */

.descriptionsite

{

	font-size:18px;

}

/******************          CORPS ET CONTENU            **************/

/* Corps de la page */

#corps

{

	padding-bottom : 20px; /* marge en bas */

	text-align : left;

	background : url(img/fond_contenu.jpg) repeat-y;

}

/* Contenu (affichage des articles, texte de l'accueil etc)  */

#contenu

{
	float: right;
	text-align : left;
	padding: 10px 35px 0px 0px; /* marge a gauche */
}

/*hr*/

#contenu hr

{

	width : 50%;

	height : 1px;

	border-top : 1px solid white;

	border-bottom : 1px solid #000000;

}

/*hr*/

#contenu select.lisTickets

{

margin-bottom : 10px;
	/*margin-left :200px;
	text-align : left;
*/

}



/******************          PAGES             **************/

/***    Page standard     ***/

#contenupage

{

	margin-left:100px;

}

/* Titre  */

h2.titrepage 

{
	color: #000000;

}

/* Sous titre  */

h3.soustitrepage

{

	color : #000000;

}

/* Texte*/

p.paragraphepage

{

	color : #000000;

}

/* Champ de texte */

#contenupage input.text

{

	background-color: #fff;

	padding: 4px;

	color : #000000;

	border: 1px solid #000000;

	width:300px;

}

/* Champ de texte version TEXTAREA*/

#contenupage textarea

{

	width : 98%;

	background-color: #fff;

	padding: 4px;

	color : #000000;

	border: 1px solid #000000;

}

/* Boutons submit */

#contenupage input.submit

{

	/*  co/décommenter pour dé/embellir les boutons */

	background: url(img/bouton.png) #fff ;

	border: 0px solid #000000;

	width:150px;

	height:45px;

	/**/

	color : #000000;

}

/* Fieldset  */

#contenupage fieldset

{

	background-color: #fff;

	padding: 4px;

	color : #000000;

	border: 1px solid #ccc;

}

/* Légende des fieldset  */

#contenupage fieldset legend

{

	font-weight: bold;

}

/*  blocs qui affichent les commentaires lorsqu'on les modère   */

span.validCom

{

	margin:auto;

	text-align:center;

	width:90%;

	display:block;

	border:1px solid #777;

	background-color:#dedede;

	padding:5px;

}

/* et les images qui y sont affichées*/

span.validCom img

{

	max-width:400px;

	margin:5px;

	border:1px solid #777;

}



/*************   SI AFFICHAGE DES PROFILS  **************/

div.profileFounder

{

	background-color : #fda;

	border: 1px solid #c75;

	padding : 5px;

}

div.profileFounder img

{

	float :left;

	margin : 10px;

}

div.profileAdmin

{

	background-color : #bf8;

	border: 1px solid #4c2;

	padding : 5px;

}

div.profileAdmin img

{

	float :left;

	margin : 10px;

}

div.profileAuthor

{

	background-color : #f2f2ff;

	border: 1px solid #77a;

	padding : 5px;

}

div.profileAuthor img

{

	float :left;

	margin : 10px;

}









/*************   SI AFFICHAGE DES ARTICLES  **************/

/* Contenant de l'article */

.article

{

	margin-left:30px;

}

/* Titre de l'article */

.article h2

{

	font-size : 1.5em;

	font-weight: bold;

	font-variant: small-caps;

	color : #000000;

	background : url(img/bg_titre_article.jpg) no-repeat;

	padding:3px;

	margin-bottom:-17px;

}

/* images */

.article img

{

	max-width:800px; /* NE JAMAIS RETIRER, EMPECHE LES IMAGES DES ARTICLES DE DEFORMER, ADAPTEZ LA LARGEUR SEULEMENT ;) */

	border:0px;


	margin:auto;

}

/* Infos de l'article */

.article p.infosarticle

{

	color : #000000;

	text-decoration : none;

	padding:3px;

}

/* Contenu de l'article */

.article p.contenuarticle

{

	color : #000000;

	text-decoration : none;

	padding:5px;
	text-align: center ;
	background-color: #fff;

}

/* Liens amenant vers les comments de l'article */

.article p.liencoms

{

	color : #000000;

	text-decoration : none;

	padding:3px;

	padding-right:6px;

	text-decoration : none;

	text-align : right;

}



/*************   comments   **************/

/*************   Rappel du ticket   **************/

#rememberTicket

{

	background-color: #eee;

	border: 1px #aaa solid;

	margin-left: 30px;

	min-height:30px;

	padding : 10px;

}

#rememberTicket img

{

	max-width:700px;

}



/*************   Formulaire   **************/

/* Général */

#writecom

{

	color : #000000;

	margin-left: 30px;

	text-align:center;

}

/* HR des comments */

#writecom hr

{

	height: 5px;

	width: 65%;

	color : #000000;

	border: 1px solid #000000;

}

/* champ de texte du pseudonyme */

#writecom input.pseudo

{

	background-color: #fff;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

/* champ de texte du mail */

#writecom input.mail

{

	background-color: #fff;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

/* champ de texte du site */

#writecom input.site

{

	background-color: #fff;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

/* champ de textarea du commentaire */

#writecom textarea.commentaire

{

	background-color: #fff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

#writecom input.submit

{

	background-color: #fff;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

/*************   Affichage   **************/

/* Général */

#comments

{

	color : #000000;

	margin-left: 30px;

	text-align:center;

}

/* HR des comments */

#comments hr

{

	height: 5px;

	width: 65%;

	color : #000000;

	border: 1px solid #000000;

}

/* comments à l'id pair */

#comments .pair

{

	background-color: #fff;

	color : #000000;

	margin-left: 15px;

	border: 1px solid #000000;

	padding: 3px;

}/* comments à l'id pair */

#comments .pair img

{

	max-width:300px;

}

/* comments à l'id impair */

#comments .impair

{

	background-color: #f4f6fc;

	color : #000000;

	margin-left: 15px;

	border: 1px solid #000000;

	padding: 3px;

}/* comments à l'id impair */

#comments .impair img

{

	max-width:300px;

}

/* #numéro du commentaire */

#comments .numcom

{

	font-weight: bold;

}

/* date du commentaire */

#comments .datecom

{

	

}

/* nom de l'auteur du commentaire */

#comments .auteurcom

{

	font-weight: bold;

}

/* texte du commentaire */

#comments p

{

	

}



/*************   MENU  **************/

/* General*/

#menu

{

	float : left;

	width:290px;
	height:900px;

	padding-left:30px;

	padding-top:20px;

	background : url(img/fond_menu.jpg) no-repeat;

}

/* Listes du menu */

#menu ul 

{

	width : 185px;

	margin : 0 0 0 0;

	padding : 0px;

	list-style : none;

	background : transparent;

}

/* Elements des listes du menu */

#menu li

{

	padding-left : 0px;

	margin-left : 5px;

}

/* Liens du menu */

#menu li a

{

	text-align : left;

	display : block;

	width : 100%;

	height : 15px;

	/*border-bottom : 1px solid #aaa;*/

	color: #000000;

	text-decoration : none;

	font-weight: bold;

	padding-top:2px;

	padding-left:10px;

	padding-bottom:2px;

	background: url(img/sous_bouton_normal.png) no-repeat ;

}

/* Liens survolés du menu */

#menu li a:hover 

{

	background: url(img/sous_bouton_roll.png) no-repeat ;

}

/* Images des liens */

#menu li img

{

	vertical-align:middle;

	border: 0px;

}



#menu div 

{

	margin : 8px 0 ;

}

/* Textes du menu */

#menu .texte

{

	margin-left:10px;

}

/* Titres du menu */

#menu h2

{

	font-size : 1.5em;

	color: #000000;

	font-weight: bold;

	margin : 0;

	padding : 3px 0 3px 10px;

	font-variant: small-caps;

}

/* Titres du menu en liens */

#menu h2 a

{

	color: #000000;

	font-weight: bold;

	margin : 0;

	text-decoration : none;

}

/* Titres du menu en liens survolés */

#menu h2:hover

{

	color: #40689f;

	font-weight: bold;

	margin : 0;

	color : #000000;

}

/* Champs texte du menu */

#menu input.text

{

	margin-left:10px ;

	background-color: #fff;

	padding: 4px;

	color : #000000;

	border: 1px solid #000000;

	width: 120px;

}

/* Boutons submit du menu */

#menu input.submit

{

	background-color: #fff;

	padding: 3px;

	color : #000000;

	border: 1px solid #000000;

}

#menu p.otherMenu

{

	padding-left: 20px;

}

#menu p.otherMenu img

{

	

	border: 0px solid;

}

/* Textes du menu */

#menu .texte

{

	

}







/*************   FOOTER  **************/

/* Pied de page */

#footer 

{

	padding-top: 70px;

	text-align : center;

	width : 1100px;

	height: 100px;

	margin : auto;

	font-size : 1.0em;

	background : url(img/footer.jpg) no-repeat;

}





/************* BBCODE  **************/

/*  Souligné  */

.u

{

	text-decoration: underline;

}

/*  Barré  */

.s

{

	text-decoration: line-through;

}

/*  Italique  */

.i

{

	font-style: italic;

}

/*  Gras  */

.b

{

	font-weight: bold;

}

/*  Quote  */

#citation

{

	background-color:#f7f7f7;

	padding: 5px;

	margin-left: 10px;

	margin-right: 5px;

	color: #000000;

	border: 1px dashed #000000;

	text-align: left;

	font-size: 11px;

	display:block;

}

#citation.titrecitation

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #142488;

	text-decoration: none;

	font-weight: bold;

}

/*   Code */

#code

{

	background-color:#f7f7f7;

	width: 85%;

	padding: 5px;

	margin:auto;

	color: #000000;

	border: 1px dashed #000000;

	font-family: Courier;

	text-align: left;

	font-size: 11px;

	display:block;

}

.titrecode

{

	font-family: Courier;

	font-size: 13px;

	color: #142488;

	text-decoration: none;

	font-weight: bold;

}







/*************   DIVERS  **************/

/* Ligne invisible */

hr.hrinvisible

{

	clear : both;

	visibility : hidden;

	margin : 0;

	padding : 0;

}

.vert

{

	color: green;

}

.rouge

{

	color:red;

}

.highlight

{

	color:red;

}