/* Gite 31 - version 2.0 */
/* design: +nicolab */
/* Dataxy 2010 */


/* FONT */

@font-face {
font-family: 'marketing';
src: url('font/Marketing.eot'); /* IE */
   
src: local('marketing'),
url('font/Marketing.ttf') format('truetype'); /* FF */
}

@font-face {
font-family: 'oswald';
src: url('font/oswald.eot'); /* IE */
   
src: local('oswald'),
url('font/oswald.ttf') format('truetype'); /* FF */
}


/* GENERAL */

*{
margin: 0px;
}
html{
padding-bottom: 15px;
}

body{
background: #5e4e37;
font: normal 13pt arial, helvetica, sans-serif;
color: #fff;
}

a{
color: #b74;/*C1*/
text-decoration: none;
outline: none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
a:hover{
color: #dba;/*C2*/
text-decoration: none;
}

::-moz-selection {
background: #c85;
color:#fff;
}
::selection {
background: #c85;
color:#fff;
}

input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica, sans-serif;
border: none !important;
background: #fff !important;
padding: 2px;
color: #312;
position: relative;
z-index: 10;
cursor: text;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox]{
font-family: arial, helvetica, sans-serif;
border: none !important;
background: none !important;
outline: none !important;
text-transform: uppercase;
color: #b74;/*C1*/
cursor: pointer;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #dba;/*C2*/
}

ul{
padding-left: 0px;
list-style: none;
}
table{
background: none;
}
img{
border: none;
}
h1,
h2,
h3{
font-weight: normal;
}

a h2{
cursor: default !important;
}


/* TITRE HAUT */

#barre_titre{
background: url(images/logo.png) no-repeat 27px 15px;
height: 125px;
}
#barre_titre a{
display: block;
background: grey;
width: 210px;
height: 120px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}



/* MENU HORIZONTAL */

/*menu fixe*/

#barre_onglets{
width: 100%;
height: 28px;
background: #fff;
position: fixed;
bottom: 0px;
z-index: 100;
}

#barre_onglets a{
display: block;
width: 120px;
height: 22px;
margin-left: -1px;
padding: 6px 10px 0px 10px;
border-left: 1px solid #523;
border-right: 1px solid #523;
font-size: 11pt;
text-transform: uppercase;
color: #523;
float: left;
}
#barre_onglets a:hover{
border-left: 1px solid #c62;
color: #c62;
}


/* ZONE 2 */

#colonne_blocs h2{
display: none;
}
.gitedefrance{
display: block;
background: url(images/gitesdefrance.png);
position: fixed;
right: 5px;
top: 5px;
width: 96px;
height: 48px;
}
.gitedefrance a{
display: block;
background: red;
width: 96px;
height: 48px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}

/*googlemaps*/
.maps{
background: #fff url(images/geo.gif) no-repeat 7px 10px;
position: fixed;
right: 5px;
top: 50%;
width: 24px;
height: 210px;
margin-top: -105px;
z-index: 100;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition-property: width;
-webkit-transition-duration: 0.3s;
-moz-transition-property: width;
-moz-transition-duration: 0.3s;
transition-property: width;
transition-duration: 0.3s;
}
.maps p{
display: none;
}
.maps > div{
visibility: hidden;
width: 0px;
}
#map_canvas_obj{
width: 700px !important;
height: 450px !important;
}

.maps:hover{
top: 50%;
width: 700px;
height: 450px;
margin-top: -225px;
padding: 10px 10px 10px 24px;
background-position: 7px -13px;
}
.maps:hover div{
visibility: visible;
}

/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11{
width: 950px;
padding-top: 10px;
}

.titres_haut{
display: none;
}
.titres_bas,
.titres_haut a,
.titres_bas a,
.pages {
display: none;
}


/* VISIONNEUSE (img fond) */

#angle{
background: url(images/trame.png);
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: -9;
}

#fond-slidervisio1,
#fond-slidervisio2,
#fond-slidervisio3{
position: fixed;
left: 0px;
top: 0px;
z-index: -10;
}

.description img{
position: fixed;
width: 100% !important;
height: auto !important;
}

#titre-slidervisio1,
#titre-slidervisio2,
#titre-slidervisio3,
.description h2,
.underline,
.description i,
.description a{
display: none;
}



/* ARTICLES */

.fen{
background: url(images/transparent.png);
position: relative;
z-index: 2;
width: 900px;
margin: 7px 0px 7px 0px;
padding: 20px 25px 25px 25px;
text-align: justify;
float: left;

-width: 740px;
}
.fen h2{
background: url(images/deco.png) no-repeat bottom;
height: 50px;
font: 22pt oswald, arial, helvetica, sans serif;
text-transform: uppercase;
margin-bottom: 10px;
}


/* ARTICLES SPECIAUX */

/*message accueil*/
.fen357703{
background: url(images/bulle1.png) no-repeat;
position: fixed;
bottom: 24px;
left: 0px;
width: 230px;
height: 180px;
padding: 60px 60px 0px 25px;
font-size: 12pt;
color: #fff;
text-shadow: 0px 0px 3px #400;
}
.fen357703 h2{
display: none;
}

/*promo*/
.fen357704{
background: url(images/bulle2.png) no-repeat;
position: fixed;
bottom: 55px;
left: 280px;
width: 190px;
height: 160px;
padding-top: 30px;
color: #fff;
text-align: center;
font-size: 38pt;
font-style: italic;
text-shadow: 0px 0px 6px #630;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
transition-property: height;
transition-duration: 0.3s;
}
.fen357704:hover{
height: 170px;
}

.fen357704 h2{
font: 18pt marketing, arial, helvetica, sans serif;
margin-bottom: 3px;
}
.fen357704 span{
font-size: 10pt;
line-height: 2pt;
}
.fen357704 p a{
display: block;
width: 190px;
height: 55px;
margin-top: -110px;
padding-top: 130px;
color: #fff;
font-size: 10pt;
font-style: normal;
text-transform: uppercase;
position: relative;
z-index: 200;
}

/*tableau tarifs*/
#tarifs{
border: 4px double #fff;
border-collapse: collapse;
color: #fff;
}
#tarifs td{
border: 1px solid #fff;
padding: 10px;
background: #b74;
}

#tarifs td:nth-child(2n+1){
background: #c85;
}


/* GENERAL ARTICLE */

/*date*/
.infos{
display: none;
}

/*comentaires*/
.liens{
display: none;
}
.comments{
padding: 10px 0px 0px 0px;
}
.comments h3{
}
.comments ul li{
margin-bottom: 15px;
}
.comments ul li,
.comments ul li em{
border-color: #ccc;/*C*/
}

/*visionneuse photo*/
.fen table{
margin: 5px 15px 0px 0px !important;

-margin: 5px 0px 0px 0px !important;
}

.fen table a{
cursor: default !important;
}
.fen table img{
border: none;
}

.apercus_photos{

}
.apercus_photos a img{
width: auto;
height: 40px;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter : alpha(opacity=50);
}
.apercus_photos a:hover img{
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter : alpha(opacity=100);
}

.commentaire_photo{
text-align: center;
font-style: italic;
font-size: 9pt;
}

/*video*/
.musicarticle{
margin-bottom: 15px;
}


/* FORMULAIRE */

select.erreur,
input.erreur ,
textarea.erreur{
background: #fbb !important;
}
select.default,
input.default ,
textarea.default{
background: #fff !important;
}
select.valide,
input.valide ,
textarea.valide{
background: #fff !important;
}

label.erreur {
color: #fbb !important;
}

tr.erreur{
background: #fbb !important;
}


/* CONTACT */

#formulaire_contact input[type=text] {
width: 250px;
}
#message {
width: 741px !important;
height: 200px;
}

#btn_ok{
margin-top: 20px;
margin-left: -10px;
}

#wait{
font-size: 9pt;
}


/*FOOTER*/

.referencement {
position: fixed;
bottom: 5px;
right: 5px;
display: block;
visibility: visible;
text-align: right;
z-index: 200;
color: #ccc;
}
.referencement a {
font-size: 8pt;
color: #ccc;
}
.referencement a:hover{
color: #f62;
}


/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#page h1{
display: none;
}
p.espace_article{
display:none;
}
#main_full h3{
visibility: visible;
}
.end_zone{
display: none !important;
}

/*VERSION MOBILE*/

@media(max-width:800px){

#contenu{
background: none;
width: 320px;
}
	

/*menu fixe*/

#barre_onglets{/*
width: 100%;
margin-left: 30px;
background: #fff;
position: fixed;
bottom: 0px;
z-index: 100; 
*/
}
/* ////	379 */
#barre_onglets{
width: 320px;
height: 108px;
background: #fff;
margin-top: 0px;
border-radius: 4px 4px 4px 4px;
position: relative;
z-index: 4;
box-shadow: 0px 2px 2px rgba(0,0,0,.2);
}

#barre_onglets a{
/*
display: block;
width: 120px;
height: 22px;
margin-left: -1px;
padding: 6px 10px 0px 10px;
border-left: 1px solid #523;
border-right: 1px solid #523;
font-size: 11pt;
text-transform: uppercase;
color: #523;
float: left;
*/
}
/*////	379*/
#barre_onglets a{
float: left;
display: block;
height: 18px;
padding: 5px 5px 0px 5px;
font: 12pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
border-right: 1px solid rgba(255,255,255,.1);
color: #523;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
transition-property: opacity;
transition-duration: 0.3s;
}

/*////	379*/
#barre_onglets a:hover{
opacity: 0.7;
border-left: 1px solid #c62;
color: #c62;
}

#barre_onglets a:hover{
/*
color: #fff;
opacity: 0.7;
*/
}
	////
	
#barre_onglets_der {
    width: 320px;
    height: 210px;
    padding-top: 10px;
    position: relative;
    top: 15px;
}
#barre_onglets_der{
/*
width: 980px;
height: 40px;
background: #5ad;
margin-top: -5px;
border-radius: 4px 4px 0px 0px;
position: relative;
z-index: 4;
box-shadow: 0px 2px 2px rgba(0,0,0,.2);
*/
}	

/*googlemaps*/
.maps{
background: #fff url(images/geo.gif) no-repeat 7px 10px;
position: fixed;
right: 5px;
top: 50%;
width: 24px;
height: 210px;
margin-top: -105px;
z-index: 100;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition-property: width;
-webkit-transition-duration: 0.3s;
-moz-transition-property: width;
-moz-transition-duration: 0.3s;
transition-property: width;
transition-duration: 0.3s;
visibility: hidden;
}
.maps p{
display: none;
}
.maps > div{
visibility: hidden;
width: 0px;
}
#map_canvas_obj{
width: 700px !important;
height: 450px !important;
}

.maps:hover{
top: 50%;
width: 700px;
height: 450px;
margin-top: -225px;
padding: 10px 10px 10px 24px;
background-position: 7px -13px;
}
.maps:hover div{
visibility: visible;
}

	
}