/*      */
/* CHAN */
/*      */


/*                */
/*     COMMON     */
/*                */
 
*{
	margin: 0px;
	padding: 0px;
}

html, body{ 
  margin:0px; 
  padding:0px;
  background-color: #BEBCBD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #325887;	
}

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

p {
}

li
{
	margin-left:15px;
}

a img {
	border: none;
}

img.cadr {
	border: 1px solid #FFFFFF;
}

br {
  font-size: 10px;
  height: 10px; 
}
	
h1 {
  font-size: 18px;
  font-weight: bold; 
}

h2 {
  font-size: 12px;
  font-weight: bold; 
}

img {
	border: 0px;
}

.hr {
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0px;
  border-bottom: 1px solid #7B7B7B;
  width: 100%;
}

a:link{
	color: #325887;
	font-weight: bold;
	text-decoration: underline;
}

a:visited{
	color: #325887;
	font-weight: bold;
	text-decoration: underline;
}

a:active{
	color: #325887;
	font-weight: bold;
	text-decoration: underline;
}

a:hover{
	color: #325887;
	font-weight: bold;
	text-decoration: underline;	
}

fieldset {
	border: 1px solid #325887;
}

.legend{
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	margin-top: -16px;	
	color: #325887;
}

.error{
	color: #ff0000;
}

.bgcolor{
	background-color: #BEBCBD;
}

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

.form_default{
	padding: 0px;
	clear: none;
	float: none;
	margin: 0px;
}

.form_default input{
	display: inline;
	background-color: White;	
}

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

.form_error input{
	display: inline;
}


/*                */
/*     GLOBAL     */
/*                */

img.photo_principale
{
	margin-left: 6px;
	margin-right: auto;	
}

#pagewidth{ 
  width:992px;
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
	background-image: url("../img-chan-4/sk_chan_img14_4.gif");
	background-repeat: repeat-y;
}

#cont_header{
  position: relative; 
  height: 132px;
  width: 992px;
	background-image: url("../img-chan-4/sk_chan_img3_4.gif");
	background-repeat: no-repeat;
}

#cont_header_title{
  position: absolute;
  left:0px;
  top:40px;
  font-size:22px;
	font-weight: bold;
	color: #8B8A8A;
  width: 100%;
  height: 30px;
  text-align: left;
  padding-left:38px;
}

#cont_header_menu{
  position : absolute;
  left: 37px;
	top: 99px;
	width: 820px;
	height: 27px;
}

.menu_sep
{	
}

#cont_header_menu table td
{
	background-image: url("../img-chan-4/flt_ongletsChan.jpg");
	background-repeat: repeat-x;
}

#cont_header_menu a:link{
	color: #2B5B8C;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:visited{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:active{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:hover{
	color: #444;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}


#rightcol{
  position: relative;
  width: 159px;
  vertical-align: top;  
  text-align: center;
 }
 
#rightcol_top
{
	position:relative;
	width:159px;
  height:12px;
  background-image: url("../img-chan-4/sk_chan_img6_4.gif");
  background-repeat:no-repeat;
}

#rightcol_main
{
	position:relative;
	width:159px;
  background-image: url("../img-chan-4/sk_chan_img10_4.gif");
  background-repeat:repeat-y;
}

#rightcol_bottom
{
	position:relative;
  width:159px;
  height:20px;
  background-image: url("../img-chan-4/sk_chan_img11_4.gif");
  background-repeat:no-repeat;
}


#maintable{
	position: relative;
	margin-top:20px;
	border-collapse: collapse;
	border: none;
  width: 972px;  
}

#maincol{
	position: relative;
  width: 100%;
  vertical-align: top;
  text-align: left;
}

#maincol2{
	position: relative;
  width: 100%;
  vertical-align: top;
  text-align: left;
  padding-left:23px;
  padding-right:23px;
}

#def_main{
  _height: 500px;
  min-height: 500px;
}


#beforeFooter
{
  height: 15px;
  width: 992px;
  clear: both;
  background-color: #8FADC7;
  background-image : url("../img-chan-4/sk_chan_img15_4.gif");
  background-repeat : no-repeat;
  background-position: top;
  text-align: center;
	font-size: 10px;
}

#footer{
  height: 60px;
  width: 965px;
  margin-left:auto; 
  margin-right:auto;
  background-color: #F1F0F0;
  text-align: center;
	font-size: 10px;	
}



/*                */
/*    GALERIES    */
/*                */


.galerie_title {
  height: 24px;
  width: 512px;
  background-image: url("../img-chan-4/sk_chan_unigal_4.gif");
  background-repeat: no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;	
}


.vignettes_cont {
  height: 250px;
  width: 230px;
	float: left;
	display: inline;
}

.vignettes_img_cont {
  height: 200px;
  width: 200px;
	background-color: #F1F0F0;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;	
}

.vignettes_img {
	margin-left: auto;
	margin-right: auto;	
}

.vignettes_libelle {
	text-align: center;
	padding-top: 4px;
}

#cont_phototheque_list {
	display: block;	
}


/*              */
/*     PAGE     */
/*              */


table.listpage {
  width: 770px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  border-spacing: 0px;  
  border-collapse: collapse;  
  background-image: url("../img-chan-4/cat-creation/head_tablegen.gif");
  background-repeat: no-repeat;
}

table.listpage th{
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  height: 18px;
  color: #4E4F51;
}

table.listpage td{
  font-size: 12px;
  padding: 5px;
}

table.listpage tr.r1{
  background-color: #FDFDFD;
}

table.listpage tr.r2{
  background-color: #D2D3D7;
}

.titre {
	font-size:24px;
	font-weight: bold;
	color: #000;
}

.petit {
	font-size:13px;
	color: #325887;
}

.contact {
	border:1px solid #fff;
}

.livre {
	border:1px solid #fff;
}

td.fon {
	background-color: #8FACC7;
	}
	
td.fonb {
	background-color: #nope;
	border-left: 1px solid #fff;	
	border-right: 1px solid #fff;
	}

td.cla {
  background-color: #8FACC7;
}

td.annonce {
  font-size:12px;
	color: #333;
	background-image:url("../img-chan-4/sk_chan_img4_4.gif");
	padding: 10px;
}

td.clab {
	background-color: #FADC7;
	border-left: 1px solid #fff;	
	border-right: 1px solid #fff;
}

.cont_text_head{
	margin-left: auto;
	margin-right: auto;		
  background-image : url("../img-chan-4/sk_chan_img5_4.gif");
  background-repeat : no-repeat;
  width: 779px;
  height: 12px;  
  font-size: 0px;
}

.cont_text_flt{
	margin-left: auto;
	margin-right: auto;		
  background-image: url("../img-chan-4/sk_chan_img7_4.gif");
  background-repeat: repeat-y;
  padding: 10px;
  width: 759px;
  font-size: 12px;
  color: #414143;
}

.cont_profil_flt{
	margin-left: auto;
	margin-right: auto;		
  background-image: url("../img-chan-4/sk_chan_img7_4.gif");
  background-repeat: repeat-y;
  padding-left: 6px;
  padding-right: 6px;
  width: 767px;
  font-size: 10px;
  color: #414143;
}

.cont_text_foot{
	margin-left: auto;
	margin-right: auto;	
  background-image: url("../img-chan-4/sk_chan_img8_4.gif");
  background-repeat: no-repeat;
  background-position: 0px -2px;
  width: 779px;
  height: 19px;
  font-size: 0px;
}

.title_profil{
	font-size: 18px;
	font-weight: bold;
	color: #8B8A8A;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #9E98A5;
}

/*                */
/*     SYSTEM     */
/*                */


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

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left and right column when printing*/ 
#leftcol{display:none;}
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}