/*  
couleur foncée: #b5dddd
couleur claire: #eaf0f0
couleur de texte:  #2a535a
*/

/* Création: Loïc Asper. Tous droits réservés. */

* { padding: 0; margin: 0; border: 0; }

body,#menu, #corps_index, #corps, #conteneur

{
border:none;
}

html
{
overflow-y: scroll; /*Forcer barre verticale pour Firefox*/ 
/*overflow: -moz-scrollbars-vertical; */
}
body
{
text-align:center; /*Hack pour IE pre6.0 */
background-color:#eaf0f0;
font-family: "Trebuchet MS", Arial, sans-serif;
}

#adresse
{
font-size:0.9em;
font-style:italic;
font-family:arial;
}

#carte
{
padding:0 10px;
}

#conteneur
{
text-align:left; /*Hack pour IE pre6.0 */
width:980px;
padding-top:10px;
padding-bottom:10px;
margin:10px auto;
background-color:#b5dddd;
color:#2a535a;
border:2px solid #2a535a;
font-size: 16px; 
position:relative;
}

#corps
{
margin-left:210px;
width:760px;
min-height:550px;
}

#corps_index
{
padding:5px 10px;
width:960px;
} 

#photo
{
width:480px;
margin-left:300px;
margin-bottom:0px;
}


#map
{
width:700px; 
height:550px;
display:block;
margin:auto;
border:2px solid #2a535a;
}

/*-----------------------------------------------------------------------------*/


a:link, a:visited
{
color:#2a535a;
}

a:active, a:focus
{
outline:none;
}

a:hover 
{color:#eaf0f0;
}

h1
{
text-align:center;
font-size:3.5em;
font-style:italic;
}

h2
{
text-align:center;
font-style:italic;
margin-bottom:10px;
}

h4
{
text-align:center;
font-style:italic;
}

#carte h3
{
font-style:italic;
text-decoration:underline;
}


#carte div
{
width:330px;
}

p
{
font-weight:bold;
font-size:1.2em;
text-align:justify;
margin-top:20px;
}

#corps p
{
text-indent:2em;
}


#adresse p
{
margin-top:0px;
margin-bottom:10px;
text-align:center;
}

#corps_index p
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
}

#gm p
{
margin-top:0px; 
font-size:0.8em;
text-indent:0px;
}

#carte p
{
text-indent:0px;
}

#corps p:first-letter, #corps_index p:first-letter
{
font-size:1.5em;
}

table
{
margin:20px auto;
font-size:1.6em;
border:2px solid #2a535a;
border-collapse: collapse;
}

td 
{
border:2px solid #2a535a; 
padding:3px;
color:#2a535a;
text-align:left;
}
 
th
{
border:2px solid #2a535a; 
padding:3px;
color:#2a535a;
font-size:0.6em;
}

label
{
font-weight:bold;
}

input, textarea 
{
border:1px solid #2a535a;
background-color:#eaf0f0;
} 

.bord input:focus, .bord textarea:focus 
{
-moz-outline: 2px solid #2a535a;
-moz-outline-offset:1px;
-moz-outline-radius:3px;
} 

form
{
margin:auto;
width:520px;
}

fieldset div
{
width:160px;
}


/*-----------------------------------------------------------------------------*/

.bloc
{
display:block;
}

.centre
{
margin:auto;
}
 
.centrer
{
text-align:center;
}

.champ
{
margin:auto;
margin-top:30px;
}

.clear
{
clear:both;
}


.ge
{
width:600px;
display:block;
margin:20px auto;
}

.it
{
font-style:italic;
}

.info
{

font-weight:normal;
}

.left
{
float:left; 
}
 
.long
{
width:200px;
}
 
.marge
{
 margin-left:20px;
}

.menu
{
position:absolute;
top:120px;
left:20px;
width:180px;
}

.menu ul
{
padding:3px;
margin:12px;
font-size:1.5em;
font-style:normal;
font-weight:bold; 
font-family:Trebuchet MS,"Comic Sans MS", Arial, sans-serif;
color:#eaf0f0;
}

.menu li 
{
list-style-type:none;
background-image:url(Images/puce.jpg);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
}

.menu  a
{
text-decoration:none; 
}

.milieu
{
text-indent:0px;
text-align:center;
padding-top:200px;
}

.right
{
float:right;
}

.soustitre
{
font-size:0.65em;
font-style:italic;
}

.resto
{
display:block;
text-align:center;
margin-top:20px;
font-size:1.4em;
font-style:italic;
}

.avert
{
font-style:italic;
}

.avert_tarifs
{
margin-left:60px;
margin-right:60px;
text-align:center;
font-style:italic;
font-size:1em;
}