body{margin:0;
/*  background: #009966;*/
background:#FFFFFF;
  font-family: sans-serif, Arial, Helvetica;
}


#container{position:relative; width:1000px; top:10px; left:50%; margin-left:-500px; background:#FFFFFF;}

#topbar{position:relative; width:1000px; height:200px; background-image:url(images/banner.jpg);}
#contact{position:relative; width:300px; height:40px; top:165px; background:transparent; left:595px;}

#main{position:relative; width:996px; height:auto; top:0px; background:#EEEEEE; border-style:inset;
border-width:2px;}
#content{position:relative; width:990px; height:auto; top:0px; left:5px; background:#EEEEEE;}

#divspacer{clear:both; height:20px; background: #FFFFFF }

#footer{width:1000px; clear:both; height:30px; top:10px; background-image:url(images/bg_footer.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center;}
#footer table {font-size:14px; color:#000000;}
#footer a {color : #FFFFFF; font-family:verdana; text-decoration:none;}
#footer a.styleperso {color : #000000; font-family:verdana; text-decoration:none;}
#footer a:hover , a:active , a:focus {font-weight:bold;}


p{font-family:Calibri;font-size:16px;color:
#000000;}


.titre_h1{
  font-family: sans-serif, Helvetica, Arial;
  font-size: 20px;
  font-weight: bold;
  color:#000000;
  line-height:10px;
  /*letter-spacing: 1px;*/
  }

.texte_normal{
  font-family: Calibri;
  font-size: 16px;
  color:#000000;
  /*line-height:14px;*/
  /*letter-spacing: 1px;*/
  }
  
  
/******************************************/
/* CSS for Lightbox with Contact formular */
/* in tab "Contact"                       */
/******************************************/
#filter_contact
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 2000px;
	background-color: #000;
	z-index:10;
	opacity: 0.5;
	filter: alpha(opacity=50);
	overflow: hidden;

}

#box_contact
{
	display: none;
	position: absolute;
	top: 192px;
	left: 50%;
	width: 620px;
	height: 400px;
	padding: 0;
	margin-left:-310px;
	border: 1px solid black;
	background-color: white;
	z-index:13;
	overflow: hidden;
}

#bouton-close{
	position:relative;
	left:605px;
/*	text-align: right;*/
}

/****************************************/
/* Style CSS for Formulaire_contact.php */
/****************************************/
#formulaire {
  background-color: #C6FFEC;
  margin: 5px;
  }


/* Left Div for Madame, Nom, Prenom, Sujet block */
#d_civilform{
  width:340px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Right Div for label & Textarea block */
#d_messageform {
  width:340px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 5px;
  float: left;
}

/* Div for captcha, label, image, input block */
#d_captchaform {
  clear: both;
  margin-left: 5px;
  height: 80px;
  border: thin;
  border-color: #000000;
}

/* Div for Submit button */
#d_envoyerform {
  margin-bottom: 5px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.sous_titre_form {
font-size: 14px;
text-decoration:underline;
font-weight:bold;
}

/* Rules for label field */
.labelform {
  font-size: 11px;
  width: 110px;
  margin: 2px;
}

/* Rules for label field */
#labelcaptcha{
  font-size: 11px;
}

/* Rules for text input & text area message field */
.inputform {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border-style:inset;
  margin: 2px;
}

#imgcaptcha {
    margin-left: 90px;
    margin-top: 5px;
    float: left;
}

/* End Formulaire_contact.php */

.petite_marge {
margin-left:8px;
}
.moyenne_marge {
margin-left:16px;
}
.marge {
margin-left:24px;
}
.grande_marge {
margin-left:32px;
}
.super_marge {
margin-left:50px;
}