/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
a {
	color: #333;
}
a:hover, a:focus {
	color: #FF4C00;
	text-decoration: underline;
 background: none; /* correction d'un bug IE */
}
strong {
	color: black/*#A1B55D*/;
}

/* Conteneur central */
#centre {}

/* Navigation */
#navigation { display:none;}
/* Contenu principal */
#principal {}

/* Bs principal */
#basprincipal {}
/* Contenu secondaire */
#secondaire { display:none;}

/* Contenu pied */
#pied {}

/* Languette du pied */
#footerlanguette {}

/* --- POSITIONNEMENT --- */

/* Page */
body { background:white; color:#000;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;}
#global {}

/* En-tête */
#entete {}

/* Logo gauche */
#logo {}
#symbole {}
#symbole img { display:none;}
#racc { display:none;}

/* Image de catégorie */
#imagecat {display:none;}

#visucat,#visucatsejour,#visucatculture,#visucatloisirs,#visucatpratique {display:none;}

#dtecat {display:none;}

#bascat {display:none;}

/* Bloc central */
#centre {}

/* Top Menu */
div#topmenu {display:none;}

.home span,.plandusite span,.impression span {display:none;}
.home:before {display:none;}
.plandusite:before {display:none;}
.impression:before {display:none;}

/* Menu racc */
div#racc ul {display:none;}


/* Menu de navigation */
#navigation {display:none;}
/* Contenu principal */
#principal {}
#basprincipal {}
/* Contenu central */
#central {}
/* Contenu secondaire */
#secondaire {display:none;}
/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
	width:100%;
	height:183px;
}

/* Languette du pied */
#footerlanguette {}
/* Mention de copyright */
#copyright {}
#developper {display:none;}
/* Arrondis */

b.rtop, b.rbottom{display:none;}
b.rtop b, b.rbottom b{display:none;}
b.r1{display:none;}
b.r2{display:none;}
b.r3{display:none;}
b.rtop b.r4, b.rbottom b.r4{display:none;}

/* Menu horizontal du pied */
ul#raccourcis {display:none;}
.categorie span {display:none;}
td .normal {
	padding:0;
	margin:0;
}

.titreliste {width:425px;position: inherit;z-index:2;float:right;}
h3 .titreliste {z-index:1;font-size:1em;}
.infosliste {width: 185px; height: 236px; z-index: 3; text-align: left; padding:0.2em;}
.infoslisteaccueil {float:left;width: 185px; height: 235px; z-index: 3; text-align: left; padding:0.2em;}

/* FORMULAIRE EN CSS */

.cssform legend {
	text-transform:uppercase;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 225px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.icone_confort, .icone_langue, .icone_label {display: inline;list-style-type: none;}
.icone_confort img, .icone_langue img, .icone_label img {border:none;}
/*.icone_confort img {border:1px solid #333;}*/
.icone_confortlist img {width:18px;}
.icone_confort span, .icone_langue span, .icone_label span { display: none;}

/* FICHE */
#contenu .detail_gauche {
	width: 460px;
	float: left;
	text-align:left;
}
#contenu .detail_gauche p {
	margin: 5px 0px 5px 10px;
}
#contenu .adresse {
	font-size: 0.9em;
}
#contenu .dates {
	color: #a13000;
	font-size: 1.1em;
}
#contenu .important {
	padding: 0px 2px 0px 2px;
}
#contenu .infos {
	padding: 0px;
	margin: 20px 0px 20px 50px;
}
#contenu .infos li {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	list-style: none;
}
#contenu .infos img {
	vertical-align: middle;
}

#contenu .bloc_carnet_voyage {
	float: right;
	text-align:center;
	position: inherit;
	top:0;
	right:0;
	/*z-index:2;*/
	padding-left:0.6em;
	background:none;
}
#contenu .bloc_diaporama {
	margin: 0px 0px 15px 0px;
}
#contenu .bloc_localisation {
	margin: 0px 0px 10px 0px;
}
#contenu .bloc_localisation h3 {
	margin: 0px;
}
#contenu .bloc_localisation a {
	background-repeat: no-repeat;
	height: 41px;
	width: 223px;
	margin: 0px 45px 0px 46px;
	display: block;
}
#contenu .bloc_localisation a span {
	display: none;
}
#contenu .bloc_temoignages {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
#contenu .bloc_temoignages a {
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 51px;
	width: 130px;
	padding: 82px 30px 0px 20px;
	margin: 0px 66px 0px 66px;
	display: block;
}
#contenu .bloc_temoignages a:hover {
	text-decoration: underline;
}
#contenu .bloc_temoignages a span {
	display: none;
}
#contenu .bloc_carnet_voyage a span {
	display: none;
}
/* Détail */



#contenu .important {

	background-color: #f4eaf1;

	border-bottom: 1px solid #f4eaf1;

}

#contenu .encadre_tableau {

	background-color: #cdb0c3;

	background-image: url(/images/encadre_tableau.gif);

}

#contenu .encadre_tableau_bas {

	background-image: url(/images/encadre_tableau_bas.gif);

}

#contenu .encadre_tableau h3 {

	color: #632959;

}

#contenu .encadre_tableau th {

	color: #632959;

}

#contenu .encadre_tableau td {

	background-color: #632959;

	background-image: url(/images/separation_tableau.gif);

	border-right: 3px solid #632959;

}

#contenu .encadre_tableau .arrondi {

	background-image: url(/images/arrondi_tableau.gif);

}



#contenu .encadre_beige {

	background-image: url(/images/encadre_beige.gif);

}

#contenu .encadre_beige_bas {

	background-image: url(/images/encadre_beige_bas.gif);

}

#contenu .encadre_beige h3 {

	color: #632959;

}
#mapper {
 width:160px;
 margin:0.6em 0 0.6em 0;
}
#coordgps {
	width:160px;
	background:transparent url(/images/ico-gps.png) top right no-repeat;
	height:40px;
}
#coordgps p {
padding-left:40px;
text-align:right;
	z-index:1;
}
.reco {
padding:1em 0;
text-align:center;
}
#reservonline {
	width:160px;
	height:31px;
	background:transparent url(/images/reservonline.png) top left no-repeat;
}
#reservonline .bouton {
	text-align:left;
	padding-left:39px;
	padding-top:8px;
	text-transform:uppercase;
}
#boite_adresse {
	background-position: right bottom;
	background-image: url(/images/box_adresse.gif);
	width: 290px;
	background-repeat: no-repeat;
	padding-bottom:1.1em;
}
#boite_adresse p {
	padding:0.6em 0.6em 1em 0.6em;
}
/* ****************************** */
div#idee_sejours {
	width: 255px; 
	min-height: 267px !important; 
	height: auto !important; 
	padding: 7px 0px; 
	margin: 7px 0 !important;
	right:-36px;
	z-index:999;
}	

div#idee_sejours p.savoirplus { font-size: 12px; font-weight:bold; color: #000; margin:0px; padding:0px} 
div#idee_sejours p.savoirplus a {font-size: 12px; font-weight:bold; color: #000; margin:0px; padding:0px} 
div#idee_sejours p.savoirplus a:hover {font-size: 12px; font-weight:bold; color: #000; margin:0px; padding:0px; text-decoration:undeline;}
#infosroutes {}

#acces {float:left; width:100%;}

#kmacces {float:right; width:250px; vertical-align:top; z-index:999;top:0px;}
#kmacces h3 {padding:0;margin:0;}

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

h1.titreArticle {
    /*background:url(/images/bg-title-pink-empty.gif) no-repeat left top ;*/
    width: /*680*/434px;
    float:left; display:block;
    margin : 0 ; padding  : 0  ;
    color: white;
    padding-left:20px;
    font-size: 14px;
    padding-top:15px;
    height :19px;
  }
.blocArticleList{
    width:/*630*/430px;
    float:left;
    margin :0px;
    display:block;
    overflow:hidden;
    background:url(/images//bg-art-dernier-commentaires-repeatr.png) repeat-y left bottom ;
    padding:0px 20px 0px 23px;
    }

/* .blocArticleList p {
    padding:10px 0;
    }*/
	
.transportCol {float:left; text-align:justify; width:98%; line-height:normal;}

.blocArticleListFooter  {
    font-weight:bold;
    float:left; display:block;
    font-size:	14px; padding:0px 0 0 20px;
    background:transparent url(/images/bg-art-dernier-commentaires-footer.png) no-repeat scroll 0 0px;
    height:25px;
    width:/*680*/460px;
    position : relative;
    margin-right:-3px;
}

#akst_social {
	border: 1px solid #fff;
	padding: 10px;
}
#akst_social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#akst_social ul li {
display : inline;
	float: left;
	margin: 0;
	padding: 0;
	/*width: 45%;*/
}
#akst_social ul li a {
	background-position: 0px 2px;
	background-repeat: no-repeat;
	/*display: block;*/
	float: left;
	height: 24px;
	padding: 4px 0 0 22px;
	vertical-align: middle;
}
#akst_myspace { background-image: url(/modeles/default/images/share-this/icons/myspace.gif) }
#akst_facebook { background-image: url(/modeles/default/images/share-this/icons/facebook.gif) }
#akst_blogasty { background-image: url(/modeles/default/images/share-this/icons/blogasty.gif) }
#akst_blogmemes { background-image: url(/modeles/default/images/share-this/icons/blogmemes.gif) }
#akst_delicious { background-image: url(/modeles/default/images/share-this/icons/delicious.gif) }
#akst_digg { background-image: url(/modeles/default/images/share-this/icons/digg.gif) }
#akst_email { background-image: url(/modeles/default/images/share-this/icons/email_link.png) }
#akst_fuzz { background-image: url(/modeles/default/images/share-this/icons/fuzz.gif) }
#akst_furl { background-image: url(/modeles/default/images/share-this/icons/furl.gif) }
#akst_netscape { background-image: url(/modeles/default/images/share-this/icons/netscape.gif) }
#akst_yahoo_myweb { background-image: url(/modeles/default/images/share-this/icons/yahoo_myweb.gif) }
#akst_stumbleupon { background-image: url(/modeles/default/images/share-this/icons/stumbleupon.gif) }
#akst_google_bmarks { background-image: url(/modeles/default/images/share-this/icons/google_bmarks.gif) }
#akst_technorati { background-image: url(/modeles/default/images/share-this/icons/technorati.gif) }
#akst_newsvine { background-image: url(/modeles/default/images/share-this/icons/newsvine.gif) }
#akst_netvibes { background-image: url(/modeles/default/images/share-this/icons/netvibes.png) }
#akst_reddit { background-image: url(/modeles/default/images/share-this/icons/reddit.gif) }
#akst_windows_live { background-image: url(/modeles/default/images/share-this/icons/windows_live.gif) }
#akst_blogmarks { background-image: url(/modeles/default/images/share-this/icons/blogmarks.gif) }
#akst_misterwong { background-image: url(/modeles/default/images/share-this/icons/misterwong.gif) }
#akst_nuouz { background-image: url(/modeles/default/images/share-this/icons/nuouz.gif) }
#akst_scoopeo { background-image: url(/modeles/default/images/share-this/icons/scoopeo.gif) }
#akst_tapemoi { background-image: url(/modeles/default/images/share-this/icons/tapemoi.gif) }
#akst_twitter { background-image: url(/modeles/default/images/share-this/icons/twitter.png) }
#akst_wikio { background-image: url(/modeles/default/images/share-this/icons/wikio.gif) }
#akst_email {
	display: none;
	text-align: left;
}
#cadre {
	clear:both;
	float:left;
}
.highslide-caption, h3 span .cache {display:none;}