@charset "UTF-8";
/* CSS Document */
body {
margin:0px;
background-color:#092a3d;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#444444;
height:100%;
}
img{border:none;border:0;outline:0;}
td{padding:0;}
a{outline:0;}
:focus {
outline: 0;
}

/*----------------------------------------------HEADER*/
#header_wrap{
background-image:url(images/bg_header.jpg);
background-repeat:repeat-x;
height:117px;
width:100%;
}
#header{
background-image:url(images/header.jpg);
margin-left:auto;
margin-right:auto;
height:116px;
width:848px;
text-align:left;
color:#607c8a;
font-size:14px;
}
#header a{
color:#607c8a;
text-decoration:none;
outline:0;
outline:none;
display:block;
height:33px;
}
#header a:hover{
color:#FFFFFF;
text-decoration:none;
outline:none;
display:block;
height:33px;
}
#header a#active_menu{
color:#FFFFFF;
text-decoration:none;
outline:0;
outline:none;
display:block;
height:33px;
}
#logo{
float:left;
height:116px;
width:248;
}
#menu1{
float:left;
margin-left:60px;
padding-top:43px;
width:120px;
}
#menu2{
float:left;
padding-top:43px;
width:160px;
}
#menu3{
float:left;
padding-top:43px;
width:150px;
}
.titre{
background-image:url(images/picto_mouette.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:26px;
color:#0a425d;
display:block;
padding-left:30px;
margin:0;
}
#viewer{
text-align:center;
width:800px;
outline-color:#fbfaf6;
}
#viewer a{
color:#5e5e5a;
text-decoration:none;
outline-color:#fbfaf6;
}
#viewer a:hover{
color:#5e5e5a;
text-decoration:underline;
}
#FlashID{
outline-color:#fbfaf6;
}
/*----------------------------------------------CONTENT*/
#content_wrap{
background-color:#dedfd1;
width:100%;
}
#content{
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
width:848px;
text-align:left;
}
/*----------------------------------------------------------------------ACCUEIL*/
#accueil_biganim{
padding-top:10px;
outline-color:#fbfaf6;
}
#accueil_texte_minianim{
width:848px;
height:280px;
}
#accueil_texte{
color:#444444;
font-family:Tahoma, Geneva, sans-serif;
text-align:justify;
width:390px;
height:264px;
float:left;
padding:0 20px;
}
#accueil_minianim{
width:380px;
height:264px;
float:left;
padding-left:18px;
}
.logo_accueil{
font-weight:bold;
text-align:center;
margin-bottom:15px;
}
/*----------------------------------------------------------------------INFORMATIONS*/
#informations_main{
background-image:url(images/bg_content1.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:720px;
width:848px;
text-align:left;
}
#informations_informations{
padding:60px 48px 0 30px;;
width:770px;
height:280px;
}
#informations_tableau{
padding:10px 0 0 15px;
}
#informations_texte{
color:#7a7a7a;
float:left;
width:430px;
height:280px;
}
#informations_photo{
float:left;
width:340px;
height:280px;
}
#informations_localisation{
padding:30px 48px 0 30px;;
width:770px;
height:314px;
}
.localisation_texte{
color:#7A7A7A;
line-height:16px;
}
#informations_carte{
float:left;
padding-left:15px;
width:375px;
height:314px;
}
#informations_localisation_texte{
background-image:url(images/big_a_filigrane.jpg);
background-repeat:no-repeat;
float:left;
width:370px;
height:314px;
padding-left:10px
}
#informations_localisation_texte a{
color:#036;
text-decoration:none;
}
#informations_localisation_texte a :hover{
color:#036;
text-decoration:underline;
}
.informations_soustitre{
color:#444444;
font-size:14px;
}
/*----------------------------------------------------------------------ACHAT*/
#informations_main{
background-image:url(images/bg_content1.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:720px;
width:848px;
text-align:left;
}
#achat_achat{
padding:60px 48px 0 30px;;
width:770px;
height:330px;
}
#informations_tableau{
padding:10px 0 0 15px;
}
#achat_texte{
color:#7a7a7a;
float:left;
width:430px;
height:330px;
}
#achat_photo{
float:left;
width:340px;
height:330px;
}
#achat_localisation{
padding:0px 48px 0 30px;;
width:770px;
height:250px;
}
.localisation_texte{
color:#7A7A7A;
line-height:16px;
}
#achat_carte{
float:left;
padding-left:15px;
width:375px;
height:250px;
}
#achat_localisation_texte{
float:left;
width:370px;
height:250px;
padding-left:10px
}
#achat_localisation_texte a{
color:#036;
text-decoration:none;
}
#achat_localisation_texte a :hover{
color:#036;
text-decoration:underline;
}
.achat_soustitre{
color:#444444;
font-size:14px;
}
/*----------------------------------------------------------------------TARIFS & DISPONIBILITES*/
#tarifs_main{
background-image:url(images/bg_content2.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:660px;
width:788px;
text-align:left;
padding:60px 30px 0 30px;
}
#tarifs{
float:left;
padding:0 0 0 30px;
width:320px;
height:600px;
}
#disponibilites{
float:left;
padding:0 0 0 30px;
width:370px;
height:600px;
}
.tarifs_titre{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#0a425d;
margin:0;
padding-top:40px;
}
.tarifs_main_texte{
color:#7A7A7A;
text-align:justify;
}
.tarifs_main_soustitre{
color:#444444;
font-size:14px;
}
#tarifs_main td{
border:solid 1px;
padding:3px;
border-color:#FFF;
}
/*----------------------------------------------------------------------VISITEZ L'ILE*/
#visitez_lile_main{
background-image:url(images/bg_content3.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:850px;
width:788px;
text-align:justify;
padding:60px 30px 0 30px;
font-size:13px;
}
#viewer1{
text-align:center;
width:848px;
height:350px;
}
#dépaysement{
padding:0 0 0 30px;
width:730px;
height:200px;
}
#culture{
padding:0 0 0 30px;
width:730px;
height:200px;
}
.visitez_lile_titre{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#0a425d;
margin:0;}
/*----------------------------------------------------------------------VISITEZ LES MAISONS*/
#visitez_lesmaisons{
background-image:url(images/bg_content1.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:660px;
width:788px;
text-align:justify;
padding:60px 30px 0 30px;
font-size:13px;
}
.titre_maison{
background-image:url(images/bg_titre_maison.jpg);
background-repeat:no-repeat;
height:25px;
font-size:14px;
padding:18px 0 0 20px;
margin-left:20px;
}
.maisons_texte{
display:block;
color:#7a7a7a;
width:730px;
padding-left:30px;
text-align:justify;
}
/*----------------------------------------------------------------------CONTACT*/
#contact_main{
background-image:url(images/bg_content1.jpg);
background-repeat:no-repeat;
background-color:#dedfd1;
margin-left:auto;
margin-right:auto;
height:720px;
width:848px;
text-align:left;
}
#contact_contact{
padding:60px 48px 0 30px;;
width:770px;
height:280px;
}
#contact_texte{
color:#7a7a7a;
float:left;
width:400px;
height:280px;
text-align:center;
}
#contact_liens {
clear:both;
height:200px;
padding:50px 0 0 0;
text-align:left;
width:700px;
margin-left:auto;
margin-right:auto;
}
.contact_infos{
display:block;
width:370px;
padding-left:30px;
}
#contact_main a {
color:#7A7A7A;
text-decoration:underline;
}
#contact_main a:hover {
color:#444444;
text-decoration:underline;
}
#contact_photo {
float:left;
height:240px;
padding-top:40px;
width:350px;
}
/*----------------------------------------------FOOTER*/
#footer_wrap{
background-image:url(images/bg_footer.jpg);
height:163px;
width:100%;
}
#footer{
font-size:11px;
color:#638090;
margin-left:auto;
margin-right:auto;
height:20px;
width:848px;
text-align:left;
padding-top:5px;
}
.mentions1 {color:#638090;display:block;float:left;width:660px;}
.mentions2 {color:#638090;display:block;float:left;width:188px;text-align:right;}
.mentions1 a{color:#638090;text-decoration:underline;}
.mentions2 a{color:#638090;text-decoration:underline;}
.mentions1 a:hover{color:#ffffff;text-decoration:underline;}
.mentions2 a:hover{color:#ffffff;text-decoration:underline;}
#liens{
padding-top:45px;
margin-left:auto;
margin-right:auto;
width:848px;
text-align:left;
}
#liens a{
color:#375568;
}
#liens a:hover{
color:#9eaab2;
}
#lienstexte{
color:#9eaab2;
font-size:9px;
line-height:17px;
}
.mentions{display:block;
color:#7a7a7a;
width:730px;
padding-left:30px;
text-align:justify;}