@charset "utf-8";
/* CSS Document */

	html
	{
	height:100%;
	overflow:hidden;
	scrollbar-base-color: #FFF;
	scrollbar-arrow-color: #DA007E;
	scrollbar-track-color: #FFF;

	scrollbar-shadow-color: #DDD;
	scrollbar-lightshadow-color: #FFF;
	scrollbar-darkshadow-color: #FFF;

	scrollbar-highlight-color: #EEE;
	scrollbar-3dlight-color: #FFF;

	}

	body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background : #a89c91;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	background-image:url(images/fond.jpg);
	background-position:center center;
	overflow:hidden;
	}

/* Gestion des blocs */



#contenant {
position:absolute;
width:850px;
left:50%;
margin-left:-425px;
height:532px;
top:50%;
margin-top:-266px;
background-color:transparent;
z-index:0;
}

#illustration {
position:relative;
height:270px;
background-color:#FFF;
}

#contenu {
position:relative;
height:200px;
padding: 16px 0 0 72px;
background-color:#FFF;
}

#main {
position:relative;
height:200px;
padding: 50px 0 0 0px;
background-color:#FFF;
text-align:center;
}

#contenu2 {
position:relative;
height:200px;
padding: 16px 0 0 30px;
background-color:#FFF;
}

#mentions {
width:850px;
height:486px;
background-color:#FFFFFF;
}

#colonne {
text-align:justify;
width:325px;
height:436px;
float:left;
padding:70px 50px 0 50px;
}

#gauche {
float:left;
position:relative;
width:488px;
}

#contact {
float:left;
position:relative;
width:370px;
}

#droite {
float:right;
position:relative;
width:230px;
padding:0 40px 0 20px;
background-image:url(images/trait2.png);
background-repeat:no-repeat;
}

#titre {
margin:0 0 0 -72px;
padding:0 0 0 0px;
}

#stitre {
width:450px;
}

#texte {  /* pour 1 ou 2 lignes au dessus */
position:relative;
width:465px;
margin:5px 0 0 0;
height:150px;
overflow-y: auto;
}

#texte2 {  /* pour 3 lignes au dessus */
position:relative;
width:465px;
margin:5px 0 5px 0;
height:130px;
overflow-y: auto;
}

#texte3 {
position:relative;
width:390px;
margin:5px 0 5px 0;
height:190px;
}

#texte4 {
position:relative;
width:480px;
margin:5px 0 0 0;
height:130px;
overflow-y: auto;
}

#profession {
position:relative;
float:left;
width:200px;
height:190px;
}

#membre {
position:relative;
float:left;
width:570px;
height:190px;
padding:0 0 0 30px;
overflow-y:auto;
}

#fiche {
position:relative;
float:left;
padding:0 10px 20px 0px;
width:255px;
}


#listing {
width:150px;
position:relative;
float:left;
}

#menu {
position:absolute;
}


/* Gestion des typographies */

.titre {
text-indent:72px;
}

h1 {
margin:0;padding:0;font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#555;
}

h2 {
margin:0;padding:0;font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#555;
}

.titre_alt {
color:#999;
}

.stitre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#999;
}

.valeur {
color:#DA007E;
}

.legende {
color:#DA007E;
font-size:9px;
}

.url {
font-size:9px;
}

.mention {
font-size:9px;
color:#CCCCCC;
}

li.alinea {
list-style-type: circle;
list-style-image: none;
}

.decroche {
border-left: 1px solid #666;
padding-left:10px;
}

/* Liens hypertexte */

a:link, a:visited {
  color:#555;
  text-decoration:none;
}

a:hover {
  color:#da007e;
  text-decoration:none;
  }
  
 a.menu:link, a.menu:visited {
 color:#CCC;
 }
 
a.menu:hover {
 color:#CCC;
 text-decoration:underline;
 }
 
a.specialiste:link, a.specialiste:visited {
  color:#555;
  text-decoration:none;
  line-height:16px;
}

a.specialiste:hover {
  margin-left:-15px;
  padding-left:15px;
  background-image:url(images/fleche.png);
  background-repeat:no-repeat;
  color:#da007e;
  text-decoration:none;
  }
 
input.champ {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:10px;
border:1px solid #BBB;
margin:2px;
background-image:url(images/fd_form.jpg);
background-repeat:no-repeat;
}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:10px;
border:1px solid #BBB;
margin:2px;
background-image:url(images/fd_form.jpg);
background-repeat:no-repeat;
}
  
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}