/* CSS Document */
a img {
  border:none;
}
body {
  margin:0;
  padding:0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100%;
	color:#000000;
	background:url(../images/fond.png) repeat;
}
/*Conteneur général*/
#conteneur {
	position:relative;
	width:1340px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/fond_cote.jpg) repeat-y;
	padding: 0;
}
#header {
	width:1000px;
	height:170px;
	/*overflow:hidden;*/
	margin:0 170px;
	padding:0;
}
#header h3 {
  margin:2em 2em 0 0;
  text-align:right;
  font-size:1.5em;
  color:#ffffff;
}
  /*Menu horizontal*/
#menu {
	background:url(../images/fond_menu.jpg) no-repeat;
	width:1000px;
	height:71px;
	margin:0 0 0 170px;
	padding:0;

}
#menu ul{
  margin:0;
  padding:0;
}

#menu ul li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li a{
	height:71px;
	width:111px;
	font-size:1.2em;
  line-height:2em;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top left;
}
#menu ul li a:hover{
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#FFFF00;
}
/* Les différentes formes de menu */
#menu ul li a.accueil{
	background-image:url(../images/menu_accueil.jpg);
}
#menu ul li a.prevost{
	background-image:url(../images/menu_prevost.jpg);
}
#menu ul li a.expo{
	background-image:url(../images/menu_expo.jpg);
}
#menu ul li a.actu{
	background-image:url(../images/menu_actu.jpg);
}
#menu ul li a.collection{
	background-image:url(../images/menu_collection.jpg);
}
#menu ul li a.contact{
	background-image:url(../images/menu_contact.jpg);
}
#menu ul li a.ami{
	background-image:url(../images/menu_ami.jpg);
}
#menu ul li a.pratique{
	background-image:url(../images/menu_pratique.jpg);
}
#menu ul li a.mag{
	background-image:url(../images/Menu_mag.jpg);
}
#contenu{
	width:1000px;
	margin:0 170px;
	padding:0;
	color:#545454;
	background-color:#ffffff;
}
#contenu h2{
  font-size:2.5em;
  text-align:center;
}
#gauche{
  width:300px;
  float:left;
  background:url(../images/pellicule.png) top right repeat-y;
}
#gauche p{
  margin:0.5em 75px 0.5em 0.2em;
  text-align:center;
  font-style:italic;
  font-size:0.8em;
}
#droite{
	position:relative;
	float:left;
	width:699px;
}
#droite h1{
  text-align:center;
  font-size:4em;
}
#droite h2{
  text-align:center;
  font-size:2em;
}
#droite h3{
  font-size:1.2em;
  margin:1em;
}
#droite p{
  font-size:1em;
  margin:1em;
}
#droite a{
	text-decoration:none;
	color:#999900;
}
#droite a:hover{
  color:#484848;
}
.centre{
  text-align:center;
}
.expo{
  text-align:center;
  font-size:18px;
  font-weight:bold;
}
.Encours{
  text-align:right;
  font-size:18px;
  font-weight:bold;
}
.Actuellement {
	padding: 10px;
	height: auto;
	width: 900px;
	margin: 20px auto;
	border: 2px solid #333;
	background: #E0E0E0 url(../images/Actuellement.png) top left no-repeat;
}
.Prochainement {
	padding: 10px;
	height: auto;
	width: 900px;
	margin: 20px auto;
	border: 2px solid #333;
	background: #E0E0E0 url(../images/Prochainement.png) top left no-repeat;
}

.justifie{
  text-align:justify;
}
.italique{
  font-style:italic;
}
.gris_fonce{
	color:#333333;
	font-weight:bold;
}
.remonter{
  display:block;
  font-size:1.2em;
  margin:1em;
  text-align:right;
  font-style:italic;
  font-weight:bold;
  text-decoration:none;
  color:#999900;
}
.copyright{
  margin:0;
  padding:0;
  color:#000000;
  font-size:0.8em;
}
	/*Page mag*/

#mag{
	position:relative;
	width:900px;
	margin:0 50px;
}
#mag h1{
  font-size:3em;
}
#mag h2{
  font-size:1.5em;
  text-align:left;
}
#mag h3{
	font-size:1.5em;
	margin:1.5em 0 0.5em 0;
	clear:both;
}
#mag a{
	text-decoration:none;
	color:#545454;
}
#mag a:hover{
	background-color:#666;
	color:#FFF;
}
.premier{
	margin-right:220px;
}
/*Ouverture d'un lien dans une nouvelle page
a.lien_ext:after {
content: "\0000a0[\2197]";
}*/
	/*Page actualités*/

#actu{
	position:relative;
	width:800px;
	margin:0 0 0 220px;
}
#actu h1{
  font-size:4em;
}
#flash{
  margin-left:150px;
}
.left{
  float:left;
  margin-right:5px;
}
.right{
  float:right;
}
.clear{
  clear:both;
}

/*Formulaire de contact*/

#contact{
	width:900px;
	margin:50px;
	border:1px solid gray;
  background:url(../images/fond_contact.jpg) top right no-repeat;
}
#contact p{
  text-align:left;
  margin:5px;
}
#contact label{
  float:left;
  text-align:right;
  width:200px;
  margin-right:10px;
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
}
input[type=submit] {
  background:#ddd;
  cursor:pointer;
  margin-left:210px;
}
input[type=submit]:hover {
  background:#fff;
}
textarea{
  width:600px;
  height:150px;
}
.error-message{
  color:#ff0000;
}
.ligne {
  height:3px;
  background-color:#666;
  margin:0 200px;
}
#reponse{
  border-collapse:collapse;
  border:1px solid #000;
  font-size:14px;
}
#reponse tr, th, td{
  border:1px solid #000;
}
.lien_ami{
		text-decoration:none;
		color:#2E2E2E;
}
.lien_ami:hover{
		color:#8080C0;
}#ami_gauche {
	float: left;
	width: 490px;
}
#ami_droite {
	float: left;
	width: 490px;
}