﻿html { height: 100%; }

body {
margin: 0;
padding: 0;
font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
position: relative;
background-image:url("./img/bg.jpg");

background-position:center 52px;
background-color:#333333;
height: 100%;
width:100%;
min-width:818px;
color:#CCCCCC;

}

div#barre_sup {
top:0;
background-image:url("./img/bgmenu.png");
padding:0;
margin:0;
height:53px;
width:100%;
font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
color:#666666;

}

div#corps {
background-image:url("./img/bgfondu.jpg");
background-repeat: repeat-x;
width:100%;
background-position:center  top;
padding:0;
top:-25px;
}

div#logo {
width:910px;
padding:0;
margin:0 auto 0 auto;
background-image:url("./img/bglogo.jpg");
background-repeat: no-repeat;
height:auto;

}



div#colgauche {
width:620px;
float:left;
padding-left:20px;
}
div#coldroite {
width:210px;
float:left;
padding-left:20px;
}


div.cadrephoto {

background:#282828;
padding:10px;
margin:0;

}
div.cadretexte {
width:600px;
background:#363636;
padding:10px;
margin:0 0 20px 0;

}
div.cadretexte2 {
width:190px;
background:#363636;
padding:10px;
margin:0;

}
div.barre {
width:620px;
background:#282828;
height:5px;


}


div.clear {
clear:left;
}

img,p {border:0; margin:0; padding:0; }
p {text-align:justify;}
img.pres { display: block;}
h3 {padding:0 0 3px 0;margin:0;color:#FFE100; font: 13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}

div.lieu { color:#FFFFFF; float:left; font-size:11px; }
div.prix { color:#FFE100; float:right; font-size:10px; }

div.space { height:10px; }

div.menu {line-height:20px; width:100%; position:relative;  background:#3F3F3F; width:860px; margin:0 auto 0 auto; display:none; text-align:left; padding:5px; font-size:11px; color:#CCCCCC;}
div.menu img {padding: 0 7px 0 12px;}

img.fj {padding-right:10px;}
img.sep {padding: 0 20px 0 20px;}

h3 a:link {color:#FFE100; text-decoration:none;}
h3 a:visited {color:#FFE100; text-decoration:none;}
h3 a:hover {color:#FFE100; text-decoration:underline;}

div.cadrephoto a:link {color:#FFFFFF; text-decoration:none;}
div.cadrephoto a:visited {color:#FFFFFF; text-decoration:none;}
div.cadrephoto a:hover {color:#FFFFFF; text-decoration:underline;}

div.menu a:link {color:#CCCCCC; text-decoration:none;}
div.menu a:visited {color:#CCCCCC; text-decoration:none;}
div.menu a:hover {color:#FFFFFF; text-decoration:none;}

p.navig {

width:600px;
background:#363636;
padding:10px;
color:#FFE100;
}

a:link {color:#FFE100; text-decoration:underline;}
a:visited {color:#FFE100; text-decoration:underline;}

p.space { padding-bottom:10px; }
p.space2 { padding-bottom:10px; text-align:left; }

label { display:in-block; font-weight:bold; }
input, textarea { width:100%; border:1px solid #282828 ; background-color:#666666; color:#CCCCCC }

p.er { padding:3px; color:#FFE100; }