* {margin:0;padding:0}
html, body{	height : 100%; z-index: 3}
body{background-color:#bdde5b;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
color:#000000;
text-align:center; 
line-height:24px;
background-image: url(../layout/bg_body.gif);
background-repeat:repeat-x;
}

a{font-size: 13px;color: #C71585; }
a:hover{  font-size: 13px;color: #333399; }
a:link {color: #C71585; text-decoration: none; }
a:visited{	font-size: 13px;color: #666666; }
pre {margin: 0px; font-family: monospace;}
/*table {border-collapse: collapse;}
td, th {  vertical-align: baseline;}*/
h1 {font-size: 170%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #483D8B;
text-transform:uppercase;
text-align:left;
margin-bottom:20px;
margin-top:0;
}
h2 {font-size: 125%;}
img { 	border : 0px; }
/*p {
	margin-left:10px;
	margin-right:10px;
}*/
hr{visibility: hidden; clear: both;}
html>body #container{height:auto;}
#container{
position: relative;
width:974px;
margin:0 auto ;
text-align:center;
border-right:4px solid #ffc407;
border-left:4px solid #ffc407;
background-color: white;
/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:100%;
/* pour obtenir le meme effet sur IE, sachant que si le contenu depasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes*/
height:100%;
}
.titreconf{	border-bottom:1px dashed #000000;	padding-bottom:2px;	font-weight:bold;}
.bpartners{	border:1px solid #f5f5f5;}
div.content { width: 100%; /*auto;*/ }
div.insider { clear:both; margin: 0px; padding: 0px; }
#header{  background-color:#ffffff;/*height:230px;width:100%;*/ text-align: center; width:974px;}
#header h1{	visibility: hidden;}
div.insider h1 { margin: 0; padding: 1em; }
div.insider p { /*margin: .5em;*/ margin : 0 15px; }
div#loading {  display: none; margin: -30px; color: red; font-weight: bold; z-index: auto;  position: static; }
.machin{color:#FF0000; font-weight:bolder;}
.espace{margin-right:10px;}
#pdp{width:100%; text-align: center; margin : 10px 0px 10px 0px; }


#maintabarea{background-color:white;float:left;margin:5px;display:inline;/* elimine le bug de double marge dans IE */}
#maintabarea p{font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px;color: #000000;line-height:24px;text-align:justify;margin-left:0px;margin-right:0px;}
#maintabarea ul{list-style-type: square;font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 13px;	text-align:justify;line-height:24px;color:#000000;background-color: #ffffff;margin-left:0px;margin-right:0px;padding:5px;}
#maintabarea li{ margin-left:25px;}


a#droits{	width:250px;background-color:#dc143c;	color:white;}	
ul.tabs {  width: 100%;  padding: 0;  margin-top : 15px; margin-bottom : 7px; height: 24px; font-weight:bold;} 
ul.tabs li {  display: inline; background-color: #FFF3F3; color:#FFFFFF;font-weight:bold;}
ul.tabs a { 
font-size : 0.92em ; 
color:#FFFFFF; 
font-weight:bold; 
text-align: center; 
float:left; 
/*display: -moz-inline-box; */
display: inline-block;  
margin-left : 1px;
margin-right: 2px; 
padding: 3px 3px 3px 3px ; 
background-color: #cc99cc; 
text-decoration: none;   
/*-moz-border-radius-topright: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;*/}
ul.tabs a:hover { background-color: #663366; font-weight:bold;}
ul.tabs li.active a {   background-color:#dc143c;color:white;}
/*div#tabhead{text-align: center; padding-left :25px; }*/
#rightlinks{	width:100%;	margin : 25px 25px 25px 25px;	text-align:center;	display:inline; } 
#rightlinks ul {	text-align:center;}
#rightlinks li {	display:inline;	list-style: none inside;}
#rightlinks img {border:1px dotted #EEEEEE;	/*padding : 2px 2px 2px 2px;*/}

/* trouvé sur http://www.siteduzero.com/tuto-3-5272-1-modifier-l-apparence-d-une-infobulle.html#ss_part_4 */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #663366;
   padding: 3px;
   border: 1px solid #663366;
   border-left: 4px solid #663366;
}
#signature{
	font-size : 1em; 
	color: #663366;
}
#signature a{
	color: #663366;
	font-size : 1em; 
}
.bbanner{
	border:1px solid #333333;
}
.tintro{
margin:15px;
}
.mright{
	margin-right: 10px;
	border:1px solid #666666;
	margin-left:15px;
}
.mleft{
	margin-left: 10px;
	border:1px solid #666666;
	margin-right:15px;
}
#catalogue {
width:100%;
background-color: black;
color:white;
}
.blacktitle{
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight:bold;
	margin-top:50px;
}
 #nav2{
  /*background-color: #FFD700;*/
  /*background-repeat:no-repeat;*/
  /*float:left;*/
  width:700px;
  height: 20px;
  /*border:solid #fff;
  border-width:1px 0;*/
  }
/*.accueil #nav {
  background-position:0 -70px;
  }*/
#nav2 ul {
  margin:0;
  padding:0;
 /*padding:0 20px;*/
  list-style:none;
  font-size:85%;
  /*text-transform:lowercase;*/
  }
#nav2 li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav2 a, #nav2 strong {
  display:block;
  /*padding:5px 13px 6px;*/
  padding:5px 8px 6px;
  /*border:solid #fff;
  border-width:0 1px 0 0;*/
  color: black;
  text-decoration:none;
  white-space:nowrap;
  font-size:12px;
  font-weight:bold;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav2 a {
  width:1%;
  }
#nav2 #current strong, #nav2 #current a {
  background-repeat:no-repeat;
 }
#nav2 a:hover, #nav2 #current a:hover strong, #nav2 #current strong {
  /*background-color: #fff;*/
  color:black;
text-decoration:underline overline;
  }
#nav2 a:hover {
  background-repeat:no-repeat;
  }
#nav2 a strong, #nav2 #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav2 #h {
  border-left-width:1px;
  }
  #edito{
  	float: left;
	width:600px;
	/*background-color: #f7f7f7;*/
	padding:7px 12px;
	border-right:1px dashed #cc66cc;
  }
  #edito p{
  	font-size:13px;
	color:black;
	text-align: justify;
	line-height:20px;
  }
  #edito ul li{
	list-style-type: square;
}
  #liensalons{
  	padding:7px 12px;
  	float:right;
	width:300px;
	/*border-left:1px dashed #cc66cc;
	background-color: #fffbba;
	border-left:1px solid #ffc407;*/
  }
  #liensalons p{
  	text-align:left;
  }
  .fd-menu{
  	background-image: url(../layout/header2008_05.gif);
	background-repeat: no-repeat;
	height: 39px;
  }
  .formulaire{
  	   scrollbar-base-color: white;
 scrollbar-3dlight-color: white;
 scrollbar-arrow-color: grey;
 scrollbar-darkshadow-color: white;
 scrollbar-face-color: white;
 scrollbar-highlight-color: white;
 scrollbar-shadow-color: white;
 scrollbar-track-color: white;
  }

/*styles pour le menu déroulant
  dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

a {text-decoration: none;
color: black;
color: #222;
}
fin menu*/

#txtconf{
	font-size:11px;
	text-align:justify;
	color:#666;
	line-height:18px;
	margin:0 40px;
}
#txtconf ul li{
	list-style-type: square;
}
#filet	{
height: 1px;
overflow: hidden;
/*margin-top: 15px;*/
/*margin-bottom: 2px;*/
background-color:  #cdcdcd;
}