/* ----------------------------------------------GENERAL----------------------------------------------*/
 

html body {
  margin: 0;
  text-align: center;  
  font-family: Verdana, Helvetica, Sans serif;
  font-size: 8pt;  
  font-weight: normal;
  font-style : normal;
  background: #D9D9D9 url(../img/filet_bckgrd_01.jpg) repeat-x;	  
  background-repeat:repeat-x;
  background-color:#D9D9D9;  
  
  text-decoration: none;  
}

/* pour zoom img en div */
#overtrail { visibility: hidden; z-index: 1000; display: block; position: absolute; top: 0; left: -50px; background-color: #ffffff; border: solid #000000 1px; text-align: center;}


br {
  font-size: 10px;
  height: 10px; 
}

img {
	border: 0px;
}

table#table_list_forum{
  border-collapse: collapse;
  border: 1px solid #C7D0D9;
  width: 690px;
}

table#table_list_forum th{
  text-align: center;
  vertical-align: middle;
  height: 16px;
  border-bottom: 1px solid #C7D0D9;
  color: #396B8C;  
  font-weight: bold;  
}

table#table_list_forum td{
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

table#table_list_forum td{
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

table#table_list_forum td.tinymce{
  padding: 1px;
  width: 95%;
  margin: 0px;
}

table#table_list_forum tr.r0{
  background-color: transparent;
}

table#table_list_forum tr.r1{
  background-color: #eeeeee;
}

table#table_list_forum tr.r2{
  background-color: #ABADC3;
}

table#table_list_forum tr.r3{
  background-color: #9FA0B2;
}

.hr {
  background-image : url("../img/filet_dashedWhiteRond.gif");
  background-repeat : repeat-x;  
  height: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

.hr2 {
  background-image : url("../img/filet_dashedWhiteRond_pages.gif");
  background-repeat : repeat-x;  
  height: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

#head_link{
 position: relative;
 margin-left: 0px;
 margin-top: 2px;
 width: 356px;
 height: 150px;
}

#cont_news_last{
  margin-left:10px;
  background-image : url("../img/imgFd_news.gif");
  background-repeat : no-repeat;  
  width: 231px;
  height: 96px;
  padding: 14px;
}

#cont_news_last_title{
 font-weight: bold;
 font-size: 14px;
 color: #E1DAD4;
}

#cont_news_last_title a{
 font-weight: bold;
 color: #E1DAD4;
 text-decoration: none;
}

#cont_news_last_title a:hover{
 text-decoration: none;
}

#cont_news_last_text{
 margin-top: 10px;
 font-size: 12px;
 color: #dddddd;
}

#cont_news_last_text a{
 font-size: 12px;
 color: #dddddd;
 text-decoration: none; 
}

#div_login_zone{
  position: absolute;  
  left: 532px;
  top: 10px;
  width: 222px;
  height: 24px;
  text-align: center;  
}

.cont_phototheque_vignette_view {
  position: relative;  
  float: left;
  display: inline;  
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  background-image: url("../img/bg_photos-albums.gif");
  background-repeat: no-repeat; 
  padding: 10px;
  width: 120px;
  height: 122px;
  text-align: center;
  
}

.cont_phototheque_vignette {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 100px;
  cursor: pointer;
}

.cont_phototheque_vignette_hover{
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 0px;  
  width: 120px;
  height: 100px;
	cursor: pointer;
	text-decoration: none;
}

.cont_phototheque_vignette_hover a:hover{
	cursor: pointer;
	text-decoration: none;
}


table {
 font-family: Verdana, Helvetica, Sans serif;
 font-size: 8pt;  
}

a, a:link, a:visited
{
	color: #396B8C;
	text-decoration: none;
	font-weight:bold;
}

a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}  


#divMain
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 784;
  text-align: left;  
}

#imgBandeauTop
{
  position:absolute; 
  width:761px; 
  height:184px; 
  left:0px;
  top:0px;
}

#imgBandeauMenu
{
  position:absolute; 
  width:761px; 
  height:64px; 
  left:0px;
  top:184px;
}

#divPub
{
  position:absolute; 
  width:230px; 
  height:83px; 
  left:255px;
  top:17px;
  Xborder:1px solid red;
  border:0px;
}

#divMenu
{
  position:absolute; 
  width:750px; 
  left:0px;
  top:196px;
  Xborder:1px solid red;
  text-align:center;    
  height:26px;
  
}

.elt_menu
{
  Xcolor:#666666;
  Xtext-decoration:none;
  font-size:8pt;
}

a.elt_menu:hover
{
  Xcolor:#4B677C;
  Xbackground: #CACACA;
  font-size:8pt;
}

.sep_menu
{
  border-top: 1px solid #BBBBBB;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;  
  margin-top:2px;
  margin-bottom:2px;
}

#divMenu1
{
  position:absolute;
  top:0px;
  left:15px;
  height:26px;  
  Xborder:1px solid blue;  
}


#divMenuSep1
{
  position:absolute;
  top:0px;
  left:80px;
  Xborder:1px solid green;
}

#divMenu2
{ 
  position:absolute;
  top:0px;
  left:90px;
  Xborder:1px solid blue;
}

#divMenuSep2
{
  position:absolute;
  top:0px;
  left:185px;
  Xborder:1px solid green;
}

#divMenu3
{ 
  position:absolute;
  top:0px;
  left:195px;
  Xborder:1px solid blue;
}

#divMenuSep3
{
  position:absolute;
  top:0px;
  left:297px;
  Xborder:1px solid green;
}

#divMenu4
{ 
  position:absolute;
  top:0px;
  left:305px;
  Xborder:1px solid blue;
}

#divMenuSep4
{
  position:absolute;
  top:0px;
  left:365px;
  Xborder:1px solid green;
}

#divMenu5
{ 
  position:absolute;
  top:0px;
  left:375px;
  Xborder:1px solid blue;
}

#divMenuSep5
{
  position:absolute;
  top:0px;
  left:440px;
  Xborder:1px solid green;
}

#divMenu6
{ 
  position:absolute;
  top:0px;
  left:450px;
  Xborder:1px solid ref;
}

#divMenuSep6
{
  position:absolute;
  top:0px;
  left:510px;
  Xborder:1px solid green;
}

#divMenu7
{ 
  position:absolute;
  top:0px;
  left:520px;
  Xborder:1px solid blue;
}


#divMenuSep7
{
  position:absolute;
  top:0px;
  left:655px;
  Xborder:1px solid green;
}

#divMenu8
{ 
  position:absolute;
  top:0px;
  left:665px;
  Xborder:1px solid blue;
}



#divTitleRub
{
  position:absolute;   
  
  left:465px;
  top:225px;
  width:265px;
  height:23px;
  
  text-align:right;
  
  Xborder : 1px solid red;
}

#divSousSousMenu
{
  position:relative;
  top:0px;  
  left:0px;
  
  text-align:center;
  width:690px;
  Xborder:1px solid blue;
}


#divTitlePage
{
  position:relative;
  top:0px;  
  left:20px;  
  text-align:center;
  width:640px;  
  Xborder:1px solid red
}

 

#divContenu
{
  position:absolute;   
  
  left:0px;
  top:248px;

  width:764px;
    
}

#divContenuTexte
{
  padding:20px;
}

#divContenuFond
{
  position:relative;   
  left:11px;
  top:0px;  
  width:730px;
  
  Xborder:1px solid black;  
  
  
  background-image:  url(../img/fond_06.jpg); 
  layer-background-image:  url(../img/fond_06.jpg); 
  background-repeat:no-repeat;
  background-color:#FFFFFF;  
  
}

#divPiedPage
{
  position:relative; 
  width:764px; 
  height:41px; 
  top:0px;
  left:0px;
  vertical-align:top;
  
  Xborder : 1px solid blue; 
  
  background-image:  url(../img/pied_08.jpg); 
  layer-background-image:  url(../img/pied_08.jpg); 
  background-repeat:no-repeat;
  background-color:#FFFFFF;  
  
}

#divInfosLegales
{
  position:relative;
  top:15px;
  left:0px;
  width:764px;
  height:25px;
  text-align:center;
  Xborder : 1px solid blue; 
}


#divLienConnexion
{
  position:absolute;
  width:110px;
  height:20px;
  z-index:2;
  left: 530px; 
  top: 7px;  
  text-align:right;
  Xborder: 1px solid green;
}

#divSep1
{
  position:absolute;
  width:10px;
  height:20px;
  z-index:2;
  left: 640px; 
  top: 7px;  
  text-align:center;
  Xborder: 1px solid blue;
}

#divLienInscription
{
  position:absolute;
  width:110px;
  height:20px;
  z-index:2;
  left: 650px; 
  top: 7px;  
  text-align:left;
  Xborder: 1px solid red;
}


.txt_important
{
  color:#396B8C;
  font-weight:bold;
}



.txt_pub, .txt_pub:link, .txt_pub:visited
{
  font-weight:bold;
  color:#eee;
}

.txt_pub:hover
{
  font-weight:bold;
  color:#ccc;
}



.txt_liens_bandeau, txt_liens_bandeau:link, txt_liens_bandeau:visited
{
  Xtext-decoration: none;		 
  Xcolor: #666666;
  Xfont-weight: bold;
  font-size: 10px;  
}

.txt_liens_bandeau:hover {
  Xtext-decoration: none;		 
  Xcolor: #396B8C;  
  Xfont-weight: bold;
  font-size: 10px;  
}


.txt_rubriques, txt_rubriques:link, txt_rubriques:visited
{
  font-family: Arial;
  font-size: 10pt;  
  text-decoration: none;		 
  color: #666666;
  font-weight: bold;
  
}

.txt_rubriques:hover {
  font-family: Arial;
  font-size: 10pt;  
  Xtext-decoration: none;		 
  Xcolor: #396B8C;  
  font-weight: bold;  
}

.txt_rubriques_sep
{
  Xcolor:#000000;
  Xfont-weight: bold;
  font-size: 11px;  
}


.txt_title_rub
{
  color: #FFFFFF;  
  font-weight: bold;
  font-size: 15px;  
}

.txt_infos_legales, txt_infos_legales:link, txt_infos_legales:visited
{
  Xtext-decoration: none;		 
  Xcolor: #666666;
  font-weight: normal;
  font-size: 10px;  
}

.txt_infos_legales:hover {
  Xtext-decoration: none;		 
  Xcolor: #396B8C;  
  font-weight: normal;
  font-size: 10px;  
}

.txt_sous_menu, txt_sous_menu:link, txt_sous_menu:visited
{
  Xtext-decoration: none;		 
  Xcolor: #666666;
  font-weight: bold;
  font-size: 10px;  
}

.txt_sous_menu:hover {
  Xtext-decoration: none;		 
  Xcolor: #396B8C;  
  font-weight: bold;
  font-size: 10px;  
}

.txt_sous_menu_cur
{
  font-weight:bold;
  font-size:12px;
}

.txt_title_page
{
  font-weight:bold;
  font-size:18px;
}


/*--------------------- compatibilité provisoire forums kyela -----------------------------*/

.back1 {
  color: #000000;  
  background-color : #D9D9D9;  
}

.table1 {    
  border-top: 1px solid #C7D0D9;
  border-bottom: 1px solid #C7D0D9;
  border-right: 1px solid #C7D0D9;
  border-left: 1px solid #C7D0D9;      
}

.table2 {
  border-top: 1px solid #C7D0D9;
  border-right: 1px solid #C7D0D9;
  border-left: 1px solid #C7D0D9;      
}

.td1 {   
  border-bottom: 1px solid #C7D0D9;
  
  padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
  
}

.td2 {    
  border-bottom: 1px solid #C7D0D9;  
  border-right: 1px solid #C7D0D9;  
  
  padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.tr2 {
  background-color : #E3E9F7;
}

.class1 {  
  color: #396B8C;  
  font-weight: bold;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/*                     */
/*     FORMULAIRES     */
/*                     */

/* msg d'erreurs en tete du formulaire */
.form_errors_msg
{
  border:2px dashed #f00;
  color:#f00;
  margin-left:10px;
  margin-right:10px;
  padding:5px;
	text-align:center;	
}	
	

.texteFormVisu{
  float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#365871;
	text-align:left;
	font-weight:bold;
	display:block;
	width:200px;
	margin-right:5px;
}

.texteAffFiche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	margin:0px;
	padding:0px;
}

.labelFormEditObligatoire{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	width:200px;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:5px;
}

.labelFormEditNonObligatoire{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#365871;
	text-align:left;
	width:200px;
	display:block;
	float:left;
	font-weight:normal;
	margin-right:5px;
}


table.form_default td{	
	Xpadding:5px;	
}

.form_default{
	clear: none;
	float: none;
	text-align:left;
}


.form_default legend{
	Xbackground-color: #f1f3f5;
	border-color: #000;
	border-style: dotted;
	border-width: 1px;
	color:#000;
	font-weight:bold;
	padding:5px;
}

.form_default fieldset{	
	margin: 20px;
	padding:10px;
}


.form_default input{
	display: inline;
}

.form_error{
  color: #ff0000;
  border: 1px solid #ff0000;
	clear: none;
	float: none;
}

.form_error input{
	display: inline;
}



/* cadre autours des photos des utilisateurs */

img.cadrePhotoUser
{
	border: 1px solid #c8c6d3;
}

img.cadrePhotoUserOver
{
	border: 1px solid #ff9209;
}