/**** Temporaire
*****  NOTES CSS
*****/
/* initVariable -> laDate > enlever le lien*/


div#contenuformulaire{width:98%;margin:3px;vertical-align:top;}
div#contenuformulaire div.sautligne {padding:2px;vertical-align:top;width:97%;}
div#contenuformulaire form label {float:left;width:140px;font-weight:bold;padding:2px;}

#laDate a
{
	color: black;
	text-decoration: none;
}



/*****
******
******/


/**** Temporaire
*****  NOTES HTML
*****

Dans le /temp/pagesClient du FTP -> ENLEVER controle total



*****
******
******/
html
{
	margin: 0px;
	padding: 0px;
}
body
{
	margin-top:0px;
	padding: 0px;
	height:100%;
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	font-style:normal;
	font-weight:normal;
	background-color: #d0d0c6;
}
a.index 
{
	color: #008000;
	
}
a.index:hover
{
	color: #000000;	
}
#laPage
{
	width: 1014px;
	margin: auto;
	outline: none;
}

#partieHeader
{		
	float: left;
	width: 1004px;
	height: 117px;	
} 

#headerMenuTop
{
	float: left;
	width: 1004px;
	height: 41px;
	background-color: #C8C896;
}

#headerMenuTop #laDate
{
	float: left;
	width: 215px;
	height: 15px;
	color: black;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 13px;
	margin-left: 10px;
}

#headerMenuTop #menuTop
{
	float: right;
	width: 495px;
	height: 15px;	
	margin-top: 13px;
	margin-right: 10px;
}

#headerMenuTop #menuTop a 
{
	float: right;
	color: black;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 3px;
}
#headerMenuTop #menuTop a:hover { color: #643305; }

#headerMiddle
{
	float: left;
	width: 1004px;
	height: 76px;
	background-color: #643305;
}

#headerMiddle #laFeuille
{
	position: relative;
	float: left;
	width: 78px;
	height: 72px;
	background-image: url("images/headerFeuille.gif");
	margin-top: 4px;
	margin-left: 15px;
	z-index: 0;
	
}

#headerMiddle #laCompagnie
{
	
	float: left;
	width: 333px;
	height: 42px;
	margin-left: -9px;
	margin-top: 16px;
	background-image:url("images/laCompagnie.jpg");	
	z-index: 1;
}
#headerMiddle #laCompagnie a { float: left; width: 333px; height: 42px;}

#headerMiddle #laDevise
{
	float: left;
	width: 346px;
	height: 21px;
	margin-top: 26px;
	margin-left: 200px;
	color: white;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
}

#menuPrincipal
{
	float: left;
	width: 1004px;
	height: 40px;
	background-color: #666634;
	text-align: center;
}

#menuPrincipal a 
{ 
	float: left;
	width: 230px;
	height: 30px;
	color: white; 
	text-decoration: none; 	 
	font-size: 170%;
	font-weight: 500;
	font-style: italic;
	padding-top: 10px;
}
#menuPrincipal a:hover { color: #c8c896; }

#menuPrincipal_Nature a { background-color: #424111; }
#menuPrincipal_Motorise a 
{  
	background-color: #656600;
	width: 240px;	
}
#menuPrincipal_Hebergement a 
{ 
	background-color: #a7640b;
	width: 300px;
}
#menuPrincipal_Touriste a { background-color: #666634;}

.cnNone { display: none; }

.cnBlock_Nature { display: block; width: 864px; padding-top: 15px; background-color: #424111; }
.cnBlock_Moto {	display: block;	width: 864px; padding-top: 15px; background-color: #656600; }
.cnBlock_Resto { display: block; width: 864px; padding-top: 15px; background-color: #a7640b; }
.cnBlock_Tour {	display: block;	width: 904px; padding-top: 15px; background-color: #666634; }


#sousMenuPrincipalNature
{
	float:left;
	color: white;
	text-align: center;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 13px !important;
	padding-bottom: 0px;
}

#sousMenuPrincipalNature a
{
	margin-top: 10px;
	color: white;
	text-decoration: none;
	font-size: 150%;	
}

#sousMenuPrincipalNature a:hover
{
	background-color: #f3f3cf;
	color: #424111;
}

#sousMenuPrincipalMoto
{
	float:left;
	color: white;
	text-align: center;
	padding-left: 70px;
	padding-right: 70px;	
	padding-bottom: 13px !important;
	padding-bottom: 0px;
}

#sousMenuPrincipalMoto a
{
	margin-top: -15px;
	color: white;
	text-decoration: none;
	font-size: 150%;
}

#sousMenuPrincipalMoto a:hover
{
	background-color: #f3f3cf;
	color: #656600;
}

#sousMenuPrincipalResto
{
	float:left;
	color: white;
	text-align: center;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 13px !important;
	padding-bottom: 0px;
}

#sousMenuPrincipalResto a
{
	margin-top: 10px;
	color: white;
	text-decoration: none;
	font-size: 150%;
}

#sousMenuPrincipalResto a:hover
{
	background-color: #f3f3cf;
	color: #a7640b;
}

#sousMenuPrincipalTour
{
	float:left;
	color: white;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 13px !important;
	padding-bottom: 0px;
}

#sousMenuPrincipalTour a
{
	margin-top: 10px;
	color: white;
	text-decoration: none;
	font-size: 150%;
}

#sousMenuPrincipalTour a:hover
{
	background-color: #f3f3cf;
	color: #666634;
}



#footer
{
    position: relative;
    float: left;
    height: 50px;
    width: 964px;
    padding: 40px 20px 5px 20px;  
	background-image: url("images/footerDegrade.jpg");
	background-repeat: repeat-x;
	background-color: #663200;
	color: white;
	font-size: 110%;
}

#footer #footerRight { margin-left: 520px; }
#footer #footerRight a { text-decoration: none;	color: white; }




#contenuTotal
{
	float: left;
	width: 1004px;
	height: auto;
	background-image: url("images/contenuDegrade.jpg");	
	background-repeat:repeat-x;
	background-color: #ffffcd;
	padding-bottom: 15px;
}

#contentLeft
{
	float: left;
	width: 180px;
	height: auto;	
	padding-top: 15px;
	padding-left: 10px;
}
#contentLeft #blancCache
{
	float: right;
	margin-right: -2px;
	z-index: 100;
	width: 2px;	
	background-color: white;
	position: relative;
	margin-top: 2px;
}

#contentLeft #barreRecherche
{
	float: left;
	width: 168px;
	height: auto;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	background-color: white;
	padding: 10px 0px 44px 10px;		
}

#contentLeft #barreRecherche h2 { text-transform: uppercase; font-size: 130%; }
#contentLeft #barreRecherche select { font-size: 80%; width: 155px; height: 20px; margin-bottom: 3px; }
#contentLeft #barreRecherche input { font-size: 80%; margin-left: 30px; }

#contentLeft #leftEvenementAVenir
{
	float: left;
	width: 180px;
	height: auto;
	margin-bottom: 15px !important;
	margin-bottom: 25px;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 1px;	
}
#contentLeft #leftPlusVisite
{
	float: left;
	width: 180px;
	height: auto;
	margin-bottom: 15px !important;
	margin-bottom: 25px;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 1px;	
}
#contentLeft #leftPop
{

}
#contentLeft #leftEvenementAVenir img { float: left; } 
#contentLeft #leftPlusVisite img { float: left; }
#contentLeft #leftEvenementAVenir h3 
{ 	
	float: left;
	width: 160px;
	border-bottom: 1px solid black;
	margin-top: 3px;
	margin-left: -3px;
	font-size: 110%; 
	text-transform: uppercase; 
}
#contentLeft #leftPlusVisite h3 
{ 	
	float: left;
	width: 160px;
	border-bottom: 1px solid black;
	margin-left: -3px;
	font-size: 110%; 
	text-transform: uppercase; 
}
#contentLeft #leftEvenementAVenir a
{		
	float: left;
	width: 160px;
	font-size: 80%;
	color: black;
	text-decoration: none;
}
#contentLeft #leftPlusVisite a
{		
	float: left;
	width: 180px;
	font-size: 100%;
	color: black;
	text-decoration: none;
}
#contentLeft #leftEvenementAVenir a img 
{ 	
	float: left;
	border: none; 
	width: 5px; 
	height: 5px; 
	margin: 2px 3px 0px 10px;
}
#contentLeft #leftPlusVisite a img 
{ 	
	float: left;
	border: none; 
	width: 5px; 
	height: 5px; 
	margin: 2px 3px 0px 10px;
}
#contentLeft #leftEvenementAVenir a:hover { color: #643305; }
#contentLeft #leftPlusVisite a:hover { color: #643305; }

#contentLeft #leftInscriptionRecentes
{
	float: left;
	width: 165px;
	height: auto;
	padding-bottom: 10px;
}


#contentLeft #leftInscriptionRecentes img { float: left; }
#contentLeft #leftInscriptionRecentes h3 
{ 	
	float: left;
	margin-top: 3px;
	margin-left: -3px;
	font-size: 110%; 
	text-transform: uppercase; 
}

#contentLeft #leftInscriptionRecentes a
{
	display: block;
	clear: both;
	font-size: 110%;
	color: black;
	text-decoration: none;
	margin-top: 5px;
}

#contentLeft #leftInscriptionRecentes a:hover { color: #643305; }
#contentLeft #leftInscriptionRecentes a img 
{
	border: none; 
	float: left; 
	margin-top: 5px; 
	margin-right: 3px;
}
#contentLeft #leftInscriptionRecentes a span { font-size: 65%; text-transform: uppercase;}

#contentLeft .indexPublicite
{
	float: left;
	width: 170px;
	height: auto;
	margin-top: 20px;
}
#contentLeft .indexPublicite img { border: none;}

#contentMiddle
{
	float: left;
	width: 620px;
	height: auto;
	background-image: url("images/contentMiddleDegrade.jpg");	
	background-repeat:repeat-x;
	background-color: white;
	border-right: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;	
	padding-top: 20px;
}

#contentMiddle h1
{
	font-size: 220%;
	font-weight: bolder;
	text-transform: uppercase;
	display: inline;
	font-style: italic;
	margin-left: 40px;
	text-indent: 2px;
}

#contentMiddle #indexPromoMiddle img
{
	margin-top: -5px;
	border: none;
	width: 620px;
	height: 241px;
}

#contentMiddle #indexPromoMiddleMenu
{
	float: right;
	width: 220px;
	height: 15px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	background-color: #cccc9a;
	margin-right: 5px;		
}

#contentMiddle #indexPromoMiddleMenu span
{
	float: left;
	margin-right: 5px;
	margin-left: 3px;
	text-transform: uppercase;
}
#contentMiddle #indexPromoMiddleMenu img 
{
	float: left;
	margin-left: 2px;
	border: none;
	margin-top: 2px;
}
#AProposText
{
	float: left;	
	width: 600px;
	height: auto;
	margin-left : 10px;
}
#APropos h2
{
	float: left;
	text-indent: 6px;
	font-size: 130%;
	text-transform: uppercase;
	width: 598px;
	border-bottom: 1px solid black;	
	margin-left: 10px;
}

#contentMiddle #indexAProposMiddle p
{
	float: left;
	width: 183px;
	height: auto;
	text-align: justify;
	margin-bottom: 15px;

}

#contentMiddle #indexAProposMiddle a
{
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;	
	font-size: 110%;
	margin-left: 95px;	
	
}
#contentMiddle #indexAProposMiddle a img { border: none; margin-right: 10px; }

#contentMiddle #indexPromosRecentesMiddle
{
	float: left;	
	width: 395px; 
	height: 220px;
	margin-left: 10px;
	padding-right: 15px;
}

#contentMiddle #indexPromosRecentesMiddle h2
{
	float: left;
	text-indent: 6px;
	font-size: 130%;
	text-transform: uppercase;
	width: 598px;
	border-bottom: 1px solid black;	
	margin-bottom: 10px;	
}

#contentMiddle #indexPromosRecentesMiddle .indexTitrePromosRecentes
{
	float: left;
	width: 190px;
	height: 90px;
	margin-bottom: 15px;
}

#contentMiddle #indexPromosRecentesMiddle .indexTitrePromosRecentes h3
{
	font-size: 90%;
	font-weight: normal;	
	text-transform: uppercase;
	display: inline;
}
h3.Promos
{
	font-size: 90%;
	font-weight: normal;	
	text-transform: uppercase;
	display: inline;
}

#contentMiddle #indexPromosRecentesMiddle .indexTitrePromosRecentes h3 span { font-size: 80%; }
#contentMiddle #indexPromosRecentesMiddle .indexTitrePromosRecentes img 
{ 
	border: 1px solid black; 
	width: 190px;
	height: 74px;
	margin-top: 2px;
	
}
#contentMiddle #indexPromosRecentesMiddle #indexMargePromosRecentes1 { margin-left: 10px;}
#contentMiddle #indexPromosRecentesMiddle #indexMargePromosRecentes2 { margin-left: 10px;}

#contentMiddle #indexSuperPromosMiddle
{
	float: left;
	width: 595px;
	height: auto;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-top: 20px;
}

#contentMiddle #indexSuperPromosMiddle h2
{
	float: left;
	text-indent: 6px;
	font-size: 170%;
	width: 593px;
	border-bottom: 1px solid black;	
	margin-bottom: 10px;	
}
#contentMiddle #indexSuperPromosMiddle h2 a
{
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
}
#contentMiddle #indexSuperPromosMiddle h2 a:hover { color: #643305; }

#contentMiddle #indexSuperPromosMiddle .indexSuperPromosImages
{
	float: left;
	width: 182px;
	height: 242px;
	margin-left: 12px !important;
	margin-left: 9px;
}
#contentMiddle #indexSuperPromosMiddle .indexSuperPromosImages img { border: 1px solid black; width: 180px; height: 240px;}

#contentMiddle #indexMiddleBottomImage
{
	float: left;
	width: 620px;
	height: auto;
	border: none;
}
#contentMiddle #indexMiddleBottomImage a img { border: none; }
#indexMiddleBottomImage a img { border: none; }
#contentRight
{
	float: left;
	width : 180px;
	height: auto;	
	padding-left: 10px;
}

#contentRight .indexPublicite
{
	float: left;
	width: 170px;
	height: auto;
	margin-top: 20px;
}
#contentRight .indexPublicite img { border: none;}

#contentMiddleRecherche
{
	float: left;
	width: 620px;
	height: auto;
	background-image: url("images/contentMiddleDegrade.jpg");	
	background-repeat:repeat-x;
	background-color: white;
	border-right: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;	
	z-index: 1;
	position: relative;
}

#contentMiddleRecherche #contentRecherche
{
	float: left;
	width: 590px;
	height: auto;
	padding: 0px 15px 10px 15px;
	background-image:url("images/publicite/rechercheHeaderNature.gif");
	background-repeat: no-repeat;
}

#contentMiddleRecherche #contentRecherche h2
{
	float: left;
	width: 550px;
	font-size: 230%;
	height: auto;
	color: white;
	font-style: italic;
	text-transform: uppercase;
	display: inline;
	margin-top: 26px;
	margin-left: 25px;
}
#contentMiddleRecherche #contentRecherche h2 span
{
	float: left;
	margin-left: 30px;
	margin-top: -15px;
	font-size: 40%;
	color: black;
	font-style: normal;	
}

#contentMiddleRecherche #contentRecherche #recherchePhotoTop
{
	float: left;
	width: 275px;
	height: auto;
	padding-right: 10px;
	padding-left: 15px;	
	margin-bottom: 10px;
}

#contentMiddleRecherche #contentRecherche #rechercheResultat1
{
	float: left;
	width: 290px;
	height: 145px;
	margin-top: 15px !important;
	margin-top: 35px;
	text-align: justify;
}

#contentMiddleRecherche #contentRecherche #rechercheResultat1 h2
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	color: black;	
	font-style: normal;
	text-align: left;
	width: 289px;
}

#contentMiddleRecherche #contentRecherche #rechercheResultat1 h2 a
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: black;	
	font-style: normal;
	text-decoration: underline;
}

#contentMiddleRecherche #contentRecherche #rechercheResultat1 a
{
	float: left;
	margin-left: 145px;
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;	
	font-size: 110%;
	margin-top: -8px !important;
	margin-top: -15px;
	
}
#contentMiddleRecherche #contentRecherche #rechercheResultat1 a img { border: none; margin-right: 10px; }
#contentMiddleRecherche #contentRecherche #rechercheResultat1 span { font-style: italic;}
#contentMiddleRecherche #contentRecherche #rechercheResultat1 p { margin-top: 3px; }

#contentMiddleRecherche #contentRecherche #rechercheResultatStatiqueContainer
{
	float: left;
	width: 570px;
	height: auto;
	clear: both;
	margin-bottom: 25px;
	margin-top: 25px;
}
#contentMiddleRecherche #contentRecherche .rechercheResultatStatique
{
	float: left;
	width: 275px;
	height: auto;
	text-align: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	margin-right: 10px;
}
#contentMiddleRecherche #contentRecherche .rechercheResultatStatique h3 
{ 
	float: left;
	font-size: 110%; 
	display: inline;
	width: 275px;
	margin-right: 30px;
	padding: 0px;
}

#contentMiddleRecherche #contentRecherche .rechercheResultatStatique h3.etabStatique a { color: black;}
#contentMiddleRecherche #contentRecherche .rechercheResultatStatique h3.etabStatique a:hover { color: #656600;}
#contentMiddleRecherche #contentRecherche .rechercheResultatStatique h3 a { color: #656600;}
#contentMiddleRecherche #contentRecherche .rechercheResultatStatique h3 a:hover { color: #643305;}

#contentMiddleRecherche #contentRecherche .rechercheResultatStatique span { font-size: 100%;}



#contentMiddleRecherche #contentRecherche .rechercheResultat
{	
	float: left;
	width: 575px;
	height: 90px;
	text-align: justify;
	padding: 0px;
	margin: 0px;
	
}

#contentMiddleRecherche #contentRecherche .rechercheResultat h2
{	
	
	width: 570px;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	color: black;	
	font-style: normal;
	text-decoration: underline;
	font-size: 150%;
}
#contentMiddleRecherche #contentRecherche .rechercheResultat h2 a 
{
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	color: black;	
	font-style: normal;
	text-decoration: underline;
	font-size: 100%;
}
#contentMiddleRecherche #contentRecherche .rechercheResultat span { font-style: italic;}
#contentMiddleRecherche #contentRecherche .rechercheResultat p { margin-top: 3px; }

#contentMiddleRecherche #contentRecherche .recherchePub
{
	float: left;
	width: 570px;
	height: 100px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#contentMiddleRecherche #contentRecherche .rechercheResultat a
{
	float: right;
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;	
	font-size: 110%;
	margin-right: 20px;
	margin-top: -8px !important;
	margin-top: -15px;
	
}
#contentMiddleRecherche #contentRecherche .rechercheResultat a img { border: none; margin-right: 10px; margin-bottom: 0px; }




#enteteClient
{
	position: relative;
	z-index: 1;
	float: left;
	width: 944px;
	height: 355px;
	margin-left: 30px !important;
	margin-left: 15px;	
	background-color: white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-image: url("images/middleDegradeNature.jpg");
	background-repeat: no-repeat;
	background-color: white;
	margin-bottom: 15px !important;
	margin-bottom: 5px;
}

#enteteClient h1
{
	float: left;
	width: auto;
	font-size: 260%;
	height: auto;
	color: white;
	font-style: italic;
	text-transform: uppercase;
	display: inline;
	margin-top: 15px;
	margin-left: 55px;
	margin-bottom: 0px;
	padding: 0px;
	
}

#enteteClient #pageClient_titreLocalisation
{
	float: left;
	width: 250px;
	height: auto;
	color: white;
	font-size: 120%;
	font-style: italic;	
	margin-top: 25px;
	margin-left: 10px;
	text-decoration: underline;
}

#enteteClient #pageClient_titrePhoto
{
	float: left;
	width: 864px;
	height: 193px;
	margin-left: 40px !important;
	margin-left: 20px;	
	margin-top: 0px;
}

#content_client_menuOngletPart
{
	position: relative;
	float: left;	
	width: 915px;
	height: auto;
	margin-top: -95px;
	margin-left: 44px !important;
	margin-left: 22px;
	z-index: 4;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
#content_client_menuOngletPart1
{
	float: left;	
	width: 895px;
	height: auto;
	margin-left: 20px;
}
#content_client_menuOngletPart2
{
	float: left;	
	width: 915px;
	height: auto;
}

#content_client_menuOngletPart .petitOnglet a
{
	float: left;
	width: 100px;
	height: 26px;		
	background-image: url("images/ongletCC_small.jpg");
	padding-top: 9px;	
	text-decoration: none;
	color: #72a886;
}

#content_client_menuOngletPart .grosOnglet a
{
	float: left;
	width: 123px;
	height: 26px;
	color: #72a886;
	text-decoration: none;
	background-image: url("images/ongletCC_gros.jpg");	
	padding-top: 9px;
}

#content_client_menuOngletPart .hoverpetitOnglet a 
{
	float: left;
	width: 100px;
	height: 27px;
	color: #006400;
	text-decoration: none;
	background-image: url("images/ongletCC_smallOver.gif");
	padding-top: 9px;
}

#content_client_menuOngletPart .hovergrosOnglet a 
{
	float: left;
	width: 123px;
	height: 27px;
	background-image: url("images/ongletCC_grosOver.gif");
	color: #006400;
	text-decoration: none;
	padding-top: 9px;
}

#content_client_menuOngletPart .petitOnglet a:hover
{
	background-image: url("images/ongletCC_smallOver.gif");
	color: #006400;
	height: 27px;
}

#content_client_menuOngletPart .grosOnglet a:hover
{
	background-image: url("images/ongletCC_grosOver.gif");
	color: #006400;
	height: 27px;
}

#content_client_middlePart
{
	position: relative;
	float: left;
	width: 914px;
	height: auto;
	background-color: white;
	border: 2px solid black;
	margin-left: 44px !important;
	margin-left: 22px;
	z-index: 3;
	margin-bottom: 15px;	
	font-size: 120%;
	
}

#content_client_bottomPart
{
	position: relative;
	float: left;
	width: 874px;
	height: 150px;
	background-color: white;
	margin-left: 44px !important;
	margin-left: 22px;
	border: 1px solid black;
	padding: 20px 20px 5px 20px;
}

#content_client_bottomPart #ccBottomPartTitre h2
{
	float: left;
	width: 200px;
	height: 30px;
	background-image: url("images/ccPartenaireBG.gif");
}

#content_client_bottomPart #ccBottomPartPub
{
	float: left;
	clear: both;	
	height: 75px;
	margin-left: 80px;
}

#content_client_bottomPart #ccBottomPartPub img
{
	float: left;
	margin-left: 15px;
}

#clientSubCategorie
{
	position: relative;
	float: left;
	width: 874px;
	height: auto;
	margin-left: 44px !important;
	margin-left: 22px;
	padding: 15px 20px 5px 20px;
	text-align: center;
}

#clientSubCategorie a
{
	
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	
	font-weight: bold;
}

#clientSubCategorie a:hover { color: #434214;}



#ongletPresentation
{
	float: left;
	width: 874px;
	height: auto;
	padding: 30px 20px 10px 20px;	
	border-bottom: 2px solid black;
}

#ongletPresentation #ccPresentDescription
{
	float: left;	
	width: 530px;
	height: auto;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: justify;
	
}

#ongletPresentation #ccPresentDescription h1
{
	font-size: 160%;
	background-image: url("images/ccPartenaireBG.gif");
	background-repeat: no-repeat;
	width: 530px;
	height: 30px;
	font-weight: normal;
	text-indent: 5px;
	text-align: left;
}

#ongletPresentation #ccPresentDescription p { margin-top: 15px; }

#ongletPresentation #ccPresentDescription #logoFPQ
{
	float: right;
	width: 85px;
	height: 86px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#ongletPresentation #ccPresentDescription #ccPresentBrochure
{
	float: right;
	width: 130px;
	height: 250px;
	margin-left: 25px;
	margin-bottom: 35px;
	margin-right: 5px;
}

#ongletPresentation #imgbrochureContainer
{
	float: right;
	width: 130px;
	height: 230px;
	overflow: hidden;		
}
#ongletPresentation #imgbrochureContainer a img { border: none;}

#btnSlideShowBrochure input
{
	position: relative;
	float: right;
	width: 25px !important;
	width: 22px;
	height: 25px;
	background-color: #395654;
	border: none;	
	background-repeat: no-repeat;
}

#nextBrochure { background-image: url("pagesClient/imagesClient/btnNext.jpg"); }
#prevBrochure { background-image: url("pagesClient/imagesClient/btnPrev.jpg"); }


#pagingBrochure
{
	float: right;
	width: 70px;
	height: 30px;	   
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	color: white;
	font-size: 80%;
	background-color: #395654;
	font-weight: bold;
}

#ongletPresentation #ccPresentDescription #presentationImageDescription
{
	width: 345px;
	height: auto;
	margin-top: 10px;
}


#ongletPresentation #ccPresentVideo
{
	float: left;
	width: 329px;
	height: auto;
	text-align: center;	
	margin-top: 17px !important;
	margin-top: 7px;
	margin-bottom: 20px;
}

#ongletPresentation #ccPresentVideo h2
{
	font-size: 160%;
	font-weight: normal;
	border-bottom: 1px solid gray;
}

#ongletPresentation #ccPresentVideo h2 span
{
	font-weight: bold;
}

#ongletPresentation #ccPresentVideo #imgAlbumContainer
{
	float: left;
	width: 325px;
	height: 260px;
	border: 2px solid #758884;
}
#ongletPresentation #ccPresentVideo #imgAlbumContainer #albumPhoto #monImgAlbumPhotoLink img { border: none; }
#ongletPresentation #ccPresentVideo #imgAlbumPhotoContainer img
{
	overflow: hidden;
}

#ongletPresentation #ccPresentVideo #btnSlideShowAlbumVideo
{
	float: left;
	width: 160px;
	height: 35px;
	margin-right: 3px;
}
#ongletPresentation #ccPresentVideo #btnSlideShowAlbumPhoto
{
	float: left;
	width: 163px;
	height: 35px;
	background-color: #395654;
	padding: 0px;
}

#ongletPresentation #ccPresentVideo #btnSlideShowAlbumVideo #prevAlbumVideo, #prevAlbumPhoto
{
	float: left;
	width: 30px;	
	height: 35px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-image: url("pagesClient/imagesClient/btnPrev2.jpg");	
	background-color: #395654;
}

#ongletPresentation #ccPresentVideo #getAlbumVideo, #getAlbumPhoto
{
	float: left;
	width: 97px;
	height: 35px;
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: white;
	font-size: 120%;
	background-color: #395654;
	font-weight: bold;
}
#ongletPresentation #ccPresentVideo #pagingAlbumVideo, #pagingAlbumPhoto
{
	float:left;
	width: 50px;
	font-size: 90%;
	height: 25px;
	margin: 0px 0px 0px 0px;	
	padding: 10px 0px 0px 0px;
	color: white;
	margin-left: -50px;
}

#ongletPresentation #ccPresentVideo #btnSlideShowAlbumVideo #nextAlbumVideo, #nextAlbumPhoto
{
	float: left;
	width: 30px;	
	height: 35px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url("pagesClient/imagesClient/btnNext2.jpg");	
	background-color: #395654;
}

#ongletPresentation #ccPresentInfoLettre
{
	float: right;
	width: 305px;
	height: auto;
	background-color: #f3f3cf;
	padding: 10px;
}

#ongletPresentation #ccPresentInfoLettre #topInfoLettre
{
	float: left;
	margin-bottom: 0px !important;
	margin-bottom: 8px;
}

#ongletPresentation #ccPresentInfoLettre h3
{
	float: left;
	font-size: 110%;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#ongletPresentation #ccPresentInfoLettre p
{
	float: left;
	font-size: 80%;
	margin-top: 3px;
}

#ongletPresentation #ccPresentInfoLettre #infoInput
{
	float: left;	
	margin-left: 0px;
}
#ongletPresentation #ccPresentInfoLettre #infoInput input
{
	float: left;
	width: 200px;
	margin-top: 10px;
}

#ongletPresentation #ccPresentInfoLettre #btnInfosEnvoyer
{
	float: left;
	width: 80px;
	height: 20px;
	margin-left: 15px;
	margin-top: 42px;
	background-color: #395654;
	border: none;
	color: white;
	text-transform: uppercase;
	font-size: 90%;
	
}

#content_client_middlePart #ccPresentPromo
{
	float: left;
	width: 914px;
	height: auto;
	margin-top: 20px;
	padding-bottom: 15px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#ccPromoTopPart1
{
	float: left;
	width: 280px;
	height: 45px;
	margin-right: 310px;
}


#content_client_middlePart #ccPresentPromo #ccPromoTopPart img
{
	float: left;
	width: 35px;
	height: 35px;
	margin-left: 20px;	
}
#content_client_middlePart #ccPresentPromo #ccPromoTopPart h2
{
	float: left;
	font-size: 220%;
	font-style: italic;
	margin-left: -5px;
	margin-top: -18px !important;
	margin-top: 0px !important;	
}

#content_client_middlePart #ccPresentPromo #myBtnNextPromo
{
	float: left;
	width: 85px;
	height: 50px;
	margin-left: 422px;
	margin-top: 10px;
	background-image: url("pagesClient/imagesClient/promos_btnSlideShow.jpg");
}

#content_client_middlePart #ccPresentPromo #ccPromoTopPart h3
{
	float: left;
	height: 30px;
	padding-top: 5px;
	font-size: 150%;
	font-style: italic;
	margin-left: -3px;	
	margin-top: -18px !important;
	margin-top: 0px !important;
}

#content_client_middlePart #ccPresentPromo #ccPromoBtm
{
	
	float: left;
	width: 914px;
	height: auto;
	margin-top: 10px;
}
#content_client_middlePart #ccPresentPromo #ccPromoBtm #PhotoContainer a img { border: none; }

#content_client_middlePart #ccPresentPromo #ccPromoBtm #PhotoContainerLeft
{
	position: relative;
	z-index: 1;
	float:left;
	width: 515px;
	height: 200px;
	margin-right: 25px;
	overflow: hidden;
	margin-left: -340px;
}


#ccPromoBtm #Container
{
	margin:0 auto;
	padding: 0;
	position:relative;
	float: left;
	width: 515px;
	height:200px;
	background-color: #fff;
	overflow:hidden
}

#ccPromoBtm #LoadContainer
{
	height:25%;
	width:50%;
	position:absolute;
	top:40%;
	left:25%;
	text-align:center;
	z-index:1
}

#ccPromoBtm #LinkContainer{
	width: 914px;
	height: auto;	
	margin-top: 5px;
	text-align: left;
}
#ccPromoBtm #LinkContainer #promoPaging
{
	width: 45px;
	height: auto;
	margin-left: 410px;
	text-align: center;
	font-variant:small-caps;
	font-weight: bold;
}
#ccPromoBtm #LinkContainer #PrevLink
{
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 385px;
	background-image: url("pagesClient/imagesClient/btnPrevPromo.jpg");
}

#ccPromoBtm #LinkContainer #PrintLink
{
	float: left;
	width: 24px;
	height: 30px;	
	margin-left: 5px;
	margin-right: 5px;
	background-image: url("pagesClient/imagesClient/printImg.jpg");
}

#ccPromoBtm #LinkContainer #NextLink
{
	float: left;
	width: 30px;
	height: 30px;
	background-image: url("pagesClient/imagesClient/btnNextPromo.jpg");
}


#content_client_middlePart #ccPresentPromo #ccPromoBtm #PhotoContainerRight
{
	position: relative;
	z-index: 0;
	float:left;
	width: 175px;
	height: 200px;
	margin-left: 24px;
	overflow: hidden;
}

#content_client_middlePart #ccPresentPromo #ccPromoLeftFaded
{
	position: relative;
	z-index: 1;
	float: left;
	width: 175px;
	height: 200px;
	/*background-image: url("pagesClient/imagesClient/promotions/fading.gif");	*/
	margin-top: -200px;
}

#content_client_middlePart #ccPresentPromo #ccPromoRightFaded
{
	position: relative;
	z-index: 1;
	float: left;
	width: 175px;
	height: 200px;
	margin-left: 739px !important;
	margin-left: 370px;
	/*background-image: url("pagesClient/imagesClient/promotions/fading.gif");	*/
	margin-top: -200px;
}



#content_superPromos
{
	float: left;
	width: 874px;
	height: auto;
	border: 1px solid black;
	margin-left: 20px;
	background-color: white;
	padding: 25px 20px 35px 20px;
}

.information {color:#FF0000;font-weight:bold}
/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@FORM PHOTO@@@@@@@@@@@@@@@@@@@@FORM PHOTO@@@@@@@@@@@@@@@@@@@@@@@@@FORM PHOTO@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

#formPhoto
{
	margin: auto;
	width: 725px;
	height: auto;
	border: 1px solid black;
}

#uploadButtonAlbumPhotoPrev
{
	float: left;
	width: 45px;
	height: 25px;	
	margin-top: 77px;
	margin-left: 20px;
	
}

#uploadButtonAlbumPhotoNext
{
	float: left;
	width: 45px;
	height: 25px;
	margin-top: 50px;
	margin-right: 20px;
	margin-left: 20px;
}
#barreNavigationPhotos
{
	float: left;
	width: 535px;
	height: auto;
	border: 1px solid blue;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
}

#champsARemplir
{
	float: left;
	width: 535px;
	height: auto;
	border: 1px solid red;
	margin-left: 25px;
	padding: 5px;	
}

#champsARemplir { text-align: center; }
#champsARemplir form { text-align: left; }
#imgBrochure { margin-left: 81px; }
#pdfBrochure { margin-left: 95px; }
#altImgbrochurefr { margin-left: 4px; width: 353px; }
#altImgbrochureen { width: 353px; }
#albumVideo { float: left; }

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@FORM PHOTO@@@@@@@@@@@@@@@@@@@@FORM PHOTO@@@@@@@@@@@@@@@@@@@@@@@@@FORM PHOTO@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/



#ongletPeche
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletPeche #pecheTypes
{
	float: left;
	width: 200px;
	margin-left: 20px;
	height: auto;
	
}

#ongletPeche #pecheTypes h3
{
	font-size: 130%;
	font-style: italic;
}


#ongletPeche #pecheDescription
{
	float: left;
	width: 585px;
	height: auto;
	
}

#ongletPeche #pecheDescription #pechePhoto1
{
	float: left;
	width: 272px;
	height: auto;
	margin-right: 25px;
	margin-top: 10px;
}

#ongletPeche #pecheDescription #pechePhoto2
{
	float: left;
	width: 272px;
	height: auto;
	margin-top: 10px;
}


#ongletChasse
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletChasse #chasseTypes
{
	float: left;
	width: 200px;
	margin-left: 20px;
	height: auto;
	
}

#ongletChasse #chasseTypes h3
{
	font-size: 130%;
	font-style: italic;
}

#ongletChasse #chasseDescription
{
	float: left;
	width: 585px;
	height: auto;
	
}

#ongletChasse #chasseDescription #chassePhoto1
{
	float: left;
	width: 272px;
	height: auto;
	margin-right: 25px;
	margin-top: 10px;
}

#ongletChasse #chasseDescription #chassePhoto2
{
	float: left;
	width: 272px;
	height: auto;
	margin-top: 10px;
}





#ongletActivites
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletActivites #activitesLeft
{
	float: left;
	width: 410px;
	height: auto;	
}
#ongletActivites #activitesLeft_temp
{
	float: left;
	width: 410px;
	height: auto;		
}
#ongletActivites #activitesLeft_temp h3
{
	font-size: 130%;
	font-style: italic;	
	margin-top: 20px;
	padding-left: 20px;
}
#ongletActivites #activitesLeft_temp .activiteListe { width: auto; height: auto; margin-left: 50px;}

#ongletActivites #activitesLeft h3
{
	font-size: 130%;
	font-style: italic;	
	margin-top: 20px;
	padding-left: 20px;
}
#ongletActivites #activitesLeft .activiteListe { width: auto; height: auto; margin-left: 50px;}
#ongletActivites #activitesRight
{
	float: left;
	width: 400px;
	height: auto;	
	margin-right: 17px;	
}
#ongletActivites #activitesRight_temp
{
	float: left;
	width: 400px;
	height: auto;	
	margin-right: 17px;
}
#ongletActivites #activitesRight_temp p
{
	margin-top: 15px;
	margin-bottom: 35px;
}

#ongletActivites #activitesRight_temp p span
{
	font-weight: bold;
}

#ongletActivites #activitesRight p
{
	margin-top: 15px;
	margin-bottom: 35px;
}

#ongletActivites #activitesRight p span
{
	font-weight: bold;
}

#ongletServices
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletServices #servicesTop
{
	float: left;
	width: 834px;
	height: auto;
	margin-bottom: 10px;
}

#ongletServices #servicesTop #servicesTopDesc
{
	float: left;
	width: 400px;
	height: auto;
	margin-right: 25px;
}

#ongletServices #servicesTop #servicesTopImg
{
	float: left;
	width: 390px;
	height: auto;
	
}


#ongletServices #servicesBottom
{
	float: left;
	width: 834px;
	height: auto;
}

#ongletServices #servicesBottom .servicesBottomListe
{
	float: left;
	width: 250px;
	height: auto;
	margin-bottom: 10px;	
	padding-right: 25px;
}

#ongletServices #servicesBottom .servicesBottomListe ul h4
{
	font-size: 120%;
	font-style: italic;	
}

#ongletForfaits
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletForfaits .forfaitsClear
{
	float: left;
	width: 834px;
	height: auto;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#ongletForfaits .forfaitsClear .forfaitsContainer
{
	float: left;
	width: 391px;
	height: auto;
	margin-right: 25px;	
}
#ongletForfaits .forfaitsClear .forfaitsContainer h3 { font-size: 130%; margin-bottom: 0px; font-style: italic; }
#ongletForfaits .forfaitsClear .forfaitsContainer h4 { font-size: 120%; margin-bottom: 0px; text-decoration: underline; }
#ongletForfaits .forfaitsClear .forfaitsContainer img { float: right; margin-left: 5px; margin-bottom: 5px;}
#ongletForfaits .forfaitsClear .forfaitsContainer h5 
{ 
	font-size: 110%;
	font-style: italic;	
	color: #cc0000;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}
#ongletForfaits .forfaitsClear .forfaitsContainer h6 { font-size: 80%; margin-bottom: 0px; font-style: italic; text-align: center; }
#ongletForfaits .forfaitsClear .forfaitsContainer .gras { font-weight: bold; }

#ongletCoordonnees
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletCoordonnees #coordonneesInfos
{
	float: left;
	width: 400px;
	height: auto;
	margin-right: 30px;
}

#ongletCoordonnees #coordonneesInfos p
{
	margin-left: 10px;
	margin-top: 25px;
}
#ongletCoordonnees #coordonneesInfos span { font-weight: bold; }
#ongletCoordonnees #coordonneesInfos a { color: black; }

#ongletCoordonnees #coordonneesInfos
{
	float: left;
	width: 400px;
	height: auto;
}
#ongletCoordonnees #coordonneesInfos #contenuformulaire{width:98%;margin:3px;vertical-align:top;}
#ongletCoordonnees #coordonneesInfos #contenuformulaire div.sautligne {padding:2px;vertical-align:top;width:97%;}
#ongletCoordonnees #coordonneesInfos #contenuformulaire form label {float:left;width:140px;font-weight:bold;padding:2px;}
#ongletCoordonnees #coordonneesInfos #contenuformulaire form textarea {width: 343px;}
#ongletCoordonnees #coordonneesInfos #contenuformulaire form #Reset { margin-left: 70px;}

#ongletCoordonnees #coordonneesCartes
{
	float: left;
	width: 350px;
	height: auto;
	margin-bottom: 10px;
}
#ongletCoordonnees #coordonneesCartes a
{
	color: black;
}
#ongletCoordonnees #coordonneesCartes img { width: 250px; height: auto; border: none; }

#ongletHebergements
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletHebergements #hebergementsDescriptionTop
{
	float: left;
	width: 834px;
	height: auto;
	margin-bottom: 15px;
	
}

#ongletHebergements .hebergementsContent
{
    float: left;
	width: 834px;
	height: auto;
	margin-bottom: 15px;	
}

#ongletHebergements .hebergementsContent .hebergementsPhoto
{
    float: left;
    width: 200px;
    height: auto;
    margin-left: 25px;
    margin-right: 40px;
}

#ongletHebergements .hebergementsContent .hebergementsPhoto h3
{
    font-size: 130%;
	font-style: italic;
}

#ongletHebergements .hebergementsContent .hebergementsListe 
{
    float: left;
    width: 500px;
    height: auto;    
    margin-top: 25px;
}

#ongletHebergements .hebergementsContent .hebergementsListe .hebergementsListeLeft
{
    float: left;
    width: 250px;
    height: auto;
}

#ongletHebergements .hebergementsContent .hebergementsListe .hebergementsListeRight
{
    float: left;
    width: 250px;
    height: auto;
}
#ongletHebergements .hebergementsContent .hebergementsListe2 
{
    float: left;
    width: 500px;
    height: auto;
}

#ongletRestauration
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletRestauration #restaurantTop
{
    float: left;
	width: 779px;
	height: auto;
	margin-left: 35px;
	margin-bottom: 20px;
}
#ongletRestauration #restaurantClear
{
	width: 834px;
	height: auto;
	float: left;
	clear: both;
}
#ongletRestauration .restaurantDescription
{
    float: left;
    width: 350px;
    height: auto;
    margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#ongletRestauration .restaurantDescription h3
{
    font-size: 130%;
	font-style: italic;
    margin-left: 10px;
}

#ongletRestauration .restaurantDescription a
{
	color: #663200;
	
}

#ongletEvenements
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletEvenements img
{
    float: left;
    margin-left: 350px;
    width: 150px;
    height: auto;
}

#ongletEvenements h3
{
    margin-top: -30px;
    font-size: 130%;
	font-style: italic; 
    clear: both;
	margin-left: 30px;
}

#ongletEvenements .evenementsListe
{
    width: 834px;
    float: left;
    height: auto;
    margin-bottom: 15px;
    
}

#ongletEvenements .evenementsListe h4
{
    display: inline;
    font-weight: normal;
    font-size: 120%
}

#ongletEvenements .evenementsListe h4 span
{
    font-weight: bold;
}

#ongletEvenements .evenementsListe p
{
    display: inline;
}


#ongletProximite
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	
	border-bottom: 2px solid black;
	
}

#ongletProximite h3
{
	float: left;
	width: 884px;
	height: auto;
	margin-top: 10px;
}

#ongletProximite p span
{
	font-weight: bold;
}

#ongletProximite .proximiteDesc
{
	float: left;
	width: 804px;
	height: auto;
	
	margin-bottom: 10px;
}

#ongletProximite .proximiteActivite
{
	float: left;
	width: 804px;
	height: auto;
	margin-bottom: 5px;
	margin-left: 30px;
}
#ongletProximite .proximiteActivite img
{
	float: left;
	width: 100px;
	height: 65px;	
	margin-right: 20px;
	margin-top: 30px;
}

#ongletProximite .proximiteActivite .proximiteActiviteDesc 
{
	float: left;
	width: 380px;
	height: auto;	
	margin-right: 20px;
}
	
	
#ongletProximite .proximiteActivite .proximiteActiviteDesc p
{
	float: left;	
	font-size: 110%;	
	margin-top: 30px;
}

#ongletProximite .proximiteActivite .proximiteActiviteDesc p span {  }

#ongletProximite .proximiteActivite span img
{
	float: left;
	width: 250px;
	height: auto;
	margin-top: 0px;
}

#contentMiddle #aProposContainer
{
	float: left;
	width: 595px;
	height: auto;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-top: 20px;
}

#contentMiddle #aProposContainer h2
{
	float: left;
	text-indent: 6px;
	font-size: 170%;
	font-weight: bold;
	text-transform: uppercase;
	width: 593px;
	border-bottom: 1px solid black;	
	margin-bottom: 10px;	
}
#contentMiddle #aProposContainer p
{
	width: 500px;
	height: auto;
	margin-left: 40px;
	text-indent: 25px;
}
#contentMiddle #aProposContainer h6
{
	font-size: 140%;
	color: #643305;
	text-transform: uppercase;
}
#contentMiddle #aProposContainer .contact_indent
{
	width: 455px;
	height: auto;
	margin-left: 40px;
}

#contentMiddle #aProposContainer .contact_indent .makeMeGras { font-weight: bold;}





#ongletProduits
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}


#ongletProduits #produitsTop
{
	float: left;
	width: 834px;
	height: auto;
	margin-bottom: 10px;
}
#ongletProduits #produitsTop #produitsTopLogo img
{
	float: left;
	width: 120px;
	height: 120px;
	margin-left: 15px;
	margin-bottom: 20px;
	border: none;
}

#ongletProduits #produitsTop #produitsTopImg
{
	position: relative;
	width: 350px;
	height: auto;	
	margin-left: 230px;
}
#ongletProduits #produitsTop #produitsTopImg img {width: 400px; height: 250px;}

#ongletProduits .produitsContent
{
    float: left;
	width: 834px;
	height: auto;
	margin-bottom: 15px;
}

#ongletProduits .produitsContent .produitsPhoto
{
    float: left;
    width: 270px;
    height: auto;
    margin-left: 15px;
    margin-right: 20px;
}
#ongletProduits .produitsContent .produitsPhoto img { width: 270px; height: auto; }

#ongletProduits .produitsContent .produitsPhoto h3
{
    font-size: 130%;
	font-style: italic;
}

#ongletProduits .produitsContent .produitsListe 
{
    float: left;
    width: 450px;
    height: auto;    
    margin-top: 20px;
}
#ongletProduits .produitsContent .produitsListe p { margin-top: 25px;}
#ongletProduits .produitsContent .produitsListe a {color: #23613d;}
#ongletProduits .produitsContent .produitsListe a:hover {color: black;}







#ongletUsage
{
	float: left;
	width: 834px;
	height: auto;
	padding: 30px 40px 10px 40px;
	border-bottom: 2px solid black;
}

#ongletUsage .usageContent
{
    float: left;
	width: 834px;
	height: auto;
	margin-bottom: 15px;
}

#ongletUsage .usageContent .usagePhoto
{
    float: left;
    width: 270px;
    height: auto;
    margin-left: 15px;
    margin-right: 20px;
}
#ongletUsage .usageContent .usagePhoto img { width: 270px; height: auto; }

#ongletUsage .usageContent .usagePhoto h3
{
    font-size: 130%;
	font-style: italic;
}

#ongletUsage .usageContent .usageListe 
{
    float: left;
    width: 450px;
    height: auto;    
    margin-top: 20px;
}
#ongletUsage .usageContent .usageListe a {color: #23613d;}
#ongletUsage .usageContent .usageListe a:hover {color: black;}




#contentMiddleRecherche #contentSuperPromos
{
	float: left;
	width: 590px;
	height: auto;
	padding: 26px 15px 10px 15px;
	background-image:url("images/publicite/rechercheHeaderNature.gif");
	background-repeat: no-repeat;
}
#contentMiddleRecherche #contentSuperPromos h2 
{ 
	color: white; 
	margin-left: 10px;
}
#contentMiddleRecherche #contentSuperPromos .indexSuperPromosImages
{
	float: left;
	width: 252px;
	height: auto;
	margin-left: 20px;
}
#contentMiddleRecherche #contentSuperPromos .indexSuperPromosImages h3
{
	margin-bottom: 0px;
	font-size: 150%;
	
}
#contentMiddleRecherche #contentSuperPromos .indexSuperPromosImages img 
{ 
	border: 1px solid black; 
	width: 250px; 
	margin-bottom: 15px;
	height: 333px;
}

.infobulle{
	position: absolute;	
	width: 210px;
	height: 113px;
	visibility : hidden;	
	background-image: url("images/recherche/infobulle.gif");
	background-repeat: no-repeat;
	padding: 20px 10px 5px 10px;
	font-size: 110%;
}
.infobulle span 
{
	float: right;
	width: 16px;
	height: 15px;
	border: 1px solid black;
	text-align: center;
	margin: 5px 5px 0px 0px;
	font-weight: bold;
}
.infobulle span a { color: black; text-decoration: none;}

#dispRechercheB_o_t_s { display: none; }