/* DECLARATIONS GENERALES */

body  {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;background: #e0e0e0;margin: 0;padding: 0; color: #333; background-image:url(../images/fond-site.gif); background-repeat:repeat-y;; background-position:center; text-align:justify}
a {color:#bd0926}
a:hover { text-decoration:none; color:#000}
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
hr {  height:0px;  background-color:#d8d8d8; border-top:#d8d8d8; border-right:#d8d8d8; border-right:#d8d8d8; border-bottom: 1px dashed #979798; margin-top:15px; margin-bottom:15px}
h1 { color:#000}
h2 {font-size:18px; color:#000; font-weight:bold; margin-bottom:20px}
h3 { color:#424242; font-size:18px}
h4 { color: #333; line-height:22px;}
p{ line-height:22px;}

h3{ font-size:14px;}
/* FOND SITE */

#fond { margin:auto; width:980px; }

/* HAUT */

#haut{width:980px;}
.banniere{width:751px; height:231px;	float:left;}
.banniere-droite{width:229px; height:231px;	float:right;}
.banniere-droite a{ text-decoration:none; display:block; width:80px; float:left; color:#a53571; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.banniere-droite a img{  border:none;}
.btn-test{ padding-top:60px;}
.btn-test a{ background:url(../images/tester-off.gif); width:177px; height:61px; display:block;}
.btn-test a:hover{ background:url(../images/tester-on.gif); width:177px; height:61px; display:block;}

/* COLONNE GAUCHE */

#col-gauche { color:#FFF; width:317px; float:left;}
#col-gauche #nav { background-image:url(../images/fond-temoins.png); background-repeat:no-repeat; width:317px; height:311px;}
/*	MENU  */

#menu { border:0px solid #fff;height:132px; width:189px;position:absolute; margin-left:130px; margin-top:10px;  } /**/
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;    }
#menu li {margin:0; padding:0; list-style:none;display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px; background-color:#b0b0b0;  }
#menu ul ul a {padding:5px }
#menu ul#toplevel {position:absolute; left:0; top:0;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff;  text-decoration:none;padding:0 0px 0 0px; font-weight:bold;} 
#menu ul li:hover > ul {left:100%; margin-top:-24px; margin-left:0px;  }
#menu ul .deuxlignes:hover > ul{left:100%; margin-top:-46px; margin-left:0px; }
#menu li a:hover {background:#fff; color:#a53571;} 
#menu li:hover > a {background:#fff; color:#a53571;}

#texte ul{ line-height:18px;}

#col-gauche a {}
#col-gauche a:hover {}
#col-gauche #login { background-image:url(../images/login-fond.gif); width:317px; height:106px}
#col-gauche #login input { width:80px; margin:5px; padding:2px; }
#col-gauche #login .form {padding-top:48px; height:106px; padding-left:60px }


/* CONTENU CENTRAL */
.titre{float:left; width:610px; margin-left:10px; margin-top:20px;}
.titre h1 { color:#a53571; font-size:16px; padding-left:15px; padding-top:10px}
.titre p { color:#000; padding-left:15px;  padding-right:20px;}
.soustitre{	color:#5d6a70;	font-size:14px; }

.titre-image{ font-size:10px; font-style:italic; font-weight:bold; text-align:center; width:100%;}

.screen{ text-align:center;}
.erreur { text-align:center; font-size:12px; font-weight:bold; border:1px dashed #CCC; padding:15px; background-color:#f0f0f0; margin:10px}

.baseline { background-image:url(../images/baseline.gif); background-repeat:no-repeat; width:645px; height:97px; float:right; margin-right:18px}
.baseline h1 { color:#a53571; font-size:16px; padding-left:15px; padding-top:10px}
.baseline p { color:#000; padding-left:15px;  padding-right:20px;}
#footer a .comet-studio {font-size:10px; line-height:normal; padding:0px; color:#6e6e6e; text-decoration:none}
#footer a:hover .comet-studio{font-size:10px; line-height:normal; color:#6e6e6e; text-decoration:underline}
#container { float:right; width:640px; }
#container .contenu { margin-right:55px; margin-top:15px}

#container .hp-blocg { float:left; width:270px; padding-top:20px;}
#container .hp-blocd { float:right; width:270px; padding-top:10px;}
#container .titre { background-image:url(../images/titre-fond.gif); background-repeat:repeat-x}

#temoin .contenu { color:#666; width:100%;}
#temoin .contenu h2 { color:#000; font-size:12px; margin:0px; font-style:italic}

.both{clear:both;}
.formulaire-news table input{border:#c8d200 solid 1px;}
.formulaire-news td{color:#a53571;}
.formulaire-contact table input{border:#c8d200 solid 1px;}
.formulaire-contact td{color:#a53571;}
.formulaire-contact textarea{height:200px; width:300px; border:#c8d200 solid 1px;}

#envoyer{
	width:56px;
	height:16px;
	background:url(../images/btn-envoyer.gif);
	border:none;
	font-size:11px;
	padding-bottom:4px;
}

.pack{ float:right;}


/* FOOTER */

#footer{	float:right; margin-right:60px;	margin-top:60px; text-align:center}
#footer a{ padding-right:20px; font-size:11px; color:#333; text-decoration:none;}
#footer a:hover{color:#a53572}

#footer p{ padding-right:20px; font-size:10px; line-height:normal; color:#6e6e6e; padding-top:20px; }

.rose{ color:#a53572}