/**** 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 #blockSystem
{
    float: left;    
    width: 395px;
    height: auto;
    margin-left: 15px;
    padding-right: 15px;
}
#contentMiddle #blockSystem h2
{
    float: left;
    text-indent: 6px;
    font-size: 130%;
    text-transform: uppercase;
    width: 598px;
    border-bottom: 1px solid black; 
    margin-bottom: 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: 50px;
    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; }