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

/********************************************************************************************************************************/
/********************************************* CSS IDENTIQUE POUR TOUTES LES PAGES **********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	background:transparent none repeat scroll 0 0;
	margin:0;
	padding:0;
}

img {
	border: none;
}

body {
	font-family: "trebuchet ms", verdana, arial, tahoma;
}

.clear
{
	clear:both;
}

/********************************* Header ***************************************/ 
#header {
	background: url(../Images/bg-mainmenu.jpg) repeat-x center bottom;
}

#headerContent {
	width: 964px;
	height:auto;
	margin: 0 auto;
}

#header-top {
	width: 964px;
	height: 57px;
}

#header-bottom {
	width: 964px;
	height: 77px;
	background:url(../Images/village.jpg) no-repeat left;
}

#logo {
	width:485px;
	height: 55px;
	float: left;
	margin-top: 2px;
}

#headerMenu{
	height: 20px;
	text-align:right;
	font-size:12px;
	float:right;
	margin-top: 5px;
}

#headerMenu ul{
	display:inline;
}

#headerMenu li{
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

#headerMenu a {
	text-decoration:none;
	color: #206725;
	padding-right: 3px;
}

#headerMenu li a, #headerMenu li img
{
	vertical-align: middle;
	display: inline-block; 
}

#headerMenu a:hover {
	color: #DA6401;
}

#headerMenu img {
	padding-right: 2px;
}

/*#village {
	width: 407px;
	height: 77px;
	background:url(images/village.jpg) no-repeat center;
	float: left;
}*/

/*********************** Main menu **************************/
#main-menu {
	/*background:url(images/bg-mainmenu.jpg) repeat-x center bottom;*/
	float: right;
	text-align:right;
	width: 557px;
	height: 28px;
	padding-top: 49px;
}

#main-menu ul{
	list-style-type: none;
}

#main-menu li{
	float: right;
	display: block;
	border-left: 1px solid #EFAC7B;
	border-top: 1px solid #EFAC7B;
	border-right: 1px solid #EFAC7B;
	margin-left:3px;
}

#main-menu a{
	display: block;
	text-decoration:none;
	color: #DA6401;
	font-size: 14px;
	padding: 2px 6px 0 6px;
}

#main-menu a:hover, #main-menu li.active a{
	color:#FFF;
	background-color: #DA6401;
}

#main-menu li:hover{
	border-left: 1px solid #DA6401;
	border-top: 1px solid #DA6401;
	border-right: 1px solid #DA6401;
}

/********************* FIN Main menu ************************/

/********************************* FIN Header ***************************************/ 


/********************************* Bandeau accueil ***************************************/ 
#banner {
	background: #DD7301 url(../Images/bg-bandeau.jpg) repeat-x center bottom;

}

#bannerContent {
	width: 964px;
	margin: 0 auto;
	background:transparent url(../Images/roseau-olivier.jpg) no-repeat center bottom;	
	min-height:130px;
}

.swfBanner {
	float: left;
}

#bannerContentData {
	height: auto;
	width: 558px;
	color:#FFF;
	font-size: 14px;
	padding: 30px 0 60px 5px;
	float: left;
	margin: auto 0;
}

#bannerContentTitle{
	font-size: 22px;
	font-style: italic;
	padding-bottom: 6px;
	background: #dd7301 url(../Images/border-bandeau.png) repeat-x left bottom;
}

#bannerContentText {
	padding-top: 10px;
}


/********************************* FIN Bandeau accueil ***************************************/ 


/********************************* Txt ***************************************/
.text {
	color:#000000;
	font-size: 14px;
}

.text p{
	text-align: justify;
	padding-bottom: 4px;
	color:#000;
}

/*.text p strong{
	color:#206725;
	font-weight: bold;
}*/

.text p a, .text a, .text li a{
	text-decoration: underline;
	color:#000;
}

.text p a:hover, .text a:hover, .text li a:hover{
	color:#DA6401;
	text-decoration: none;
}

.text img{
	/*padding-bottom: 5px;*/
}

.text .img-right{
	float: right;
	padding: 4px 0 0 10px;
}

.text .img-left{
	float: left;
	padding: 4px 10px 0 0;
}

.text ul{
	/*padding-top: 8px;*/	
}

.text li{
	list-style: url(../Images/puce-orange.gif);
	margin-left: 15px;
	padding-bottom: 3px;
}

.text li span{
	color:#206725;
	font-weight: bold;
}

h1 {
	font-size: 22px;
	color:#206725;
	padding-bottom: 5px;
}

.text h3 {
	font-size: 18px;
	color: #DA6401;
}

.text h4 {
	font-size: 18px;
	color:#206725;
	/*padding-top: 5px;*/
	/*padding-bottom: 2px;*/
}

.text h5 {
	font-size: 16px;
	color: #DA6401;
}

.text h6 {
	font-size: 16px;
	color:#206725;
}

.text .agence {
	text-align: center;
}
/********************************* FIN Txt ***************************************/

#content {
	width: 964px;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
}

/********************************* Accueil ***************************************/
#text-accueil-content {
	width:549px;
	float: right;
	padding-left: 15px;
}

/********************************* FIN accueil ***************************************/


/********************************* left Bloc ***************************************/ 

#leftBloc-content {
	width: 270px;
	float: left;
}

/******************** leftMenu ********************/
#leftMenu {
	width: 270px;
	float:left;
	margin-bottom: 20px;
	padding-top: 12px;
	background: url(../Images/bg-top-left-menu.gif) no-repeat center top;
}

#leftMenu-content {
	width: 270px;
	float:left;
	padding-bottom: 12px;
	background:url(../Images/bg-bottom-left-menu.gif) no-repeat left bottom;
}

#leftMenu-title {
	width: 270px;
	background: url(../Images/border-left-menu.gif) no-repeat left bottom;
}

#leftMenu-title strong 
{
	display:block;
	font-size: 20px;
	color:#000;
	padding: 0 0 8px 16px;
}

#leftMenu-title strong a{ 
	font-size: 20px;
	color:#000;
	text-decoration: none;
}
#leftMenu-title strong a:hover{ 
	color:#000;
	text-decoration: none;
}

#leftMenu-content ul{
	padding: 3px 0 0 25px;
	list-style-type: none;
}

#leftMenu-content li{
	padding-left: 12px;		
}

#leftMenu-content li:hover{
	background: url(../Images/puce-verte.gif) no-repeat left 7px;
}

#leftMenu-content a{
	text-decoration:none;
	font-size: 16px;
	color: #000;
}

#leftMenu-content a:hover, #vm1_item_selected a{
	color:#206725;
}

#vm1_item_selected{
	background: url(../Images/puce-verte.gif) no-repeat left 7px;
}

#leftMenu-content .vm2{
}

#leftMenu-content .vm2 ul{
	padding-left: 50px;
	list-style-type: none;
}

#leftMenu-content .vm2 li{	
}

#leftMenu-content .vm2 li:hover{
	background: url(../Images/puce-orange.gif) no-repeat left 7px;
}

#leftMenu-content .vm2 a{
	text-decoration:none;
	font-size: 14px;
	color: #4D4D4D;
}

#leftMenu-content .vm2 a:hover, #leftMenu-content .vm2 .active-sous-menu a { 
	color: #DA6401;
}

#vm2_item_selected{
	background: url(../Images/puce-orange.gif) no-repeat left 7px;
}


/******************** FIN LeftMenu ********************/


/******************** Recherche multicritères ********************/ 
#form-recherche-top {
	width: 270px;
	background:url(../Images/bg-top-form.jpg) no-repeat right top;
	float: left;
}

#form-recherche-bottom {
	width: 270px;
	padding-bottom: 12px;
	background:url(../Images/bg-bottom-form.jpg) no-repeat right bottom;
	float: left;
}

#titre-form {
	width: 270px;	
	padding: 12px 0 5px 0;
	background:url(../Images/bg-border-form.jpg) no-repeat right bottom;
	float: left;
}

#titre-form p{
	width: 265px;
	color: #DA6401;
	font-size: 19px;
	padding: 3px 5px 3px 0;
	background:url(../Images/bg-center-form.jpg) repeat-y right center;
	float: left;
}

#form-rechercheContent {
	width: 270px;
	background:url(../Images/bg-center-form.jpg) repeat-y right center;
	float: left;
}

#form-rechercheContent p{
	width: 270px;
	font-size: 13px;
	padding: 3px 5px 3px 0;
}

#form-rechercheContent label{
	font-size: 13px;
}

.formlabel {
	text-align: left;
	float:left;
	width:90px;
}

#form-rechercheContent .champ{
	background-color: #FFF;	
	border: 1px solid #CCC;
}

#form-rechercheContent a {
	color:#FFF;
	text-decoration: none;
	background-color: #DA6401;
	padding: 0 5px;
	margin: 5px 28px 2px 0;
	float: right;
}

#form-rechercheContent a:hover {
	background-color: #206725;
}
/******************** FIN Recherche multicritères ********************/ 


/******************** alerte email ********************/ 
#alerteEmail{
	width: 270px;
	float:left;
	margin-top: 20px;
	padding-top: 12px;
	background: url(../Images/bg-top-left-menu.gif) no-repeat center top;
}

#alerteEmail-content {
	width: 260px;
	float:left;
	padding: 0 0 10px 10px;
	background:url(../Images/bg-bottom-left-menu.gif) no-repeat left bottom;
}

/*#alerteEmail-content img{
	float:left;
	padding-right: 10px;
}*/
#alerteEmail-content p{
	padding-top: 1px;
	padding-left: 50px;
	background: transparent url(../Images/alerte-email.gif) no-repeat left center;
}

#alerteEmail-content a {
	text-decoration:none;
	color:#000;
}

#alerteEmail-content a:hover {
	text-decoration:underline;
	color:#206725;
}
/******************** FIN alerte email ********************/ 

/********************************* FIN left Bloc ***************************************/ 


/********************************* right Bloc ***************************************/ 
#rightBloc-content {
	width: 664px;
	float:right;		
}

#txtContent-left {
	width: 317px;
	padding-right: 12px;
	margin-bottom:10px;
	float: left;
}

#txtContent-right {
	width: 317px;
	padding-left: 17px;
	margin-bottom:10px;
	float: left;
	background:url(../Images/vertical-border.gif) repeat-y left top;
}



.bloctxt {
	width: 317px;
	padding-bottom: 8px;
	float: left;
}

.blocGallery h5, .blocDoc h5, .bloctxt h5 {
	font-size: 16px;
	color: #DA6401;
}
/********************************* FIN right Bloc ***************************************/ 


/********************************* Alerte email ***************************************/
#formAlerte {
	width: 664px;
	padding-top: 10px;
	float:left;
}

.formAlerte-titre {
	width: 664px;
	font-size: 16px;
	color: #DA6401;
	font-weight: bold;
	padding-bottom: 5px;
	background: url(../Images/horizontal-border-gris.gif) repeat-x left bottom;
}

.formAlerte-content {
	padding-top: 10px;
	width: 664px;
	padding-bottom: 10px;
	float:left;
}

.formAlerte-content p {
	font-size: 14px;
	padding: 4px 5px 4px 0;
}

.formAlerte-label {
	text-align: left;
	float:left;
	width:110px;
}

.formAlerte-content .champ {
	background-color: #FFF;	
	border: 1px solid #999;
}

.formAlerte-content a {
	color:#FFF;
	text-decoration: none;
	background-color: #DA6401;
	padding: 0 5px;
	float: left;
	margin-top: 20px;
}

.formAlerte-content a:hover {
	background-color: #206725;
}
/********************************* FIN Alerte email ***************************************/

/********************************* Pied de page ***************************************/
#footer {
	background: url(../Images/bg-footer.gif) repeat-x top center;
}

#footerContent {
	width: 964px;
	height: auto;
	margin: 30px auto 0 auto;
}

#logo-vv {
}

#logo-vv img{
	padding: 0 2px 10px 2px;
	background-color:#FFF;
	float: left;
}

#txt-adresse {
	color:#206725;
	font-size: 13px;
	padding: 38px 0 0 10px;
	float:left;
}

#logo-partenaires {
	padding: 0 5px 0 5px;
	background-color:#FFF;
	float: right;
}

#copyright {
	font-size: 11px;
	clear: both;
	padding-top: 8px;
	color: #DA6401;
}

#copyright a{
	color: #DA6401;
	text-decoration:none;
}

#copyright a:hover{
	color: #DA6401;
	text-decoration:underline;
}


#footerLinks {
	/*margin-top:8px;*/
	clear: both;
}
ul#footerLinksList {
	font-size: 11px;
	color: #DA6401;
}
ul#footerLinksList li {
	display:block;
	float:left;
	height:15px;
	margin:0;
	padding-left:10px;
	background: url(../Images/puce-jaune.gif) no-repeat 0% 50%;
}
ul#footerLinksList li.first 
{
	padding-left:0px;
	background-image:none;
}

ul#footerLinksList a {
	color: #DA6401;
	font-size: 11px;
	padding:4px;
	text-decoration:none;
}
ul#footerLinksList a:hover {
	color: #DA6401;
	text-decoration:underline;
}
ul#footerLinksList span {
	padding:4px;
}

/********************************* FIN Pied de poage ***************************************/