@charset "utf-8";
/* CSS Document */

body
{
cursor:pointer;
font-size:80%;
font-family:Calibri, "Times New Roman", serif;
background-color:#000000;
height:100%;
}

#bigbox
{
width:685px;
margin:auto;
border:5px solid #ff9933;
background-color:#ffbf80;
}

#topright
{
width:448px;
float:right;
height:140px;
background-image:url(images/logotopright2.png);
background-color:#ffbf80;
}

#topleft
{
width:228px;
height:140px;
border-right:5px solid #ff9933;
background-color:#ffbf80;
background-image:url(images/adresse.png);
}

#separation
{
height:5px;
background-color:#ff9933;
clear:both;
}

#diaporama
{
width:685px;
height:140px;
background-color:#ffbf80;
}

#bottombox
{
width:685px;
background-color:#ffbf80;
border-top: 5px solid #ff9933;
}

#menu
{
border-top:5px solid #ff9933;
padding:5px;
width:680px;
background-color:#ffbf80;
text-align:right;
padding-right:0px;
}

#bigbox #menu p
{
display:inline;
margin-right:0px;
vertical-align:middle;
margin-right:0px;
padding-right:0px;
}

#menu a:link, #menu a:visited, #menu a:active
{
padding:7px;
text-decoration:none;
color:#000000;
font-size:120%;
vertical-align:middle;
margin-left:4px;
}

#menu a:hover
{
padding:7px;
color:#ffffff;
background-color:#ff9933;
}

#bigbox #menu a img
{
border:0;
vertical-align:middle;
}

#history
{
width:414px;
float:right;
background-color:#ffbf80;
color:#000000;
padding:12px;
padding-top:0px;
}

#history h3
{
font-size:180%;
}

#history p
{
margin-top:20px;
font-size:120%;
}

#history img
{
margin:10px;
}

#marques
{
width:414px;
float:right;
background-color:#ffbf80;
color:#000000;
padding:12px;
padding-top:20px;
text-align:center
}

#marques h5
{
font-size:14px;
margin-top:40px;
border-bottom:1px dotted white;
}

#marques a
{
text-decoration:none;
color:#000000;
}

#marques a:hover
{
background-color:#ff9933;
}

#news
{
border-right:5px solid #ff9933;
padding:5px;
padding-top:20px;
height:500px;
width:228px;
background-color:#ffbf80;
color:#000000;
}

#news h3
{
font-size:140%;
margin-bottom:10px;
margin-top:10px;
border-bottom:2px dotted white;
margin-left:5px;
}

#news p
{
margin-left:5px;
margin-right:5px;
font-size:120%;
}

#contleft
{
border-right:5px solid #ff9933;
padding:5px;
padding-top:20px;
height:500px;
width:228px;
background-color:#ffbf80;
color:#000000;
text-align:center;
}

#contleft a:active, #contleft a:link, #contleft a:visited
{
text-decoration:none;
color:red;
font-size:120%;
}

#contleft a:hover
{
background-color:#ff9933;
color:white;
}

#plan
{
width:700%;
text-align:center;
margin:auto;
}

#services
{
width:414px;
float:right;
background-color:#ffbf80;
color:#000000;
padding:12px;
padding-top:0px;
}

#services h2
{
text-align:center;
font-size:180%;
border-bottom:2px dotted white;
}

#services .txtser
{
margin-top:10px;
font-size:150%;
}

#services .visite
{
margin-top:20px;
border:5px outset white;
font-size:200%;
text-align:center;
}

#footer
{
width:675px;
background-color:#ffbf80;
border:5px solid #ff9933;
text-align:center;
margin:auto;
border-top:0;
padding:5px;
font-size:85%;
}

#footer p
{
display:inline;
}

#footer a:link, #footer a:visited, #footer a:active
{
text-decoration:none;
color:#000000;
}

#footer a:hover
{
color:#FF0000;
}



#plan
{
width:685px;
margin:auto;
}

#plan a:link, #plan a:visited, #plan a:active
{
color:#000000;
text-decoration:none;
font-size:140%;
}

#plan a:hover
{
padding:5px;
color:#ffffff;
background-color:#ff9933;
}

#contleft a
{
text-decoration:none;
}

#contleft a span
{
display:none;
}

#contleft a:hover span
{
display:block;
position:fixed;
right:150px;
bottom:20px;
}

#compteur
{
width:685px;
margin:auto;
}

#compteur p
{
text-align:center;
color:#ff9933;
}

.pinst a span
{
display:none;
}

.pinst a img
{
border:0;
margin:2px;
}

.pinst a:hover span
{
display:block;
position:absolute;
left:350px;
top:300px;
}

.pinst
{
text-align:center;
}

#galerie
{
width:684px;
margin:auto;
background-color:#ffbf80;
border-top:#ff9933 3px solid;
text-align:center;
}

#galerie .miniature a
{
display:inline-block;
margin:3px;
}

#galerie a img
{
border:0;
}

#galerie a
{
text-decoration:none;
color:#000000;
}

#galerie .slide a:hover
{
text-decoration:underline;
}

#galerie .refslide
{
clear:both;
margin-top:15px;
}