/*
Description: Studio Graphique DaVista.
Version: 0.1
Author: Remi BERAIL
 
*/


/*********************
******corps de la page web **
*********************/

html, body {
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;
margin:0;
padding:0;
height: 100%;
width: 100%;
background-color:#f4edbd;
}
#contenu {
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;

width: 100%;
}




/*********************
****** HEADER *******
*********************/

#header {
width:100%;
height:250px;	
background-image:url(./images/headerBG.jpg);
} 
#banniere {
width:950px;
height:300px;
margin:0 auto 0 auto;	
background-image:url(./images/header.jpg);
font-family: Times, Helvetica, Sans-serif;
font-size:1.5em;
font-style:italic;
line-height:340px;
color:#f4edbd;
} 
.textheadG{
margin-left:250px;



}
.textheadD{
margin-left:125px;
}

/*********************
****** MENU *******
*********************/

#menu {
width:900px;
margin:-100px auto 0 auto;	
font-family: Times, Helvetica, Sans-serif;
font-size:1.5em;
text-align:center;
font-style:italic;
}

ul#menu_horizontal li a:hover { 
text-decoration:underline;
}

ul#menu_horizontal li,ul#menu_horizontal li a { 
display : inline;
text-decoration:none;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
color:#600;
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

#lang {
margin-left:840px;
margin-top:-330px;
width: 75px;
height: 25px;


}
.fr {
width: 25px;
height: 25px;
background-image: url(http://www.gites-carcassonne.fr/images/gite-fr.png);
background-repeat: no-repeat;
background-color: transparent;
float:left;

}
.fr a {
display: block;
width: 100%;
height: 100%;
background-image : url(http://www.gites-carcassonne.fr/images/gite-fr.png);
background-repeat: no-repeat;
background-position:top left;
}
.fr a:hover { 
background-image : url(http://www.gites-carcassonne.fr/images/gite-fr.png);
background-repeat: no-repeat;
background-position:bottom left;
}

.en {
width: 25px;
height: 25px;
background-image: url(http://www.gites-carcassonne.fr/images/gite-en.png);
background-repeat: no-repeat;
background-color: transparent;
float:left;
}
.en a {
display: block;
width: 100%;
height: 100%;
background-image : url(http://www.gites-carcassonne.fr/images/gite-en.png);
background-repeat: no-repeat;
background-position:top left;
}
.en a:hover { 
margin-top:-1px;
background-image : url(http://www.gites-carcassonne.fr/images/gite-en.png);
background-repeat: no-repeat;
background-position:bottom left;
}

.es {
width: 25px;
height: 25px;
background-image: url(http://www.gites-carcassonne.fr/images/gite-es.png);
background-repeat: no-repeat;
background-color: transparent;
float:left;
}
.es a {
display: block;
width: 100%;
height: 100%;
background-image : url(http://www.gites-carcassonne.fr/images/gite-es.png);
background-repeat: no-repeat;
background-position:top left;
}
.es a:hover { 
margin-top:-1px;
background-image : url(http://www.gites-carcassonne.fr/images/gite-es.png);
background-repeat: no-repeat;
background-position:bottom left;
}
/*********************
****** CONTENT *******
*********************/
#content{
position:relative;
width:100%;
height:100%;
min-height:120px;
z-index:10;
}

#gites{
width:898px;
height:160px;
margin:0 auto 0 auto;


}
.nav{
width:190px;
height:160px;
margin-left:83px;
background-image:url(./images/navigation.jpg);
background-repeat:no-repeat;
}
#olea{
width:190px;
height:120px;
float:left;
}
#olea a{
position:absolute;
width:152px;
height:95px;
margin-top:12px;
margin-left:18px;
text-decoration:none;
background-image:url(./images/menuOlea.jpg);
background-position:top;
}

#olea h1{
margin-top:115px;
margin-left:90px;
font-family: Times, Helvetica, Sans-serif;
font-size:2.5em;
font-style:italic;
font-weight:normal;
color:#464646;
}
#olea a:hover,#olea a:hover h1{
color:#464646;
background-position:bottom;
}
#palmae{
width:190px;
height:120px;

float:left;
}
#palmae a{
position:absolute;
width:152px;
height:94px;
margin-top:12px;
margin-left:18px;
text-decoration:none;
background-image:url(./images/menuPalmae2.jpg);
background-position:top;
}

#palmae h1{
margin-top:115px;
margin-left:40px;
font-family: Times, Helvetica, Sans-serif;
font-size:2.5em;
font-style:italic;
font-weight:normal;
color:#464646;
}
#palmae a:hover,#palmae a:hover h1{
color:#464646;
background-position:bottom;
}
#vitis{
width:190px;
height:120px;
float:left;
}
#vitis a{
position:absolute;
width:152px;
height:94px;
margin-top:12px;
margin-left:18px;
text-decoration:none;
background-image:url(./images/menuVitis.jpg);
background-position:top;
}

#vitis h1{
margin-top:115px;
margin-left:97px;
font-family: Times, Helvetica, Sans-serif;
font-size:2.5em;
font-style:italic;
font-weight:normal;
color:#464646;
}
#vitis a:hover,#vitis a:hover h1{
color:#464646;
background-position:bottom;
}


/*********************
****** FOOTER *******
*********************/

#footer {
position:absolute;
bottom:0;
width:100%;
height:256px;	
clear:both;
} 
#cite{
width:100%;
height:110px;
}
#textvisu{
width:100%;
height:120px;
text-align:center;
}
#signature{
width:100%;
height:25px;
background-image:url(./images/footerBG.jpg);
}
#textfooter{
font-family: Arial, Helvetica, Sans-serif;
font-size:0.6em;

font-weight:normal;
line-height:25px;
text-align:center;
color:#eee;
}
#signature a{
color:#eee;
text-decoration:none;
}
#signature a:hover{
color:#eee;
text-decoration:underline;
}
#export{
width:400px;
margin-top:-55px;
margin-left:810px;
padding-right:10px;
font-family: Times, Helvetica, Sans-serif;
font-size:2em;
font-style:italic;
font-weight:normal;
text-align:right;

}
#export a{
color:#660000;
text-decoration:none;
}
#export a:hover{
color:#660000;
text-decoration:underline;
}




/*modifref*/
/*masquer les textes pour le ref*/
body {background:transparent url(http://www.gites-carcassonne.fr/images/fondcontenu.jpg) no-repeat 50% 80%;}
#contenu h1.masque {visibility:hidden;font-size:.3em;font-weight:normal;}