/**
 * global.css
 * Description : feuille de style commune à toutes les pages du site et définition des classes standards
 * Dernière modification : le 23 juin 2010 par Ar Meneziad
 */

/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------------------------->>> CSS DES BALISES GENERIQUES <<<---------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
body
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size: .8em;
	background:url("../img/design/background/web_body_bg.jpg") left top repeat-x #A1C0D8;
	width: 892px;
	margin: auto;
	margin-top : 10px;
}

h1 /* h1 reservé pour les titres de page */
{
	font-size : 17px;
	color : #D70606;
	margin-bottom : 7px;
}

img
{
	border : none;
	vertical-align : middle;
}

a
{
	text-decoration : none;
	color : #2677c9;
}

a:hover{text-decoration : underline;}
a:link, a:active, a:visited{color : #2677c9;}
a:focus{text-decoration : none;}

.tab_classic_style
{
   border : 2px solid #e3e7ec;
   border-collapse : collapse;
   width : 100%;
   /*table-layout:fixed*/
}

.tab_classic_style th
{
	background-color: #808080;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center bottom;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	color: #ffffff;
	text-align: center;
}

.tab_classic_style tr
{
	border : 2px solid #e3e7ec;
	width : auto; 
}

.tab_classic_style td
{
	width : auto;
	/*text-overflow:ellipsis;*/
}

fieldset
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	margin-bottom : 12px;
	padding : 6px;
	padding-left : 10px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

legend
{
	padding-left : 8px;
	padding-right : 8px;
	background-color : #DBE5F4;
	margin-left : 3px;
	margin-right : 3px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
}

label[class="align"]
{
	display:block;
	width:150px;
	float:left;
	text-align : right;
	margin-right : 3px;
}

input[type="button"], input[type="submit"],  input[type="file"], textarea, select
{
    border: 1px solid #7b7b7b;
}

input[type="button"], input[type="submit"], input[type="file"]
{
    cursor: pointer;
    color: #222222;
    background-color: #ffffff;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
	-webkit-border-radius : 4px;
}

input[type="text"] , input[type="password"], input[type="file"], textarea
{
	border: 1px solid #c3c3c3;
	background-color : #f4f4f4;
	padding : 5px;
	margin-bottom: 8px;
	border-radius: 0.5em;
}

input[type="text"]:hover , input[type="password"]:hover,  input[type="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover, textarea:hover
{
	border : 1px solid #999999;
	background-color: #f4f4f4;
	box-shadow: 0pt 3px 8px rgba(0, 0, 0, 0.24) inset;
}

input[type="text"]:focus, input[type="password"]:focus,  input[type="button"]:focus, input[type="submit"]:focus, input[type="file"]:hover, textarea:focus
{
	border-top-width: 1px solid #64bce2;
	box-shadow: 0pt 3px 8px rgba(0, 0, 0, 0.24) inset;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------->>> FIN DES DEFINITIONS DU CSS DES BALISES GENERIQUES <<<-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------->>> DEFINITIONS DU CSS DES L'INDEX (CSS GENERAL DU SITE) <<<------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */
#banniere
{
	font-size : 13px;
	height : 125px;
	background-image: url("../img/design/background/header.png");
	margin:auto;
	color : white;
}
	
	#logbox
	{		
		background-color : #17AAC8;
		border : 1px solid #36b7d2;
		padding : 3px;
		padding-bottom : 7px;
		width : 163px;
		vertical-align : bottom;
		position : relative;
		left : 705px;
		top : 13px;	
		font-size : 10px;

		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius : 8px;
	}
	
	#logbox a
	{
		color : #142C83;
		font-weight : bold;	
	}
	
	#logbox .avatar30
	{
		float :left;
		margin-right : 5px;
	}
	
	#mp_box
	{
		width : 30px;
		height : 30px;
		float : right;
		right : 4px;
	}
	
	.no_mp
	{
		background-image : url("../img/design/mp/enveloppe30.png");		
	}
	
	.new_mp
	{
		background-image : url("../img/design/mp/enveloppe30.png");
		background-position : bottom;
	}
	
	#mp_box a
	{
		display : block;
		height : 23px;
		width : 20px;
		font-style : bold;
		padding-left : 10px;
		padding-top : 7px;
		color : red;
	}
	

#speedbarre
{
	height : 28px;
	background-image : url("../img/design/background/speedbarre.png");
	color : white;
}

#speedbarre a
{
	color : white;
}

#speedbarre div
{
	text-align : right;
	margin-right : 100px;
	padding-top : 5px;
}


#corps
{
	background-image: url("../img/design/background/corps_bg.gif");
	padding-top : 15px;
}
	#menu
	{
		width : 200px;
		margin-left : 25px;
		float : left;
	}
		
	#menu h5
	{
		text-align :center;
		height : 29px; /* 35px - 6px */
		padding-top : 6px;		
		color : white;
		margin-bottom : 1px;
		margin-top : 5px;
		font-size : 16px;
		background :url("../img/design/background/titreh6.png");
	}
		
		#publicite
		{
			text-align : center;
		}
		
		#publicite, #recherche_menu, #administration
		{
			padding-top : 20px;
			background : #E6E6E6;
			background : url("../img/design/background/menu.png") no-repeat;
		}
		
		#recherche_menu
		{
			padding-left : 8px;
		}
		
		#recherche_menu form
		{
			margin-top : -12px;
			margin-bottom : -10px;
		}
		
		#recherche_menu input
		{
			vertical-align : middle;
		}
		
		.suggestionsBox 
		{
			position: absolute;
			width: 180px;
			background-color: #212427;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			border: 2px solid #000;
			color: #fff;
			z-index : 10;
			opacity : 0.9;
			padding : 4px;
		}

		.suggestionList 
		{
			margin: 0px;
			padding: 0px;
		}

		.suggestionList li 
		{
			cursor: pointer;
			margin-bottom : 5px;
		}

		.suggestionList li:hover 
		{
			background-color: #659CD8;
		}
		
	#contenu
       {
		margin-left: 255px;
		margin-right: 15px;
		/*text-align :justify;*/
		padding-bottom : 5px;
	}


#bas-de-page
{
	height : 60px;
	background-image: url("../img/design/background/footer.png");
}

#pied-de-page
{
	height : 40px;
	text-align : center;
}

#pied-de-page p
{
	margin : 3px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------------->>> FIN DE DEFINITIONS DU CSS DES L'INDEX (CSS GENERAL DU SITE) <<<------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------- */
/* --------------------------------->>> CLASSES STANDARDS <<<------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */

/* -------------->> CSS DES ONGLETS <<---------------*/
 
#onglets{
	float:left;
	width:90%;
	line-height:normal;
	border-bottom:1px solid #666;
}
    
#onglets ul{
	margin:0;
	padding:10px 10px 0 30px;
	list-style:none;
}
    
#onglets li{
	display:inline;
	margin:0;
	padding:0;
}
    
#onglets a{
	float:left;
	background:url("../img/design/onglets/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#onglets a span {
	float:left;
	display:block;
	background:url("../img/design/onglets/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}

#onglets ul li#actif span
{
	color:#FFFFFF;
	background-position:100% -42px;
}
#onglets ul li#actif a
{
	background-position:0% -42px;
}

.test
{
	color:#FFFFFF;
	background-position:100% -42px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets a span {float:none;}
/* End IE5-Mac hack */
#onglets a:hover span {color:#FFFFFF;}
#onglets a:hover {background-position:0% -84px;}
#onglets a:hover span {background-position:100% -84px;}

/* -------------->> FIN DU CSS DES ONGLETS <<---------------*/

.exception_msg
{
    border : 2px solid #FD4444;
    margin-bottom : 8px;
    width : 80%;
    padding : 8px;
    padding-left : 35px;
    color : #BD0202;
    background : #FCD9D9;
    background-image : url("../img/design/semantique/erreur.png");
    background-repeat : no-repeat;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius : 8px;
}

.information_msg
{
    border : 2px solid #43E54F;
    margin-bottom : 8px;
    width : 80%;
    padding : 8px;
    padding-left : 35px;
    color : #079711;
    background : #CDF2B9;
    background-image : url("../img/design/semantique/info.png");
    background-repeat : no-repeat;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius : 8px;
}

.attention
{
    border : 2px solid orange;
    margin-bottom : 8px;
    width : 80%;
    padding : 8px;
    padding-left : 35px;
    color : #CA8500;
    background : #FEDC92;
    background-image : url("../img/design/semantique/zcode_attention_tn.png");
    background-repeat : no-repeat;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius : 8px;
}

.avatar30
{
    width:30px;
    height:30px;
}

.avatar50 
{
    width:50px;
    height:50px;
}

a.bouton_action, .bouton_action 
{
    width: 145px;
    height: 22px;
    background-color: transparent;
    background-image: url("../img/design/bouton_action.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    display: block;
    text-align: center;
    color: #ffffff;
    padding-top: 2px;
}

.bouton_action:hover
{
    background-position: left -24px;
    text-decoration : none;
}

/* -------------->> CSS DU ZCODE (www.siteduzero.com) <<------------- */

h3
{
	font-size: 1.7em;
	letter-spacing: 1px;
	margin: 0;
	color: #E8A22B;
	margin-left:10px;
}

h4
{
	font-weight:bold;
	font-size:1.2em;
	font-style:italic;
	color: #1877D5;
	margin: 0;
	margin-left:50px;
}

.fl, .flot_gauche { float: left; } /*.flot_gauche sert pour le zCode */
.fr, .flot_droite { float: right;} /*.flot_droite sert pour le zCode */
.flot_gauche, .flot_droite 
{
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}

.dnone{ display: none; }
.dinline{ display: inline; }
.dblock{ display: block; }

.orange, .couleur_valid  { color: #EC7600; }
.noir { color: black; }
.marron { color: maroon; }
.vertf, .couleur_newser  { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: #646464; }
.rouge, .couleur_admin { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu, .couleur_modo { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: 'DejaVu Sans Mono', Courier, monospace; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }
.fontsize_09 { font-size: 0.9em; }
.fontsize_08 { font-size: 0.8em; }

.vcentre { vertical-align: middle !important; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }
.italique { font-style: italic; }
.gras { font-weight:bold; }

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }
.liste_defaut {	list-style-image: url("../img/design/semantique/puce.png");}

.clearer { clear: both; }
.margin_1em { margin: 1em;}

acronym { cursor: help; }

span.code, span.citation, span.spoiler, span.spoiler_hidden /* Titre du code, de la citation et du spoiler */
{
	font-weight: bold;
	display:block;
	margin-left: 40px;
}

.code2, .citation2, .spoiler2, .spoiler2_hidden /* Contenu du code, de la citation et du spoiler */
{
	border:2px solid #DEE5F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F6F8FC;
	padding: 8px;
	overflow: auto;
}

.code2 td, .code2 tr {border : none;}

/* Correctif pour le tableaux de mp ou de forum qui peuvent contenir du code */
.message .code2{width:470px;}


/* Les tableaux zCode */
.tab_user
{
   border : 2px solid #e3e7ec;
   width : 100%;
   border-collapse : collapse;
   margin : auto;
}

.tab_user th
{
	background-color: #808080;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center bottom;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	color: #ffffff;
	text-align: center;
}

.tab_user td, .tab_user tr
{
   border : 2px solid #e3e7ec;
   width : auto; 
}

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 0 4px 50px;
}
.erreur     {color: #BE0B0B;background-image: url('img/zcode/zcode_erreur.png');}
.question   {color: #145AC1;background-image: url('img/zcode/zcode_question.png');}
.attention  {color: #DA5E0F;background-image: url('img/zcode/zcode_attention.png');}
.information{color: #7D9B0A;background-image: url('img/zcode/zcode_info.png');}

.information, .attention, .question, .erreur 
{
	height:46px; /* On fixe la hauteur, que IE interprète comme une "hauteur minimale" */
	text-align:left;
}
/* Petit arrangement CSS pour une différence entre IE et Firefox. On rétablit en fait la hauteur en auto (par défaut), et on utilise min-height pour définir une hauteur minimale sous Firefox et autres navigateurs comprenant le CSS 2. */
html>body .information, html>body .attention, html>body .question, html>body .erreur
{
	height:auto;
	min-height:30px;
}

.spoiler3 {	visibility: hidden; }
.spoiler3_hidden { display: none; }

.flt_bt_right{margin-left: 160px;}

/* -------->> FIN DU CSS DU ZCODE (www.siteduzero.com) <<-------- */

/* ---------------------------------------------------------------------------------------------------------------- */
/* --------------------------------->>> FIN DES CLASSES STANDARDS <<<---------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */