body{margin-top:-25px;letter-spacing:2px;height:80%;}
ul{list-style:none;}
h1{line-height:30px;margin:0px;text-align:center;font-size:24px;}
h5{margin:0px;font-size:10px;line-height:12px;}
img{border:0;}
em{text-decoration:none;font-style:normal;}
#ecrirmail{

width:400px;
text-align:center;
margin:0;
position:absolute;
float:right;
left:600px;
top:25px;
display:none;
}
#ecrirmail td{width:400px;}
.mailcontenu{padding-left:12px;max-width:380px;text-align:left;}
#mailtop{height:40px;background:url(../pic/fond-ecrirmail-top.png) no-repeat top left ;}
#ecrirmail tr{width:400px;}
.fondmail{background:url(../pic/fond-ecrirmail.png) repeat-y top left;}
#mailbottom{height:40px;background:url(../pic/fond-ecrirmail-bottom.png) no-repeat top left;}

#news{

width:400px;
height:100px;
text-align:center;
margin:0;
position:absolute;
float:right;
left:250px;
top:500px;
}
#news:hover{

opacity:0.6;
opacity:0.6;

}

#menu{
display:none;
width:222px;
height:194px;
margin:0;
float:left;
margin-left:-8px;
margin-top:35px;
padding-top:15px;

}
#menu ul{
margin:0;
margin-left:-40px;
}
#menu h3{
clear:both;
display:block;
height:20px;
width:202px;
margin:0;
font-size:14px;
text-align:left;
line-height:20px;
font-weight:lightbold;
cursor:pointer;
margin-left:13px;
padding-left:19px;
}

#menu h3:hover{background:white;}


#menu h3 a{
height:20px;
width:202px;
text-decoration:none;
margin:0;
}


#navigation
{
max-width:300px;
position:absolute;
margin:0px;
top:275px;
font-size:10px;
}

#navigation p{line-height:30px;vertical-align:middle;}
#navigation a{color:#4C4C4C;text-decoration:none;}
#navigation a:hover{text-decoration:underline;}
.nav{letter-spacing:0.5px;}


#page{
width:600px;
height:680px;
margin :0 auto;
margin-left:175px;
position:fixed;
}


#contour {
width:500px;
height:500px;
margin:0 auto;
margin-top:20px;
}

#contenu{height: 600px;width: 500px; }


#demo-wrapper {
	overflow: hidden; 
	height: 700px; 
	width: 500px;
	margin:10px auto;
	position: relative;
}
 
#demo-inner {
	width: 500px;
	height: 680px;
	position: relative;
	
	
}
 
.scrolling-content {
	width: 500px;
	height: 680px;
	position: absolute;
	padding-top:5px;
	margin:0 auto;
	
} 
 
#content1, #content2,#content3,#content4,#content5,#content6,#content7,#content8{width: 500px;height: 680px;}
#content1 {left: 0px;top: 0px;}
#content2 {left: 500px;top: 0px;}
#content3 {left: 1000px;top: 0px;}
#content4 {left: 1500px;top: 0px;}
#content5 {left: 2000px;top: 0px;}
#content6 {left: 2500px; top: 0px;}
#content7 {left: 3000px; top: 0px;}
#content8 {left: 3500px; top: 0px;}

#persSite{text-align:left;}

.entete{background:#fff8e5;}
.fond{text-align:justify;}
.fond4{text-align:left;}
.caps{font-variant:small-caps;}


th{text-align:left;padding-left:5px;}
#content1 table,#content2 table,#content3 table,#content4 table,#content6 table,#content7 table,#content8 table,#content8 p
{width:500px;margin:0 auto;}
#content1 td,#content2 td,#content3 td,#content4 td,#content6 td,#content7 td
{height:30px;padding-right:5px}

.contact{text-align:center;}
.contact a{text-decoration:none;color:#232323;}
.contact a:hover{font-weight:bold;}

#content2 td,#content4 td{height:45px;}
#content2 td,#content3 td{width:70%;}
#content4 td{width:50%;}
#content6 td{width:60%;padding-bottom:25px;}
#content6 th{vertical-align:top;}
#content6 a{text-decoration:none;color:#D8440F;}
#content6 a:hover{border-bottom:1px dotted;color:#5275B4;}


#content5 .toggler{
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #ffe17f;
	border-bottom: 1px solid #ffce55;
	border-right: 1px solid #ffce55;
	border-top: 1px solid #ffd993;
	border-left: 1px solid #ffd993;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	cursor:pointer;
}
#content5 .element{
text-align:center;		
}
.warning{color:#ff3333;letter-spacing:1px;}


content ul{
	margin:0;
	margin-left:-5px;
	width:440px;
	}
#image3d ul{height:170px;}
#image3d li{float:left;width:110px;height:73px;margin:0;}
#videorea,#siteweb{width:500px;margin:0;}
#videorea table,#siteweb table{width:500px;margin:0 auto;}



#content8 td{height:25px;padding-left:15px;}

#content8 td h5{height:15px;}
#content8 p
input{color:blue;}
.antispam{}
textarea{background:white;border:1px solid #a4acb2;color:blue;}




#log_res.ajax-loading {
	background: url(../pic/spinner.gif) no-repeat center;
}

#log p{margin:0;text-align:left;}

.erreur{color:red;}
.valid{color:green;}