/* @override http://60gp.ovh.net/~wyzqbpwb/css/global.css */

/*-- Colors --*/
.orange {
	color: #f60;
}

/*-- Global tags --*/
body {
	margin: 10px 0;
	padding: 0;
	background: #2a2a2b url(../images/background.jpg) repeat-x 0 0;
	font: 11px/1em Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}
a {
	outline: none;
	text-decoration: none;
}
h1, h2, h3, h4, ul, li, dl, dt, dd, tbody, table, tr, td, p, a, label, form, object, embed, param {
	margin: 0;
	padding: 0;
	border: none;
}
input {
	font-size: 11px;
}
ul {
	list-style-type: none;
}
td {
	vertical-align: top;
}
td.encart {
	background-color: #fff;
	vertical-align: bottom;
	height: 123px;
}
td#content.encart-top {
	vertical-align: top;
	height: auto;
	background: none;
	background-color: #fff;
}

/*-- Globall properties --*/
.bold {
	font-weight: bold;
}
.btn-plusinfo {
	display: block;
	width: 126px;
	height: 26px;
	background: url(../images/btn-plusinfo.gif) no-repeat 0 0;
	text-indent: -8000px;
}
.btn-chercher {
	display: block;
	width: 106px;
	height: 26px;
	background: url(../images/btn-chercher.gif) no-repeat 0 0;
	line-height: 1px;
	text-indent: -8000px;
	font-size: 1px;
}
.btn-telecharger {
	display: block;
	width: 103px;
	height: 26px;
	background: url(../images/btn-telecharger.gif) no-repeat 0 0;
	line-height: 1px;
	text-indent: -8000px;
	font-size: 1px;
}
.btn-gris {
	display: block;
	width: 90px;
	height: 40px;
	padding: 16px 8px 0;
	background: url(../images/btn-gris.jpg) no-repeat 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.btn-prendre-contact {
	display: block;
	width: 123px;
	height: 23px;
	background: url(../images/btn-prendre-contact.gif) no-repeat 0 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #f60;
}

/*-- FRAME --*/
table.frame {
	position: relative;
	margin: 0 auto;
}


/*-- HEADER --*/
#header {
}
#header td {
	height: 115px;
}
#header h1 {
	width: 669px;
	height: 115px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background: url(../images/title.jpg) no-repeat 0 0;
	text-indent: -8000px;
}

#header .extranet {
	width: 283px;
	height: 115px;
	background: url(../images/header-compte.jpg) no-repeat 0 0;
	vertical-align: top;
}
#header .extranet form {
	position: relative;
	display: block;
}
#header .extranet input {
	width: 114px;
	font-size: 11px;
	color: #f60;
}
#header .extranet .login {
	position: absolute;
	top: 35px;
	left: 21px;
}
#header .extranet .mdp {
	position: absolute;
	top: 35px;
	left: 145px;
}
#header .extranet .oubli {
	position: absolute;
	top: 61px;
	left: 21px;
	color: #707070;
}
#header .extranet .inscription {
	position: absolute;
	top: 86px;
	left: 21px;
	font-weight: bold;
	color: #f60;
}
#header .extranet .btn-ok {
	position: absolute;
	top: 71px;
	left: 202px;
	display: block;
	width: 64px;
	height: 28px;
	background: url(../images/btn-ok-compte.gif) no-repeat 0 0;
	text-indent: -8000px;
}
#header .extranet a:hover {
	text-decoration: underline;
}
/*----- LOG INFOS*/
#header .extranet .log-infos {
	padding: 40px 0 0 20px;
	color: #707070;
}
#header .extranet .log-infos .nom {
	font-weight: bold;
	color: #f60;
}
#header .extranet .log-infos .agence {
	padding: 10px 0 0;
	line-height: 12px;
}
#header .extranet .log-infos .agence .nom {
	color: #fff;
}


/*-- MENU --*/
#menu td {
	height: 35px;
}
#menu .left {
	width: 676px;
	background: url(../images/menuback.jpg) no-repeat 0 0;
}
#menu .right {
	width: 292px;
	background: url(../images/menuback-right.gif) no-repeat 0 0;
}
#menu ul {
	padding: 4px 0 0 108px;
}
#menu li {
	float: left;
	margin-right: 2px;
}
#menu a {
	display: block;
	height: 19px;
	padding-top: 8px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
}
#menu a:hover,
#menu a.hover,
#menu a.on {
	background: url(../images/menu.jpg) repeat-x 0 0;
	color: #fff;
}
#menu .accueil a {
	width: 67px;
	padding-left: 8px;
}
#menu .accueil a.on {
	background-position: 0 -27px;
}
#menu .voix-donnees-images,
#menu .voix-donnees-images a {
	width: 150px;
}
#menu .voix-donnees-images a.hover,
#menu .voix-donnees-images a:hover,
#menu .securite a.hover,
#menu .securite a:hover {
	background-position: -20px 0;
}
#menu .voix-donnees-images a.on,
#menu .securite a.on {
	background-position: -20px -27px;
}
#menu .securite a {
	width: 74px;
}
#menu .fournitures a {
	width: 173px;
	padding-right: 7px;
}
#menu .fournitures a.hover,
#menu .fournitures a:hover {
	background-position: -75px 0;
}
#menu .fournitures a.on {
	background-position: -75px -27px;
}

/*----- SOUS-MENU*/
#menu li ul {
	position: absolute;
	left: -8000px;
	padding: 0;
	z-index: 100;
}
#menu li:hover ul,
#menu li.hover ul {
	left: auto;
}
#menu li ul li {
	clear: left;
	margin: 0;
	padding:0;
	background: url(../images/smenu-middle.gif) repeat-y 0;
	text-align: left;
}
#menu li.voix-donnees-images ul li a,
#menu li.securite ul li a,
#menu li.fournitures ul li a {
	width:  274px;
}
#menu li ul li a {
	padding: 0;
	margin: 7px 12px;
	line-height: 11px;
	height: auto;
	text-align: left;
	text-transform: none;
	color: #707070;
}
#menu li ul li a:hover {
	background: none;
	color: #f60;
}
#menu li ul li.top {
	background: url(../images/smenu-top.gif) no-repeat 0 top;
}
#menu li ul li.bottom {
	background: url(../images/smenu-bottom.gif) no-repeat 0 bottom;
}
#menu li ul li.separateur {
	width: 299px;
	height: 1px;
	background: none;
	background-color: #383838;
	line-height: 1px;
	font-size: 1px;
}

/*-- CONTENT --*/
#content {
	width: 667px;
	background: #fff url(../images/content-bottom-1col.jpg) no-repeat 0 bottom;
}
#content .content {
	position: relative;
	margin: 0;
	padding: 9px 0 0;
	background: url(../images/content-back.jpg) no-repeat 0 0;
}
#content h2 {
	padding: 0 18px 10px;
	text-transform: uppercase;
	font-size: 24px;
}
#content p.nav {
	padding: 3px 18px 19px;
	color: #707070;
}
#content p.nav a {
	color: #707070;
}
#content p.nav a:hover {
	text-decoration: underline;
}


/*-- ENCART --*/
#encart{
	width: 667px;
	height: 123px;
	background-color: #2a2a2b;
}
#encart #coin-content {
	display: block;
	width: 667px;
	height: 8px;
	background: #fff url(../images/encart-coin-gauche.gif) no-repeat 0 0;
	line-height: 1px;
	font-size: 1px;
}
/*-- ENCART GAUCHE --*/
#encart-gauche {
	width: 334px;
	height: 115px;
	background: url(../images/encart-back.jpg) no-repeat 0 0;
}
#encart-gauche #carte {
	display: block;
	width: 334px;
	height: 115px;
}
#encart-gauche h3 {
	padding: 12px 0 0 18px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
}
#encart-gauche img.carte {
	margin: 8px 0 0 13px;
}
#encart-gauche a.btn-chercher {
	display: block;
	width: 107px;
	height: 27px;
	margin: 10px;
	background: url(../images/btn-chercher-encart.gif) no-repeat 0 0;
	text-indent: -8000px;
}
#encart-gauche select {
	width: 181px;
	height: 19px;
	font-size: 11px;
	color: #000;
}
#encart-gauche select.departement {
	margin: 20px 0 0 10px;
}
#encart-gauche .coin-interieur {
	background: url(../images/encart-coin-interieur.gif) no-repeat right 0;
}

/*----- ENCART FLASH*/
#encart-gauche #vente-flash h3 {
	padding-bottom: 8px;
}
#encart-gauche #vente-flash .prix {
	padding: 8px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
#encart-gauche #vente-flash h4 {
	padding: 0 0 8px;
	text-transform: uppercase;
	font-size: 11px;
}
#encart-gauche #vente-flash h4 .label-ref {
	text-transform: none;
	color: #fff;
}
#encart-gauche #vente-flash .infos {
	text-align: right;
}
#encart-gauche #vente-flash .infos a {
	color: #fff;
}
#encart-gauche #vente-flash .infos a:hover {
	text-decoration: underline;
}

#encart-droite {
	width: 333px;
	height: 115px;
	background: #fff url(../images/encart-cote.gif) no-repeat 0 bottom;
}


/*-- SIDEBAR --*/
.sidebar {
	position: relative;
	width: 283px;
	background: #000 url(../images/side-black-bottom.gif) no-repeat 0 bottom;
}
.sidebar h2 {
	text-transform: uppercase;
	font-size: 18px;
}
/*----- CARTE PRIVILEGE */
.sidebar .carte-privilege {
	position: relative;
	display: block;
	height: 188px;
	background: url(../images/side-privilege-middle.gif) repeat-y 0 0;
}
.sidebar .carte-privilege .bottom {
	position: absolute;
	bottom: 0;
	display: block;
	width: 283px;
	height: 11px;
	background: url(../images/side-privilege-bottom.gif) no-repeat 0 0;
	line-height: 1px;
	font-size: 1px;
}
.sidebar .carte-privilege h2 {
	padding: 6px 0 18px 23px;
}
.sidebar .carte-privilege img {
	position: absolute;
	bottom: 6px;
	left: 23px;
	z-index: 10;
}
.sidebar .carte-privilege p {
	width: 118px;
	padding: 0 0 0 143px;
	line-height: 14px;
}
.sidebar .carte-privilege .btn-plusinfo {
	margin: 20px 0 6px 139px;
}
/*----- VENTE FLASH */
td.sidebar .vente-flash {
	height: 200px;
}
.sidebar .vente-flash table {
	padding: 1px 0 0;
	background: #444;
	color: #fff;
}
.sidebar .vente-flash .top {
	display: block;
	width: 283px;
	height: 11px;
	background: url(../images/side-venteflash-top.gif) no-repeat 0 0;
	line-height: 1px;
	font-size: 1px;
}
.sidebar .vente-flash .bottom {
	display: block;
	width: 283px;
	height: 11px;
	background: url(../images/side-venteflash-bottom.gif) no-repeat 0 0;
	line-height: 1px;
	font-size: 1px;
}
.sidebar .vente-flash .middle {
	overflow: hidden;
	position: relative;
	height: 178px;
	background: url(../images/side-venteflash-middle.gif) repeat-y 0 0;
}
.sidebar .vente-flash h2 {
	padding: 6px 0 13px 20px;
}
.sidebar .vente-flash img {
	float: left;
	padding-left: 22px;
}
.sidebar .vente-flash p {
	float: left;
	position: relative;
	width: 122px;
	line-height: 14px;
	padding: 0 0 40px 16px;
}
.sidebar .vente-flash .btn-plusinfo {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/btn-plusinfo-dark.gif);
}

.sidebar .promo1,
.sidebar .promo2 {
	padding: 1px 0 0;
	line-height: 1px;
}
.sidebar .promo1 {
	height: 115px;
	background-color: #444;
}
.sidebar .promo2 {
	height: 114px;
	background-color: #333;
}


/*-- FOOTER --*/
#footer {
}
#footer .menu {
	width: 100%;
	margin: 1px 0 0;
}
#footer .menu td {
	height: 25px;
	background: url(../images/menufooter-back.gif) repeat-x 0 0;
	line-height: 25px;
	text-align: center;
}
#footer .menu td.left {
	width: 4px;
	background: url(../images/menufooter-left.gif) no-repeat 0 0;
}
#footer .menu td.right {
	width: 5px;
	background: url(../images/menufooter-right.gif) no-repeat 0 0;
}
#footer .menu td.separateur {
	width: 1px;
	background: url(../images/menufooter-sep.gif) no-repeat 0 0;
}
#footer .menu a {
	color: #f60;
}
#footer .menu a:hover {
	text-decoration: underline;
}

#footer .conception {
	clear: both;
	padding: 5px 9px 0 0;
	text-align: right;
	color: #717171;
}
#footer .conception a {
	color: #717171;
}
#footer .conception a:hover {
	text-decoration: underline;
}

.coordonnees span {
	display: block;
	float: left;
	width: 45px;
}

.floatLeft { float:left; }
.floatLeft p { clear:both; margin:0; padding:10px 0 0 20px; display:block; }
