/*communs*/
body {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 165%;
	color: #003366;
	text-align: center;
	background-color: #FFF;
}
img {
	border: 0
}
a {
	text-decoration: none
}
#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 983px;
	background: #FFFFFF url(../img/bgd-col.gif) repeat 0 983px;
}
#contenu {
	text-align: left;
}
#top {
	height: 103px;
	padding: 0;
	text-align: left;
	background: url(../img/top-1.gif) no-repeat 983px 0;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	text-align: left;
	color:#5F6863;
	font-weight: bold;
}
#menu li {
	display: block;
	float: left;
}
/* si le javascript n'est pas utilisé voir ce code pour bouton css */
#menu a.lien1 {
	display: none;
	width: 142px;
	line-height: 24px;
	background: url(../img/nav/menu1.png) no-repeat 0 -24px;
	text-indent: 40px;
}
#menu a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0;
}
#menu a.lien2 {
	display: block;
	width: 150px;
	line-height: 24px;
	background: url(../img/nav/menu2.png) no-repeat 0 -24px;
	text-indent: 40px;
}
#menu a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0;
}
#menu a.lien3 {
	display: block;
	width: 181px;
	line-height: 24px;
	background: url(../img/nav/menu3.png) no-repeat 0 -24px;
	text-indent: 40px;
}
#menu a:hover.lien3 {
	background: url(img/nav/menu3.png) no-repeat 0 0;
}
#menu a.lien4 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu4.png) no-repeat 0 -24px;
	text-indent: 40px;
}
#menu a:hover.lien4 {
	background: url(img/nav/menu4.png) no-repeat 0 0;
}
#menu a.lien5 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu5.png) no-repeat 0 -24px;
	text-indent: 40px;
}
#menu a:hover.lien5 {
	background: url(img/nav/menu5.png) no-repeat 0 0;
}
/*partie gauche*/
div#gauche {
	width: 160px;
	margin-top: 25px;
	margin-right: 35px;
	border: 0px solid;
}
div#gauche img {
	margin: 0;
	padding: 0;
}
/*centre*/
div#centre {
	float: right;
	width: 472px;
	padding: 0 22px 0 0;
}
div#centre div {
	margin: 12px 0 0 0;
}
div#centre div p {
	margin: 0 0 0 -5px;
	padding-left: 20px;
}
div#centre div .txt-centre {
	padding-left:34px;
	width:404px;
}
div#centre div p img.tt {
	margin: 12px 0 10px 0;
}
#boite-pop {
	float: left;
	padding: 0;
	margin: 0 0 25px 0;
}
#boite-pop a.pop {
	display: block;
	text-decoration: none;
	background-color: #EBEBEB;
	color: #64B940;
	margin: 15px 0 5px 15px;
	padding: 0;
	font: bold;
}
#boite-pop a.pop:hover {
	background: none; /* correction d'un bug IE */
}
#boite-pop a.pop div { /* définition de la balise <span> inclue dans <a> */
	display: none;
}
#boite-pop a.pop:hover div {
	/* définition de la balise <span> au survol */
	display: inline;
	float: left;
	position: absolute;
	top: 80px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	left:531px;
	width: 321px;
	height: 260px;
	margin:0;
	padding: 0px 20px 10px 20px;
	background: url(../img/info/pop-fd.gif) no-repeat;
	text-align: left;
	color: #396993;
	font-weight: bold;
	font-size: 12px;
}
#boite-pop a.pop:hover div ul {
	padding:0;
	margin:0;
	width:98%;
}
#boite-pop a.pop:hover div li {
	padding-top:16px;
	padding-right: 15px;
}
div.boite-acc {
	display: block;
	width: 450px;
	height: 139px;
	border: 0px solid #FFF;
	background: #FFF url(../img/info/acc-cart-1.gif);
	background-repeat:no-repeat;
	padding: 0;
	margin: 40px 0 0 0;
	font-size: 11px;
	line-height: 15px;
}
.boite-offre {
	display: block;
	float:left;
	width: 440px;
	height: 266px;
	border: 0px solid #FFF;
	background: #FFF url(../img/info/offre-bte-fond.gif) no-repeat;
	padding: 0;
	margin: 40px 0 0 0;
	font-size: 11px;
	line-height: 15px;
}
.lienmarge {
	color: #E00779;
	font-weight: bold;
}
#boite-ste {
	display: block;
	width: 440px;
	height: 192px;
	border: 0px solid #FFF;
	background: #FFF url(../img/info/ste-bte-fond.gif) no-repeat;
}
#boite-ste .pboite {
	display: block;
	float: left;
	padding: 70px 0 0 0px;
	margin: 0 0 0 60px;
	color: white;
	line-height: 120%;
	font-size: 13px;
}
.boite-acc ul, .boite-offre ul {
	float: left;
	color: white;
	line-height: 120%;
	font-size: 13px;
	margin: 0;
	padding: 50px 0 0 70px;
}
div#centre a.suite {
	float: right;
	background: url(../img/info/pucesuite.gif) no-repeat top right;
	padding-right: 28px;
	color: #4E4D78;
	margin-top: 10px;
	margin-right: 23px;
	font-weight: bold;
}
div#centre a.suite:hover {
	color: #02A3D8;
}
div#centre img {
	margin: 0;
	padding: 0;
}
/*droit*/
div#droit {
	width: 295px;
	float: right
}
div#droit div#contenu_droit {
	padding: 0px 0 0 13px;
}
div#droit div#contenu_droit p#reportage {
	background: url(../img/colnews/reportage-fd.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 119px;
}
div#droit div#contenu_droit p#imginter {
	margin: 0;
	padding: 0;
}
div#droit div#contenu_droit div#news {
	background: #F4F7F5 url(../img/colnews/news-fd.gif) no-repeat;
	height: 301px;
	overflow: auto;
	margin: 0;
	padding: 0px 10px 0px 10px;
}
div#droit div#contenu_droit div#news-offre {
	background: #F4F7F5 url(../img/colnews/fond-news-offre.gif) no-repeat;
	height: 301px;
	overflow: auto;
	margin: 0;
	padding: 0px 10px 0px 10px;
}
div#droit div#contenu_droit div#news img {
	margin: 0;
	padding: 30px 0px 10px 0px;
}
/* font des news */
div#droit div#contenu_droit div#news p {
	margin: 0;
	padding: 0px 15px 10px 30px;
	width:150px;
	line-height: 140%;
	font-size: 12px;
	color: #739999;
}
/* font titre des news */
div#droit div#contenu_droit div#news h1 {
	margin: 0;
	padding: 0px 15px 10px 30px;
	line-height: 110%;
	font-size: 17px;
	color:#666699;
}
.newstxt {
	padding-right:8px;
}
/* pied de page */
div#pied {
	margin: 0;
	padding: 32px 0 0 0;
	clear: both;
	height: 24px;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	color: #7491AD
}
div#pied a {
	font-size: 9px;
	line-height: 9px;
	color: #7491AD
}
div#pied img {
	vertical-align: -2px;
	margin-left: 10px
}
.contact-erreur {
	background: #FBE966;
}