/* page intro
*****************/
#intro_body{
  background: #B0F2B6;
  width: 678px;
  margin: 0 auto;
  }
#intro_footer{
  position: relative;
  width: 678px;
  height: 30px;
  margin: 0 auto;
  background: url(../images/charte/intro_foot.jpg);
  }
#intro_footer a{
  position: absolute;
  top: 5px;
  height: 20px;
  }
#intro_footer #anchor1{
  width: 30px;
  left: 280px;
  }
#intro_footer #anchor2{
  width: 45px;
  left: 310px;
  }
#intro_footer #anchor3{
  width: 40px;
  left: 355px;
  }

/* charte
*****************/
body{
  background: #FBD000;
  }
html, body{
  height: 100%;
  }
#global{
  min-height: 100%; /* fix footer */
  height: auto; /* fix footer */
  margin: 0 auto -30px; /* fix footer */
  width: 962px;
  background: url(../images/charte/fd_tab.gif);
  }
#colright{
  float: left;
  padding: 0 0 30px;
  }
#maincol{
  float: left;
  }
#contenu{
  background: url(../images/charte/fd_txt.jpg) no-repeat;
  padding: 30px;
  width:615px;
  }
#footer{
  position: relative;
  overflow: hidden;
  clear: both;
  width: 962px;
  height: 30px;
  margin: 0 auto;
  background: url(../images/charte/footer.png);
  }
#footer #anchor1, #footer #anchor2, #footer #anchor3{
  position: absolute;
  top: 5px;
  height: 20px;
  }
#footer #anchor1{
  width: 30px;
  left: 25px;
  }
#footer #anchor2{
  width: 45px;
  left: 55px;
  }
#footer #anchor3{
  width: 40px;
  left: 100px;
  }
#footer p{
  margin: 0 0 0 285px;
  text-align: right;
  font: 9px/16px Arial, Helvetica, sans-serif;
  color: #0F4514;
  }
#footer p a{
  margin: 0 10px;
  color: #0F4514;
  text-decoration: none;
  }
#footer p a:hover{
  text-decoration: underline;
  }

/* styles globaux
*****************/
*{
  margin: 0;
  padding: 0;
  }
.clearer{
  clear: both;
  }


/***************************************************** INTEGRATION ********************************/
/***************************************************** INTEGRATION ********************************/
/***************************************************** INTEGRATION ********************************/
#contenu
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#contenu p
{
	
	margin-bottom:10px;
}
#contenu a,#contenu a:visited, #contenu a:link, #contenu a:active
{
	font-weight:bold;
	text-decoration:none;
	color:#F00000;
}
#contenu h1
{
	font-size:22px;
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	border-bottom:2px solid black;
	margin-bottom:20px;
}
#contenu ul
{
	padding-left:20px;
}
#contenu ul li
{
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:5px left;
	padding-left:12px;
	list-style-type:none;
}
#contenu h2
{
	font-size:18px;
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	/* border-bottom:2px solid black; */
	margin-bottom:10px;
	padding-bottom:10px;
	background-image:url(../images/h2.gif);
	background-repeat:no-repeat;
	line-height:28px;
	padding-left:15px;
}






/*********************STYLE  DE MEP *********************************/





.colLeft
{
	float:left;
	display:block;
	width:350px;

	margin-right:10px;
}
.colLeft img
{
	border:2px solid #fff;
}
.colRight img
{
	border:2px solid #fff;
}
.colRight
{
	float:left;
	display:block;
	width:250px;
}
#contenu .accroche
{
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}
.img_droite
{
	float:right;
	margin:0px 0px 15px 20px;
	border:2px solid #fff;
}
.colRight2
{
	float:right;
	display:block;
	width:280px;
	margin:0px 0px 20px 20px;

}

.colRight3
{
	float:right;
	display:block;
	width:400px;
	margin:50px 0px 55px 20px;
	text-align:center;

}

.colRight4
{
	float:right;
	display:block;
	width:250px;
	margin:0px 0px 20px 20px;
	text-align:center;
}

.video{
border:2px solid #fff;
width:480px;
}





/********************** GALERIE D'IMAGES **************************/
.cas_numero
{
	display:block;
	float:left;
	margin-right:0px;


	
}
.cas_numero p
{

	display:block;
	padding:2px;
	font-size:1.0em;	
	line-height:12px;
	color:#FFFFFF;
	background-color:#990000;
	margin-right: 10px;
	margin-bottom:0px;
}
.galerie_lightbox
{
	display:block;

	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
	margin-top:-10px;
	border:2px solid #fff;
}
#formContact
{
}


#formContact input,textarea
{
	border:1px solid #63A669;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#formContact input
{
	width:150px;

}
#formContact textarea
{
	width:375px;
}