/*--------Pages intérieures-----------------*/




body#body_residence
{

background: url("http://www.les-sources-saint-remy.com/picture/residence.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_studios
{

background: url("http://www.les-sources-saint-remy.com/picture/studios.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_tarifs
{

background: url("http://www.les-sources-saint-remy.com/picture/tarifs.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_loisirs
{

background: url("http://www.les-sources-saint-remy.com/picture/loisirs.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_acces
{

background: url("http://www.les-sources-saint-remy.com/picture/acces.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_contact
{

background: url("http://www.les-sources-saint-remy.com/picture/contact.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
}

body#body_galerie
{

background: url("http://www.les-sources-saint-remy.com/picture/galerie.jpg") no-repeat center top;
background-attachment:fixed;
margin-top:0;
background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
text-align:center;
}

body#body_construction
{

background-color:#666666;
font-size:12px;
font-family: "Copperplate gothik light",Arial,serif;
line-height:20px;
text-align:center;
}
/*-----------------------Blocs------------------------*/

#conteneur_inside
{
width:920px;
margin-top:0;
margin:auto;
line-height:18px;
background-color:#777777;
}


#deco_haut
{
width:920px;
height:25px;
background-color:white;
margin:auto;
text-align:center;
margin:auto;
}

#logo
{
width:920px;
height:100px;
background-color:#999999;
margin:auto;
margin-bottom:20px;
text-align:center;
}


#nav_inside/*----Positionnement du menu-----*/
{
text-align:center;
height:25px;
width:920px;
margin-top:10px;
margin:auto;
margin-left:20px;
margin-bottom:30px;
}



#centre
{
width:775px;
height:800px;
color:white;
font-size:14px;
text-align:justify;
margin-top:15px;
padding-right:15px;
padding-left:190px
line-height:20px;
background-color:#777777;
margin:auto;
}


#centre_residence
{
width:775px;
height:550px;
color:white;
font-size:14px;
text-align:justify;
margin-top:15px;
padding-right:15px;
padding-left:190px
line-height:20px;
background-color:#777777;
margin:auto;
}



#centre_access
{
width:775px;
height:1200px;
color:white;
font-size:14px;
text-align:justify;
margin-top:15px;
padding-right:15px;
padding-left:190px
line-height:20px;
background-color:#777777;
margin:auto;
}

#centre_studios
{
width:775px;
height:800px;
color:white;
font-size:14px;
text-align:justify;
margin-top:15px;
padding-right:15px;
padding-left:190px
line-height:20px;
background-color:#777777;
margin:auto;
}



#centre_prices
{
width:775px;
height:1100px;
color:white;
font-size:14px;
text-align:justify;
padding-right:15px;
background-color:#777777;
margin:auto;
}

#footer
{
width:920px;
margin:auto;
height:20px;
text-align:center;
color:black;
background-color:white;
margin-top:0px;
}
/*---------------------Menu central-----------------------*/
#menu_inside
{
margin-left:auto;
margin-right:auto;
display:block;
height:15px;
margin-top:0;

}

ul#menu_inside
{
margin:0;
margin-bottom:0px;
padding:0;
font:bold 10px Arial, Times, serif;
list-style-type:none;
padding-top:5px;
}

#menu_inside a
{
display:block;
width:145px;
color:white;
margin:0px;
text-decoration:none;
text-align:center;
background-color:#666666;
height:35px;
padding-top:19px;
padding-bottom:8px;
font-size:14px;
}

#menu_inside a:hover, #menu_inside a:focus
{
color:#333333;
background-color:white;
}

#menu_inside li 
{
float:left;
width:145px;
margin-right:3px;
margin-bottom:2px;
}



ul
{
margin:auto;
padding:0;
font: bold 11px Georgia, Times, serif;
list-style-type:none;
}

.menu td
{
line-height:0px;
font-size:14px;
vertical-align:center;
color:white;
}


td:hover
{
background-color:white;
color:#666666;
}
.prices tr,td
{
line-height:25px;
}
/*--------------Mise en forme texte----------------------------------------------------------*/

.liste_generale
{
color:white;
font-size:12px;
font-family:Arial,serif;
list-style-type:none;
margin-left:10px;
}

.liste_generale li
{
color:white;
font-weight:normal;
font-size:12px;
font-family:Arial,serif;
list-style-type:none;
margin-left:10px;
}

h2
{
color:white;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

h4
{
color:white;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}



.droite/*-texte ŕ droite-*/
{
text-align:right;
}

.gauche/*-texte ŕ gauche-*/
{
text-align:left;
}



.centre/*-texte au centre-*/
{
text-align:center;
}

.centre_contact/*-texte au centre-*/
{
text-align:center;
font-size:14px;
font-weight:bold;
}

.gras
{
font-weight:bold;
}

.inline
{
display:inline;
margin-top:10px;
margin-right:60px;
color:black;
font-weight:normal;
}

.gray1

{
background-color:#666666;
}

.gray2

{
background-color:#333333;
}

.promo
{
background-color:white;
color:#777777;
width:300px;
text-align:center;
}

.promo:hover
{
background-color:#333333;
color:white;
}

.promo a:hover
{
color:white;
text-decoration:none;
}




#availability
{
background-color:white;
color:#333333;
text-align:center;


}

#availability td 
{
 border-width:1px;
 border-style:solid; 
 border-color:#333333;
 width:50%
}

#availability a
{
text-decoration:none;
color:#333333;
}

#availability a:hover
{
text-decoration:underlined;
color:#333333;
font-weight:bold;

}
/*-------------------------Hyperliens----------*/


a img
{
border:none;
}

a
{
color:black;
text-decoration:underlined;
}

.residence
{
width:160px;
}

.studios
{
width:125px;
}

.loisirs

.acces

.tarifs

td a
{
color:white;
text-decoration:none;
}

tr
{
background-color:#777777;
}

td a:hover
{
color:#333333;
text-decoration:none;
}

tr a:hover
{
text-decoration:none;
}

table
{
text-align:center;
width: 910 px;
height:10px;
border:0;
vertical-align:center;
}

a:hover
{
text-decoration:underline;
font-weight:normal;
}


/*---------------------------Mise en forme images------------*/

.left
{
float:left;
margin-right:15px;
margin-left:15px;
}


.vleft
{
margin-right:20px;
margin-left:105x;
display:inline;
float:left;
}




.right
{
float:right;
margin:15px;
}

.title
{
margin-bottom:30px;
margin-top:15px;
text-align:left;
}

.image_droite
{
float:right;
margin:15px;
margin-right:0;
margin-top:0;
}

img
{
margin:2px;
margin-right:0px;
}

object
{
margin:2px;
margin-right:0px;

}

#construction
{
height: 500px;
text-align:center;
font-size:25px;
color:white;

}