
body {
    margin:0px;
    padding:0px;
    /*behavior: url('csshover3.htc');*/

    background: url('/fileadmin/template/images/fond.png') repeat-x;
    background-color: #9CC300;

    font-family: Trebuchet MS, Arial;
    font-size:12px;
    color:#000000;
}

@import url(http://fonts.googleapis.com/css?family=Ubuntu);

a {
    font-family: Trebuchet MS, Arial;
    font-size:1em;
    color:#000000;
}
a{outline: none;}
:focus{-moz-outline-style: none;}

/* pour enlever les pointilles autour des flashs */
*{outline:0; }

/* filter : alpha(opacity=10);
-moz-opacity : 0.1;
opacity : 0.1; */

.btHover:hover { cursor: pointer; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; }
.disabled { filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }



H1, H2, H3, H4 { clear: both; }
H1 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 17px;
	color: black;
	text-transform: uppercase;
  	margin: 25px 0 7px 0;
  	letter-spacing:1px;
  	border: 0px;
  	border-bottom: 1px solid #CCCCCC;
  	padding: 0 0 8px 0;
}

H2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
  	margin: 25px 0 7px 0;
  	/*letter-spacing:1px;*/
  	border: 0px;
  	border-bottom: 1px solid #CCCCCC;
  	padding: 0 0 8px 0;
}
.csc-firstHeader { margin-top: 0px; }

.tx-dklikincontournables-pi1 H4 {
	font-family:  Trebuchet MS, Arial;
	font-size: 13px;
	color: #0E7431;
  	margin: 25px 0 7px 0;
  	letter-spacing:1px;
  	border: 0px;
  	padding: 0 0 0 0;
  	text-align: center;
}

.tx-dklikincontournables-pi1 .ficheIncontournable .descriptionFiche .textedescription DIV {
	border: 1px solid #0E7431;
	background-color: #e7f8a1;
	padding: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}



li,
P.bodytext,
P.align-right,
P.align-center {
  font-family: Trebuchet MS, Arial;
  font-weight: normal;
  font-size: 12px;
  color: black;
}

.contenttable{
	border-collapse: collapse;	
}

.contenttable td,
.contenttable th{
	border: 1px solid black;
}

/* legende sous les images */
.csc-textpic-caption {
  font-family:Arial;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  text-align:left;

} 


P.align-right { text-align : right; }
P.align-center { text-align : center; }
P.align-left { text-align : left; }
P.align-justify { text-align : justify; }
div.align-center { text-align : center; }
td.align-center { text-align : center; }

LI A,
P.bodytext A,
P.align-center A,
P.align-right A {
	color: #0E7431;
	font-weigt:bold;
  text-decoration:none;
}

P.bodytext A:hover,
P.align-center A:hover,
P.align-right A:hover {
  text-decoration:underline;
}



/* logo dklik cliquable */
DIV#dklik {
  position:absolute;
  margin:0px;
  padding:0px;
  width:24px;
  height:114px;
  border:0px solid red;
  /*background:url("images/dklik.png");*/
  left:50%;
  top:905px;
  margin-left:-525px;
  z-index:200;
}

div#ficelle {
    background: url('/fileadmin/template/images/ficelle.png') no-repeat;
	position: absolute;
	z-index: 5;
	width: 141px;
	height: 278px;
	top: -1px;
	left: 50%;
	margin: 0 0 0 -636px;
}

div#header {
	position: relative;
	z-index: 10;
	width: 990px;
	height: 27px;
	background-color: #085C27;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -495px;
}
div#header div.menuheader {
	position: absolute;
	top: 7px;
	right: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div#header div.secureheader {
	position: absolute;
	top: 4px;
	left: 0px;
	width: 231px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div#header div.languesheader {
	position: absolute;
	top: 1px;
	right: 0px;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Google translate */
.goog-te-menu-value {
	font-size:11px;
}

div#header div.languesheader img {
	margin: 0 0 0 7px;
}
div#header div.menuheader ul {
	list-style-type: none;
	margin: 0 0 0 0;
}
div#header div.menuheader ul li {
	display: inline;
  	font-family:Trebuchet MS, Arial;
  	font-weight:normal;
  	font-size:12px;
	color: #FFFFFF;
}
div#header div.menuheader ul li a {
  	font-family:Trebuchet MS, Arial;
  	font-weight:normal;
  	font-size:12px;
	color: #FFFFFF;
}
div#header div.menuheader ul li a:hover {
	color: #DDDDDD;
}

div#contenu {
	position: relative;
	z-index: 20;
	width: 990px;
	background-color: #FFFFFF;
	left: 50%;
	margin: 0 0 0 -495px;
}
div#contenu div#logo {
	position: absolute;
	z-index: 100;
	width: 287px;
	height: 228px;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0px;
}
div#contenu div#socialtools {
	position: absolute;
	z-index: 90;
	width: 160px;
	height: 41px;
	top: 15px;
	left: 455px;
	margin: 0 0 0 0px;
	text-align: center;
}
div#contenu div#usertools {
	position: absolute;
	z-index: 80;
	height: 80px;
	top: 15px;
	left: 620px;
	margin: 0 0 0 0px;
}

div#contenu div#usertools div#usertools_panier {
	float:left;
	width: 190px;
}

div#contenu div#usertools div#usertools_client {
	float:left;
	width: 180px;
}







div#contenu div#bandeau {
	position: relative;
	width: 990px;
	height: 323px;
	top: 112px;
	left: 0px;
	margin: 0px 0 0 0px;
    background: url('/fileadmin/template/images/bandeau.png') no-repeat;
    overflow: hidden;
}
div#contenu div#bandeau div#zoneDefilant {
	position: absolute;
	z-index: 51;
	width: 950px;
	height: 300px;
	margin: 12px 0 0 20px;
    overflow: hidden;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau {
	position: relative;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauImg {
	position: absolute;
	width: 950px;
	height: 300px;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan {
	position: absolute;
	z-index: 52;
	float: left;
	width: 395px;
	height: 194px;
	top: 117px;
	left: 21px;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.debtitre {
  position: absolute;
  float: left;
  font-family:Arial;
  font-weight:normal;
  font-size:30px;
  color:#FFFFFF;
  margin: 28px 0 0 0;
}



div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.titre {
  font-family:Arial;
  font-weight:bold;
  font-size:30px;
  color:#FFFFFF;
  margin: 28px 0 0 30px;
  padding: 0px;
  text-shadow: 2px 2px 4px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
  zoom: 1;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.titre span.fintitre { font-weight:normal; }
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.soustitre {
  font-family:Arial;
  font-weight:bold;
  font-size:13px;
  color:#FFFFFF;
  margin: 0 0 10px 30px;
  padding:0px;
  line-height: 17px;
  text-shadow: 2px 2px 4px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
  zoom: 1;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.lien {
  margin: 0 0 0 30px;
  padding:0px;
   font-family:Arial;
  font-weight:bold;
  font-size:13px;
  color:white;
  text-shadow: 2px 2px 4px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
  zoom: 1;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.lien a {
  font-family:Arial;
  font-weight:bold;
  font-size:13px;
  color:white;
  text-decoration: underline;
  text-shadow: 2px 2px 4px #333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
  zoom: 1;
}
div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan p.lien a:hover {
  color:#FFFFFF;
}

div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan  p.shadowblanc {
	 color:black;
	 text-shadow: 2px 2px 2px #aaaaaa;
 	 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2);
}

div#contenu div#bandeau div#zoneDefilant div.blocBandeau div.bandeauSlogan  p.lien a.shadowblanc {
	 color:black;
	 text-shadow: 2px 2px 2px #aaaaaa;
 	 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2);
}

div#contenu div#bandeau div#bandeauNavig {
	position: absolute;
	z-index: 53;
	float: left;
	width: 190px;
	height: 29px;
	top: 282px;
	left: 777px;
}
div#contenu div#bandeau div#bandeauNavig ul {
	list-style-type: none;
  	margin: 0 0 0 0;
  	padding: 0px;
  	float: right;
}
div#contenu div#bandeau div#bandeauNavig ul li {
	display: table-cell;
	margin: 0px;
	padding: 0px;
	width: 25px;
	height: 25px;
	text-align: center;
	float: left;
}
div#contenu div#bandeau div#bandeauNavig ul li a {
  	display: block;
	background: white;
	filter : alpha(opacity=75); -moz-opacity : 0.75; opacity : 0.75;
  	font-family:Arial;
  	font-weight:bold;
  	font-size:13px;
	color: #085C27;
	width: 25px;
	height: 25px;
	line-height: 26px;
	margin: 1px;
	padding: 0px;
}
div#contenu div#bandeau div#bandeauNavig ul li a:hover, div#contenu div#bandeau div#bandeauNavig ul li a.activ {
	filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;
	background: #0E7431;
	color: #9CC300;
	
}

div#contenu div#menus {
	position: absolute;
	z-index: 80;
	width: 654px;
	height: 155px;
	top: 82px;
	left: 316px;
	margin: 0 0 0 0px;
    /*background: url('/fileadmin/template/images/onglets.jpg') no-repeat;*/
    overflow: hidden;
}
div#contenu div#menus ul {
	position: relative;
	display: table-row;
	list-style-type: none;
  	margin: 0 0 0 0;
  	padding: 0px;
	width: 654px;
	height: 42px;
}
div#contenu div#menus ul li {
	position: relative;
	display: table-cell;
    vertical-align: middle;
	width: 109px;
	height: 42px;
	text-align: center;
    /*background: url('/fileadmin/template/images/onglets.jpg');*/
    background-repeat: no-repeat;
    background-position: right top;
    background-color: transparent;
    float: left;
}
div#contenu div#menus ul li.activ {
    background-position: right bottom;
}
div#contenu div#menus ul li a {
  	display: table-cell;
    vertical-align: middle;
	width: 109px;
	height: 42px;
	line-height: 14px;
    padding: 0 8px;
    margin: 0 0 0 0;
  	font-family:Arial;
  	font-weight:bold;
  	font-size:13px;
	color: #FFFFFF;
}
div#contenu div#menus ul li a:hover {
	color: #EEEEEE;
}
div#contenu div#menus ul li.ong1 { background-image: url('/fileadmin/template/images/onglet1.jpg'); }
div#contenu div#menus ul li.ong2 { background-image: url('/fileadmin/template/images/onglet2.jpg'); }
div#contenu div#menus ul li.ong3 { background-image: url('/fileadmin/template/images/onglet3.jpg'); }
div#contenu div#menus ul li.ong4 { background-image: url('/fileadmin/template/images/onglet4.jpg'); }
div#contenu div#menus ul li.ong5 { background-image: url('/fileadmin/template/images/onglet5.jpg'); }
div#contenu div#menus ul li.ong6 { background-image: url('/fileadmin/template/images/onglet6.jpg'); }
div#contenu div#menus ul li.ong3 a { padding: 0 12px; }
div#contenu div#menus div.sousmenu {
	position: absolute;
	width: 658px;
	height: 113px;
	top: 42px;
	left: 0px;
}
div.ssmenuLiens {
 	position: absolute;
 	z-index: 150;
	width: 630px;
	height: 80px;
 	left: 26px;
 	top: 19px;
}
div.ssmenuLiens a {
  	display: table-cell;
  	float: left;
  	height: 31px;
  	font-family:Trebuchet MS, Arial;
  	font-weight:bold;
  	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px; border-right: 1px solid white;
	padding: 0 18px 0 0;
	margin: 0 18px 14px 0;
}
div.ssmenuLiens a.lastItem { border-right:0px; }
div.ssmenuLiens a:hover {
	color: black;
}
div#contenu div#menus div.sousmenu div.ssmenuBg {
 	position: absolute;
 	z-index: 145;
	width: 657px;
	height: 113px;
 	left: 1px;
 	top: 0px;
	background: white;
	filter : alpha(opacity=90); -moz-opacity : 0.9; opacity : 0.9;
}
div#contenu div#menus div#ssmenu_1 div.ssmenuBg { background: #0292D5; }
div#contenu div#menus div#ssmenu_2 div.ssmenuBg { background: #BF1824; }
div#contenu div#menus div#ssmenu_3 div.ssmenuBg { background: #C8338A; }
div#contenu div#menus div#ssmenu_4 div.ssmenuBg { background: #7CB520; }
div#contenu div#menus div#ssmenu_5 div.ssmenuBg { background: #26A237; }
div#contenu div#menus div#ssmenu_6 div.ssmenuBg { background: #EA6A0A; }

span.t3-icon {
    margin-right: 2px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.t3-icon-actions {
    background-image: url('/fileadmin/template/images/pictos.png?1299879804') !important;
    height: 32px;
}
.t3-icon {
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 0;
}
.t3-icon-pictoGites { width: 30px; background-position: 0px -2px !important; }
.t3-icon-pictoChalets { width: 36px; background-position: -42px -2px !important; }
.t3-icon-pictoInsolite { width: 35px; background-position: -86px -2px !important; }
.t3-icon-pictoChateaux { width: 35px; background-position: -130px -2px !important; }
.t3-icon-pictoChambreDHotes { width: 32px; background-position: -174px -2px !important; }
.t3-icon-pictoHotels { width: 28px; background-position: -218px -2px !important; }

.t3-icon-pictoRandonnee { width: 33px; background-position: -261px -2px !important; }
.t3-icon-pictoSki { width: 46px; background-position: -305px -2px !important; }
.t3-icon-pictoBateau { width: 40px; background-position: -350px -2px !important; }
.t3-icon-pictoVelo { width: 40px; background-position: -392px -2px !important; }
.t3-icon-pictoCampingCar { width: 40px; background-position: -437px -2px !important; }
.t3-icon-pictoRoulotte { width: 40px; background-position: -481px -2px !important; }

.t3-icon-pictoFestivites { width: 40px; background-position: -525px -2px !important; }
.t3-icon-pictoFerme { width: 40px; background-position: -568px -2px !important; }
.t3-icon-pictoBienEtre { width: 44px; background-position: -613px -2px !important; }
.t3-icon-pictoPeche { width: 40px; background-position: -656px -2px !important; }
.t3-icon-pictoMultiAct { width: 46px; background-position: -699px -2px !important; }
.t3-icon-pictoGastronomie { width: 35px; background-position: -744px -2px !important; }
.t3-icon-pictoLoisirsCrea { width: 40px; background-position: -787px -2px !important; }

.t3-icon-pictoExcursions { width: 40px; background-position: -831px -2px !important; }
.t3-icon-pictoGroupes { width: 40px; background-position: -875px -2px !important; }

.t3-icon-pictoCongres { width: 46px; background-position: -919px -2px !important; }




.t3-icon-pictoGitesBlanc { width: 30px; background-position: 0px -36px !important; }
.t3-icon-pictoChaletsBlanc { width: 36px; background-position: -42px -36px !important; }
.t3-icon-pictoInsoliteBlanc { width: 35px; background-position: -86px -36px !important; }
.t3-icon-pictoChateauxBlanc { width: 35px; background-position: -130px -36px !important; }
.t3-icon-pictoChambreDHotesBlanc { width: 32px; background-position: -174px -36px !important; }
.t3-icon-pictoHotelsBlanc { width: 28px; background-position: -218px -36px !important; }

.t3-icon-pictoRandonneeBlanc { width: 33px; background-position: -261px -36px !important; }
.t3-icon-pictoSkiBlanc { width: 46px; background-position: -305px -36px !important; }
.t3-icon-pictoBateauBlanc { width: 40px; background-position: -350px -36px !important; }
.t3-icon-pictoVeloBlanc { width: 40px; background-position: -392px -36px !important; }
.t3-icon-pictoCampingCarBlanc { width: 40px; background-position: -437px -36px !important; }
.t3-icon-pictoRoulotteBlanc { width: 40px; background-position: -481px -36px !important; }

.t3-icon-pictoFestivitesBlanc { width: 40px; background-position: -525px -36px !important; }
.t3-icon-pictoFermeBlanc { width: 40px; background-position: -568px -36px !important; }
.t3-icon-pictoBienEtreBlanc { width: 44px; background-position: -613px -36px !important; }
.t3-icon-pictoPecheBlanc { width: 40px; background-position: -656px -36px !important; }
.t3-icon-pictoMultiActBlanc { width: 46px; background-position: -699px -36px !important; }
.t3-icon-pictoGastronomieBlanc { width: 35px; background-position: -744px -36px !important; }
.t3-icon-pictoLoisirsCreaBlanc { width: 40px; background-position: -787px -36px !important; }

.t3-icon-pictoExcursionsBlanc { width: 40px; background-position: -831px -36px !important; }
.t3-icon-pictoGroupesBlanc { width: 40px; background-position: -875px -36px !important; }

.t3-icon-pictoCongresBlanc { width: 46px; background-position: -919px -36px !important; }



div#contenu div#mentionsTop {
	position: relative;
	width: 950px;
	height: 56px;
	margin: 114px 20px 0 20px;
    overflow: hidden;
    border: 0px;
    border-top: 1px solid #0E7431;
    border-bottom: 1px solid #0E7431;
}


div#contenu div#zonePrincipale {
	position: relative;
	width: 950px;
	margin: 14px 20px 0 20px;
    border: 0px;
}
div#contenu div#zonePrincipale div#colGauche {
	position: relative;
	float: left;
	width: 632px;
}
div#contenu div#zonePrincipale div#colDroite {
	position: relative;
	float: right;
	width: 302px;
}



div.motorSearch {
	position: relative;
	width: 302px;
	height: 25px;
	margin: 0 0 7px 0;
	overflow: hidden;
}
div.resaExpress {
	display:none;
	position: relative;
	width: 302px;
	height: 440px;
	margin: 0 0 7px 0;
	overflow: hidden;
	background-color: #ea650a;
}

