body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:url(../images/site/fondj.jpg);
}
#header {
height: 332px;
}
#conteneur {
position: relative;
width: 885px;
margin: 0 auto; 
background: url(../images/site/milieu.jpg);
}
#centre {
width:620px;
margin-left: 0px;
padding-left:70px;
margin-right: 190px;
}

/*--------------------------------Menu_Dessus--------------------------------------------*/
#navcontainer {
	font-weight:bold;
	position:absolute;
	width: 173px;
	left: 618px;
	top: 92px;
	height: 156px;
	text-align:center;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 165px;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #FFA200;
color: #fff;
}

/*-----------------------------------------------Fin_menu_dessus-------------------------------------------------*/


/*-----------------------------------------------Menu_droit-------------------------------------------------*/
#droite {
background-image:url(../images/site/droite.jpg);
background-repeat:no-repeat;
display: inline;
float:right;
margin-top:10px;
margin-right:0px;
width: 130px;
height:480px;
padding:0 0 0 0;
}

.menudroit{
padding:0 0 0 0;
margin-left:15px;}

/*-----------------------------------------------Fin_menu_droit-------------------------------------------------*/

#pied {
color:#FFCC00;
line-height:8px;
padding:15px 0 0 0;
text-align:center;
height: 71px;
background: url(../images/site/pied.jpg);
}

/*------------------------------------------------CLASSES-----------------------------------------------------------*/


.listevisite{
width:610px;
height:180px;
/*border-bottom:#FFCC66 solid 1px;*/
margin-left:0px;
}
.images{
width:140px;
height:140px;
float:left;
margin-left:10px;
margin-right:20px;
margin-bottom:10px;}

.images-gal{
margin-right:10px;
margin-bottom:10px;}


.spacer {
  clear: both;
}
p {margin: 0 0 10px 0;}

img{
border:none;
}

img a:hover{
border:none;}


h1{
font-size:1.6em;
color:#00768C;
}

h2{
font-size:1.2em;
border-bottom:1px #FFCC00 solid;
color:#000000;
font-variant:small-caps;}

a{
text-decoration:none;
color:#00768C;
}

a:hover{
color:#00768C;
}
a:visited{
text-decoration:none;
color:#00768C;

}
.livredor{
/*background-color:#FFBD5F;*/
min-height:160px;
}
.livredor p{
padding:10px;
background-color:#FFBD5F;}

.livredortitre{
padding-left:10px;
background-color:#FF9C0F;
font-size:1.0em;
border-bottom:1px #FFCC00 solid;
color:#000000;
font-variant:small-caps;}

/* FORMS */

.friscobutton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F5051;
	background-color: #CCCCCC;
	height: 28px;
}

/* MISC */

.error 
{
	color: #FF3300;
	font-weight: bold;
}

#webcam{
width:556px;
height:707px;
background:url(../images/site/webcam.jpg);
}

#ecran{
position:absolute;
background-color:#000000;
margin:220px 0 0 85px; 
width:320px;
height:240px;
}

#play{
	position:absolute;
	width:100px;
	height:100px;
	margin-top:180px;
	margin-left:410px;
}

#player{
position:absolute;
margin:460px 0 0 85px;
}