/* CSS Document */

body {
  background-image: url(images/fond.png);
  background-repeat:repeat-x;
  background-color:#767676;
  width:1150px;
  margin:0 auto;
  color:#4e4e4e;
  font-size:13px;
  text-align:justify;
}

#header {
  background-image:url(images/header.png);
  width:977px;
  height:80px;
  margin:auto;
}

.logo {
  width:270px;
  float:left;
  margin-left:50px;
  margin-top:15px;
  height: 70px;
  font-size: 25px;
  padding-left: 70px;
  color:#484848;
}

.bleu2 {
  color:#0095ff;
}

.logo a {
  color:#484848;
}

.pub {
  width:500px;
  height:60px;
  float:left;
  margin-top: 20px;
  margin-left: 50px;
}

#contenu {
  margin:auto;
  background-image:url(images/centre.png);
  width:977px;
  background-repeat:repeat-y;
}

#menu {
  height:56px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:15px;
  color:#484848;
  font-size:16px;
  font-family:Arial;
}

#menu a {
  color:#484848;
  text-decoration:none;
}

.m1 {
  background-image:url(images/m1.png);
  width:202px;
  height:39px;
  float:left;
  margin-top:2px;
  padding-top:16px;
  text-align:center;
}

.m1:hover {
  background-position:bottom;
}

.m2 {
  background-image:url(images/m2.png);
  width:227px;
  height:40px;
  float:left;
  margin-top:1px;
  padding-top:15px;
  text-align:center;
}

.m2:hover {
  background-position:bottom;
}

.m3 {
  background-image: url(images/m3.png);
  width:210px;
  height:40px;
  float:left;
  margin-top:1px;
  padding-top:15px;
  text-align:center;
}

.m3:hover {
  background-position:bottom;
}

.m4 {
  background-image:url(images/m4.png);
  width:180px;
  height:40px;
  float:left;
  margin-top:1px;
  padding-top:15px;
  text-align:center;
}

.m4:hover {
  background-position:bottom;
}

.m5 {
  background-image: url(images/m5.png);
  width:127px;
  height:40px;
  float:left;
  margin-top:1px;
  padding-top:15px;
  text-align:center;
}

.m5:hover {
  background-position:bottom;
}

#gauche {
  width:250px;
  float:left;
  margin-left: 10px;
}

.bleu_haut {
  background-image:url(images/bleu_haut.png);
  width:239px;
  height:14px;
}

.bleu_centre {
  background-image:url(images/bleu_centre.png);
  width:219px;
  padding-left: 10px;
  padding-right: 10px;
}

.bleu_bas {
  background-image:url(images/bleu_bas.png);
  width:239px;
  height:21px;
}

.violet_haut {
  background-image:url(images/violet_haut.png);
  width:239px;
  height:6px;
}

.violet_centre {
  background-image:url(images/violet_centre.png);
  width:204px;
  padding-left:35px;
  height:22px;
  padding-top:2px;
}

.violet_centre a {
  text-decoration:none;
  color:#7a0039;
}

.violet_centre:hover {
  background-position:bottom;
}

.violet_bas {
  background-image:url(images/violet_bas.png);
  width:239px;
  height:23px;
}

.orange_haut {
  background-image:url(images/orange_haut.png);
  width:239px;
  height:6px;
}

.orange_centre {
  background-image:url(images/orange_centre.png);
  width:204px;
  height:22px;
  padding-left:35px;
  padding-top:2px;
}

.orange_centre a {
  text-decoration:none;
  color:#a55d00;
}

.orange_centre:hover {
  background-position:bottom;
}


.orange_bas {
  background-image:url(images/orange_bas.png);
  width:239px;
  height:24px;
}


.clear {
  clear:both;
}

h2 {
  font-size:14px;
  margin-left:15px;
  padding:0;
  margin-bottom:0;
}

.bleu {
  color:#0095ff;
}

.violet {
  color:#7a0039;
}


.violet a {
  color:#7a0039;
  text-decoration:none;
}

img {
  border:none;
}

.orange {
  color:#ff9000;
}

ul {
  margin:0;
  padding:0;
}

li {
  margin:0;
  padding:0;
  list-style:none;
}

#rechercher {
  background-image:url(images/search.png);
  width:243px;
  height:54px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.go {
  background-image:url(images/go.png);
  width:42px;
  height:29px;
  margin-left:20px;
  border:none;
  margin-top: 2px;
}

.input {
  border:none;
  background-color:#FFF;
  margin-top:18px;
  margin-left:20px;
}

.gris_haut {
  background-image:url(images/gris_haut.png);
  width:238px;
  height:11px;
}

.gris_centre {
  background-image:url(images/gris_centre.png);
  width:238px;
}

.gris_bas {
  background-image:url(images/gris_bas.png);
  width:238px;
  height:28px;
}

.gris {
  color:#767676;
}

#droite {
  float:left;
  margin-left:10px;
  width:673px;
  margin-top:10px;
}

.h1_orange {
  background-image:url(images/h1_1.png);
  width:673px;
  height:24px;
  background-repeat:no-repeat;
  background-position:bottom;
  color:#a55d00;
  margin-top:15px;
}

.h1_violet {
  background-image:url(images/h1_2.png);
  width:673px;
  height:24px;
  background-repeat:no-repeat;
  background-position:bottom;
  color:#7a0039;
  padding-bottom:2px;
  margin-top:5px;
}

h1 {
  font-size:15px;
  padding-left:10px;
  margin:0;
}

.col_left {
  float:left;
  width:320px;
  margin-left: 10px;
}

a {
  color:#ad6200;
  text-decoration:none;
}

.news {
  width:660px;
  margin-bottom: 10px;
}

.titre_news {
  float:left;
  margin-top:10px;
  color:#7a0039;
  margin-bottom:10px;
  font-size:14px;
  font-weight:600;
  margin-left:20px;
}

.titre_news a {
color:#7a0039;
text-decoration:none;
}

.date {
  float:right;
  font-size:12px;margin-top:13px;
}

.txt_news {
  margin-left:20px;
}

.tags a {
  color:#3a66d5;
  text-decoration:none;
}

#footer {
  background-image:url(images/footer.png);
  width:984px;
  height:74px;
  margin: auto;
}

#footer a {
  color: #FFF;
  text-decoration:none;
}

.left1 {
  width:120px;
  float:left;
  color: #FFF;
  margin-left: 20px;
  margin-top: 4px;
}

.left2 {
  width:240px;
  float:left;
  color: #FFF;
  margin-left: 50px;
  margin-top: 4px;
}


.left3 {
  width:200px;
  float:left;
  color: #FFF;
  margin-left: 40px;
  margin-top: 4px;
}

.li1 {
  list-style:url(images/puce1.png);
}

.li2 {
  list-style:url(images/puce2.png);
}

#footer ul {
  margin-top:5px;
  padding:0;
}

#footer li {
  margin-top:2px;
}

.cyan {
  color:#339999;
}

.cyan a {
  color:#339999;
}

.bloc1 {
	background-image:url(images/bloc.png);
	width:933px;
	height:244px;
	margin-left: 20px;
}

.fleche1 {
  background-image:url(images/fleche1.png);
  width:31px;
  height:35px;
  float:left;
  margin-top:90px;
  margin-left:-20px;
  margin-right: 10px;
}

.vignette {
	background-image:url(images/vignette.png);
	width:165px;
	height:auto;
	float:left;
	margin-left:5px;
	margin-right:10px;
	margin-top:-10px;
	text-align: center;
	padding-top: 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	color: #7a0039;
}

.fleche2 {
  background-image:url(images/fleche2.png);
  width:31px;
  height:35px;
  float:right;
  margin-right: -20px;
  margin-top: 90px;
}

.vignette a {
	color:#0095ff;
	text-decoration:underline;
}