@charset "iso-8859-1";
/* CSS Document */
*
{
margin:0;
padding:0
}
body
{
margin:auto;
text-align:center;
background-color:blue;
}
#page1
{
margin:auto;
text-align:center;
width:1000px;
height:100%;
/* overflow:hidden;*/
}

#page2
{
display:none;
background-color:yellow;
width:1000px;
height:100%;
margin:auto;
text-align:center;
}
#div_quatrevingt
{
 text-align:center;
 margin:auto;
 margin-top:5px;
/* height:80%;*/
height:470px;
overflow:hidden;
}
#div_gauche
{
float:left;
text-align:center;
margin:auto;
margin-top:2px;
width:49%;
height:98%;
overflow:hidden;
background-color:#afa;

background-image:url("net/imagran/maisonsud300pix.jpg");
background-repeat:no-repeat;
background-position : center  160px;
}
#div_gauche_cle
{
margin:auto;
width:50px;height:80px;
background-image:url("http://www.clevacances.com/img/3_cle.gif");
background-repeat:no-repeat;
background-position:center 00 00;
margin-top:-402px;
/*margin-left:50px!important;margin-left:200px;*/
margin-left:430px!important;margin-left:400px;
border:0px solid gray;
}

#div_droite_cle
{
margin:auto;
width:50px;height:80px;
background-image:url("http://www.clevacances.com/img/2_cle.gif");
background-repeat:no-repeat;
background-position:center 00 00;
margin-top:-402px;
/*margin-left:50px!important;margin-left:200px;*/
margin-left:430px!important;margin-left:400px;
border:0px solid gray;
} 

#div_droite
{
float:right;
margin-top:2px;
background-color:pink;
width:49%;
height:98%;
overflow:hidden;
/*background-image:url("trestel/imag/photo/100_2681_300.jpg");*/
background-image:url("trestel/imag/photo/morgan2_300.jpg");
background-repeat:no-repeat;
background-position : center  160px;
}

.textehaut {
  width:310px;
  border: 1px solid;
  FONT-WEIGHT:bolder ;
  FONT-STYLE: italic; 
  FONT-SIZE: 9pt; 
  margin:auto;text-align:center;
  margin-top:5px;
   VERTICAL-ALIGN: middle; 
   COLOR: white;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
   BACKGROUND-COLOR: purple;
   TEXT-ALIGN: center
   
}
.grostitre{
  text-align:center;
  margin:auto;
  margin-top:5px;
  width:300px;
  padding:5px;
  border: 1px solid white;
  FONT-WEIGHT: bolder ;
  FONT-STYLE: italic; 
  FONT-SIZE: 18pt;

   COLOR: white;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
   BACKGROUND-COLOR: navy;
}  

.moyentitre {
  text-align:center;
  margin:auto;
  margin-top:5px;
  width:300px;
  padding:10px;
  border: 1px solid white;
  FONT-WEIGHT: bolder; 
  FONT-STYLE: italic; 
  FONT-SIZE: 12pt; 
   VERTICAL-ALIGN: middle;  
   COLOR: white;  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
   BACKGROUND-COLOR: navy;
    
}
.choixpays {
  FONT-WEIGHT: normal ;FONT-STYLE: bold; FONT-SIZE: 14pt; 
  MARGIN: 1px; VERTICAL-ALIGN: middle; solid; COLOR: Black;  
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
   BACKGROUND-COLOR: cyan; TEXT-ALIGN: center;
  width:300px;height: 80px;
  text-align:center;margin:auto;
 /* margin-top:180px; */
 margin-top:220px;

}
.choixpays input
{
 FONT-WEIGHT: bolder; 
 FONT-SIZE: 12pt; MARGIN: 2px; VERTICAL-ALIGN: middle; 
 BORDER: white 2px solid; 
 WIDTH: 250px;HEIGHT: 30px; 
 COLOR: white; 
 FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
 BACKGROUND-COLOR: navy; TEXT-ALIGN: center;
}
.choixpays Input:hover
{
 background-color: white;
 border:#d25535 5px solid;
 color:navy; 
 font-style:14px;
}
.choixpays li
{
 margin-top:3px;margin-bottom:0px;
 margin-left:50px;
 list-style-type:none;
 font-style: bold; font-size: 8pt;  
 Color: white;  
 FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
  text-align:center;
}
.choixpays a
{
 margin:10px;
 vertical-align:top;
 margin-top:10px;
 color:black;
vertical-align: top;
}
.choixpays img
{
 vertical-align:bottom; 
}

#div_bas
{
margin:0px;
width:1000px;
height:70px;

vertical-align:middle;
 background-color: magenta;
 FONT-WEIGHT: normal ; FONT-SIZE: 8pt;
 MARGIN: 0px; 
 FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
 TEXT-ALIGN: center;margin:auto;


}

#div_toutbas
{
text-align=center;
width:1000px;
height:15px;
}


#div_toutbas_gauche
{
 float:left;
 margin-left:10px;
 margin-top:-0px;

}
#div_toutbas_droite
{
  float:right;
  margin-top:10px;
  margin-right:5px;
  font-weight:bolder;
  font-style: bold;
  font-size: 8pt;
  color:white;
}

#div_clevacances
{ 
 position:absolute;
 text-align:center;
 margin:auto;
 top:220px!important;top:250px;
 margin-left:0px!important;margin-left:-50%;
 border:0px solid red;
 width:1000px;
 z-index:10;
 /*overflow:display;*/
}
#div_clevacances img
{
 text-align:center;
 margin:auto;
 border:1px solid navy;
 width:196px;
 background-color:white;
}
#div_cheq
{ 
 position:absolute;
 text-align:center;
 margin:auto;
 top:320px!important;top:350px;
 margin-left:0px!important;margin-left:-50%;
 border:0px solid red;
 width:1000px;
 z-index:10;
 /*overflow:display;*/
}
#div_cheq img
{
 text-align:center;
 margin:auto;
 border:1px solid navy;
 width:50px;
 background-color:white;
}