body {
  background: #ff9000 url(images/ffond.jpg) repeat-y right;
	font:  13px "trebuchet ms", arial, sans-serif;
	color: #fff;
 }

#interface {
	width: 975px;
	height: 600px;
	margin: 22px auto;
}

#header {
	width: 958px;
	height: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#banniere {
	width: 958px;
	height: 210px;
	margin: 0px 0px 0px 0px;
}

#banniere2 {
	width: 938px;
	height: 210px;
	margin: 0px 0px 0px 0px;

}
#images {
	width: 545px;
	height: 121px;
	margin: -188px 0px 0px 280px;

}
#identifiant {
	left: 390px;
	position: relative;
	top:10px;
}

#formulairelogin {
	display: inline;
}

#identifiant input#log {
	width: 120px;
	height: 13px;
	font: bold 11px "trebuchet ms", arial, sans-serif;
	margin: 0px 0px 0px 0px;
}

.connect {
	font:  bold 12px "trebuchet ms", arial, sans-serif;
	color: #f70;
}

#mdp {
	width: 300px;
	height: 32px;
	margin: -41px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
}
#ok {
	margin: -26px 0px 0px 515px;
}

#protection {
	width: 550px;
	margin: -120px 0px 0px 300px;
}

#corp {
	width: 975px;
	height: 380px;
	margin: 0px 0px 0px 0px;
	background: url(images/fcorp.jpg) repeat-y;
}
#corp_archives {
	width: 975px;
	height: 750px;
	margin: 0px 0px 0px 0px;
	background: url(images/fcorp.jpg) repeat-y;
}

#corp2 {
	width: 975px;
	height: 1525px;
	margin: 2px 0px 0px 0px;
	background: url(images/fcorp.png) repeat-y 1px;
}
#menu {
	width: 182px;
	height: 360px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

#menu ul {
	width: 160px;
	list-style: none;
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 0px 0px;

}

#menu a {
	display: block;

	width: 152px;
	height: 33px;

	padding: 20px 0px 0px 10px;
	font: 13px "trebuchet ms", arial, sans-serif;
	text-decoration: none;
	background: url(images/bouton.jpg) no-repeat left top;
	color: #ffffff;
}

#menu a:hover {
	color: #ff0;
}

#boutonbas {
	width: 160px;
	height: 6px;
	margin: 4px 0px 0px 22px;
	background: url(images/bouton.jpg) no-repeat left top;
}

#boutonbas2 {
	width: 160px;
	height: 6px;
	margin: 4px 0px 0px 22px;
	background: url(images/bouton.jpg) no-repeat left top;
}


#titre {
	padding: 8px 0px 0px 8px;
	margin:  -12px 0px 0px 20px;
	width:700px;
	height:32px;
	float: left;
	font: bold 18px "trebuchet ms", arial, sans-serif;
	color: #ff0;
	text-align:center;
}

#texte1 {
	width: 340px;
	height: 300px;
	text-align: justify;
	float: left;
	padding: 0px 20px 0px 20px;
}
#texte1 h4{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#texte1 ul
{
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 0px 30px;
} 

#texte1 ul li{
	font: bold 13px "trebuchet ms", arial, sans-serif;
	color:#fff;
	display : list-item;
	list-style-image : url(images/fcible.jpg);
	padding: 0px 0px 0px 8px;
	margin: 20px 0px 0px 0px;
}


#texte2 {
	width: 320px;
	float: left;
	padding: 26px 0px 0px 20px;
}
#texte2 img{
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#prix {
	height: 230px;
	margin: 25px 0px 0px 25px;
/*	background: url(images/prix.jpg) no-repeat;*/
	background: url(images/fessayer.jpg) no-repeat;
}

#texte3 {
	width: 220px;
	height: 300px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#texte4 {
	width: 240px;
	height:280px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#texte4 input{
	width: 90px;
	height: 15px;
	float:left;
	margin: -17px 0px 0px 132px;
	font-size:12px;
}
#texte4 select{
	width: 93px;
	height: 19px;
	float:left;
	margin: -18px 0px 0px 133px;
	font-size:11px;
}
#texte4 img{
	width:80px;
	height: 20px;
	float:left;
	margin: -15px 0px 0px 146px;
	font-size:11px;
}
#texte5 {
	width: 240px;
	height:290px;
	float: left;
	margin: 0px 0px 0px 20px;
}

#texte5 input{
	width: 90px;
	height: 15px;
	float:left;
	margin: -18px 0px 0px 146px;
	font-size:12px;
}

#texte5 select{
	width: 113px;
	height: 19px;
	float:left;
	margin: -17px 0px 0px 128px;
	font-size:11px;
}

#texte5 img{
	width:150px;
	height: 30px;
	float:left;
	margin: -20px 0px 0px 140px;
	font-size:11px;
}

#texte6 {
	width: 330px;
	height: 300px;
	float: left;
	padding: 0px 20px 0px 20px;
}
#texte6 ul
{
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 0px 30px;
} 

#texte6 ul li{
	font: bold 14px "trebuchet ms", arial, sans-serif;
	color:#fff;
	display : list-item;
	list-style-image : url(images/fcible.jpg);
	padding: 0px 0px 0px 8px;
	margin: 20px 0px 0px 0px;
}

#texte7 {
	width: 500px;
	height: 200px;
	margin: 0px 0px 0px 100px;
	padding: 0px 20px 0px 20px;
	float: left;
}

#radio1{
	position: relative;
	top: -8px;
	left: 28px;
}
#label1{
	margin: -30px 0px 0px 0px;
}
#label2{
	margin: 0px 0px 0px 0px;
}

#input1{
	position: relative;
	top: -16px;
	left: 258px;
}


#texte8 {
	width: 350px;
	height: 20px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#texte9 {
	width: 330px;
	height: 250px;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#texte10 {
	width: 740px;
	margin: -275px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
}


#f1 {
	margin: -4px 0px 0px 0px;
}

#f2 {
	margin: -25px 0px 0px 0px;
	height: 46px;
}
#f2 input{
	width: 90px;
	height: 14px;
	float:left;
	margin: -17px 0px 0px 135px;
	font-size:11px;
}

#div_ok input{
	margin: -18px 0px 0px 96px;
	width: 141px;
	height: 22px;
	/*border: 1px solid blue;*/
}


#e1 {
	width:230px;
	height:18px;
	margin: 0px 0px 0px 0px;	
	color:red;
	font-size:10px;	
}
#e2 {

	height:14px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:red;
	font: 11px "trebuchet ms", arial, sans-serif;
}
#e3 {

	height:14px;
	margin: 5px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color:red;
	font: 11px "trebuchet ms", arial, sans-serif;
}


#footer {
	margin: 0px 0px 0px 1px;
	
}

#footerformulaire {
	margin: -19px 0px 0px 0px;	
}

#lien {
	width: 300px;
	height:20px;
	margin: -100px 0px 0px 175px;
	padding: 0px 0px 0px 60px;
}

a {
	font: 13px "trebuchet ms", arial, sans-serif;
	/*color: #33aabb;*/
	color: #ff0;
	text-decoration: none;
}

a.titre2{
	font: bold 20px "trebuchet ms", arial, sans-serif;
	text-align: center;
	color: #ff0;
}

a.titre {
	font: bold 13px "trebuchet ms", arial, sans-serif;
	color: #ff0;
}

a.soustitre {
	font: bold 12px "trebuchet ms", arial, sans-serif;
	color: #ff0;
}

a.mot {
	font: 10px "trebuchet ms", arial, sans-serif;
	color: #000000;
}

a.mot:hover {
	color: #33aabb;
}

a:hover {
	color: #f00;

}



h1 {
	font: bold 14px "trebuchet ms", arial, sans-serif;
	color: red;
}

h2{
	font:  bold 12px "trebuchet ms", arial, sans-serif;
	color: #fff;
}

h3{
	font:  13px "trebuchet ms", arial, sans-serif;
	color: #fff;
}

h4 {
	font:  bold 12px "trebuchet ms", arial, sans-serif;
	color: #fff;
}

h5 {
	font: bold 14px "trebuchet ms", arial, sans-serif;
	text-align: justify;
	color: #fff;
}

h6 {
	font: 11px "trebuchet ms", arial, sans-serif;
	text-align: justify;
	color: #f00;
}

h7{
	font:  11px "trebuchet ms", arial, sans-serif;
	text-align: justify;
	color: #fff;
}
p {
	font:  bold 14px "trebuchet ms", arial, sans-serif;
	text-align: justify;
	color: #fff;
}

#toto {
	float: left;
	width: 540px;
	height:275px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	/*border: 1px solid black;*/
}
/*
#placeholder {
	float: left;
	width: 350px;
	height:276px;
	margin: -365px 0px 0px 568px;
	padding: 0px 0px 0px 0px;
}
*/
#placeholder_archive {
	width: 350px;
	height:276px;
	margin: 0px 0px 0px 550px;
	padding: 30px 0px 0px 0px;
}

/*
#form {
	float: left;
	}
	
	*/
/*
	.warning{
	color:#c00;
	font-weight:bold;
}
*/
#screen2{
	position:relative;
	width:900px;
	margin:20px;
}
	#screen2 #buttons{
		border:1px solid #777;
		margin-bottom:5px;
		width:679px;
	}
	
	#screen2 #buttons a{
		margin:10px 10px;
		color:#69C;
	}
	#screen2 .prev{
		float:left;
	}
	#screen2 .next{
		float:right;
	}

#slideshow{
	overflow:hidden;
	width:680px;
	border:1px solid #777;
}

	#slideshow ul{
		width:3900px;
		padding-left:225px;
	}

		#slideshow li{
			float:left;
			margin:0 16px;
			cursor:pointer;
		}


label { display: block; } 

#entoure {
/*border:2px solid;*/
width: 735px;
height: 60px;
padding:0px 0px 0px 0px ;
}
/*
#date{
position: relative;
left: 0px;
top: 0px;
width=500px;
} */
#date{
position: relative;
left: 200px;
top: -38px;
width=450px;
}
#date3{
float: left;
left: 0px;
top: 0px;
width:170px;
}
#date4{
float: left;
top: 0px;
width:170px;
/*margin: 0px 0px 0px 150px;*/
}

.infiniteCarousel {
  width: 735px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 705px; 
  /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 10em;
  margin: 0 40px;
  position: absolute;
  margin-top:2px;
  margin-left:1px;
  top: 0;
}

.infiniteCarousel ul a img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 19999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  margin-top:0px;
  margin-left:4px;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 4px;
  height: 46px;
  width: 46px;
  font-size: 10px;
  text-align:center;
}

.infiniteCarousel ul li a img {
  display:block;
  border: 0px;
}

.infiniteCarousel .arrow {
  display: block;
  height: 35px;
  width: 82px;
  background: url(images/farrow.png) no-repeat 0 0;
 /* text-indent: -999px; */
  position: absolute;
  margin: 65px 0px 0px 205px;
margin-right:222px;  
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}