body
{
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
   /* background: url( "./fond2.jpg" ) top repeat-x #eeeeee;*/
    font-family: Verdana;
        font-size:10pt;
}

/*titres*/
.titre_bloc_colonne { 
      font-size:10pt;
    height:24px;
    text-align:center;
    width:179px;
    color:#FFFFFF;
    font-weight:normal;
    padding: 0px;
     margin-top:5px;
     margin-bottom:0px; 
 
}
.beta_title {
position:absolute;
left:10px;
top:110px;
color:red;
font-weight:bold;
}
.haut_cadre{
    
}
.cadre_bleu .haut_cadre{
    background-image:url(./new/image_04.png);
}
.cadre_bleu .coin_hg_cadre{
    background-image:url(./new/image_03.png);
}
.cadre_bleu .coin_hd_cadre{
    background-image:url(./new/image_05.png);
}

.cadre_vert .haut_cadre{
    background-image:url(./new/image_08.png);
}
.cadre_vert .coin_hg_cadre{
    background-image:url(./new/image_07.png);
}
.cadre_vert .coin_hd_cadre{
    background-image:url(./new/image_09.png);
}

.cadre_orange .haut_cadre{
    background-image:url(./new/image_27.png);
}
.cadre_orange .coin_hg_cadre{
    background-image:url(./new/image_26.png);
}
.cadre_orange .coin_hd_cadre{
    background-image:url(./new/image_28.png);
}

/* fin titres*/
/* bordure cadre */


.coin_hg_cadre ,.coin_hd_cadre{
   background-repeat:no-repeat;
    width:13px;
    height:30px;
}
.droit_cadre , .gauche_cadre{
        background-repeat:repeat-y;
        width:13px;
}

.gauche_cadre{
    background-image:url(./new/image_17.png);
}
.droit_cadre{
    background-image:url(./new/image_19.png);
}

.bas_cadre{
    background-image:url(./new/image_35.png);
    background-repeat:repeat-x;
}
.coin_bg_cadre,.coin_bd_cadre{
    background-repeat:no-repeat;
        width:13px;
    height:30px;
}
.coin_bg_cadre{
    background-image:url(./new/image_34.png);    
}
.coin_bd_cadre{
 background-image:url(./new/image_36.png); 
}
/* fin bordure cadre*/


#general {
    width:1000px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
/*header */
#header 
{
    width: 989px;
    height:135px;   
    position:relative; 
}

#header #logo_cpgr
{
  
}
#header #image_header
{

}
#header #table_flag
{
    position: absolute;
    right: 15px;
    top: 0px;
}
#header  a, #header  img
{
    border: 0px;
}
/*fin header */
/* Cadre de droite avec la carte et la colonne de droite */
#main 
{

    width:781px;
    float:right;
    text-align:left;
    margin-bottom:20px;
}
/*- partie gauche avec carte, recherche de lieux et partenaires */
#main #div_carte
{
    float:left;
    position:relative;
    overflow:hidden;
}
#main #div_carte #span_recherche_lieux {
    margin-top:15px;
    display:block;
    margin-bottom:15px;
}
#main #div_carte #logo_concours {
    position:absolute ;
    right:0px;
    top:30px;
    z-index:99;
    display:none;
}
#main #div_carte #span_recherche_lieux .bouton_valide_recherche {
    background-image:url(./new/image_13.png);
    height:19px;
    border-width:0px;
    color:#FFFFFF;
        vertical-align:top;
    }
    .liste_auto_complete
{
    z-index: 99999;
    color: #666666;
    border: 1px black solid;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-left: 0px;
    width: 200px;
    padding-left: 0px;
}
.liste_auto_complete li
{
    list-style-type: none;
    margin-left: 5px;
}
#main #div_carte #span_recherche_lieux .image_bord_bouon_rechercher{
    width:7px;
    height:19px;
    border-width:0px;
    vertical-align:top;
    
}
#main #div_carte #span_recherche_lieux .tb_recherche_lieux {
    height:15px;
    border:1px black solid;
}
/*-- bandeau du jeux concours */
#main #div_carte #bandeau_jeux_concours h1 {
    font-size:11pt;
       background-image:url(./new/jeu-concours_02.png);    
       height:40px;
       margin:0px;
       text-align:center;
       color:#FFFFFF;
       
       
}
#main #div_carte #bandeau_jeux_concours {
	visibility:hidden;
}
#main #div_carte #bandeau_jeux_concours h1 #sous_titre_concour{
    text-decoration:underline;
    font-weight:normal;
}
#main #div_carte #bandeau_jeux_concours #gauche_jeux_concours{
     background:url(./new/jeu-concours_01.png) left no-repeat;  
     padding-left:10px;
     height:40px;
}
#main #div_carte #bandeau_jeux_concours #droit_jeux_concours{
     background:url(./new/jeu-concours_04.png) right no-repeat;
     height:40px;
     padding-right:10px;
}
#main #div_carte #bandeau_jeux_concours #contenu_cadre_jeux_concours h2{
    font-size:10pt;
    text-decoration:underline;
}
#main #div_carte #bandeau_jeux_concours #contenu_cadre_jeux_concours {
    text-align:center;
    background-image:url(./new/jeu-concours_02.png);
}
/*-- fin bandeau du jeux concours */
/***** recherche ****/
.div_recherche
{
    width: 100%;
    height: 28px;
}
.div_popup_recherche h1
{
    font-size: 1.1em;
    text-align: center;
}
.div_popup_recherche a
{
    color: #666666;
    text-decoration: none;
}
.div_popup_recherche a:hover
{
    color: #a9a9a9;
}

.div_popup_recherche
{
    padding: 10px;
    border: solid 2px #40B7FF;
    background-color: White;
    height: 350px;
    width: 500px;
    color: #666666;
    overflow: auto;
}
.div_popup_recherche li
{
    list-style-image: url( "picto_li.png" );
    margin-left: 5px;
}
.div_popup_recherche .separateur
{
    margin-left: auto;
    margin-right: auto;
    width: 13em;
    height: 10px;
    background: url( "./separateur.gif" ) center no-repeat;
    padding: 0px;
    margin-bottom: 1px;
}
.div_popup_recherche #bt_close_recherche
{
    border: 0px;
    position: absolute;
    background-color: Transparent;
    background-image: url( "./infowindow_fermer.png" );
    float: right;
    width: 14px;
    height: 14px;
    padding: 0px;
    right: 8px;
    top: 5px;
    cursor: pointer;
    padding-bottom: 3px;
    z-index: 2;
}
#main #div_carte #map_google
{
    height: 475px;
    width: 585px;    
    position: relative;
}
#main #div_carte #div_bouton_zoom
{
    position: absolute;
    top: 90px;
       left:0px;
    z-index: 3;
}
#main #div_carte #div_bouton_zoom input
{
    display: block;
    border: 0px;
    margin: 5px;
    width: 23px;
    height: 23px;
    padding: 0px;
}
#main #div_carte #div_bouton_zoom #bouton_zoom_in
{
    background: url( 'zoomin.png' );
}
#main #div_carte #div_bouton_zoom #bouton_zoom_out
{
    background: url( 'zoomout.png' );
}
#main #div_carte #div_bouton_zoom #img_retour_carte {
    background: url( "./europe.png" ) no-repeat;
    width: 22px;
    height: 22px;
    border: none;
}
#main #div_carte #partenaires {
    text-align:center;
    font-size:10pt;
}
#main #div_carte #partenaires a,#main #div_carte #partenaires a:visited{
    color:#646464;
    
}
/*-fin partie gauche avec carte, recherche de lieux et partenaires */
/*- colonne de droite */
#main #colonne_droite {
    float:right;
    width:192px;
    position:relative;

}
/*-- les dernières photos */
#main #colonne_droite #dernieres_photos{
    text-align:center;
	display:none;
}

#main #colonne_droite #dernieres_photos #premiere_photo{
    margin-top:5px;
    height:150px;
    text-align: center;
    vertical-align: middle;
    overflow:hidden;
}
#main #colonne_droite #dernieres_photos #premiere_photo img{
    vertical-align:middle;
    width:160px;
}
#main #colonne_droite #dernieres_photos #autres_photos{
    /*height:80px;*/
    margin-top:5px;
}
#main #colonne_droite #dernieres_photos #autres_photos img{
    width : 35px;
    border-width:0px;
    height:36px;
    overflow:hidden;
    margin:1px;
    
}
#main #colonne_droite #dernieres_photos .plus_photos{
    color : #646464;
    float:right;
}
/*--fin les dernières photos */
/*--acces mon campingrama*/
#main #colonne_droite #mon_cpgr {
    clear:both;
 display:none;
}
#main #colonne_droite #mon_cpgr #corp_mon_cpgr{
   line-height:25px;
   padding-top:10px;
}
#main #colonne_droite .titre_bloc_colonne{
    width:166px;
}
#main #colonne_droite #mon_cpgr .picto_menu_cpgr{
    border-width:0px;
    vertical-align:middle;
    margin-right:5px;
}
#main #colonne_droite #mon_cpgr a,
#main #colonne_droite #mon_cpgr a:visited{
    color:#646464;
}
#main #colonne_droite #mon_cpgr #lien_deja_inscrit,
#main #colonne_droite #mon_cpgr #lien_deja_inscrit:visited{
    text-decoration:none !important;
    margin-left:40px;    
}
/*--fin acces mon campingrama*/
/*- fin colonne de droite */
/*fin Cadre de droite avec la carte et le menu de droite */




/* cadre de gauche avec la recherche de dispo et la liste des camps*/
#menu_gauche 
{
    width:210px;
    position:relative;
    float:left;   
    text-align:left;
    height:560px;
        
}
#menu_gauche table{
    width:100%;
}
/*-recherche de camping*/
#menu_gauche #recherche_camping {
     width:215px;
     position:relative;
    text-align:center;

  
}
#menu_gauche #recherche_camping #corp_recherche_camping {
      padding:10px 0px;
}
#menu_gauche #recherche_camping #corp_recherche_camping input[type=text]{
    margin-bottom:10px;
}
#menu_gauche #recherche_camping #corp_recherche_camping .bouton_recherche{
    font-size:10pt;
    color:#FFFFFF;
    text-align:center;
     background-image:url(./new/image_49.png); 
     width:92px;
     height:22px;
     border-width:0px;
     vertical-align:middle;
     padding:0px;
}

/*-fin recherche de camping*/
/*-recherche dispo*/
#menu_gauche #form_recherche_dispo{
    font-size:10pt;
    color:#646464;
    width:215px;
    position:relative;

}

#menu_gauche #form_recherche_dispo #core_form_dispo{
    width:179px;
    
    /*display:none;*/
    position:relative;
    line-height:30px;
}


#menu_gauche #form_recherche_dispo  .bouton_recherche{
    font-size:10pt;
    color:#FFFFFF;
    text-align:center;
     background-image:url(./new/image_49.png); 
     width:92px;
     height:22px;
     border-width:0px;
     vertical-align:middle;
     padding:0px;

}
#menu_gauche #form_recherche_dispo .select_form_dispo{
   float:right;
    position:relative;
}
#menu_gauche #form_recherche_dispo #span_fourchette_prix  {
    width:190px;
    text-align:center;
    display:block;
}
/*-fin recherche dispo*/
/*- resultat recherche */
#menu_gauche #detail_recherche{
        width:215px;
}
#menu_gauche #detail_recherche h1{
    font-size:9pt;    
}
#menu_gauche #detail_recherche ul{
    height:258px;
    overflow:auto;
    padding-left:0px;
    margin-left:0px;
    line-height:25px;
}
#menu_gauche #detail_recherche ul li {
    list-style-type:none;
    
}
#menu_gauche #detail_recherche ul li a,#menu_gauche #detail_recherche ul li a:visited{
    color:#373737;
    text-decoration:none;
}
#menu_gauche #detail_recherche ul li .img_liste_camp{
    width:17px;
    height:17px;
    vertical-align:middle;
    border-width:0px;
    margin-right:2px;
}
/*-fin resultat recherche */
/*fin cadre de gauche avec la recherche de dispo et la liste des camps*/


/****** carte *********/



#div_attente
{
    background-color:#000000;
    cursor:wait;
    height:475px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
   left:0px;
    position:absolute;
    top:90px;
    vertical-align:middle;
    width:585px;
    z-index:9999999;   
}
#img_attente
{
    cursor:wait;
    left:45%;
    margin-left:0px;
    position:absolute;
    top:280px;
    vertical-align:middle;
    z-index:99999;
}
/**********************/
/****** infowindow googlemap ********/
.infowindow
{
    width: 301px; /*min-height:145px;*/ /*padding:10px;*/
    padding-top: 5px; /*overflow:auto;*/
    z-index: 3;
}
.infowindow h2
{
    font-size: 0.7em;
    margin: 2px 2px;
    font-weight: normal;
}
.infowindow .infowindow_entete
{
    border: 1px dotted grey;
    margin: 2px;
    margin-top: 0px;
    text-align: center;
    padding: 5px;
}
.infowindow h1
{
    font-size: 1.0em;
    font-weight: bold;
    margin: 2px 2px;
}
.fleche_infowindow
{
    position: absolute;
    bottom: -49px;
    left: 39px;
}

.infowindow #boutton_ferme_infowindow
{
    border: 0px;
    position: relative;
    background-color: Transparent;
    background-image: url( "./infowindow_fermer.png" );
    float: right;
    width: 14px;
    height: 14px;
    padding: 0px;
    margin-right: 8px;
    margin-top: 5px;
    cursor: pointer;
    padding-bottom: 3px;
    z-index: 2;
}
.infowindow #img_photo_miniature
{
    float: left;
   /* width: 100px;*/
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
}
.infowindow #img_photo
{
    height: 90px;
}
.infowindow #span_liens
{
    clear: left;
    /*margin-top: 2px;*/
    display: block;
}
.infowindow #span_liens ul{
    margin-bottom:0px;
}
.infowindow #span_liens a
{
    text-decoration: none;
    color: black;
    font-weight: bold;
    display: block;
}
.infowindow #span_liens li
{
    margin-top: 2px;
    margin-left: 2px;
}
.infowindow #span_liens li
{
    list-style-type: square;
    margin-left: 2px;
    padding-left: 1px;
}
#infowindow_top
{
    height: 25px;
    width: 100%;
    top: 0px;
    background: url( "./infowindow_corp_top.png" ) no-repeat center;
}
.infowindow #infowindow_content
{
    background: url( "./infowindow_corp_middle.png" ) repeat-y white;
    
    padding: 0px 10px;
    text-align: justify;
    font-size: 0.9em;
}
#infowindow_bottom
{
    clear: left;
    z-index: 1003;
    height: 19px;
    bottom: 0px;
    width: 100%;
    background: url( "./infowindow_corp_bottom.png" ) no-repeat center;
}
/************************************/
/*********mention legales************/
.mentions_legales h1
{
    font-size: 1.3em;
    text-align: center;
    font-weight: bold;
}
.mentions_legales h2
{
    font-size: 1.1em;
    text-align: left;
    font-weight: bold;
}
.mentions_legales h2 a
{
    color: Black;
}
.mentions_legales
{
    margin: 10px;
    position: relative;
    text-align: justify;
}
/************************************/
/******disclaimer *************/
.disclaimer
{
    margin: 10px;
}
.disclaimer h1
{
    font-size: 1.3em;
    text-align: center;
    font-weight: bold;
}
.disclaimer p
{
}
img[src="./style/cercle.png"]{
    cursor:url(magnify.cur), pointer !important;
}

/*footer*/
#footer{
    text-align:center;
    clear:both;
}
#footer a , #footer a:visited {
    color: #646464;
    text-decoration:none;    
}
/*fin footer*/