/*******************F************************************/
/*	Feuille de style CSS pour le site ClarisseBuet  */
/********************************************************/

/********************************************************/
/* 		Liste des �l�ments g�n�raux		*/
/********************************************************/

*	{
/* 	font-family: Univers, Arial,Verdana, Times, serif, Verdana; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	}

A
	{
	text-decoration: none;
	}

A:hover 
	{
	color:#ABABAB;
	}

IMG	
	{
	border:none;
	}

HR	
	{
	height:0.74pt;
	color:#969696;
	}

.img_middle 
	{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px;
	}

/************************************************/
/*	Style des Cadres et tableaux		*/
/************************************************/

#cadre {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	min-height:700px;
	}

#header {
	position:relative;
	margin:0px auto 0px auto;
	background:no-repeat;
	}

/*	padding: top right bottom left	*/
table.header 
	{
	width:100%;
	text-align:center;
	}

.contenu 
	{
	width:100%;
	}

.contenuIndex
	{
	color:white;
	}

.contenuIndex TD P
	{
	margin:10px;
	margin:0px 10px 10px 10px;
	}

.TRGrey {
	height:30px;
	background-color:#A7A7A7;
	}

.TRGrey A 
	{
	color:white;
	font-weight:bold;
	}

TD.goldBorder 
	{
	border:solid #919191 1px;
	}

.blueTD {
	background-color:#3C88C3;
	z-index:1;
	}


.infoCon 
	{
	text-align:center;
	background-image:url(../images/barre-grise.png);
	color:#7F7F7F;
	}

#homepage 
	{
	margin-top:36px;
	}

.cadreGris TD
	{
	font-size:8pt;
	background-color:#F6F6F6;
	border:solid 1px #DBDBDB;
	text-align:left;
	padding:5px;
  	}

.imgBorderTop
	{
	position:absolute;
	top:0px;
	}

#menuLeft 
	{
	position:relative;
	width:180px;
	min-height:450px;
	color:#838383;
	}

#menuRight
	{
	position:relative;
	top:0px;
	right:0px;
	width:200px;
	min-height:450px;
	}

.menuLI
	{
	list-style-image:url(../images/fleche.png);
	}

/* CSS consacr�s aux photos	*/	
#menuPhoto 
	{
	position:relative;
	max-width:250px;
	min-height:500px;
	background-color:#C3D7FF;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:30px 5px 30px 5px;
	}

/*padding: top right bottom left*/

table.menuPhoto TR TD 
	{
	border:solid 1px;
	}


table.menuPhoto TR TD A 
	{
	font-weight:bold;
	color:#4E61A5;
	}


.fullWidth 
	{
	width:100%;
	}


table.menuPhoto TR TD A:hover 
	{
	font-weight:bold;
	color:#7996FF;
	}

#nav 	{
	position:relative;
	border:solid 2px #53A0FF;
	background-color:#94B1FF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100px;
	}

#photo 	{
	position:relative;
	padding:10px;
	border:solid 1px #53A0FF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

/****************************************************/
/*				Styles des images				*/
/****************************************************/

	
/****************************************************/
/* 		Styles des listes et ИlИments de listes		*/
/****************************************************/



l.top_liens 
	{
	padding-top:5px;
	text-align:center;
	}


li.inline 
	{
	display:inline;
	border-right:solid;
	border-width:1px;
	padding-right:3px;
	padding-left:3px;
	vertical-align:middle;
	}

/****************************************************/
/*		Styles dИdiИs au corps de chaque page	    */
/****************************************************/


#col2 	{
	width:607px;
	text-align:left;
	}


.story 	{
	clear: both;
	font-size: 80%;
	line-height: normal;
	padding-right:10px;
	}


.feature 
	{
	font-size: 80%;
	border-bottom:solid;
	border-width:1px;
	padding:10px;
	text-align:justify;
	}


.feature img 
	{
	position:relative;
	}


.feature h3
	{
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	padding: 30px 0px 5px 0px;
	}

.border {
	border:solid 1px #005FA9;
	}

.tdstory 
	{
	padding-right:15px;
	}

table.mini td 
	{
	font-size:10pt;
	border:solid 1px;
	height:10px;
	vertical-align:middle;
	}

table.mini td input 
	{
	font-size:10pt;
	}

/****************************************************/
/*	Mise en forme particuli�re du texte	    */
/****************************************************/

.valign {
	vertical-align:middle;
	}

.news	{
	font-size:80%;
	}

.sign	{
	font-style:italic;
	text-align:right;
	}

.hidden {
	display:none;
	}

.under 	{
	text-decoration:underline;
	}


.bold 	{
	font-weight:bold;
	}

.italic {
    font-style:italic;
  }


.justify {
    text-align:justify;
  }


.left 	{
    	text-align:left;
  	}


.center {
    	text-align:center;
  	}


.right {
    	text-align:right;
  	}


.tabulation {
    padding-left:50px;
  }


.Style5 {
    font-size: 20pt;
    color: #005FA9;
    font-weight: bold;
    text-align:center;
  }


.Style4	{
	font-family: Helvetica, sans-serif;
	color:#777777;
	font-weight: normal;
	}


.Style3 {
    	font-size: 16pt;
    	color: #005FA9;
    	font-weight: bold;
    	text-align:center;
	}

.Style2 {
	font-size: 14pt;
	font-weight:underline;
    	color: #FF1953;
    	font-weight: bold;
	}


.Red {
    color:#FF0000;
  }

.Pink
	{
	color:#E20068;
	}

.Blue	{
	color:blue;
  	}


.Green {
    color:green;
  }


.White {
    color:white;
  }


.bgYellow {
    background-color:#FFEC70;
    border:solid 5px;
    border-style:ridge;
  }

.bgGrey 
	{
	background-color:#c6c1c1;
	}


.bgWhite
	{
	background-color:white;
	}


.bgBlue {
	background-color:#9591FF;
	}

.bgSteal 
	{
	background-color:#BEC3E4;
	}

.bgHBlue 
	{
	background-color:#00B2EB;
	}

.bgHYellow 
	{
	background-color:#FFC400;
	}


.bgHOrange 
	{
	background-color:#FF9100;
	}

.bgH_Pink 
	{
	background-color:#F0037F;
	}

.bgH_Green 
	{
	background-color:#B4D800;
	}

.bgH_Red 
	{
	background-color:#FF0000;
	}

.bgHMauve 
	{
	background-color:#B3007C;
	}

.forum_0 
	{
	background-color:#C9CCFF;
	}

.forum_1 
	{
	background-color:#B9CFFF;
	}

#railway
	{
	position:relative;
	text-align:center;
	margin:0px auto 0px auto;
	width:100%;
	}

#railway table tr td 
	{
	border-right:10px solid white;
	}

#railway A 
	{
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	font-size:12pt;
	color:white;
	}

#railway A:hover 
	{
	color:#848484;
	}

#railway .titre_2 A
	{
	color:grey;
	}

/*	 Couleur pour les titres */
.titre_1
	{
    	background-color:#00B2EB;
	}

.titre_2
	{
	background-color:#FF9100;
	}

.titre_3 
	{
	background-color:#B4D800;
	}

.titre_4 
	{
	background-color:#FE0000;
	}

.titre_5 
	{
	background-color:#91017C;
  	}


.titre_6 
	{
	background-color:#FF0000;
	}


.titre_7 
	{
	background-color:#B3007C;
	}

#ssMenu
	{
	width:80%;
	margin:0px auto 0px auto;
	}

#ssMenu A 
	{
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color:#848484;
	}

#ssMenu A:hover 
	{
    	color:black;
  	}

#admin {
    position:relative;
    min-width:800px;
    min-height:600px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
  }


.cadreBleu {
    position:relative;
    border:solid 2px #D5C678;
  }


.imgCadreBleuLeft 
	{
	position:absolute;
	left:0px;
	}


.gaucheBas 
	{
	position:relative;
	left:0px;
	}


.droiteBas 
	{
	position:absolute;
	right:0px;
	}


.imgCadreBleuRight {
    position:relative;
    right:0px;
  }


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


div.titre {
    position:relative;
    background-color:#D5C678;
    text-align:center;
    font-weight: bold;
  }


TR.minPolice TD {
    font-size:8pt;
  }


#pageNav {
    width:200px;
  }


#pageNav UL {
    position:absolute;
    top:100px;
    width:150px;
  }


#pageNav UL LI 
	{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #F5f7f7;
	min-height:40px;
  	}


#pageNav UL LI A 
	{
	display:block;
	background-image:url(../images/bg_nav.jpg);
	font-weight:bold;
	color: #21536A;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	height:40px;
	padding-top:5px;
	padding-bottom:2px;
	}


#pageNav UL LI A:hover 
	{
    	background-color: #DDEEFF;
    	background-image: none;
    	font-weight: bold;
    	text-decoration: none;
  	}