/*      */
/* ELEC */
/*      */


/*                */
/*     COMMON     */
/*                */
 
*{
	margin: 0px;
	padding: 0px;
}

html, body{ 
  margin:0px; 
  padding:0px;
  background-color: #A291BC;
	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: #A291BC;
}

/*                     */
/*     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: auto;
	margin-right: auto;	
	border-right:1px solid #bbb;
}

#pagewidth{ 
  width:996px;
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
  background-image: url("../img-elec-3/sk_elec_img6_3.gif");
  background-repeat: repeat-y;
}

#cont_header{
  position: relative; 
  padding-top: 30px;
  height: 92px;
  width: 996px;
  background-color: #A291BC;
	background-image: url("../img-elec-3/sk_elec_img1_3.gif");
	background-repeat: no-repeat;
	background-position: 0px 30px;
}

#cont_header_title{
  position: relative;
  font-size:24px;
	font-weight: bold;
	color: #000;
  width: 550px;
  height: 30px;
  margin-left: 420px;
  padding-top: 10px;
  text-align: right;
}

#cont_header_menu{
	padding-left: 20px;
	padding-right: 20px;
	width: 956px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 80px;
}

.menu_sep
{	
}

#cont_header_menu a:link{
	color: #2B5B8C;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:visited{
	color: #2B5B8C;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:active{
	color: #2B5B8C;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#cont_header_menu a:hover{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}


#rightcol{
  position: relative;
  width: 150px;
  background-image: url("../img-elec-3/sk_elec_img8_3.gif");
  background-repeat: repeat-y;
  vertical-align: top;  
  text-align: center;
  padding-top: 5px;
  padding-right: 5px; 
 }

#maintable{
	position: relative;
	border-collapse: collapse;
	border: none;
  width: 996px;
  padding: 0px;
}

#maincol{
	position: relative;
  width: 770px;
  vertical-align: top;
  text-align: left;
  padding-left: 35px; 
  padding-top: 10px;
  padding-bottom: 35px;  
  padding-right: 36px;
}

#maincol2{
	position: relative;
  width: 100%;
  vertical-align: top;
  text-align: left;
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 35px;  
  padding-right: 35px; 
}

#def_main{
  _height: 500px;
  min-height: 500px;
}

#footer{
  height: 60px;
  width: 996px;
  margin-left:auto; 
  margin-right:auto;
  background-color: #A291BC;
  background-image : url("../img-elec-3/sk_elec_img7_3.gif");
  background-repeat : no-repeat;
  background-position: top;
  text-align: center;
	font-size: 10px;
	
}



/*                */
/*    GALERIES    */
/*                */


.galerie_title {
  height: 24px;
  width: 512px;
  background-image: url("../img-elec-3/sk_elec_unigal_3.gif");
	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: #B1A4C7;
	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-elec-3/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: #A291BC;
	}
	
td.fonb {
	background-color: #nope;
	border-left: 1px solid #fff;	
	border-right: 1px solid #fff;
	}

td.cla {
  background-color: #A291BC;
}

td.annonce {
  font-size:12px;
	color: #333;
	background-image:url("../img-elec-3/sk_elec_img4_3.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-elec-3/sk_elec_img3_3.gif");
  background-repeat : no-repeat;
  width: 770px;
  height: 6px;  
  font-size: 0px;
}

.cont_text_flt{
	margin-left: auto;
	margin-right: auto;		
  background-image: url("../img-elec-3/sk_elec_img4_3.gif");
  background-repeat: repeat-y;
  padding: 10px;
  width: 750px;
  font-size: 12px;
  color: #414143;
}

.cont_profil_flt{
	margin-left: auto;
	margin-right: auto;		
  background-image: url("../img-elec-3/sk_elec_img4_3.gif");
  background-repeat: repeat-y;
  padding-left: 6px;
  padding-right: 6px;
  width: 758px;
  font-size: 10px;
  color: #414143;
}

.cont_text_foot{
	margin-left: auto;
	margin-right: auto;	
  background-image: url("../img-elec-3/sk_elec_img5_3.gif");
  background-repeat: no-repeat;
  background-position: 0px -2px;
  width: 770px;
  height: 6px;
  font-size: 0px;
}

.title_profil{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #A291BC;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #ffffff;
}

/*                */
/*     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;}
}
