@import "styles/base.css";
/* ==============================================
   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 {
	background:transparent url(/images/fd-centre.png) top left repeat-y;
}

/* Navigation */
#navigation {
	background:transparent;
}
#navigation .arbo {
	color: /*#FF6533*/black;
	border:white 1px solid;
	background:transparent url(/images/alpha-60.png);
	margin-bottom:0.3em;
}
#navigation a:hover, #navigation a:focus {
	background: white;
	color:black;
}

#navigation .selectionne {
	color: black;
	background: white;
	margin-bottom:0.3em;
	border:white 1px solid;
	font-weight:bold;
}


#navigation .selectionnebis {
	color: white;
	background:transparent url(/images/alpha-80.png);
	margin-bottom:0.3em;
	border:white 1px solid;
	font-weight:bold;
}
/* Contenu principal */
#principal {
	color: #181A12;
	background: rgb(255,255,255);
	height: 100%;

}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Bs principal */
#basprincipal {
	background: transparent url(/images/bas-principal.png) bottom no-repeat;
}
/* Contenu secondaire */
#secondaire {
	background: transparent;
}

/* Contenu pied */
#pied {
	background: transparent url(/images/footer.png) 18px top no-repeat;
}

/* Languette du pied */
#footerlanguette {
	background:transparent url(/images/footer-languette.png) top right no-repeat;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 0;
	/* ---> */ height:320px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Logo gauche */
#logo {
float:left; width:273px;height:275px;
}
#symbole {
position: inherit; float:left; left: 0px; top: 0px; width: 273px; height: 238px; z-index: 1;
background:transparent url(/images/header_02.png) top left no-repeat;
}
#racc {
position: inherit; float:left; left: 0px; top: 238px;width: 273px; height: 37px;clear:both; z-index: 4;
background:transparent url(/images/header_05.png) top left no-repeat;
text-align:center;
}

/* Image de catégorie */
#imagecat {
float:left; width:727px;;height:275px;
}
#visucatfr,#visucatsejourfr,#visucatculturefr,#visucatloisirsfr,#visucatpratiquefr,#visucaten,#visucatsejouren,#visucatcultureen,#visucatloisirsen,#visucatpratiqueen {
float:left; width: 715px; height: 263px; z-index: 2;
}
/*#visucatfr a,#visucatsejourfr a,#visucatculturefr a,#visucatloisirsfr a,#visucatpratiquefr a,#visucaten a,#visucatsejouren a,#visucatcultureen a,#visucatloisirsen a,#visucatpratiqueen a {
    position: absolute;
    display: block;
}*/
	/* en français */
#visucatfr {
background:transparent url(/images/home.jpg) top left no-repeat;
}
#visucatsejourfr {
background:transparent url(/images/preparez-votre-sejour.jpg) top left no-repeat;
}
#visucatculturefr {
background:transparent url(/images/culture-et-patrimoine.jpg) top left no-repeat;
}
#visucatloisirsfr {
background:transparent url(/images/activites-de-loisirs.jpg) top left no-repeat;
}
#visucatpratiquefr {
background:transparent url(/images/header_03.png) top left no-repeat;
}
	/* en anglais */
#visucaten {
background:transparent url(/images/visuel-home-en.jpg) top left no-repeat;
}
#visucatsejouren {
background:transparent url(/images/preparez-votre-sejour-en.jpg) top left no-repeat;
}
#visucatcultureen {
background:transparent url(/images/culture-et-patrimoine-en.jpg) top left no-repeat;
}
#visucatloisirsen {
background:transparent url(/images/activites-de-loisirs-en.jpg) top left no-repeat;
}
#visucatpratiqueen {
background:transparent url(/images/header_03-en.jpg) top left no-repeat;
}


#lienloisirs {
    top: 193px; /* décalage par rapport au bord supérieur */
    left: 482px; /* décalage par rapport au bord gauche */
    height: 45px; /* hauteur */
    width: 233px; /* largeur */
}
#lienculture {
    top: 193px; /* décalage par rapport au bord supérieur */
    left: 237px; /* décalage par rapport au bord gauche */
    height: 45px; /* hauteur */
    width: 245px; /* largeur */
}
#liensejour {
    top: 193px; /* décalage par rapport au bord supérieur */
    left: 0px; /* décalage par rapport au bord gauche */
    height: 45px; /* hauteur */
    width: 237px; /* largeur */
}

#dtecat {
float:left;width: 12px; height: 263px; z-index: 3;
background:transparent url(/images/header_04.png) top left no-repeat;
}
#bascat {
float:left; width: 727px; height: 12px; z-index: 5; line-height: 12px;
background:transparent url(/images/header_06.png) top left no-repeat;
}
/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Top Menu */
div#topmenu {
text-align: right;
font-size:0.8em;
background:transparent url(/images/header_01.png) bottom left no-repeat;width:1000px;height:35px;
right:25px;
}
div#topmenu a {
text-decoration:none;
}
div#topmenu ul {
list-style : none;
margin: 0;
padding: -0.8em 1em 0 0;
}
div#topmenu li {
display: inline;
padding: 0 0.5em 0 0.6em;
}
div#topmenu li.first {
border-left: 0;
padding: 0 0.5em 0 0.6em;
}
div#topmenu li.last {
border-left: 1px solid #ddd;
padding: 0 4.5em 0 0.6em;
}

.home span,.plandusite span,.impression span {margin-left:0.3em;}
.home:before { content:url(/images/icons/home.gif);}
.plandusite:before { content:url(/images/icons/sitemap.gif);}
.impression:before { content:url(/images/icons/print.gif);}

/* Menu racc */
div#racc ul {
list-style : none;
margin: 0;
padding: 0.5em 0;
}
div#racc li {
display: inline;
padding: 0 0.5em 0 0.6em;
}


/* Menu de navigation */
#navigation {
	float: left;
	width: 270px;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu principal */
#principal {
	float: left;
	width: 725px;
	position:relative;
	z-index:1;
}
#basprincipal {
	float: left;
	width: 725px;
	height:6px;
	margin-left:270px;
}
/* Contenu central */
#central {
	width:462px;
	padding:0.3em;
	text-align:justify;
	vertical-align:top;
}
#central > :first-child {
	margin-top: 10px;
}
#central p, #central li {
	line-height: 1.5;
}
/* Contenu secondaire */
#secondaire {
position: absolute;
	width:255px;
	right:-22px;
	float:right;
	z-index:99;
}

#motrecherchefr,#motrechercheen,#agendafr,#agendaen,#hebergfr,#hebergen,#docufr,#docuen,#shopfr,#shopen,#downfr,#downen {
	width:255px;
	margin-top:-20px;
}
#links h2 span,#motrecherchefr h3 span,#motrechercheen h3 span,#agendafr h3 span,#agendaen h3 span,#hebergfr h3 span,#hebergen h3 span,#docufr h3 span,#docuen h3 span,#shopfr h3 span,#shopen h3 span,#downfr h3 span,#downen h3 span,#idee_sejours h2 span { display:none;}

#motrecherchefr p,#motrechercheen p,#agendafr p,#agendaen p,#hebergfr p,#hebergen p,#docufr p,#docuen p,#shopfr p,#shopen p,#downfr p,#downen p {
	text-align:right;
	margin-right:30px;
	font-size:80%;
}
#motrecherchefr h3 { background:transparent url(/images/lng_rech_fr.png);}
#motrechercheen h3 { background:transparent url(/images/lng_rech_en.png);}
#agendafr h3 { background:transparent url(/images/lng_agenda_fr.png);}
#agendaen h3 { background:transparent url(/images/lng_agenda_en.png);}
#hebergfr h3 { background:transparent url(/images/lng_heberg_fr.png);}
#hebergen h3 { background:transparent url(/images/lng_heberg_en.png);}
#docufr h3 { background:transparent url(/images/lng_doc_fr.png);}
#docuen h3 { background:transparent url(/images/lng_doc_en.png);}
#shopfr h3 { background:transparent url(/images/lng_shop_fr.png);}
#shopen h3 { background:transparent url(/images/lng_shop_en.png);}
#downfr h3 { background:transparent url(/images/lng_telechargements_fr.png);}
#downen h3 { background:transparent url(/images/lng_telechargements_en.png);}

#motrecherchefr h3,#motrechercheen h3,#agendafr h3,#agendaen h3,#hebergfr h3,#hebergen h3,#docufr h3,#docuen h3,#shopfr h3,#shopen h3,#downfr h3,#downen h3 {
	background-position: 10px;
	background-repeat:no-repeat;
	height:40px;
	width:255px;
	padding-bottom:1em;
}

/* Labels */
#labelalt,#labelpays,#labeldetours,#labelperles {
	/*margin-top:-10px;*/
	margin-left:15px;
}
#labelalt h3 {background:transparent url(/images/label_ALT.png);float:left;}
#labelpays h3 {background:transparent url(/images/label_vpah.png);float: left;}
#labeldetours h3 {background:transparent url(/images/label_plus-beaux-detours.png);float:left;}
#labelperles h3 {background:transparent url(/images/label_perles-vertes-a75.png);float:left;}
#labelcantalpeche h3 {background:transparent url(/images/label_cantal-peche.png);float:left;}
#labelsymbolesdefrance h3 {background:transparent url(/images/label_symboles-de-france.png);float:left;}

#labelalt h3,#labelpays h3,#labeldetours h3,#labelperles h3,#labelcantalpeche h3,#labelsymbolesdefrance h3 {margin:0.1em;
	background-repeat:no-repeat;width:103px; height:103px;}
#labels h2 span,#labelalt h3 span,#labelpays h3 span,#labeldetours h3 span,#labelperles h3 span,#labelcantalpeche h3 span,#labelsymbolesdefrance h3 span { display:none;}
	
/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
	width:100%;
	height:183px;
}

/* Languette du pied */
#footerlanguette {
	margin-top:40px;
	float:right;
	width:716px;
	height:40px;
}
/* Mention de copyright */
#copyright {
	margin: 12px 14px 0 0;
	font-size: 1em;
}
#developper {
	color:#333;
	/*padding:.6em 0 0 380px;*/
	width:250px;
	margin:30px 0 0 125px;
}
/* Arrondis */

b.rtop, b.rbottom{display:block;background: rgb(121, 155, 19);}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: rgb(255, 255, 255);}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* Menu horizontal du pied */
ul#raccourcis li { 
display : inline;
padding : 0 1em 0 1em; /* Pour espacer les boutons entre eux */
}
ul#raccourcis li a {
color:#FFF;
text-decoration:none;
}
ul#raccourcis li a:hover {
color:#FFF;
text-decoration: underline;
}
ul#raccourcis {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
padding-top:0.6em;
}
ul#raccourcis li.bouton_gauche {
float : left;
}
 
ul#raccourcis li.bouton_droite {
float : right;
}
.categorie span {
	display:none;
}
td .normal {
	padding:0;
	margin:0;
}
.imgvisuel {
	width:150px;height:150px; z-index: 2;float:left;border:1px solid #C6C6C6;
}
.titreliste {width:425px;position: inherit;z-index:2;float:right;}
h3 .titreliste {z-index:1;font-size:0.8em;}
.infosliste {width: 185px; height: 235px; z-index: 3; text-align: left; padding:0.2em;}
.infoslistehome {
	float: left;
    padding: 0.2em 1em;
	width: 250px;
    text-align: left;
    z-index: 3;
}
.infoslisteaccueil {
	float: left;
    height: 200px;
    /*padding: 0.2em 1em;
	margin-left:180px;*/
    text-align: left;
    width: 200px;
    z-index: 3;
}
.infoslisteliens {width: 280px; height: 72px; z-index: 3; text-align: left; padding:0.2em;}
.infoslistetelecharge {width: 257px; height: 234px; 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; padding:0;margin:0;}
/*.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 h2 {
	text-transform:uppercase;
}
#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;
}
#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;
}
#social { display:none;}
#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;
}

.ficheliste {
width:450px;
/*height: 200px;*/  
}
.ficheliste h3 {
	margin-top:-6px;
}
.ficheliste h3.list {width: 280px;}
        /* Shared styles */
#boite_adresse h3 {
	text-transform:uppercase;}       
        .drop-shadow {
            position:relative;
            float:left;
            width:90%;    
            padding:1em; 
            margin:1em 10px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }    
        .video-shadow {
            position:relative;
            float:left;
            width:260px;
			height:208px;    
            /*padding:1em; 
            margin:1em 10px;
            background:#fff; */
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .video-shadow:before,
        .video-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }  
        .home-shadow {
            position:relative;
            float:left;
            width:90%;    
            padding:1em; 
            margin:2px; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .home-shadow:before,
        .home-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }  
        .ferm-shadow {
            position:relative;
            float:left;
            width:90%;  
			font-size:11px;  
            padding:0.5em; 
            margin:1em 10px; 
            background:#FFF2D8;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .ferm-shadow:before,
        .ferm-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }    
        .datecomplement-shadow {
            position:relative;
            float:left;
            width:110px;  
			font-size:10px;
			font-weight:bold; 
			text-align:center; 
            padding:0.5em; 
            margin:1em 10px; 
            background:#E9E8E4;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .datecomplement-shadow:before,
        .datecomplement-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }    
		.homecyclo {
		}      
        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
        /* Curled corners */

        .curled {
            border:1px solid #efefef; 
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg); 
               -moz-transform:skew(8deg) rotate(3deg);     
                -ms-transform:skew(8deg) rotate(3deg);     
                 -o-transform:skew(8deg) rotate(3deg); 
                    transform:skew(8deg) rotate(3deg);
        }
        
        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }
        
        .perspective:after {
            display:none;
        }
        
        /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
        
        .curved-vt-2:before {
            right:0;
        }
        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }
        
        /* Rotated box */
        
        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
.fichelisteliens {
margin-top:1em;
padding-:1em;
width:460px;
height: 100px;
}
.fichelistetelech {
margin:0.3em;
padding:0.3em;
width:180px;
height: auto;
border: 2px solid #66CC99;
text-align:center;
}
.meteo {
	background:transparent url(/images/other-sites-bg-title.gif) top left no-repeat;
	width:150px;
	height:50px;
}

.circuits {
width:100%;
border:1px solid #666;
margin:0;
padding:0;
}

.circuits th {
font-weight:700;
border:1px solid #666;
text-align:center;
margin:0;
padding:0.2em 0;
}

.circuits td {
line-height:1.2em;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0;
padding:0.2em 0;
}

.circuits .verte {
color:#090;
font-size:0.8em;
font-weight:700;
}

.circuits .bleue {
color:#36C;
font-size:0.8em;
font-weight:700;
}

.circuits .rouge {
color:#C00;
font-size:0.8em;
font-weight:700;
}

.circuits .noire {
color:#000;
font-size:0.8em;
font-weight:700;
}

.circuits .description {
font-size:0.6em;
font-style:italic;
border-top:1px solid #666;
}
.circuits .distance,.circuits .depart,.circuits .denivele,.circuits .type,div.float p {
text-align:center;
}

.tableau table,.rouge table,.vert table,.orange table,.violet table {
width:100%;
vertical-align:top;
margin:auto;
}

.tableau tbody,.rouge tbody,.vert tbody,.orange tbody,.violet tbody .violet {
background-color:#FFF;
border:1px solid #6495ed;
vertical-align:top;
}

.tableau th,.rouge th,.vert th,.orange th,.violet th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
width:25%;
vertical-align:top;
}

.tableau td,.rouge td,.vert td,.orange td,.violet td {
font-family:sans-serif;
text-align:left;
vertical-align:top;
}

.tableau caption,.rouge caption,.vert caption,.orange caption,.violet caption {
font-family:sans-serif;
text-align:center;
}

.tableau thead th,.rouge thead th,.vert thead th,.orange thead th,.violet thead th,.tableau tfoot th,.rouge tfoot th .rouge,.vert tfoot th .vert,.orange tfoot th,.violet tfoot th {
vertical-align:top;
}

.rouge table,.rouge thead th,.rouge tfoot th,.rouge th {
background-color:#FFBFD1;
border:1px solid #D5063C;
}

.vert table,.vert thead th,.vert tfoot th,.vert th {
background-color:#CFFFE3;
border:1px solid #25884F;
}

.orange table,.orange thead th,.orange tfoot th,.orange th {
background-color:#FFCC9F;
border:1px solid #E18B40;
}

.violet table,.violet thead th,.violet tfoot th,.violet th {
background-color:#FFBFF5;
border:1px solid #9E488F;
}

.bleu table,.bleu thead th,.bleu tfoot th,.bleu th {
background-color:#8FB5FF;
border:1px solid #039;
}

.rouge td {
background-color:#FFEFF3;
border-bottom:1px solid #D5063C;
}

.vert td,.verte td {
background-color:#EFFFF6;
border-bottom:1px solid #25884F;
}

.orange td {
background-color:#FFEEDF;
border-bottom:1px solid #E18B40;
}

.violet td {
background-color:#FFEFFD;
border-bottom:1px solid #9E488F;
}

.bleu td,.bleue td {
background-color:#EFF4FF;
border-bottom:1px solid #039;
}

.noire td {
background-color:#F2F2F2;
border-bottom:1px solid #000;
}

.rouge .rougefd {
background-color:#D5063C;
color:#FFF;
font-weight:700;
font-size:1.5em;
}

.vert .vertfd {
background-color:#25884F;
color:#FFF;
font-weight:700;
font-size:1.5em;
}

.orange .orangefd {
background-color:#E18B40;
color:#FFF;
font-weight:700;
font-size:1.5em;
}

.violet .violetfd {
background-color:#9E488F;
color:#FFF;
font-weight:700;
font-size:1.5em;
}

.bleu .bleufd {
background-color:#039;
color:#FFF;
font-weight:700;
font-size:1.5em;
}
.txtnormal {
	font-weight: normal;
}
.alaligne {
	clear:both;
	float:left;
	padding-top:0.2em;
}
.ombrage2 {
    border: 5px solid #fff;
    -moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    box-shadow: 8px 8px 12px #555; 
} 

.ombrage3 {
    border: 5px solid #fff;
    -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555; 
} 

div#affpromo {
	background-color: #99CC00;
	width:460px;;
	color:#990000;
	padding:0.4em;

        -moz-border-radius: 10px 0 10px  0; 
        -webkit-border-radius: 10px 0  10px0; 
        border-radius: 10px 0  10px0;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	}

div#affpromotete, div#affpromotete a {
	background-color: #99CC00;
	width:153px;;
	color:#FFF;
	padding:0.4em;
	text-align:center;
	font-weight:bold;
	text-decoration:none;

        -moz-border-radius: 5px 0 5px 0; 
        -webkit-border-radius: 5px 0 5px 0; 
        border-radius: 5px 0 5px 0;         
        -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
	}
.infomaintenance {
	background:transparent url("/images/annonce_index.png") center left no-repeat;
	border:none;
	width:462px;
	height:104px;
}
.infomaintenance p {
	color:#BA5A0C;
	font-size:10px;
	text-align:center;
	/*text-transform:uppercase;*/
	font-weight:bold;
	padding:18px 10px 10px 100px;
}
#cathome {
	width:100%;
	float:left;
	font-size:8px;
	text-transform:uppercase;
	font-style:italic;
	/*font-weight:bold;*/
}
.modfiche,.modfiche a {
	font-size:10px;
	color:#333;
	background:transparent;
}
/* PRESTATIONS */
#central .detailsprestations fieldset {
	border:none;
	border:0;
	outline:none;

}
#central .detailsprestations legend {
	font-weight:bold;
}
#central .detailsprestations ul {
    margin: 0;
	padding: 0 15px;
}
#central .detailsprestations li {
    float: left;
    font-size: 10px;
    list-style: circle outside none;
    margin: 0;
    text-align: left;
    width: 50%;
}

      .gmap3{
        margin: 20px auto;
        border: 1px dashed #C0C0C0;
        width: 500px;
        height: 250px;
      }
	              #maCarte{height: 100%;}

.pagination { font-size: 11px;color: #73656e;}
.pagination a:link { color: #73656e;}
.pagination a:visited { color: #73656e;}
.pagination a:hover { text-decoration:underline;color: #73656e;}