/* Module CSS Standard du site */

/*------ Basic Elements ------*/
* {
  	margin: 0px;
	padding: 0px;
}
html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	width: 100%;
}
body{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana;
	font-size: 80%;
	width: 100%;
	height: 100%;
	//min-height: 100%;
}
a, a:visited, a:link, a:active {
  color: #3247C3;
	text-decoration:none;
}
a:hover {
  color: #EBA000;
	text-decoration:none;
}
.petit {
  font-size: 0.8em;
}

img {
	border : 0px;
	vertical-align: middle;
}
/*------ Header ------*/
#header{
	width: 100%;
	height: 98px;
	background-color: #EEEEEE;
	/*background-image: url('../img/header_bg.gif');*/
	min-width: 750px;
}
#logo{
	float: left;
	width: 168px;
}
.menu{
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-color: #000000;
	background-image: url('../img/menu_glossy.gif');
	Text-align: right;
	font-size: 0.8em;
	padding-top: 0px;
	min-width: 750px;
}
#menushadow{
	height: 10px;
	width: 100%;
	background-image: url('../img/shadow.gif');
	background-repeat: repeat-x;
	min-width: 750px;
}
.menu a, .menu a:visited, .menu a:link, .menu a:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;  
}  
.menu a:hover{  
	color:#ABCDEF;  
} 
.menutext{
	position: relative;
	float: right;
	margin-right: 5px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
.menutext_l{
	position: relative;
	float: left;
	margin-left: 10px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	text-align: left;
}
.left {
	position: relative;
	float: left;
	text-align: left;
	margin-left: 0.5em;
}
.contenu_left {
	text-align: left;
}
.right {
	position: relative;
	float: right;
	text-align: right;
	margin-right: 10px;
}
.center {
	text-align: center;
}
.right_edit {
	position: relative;
	float: right;
	text-align: right;
}
.connecte {
	position: relative;
	background-color: #F5F6F6;
	color: #73787A;
	border-width: 1px 1px;
	border-style: solid;
	border-color: #B3B8BA;
	float: right;
	text-align: center;
	margin-top: 30px;
	margin-right: 10px;
	padding: 5px;
}

/*------ Body ------*/
#body_contenu{
	position: relative;
	width: 98%;
	padding-left: 1%;
	margin-top: 10px;
	min-width: 750px;
	height: auto !important;
	height: 400px; /* because ie suxxe */
	min-height: 350px;
	margin-left: auto;
     	margin-right: auto;
     	/*text-align: center;*/
     /*overflow: hidden*/;
}

/*------ Footer ------*/
#footer{
	position: relative;
	width: 100%;
	height: 2.5em;
	background-color: #F5F6F6;
	font-size: 0.8em;
	color: #73787A;
	text-align: center;
	margin-top: 20px;
	line-height: 1.2em;
	min-width: 750px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #B3B8BA;
}
	
/*------Formulaires------*/

.form_erreur_contenu {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color : #FFFF00;
	width : 50%;
}
.form_erreur_contenu ul {
	margin-left : 10px;
	list-style-position: inside;
	list-style-type: none;
	color: #CC0000;
}


.Form_Box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 60%;
	min-width: 550px;
	border: 1px;
	overflow: hidden;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: left;
}

.Form_Box02 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 30%;
	border: 1px;
	overflow: hidden;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: left;
}

.Form_Box03 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 100%;
	overflow: hidden;
	border: 1px;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: left;
}
.Form_Box04 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 80%;
	overflow: hidden;
	border: 1px;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: left;
}

.Form_Box_Header {
  	margin: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: 1.5em;
	background-color: #F5F6F6;
	padding-left: 5px;
	color: #73787A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.5em;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: left;
}

.Form_Box_Contenu {
	margin-left: 10px;
	width: 100%;
	margin-bottom: 6px;
	text-align: left;
}
.Form_Box_Contenu02 {
	text-align: center;
	width: 100%;
}
.Form_Box_Contenu_Left {
	position: float;
	float: left;
	width: 35%;
	text-align: left;
}
.Form_Box_Contenu_Right {
	overflow: hidden;
	text-align: left;
	zoom: 1; 
}
.Form_Box_Contenu_Right02 {
	text-align: right;
	margin-right: 20px;
}
.Form_Submit {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 60%;
	min-width: 550px;
	border: 1px;
	border-top: 0px;
	overflow: hidden;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
}
.Form_Submit02 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 30%;
	border: 1px;
	border-top: 0px;
	overflow: hidden;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
}
.Form_Submit04 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 80%;
	border: 1px;
	border-top: 0px;
	overflow: hidden;
	border-style: solid;
	border-color: #B3B8BA;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
}
.Form_bold{
	font-weight: bold;
}
.Form_underlined{
	text-decoration: underline;
}
.Form_italic{
	font-style: italic;
}
.Form_striked{
	text-decoration: line-through;
}
.Form_TextArea {
	width: 96%;
	padding: 0px;
}

.Form_smiley{			
	width: 135px;				
	margin: auto;
}
	
.Form_smiley div{		
	float: left;
	text-align: center;
}
.Form_smiley img{		
	margin-left: 2px;
}


/*------ Post Photo ------*/
#post_photo_container{
	position: relative;
	margin-top: 15px;
	width: 100%;
	border: 1px;
	border-color: #FFFFFF;
	background-color: #767673;
	border-style: solid;
	overflow: hidden;
	font-size: 1em;
	text-align: left;
}
#post_photo_details{
	margin-bottom: 1px;
	width: 100%;
	line-height: 20px;
	vertical-align: middle;	
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCCCCC;
	border-color: #AAAAAA;
}
#post_photo_catg_cont{
}
#post_photo_catg{
	position: relative;
	width: 200px;
	height: 20px;
	border: 0px;
	border-right: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	text-align: left;	
}
#post_photo_input{
	position: relative;
	left: 201px;
	top: -20px;
	height: 20px;
	text-align: left;
}
/*------ Affichage des smileys -----*/
.smiley {
  	margin: 3px;
  	float: left;
  	text-align: center;
	vertical-align: bottom;
}

/*------ Forum Sujet Critique ------*/
.for_critique_container {
	position: float;
	float: left;
	margin: 5px;
	width: 220px;
	height: 270px;
	background-color: #EEEEEE;
	border-width: 1px;
	border-style: solid;
	border-color: #B3B8BA #767A7B #767A7B #B3B8BA;
}
.for_critique_info{
	/*position: relative;*/
	width: 100%;
	height: 25px;
	border: 0px;
	background-color: #DEDEDE;
	line-height: 25px;
}
.for_critique_cont{
	width: 100%;
	padding-top: 4px;
	text-align: center;
}
.for_critique_img{
	width: 100%;
	height: 200px;
}
.for_critique_details{
	width: 100%;
	height: 41px;
	background-color: #DEDEDE;
	font-size: 0.8em;
}
.for_critique_details_left{
	position: float;
	float: left;
	padding-left: 0.5em;
	text-align: left;
}
.for_critique_details_right{
	position: float;
	float: right;
	padding-right: 0.5em;
	text-align: left;
}

/*------ Forum message------*/
.for_message_critique_thumb{
	position: relative;
	width: 90%;
	border: 1px;
	border-style: solid;
	border-color: #B3B8BA;
	background-color: #C8CBCC;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 1em;
	padding-bottom: 1em;
}


.for_message_container{
	position: relative;
	width: 100%;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-color: #B3B8BA;
	background-color: #F5F6F6;
	border-style: solid;
	overflow: hidden;
	text-align: left;
}
.for_message_modo_container{
	position: relative;
	width: 100%;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-color: #B3B8BA;
	background-color: #E6E9EA;
	border-style: solid;
	overflow: hidden;
	text-align: left;
}

.for_message_left{
	position: float;
	float: left;
	top: 0px;
	left: 0px;
	border : 0px;
	border-right : 1px;
	border-style: solid;
	border-color: #B3B8BA;
	width: 18%;
	line-height: 1em;
	padding-top: 5px;
	text-align: center;
	/*overflow : hidden;*/
}
.for_message_left img{
	padding-top:10px;
	padding-bottom: 10px;
}
.for_message_right{
	position: float;
	margin-left: -1px;
	float: left;
	width: 82%;
	text-align: left;
}
.for_message_info{
	/*position: relative;*/
	width: 100%;
	height: 1.5em;
	border: 0px;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	background-color: #E1E4E5;
	line-height: 1.5em;
	//padding-left: 0.5em;
	text-align: left;
}

/*Contenu du message: normal*/
.for_message_cont{
	width: 98%;
	border: 0px;
	border-left: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	padding-bottom: 5px;
	padding-left: 0.5em;
	padding-top: 0.5em;
	text-align: left;
}

.for_message_cont img{
	vertical-align: baseline;
}

.for_message_text{
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
}
.for_message_vignette{
	position: float;
	float: right;
	margin-right: 3px;
	margin-top: 3px;
	padding: 2px;
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	font-size: 1em;
	text-align: center;
}
.for_message_link{
	position: relative;
	background-color: #BABABA;
	width: 100%;
	border: 0px;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	font-size: 1em;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #EEEEEE;
	border-style: solid;
	text-align: left;
}
.for_message_citation {
  	width: 95%;
	background-color: #F0F0F0;
	margin-top: 5px;
	border: 1px;
	border-left: 3px;
	border-color: #777777;
	border-style: solid;
	padding: 0.5em;
	color: #757575;
	text-align: left;
}
.for_message_quote {
  	width: 95%;
	background-color: #F0F0F0;
	margin-top: 5px;
	border: 1px;
	border-color: #777777;
	border-style: dotted;
	padding: 0.5em;
	text-align: left;
}
.for_message_signature {
	color: #555555;
	font-size: 0.8em;
	text-align: left;
}
.for_message_signature_light {
	color: #AAAAAA;
	padding-top: 10px;
	font-size: 0.8em;
	margin-bottom: -4px;
	font-style: italic;
	line-height: 0.8em;
}
.for_message_edit {
	color: #AAAAAA;
	font-size: 0.8em;
	line-height: 0.8em;
	font-style: italic;
	text-align: right;
}
.for_min_bckg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 250px;
	border: 0px;
	border-left: 1px;
	border-color: #EEEEEE;
	border-style: solid;
	background-color: #CCCCCC;
	text-align: left;
}
.for_message_nb_page{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	width: 100%;
	line-height : 1.5em;
	vertical-align : middle;
	text-align: left;
	border-top: 1px;
  	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-color: #B3B8BA;
	border-style: solid;
	background-color: #E1E4E5;
}
.for_msgadd_left {
  	width: 200px;
	float: left;
}
.for_msgadd_right {
 	width: auto;
	margin-left: 200px;
}

/*------ Forum Topic Header ------*/
#for_header_menu{
	position: relative;
	left: 0px;
	margin-top: 1px;
	background-color: #959595;
	width: 100%;
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	height: 25px;
	line-height: 25px;
	font-size: 1em;
	text-align: left;
}
#for_header_option{
	position: float;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	border: 0px;
	border-left: 1px;
	border-color: #A5A5A5;
	border-style: solid;
	font-size: 1em;
	text-align: left;
}
#for_header_text{
	position: absolute;
	left: 0px;
	right: 0px;
	font-size: 1em;
	padding-left: 10px;
	text-align: left;
}

/*------ Forum Liste Catégories ------*/
.for_cat_table {
  	width: 100%;
	background-color: #F5F6F6;
	text-align: center;
 	border-collapse: collapse;
}
td.for_cat_col_categorie {
  	text-align: left;
}
tr.for_cat_ligne_header {
 	background-color: #E1E4E5;
}
tr.for_cat_ligne_critique {
  	background-color: #D5D6D6;
}
.for_cat_table td {
 	border-width: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	padding: 2px;
}
.for_cat_table li{
	display: inline;
	list-style-type: none;
	font-size: 0.8em;
}

/*------ Forum Listes Topics ------*/
.for_liste_table {
  	width: 100%;
	background-color: #F5F6F6;
	text-align: center;
 	border-collapse: collapse;
}
td.for_liste_col_sujet {
  	text-align: left;
	width: 40%;
}
tr.for_liste_ligne_header {
  	background-color: #E1E4E5;
}
.for_liste_table td {
 	border-width: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	padding: 2px;
}
.for_liste_table img {
  	vertical-align: middle;
}
.for_liste_nb_page{
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	border-top: 1px;
  	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-color: #B3B8BA;
	border-style: solid;
	background-color: #E1E4E5;
}
.for_liste_ss_cat{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 100%;
	text-align: left;
	border-top: 1px;
  	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-color: #B3B8BA;
	border-style: solid;
	background-color: #E1E4E5;
}
.for_liste_legende dl {
  	width: 100%;
  	text-align: left;
}
.for_liste_legende dt {
  	float: left;
  	width: 3em;
  	height: 1.5em;
  	text-align: center;
}
/* hack de commentaire avec un antislash pour ie5 mac \*/
.for_liste_legende dt { clear: both; }
/* end hack */
.for_liste_legende dd {
  	margin-left: 3em;
  	height: 1.5em;
  	line-height:1.5em;
  	text-align: left;
}

.for_bouton {
	margin: 0.3em;
	padding: 0.1em;
	padding-left : 0.3em;
	padding-right : 0.3em;
	text-align: center;
	border: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	background-color: #E1E4E5;
}
.for_bouton_admin {
	margin: 0.3em;
	padding: 0.1em;
	padding-left : 0.3em;
	padding-right : 0.3em;
	text-align: center;
	border: 1px;
	//border-color: #B3B8BA;
	border-color: #FFD100;
	border-style: solid;
	//background-color: #CACDCE;
	background-color: #FFE87F;
}
.for_bouton_02 {
	text-align: center;
	border-color: #B3B8BA;
	border-width: 0px;
	border-left-width: 3px;
	border-left-style: solid;
	padding-left: 0.3em;
	padding-right: 0.4em;
	margin: 0.1em;
}
.for_bouton_02:hover {
	background-color: #D0D5D5;
}

/*Dossier*/
.dossier_titre {
	position: relative;
	width: 96%;
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
	padding: 5px;
	padding-bottom: 25px;
	border-width: 1px;
	border-style: dashed;
	background-color: #CCCCCC;
	border-color: #BBBBBB;
	text-align: left;
}
.dossier_titre_details {
	padding-top: 5px;
	margin-left: 10px;
	text-align: left;
	font-size: 0.8em;
}
.dossier_chapitre {
	position: relative;
	width: 96%;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 2%;
	margin-right: 2%;
	padding: 5px;
	border-width: 1px;
	border-style: dashed;
	background-color: #E5E5E5;
	border-color: #BBBBBB;
	overflow: auto;
	text-align: left;
}

.dossier_page {
	position: relative;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 5px;
	border-style: dashed;
	border-width: 1px;
	background-color: #F7F7F7;
	border-color: #BBBBBB;
	text-align: left;
}
.dossier_page p {
	padding-left: 10px;
	text-align: justify;
	margin-right: 10px;
}

.dossier_page img {
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	border-width :1px;
	border-style: solid;
	padding: 5px;
	background-color: #FFFFFF;
	border-color: #BBBBBB;
	text-align: left;
}
.dossier_page_footer {
	position: relative;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	padding: 5px;
	border-style: dashed;
	border-width: 1px;
	background-color: #E5E5E5;
	border-color: #BBBBBB;
	text-align: left;
}

/*Portfolio*/
.portfolio_container{
	position: relative;
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
	font-size: 1em;
}
#portfolio_picture_container{
	width: 100%;
	position: float;
}
#portfolio_header{
	position: relative;
	width: 100%;
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
	font-size: 1em;
	vertical-align: middle;
	border: 0px;
	border-bottom-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #FFFFFF;
	background-color: #959595;	
}
.portfolio_body{
	position: relative;
	width: 100%;
	background-color: #959595;
}
.portfolio_left{
	position: float;
	float: left;
	top: 0px;
	left: 0px;
	width: 200px;
	background-color: #959595;
}
.portfolio_right{
	margin-left: 200px;
	padding-left: 10px;
	background-color: #BBBBBB;
	border: 0px;
	border-left: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	text-align: left;
}
.portfolio_picture{
	position: float;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin: 5px;
	width: 220px;
	height: 220px;
	background-color: #CCCCCC;
}
.portfolio_picture img{
	vertical-align: baseline;
}

/*------ Liste utilisateurs connectés ------*/
.connected_liste_table {
  	width: 30%;
	margin-left: auto;
	margin-right: auto;
	background-color: #F5F6F6;
	text-align: center;
 	border-collapse: collapse;
}
tr.connected_liste_ligne_header {
  	background-color: #E1E4E5;
}
.connected_liste_table td {
 	border-width: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	padding: 2px;
}
.connected_liste_table img {
  	vertical-align: middle;
}

.search_fluo {
	background-color: #FFFF00;
}

/*------ Accueil liste message forum ------*/
.acc_for_table {
  	width: 35%;
	margin-left : auto;
	margin-right : auto;
	background-color: #F5F6F6;
	text-align: center;
 	border-collapse: collapse;
}
td.acc_for_col_titre {
  	text-align: left;
}
tr.acc_for_ligne_header {
  	background-color: #E1E4E5;
}
.acc_for_table td {
 	border-width: 1px;
	border-color: #B3B8BA;
	border-style: solid;
	padding: 2px;
}

/*------ Rubrique MonCompte ------*/
.moncompte_cont_left {
	position: relative;
	float: left;
	text-align: left;
	margin-left: 0.5em;
	min-width: 50px;
	width: 20%;
	border: 0px;
	border-right: 1px;
	border-style: solid;
	overflow: hidden;
	background-color: #F9F9F9;
}
.moncompte_cont_right {
	position: relative;
	float: right;
	text-align: left;
	margin-right: 0.5em;
	width: 77%;
}
.moncompte_menu_home {
	width: 100%;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #888888;
	background-color: #D9D9D9;
	height: 20px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	text-align: center;
	margin-bottom: 5px;
}

.moncompte_menu_rubrique {
	width: 100%;
	background-color: #CCCCCC;
	color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top : 5px;
	margin-left: 5px;
}
.moncompte_menu_item {
	margin-left: 10px;
}

.moncompte_item_title {
	width: 95%;
	background-color: #CCCCCC;
	color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 10px;

}

.moncompte_cont_right table {
	position: relative;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 95%;
}

.moncompte_cont_right table tr {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	
}
.moncompte_cont_right table td {
	padding-left: 5px;
}

.moncompte_cont_right_table_td1 {
	background-color: #F4F4F4;
	width: 200px;
	padding-left: 5px;
}

.moncompte_cont_right_table_tr_title {
	background-color: #CCCCF0;
	padding-left: 5px;
}
.moncompte_cont_right_table_tr_entete {
	background-color: #F4F4F4;
	padding-left: 5px;
	font-size: 0.8em;
}

.moncompte_cont_right_table_tr_submit {
	background-color : #CCCCF0;
	text-align: center;
}