/*-----------------------------------
 * Arthur BONNET
 * réalisé par SQLI
 * Création : 06.11.2007
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	background: #1B383E;
	behavior: url('/squelettes/styles/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}
* {
	margin: 0; padding: 0;
	z-index: 1;
}

br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}
a, a:link, a:visited {
	color: #A7C200;
}
a.gris, a.gris:link, a.gris:visited {
	color: #4A4744;
}
a.gris:hover, a:hover {
	color: #E86500;
}
/*----------------
Langue
----------------*/
  div#lang-link {
    float: right;
    margin: 0; padding: 7px 0px 0px 0px;
    width: 150px;
    text-align: right;
    
  }
  div#lang-link ul {
    margin: 0; padding: 0;
    list-style: none;
  }
  div#lang-link li {
    display: inline;
    margin: 0; padding: 0px 5px 0px 5px;
    border-left: solid 1px black;
    border-color: #ffffff;
  }
  div#lang-link li.first {
    border-left: none;
  }
  div#lang-link li.current {
    font-weight:bold;   
  }
  div#lang-link li a, 
  div#lang-link li a:link, 
  div#lang-link li a:visited{
    color: #ffffff;
    text-decoration:none;
  }
  
  div#lang-link li a:hover{
    color: #8ED51D;
    text-decoration:none;
  }


/*--------------------
   POPUP SAGA
 ---------------------*/
div#overlay {
 	position: absolute;
 	z-index:2;
	top: 0; left: 0;
	margin: 0px auto 0px auto;
	width: 100%; height: 730px;
	background-color: #1B383E;
 }
 div#page-popup-saga {
 	position: absolute; top: 80px; left: 10px;
 	z-index: 3;
 	clear: both;
 	margin: 0px auto 0px auto; padding: 0;
 	background: #ffffff;
 	text-align: center;
 }
  
 div#page-popup-saga p.fermer {
 	margin: 0; padding: 5px;
 	background: #ffffff;
 	text-align: right;
 } 
 	div#page-popup-saga p.fermer a,
 	div#page-popup-saga p.fermer a:link,
 	div#page-popup-saga p.fermer a:visited {
 		padding: 2px;
 		font-weight: bold;
 		color: #4E5B64;;
 		border: 1px solid #4E5B64;
 		text-decoration: none;
 	}
 	div#page-popup-saga p.fermer a:hover {
 		color: #ffffff;
 		background: #4E5B64;
 		border: 1px solid #ffffff;
 	}
 	
/*--------------------
   POPUP AINSI NAIT UN MODELE
 ---------------------*/
 div#page-popup-ainsinait {
 	position: absolute; top: 80px; left: 10px;
 	z-index: 3;
 	clear: both;
 	margin: 0px auto 0px auto; padding: 0;
 }
 div#page-popup-ainsinait div#inner-popup {
 	margin: 60px 0px 0px 0px; padding: 10px;
 	_margin-top: 10px;
 	height: 380px;
 	border: 1px solid #ffffff;
 }
 div#page-popup-ainsinait p.fermer {
 	margin: 0; padding: 5px;
 	width: 960px;
 	background: #ffffff;
 	text-align: right;
 } 
 	div#page-popup-ainsinait p.fermer a,
 	div#page-popup-ainsinait p.fermer a:link,
 	div#page-popup-ainsinait p.fermer a:visited {
 		padding: 2px;
 		font-weight: bold;
 		color: #4E5B64;;
 		border: 1px solid #4E5B64;
 		text-decoration: none;
 	}
 	div#page-popup-ainsinait p.fermer a:hover {
 		color: #ffffff;
 		background: #4E5B64;
 		border: 1px solid #ffffff;
 	}
 div#page-popup-ainsinait h1#logo-popup {
 	margin: 0; padding: 0;
 	background: url('../images/logo-arthur-bonnet-diapo.gif') no-repeat top left;
 }
 	div#page-popup-ainsinait h1#logo-popup a,
 	div#page-popup-ainsinait h1#logo-popup a:link,
 	div#page-popup-ainsinait h1#logo-popup a:visited {
 		display: block;
 		overflow: hidden;
 		margin: 0; padding: 0;
 		width: 351px; height: 47px;
 		text-decoration: none; text-indent: -100em;
 	}

/*--------------------
   PAGE
 ---------------------*/
 div#page {
 	position: relative;
 	margin: 20px auto 0px auto; padding: 0;
 	width: 970px;
 }
 
/*--------------------
   LOGO
 ---------------------*/
 h1#logo {
 	float: left;
 	margin: 0; padding: 0;
 	background: url('../images/logo-arthur-bonnet.gif') no-repeat top left;
 }
 	h1#logo a,
 	h1#logo a:link,
 	h1#logo a:visited {
 		display: block;
 		overflow: hidden;
 		margin: 0; padding: 0;
 		width: 455px; height: 65px;
 		text-decoration: none; text-indent: -100em;
 	}
 
/*--------------------
   NAVIGATION
 ---------------------*/
 div#navigation {
 	float: right;
 	margin: 46px 0px 0px 0px; padding: 0;
 	width: 450px;
 }
 div#navigation ul {
 	float: right;
 	margin: 0; padding: 0;
 	display: inline;
 }
 	div#navigation li {
	 	margin: 0; padding: 0;
	 	display: inline;
	}
	div#navigation li a,
	div#navigation li a:link,
	div#navigation li a:visited {
		float: right;
	 	margin: 0px 0px 0px 5px; padding: 0;
	 	height: 1.8em;
	 	line-height: 1.8em;
	 	font-size: 1.1em;
	 	color: #ffffff;
	 	text-align: center; text-decoration: none;
	 }
	 div#navigation li.main a {
	 	width: 115px;
	 	background: url('../images/onglet-main.gif') no-repeat top left;
	 	text-transform: uppercase;
	 }
	 	div#navigation li.main a:hover {
	 		color: #1B383E;
	 		background: url('../images/onglet-main-1.gif') no-repeat top left;
	 	}
	 div#navigation li.secondary a {
	 	width: 89px;
	 	background: url('../images/onglet-secondary.gif') no-repeat top left;
	 	text-transform: uppercase;
	 }
	 	div#navigation li.secondary a:hover {
	 		color: #1B383E;
	 		background: url('../images/onglet-secondary-1.gif') no-repeat top left;
	 	}
	 div#navigation li.lang a {
	 	margin: 2px 2px 0px 3px;
	 	width: 20px;
	 }
	 div#navigation li.lang a img {
	 	margin-top: 3px;
	 	border: none;
	 }
	 div#navigation li a:hover {
	 	color: #E86500;
	 }
	 
/*--------------------
   NAVIGATION SECONDAIRE
 ---------------------*/
 div#navigation-secondaire {
 	margin: 0 auto; padding: 0;
 }
 div#navigation-secondaire ul {
 	margin: 0; padding: 0;
 	display: inline;
 }
 	div#navigation-secondaire ul.gauche {
 		float: left;
 		font-size: 0.9em;
 	}
 	div#navigation-secondaire ul.droite {
 		float: right;
 	}
 	div#navigation-secondaire li {
	 	margin: 0; padding: 0;
	 	display: inline;
	 	font-size: 1em;
	 	color: #ffffff;
	}
	div#navigation-secondaire li.maj {
		text-transform: uppercase;
	}
	div#navigation-secondaire li a,
	div#navigation-secondaire li a:link,
	div#navigation-secondaire li a:visited {
	 	margin: 0; padding: 0;
	 	line-height: 1.8em;
	 	color: #ffffff;
	 	text-align: center; text-decoration: none;
	 }
	 div#navigation-secondaire li a:hover {
	 	color: #B9D500;
	 }


 div#bloc {
 	position: relative;
 	clear: both;
 	margin: 0; padding: 15px 15px 10px 15px;
 	background: #ffffff;
 }
 
 div#bloc div.bandeau {
 	margin: 0px 0px 2px 0px; padding: 0;
 }
 div#bloc div.bandeau img {
 		border: none;
 }
 
 div#bloc div.arianne {
 	clear: both;
 	margin: 20px 0px 15px 0px; padding: 2px 0px 0px 5px;
 	height: 1.7em;
 	font-size: 0.9em;
 }
 div#bloc a.arianne,
 div#bloc a.arianne:link,
 div#bloc a.arianne:visited {
 	float: left;
 	display: block;
 	width: 30px; height: 16px;
 	background: url('../images/puce-arianne-1.gif') no-repeat top left;
 	text-decoration: none;
 }
 	div#bloc div.arianne ul {
	 	display: inline;
	 	margin: 0; padding: 0;
	 }
	 div#bloc div.arianne ul li {
	 	display: inline;
	 	margin: 0; padding: 0;
	 	font-weight: bold;
	 	color: #ABA9A8;
	 	list-style: none;
	 }
	 div#bloc div.arianne ul li a,
	 div#bloc div.arianne ul li a:link,
	 div#bloc div.arianne ul li a:visited {
	 	font-weight: normal;
	 	color: #ABA9A8;
	 	text-decoration: none;
	 }
	 div#bloc div.arianne ul li a:hover {
	 	color: #E86500;
	 }
 
 div#bloc div.article {
 	float: left;
 	margin: 0px 0px 40px 0px; padding: 0px 0px 20px 0px;
 	width: 460px; height: 310px;
 }
 div#bloc div.article-large {
 	float: left;
 	margin: 0px 0px 40px 0px; padding: 0px 0px 20px 0px;
 	width: 930px; height: 320px;
 }
 div#bloc div.article-variante {
 	float: left;
 	margin: 0px 0px 40px 0px; padding: 0px 0px 20px 0px;
 	width: 650px;
 }
 div#bloc div.article-variante-2 {
 	float: left;
 	margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
 	width: 650px;
 }
 div#bloc div.article-middle {
 	float: left;
 	margin: 0px 0px 40px 0px; padding: 0px 0px 20px 0px;
 	width: 680px; height: 335px;
 }
 
 
 div#bloc div.article div#texte,
 div#bloc div.article-variante div#texte,
 div#bloc div.article-variante-2 div#texte {
 	position: absolute;
	top: 230px; left: -10px;
	width: 490px; height: 310px;
 	margin: 0px 0px 0px 15px; padding: 0;
 	overflow: auto;
    overflow-x: hidden;
 }
 div#bloc div.article-middle div#texte {
 	position: absolute;
	top: 230px; left: -10px;
	width: 680px; height: 330px;
 	margin: 0px 0px 0px 15px; padding: 0;
 	overflow: auto;
    overflow-x: hidden;
 }
 div#bloc div.article-large div#texte {
 	position: absolute;
	top: 230px; left: -10px;
	width: 945px; height: 320px;
 	margin: 0px 0px 0px 15px; padding: 0;
 	overflow: auto;
    overflow-x: hidden;
 }
 	.cds_scrollbar { /*##COULEUR DE LA BARRE SANS ROLL OVER##*/
		position: absolute;
		background: #A7C200 url('../images/fond-scrollbar-2.gif') no-repeat center center;
		right: 0px;
		width: 10px ! important;
		cursor: pointer;
	}
	.cds_scrollbar_over { /*##COULEUR DE LA BARRE AU ROLL OVER##*/
		background: #595654 url('../images/fond-scrollbar-2.gif') no-repeat center center;
	}
	.cds_scrollbar_pushed { /*##COULEUR DE LA BARRE LORS DU DEPLACEMENT##*/
		background: #595654 url('../images/fond-scrollbar-2.gif') no-repeat center center;
	}
	.cds_track {
		position: absolute;
		background: #ffffff url('../images/fond-scrollbar-inner.gif') repeat-y top center;
		right: 0px;
		top: 0px;
		width: 10px ! important; height: 100%;
		cursor: pointer;
	}
	.cds_up {
		position: absolute;
		top: 0px; right: 0px;
		width: 10px ! important;
		background: #ffffff url('../images/fond-scrollbar-2-h.gif') no-repeat top center;
		cursor: pointer;
	}
	.cds_down {
		position: absolute;
		bottom: 0px; right: 0px;
		width: 10px ! important;
		background: #ffffff url('../images/fond-scrollbar-2-b.gif') no-repeat bottom center;
		cursor: pointer;
	}
 	div#texte div#content-texte {
 		position:relative;
		padding-right: 30px;
		height: 100%;
 	}
	div#texte div.carriere-content-texte div { height:auto;}
 	div#bloc div.article h1, div#bloc div.article-droite h1,
 	div#bloc div.article-large h1,
 	div#bloc div.article-variante-2 h1,
 	div#bloc div.article-middle h1 {
 		margin: 0px 0px 20px 0px; padding: 0px 0px 0px 50px;
 		font-size: 1.4em;
 		color: #A7C200;
 		line-height: 1.1em;
 		background: url('../images/puce-titre.gif') repeat-y top left;
 	}
 	div#bloc div.article p, div#bloc div.article-droite p,
 	div#bloc div.article-large p, div#bloc div.article-middle p {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 1.1em;
 		color: #4A4744;
 	}
 	div#bloc div.article p.intro, div#bloc div.article-droite p.intro,
 	div#bloc div.article-large p.intro {
 		margin: 0px 0px 20px 0px; padding: 0;
 		color: #3D3A38;
 	}
	 	div#bloc div.article-variante-2 p.intro {
	 		margin: 0px 0px 20px 0px; padding: 0;
	 		font-size: 1.2em;
	 		color: #3D3A38;
	 	}
	 	div#bloc div.article-middle p.intro {
	 		margin: 0px 0px 0px 0px; padding: 0;
	 		font-size: 1.2em; line-height: 1.4em;
	 		color: #3D3A38;
	 	}
	 
	div#bloc div.article-middle ul.liste {
		float: left;
		margin: 0px 40px 20px 40px; padding: 0;
	}
		div#bloc div.article-middle ul.liste li {
	 		font-size: 1.2em; line-height: 2em;
	 		color: #8DBB00;
	 		list-style: none;
		}
		div#bloc div.article-middle ul.liste li a,
		div#bloc div.article-middle ul.liste li a:link,
		div#bloc div.article-middle ul.liste li a:visited {
			margin: 0; padding: 0px 0px 2px 10px;
			color: #8DBB00;
			background: url('../images/puce-liste-offres.gif') no-repeat center left;
		}
		div#bloc div.article-middle ul.liste li a:hover {
			color: #E86500;
		}
	 	
 	div#bloc div.article div.right, div#bloc div.article-droite div.right  {
 		display: block;
 		width: 400px;
 		margin: 0; padding: 0;
 		text-align: right;
 	}
 		div#bloc div.article input.reset, div#bloc div.article-droite input.reset {
 			margin: 0px 10px 0px 0px; padding: 0px 0px 2px 0px;
 			width: 73px; height: 14px;
 			line-height: 14px;
 			font-size: 1em; font-weight: bold;
		 	color: #B6B3B1;
		 	background: #FFFFFF url('../images/btn-reset.gif') no-repeat top left;
		 	border: none;
		 	text-align: center; text-transform: uppercase;
 		}
 		div#bloc div.article input.submit, div#bloc div.article-droite input.submit {
 			margin: 0; padding: 0px 0px 2px 0px;
 			width: 73px; height: 14px;
 			line-height: 14px;
 			font-size: 1em; font-weight: bold;
		 	color: #A7C200;
		 	background: #FFFFFF url('../images/btn-submit.gif') no-repeat top left;
		 	border: none;
		 	text-align: center; text-transform: uppercase;
 		}

	/** OFFRES **/
	div#bloc div.article-middle p.retour {
		margin: 0; padding: 0;
		width: 90%;
		text-align: right;
	}
	div.article-middle hr.sep {
		margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px;
		background: #ffffff;
		border: none;
		border-bottom: 3px solid #DADAD9;
	}
	div.article-middle table.infos-offres {
 		margin: 0px 0px 10px 0px; padding: 0;
 		border-collapse: collapse;
 	}
 		div.article-middle table.infos-offres tr {
	 		margin: 0; padding: 0;
	 	}
	 	div.article-middle table.infos-offres th {
	 		margin: 0; padding: 3px 5px 3px 0px;
	 		font-size: 1.2em;
	 		color: #3D3A38;
	 		text-align: left;
	 	}
	 	div.article-middle table.infos-offres td {
	 		margin: 0; padding: 3px 5px 3px 5px;
	 		font-size: 1em;
	 		color: #3D3A38;
	 		text-align: left;
	 		text-align: left;
	 	}
	 		div.article-middle table.infos-offres td.espace {
	 			padding: 3px 25px 3px 25px;
	 		}
	div.article-middle table.liste-offres {
 		margin: 0px 0px 10px 5px; padding: 0;
 		width: 90%;
 		border-collapse: collapse;
 	}
 		div.article-middle table.liste-offres tr {
	 		margin: 0; padding: 0;
	 	}
	 	div.article-middle table.liste-offres th {
	 		margin: 0; padding: 3px 5px 3px 5px;
	 		font-size: 1.2em;
	 		color: #ffffff; background: #93BE0D;
	 		text-align: left;
	 	}
	 	div.article-middle table.liste-offres td {
	 		margin: 0; padding: 3px 5px 3px 5px;
	 		font-size: 1em;
	 		color: #57757B;
	 		text-align: left;
	 		border: 1px solid #8DBB00;
	 		text-align: left;
	 	}
	 		div.article-middle table.liste-offres td a,
	 		div.article-middle table.liste-offres td a:link,
	 		div.article-middle table.liste-offres td a:visited {
	 			color: #57757B;
	 		}
	 		div.article-middle table.liste-offres td a:hover {
	 			color: #E86500;
	 		}
	 		div.article-middle table.liste-offres td.nbd {
	 			padding: 0;
	 			font-size: 5px;
	 			border: none;
	 		}
	 	div.article-middle table.liste-offres th.center,
	 	div.article-middle table.liste-offres td.center {
	 		text-align: center;
	 	}
	
	/** FORMULAIRE **/ 		
 	table.formulaire {
 		margin: 0; padding: 0;
 	}
 		table.formulaire tr {
	 		margin: 0; padding: 0;
	 	}
	 		table.formulaire tr th {
		 		margin: 0; padding: 2px;
		 		width: 125px;
		 		font-size: 1em;
		 		color: #3D3A38;
		 		text-align: left;
		 		vertical-align: top;
		 	}
	 		table.formulaire tr td {
		 		margin: 0; padding: 0px 0px 2px 0px;
		 	}
		 	table.formulaire select {
		 		margin: 0px 0px 0px 0px; padding: 0;
		 		font-size: 1em;
		 		color: #3D3A38;
		 		background: #F6F6F5;
		 		border: 1px solid #A7C200;
		 	}
		 	table.formulaire input {
		 		margin: 0px 0px 5px 0px; padding: 1px;
		 		font-size: 1em;
		 		color: #3D3A38;
		 		background: #F6F6F5;
		 		border: 1px solid #A7C200;
		 		vertical-align: middle;
		 	}

			table.formulaire textarea.large {  /* AJOUT SVI POUR TEXTAREA PAGE CONTACT - le 3/03 */
		 		margin: 0px 0px 5px 0px; padding: 1px;
		 		font-size: 1.2em;
		 		color: #3D3A38;
		 		background: #F6F6F5;
		 		border: 1px solid #A7C200;
		 		vertical-align: middle;
				width: 310px;
				height: 170px;  /* FIN AJOUT SVI */
		 	}

			table.formulaire input:focus {background-color: #E7E7E3;}

		 	table.formulaire input.large { width: 310px; }
		 	table.formulaire input.medium {
		 		width: 257px;
		 		_width: 253px;
		 	}
		 	table.formulaire input.small { width: 160px; }

			table.formulaire input.large-error { 
				width: 310px; 
				border: 1px solid red; 
				background: #F6F6F5;
			}
		 	table.formulaire input.medium-error { 
				width: 260px; 
				border: 1px solid red; 
				background: #F6F6F5;
			}
		 	table.formulaire input.small-error { 
				width: 160px; 
				border: 1px solid red; 
				background: #F6F6F5;
			}
			table.formulaire input.chkbox {
				margin-right: 5px;
				border: none;
			}
		 	
		 	p.error-form {
		 	    border: 1px solid #A7C200;
		 	    color: red;
		 	    background: #F6F6F5;
		 	    padding: 5px;
		 	    text-align: center;
            }
            
    div#bloc div.article-droite div.right {
 		display: block;
 		width: 400px;
 		margin: 0; padding: 0;
 		text-align: right;
 	}
 		div#bloc div.article-droite input.reset {
 			margin: 0px 10px 0px 0px; padding: 0px 0px 2px 0px;
 			width: 73px; height: 14px;
 			line-height: 14px;
 			font-size: 1em; font-weight: bold;
		 	color: #B6B3B1;
		 	background: #FFFFFF url('../images/btn-reset.gif') no-repeat top left;
		 	border: none;
		 	text-align: center; text-transform: uppercase;
 		}
 		div#bloc div.article-droite input.submit {
 			margin: 0; padding: 0px 0px 2px 0px;
 			width: 73px; height: 14px;
 			line-height: 14px;
 			font-size: 1em; font-weight: bold;
		 	color: #A7C200;
		 	background: #FFFFFF url('../images/btn-submit.gif') no-repeat top left;
		 	border: none;
		 	text-align: center; text-transform: uppercase;
 		}
    /** FIN FORMULAIRE **/
 	
 div#bloc div.article-droite-2 {
 	float: right;
 	margin: 0; padding: 0px 0px 10px 0px;
 	width: 250px;
 }
 	div#bloc div.limitespace {
 		font-size: 1px;
 	}
 	div#bloc div.article-droite-2 div {
 		margin-left: 10px;
 	}
 	div#bloc div.article-droite-2 img {
 		margin-bottom: 5px;
 		border: none;
 	}
 		div#bloc div.article-droite-2 img.alternate {
 			margin-bottom: 0px;
 			border: none;
 		}
 
div {
	*+height:1%;
}

div#map-ab div div div{
	*+height:15px;
	*+overflow:none;
}
div#map-ab div div div div {
	*+height:100%;
}

 div#bloc div.article-droite {
 	float: right;
 	margin: 0; padding: 0px 0px 10px 0px;
 	width: 410px;
 }
 
 	div#bloc div.article-droite div.mini-texte {
 		float: right;
	 	margin: 120px 40px 0px 0px; padding: 0;
	 	width: 120px;
	}
	div#bloc div.article-droite div.mini-texte h2 {
		margin: 0; padding: 0;
 		font-size: 1.3em;
 		color: #A7C200;
	}
		div#bloc div.article-droite div.mini-texte p {
	 		margin: 5px 0px 0px 0px; padding: 0;
	 		font-size: 1em;
	 		color: #3D3A38;
	 	}
	 	
	div#bloc div.article-droite div.mini-texte-horizontal {
	 	margin: 0px 10px 10px 10px; padding: 0;
	}
	div#bloc div.article-droite div.mini-texte-horizontal h2 {
		margin: 0; padding: 0;
 		font-size: 1.3em;
 		color: #A7C200;
	}
		div#bloc div.article-droite div.mini-texte-horizontal p {
	 		margin: 5px 0px 0px 0px; padding: 0;
	 		font-size: 1em;
	 		color: #3D3A38;
	 	}
	
	div#bloc div.article-droite div.vignette {
	 	float: right;
	 	position: relative;
	 	margin: 0px 0px 10px 0px; padding: 10px 15px 10px 15px;
	 	width: 210px; height: 320px;
	 	background: #595654;
	 }
	 	div#bloc div.article-droite div.vignette div.vignettes img {
	 		border: none;
	 	}
	 	div#bloc div.article-droite div.vignette div.vignettes div.navig {
	 		position: absolute;
	 		top: 315px; left: 200px;
	 		width: 50px;
	 		padding: 0;
	 	}
	 	div#bloc div.article-droite div.vignette div.vignettes div.navig-center {
	 		position: absolute;
	 		top: 315px; left: 100px;
	 		width: 50px;
	 		padding: 0;
	 		text-align: center;
	 	}
	 	div#bloc div.article-droite div.vignette p {
	 		margin: 5px 10px 5px 10px; padding: 0;
	 		color: #BDBBBB;
	 	}
	 		div#bloc div.article-droite div.vignette p.center {
	 			color: #DEDDDD;
	 			text-align: center;
	 		}
	 	
	 	div#bloc div.article-droite div.vignette-horizontale p {
	 		margin: 5px 10px 5px 10px; padding: 70px 0px 0px 0px;
	 		color: #BDBBBB;
	 	}
	 	
	 div#bloc div.article-droite div.vignette-2 {
	 	display: none;
	 	float: right;
	 	margin: 0px 0px 10px 0px; padding: 10px 15px 10px 15px;
	 	width: 210px;
	 	background: #595654;
	 }
	 	div#bloc div.article-droite div.vignette-2 p {
	 		margin: 5px 10px 5px 10px; padding: 0;
	 		color: #BDBBBB;
	 	}
	 
	 div#bloc div.article-droite div.vignette-horizontale {
	 	float: right;
	 	position: relative;
	 	margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px;
	 	width: 380px; height: 21.7em;
	 	background: #595654;
	 }
	 	div#bloc div.article-droite div.vignette-horizontale div.vignettes {
	 		clear: both;
	 	}
	 	div#bloc div.article-droite div.vignette-horizontale div.vignettes img {
	 		float: left;
	 		margin: 0px 10px 0px 0px;
	 		border: none;
	 	}
	 	div#bloc div.article-droite div.vignette-horizontale div.vignettes div.navig {
	 		position: absolute;
	 		top: 205px; left: 350px;
	 		padding: 0;
	 		width: 50px;
	 	}
 
 div#bloc div.map {
 	float: left;
 	margin: 0; padding: 0;
 	width: 520px;
 }
 	div#bloc div.map img#map-france {
 		float: left;
 		margin: 0px 10px 0px 0px; padding: 0;
 	}
 	div#bloc div.map div.map-texte {
 		margin: 0; padding: 45px 0px 0px 0px;
 	}
 		div#bloc div.map div.map-texte h2 {
 			margin: 0; padding: 0;
 			font-size: 1em; font-weight: bold;
 			color: #2F2C2A;
 		}
 		div#bloc div.map div.map-texte p {
 			margin: 0px 0px 10px 0px; padding: 0;
 			font-size: 0.9em;
 			color: #C4C2C0;
 		}
 		div#bloc div.map div.map-texte select {
 			margin: 0px 0px 10px 0px; padding: 1px;
 			width: 135px;
 			font-size: 1em; font-weight: bold;
 			color: #494644;
 			border: 1px solid #8DBB00;
 		}
 		div#bloc div.map div.map-texte input.sbmt {
 			margin: 0px 0px 10px 0px; padding: 0px 1px 0px 1px;
 			width: 135px;
 			font-size: 1em; font-weight: bold;
 			color: #ffffff; background: #8DBB00;
 			border: 1px solid #8DBB00;
 		}
 		div#bloc div.map div.map-texte input.sbmt:hover {
 			color: #8DBB00;
 			background: #ffffff;
 		}
 
 div#bloc div.fiche {
 	float: right;
 	margin: 25px 0px 0px 0px; padding: 0;
 	width: 396px;
 }
 	div#bloc div.fiche div.intro {
	 	margin: 0; padding: 0;
	 	height: 160px;
	 	background: url('../images/fond-magasins.gif') no-repeat top left;
	}
	div#bloc div.fiche div.intro p {
		float: left;
		margin: 40px 12px 12px 12px;
		width: 170px;
		font-size: 1em; font-weight: bold;
		color: #3D3A38;
	}
	div#bloc div.fiche div.intro img {
		float: right;
		margin: 17px 15px 17px 0px;
	}
	div#bloc div.fiche p {
		margin: 10px 0px 10px 0px; padding: 0;
		font-size: 1em;
		color: #3D3A38;
	}
		div#bloc div.fiche p.quote {
			margin: 30px 0px 10px 0px; padding: 0;
			font-size: 0.9em;
			color: #C4C2C0;
		}
			div#bloc div.fiche p.quote a,
			div#bloc div.fiche p.quote a:link,
			div#bloc div.fiche p.quote a:visited {
				text-decoration: none;
			}
 
 div#bloc div.visuel {
 	float: left;
 	margin: 0px 35px 0px 0px; padding: 0;
 	width: 268px; height: 268px;
 	background: #E6E2E1;
 	text-align: center;
 }
 	div#bloc div.visuel img {
 		margin-top: 50px;
 	}
 	
 div.magasin-texte {
 	float: right;
 	position: relative;
 	width: 625px;
 }
 div.magasin-texte div#mag-texte {
 	position: absolute;
	top: 0; left: -80px;
	width: 685px; height: 270px;
 	margin: 0px 0px 0px 30px; padding: 0;
 	overflow: auto;
    overflow-x: hidden;
 }
 	div.magasin-texte div#mag-texte p {
 		margin: 0px 50px 0px 5px ! important; padding: 0;
 		font-size: 1.1em;
 		color: #3D3A38;
 	}
 	
 	div.magasin-texte table {
 		margin: 30px 45px 0px 5px; padding: 0;
 		border-collapse: collapse;
 	}
 		div.magasin-texte table tr {
	 		margin: 0; padding: 0;
	 	}
	 	div.magasin-texte table th {
	 		margin: 0; padding: 3px 5px 3px 5px;
	 		font-size: 1em;
	 		color: #ffffff; background: #94BF0D;
	 		text-align: left;
	 	}
	 	div.magasin-texte table td {
	 		margin: 0; padding: 3px 5px 3px 5px;
	 		font-size: 1em;
	 		color: #57757B;
	 		text-align: left;
	 		border: 1px solid #8DBB00;
	 		text-align: left;
	 	}
	 		div.magasin-texte table td.nbd {
	 			padding: 0;
	 			font-size: 5px;
	 			border: none;
	 		}
	 	div.magasin-texte table th.center,
	 	div.magasin-texte table td.center {
	 		text-align: center;
	 	}
	 
	 div.magasin-texte div.autre-recherche {
	 	margin: 40px 0px 0px 0px; padding: 0;
	 	text-align: center;
	 }
	 	div.magasin-texte div.autre-recherche p {
		 	margin: 0; padding: 0;
		 	text-align: center;
		}
	 	div.magasin-texte div.autre-recherche p a,
	 	div.magasin-texte div.autre-recherche p a:link,
	 	div.magasin-texte div.autre-recherche p a:visited {
	 		display: block;
	 		margin: 0px auto 0px auto; padding: 0px 0px 2px 0px;
 			width: 165px; height: 14px;
 			line-height: 14px;
 			font-size: 1em; font-weight: bold;
		 	color: #A7C200;
		 	background: #FFFFFF url('../images/btn-recherche.gif') no-repeat top left;
		 	border: none;
		 	text-align: center; text-transform: uppercase; text-decoration: none;
	 	}
	 	div.magasin-texte div.autre-recherche p a:hover {
	 		color: #E86500;
	 	}
 
 div#bloc div.menus-rubriques-principales {
 	margin: 0; padding: 0;
 	height: 2.2em;
 	line-height: 2.2em;
 	background: #D4D0CD;
 }
 div#bloc div.menus-rubriques-principales * {
 	z-index:999;
  
 }
 		div#bloc div.menus-rubriques-principales ul {
 			margin: 0; padding: 0;
 		}
 		div#bloc div.menus-rubriques-principales ul li {
 			display: inline;
 			position: relative;
 			float: left;
 			margin: 0; padding: 0;
 		}
 		div#bloc div.menus-rubriques-principales ul li a,
 		div#bloc div.menus-rubriques-principales ul li a:link,
 		div#bloc div.menus-rubriques-principales ul li a:visited {
 			display: block;
 			overflow: hidden;
 			margin: 0; padding: 0px 30px 0px 30px;
 			line-height: 2.2em;
 			font-size: 1em;
 			color: #1B383E;
 			background: #D9D2D0;
 			text-decoration: none;
 		}
 			div#bloc div.menus-rubriques-principales ul li.current a,
 			div#bloc div.menus-rubriques-principales ul li.current a:link,
 			div#bloc div.menus-rubriques-principales ul li.current a:visited {
 				background: #ECE8E7 ! important;
 			}
	 		div#bloc div.menus-rubriques-principales ul li a strong,
	 		div#bloc div.menus-rubriques-principales ul li a:link strong,
	 		div#bloc div.menus-rubriques-principales ul li a:visited strong {
	 			font-weight: normal;
	 		}
	 		div#bloc div.menus-rubriques-principales ul li.current a strong,
	 		div#bloc div.menus-rubriques-principales ul li.current a:link strong,
	 		div#bloc div.menus-rubriques-principales ul li.current a:visited strong {
	 			font-weight: bold;
	 		}
 		div#bloc div.menus-rubriques-principales ul li a:hover {
 			background: #ECE8E7;
 		}
		 	div#bloc div.menus-rubriques-principales ul ul {
		 		display: none;
				position: absolute; top: 22px; left: 0px;
				margin: 0; padding: 0;
				background: #ffffff;
			}
			div#bloc div.menus-rubriques-principales ul li:hover ul {
		 		display: block;
		 		border-left: 1px solid #D4D0CD;
		 		border-right: 1px solid #D4D0CD;
		 		border-bottom: 1px solid #D4D0CD;
		 	}
		 	div#bloc div.menus-rubriques-principales ul ul li {
		 		clear: both;
		 		width: 140px;
		 		border-left: 1px solid #ffffff;
		 		border-right: 1px solid #ffffff;
		 	}
	 		div#bloc div.menus-rubriques-principales ul ul li a,
	 		div#bloc div.menus-rubriques-principales ul ul li a:link,
	 		div#bloc div.menus-rubriques-principales ul ul li a:visited,
	 		div#bloc div.menus-rubriques-principales ul li.current ul li a,
	 		div#bloc div.menus-rubriques-principales ul li.current ul li a:link,
	 		div#bloc div.menus-rubriques-principales ul li.current ul li a:visited {
	 			display: block;
	 			width: 140px;
	 			margin: 1px 0px 1px 0px; padding: 1px 0px 1px 0px;
	 			font-size: 0.9em;
 				line-height: 1.4em;
	 			color: #595654 ! important;
	 			background: #D8D1CF ! important;
	 			text-decoration: none; text-align: center;
	 		}
	 		div#bloc div.menus-rubriques-principales ul ul li a:hover,
	 		div#bloc div.menus-rubriques-principales ul li.current ul li a:hover {
	 			color: #ffffff ! important;
	 			background: #595654 ! important;
	 		}
 
 div#bloc div.menus-rubriques {
 	margin: 0; padding: 0;
 	height: 2.2em;
 	line-height: 2.2em;
 	background: #E6E3E2;
 }
 		div#bloc div.menus-rubriques ul {
 			float: right;
 			margin: 0; padding: 0;
 			height: 2.2em;
 			line-height: 2.2em;
 			background: #F0EEEE;
 		}
 		div#bloc div.menus-rubriques ul li {
 			display: inline;
 			margin: 0; padding: 0;
 		}
 		div#bloc div.menus-rubriques ul li a,
 		div#bloc div.menus-rubriques ul li a:link,
 		div#bloc div.menus-rubriques ul li a:visited {
 			float: left;
 			display: block;
 			overflow: hidden;
 			margin: 0px 0px 0px 9px; padding: 0px 30px 0px 15px;
 			line-height: 2.2em;
 			font-size: 1em;
 			color: #1B383E;
 			background: #E6E3E2;
 			text-decoration: none;
 		}
 		div#bloc div.menus-rubriques ul li a:hover {
 			color: #ffffff;
 			background: #BAB7B4;
 		}


/*--------------------
   PLAN DU SITE
 ---------------------*/
 
 div#bloc div.plan {
 	margin: 0px auto 40px auto; padding: 20px 0px 20px 0px;
 	width: 800px;
 }
 	div#bloc div.plan h2 {
 		margin: 0px 0px 20px 0px; padding: 0;
 		overflow: hidden;
 		height: 59px;
 		font-size: 5em;
 		color: #BAC3C5;
 		background: url('../images/fond-plandusite.gif') no-repeat top left;
 		text-indent: -100em;
 	}
 	
 	div#bloc div.plan div.rubriques {
 		float: left;
 		margin: 0px 20px 20px 0px;
 	}
 	
 	div#bloc div.plan h3 {
 		margin: 0px 0px 5px 0px; padding: 0;
 		font-size: 1em; font-weight: bold;
 		color: #1B383E; background: #BAC3C5;
 		text-transform: uppercase;
 	}
 		div#bloc div.plan h3 a,
 		div#bloc div.plan h3 a:link,
 		div#bloc div.plan h3 a:visited {
 			display: block;
 			margin: 0; padding: 0px 0px 18px 0px;
 			line-height: 1.8em;
 			color: #1B383E; background: #BAC3C5;
 			text-decoration: none;
 		}
 			div#bloc div.plan h3 a span,
	 		div#bloc div.plan h3 a:link span,
	 		div#bloc div.plan h3 a:visited span {
 				display: block;
 				padding: 0px 5px 0px 2px;
 				background: #ffffff;
	 		}
 		div#bloc div.plan h3 a:hover {
 			padding: 18px 0px 0px 0px;
 			color: #ffffff; background: #ffffff;
 		}
 			div#bloc div.plan h3 a:hover span {
 				padding: 0px 5px 0px 2px;
 				 background: #BAC3C5;
 			}
 			
 		div#bloc div.plan ul {
 			margin: 0px 2px 0px 2px; padding: 0;
 			list-style: none;
 		}
 			div#bloc div.plan ul li {
	 			margin: 0px 0px 4px 0px; padding: 0;
	 		}
		 		div#bloc div.plan ul li a,
		 		div#bloc div.plan ul li a:link,
		 		div#bloc div.plan ul li a:visited {
		 			padding-right: 10px;
		 			color: #414141;
		 			text-decoration: none;
		 		}
		 		div#bloc div.plan ul li a:hover {
	 				color: #E86500;
		 		}

/*--------------------
   designers
 ---------------------*/
 
 div#bloc div.designers {
 	margin: 0px 10px 20px 5px; padding: 5px 0px 5px 0px;
 }
 
	div#bloc div.designers h1 {
 		margin: 0px 0px 20px 0px; padding: 0px 0px 0px 50px;
 		font-size: 1.4em;
 		color: #A7C200;
 		line-height: 1.1em;
 		background: url('../images/puce-titre.gif') repeat-y top left;
 		text-transform: uppercase;
 	}
 	div#bloc div.designers div.autres {
 		float: right;
 		margin: 10px 0px 20px 0px; padding: 5px 25px 5px 25px;
 		width: 697px;
 		border: 1px solid #D3E07F;
 	}
 		div#bloc div.designers div.autres ul {
 			margin: 0; padding; 0;
 			list-style: none;
 		}
 		div#bloc div.designers div.autres ul li {
 			display: block;
 			float: left;
 			margin: 0px 40px 0px 0px; padding: 0px 0px 0px 15px;
 			font-size: 1em; font-weight: bold;
 			color: #A7C200;
 			background: url('../images/puce-autres.gif') no-repeat center left;
 		}
 		div#bloc div.designers div.autres ul li a,
 		div#bloc div.designers div.autres ul li a:link,
 		div#bloc div.designers div.autres ul li a:visited {
 			color: #A7C200;
 			text-decoration: none;
 		}
 		div#bloc div.designers div.autres ul li a:hover {
 			color: #1B383E;
 		}
 		
 	div#bloc div.designers div.photo {
 		float: left;
 		margin: 0px 10px 0px 0px; padding: 0;
 	}
 	div#bloc div.designers div.photos {
 		float: right;
 		position: relative;
 		margin: 0; padding: 0;
 		width: 358px;
 	}
 	div#bloc div.designers div.photos img.suivant {
 		position: absolute; top: 222px; left: 336px;
 		border: none;
 	}
 	div#bloc div.designers div.fiche-texte {
 		float: right;
 		position: relative;
 		width: 390px; height: 243px;
 		margin: 0; padding: 0;
 		background: #A7C200;
 	}
 	div#bloc div.designers div.fiche-texte .cds_scrollbar {
		position: absolute;
		background: #ffffff url('../images/fond-scrollbar.gif') no-repeat center center;
		right: 0px;
		width: 10px ! important;
		cursor: pointer;
	}
	div#bloc div.designers div.fiche-texte .cds_scrollbar_over {
		background: #1B383C url('../images/fond-scrollbar.gif') no-repeat center center;
	}
	div#bloc div.designers div.fiche-texte .cds_scrollbar_pushed {
		background: #1B383C url('../images/fond-scrollbar.gif') no-repeat center center;
	}
	div#bloc div.designers div.fiche-texte .cds_track {
		position: absolute;
		background: #A7C200 url('../images/fond-scrollbar-inner2.gif') repeat-y top center;
		right: 0px; top: 0px;
		width: 10px ! important; height: 100%;
		cursor: pointer;
	}
	div#bloc div.designers div.fiche-texte .cds_up {
		position: absolute;
		top: 0px; right: 0px;
		width: 10px ! important;
		background: #A7C200 url('../images/fond-scrollbar-2-h2.gif') no-repeat top center;
		cursor: pointer;
	}
	div#bloc div.designers div.fiche-texte .cds_down {
		position: absolute;
		bottom: 0px; right: 0px;
		width: 10px ! important;
		background: #A7C200 url('../images/fond-scrollbar-2-b2.gif') no-repeat bottom center;
		cursor: pointer;
	}
		div#bloc div.designers div.fiche-texte img.hg {
			position: absolute; top: 0px; left: 0px;
		}
		div#bloc div.designers div.fiche-texte img.bg {
			position: absolute; top: 234px; left: 0px;
		}
 		div#bloc div.designers div.fiche-texte div.fiche-texte-content {
 			position: absolute;
			top: 60px; left: -10px;
			width: 365px; height: 170px;
		 	margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;
		 	overflow: auto;
    		overflow-x: hidden;
 		}
 			div#bloc div.designers div.fiche-texte div.fiche-texte-content p {
 				padding: 15px 20px 0px 0px;
 				font-size: 1.1em; line-height: 1.6em;
 			}
 			div#bloc div.designers div.fiche-texte p a,
 			div#bloc div.designers div.fiche-texte p a:link,
 			div#bloc div.designers div.fiche-texte p a:visited {
 				color: #ffffff !important;
 				text-decoration: none;
 			}
 			div#bloc div.designers div.fiche-texte p a:hover {
 				color: #000000;
 				text-decoration: underline;
 			}
 			
 			div#bloc div.designers div.fiche-texte p a.vert,
 			div#bloc div.designers div.fiche-texte p a.vert:link,
 			div#bloc div.designers div.fiche-texte p a.vert:visited {
 				color: #424D01 !important;
 				text-decoration: none;
 			}
 			div#bloc div.designers div.fiche-texte p a.vert:hover {
 				color: #000000;
 				text-decoration: underline;
 			}
 			
	 	div#bloc div.designers div.fiche-texte h2 {
	 		margin: 0; padding: 30px 20px 15px 20px;
	 		font-size: 1.3em;
	 		color: #ffffff;
	 	}
	 		div#bloc div.designers div.fiche-texte h2 span {
	 			font-size: 1.3em;
	 		}
 	

/*--------------------
   PARTENAIRES
 ---------------------*/
 
 div#bloc div.partenaires-liste {
 	float: left;
 	margin: 0px 10px 40px 0px; padding: 20px 0px 70px 0px;
 	width: 265px; height: 18em;
 	border: 1px solid #D4D1D1;
 }
 	div#bloc div.partenaires-liste p {
 		margin: 0; padding: 5px;
 		text-align: center; text-transform: uppercase;
 	}
 		div#bloc div.partenaires-liste p a,
 		div#bloc div.partenaires-liste p a:link,
 		div#bloc div.partenaires-liste p a:visited {
 			margin: 0px 5px 0px 5px; padding: 2px 10px 2px 10px;
 			line-height: 2.1em;
 			font-size: 1.2em; font-weight: bold;
 			color: #B7B3B2;
 			background: #ffffff;
 			text-decoration: none;
 		}
 		div#bloc div.partenaires-liste p a.current,
 		div#bloc div.partenaires-liste p a.current:link,
 		div#bloc div.partenaires-liste p a.current:visited,
 		div#bloc div.partenaires-liste p a:hover {
 			color: #ffffff;
 			background: #ACA9A8;
 		}
 		
 div#bloc div.partenaire {
 	float: right;
 	margin: 0; 
  padding: 14px 15px 15px 15px;
 	width: 630px; height: 24.3em;
 	background: url('../images/fond-partenaires.gif') no-repeat top left;
 }
 	div#bloc div.partenaire img.visuel {
 		float: right;
 		padding: 14px 15px 15px 15px;
 	}
 	div#bloc div.partenaire div.texte {
 		margin: 0px;
 		font-size:8px;
 	}
 	div#bloc div.partenaire div.texte img {
 		margin: 0px;
 	}
 	div#bloc div.partenaire p {
 		margin: 0px 0px 5px 10px; padding: 0;
 		width: 250px;
 		font-size: 1.1em;
 		color: #4A4744;
 	}
 		div#bloc div.partenaire p span.lettrine {
 			font-size: 1.2em;
 		}
 		div#bloc div.partenaire p a,
 		div#bloc div.partenaire p a:link,
 		div#bloc div.partenaire p a:visited {
 			color: #9A9795;
 			text-decoration: none;
 		}
 		div#bloc div.partenaire p.lnk a,
 		div#bloc div.partenaire p.lnk a:link,
 		div#bloc div.partenaire p.lnk a:visited {
 			font-size: 0.9em; font-weight: bold;
 		}
 		div#bloc div.partenaire p a:hover {
	 		color: #E86500;
 		}

/********************************************************
 *       Tableaux de téléchargement de catalogues       *
 ********************************************************/ 
table.catalogues {
	border-collapse:collapse;
	width:95%;
	color: #FFF;
}
table.catalogues caption {
	text-align: left;
	font-size: 1.1em;
	padding: 0px 0px 20px 0px;
}
table.catalogues tbody {
	background-color:#FFFFFF;
}
table.catalogues th {
	font-size: 1.1em;
	padding:5px;
	text-align: left;
	color: #ffffff;
}
table.catalogues thead th {
	background-color: #595654;
	border-bottom: 1px solid #ffffff;
}
table.catalogues tbody th {
	width:30%;
}
table.catalogues th,
table.catalogues td {
	border-bottom: 2px solid #ffffff;
}
table.catalogues tr { background-color: #8B8988; }
table.catalogues tr.alternate { background-color: #E2E2E2; }
table.catalogues td {
	padding:5px;
	text-align:left;
	color: #ffffff;
}
table.catalogues tr.alternate th,
table.catalogues tr.alternate td {
	color: #8B8988;
}

table.catalogues td.vignette-doc {
	padding:1px;
	text-align:left;
	background-color: #8B8988;
}

/**************************************
 *       Fonctionnalités PopBox       *
 **************************************/ 		
.PopBoxImageSmall {
	border: none 0px #ffffff;
	cursor: url('../images/popbox/magplus.cur'), pointer;
}
.PopBoxImageLarge {
	border: solid 1px #999999;
	cursor: url('../images/popbox/magminus.cur'), pointer;
}
.PopBoxImageShrink { cursor: url('../images/popbox/magminus.cur'), pointer; }
.PopBoxImageLink { cursor: pointer; }
.PopBoxImageMove {
	border: none 0px #ffffff;
	cursor: pointer;
}

a.google_text {
 color:#1B383E;
 font-weight:bold;
 text-decoration:none;'
}