/********************** HOLDERS *****************************/


#MainHolder
{
	background: url("../images/header_herbe_4_avecLogo.jpg") top left no-repeat;
	width: 978px;
	/*margin-left:10px;
	margin-top:3px;*/
	margin: 3px auto;  /* auto : to center the main holder on the page */
	margin-top:20px;
	padding:0px;
	background-color: white;
}


/* ************** HEADER */

#Header
{
	background: url("../images/header_herbe_4_avecLogo.jpg") top left no-repeat;
	float: none;
	padding:0px;
	margin:0px;
	height:130px;
	overflow: hidden;
}






/********************* MENU Horizontal */




#TOP-Menu
{
	float:left;
	padding:0px;
	padding-top:5px;
	padding-left:15px;
	margin:0px;
	height: 60px;
	width: 650px;/*550px;*/

}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/

#menuDeroulant
{
	/*background: #6A6458;*/
	/*background-image: url(../images/menu-bg-1bis.jpg);	*/
	height: 50px;
	list-style-type: none;
	margin: 0;
	margin-top:1px;
	margin-bottom:1px;
	padding: 0;

	border: 0;

}
#menuDeroulant li
{
	float: left;
	width: 130px;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height:20px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;	
	color: #FFF;/* #7E2E2E;#FFF;*/

	background: transparent url("../images/fondTR_orange_arrondi_petite.png") no-repeat; /*#3B4E77;*/
	margin: 0;
	margin-right:10px;
	margin-left:0px;
	padding:4px;
	
	padding-left: 8px;
	border-right: 0px solid;/*1px solid #fff;*/
	border-color:transparent;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #CA7900;/*#F2462E;*/ }
#menuDeroulant li a:active { background-color: #7e2e2e; /*#5F879D;*/ }

#menuDeroulant .sousMenu
{
	
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;

}
#menuDeroulant .sousMenu li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float: none;
	margin: 0;
	margin-left:0px;
	padding: 0;
	border: 0;
	width: 120px;		
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	line-height:14px;
	
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #7e2e2e;/*#FFF;*/
	margin: 0;
	margin-top:0px;
	padding:2px;
	padding-left:10px;

	border: 0;
	text-decoration: none;
	background: transparent url("../images/fondTR_orange_light.png") repeat; /*Pour donner un fond transparent, il faut créer dans un logiciel de création d'image un rectangle de couleur uni avec un niveau de transparence alpha à 60% par exemple et l'enregistrer au format PNG.*/
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #CA7900;/*#F2462E;*/
}

#menuDeroulant li:hover  .sousMenu { display: block; }



/********************* LOGO*/


#TOP-Logo
{
	margin:0;
	padding:0;
	float: right;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 10px;
}
#logo
{
	text-decoration:none;
	padding:0px;
	padding-top:0px;
	margin:0px;
	float: none;
	padding-left: 0px;
	padding-bottom: 0px;

}

#logo .subtitle
{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color: #722626;
	padding-top: 5px;

}

/********************* MAIN CONTENT  ***********************************************/
#Content-Holder
{
	overflow: hidden;
	padding:0px;
	margin:0px;
	background-image: url(../images/trame_eglise_3.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height: 522px;
}

#Content-Holder_REFERENCES
{
	overflow: hidden;
	padding:0px;
	margin:0px;
	background-image: none; /*url(../images/trame_eglise_3.jpg);*/
	background-color:white;
	background-repeat:no-repeat;
	background-position:bottom right;
	height: 522px;
}

/********************* Content LEFT */

#Content-Left
{
	float: left;
	background-color: #ffb124;/*#ffb124;*/
	background-image:url(../images/menu-left-BG-top.gif);
	background-repeat:no-repeat;
	width: 143px;
	padding: 0px;
	margin:0;
	margin-top:8px;
	margin-left:7px;

}

#Content-Left h3
{
	color: #722626;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-bottom:15px;
	padding:0px;
	padding-left: 20px;
	padding-top: 10px;
	font-size:20px;
}

#Content-Left p
{
	
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


#Content-Left a
{
	color: #FFFFFF;
	text-decoration: none;
}

#Content-Left a:hover
{
	color: #B77700;
	text-decoration: underline;
}

/******** Left-Menu */

#Left-Menu
{
	height:185px;
}



#Left-Menu .submenu, #Content-Left .submenuSelected
{
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	font-weight: normal;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCB6A;
	border-bottom-color: #FFCB6A;
	
	
}

#Left-Menu a.submenu, #Left-Menu a.submenuSelected
{
	text-decoration: none;	
	color:#FFFFFF;
}

#Left-Menu a.submenu
{
	background-color: #FF9900;
	
}

#Left-Menu a.submenuSelected
{
	background-color: #CA7900;/*#7E2E2E;*/

}


#Left-Menu a.submenu:hover, #Left-Menu a.submenuSelected:hover
{
	text-decoration: none;
	background-color: #CA7900;/*#7e2e2e;#FFCB6A;*/
}





/************* Nuage */

#Nuage
{
	font-size:12px;
	text-align: left;
	padding:5px;
	margin:0px;
	line-height:30px;
	color:#CA7000;
	word-spacing: 6px;
	letter-spacing: 0px;
	/*vertical-align:top;*/
	height: 255px;
}


#Nuage .nuageGros
{
	font-size:17px;
	color:#996600;
	letter-spacing: 0px;
	font-weight: normal;
	word-spacing: 0px;
}


/********************* Illustration bandeau photo panorama */
#Illustration
{
	background: transparent url("../images/bandeau_photos_5.gif") no-repeat;
	color:transparent;/*450px;*/
	height:69px;/*51px;*/
	margin:0;
	margin-left:0px;
	margin-bottom:0px;
	width: 812px;
	margin-top: 2px;
	
}

#Illustration p
{
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	padding:0px;
	padding-left:70px;
	margin:0px;
	color: #722626;
	padding-top: 5px;

}

/********************* Content CENTER */
#Content-Center
{
	width: 610px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-right: 5px;
	padding-left: 17px;
	padding-bottom: 5px;
	margin-top:0px;
	height: 500px;
	
	

}

/* -----------  contenu*/
#Content-Center-Contenu
{
	margin-top: -20px;
	padding-left: 10px;

}

#Content-Center-Contenu p
{
	line-height:20px;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;

}

#Content-Center-Contenu h2
{
	color: #722626;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	padding-bottom:20px;
	/*position:absolute;
	left:181px;
	top: 183px;*/
	font-size: 40px;
	margin:3px auto;
}

#Content-Center-Contenu h3
{
	color: #722626;/*#4A6B05;/*#2c7d9a;*/
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	font-weight:normal;
}

#Content-Center-Contenu ul
{
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	color: #666666;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 14px;
}

#Content-Center-Contenu ul li
{
	padding:0px;
	padding-bottom: 5px;
	padding-right:15px;
	margin: 0px;
	margin-left: 15px;
	list-style-image: url(../images/bullet-round-red-04.png);
	line-height:20px;
}

#Content-Center-Contenu-illustration
{
	
	float:none;
	height:400px;
}

#Content-Center-Contenu-illustration-arrow
{
	
}

#Content-Center-Contenu-illustration-arrow a
{
	color: #722626;
	font-weight:normal;
	font-size:12px;
	
}

#Content-Center-Contenu-illustration-arrow a:hover
{
	color: #722626;
	font-weight:normal;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
}

#Content-Center-Contenu-illustration-arrow-left
{
	padding-left:50px;
	float:left;
	vertical-align:bottom;
}
#Content-Center-Contenu-illustration-arrow-right
{
	padding-right:50px;
	float:right;	
	vertical-align:bottom;


}

/*-------Barre latérale */

#Content-Center-MarketMessage1
{
	
	padding:2px;
	margin: 0px;
	margin-bottom:10px;
	margin-top:10px;
	background-color: #ebebeb;
	color: #e67501;
	font-weight: bold;
	text-align: center;
}

/*-------Slopes */

#Content-Center-Slopes
{
	overflow:hidden;
	padding:0px;
	padding-top:15px;
	margin: 0px;
	float: none;
	text-align: center;
	height:150px;
	
}


#Slope
{
	display:block;
	margin-right: 10px;
	margin-left: 10px;
	width: 125px;
	float: left;
	

}

#Slope a
{
text-decoration:none;
}

#Slope  a img 
{
	max-height:100px;
	max-width:125px;
}

#Slope a:hover img 
{
	height:95px;

}

#SlopeTitre
{
	font-size:8.5pt;
	color : #666666;
	
	
}




/********************* RIGHT */

#Content-Right 
{
	float: right;
	width: 175px;
	color:#666666;
	padding:0px;
	padding-left: 5px;
	padding-top: 10px;
	margin: 0px;
	border-left:thin;
	border-left-style:solid;
	border-color:#ffb124;
	margin-top: 50px;
	padding-right: 5px;

	
}

#Content-Right h3
{
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
	color:#722626;/*#CA7900;*/
	font-size:18px;
	
}
#Content-Right h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0px;
	margin: 0px;
	color:#CA7900;
	font-size:8.5pt;
	padding-left:6px;
	padding-bottom:10px;
	padding-top:10px;

	
}
#Content-Right .highlight
{

	
}

#Content-Right p
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:0px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#Content-Right a
{
	color:#446600;/*#996600;*/
	/*font-weight:bold;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	
}

#Content-Right a:hover
{


}

#Content-Right ul
{
	padding:0px;
	margin: 0px;
	color:#CA7900;
}

#Content-Right ul li
{
	font-size:8.5pt;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:0px;
	padding-bottom:15px;/*list-style-image: url(../images/bullet-round-red-03.png);*/
}



/*****  Content -RIGHT - COntenu */

#Content-Right-Contenu
{
	height:400px;
	padding:0px;
	padding-top:15px;
	margin: 0px;
	padding-right: 4px;
	

}



#Content-Right-Contenu .loupe
{

	list-style-image:url(../images/loupe_clair2_petit.gif);	
	margin-left: 15px;
	

}

#Content-Right-Contenu .transparent_15 /* vide pour obtenir l'alignement au cas ou on utilise une loupe pour les autres li */
{

	list-style-image:url(../images/transparent_15.gif);	
	margin-left: 15px;

}

/********************** FOOTER *********************************************************/

#Content-Footer
{
	margin:0;
	height:17px;
	padding: 0;
}
#Content-Footer-Left
{
	float:left;
	margin:0;
	padding:0;
}
#Content-Footer-Right
{
	margin:0;
	padding:0;
	float: right;
}

#Footer
{
	float: left;
	/*background: url(../images/menu-bg-1.jpg) repeat-x;*/
	margin:0;
	padding:0;
	background-color:#ffb124;
	text-align: center;
	width: 100%;
	height: 100%;
	
	
}

#Footer p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding:0;
	padding-left: 20px;	
	
	vertical-align:text-top;
	
	 	

}

#Footer img 
{
	padding-top:1px;
	vertical-align:-3px;
}

#Footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#Footer a:hover
{
	color: #2E7D9A;
	text-decoration: underline;
}