/*-----------------------------------
 * GAUTIER
 * r�alis� par SQLI
 * Cr�ation : 21.03.2006
 * Derniere modification : 23.03.2006
 ------------------------------------*/
 

/*--------------------
   Variables globales
 ---------------------*/
 
  body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;
	color: #000000; background-color: #F2EDE8;
	text-align: center;
	behavior: url('/theme_front/theme_front_1/style/csshover2.htc'); /* Fichier importe pour permettre � Internet Explorer de comprendre la pseudo-classe :hover */
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }
  
  table { width: 100%; }
  div#all {
  	position: relative;
	width: 990px;
	margin-left: auto; margin-right: auto;
	text-align: left;
  }
  	div#all.popup { width: 435px; }
  br.clear {
  	clear: both;
  }
  div#overlay {
 	position: absolute;
	top: 0; left: 0;	
	width: 100%; height: 855px;
	background-color: #000000;
  }
 div#page-popup {
  	z-index: 3;
 	position: absolute; top: 128px; left: 0px;
 	clear: both;
 	margin: 0px auto 0px auto; padding: 0;
 	width: 100%;
 	text-align: center;
 }
 	div#page-popup div.inner {
 		position: relative;
 		margin: 0px auto 0px auto;
 		width: 1001px;
 	}
 		div#page-popup div.inner img {
 			border: 5px solid #ffffff;
 		}
 	div#page-popup p {
 		position: absolute; top: 370px; left: 950px;
 		margin: 0;
 		text-align: right;
 	}
 	div#page-popup p a,
 	div#page-popup p a:link,
 	div#page-popup p a:visited {
 		font-weight: bold;
 		color: #ffffff;
 		text-decoration: none;
 	}
 	div#page-popup p a:hover {
 		color: #89C525;
 	}
  
/*--------------------
   Header
 ---------------------*/ 
  div#header {
  	display: block;
  	margin: 0; padding: 2px 0px 0px 0px;
  	height: 65px;
  	text-align: left;
  }
  	div#header h1.autre {
  		float: left;
  		margin: 10px 0px 0px 0px; padding: 0;
  		background-image: url(../image/logo-gautier.gif);
		background-repeat: no-repeat; background-position: top left;
  	}
  	div#header h1.autre a {
  		display: block; overflow: hidden;
  		width: 512px; height: 36px;
		text-indent: -100em;
  	}
  		div#header h1.office {
	  		float: left;
	  		margin: 0px 0px 0px 0px; padding: 0;
	  		background-image: url(../image/logo-gautier-office.gif);
			background-repeat: no-repeat; background-position: top left;
	  	}
	  	div#header h1.office a {
	  		display: block; overflow: hidden;
	  		width: 470px; height: 55px;
			text-indent: -100em;
	  	}
	  	
	  	div#header h1.univers {
	  	float: left;
  		margin: 10px 0px 0px 0px; padding: 0;
  		background-image: url(../image/logo-gautier-univers.gif);
		background-repeat: no-repeat; background-position: top left;
	  	}
	  	div#header h1.univers a {
  		display: block; overflow: hidden;
  		width: 512px; height: 36px;
		text-indent: -100em;
  		}
  		
  	
  		/*MMA - 27/10/2006 - Modification du style des drapeaux -->*/
  		 div#header ul#language {
                        float: right;
                        margin-top: 12px;         
                        padding-top: 0px;
                        background-image: url(../image/fond-flags.gif);
                        background-repeat: no-repeat;
                        background-position: center right;
                        height: 28px;
                        width: 275px;   
            }

            div#header ul#language li {
                        display: inline;
                        float:right;
                        margin-top: 4px;           
                        padding-right: 20px;                                                                            
                        background-repeat: no-repeat; background-position: top left;
                        height: 28px;
                        list-style: none;	
             }
             div#header ul#language li.lang_header_fr {
                  background-image: url(../image/flag-french.gif);
             }
             div#header ul#language li.lang_header_us {
	  			background-image: url(../image/flag-usa.gif);
	  		 }
	  		 div#header ul#language li.lang_header_en {
	  			background-image: url(../image/flag-english.gif);
	  		 }
	  		 div#header ul#language li.lang_header_es {
	  			background-image: url(../image/flag-espanola.gif);
	  		 }
	  		div#header ul#language li a:link, div#header ul#language li a:visited {
	  			margin-top: 4px;           
            	padding-right: 20px;   
	  			color: #ADADAD;
	  			height: 28px;
	  			text-decoration: none;
	  		}
	  		div#header ul#language li a:hover {
	  			color: #FF8400;
	  		}
	  		
    
    /*div#header ul#language {
  		float: right;
  		margin: 0; padding: 0;
  	}
  		div#header ul#language li {
  			display: inline;
	  		margin: 0; padding: 0;
	  		background-repeat: no-repeat; background-position: top left;
	  		list-style: none;
	  	}
	  	div#header ul#language li.lang_header_fr {
                  background-image: url(../image/flag-french.gif);
              }
                  div#header ul#language li.lang_header_fr:hover {
                      background-image: url(../image/flag-french-hover.gif);
                  }
	  		div#header ul#language li.lang_header_us {
	  			background-image: url(../image/flag-usa.gif);
	  		}
		  		div#header ul#language li.lang_header_us:hover {
		  			background-image: url(../image/flag-usa-hover.gif);
		  		}
	  		div#header ul#language li.lang_header_en {
	  			background-image: url(../image/flag-english.gif);
	  		}
	  			div#header ul#language li.lang_header_en:hover {
		  			background-image: url(../image/flag-english-hover.gif);
		  		}
	  		div#header ul#language li.lang_header_es {
	  			background-image: url(../image/flag-espanola.gif);
	  		}
	  			div#header ul#language li.lang_header_es:hover {
		  			background-image: url(../image/flag-espanola-hover.gif);
		  		}
	  	div#header ul#language li a:link, div#header ul#language li a:visited {
	  		margin: 0px 10px 0px 0px; padding: 0px 0px 0px 25px;
	  		color: #ADADAD;
	  		text-decoration: none;
	  	}
	  	div#header ul#language li a:hover {
	  		color: #FF8400;
	  	}
	  */	  	
	  /*MMA - 27/10/2006 - Modification du style des drapeaux -->*/
  
/*--------------------
   Menu
 ---------------------*/ 
  div#menu {
  	position: relative;
  	display: block;
  	margin: 0; padding: 0;
  	height: 59px;
  	background-image: url(../image/fond-sousmenu-none.gif);
  		background-repeat: repeat-x; background-position: bottom left;
  	text-align: left;
  }
  div#votre-selection {
  	position: absolute; top: 0px; left: 870px;
  	margin: 5px 0px 0px 0px; padding: 0;
  	text-align: right;
  }
  	div#votre-selection a:link, div#votre-selection a:visited {
  		margin: 0; padding: 4px 5px 4px 25px;
  		font-size: 1em; font-weight: bold;
  		line-height: 20px;
  		color: #FFFFFF;
  		background-image: url(../image/carnet.gif);
  			background-repeat: no-repeat; background-position: top left;
  		text-decoration: none;
  	}div#votre-selection a:hover { color: #FF8400; }
  	
  	div#menu ul {
  		margin: 0; padding: 0;
		width: 990px; height: 29px;
  		background: #2E0E09;
  	}
  		div#menu ul li {
  			float: left;
  			margin: 0; padding: 0;
  			list-style: none;
  		}
  			div#menu ul li a,
  			div#menu ul li a:link, div#menu ul li a:visited {
  				display: block;
  				margin: 0; padding: 5px 25px 5px 25px;
  				line-height: 19px;
  				font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.2em; font-weight: bold;
  				color: #FFFFFF;
  				text-decoration: none;
  				background-image: url(../image/border-right.gif);
  					background-repeat: no-repeat; background-position: top right;
  			}
  			div#menu ul li.current a:link, div#menu ul li.current a:visited {
  				background-image: url(../image/border-right-current.gif);
				color: #FF8400;
  			}
  				div#menu ul li.last a:link, div#menu ul li.last a:visited {
  					background-image: none;
  				}
  				div#menu ul li a:hover {
  					color: #FF8400;
  				}
  		div#menu ul ul {
  			display: block;
  			position: absolute; top: 29px; left: 0px;
  			width: 980px;
  			padding-left: 10px;
  			background: #8ABD0D;
  		}
  			div#menu ul ul li {
  				margin: 0; padding: 0;
  			}
  				div#menu ul li.current ul li a:link, div#menu ul li.current ul li a:visited {
  					padding: 5px 12px 5px 12px;
  					color: #FFFFFF;
  					font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.4em; font-weight: normal;
  					background-image: none;
  				}
  				div#menu ul li.current ul li a:hover {
  					color: #532821;
  				}
  				div#menu ul li.current ul li.current a:link, div#menu ul li.current ul li.current a:visited {
	  				color: #532821;
	  				font-weight: bold;
	  			}

/*--------------------
   Espace anim�
 ---------------------*/ 
  div#espace-anime {
  	float: left;
  	position: relative;
  	margin: 0px 0px 0px 0px; padding: 0;
  	width: 742px; height: 440px;
  	text-align: right;
  }
  	div.home3 div#espace-anime {
        	background-color: #F3EADC;
        	background-image: url(../image/border-showroom-right.gif);
  			background-repeat: repeat-y; background-position: top right;
  	}
  	div.home2 div#espace-anime {
  			height: 351px;
  	}
  
  	div#espace-anime .showroom {
  		z-index: 5;
  		margin: 0; padding: 0;
  		position: absolute; top: 0px; left: 0px;
        	background-color: #F3EADC;
  	}
  	div#espace-anime .showroom .flash {
  		z-index: 1;
  	}
  	
  	div#col-esp-anime {
		/*display: none;*/
  		margin: 0px 0px 0px 480px; padding: 0;
  		z-index: 6; height: 420px;
  		position: relative;
  		text-align: left;
  	}
  	
  	div.home2 div#col-esp-anime {
  	    height: 351px;
  	}
  	
  	
  		div#bienvenue div.box-compositeur {
  			float: right;
			margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px;	  			
	  		width: 230px;
	  		text-align: left;
	  			background-image: url(../image/composer3d-box.gif);
	  			background-repeat: no-repeat; background-position: top right;
	  		border-bottom: 1px solid #B6D364;
	  	}
	  	div#bienvenue div.compositeur {
	  		height: 120px;
	  	}
	  		div#bienvenue div.compositeur h2 {
	  			margin: 0px 0px 5px 0px; padding: 0 ! important;
	  			height: 30px;
	  			overflow: hidden;
	  			text-indent: -100em;
	  		}
	  		div#bienvenue div.compositeur p {
	  			margin-top: 2px !important; margin-right: 0px !important;
	  			margin-left: 5px ! important;
	  			margin-bottom: 10px;
	  			width: 125px;
	  			color: #2E0F09;
	  		}
	  		div#bienvenue div.compositeur p.suite a,
	  		div#bienvenue div.compositeur p.suite a:link,
	  		div#bienvenue div.compositeur p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #2E0F09;
	  			background-image: url(../image/puce-verte.gif);
  					background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}div#bienvenue div.compositeur p.suite a:hover { color: #FF8400; }
	  		
	  	div#bienvenue div.box-conseils {
	  		float: right;
	  		margin: 0px 0px 10px 0px; padding: 10px 0px 5px 0px;
	  		width: 230px;
	  		background-image: url(../image/fond-conseils-2.gif);
  				background-repeat: no-repeat; background-position: top left;
	  		text-align: left;
	  	}
		  		div#bienvenue div.box-conseils h2 {
		  			margin: 0px 0px 5px 15px; padding: 0;
		  			height: 25px;
		  			overflow: hidden;
		  			background-image: url(../image/fond-conseils.gif);
	  					background-repeat: no-repeat; background-position: top left;
		  			text-indent: -100em;
		  		}
			  	div#bienvenue div.box-conseils p {
			  		margin: 0px 0px 0px 18px; padding: 0;
			  		width: 140px;
			  		font-size: 1.1em;
			  		color: #371410;
			  	}
			  	div#bienvenue div.box-conseils p.suite {
			  		margin: 8px 0px 0px 75px; 
			  		width: 120px;
			  		font-size: 1em;
			  	}
		  		div#bienvenue div.box-conseils p.suite a,
		  		div#bienvenue div.box-conseils p.suite a:link,
		  		div#bienvenue div.box-conseils p.suite a:visited {
		  			padding: 0px 0px 0px 15px;
		  			font-size: 1em;font-weight: bold;
		  			color: #371410;
		  			background-image: url(../image/puce-verte.gif);
	  					background-repeat: no-repeat; background-position: center left;
	  				text-decoration: none;
		  		}div#bienvenue div.box-conseils p.suite a:hover { color: #FF8400; }
		  		
	  	div#bienvenue div.box-divers {
	  		float: right;
	  		margin: 5px 0px 15px 15px; padding: 0px 0px 5px 0px;
	  		width: 230px;
	  		text-align: left;
	  		border-bottom: 1px solid #EAA974;
	  	}
	  		div#bienvenue div.box-divers h2 {
	  			margin: 0; padding: 10px 0px 0px 0px;
	  			height: 36px;
	  			overflow: hidden;
	  			background-image: url(../image/fond-partenaires.gif);
  					background-repeat: no-repeat; background-position: center left;
	  			text-indent: -100em;
	  		}
	  		div#bienvenue div.box-divers p {
	  			margin: 0px 0px 10px 5px;
	  			width: 220px;
	  			color: #371410;
	  		}
	  		div#bienvenue div.box-divers p.suite a,
	  		div#bienvenue div.box-divers p.suite a:link, div#bienvenue div.box-divers p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #371410;
	  			background-image: url(../image/puce-orange.gif);
  					background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}div#bienvenue div.box-divers p.suite a:hover { color: #FF8400; }
	  	
	  	div#bienvenue div.box-rechercher {
	  		float: right;
	  		margin: 10px 0px 15px 0px; padding: 0;
	  		width: 245px;
	  		text-align: left;
	  	}
	  	div#bienvenue div.rechercher {
	  		height: 120px;
	  	}
	  		div#bienvenue div.rechercher h2 {
	  			margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px;
	  			height: 37px;
	  			overflow: hidden;
	  			background-image: url(../image/fond-rechercher.gif);
  					background-repeat: no-repeat; background-position: center left;
	  			text-indent: -100em;
	  		}
	  		div#bienvenue div.rechercher p {
	  			margin: 0px 0px 10px 15px;
	  			width: 200px;
	  			color: #371410;
	  		}
	  		div#bienvenue div.rechercher p.suite a,
	  		div#bienvenue div.rechercher p.suite a:link, div#bienvenue div.rechercher p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #371410;
	  			background-image: url(../image/puce-orange.gif);
  					background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}div#bienvenue div.rechercher p.suite a:hover { color: #FF8400; }
	  		
	  	div#bienvenue div.box-contact {
	  		float: right;
	  		margin: 0px 2px 15px 0px; padding: 2px 0px 0px 0px;
	  		width: 230px; height: 82px;
	  		background-image: url(../image/fond-contacter-bloc-2.gif);
  				background-repeat: no-repeat; background-position: top left;
	  		text-align: left;
	  	}
		  	div#bienvenue div.box-contact ul {
			  	margin: 2px 0px 5px 40px; padding: 0;
			  	font-size: 1em;
				text-align: left;
			}
			  	div#bienvenue div.box-contact ul li {
					margin: 0; padding: 0;
				  	list-style: none;
				}
			  	div#bienvenue div.box-contact ul li a,
			  	div#bienvenue div.box-contact ul li a:link,
			  	div#bienvenue div.box-contact ul li a:visited {
			  		color: #371410;
			  		text-decoration: none;
			  	}div#bienvenue div.box-contact ul li a:hover { color: #FF8400; }
			  	
		  	div#bienvenue div.box-contact h2 {
		  		margin: 0px 0px 0px 35px; padding: 0;
		  		height: 30px;
		  		overflow: hidden;
		  		background-image: url(../image/fond-contacter.gif);
	  				background-repeat: no-repeat; background-position: top left;
		  		text-indent: -100em;
		  	}
		  	
	  		
  	
  	div.home2 div#col-esp-anime {
  	 display: none;
    }
  	
  	div#evenement {
  		z-index: 10;
  		margin: 0; padding: 20px 20px 20px 20px;
  		width: 247px;
	}
	  	div#evenement h1 {
	  		margin: 0; padding: 0px 0px 5px 0px;
	  		font-size: 1.3em;
	  		color: #774900;
	  	}
	  	div#evenement p {
	  		margin: 0; padding: 0;
	  		font-size: 1em;
	  		color: #774900;
	  	}
	  	div#evenement p.suite {
	  		padding: 5px 0px 0px 0px;
	  	}
	  		div#evenement p.suite a:link, div#evenement p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
	  			background-image: url(../image/puce-fleche-verte.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div#evenement p.suite a:hover { color: #FF8400; }
	  
	div#espace-anime div#texte-showroom {
  		z-index: 10;
  		margin: 0; padding: 20px 10px 20px 20px;
  		_padding-left: 0px;
  		width: 240px;
	}div#espace-anime div#texte-showroom.home2 { padding-top: 140px; }
	 div#bienvenue div.home3 {
	 	text-align: left;
	 }
	
	div#bienvenue div.home3 div#divers-actu {
		border: 1px solid red;
	}
	  	div#texte-showroom h1 {
	  		margin: 0; padding: 0px 0px 15px 0px;
	  		font-size: 1.3em;
	  		color: #774900;
	  	}div#texte-showroom.home3 h1 {
	  		margin: 0; padding: 0px 0px 25px 0px;
	  		font-size: 1.7em;
	  		color: #532821;
	  	 }
	  	 
	  	div#texte-showroom p {
	  		margin: 0; padding: 0;
	  		font-size: 1em;
	  		color: #774900;
	  	} 
		
		

/*Nouveaute 19 01 2007 style des liens par defaut dans un champ miniword*/

		div#texte-showroom p a, div#texte-showroom p a:link, div#texte-showroom p a:visited {
                	font-size: 1em; font-weight: bold;
                	color: #774900;
                	text-decoration: none;
              	}
		div#texte-showroom p a:hover { color: #FF8400; } 

/*fin nouveaute*/


		div#texte-showroom.home3 p { padding-bottom: 10px; }
	  	
	  	div#texte-showroom.home3 p.fntns { float: left; font-weight: bold; }
	  	
	  	div#texte-showroom ul {
	  		margin: 40px 0px 0px 5px; padding: 0;
	  		text-align: left;
	  	}
	  		div#texte-showroom ul li {
		  		margin: 0; padding: 0px 0px 0px 15px;
		  		background-image: url(../image/puce-fleche-verte-2.gif);
  					background-repeat: no-repeat; background-position: top left;
		  		list-style: none;
		  	}
	  		div#texte-showroom ul li a:link, div#texte-showroom ul li a:visited {
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
	  			text-decoration: none;
	  		}div#texte-showroom ul li a:hover { color: #FF8400; }
	  		
	  	div#texte-showroom ul.fntns {
	  		float: left;
	  		margin: 0px 0px 10px 0px; padding: 0;
	  	}
	  		div#texte-showroom ul.fntns li {
	  			margin: 0px 0px 5px 0px;
	  			font-size: 1em;
	  			color: #774900; background: none;
	  		}
	  		div#texte-showroom ul.fntns li img {
	  			vertical-align: middle;
	  		}
	  	
	  	
	  	div#texte-showroom p.suite {
	  		margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px;
	  		background-image: url(../image/puce-fleche-verte-2.gif);
  					background-repeat: no-repeat; background-position: top left;
	  	}
	  		div#texte-showroom.home2 p.suite {
	  			background: none;
	  		}
	  		div#texte-showroom p.suite a:link, div#texte-showroom p.suite a:visited {
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
  				text-decoration: none;
	  		}div#texte-showroom p.suite a:hover { color: #FF8400; }
	  		
	  		div#texte-showroom.home2 p.suite a:link, div#texte-showroom.home2 p.suite a:visited  {
	  			padding: 0px 0px 0px 15px;
	  			background-image: url(../image/puce-fleche-verte-2.gif);
  					background-repeat: no-repeat; background-position: top left;
	  		}

/*--------------------
   Espace actualit�
 ---------------------*/ 
  div#actualite {
  	float: right;
  	margin: 0; padding: 5px 20px 0px 0px;
  	width: 200px;
  }
  	
	div#actualite h1 {
	  	margin: 0; padding: 0;
	  	font-size: 1.4em;
	  	color: #666666;
	}
	
	/* nouveautçž³0/11/06 */
	 div#actualite h2 {
		margin: 0; padding: 10px 0px 0px 0px;
		font-size: 1.1em;
	  	color: #666666;
	}
	div#actualite h3 {
		margin: 0; padding: 5px 0px 0px 0px;
		font-size: 0.9em;
	  	color: #532821;
	}
	/* FIN */
	div#actualite p {
		margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.1em;
	  	color: #666666;
	}
		div#actualite p.date {
			padding: 0px 0px 0px 0px;
			font-size: 1em;
		}
	div#actualite img.visuel {
		float: left;
		margin: 0px 10px 10px 0px; padding: 0;
		border: 1px solid #666666;
	}
		div#actualite ul {
		  	margin: 10px 0px 10px 15px; padding: 0;
			text-align: left;
		}
		  	div#actualite ul li {
				margin: 0; padding: 0px 0px 0px 15px;
				background-image: url(../image/puce-fleche-orange.gif);
	  				background-repeat: no-repeat; background-position: top left;
			  	list-style: none;
			}
		  	div#actualite ul li a:link, div#actualite ul li a:visited {
		  		font-size: 0.95em; font-weight: bold;
		  		color: #7A7A7A;
		  		text-decoration: none;
		  	}div#actualite ul li a:hover { color: #FF8400; }

/* nouveautçž³0/11/06 */
		
		div#actualite #liens ul{
		  	margin: 5px 0px 0px 0px; padding: 0;
			text-align: left;
		}
		  	
			div#actualite #liens ul li{
				margin: 0; padding: 0px 0px 0px 15px;
				background-image: url(../image/puce-fleche-marron.gif);
	  				background-repeat: no-repeat; background-position: top left;
			  	list-style: none;
			}
		  	div#actualite #liens ul li a:link, div#actualite #liens ul li a:visited {
		  		font-size: 0.95em; font-weight: normal;
		  		color: #7A7A7A;
		  		text-decoration: none;
		  	}div#actualite #liens ul li a:hover { color: #FF8400; }

		div#actualite #liens2 ul{
		  	margin: 5px 0px 0px 0px; padding: 5px 0px 10px 0px;
			text-align: left;
		}
		  	div#actualite #liens2 ul li{
				margin: 0; padding: 0px 0px 0px 15px;
				background-image: url(../image/puce-fleche-orange.gif);
	  				background-repeat: no-repeat; background-position: top left;
			  	list-style: none;
			}
		  	div#actualite #liens2 ul li a:link, div#actualite #liens2 ul li a:visited {
		  		font-size: 1.1em; font-weight: bold;
		  		color: #7A7A7A;
		  		text-decoration: none;
		  	}div#actualite #liens2 ul li a:hover { color: #FF8400; }

/* FIN */ 	
/*--------------------
   Espace bienvenue
 ---------------------*/ 
  div#bienvenue {
  	height: 351px;
	padding-bottom: 1px;
	background-image: url(../image/fond-sousmenu-none.gif);
	background-repeat: repeat-x; background-position: bottom left;
  }
  	div#bienvenue.home1 {
  		padding-bottom: 1px;
  		background-image: url(../image/fond-sousmenu-none.gif);
  		background-repeat: repeat-x; background-position: bottom left;
  	}
  	div#bienvenue.home2 {
  		background-image: none;
  	}
  	/* ~~~>> 20/03/2009 MODIF JRO => MANTIS-1 : pied de page mal positionné */
  	div#bienvenue.home3 {
          height: auto;
          background: #f3eadc;
          overflow: hidden;
    }
    /* <<~~~ 20/03/2009 MODIF JRO <= MANTIS-1 */

/*--------------------
   Espace bienvenue
 ---------------------*/  
  div#full-page {
  	display: block;
  	padding-top: 1px;
  	height: 1%;
  	background-image: url(../image/fond-sousmenu-none.gif);
  		background-repeat: repeat-x; background-position: top left;
  }
  div#full-page.variante {
  		background-image: none;
  	}
  	
/*--------------------
   Espace colonne droite
 ---------------------*/
 div#bienvenue div.box {
 		float: right;
	  	margin: 5px 2px 0px 0px; padding: 0;
	  	width: 228px;
	  	font-size: 1em;
  		text-align: left;
  		background-image: url(../image/fond-sousmenu-none.gif);
			background-repeat: repeat-x; background-position: bottom left;
	  }
	  
	  	div#bienvenue div.nobottom {
	  		background-image: none;
	  	}
	  	div#bienvenue div.box h2 {
	  		display: none;
			margin: 0; padding: 0;
			height: 28px;
	  		font-size: 1.2em;
	  		height: 28px;
	  		color: #7A7A7A;
  			background-image: url(../image/titre-rechercher.gif);
				background-repeat: repeat-x; background-position: top left;
			text-indent: -100em;
		}
	  	div#bienvenue div.box p {
	  		margin: 0; padding: 0px 0px 5px 0px;
	  		font-size: 1.1em;
	  		color: #7A7A7A;
	  	}
	  		div#bienvenue div.box p.suite {
	  			padding: 2px 0px 0px 0px;
	  		}
	  		div#bienvenue div.box p.suite a:link, div#bienvenue div.box p.suite a:visited {
	  			display: block;
				height: 28px;
		  		font-size: 1.2em;
		  		height: 28px;
	  			color: #7A7A7A;
  				background-image: url(../image/titre-rechercher.gif);
					background-repeat: repeat-x; background-position: top left;
				text-indent: -100em;
	  		}div#bienvenue div.box p.suite a:hover {
  				background-image: url(../image/titre-rechercher2.gif);
					background-repeat: repeat-x; background-position: top left;
	  		}
	  	
	  	div#bienvenue div.box ul {
		  	margin: 10px 0px 5px 0px; padding: 0;
		  	font-size: 1em;
			text-align: left;
		}
		  	div#bienvenue div.box ul li {
				margin: 0; padding: 0px 0px 0px 15px;
				font-weight: bold;
				background-image: url(../image/puce-fleche-orange.gif);
	  				background-repeat: no-repeat; background-position: top left;
			  	list-style: none;
			}
		  	div#bienvenue div.box ul li a:link, div#bienvenue div.box ul li a:visited {
		  		color: #7A7A7A;
		  		text-decoration: none;
		  	}div#bienvenue div.box ul li a:hover { color: #FF8400; }
  
/*--------------------
   Espace contact
 ---------------------*/ 
 	  div#espace-autres-infos-accueil {
 	  	float: left;
	  	margin: 0; padding: 0;
	  	width: 742px;
	  	text-align: right;
	  	font-size: 0px;
	  	line-height: 0px;
	  }
	  
	  div#espace-autres-infos {
 	  	float: left;
	  	margin: 0; padding: 0;
	  	width: 990px;
	  	text-align: right;
	  	font-size: 0px;
	  	line-height: 0px;
	  }
	  
	  div#espace-autres-infos div.border, div#espace-autres-infos-accueil div.border {
	  	height: 125px;
	  	background-image: url(../image/fond-border-2.gif);
	  	background-repeat: no-repeat; background-position: bottom left;
	  	text-align: right;
	  }
	  div#espace-autres-infos div.sanscompo, div#espace-autres-infos-accueil div.sanscompo {
	  	height: 125px;
	  	background-image: url(../image/fond-border-2.gif);
	  	background-repeat: no-repeat; background-position: bottom left;
	  	text-align: right;
	  }
	  div#espace-autres-infos div.sanscompo-2, div#espace-autres-infos-accueil div.sanscompo-2 {
	  	height: 125px;
	  	background-image: url(../image/fond-border-3.gif);
	  	background-repeat: no-repeat; background-position: bottom left;
	  	text-align: right;
	  }
	  
	  div#contact {
	  	margin: 0; padding: 10px 20px 20px 20px;
	  	margin-left: auto;
	  	font-size: 10px;
  		width: 237px;
  		text-align: left;
	  }
	  	div#contact h2 {
			margin: 0; padding: 0px 0px 10px 0px;
	  		font-size: 1.3em;
	  		color: #7A7A7A;
		}
	  	div#contact p {
	  		margin: 0; padding: 0;
	  		font-size: 1.1em;
	  		color: #7A7A7A;
	  	}
	  	
	  		div#contact p.suite a:link, div#contact p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #7A7A7A;
	  			background-image: url(../image/puce-fleche-orange.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div#contact p.suite a:hover { color: #FF8400; }
	  
	  	div#espace-autres-infos div.box-conseils {
	  		float: right;
	  	font-size: 10px;
	  	line-height: 12px;
	  		margin: 0px 5px 0px 0px; padding: 10px 5px 8px 0px;
	  		width: 220px; height: 94px;
	  		background-image: url(../image/fond-conseils-2.gif);
  				background-repeat: no-repeat; background-position: top left;
	  		text-align: left;
	  	}
		  		div#espace-autres-infos div.box-conseils h2 {
		  			margin: 0px 0px 5px 15px; padding: 0;
		  			height: 25px;
		  			overflow: hidden;
		  			background-image: url(../image/fond-conseils.gif);
	  					background-repeat: no-repeat; background-position: top left;
		  			text-indent: -100em;
		  		}
			  	div#espace-autres-infos div.box-conseils p {
			  		margin: 0px 0px 0px 18px; padding: 0;
			  		width: 140px;
			  		font-size: 1.1em;
			  		color: #371410;
			  	}
			  	div#espace-autres-infos div.box-conseils p.suite {
			  		margin: 8px 0px 0px 75px; 
			  		width: 120px;
			  		font-size: 1em;
			  	}
		  		div#espace-autres-infos div.box-conseils p.suite a,
		  		div#espace-autres-infos div.box-conseils p.suite a:link,
		  		div#espace-autres-infos div.box-conseils p.suite a:visited {
		  			padding: 0px 0px 0px 15px;
		  			font-size: 1em;font-weight: bold;
		  			color: #371410;
		  			background-image: url(../image/puce-verte.gif);
	  					background-repeat: no-repeat; background-position: center left;
	  				text-decoration: none;
		  		}div#espace-autres-infos div.box-conseils p.suite a:hover { color: #FF8400; }
	  
	  	div#espace-autres-infos div.box-lien {
	  		float: right;
	  	font-size: 10px;
	  	line-height: 12px;
	  		margin: 0px 30px 0px 0px; padding: 0;
	  		_margin-right: 20px;
	  		width: 180px; height: 70px;
	  		text-align: left;
	  	}
	  		div#espace-autres-infos div.box-lien a,
	  		div#espace-autres-infos div.box-lien a:link,
	  		div#espace-autres-infos div.box-lien a:visited {
	  			display: block;
	  			overflow: hidden;
	  			height: 70px;
	  			text-indent: -100em;
	  		}
	  
	  	div#espace-autres-infos-accueil div.box-contact {
	  		float: right;
	  		font-size: 10px;
	  		line-height: 12px;
	  		margin: 0px 5px 0px 0px; padding: 15px 5px 8px 0px;
	  		width: 180px; height: 94px;
	  		background-image: url(../image/fond-contacter-bloc.gif);
  			background-repeat: no-repeat; background-position: top left;
	  		text-align: left;
	  	}
	  	
	  	div#espace-autres-infos div.box-contact-2 {
	  		float: right;
	  		font-size: 10px;
	  		line-height: 12px;
	  		margin: 0px 5px 0px 0px; padding: 15px 5px 8px 0px;
	  		width: 180px; height: 94px;
	  		background-image: url(../image/fond-contacter-bloc.gif);
  			background-repeat: no-repeat; background-position: top left;
	  		text-align: left;
		  }
	  	
		  	div#espace-autres-infos div.box-contact ul, div#espace-autres-infos div.box-contact-2 ul,
			div#espace-autres-infos-accueil div.box-contact ul, div#espace-autres-infos-accueil div.box-contact-2 ul {
			  	margin: 2px 0px 5px 20px; padding: 0;
			  	font-size: 1em;
				text-align: left;
			}
			  	div#espace-autres-infos div.box-contact ul li, div#espace-autres-infos-accueil div.box-contact ul li,
				div#espace-autres-infos div.box-contact-2 ul li, div#espace-autres-infos-accueil div.box-contact-2 ul li {
					margin: 0; padding: 0;
				  	list-style: none;
				}
			  	div#espace-autres-infos div.box-contact ul li a, div#espace-autres-infos div.box-contact-2 ul li a,
			  	div#espace-autres-infos div.box-contact ul li a:link, div#espace-autres-infos div.box-contact-2 ul li a:link,
			  	div#espace-autres-infos div.box-contact ul li a:visited, div#espace-autres-infos div.box-contact-2 ul li a:visited {
			  		color: #371410;
			  		text-decoration: none;
			  	}
			  	
			  	div#espace-autres-infos-accueil div.box-contact ul li a, div#espace-autres-infos-accueil div.box-contact-2 ul li a,
			  	div#espace-autres-infos-accueil div.box-contact ul li a:link, div#espace-autres-infos-accueil div.box-contact-2 ul li a:link,
			  	div#espace-autres-infos-accueil div.box-contact ul li a:visited, div#espace-autres-infos-accueil div.box-contact-2 ul li a:visited {
			  		color: #371410;
			  		text-decoration: none;
			  	}
				
				div#espace-autres-infos div.box-contact ul li a:hover, div#espace-autres-infos-accueil div.box-contact ul li a:hover,
				div#espace-autres-infos div.box-contact-2 ul li a:hover, div#espace-autres-infos-accueil div.box-contact-2 ul li a:hover { 
				  	color: #FF8400; 
				}
			  	
		  		div#espace-autres-infos div.box-contact h2, div#espace-autres-infos-accueil div.box-contact h2,
				div#espace-autres-infos div.box-contact-2 h2, div#espace-autres-infos-accueil div.box-contact-2 h2 {
		  			margin: 0px 0px 0px 15px; padding: 0;
		  			height: 30px;
		  			overflow: hidden;
		  			background-image: url(../image/fond-contacter.gif);
	  				background-repeat: no-repeat; background-position: top left;
		  			text-indent: -100em;
		  		}
	  	
	  	div#espace-autres-infos div.box-compositeur {
	  		float: left;
	  		font-size: 10px;
	  		line-height: 12px;
			margin: 0; padding: 5px 12px 0px 0px;
	  		width: 270px;
	  		text-align: left;
	  		background-image: url(../image/fond-border.gif);
	  		background-repeat: no-repeat; background-position: bottom left;
	  	}
	  	
	  	div#espace-autres-infos-accueil div.box-compositeur {
	  		float: right;
	  		font-size: 10px;
	  		line-height: 12px;
			margin: 0; padding: 5px 12px 0px 0px;
	  		width: 270px;
	  		text-align: left;
	  		background-image: url(../image/fond-border.gif);
	  		background-repeat: no-repeat; background-position: bottom left;
	  	}
	  	
	  	div#espace-autres-infos div.compositeur, div#espace-autres-infos-accueil div.compositeur {
	  		height: 120px;
	  	}
	  		div#espace-autres-infos div.compositeur h2, div#espace-autres-infos-accueil div.compositeur h2{
	  			margin: 0; padding: 0 ! important;
	  			height: 30px;
	  			overflow: hidden;
	  			text-indent: -100em;
	  			background-image: url(../image/composer3d.gif);
	  			background-repeat: no-repeat; background-position: top right;
	  		}
	  		div#espace-autres-infos div.compositeur h2.variante, div#espace-autres-infos-accueil div.compositeur h2.variante {
	  			margin: 0; padding: 0 ! important;
	  			height: 55px;
	  			overflow: hidden;
	  			text-indent: -100em;
	  			background-image: url(../image/composer3d-titre.gif);
	  			background-repeat: no-repeat; background-position: bottom right;
	  		}
	  		div#espace-autres-infos div.compositeur p, div#espace-autres-infos-accueil div.compositeur p {
	  			margin-top: 2px !important; margin-right: 0px !important;
	  			margin-left: 5px ! important;
	  			margin-bottom: 5px;
	  			width: 150px;
	  			color: #371410;
	  		}
	  		div#espace-autres-infos div.compositeur p.suite a, div#espace-autres-infos-accueil div.compositeur p.suite a,
	  		div#espace-autres-infos div.compositeur p.suite a:link, div#espace-autres-infos-accueil div.compositeur p.suite a:link,
	  		div#espace-autres-infos div.compositeur p.suite a:visited, div#espace-autres-infos-accueil div.compositeur p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #8ABD0D;
	  			background-image: url(../image/puce-verte.gif);
  				background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}
			  
			div#espace-autres-infos div.compositeur p.suite a:hover, 
			div#espace-autres-infos-accueil div.compositeur p.suite a:hover { color: #FF8400; }
	  	
	  		
		  	div#espace-autres-infos div.compositeur ul, div#espace-autres-infos-accueil div.compositeur ul {
			  	margin: 0px 0px 5px 32px; padding: 0;
			  	font-size: 1em;
				text-align: left;
			}
			  	div#espace-autres-infos div.compositeur ul li, div#espace-autres-infos-accueil div.compositeur ul li {
					margin: 0; padding: 0px 0px 3px 15px;
					font-size: 1em; font-weight: normal;
					background-image: url(../image/puce-verte.gif);
		  				background-repeat: no-repeat; background-position: top left;
				  	list-style: none;
				}
			  	div#espace-autres-infos div.compositeur ul li a:link, div#espace-autres-infos div.compositeur ul li a:visited,
				div#espace-autres-infos-accueil div.compositeur ul li a:link, div#espace-autres-infos-accueil div.compositeur ul li a:visited {
			  		color: #371410;
			  		text-decoration: none;
			  	}
				  
				div#espace-autres-infos div.compositeur ul li a:hover,
				div#espace-autres-infos-accueil div.compositeur ul li a:hover { color: #FF8400; }
	  	
	  	div#espace-autres-infos div.box-divers {
	  		float: right;
	  	font-size: 10px;
	  	line-height: 12px;
	  		margin: 1px 10px 0px 25px; padding: 0px 5px 0px 0px;
	  		width: 185px; height: 120px;
	  		text-align: left;
	  	}
	  		div#espace-autres-infos div.box-divers h2 {
	  			margin: 0; padding: 10px 0px 0px 0px;
	  			height: 36px;
	  			overflow: hidden;
	  			background-image: url(../image/fond-partenaires.gif);
  					background-repeat: no-repeat; background-position: center left;
	  			text-indent: -100em;
	  		}
	  		div#espace-autres-infos div.box-divers p {
	  			margin: 0px 0px 5px 5px;
	  			width: 150px;
	  			color: #371410;
	  		}
	  		div#espace-autres-infos div.box-divers p.suite a,
	  		div#espace-autres-infos div.box-divers p.suite a:link, div#espace-autres-infos div.box-divers p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #371410;
	  			background-image: url(../image/puce-orange.gif);
  					background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}div#espace-autres-infos div.box-divers p.suite a:hover { color: #FF8400; }
	  		
	  		
	  	div#espace-autres-infos div.box-rechercher {
		  	float: right;
		  	font-size: 10px;
		  	line-height: 12px;
		  	margin: 1px 0px 0px 20px; padding: 0px 5px 0px 0px;
		  	width: 230px;
		  	text-align: left;
	  	}
	  	div#espace-autres-infos div.rechercher {
	  		height: 120px;
	  	}
	  		div#espace-autres-infos div.rechercher h2 {
	  			margin: 0; padding: 10px 0px 0px 0px;
	  			height: 37px;
	  			overflow: hidden;
	  			background-image: url(../image/fond-rechercher.gif);
  					background-repeat: no-repeat; background-position: center left;
	  			text-indent: -100em;
	  		}
	  		div#espace-autres-infos div.rechercher p {
	  			margin: 0px 0px 5px 5px;
	  			width: 200px;
	  			color: #371410;
	  		}
	  		div#espace-autres-infos div.rechercher p.suite a,
	  		div#espace-autres-infos div.rechercher p.suite a:link, div#espace-autres-infos div.rechercher p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em;font-weight: bold;
	  			color: #371410;
	  			background-image: url(../image/puce-orange.gif);
  					background-repeat: no-repeat; background-position: center left;
  				text-decoration: none;
	  		}div#espace-autres-infos div.rechercher p.suite a:hover { color: #FF8400; }
	  		
	  		



/* ---- BOX 2 (nouveautçž³0/11/06) ---- */			
			
	  div#espace-autres-infos div.box2 {
	  	float: left;
	  	margin: 0; padding: 0;
	  	margin-left: auto;
	  	width: 245px;
	  	height: 111px;
	  		font-size: 10px;
	  		line-height: 12px;
  		text-align: left;
		color:#794700;
		background: url('../image/fond-border-4.gif') no-repeat bottom left;
	  }
	  	div#espace-autres-infos div.box2 h2 {
	  		margin: 0px 0px 0px 7px; padding: 0px 5px 5px 0px;
	  		overflow: hidden;
	  	 	width: 250px; height: 25px;
	  		font-size: 1.2em;
	  		color: #88BB0B;
			background-image: url(../image/titre-actualites.gif);
				background-repeat: no-repeat; background-position: bottom left;
			text-indent:-100em;
		}
		div#espace-autres-infos div.box2 h3 {
	  	margin: 1px 0px 0px 0px; padding: 0px 5px 0px 32px;
	  		width: 200px; 
	  		font-size: 1.1em;
			font-weight: bold;
	  		color: #E26200;
		}
	  	div#espace-autres-infos div.box2 p {
	  	margin: 1px 0px 0px 0px; padding: 0px 5px 0px 32px;
	  		width: 200px; 
	  		font-size: 1.1em;
	  		color: #371410;
	  	}
	  		div#espace-autres-infos div.box2 p.suite a:link, div#espace-autres-infos div.box2 p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #371410;
	  			background-image: url(../image/puce-verte.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div#espace-autres-infos div.box2 p.suite a:hover { color: #FF8400; }
	  	
	  	div#espace-autres-infos div.box2 ul {
		  	margin: 10px 0px 5px 32px; padding: 0;
		  	font-size: 1em;
			text-align: left;
		}
		  	div#espace-autres-infos div.box2 ul li {
				margin: 0; padding: 0px 0px 3px 15px;
				font-size: 1em; font-weight: bold;
				background-image: url(../image/puce-orange-2.gif);
	  				background-repeat: no-repeat; background-position: top left;
			  	list-style: none;
			}
		  	div#espace-autres-infos div.box2 ul li a:link, div#espace-autres-infos div.box2 ul li a:visited {
		  		color: #371410;
		  		text-decoration: none;
		  	}div#espace-autres-infos div.box2 ul li a:hover { color: #FF8400; }
			
/* ---- FIN BOX 2 ---- */	
			  	
/*--------------------
   Espace groupe
 ---------------------*/ 	  		
  div#groupe {
  	float: left;
  	margin: 0; padding: 0;
  	width: 245px; height: 125px;
	background-image: url(../image/fond-border-2.gif);
		background-repeat: no-repeat; background-position: bottom left;
  }
  	/* ~~~>>> 2009/11/26 - JRO => MANTIS-009 : EVOL BLOC GROUPE */
	div#groupe ul {
		margin: 3px 0px 0px 8px !important;
		_margin: 4px 0px 0px 4px !important;
		float: left;
		padding: 0px !important;
	}
	
		div#groupe ul li {
			list-style-type: none;
			height: 50px;
			width: 234px;
			margin: 0 0 5px 0 !important;
			padding: 0 !important;
		}
		
			div#groupe ul li a,
			div#groupe ul li a:link,
			div#groupe ul li a:visited {
				font-size: 9px;
				text-decoration: none;
				color: #ffffff;
			}
		
			div#groupe ul li.bloc_magasin a,
			div#groupe ul li.bloc_magasin a:link,
			div#groupe ul li.bloc_magasin a:visited {
				background: url('../image/btn-magasin-gautier-sans-texte.gif') no-repeat top left;
				height: 50px;
				width: 234px;
				display: block;
			}
			
			div#groupe ul li.bloc_magasin a:hover {
				color: #FF8400;
			} 
			
				div#groupe ul li.bloc_magasin a span {
					padding: 23px 0 0 55px !important;
					display: block;
					width: 130px;
					line-height: 11px;
					cursor: pointer;
				}
			
			div#groupe ul li.bloc_dev_durable a,
			div#groupe ul li.bloc_dev_durable a:link,
			div#groupe ul li.bloc_dev_durable a:visited {
				background: url('../image/btn-developpement-durable-sans-texte.gif') no-repeat top left;
				height: 50px;
				width: 234px;
				display: block;
			}
			
			div#groupe ul li.bloc_dev_durable a:hover {
				color: #371410;
			}
				
				div#groupe ul li.bloc_dev_durable a span {
					padding: 23px 0 0 55px !important;
					display: block;
					width: 170px;
					line-height: 11px;
					cursor: pointer;
				}
	/* <<<~~~ 2009/11/26 - JRO <= MANTIS-009 */

 /*--------------------
   Espace divers
 ---------------------*/
 	div#divers {
	 	float: left;
	  	margin: 0; padding: 0px 0px 0px 2px;
		font-size: 10px;
		line-height: 12px;
		text-align: left;
	  	width: 0px; height: 0px;
		background-image: none;
 	}
	  	  		
  div#divers-actu {
  	float: right;
  	margin: 0; padding: 0px 0px 0px 2px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
  	width: 242px; height: 125px;
	background-image: url(../image/fond-border.gif);
  	background-repeat: no-repeat; background-position: bottom right;
  }
  
  div#divers-actu-accueil {
  	float: left;
  	margin: 0; padding: 0px 0px 0px 2px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
  	width: 242px; height: 125px;
	background-image: url(../image/fond-border.gif);
  	background-repeat: no-repeat; background-position: bottom right;
  }
  
	div#actualite-box {
		margin: 0; padding: 0;
		height: 125px;
		font-size:10px;
	  	background-image: url(../image/fond-actualites.gif);
  		background-repeat: no-repeat; background-position: top right;
	}
		div#actualite-box div.nav {
			float: right;
			margin: 5px 0px 0px 0px; padding: 0;
			width: 25px;
		}
			div#actualite-box div.nav a.top {
				display: block;
				margin: 0px 0px 65px 0px; padding: 0;
				width: 10px; height: 8px;
	  			background-image: url(../image/actu-nav-top.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
			}
			div#actualite-box div.nav a.bottom {
				display: block;
				margin: 0; padding: 0;
				width: 10px; height: 8px;
	  			background-image: url(../image/actu-nav-bottom.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
			}
		
		div#actualite-box div.box-nouveau {
			margin: 0; padding: 0;
		}
			div#actualite-box div.allactus {
				overflow: hidden;
				/*width: 180px;*/
				height: 85px;
			}
			div#actualite-box h2 {
				margin: 0px 0px 0px 40px; padding: 15px 0px 0px 0px;
				font-size: 1.2em;
				color: #E26200;
			}
			div#actualite-box p {
				margin: 5px 0px 0px 40px; padding: 0;
				width: 170px;
				font-size: 1.1em;
				color: #270900
			}
			div#divers-actu p a, div#divers-actu p a:link, div#divers-actu p a:visited,
			div#divers-actu-accueil p a, div#divers-actu-accueil p a:link, div#divers-actu-accueil p a:visited {
		  		font-size: 0.9em; font-weight: bold;
		  		color: #270900;
	  			text-decoration: none;
		  	}
		  	div#divers-actu p a span, div#divers-actu-accueil p a span {
		  		color: #371410;
		  	}
		  	div#divers-actu p a:hover span, div#divers-actu-accueil p a:hover span,
		  	div#divers-actu p a:hover, div#divers-actu-accueil p a:hover { 
			  	color: #FF8400; 
			}
		
		div#actualite-box ul.plusloin {
			margin: 10px 0px 0px 0px; padding: 0;
		}
			div#actualite-box ul.plusloin li {
				display: inline;
				margin: 0; padding: 0;
				font-size: 0.9em; font-weight: bold;
				color: #2E0E09;
				list-style: none;
			}
				div#actualite-box ul.plusloin li.frst {
					margin: 0px 10px 0px 40px;
				}
				div#actualite-box ul.plusloin li a,
				div#actualite-box ul.plusloin li a:link,
				div#actualite-box ul.plusloin li a:visited {
					color: #ffffff;
					text-decoration: none;
				}
				div#actualite-box ul.plusloin li a:hover { color: #FF8400; }
		

 /*--------------------
   Bandeau g�n�rique
 ---------------------*/
 div#bandeau-generique {
 	display: block;
 	height: 69px;
 	background-image: url(../image/bandeau-generique.gif);
  		background-repeat: no-repeat; background-position: top left;
 }
 
  div#bandeau-generique-specifique {
 	display: block;
 	height: 69px;
 }
 
 /*--------------------
   Espace de d�tails d'une collection
 ---------------------*/
 div#details {
 	clear: both;
 	margin: 0; padding: 15px 5px 15px 20px;
 	_height: 1%;
 	background-color: #F3EADC;
 	background-image: url(../image/fond-sousmenu-none.gif);
	  	background-repeat: repeat-x; background-position: top left;
 }
 	div#printer {
 		float: right;
 	}
 		div#printer img { vertical-align: bottom; }
 		div#printer a:link, div#printer a:visited {
 			color: #774900;
 			text-decoration: none;
 		}div#printer a:hover { color: #FF8400; }
 
 	div#details h1 {
	  	margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}
	div#details p {
		margin: 0; padding: 5px 0px 5px 15px;
		font-size: 1.1em;
		color: #774900;
	}div#details p span { font-weight: bold; }
	 div#details p.nopad { padding-left: 0px; }
	
	div#details p.suite {
		padding: 5px 0px 0px 0px;
	}
		div#details p.suite a:link, div#details p.suite a:visited {
	  		padding: 0px 0px 0px 15px;
	  		font-size: 1em; font-weight: bold;
	  		color: #774900;
	  		background-image: url(../image/puce-fleche-marron-2.gif);
  				background-repeat: no-repeat; background-position: top left;
  			text-decoration: none;
	  	}div#details p.suite a:hover { color: #FF8400; }
	
	div#visuels-meubles {
        float: left;
        overflow: auto;
        margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px;
        height: 430px;
        width: 430px;
        
    }
        div#visuels-meubles img {
            margin: 0; padding: 0;
            border: 5px solid #FFFFFF;
        }
            div#visuels-meubles div.first {
                _height: 1%;
				width: 410px;
                border-left: 1px solid #7B584F;
            }
           	
            div#visuels-meubles div.item {
            	float: left;
            	padding: 5px;
                width: 90px; height: 85px;
                border-top: 1px solid #7B584F;
                border-right: 1px solid #7B584F;
                border-bottom: 1px solid #7B584F;
                background-color: #FFFFFF;
                text-align: center;
            }
            div#visuels-meubles div.first a:link, div#visuels-meubles div.first a:visited {
                width: 90px; height: 85px;
                background-color: #FFFFFF;
            }
            div#visuels-meubles div.first div.current {
                background-color: #A3897E;
            }
            div#visuels-meubles img.current {
                border: 5px solid #A3897E;
            }
 /*       div#visuels-meubles a:link, div#visuels-meubles a:visited {
            float: left;
            margin: 0; padding: 0;
            border-bottom: 1px solid #7B584F;
            border-right: 1px solid #7B584F;
        }
            div#visuels-meubles a.first{
                border-left: 1px solid #7B584F;
            }*/
 	
 	div#details-meubles {
 		float: left;
 		margin: 20px 0px 10px 5px; padding: 0;
 		width:490px;
 		
 		valign:top;
 	}
 	div#all.popup div#details-meubles { width: 380px; }
 	
 		div#details-meubles div.description {
 			float: left;
 			width: 245px;
 			
 			/*modification de la div description meuble pour ne plus avoir les textes coupés EME 28/11/06 */
 			_height: 1%;
 			margin: 0px 0px 10px 0px; 
 			
 		}div#all.popup div#details-meubles div.description { width: 280px; }
 		div#details-meubles h1 {
 			margin: 5px; padding: 0px 0px 5px 15px;
 		}
 		div#details-meubles h2 {
 			margin: 0; padding: 0px 0px 5px 15px;
			font-size: 1.1em;
			color: #774900;
 		}
 		div#details-meubles p.suite {
 			margin-left: 15px;
 		}
 			div#details-meubles img.carnet {
 				float: left;
 				margin: 0px 5px 0px 15px;
 			}
 			div#details-meubles img.visuel {
 				float: left;
 				margin: 0px 0px 10px 0px;
 				border: 1px solid #7B584F;
 			}
 			div#details-meubles div.fntns {
 				clear: both;
 				margin: 10px 0px 0px 0px; padding: 0;
 				border:1px solid #F3EADC;
 			}
 				div#details-meubles div.fntns img.carnet {
 					float: left;
 					margin: 0px 0px 0px 10px;
 				}
 				div#details-meubles div.fntns div.fntns-content {
 					float: left;
 					margin: 0px 0px 10px 5px; padding: 0;
 					width: 225px;
 				}
 					div#details-meubles div.fntns div.fntns-content p {
 						margin: 8px 0px 0px 0px; padding: 0;
 					}
 					div#details-meubles div.fntns div.fntns-content p img {
 						vertical-align: middle;
 					}
 	div#details div.vignette {
 		float: left;
 		position: relative;
 		margin: 10px 17px 0px 0px;
 		height: 285px;
 		text-align: center;
 	}
 		div#details div.last {
 			margin: 10px 7px 0px 0px;
 		}
 		div#details div.vignette img {
 			margin-left: auto;
 		}
 		div#details div.vignette p {
 			margin: 0; padding: 5px 0px 0px 0px;
 			font-size: 0.9em;
 		}
 		div#details div.vignette ul {
 			display: block;
 			position: absolute; top: 110px; left: 5px;
 			margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;
 			border-top: 1px solid #774900;
 		}
 			div#details div.vignette ul li {
 				width: 180px;
 				margin: 0; padding: 1px 0px 1px 15px;
 				color: #774900;
 				background-image: url(../image/puce-fleche-marron-2.gif);
 					background-repeat: no-repeat;
 					background-position: top left;
 				list-style: none;
 				text-align: left;
 			}
	 			div#details div.vignette ul li a:link, div#details div.vignette ul li a:visited {
	 				color: #774900;
	 				text-decoration: none;
	 			}div#details div.vignette ul li a:hover { color: #FF8400; }

/*--------------------
   Ambiance
 ---------------------*/ 
 div#ambiance {
 	float: left;
 	margin: 0; padding: 0px;
 	width: 270px;
 	background-image: url();
 		background-repeat: repeat;
 		background-position: top left;
 }
 	div#ambiance div.infos {
 		margin: 240px 0px 0px 0px; padding: 0;
 		background-image: url(../image/fond-sousmenu-none.gif);
			background-repeat: repeat-x;
			background-position: top left;
 	}
 		div#ambiance div.infos p {
 			margin: 0; padding: 15px 5px 5px 5px;
 			color: #774900;
 		}
 
 
/*--------------------
   Actualit�
 ---------------------*/ 
 div#sommaire {
 	float: left;
 	margin: 0; padding: 10px;
 	width: 190px;
 }
 	div#sommaire h1 {
	  	margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}
		div#sommaire h2 {
              margin: 0; padding: 10px 0px 5px 15px;
            font-size: 1.1em;
            color: #774900;
            background-image: url('../image/puce-sansfleche-marron.gif');
                background-repeat: no-repeat;
                background-position: 0% 70%;
        }
            div#sommaire h2.lien {
                background-image: url('../image/puce-fleche-marron.gif');
            }
            div#sommaire h2.current {
                background-image: url('../image/puce-fleche-marron-3-current.gif');
            }
            div#sommaire h2 a:link, div#sommaire h2 a:visited {
                  margin: 0; padding: 0px 0px 0px 0px;
                font-size: 1.1em;
                color: #774900;
                text-decoration: none;
            }
            div#sommaire h2 a:hover {
                  color: #FF8400;
            }

		div#sommaire ul {
			margin: 0px 0px 10px 15px; padding: 0;
		}
			div#sommaire ul li {
				margin: 0; padding: 0px 0px 2px 0px;
				list-style: none;
			}
			div#sommaire ul li a:link, div#sommaire ul li a:visited {
				margin: 0; padding: 0px 0px 0px 15px;
				font-size: 1em;
				color: #774900;
				background-image: url(../image/puce-fleche-marron-3.gif);
 					background-repeat: no-repeat;
 					background-position: top left;
 				text-decoration: none;
			}
			div#sommaire ul li.current a:link, div#sommaire ul li.current a:visited {
				font-weight: bold;
				background-image: url(../image/puce-fleche-marron-3-current.gif);
			}
			div#sommaire ul li a:hover { color: #FF8400; }

/*--------------------
   Contenu (colonne gauche)
 ---------------------*/ 
 div#content-gauche {
 	float: left;
 	margin: 1px 0px 0px 0px; padding: 10px;
 	width: 240px; height: 350px;
 	background-color: #F9F5EE;
 	background-image: url(../image/border-showroom-right.gif);
 		background-repeat: repeat-y;
 		background-position: top right;
 }
 	div#content-gauche h1 {
	  	margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}

/*--------------------
   Contenu (colonne milieu)
 ---------------------*/ 
 div#content-milieu {
 	float: left;
 	margin: 1px 0px 0px 0px; padding: 0;
 	width: 490px; height: 370px;
 	background-color: #F3EADC;
 	background-image: url(../image/border-showroom-right.gif);
 		background-repeat: repeat-y;
 		background-position: top right;
 }
 	div#content-milieu h1 {
	  	margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}
		div#content-milieu p {
			margin: 5px 0px 10px 0px; padding: 0;
		}
	div#content-milieu div.nos-metiers {
		margin: 0px 1px 0px 0px; padding: 10px;
		background-color: #F3EADC;
		background-image: url(../image/fond-sousmenu-none.gif);
 			background-repeat: repeat-x;
 			background-position: bottom left;
	}
		div#content-milieu p.suite {
	  		padding: 5px 0px 0px 0px;
	  	}
	  		div#content-milieu p.suite a:link, div#content-milieu p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
	  			background-image: url(../image/puce-fleche-verte-2.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div#content-milieu p.suite a:hover { color: #FF8400; }
	
	div#content-milieu div.nos-offres {
		margin: 0px 1px 0px 0px; padding: 10px;
		background-color: #F3EADC;
	}
		div#content-milieu ul {
			margin: 0; padding: 5px 0px 0px 0px;
		}
		div#content-milieu ul li {
			margin: 0; padding: 0px 0px 5px 0px;
			list-style: none;
		}
		div#content-milieu ul li a:link, div#content-milieu ul li a:visited {
	  		padding: 0px 0px 0px 15px;
	  		font-size: 1em; font-weight: bold;
	  		color: #774900;
	  		background-image: url(../image/puce-fleche-verte-2.gif);
  				background-repeat: no-repeat; background-position: top left;
  			text-decoration: none;
	  	}div#content-milieu ul li a:hover { color: #FF8400; }

/*--------------------
   Contenu (colonne droite)
 ---------------------*/ 
 div#content-droite {
 	float: left;
 	margin: 1px 0px 0px 0px; padding: 0;
 	width: 240px; height: 370px;
 	background-color: #F2EDE8;
 }
 	div#content-droite h1 {
	  	margin: 0; padding: 0px 0px 5px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}
	div#content-droite div.bloc {
		margin: 0; padding: 10px;
 		background-color: #F2EDE8;
		background-image: url(../image/fond-sousmenu-none.gif);
 			background-repeat: repeat-x;
 			background-position: bottom left;
	}
		div#content-droite p.suite {
	  		padding: 5px 0px 0px 0px;
	  	}
	  		div#content-droite p.suite a:link, div#content-droite p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
	  			background-image: url(../image/puce-fleche-marron.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div#content-droite p.suite a:hover { color: #FF8400; }

 /*--------------------
   Espace contenu
 ---------------------*/ 	
 
  /* NOUVEAUTE 30/11/06 */
  
  div#contenu ul {
		  	margin: 25px 0px 20px 50px; padding: 0;
			text-align: left;
		}
		  	  div#contenu ul li {
				margin: 0; padding: 0px 0px 0px 15px;			  
				background-image: url(../image/puce-fleche-orange.gif);
				background-repeat: no-repeat;
				background-position: top left;
				list-style-position: outside;
				list-style-type: none;
		  		font-size: 1.1em; font-weight: bold;				
			}
		  	  div#contenu ul li a:link, div#contenu ul li a:visited {
		  		color: #7A7A7A;				
		  		text-decoration: none;
		  	} div#contenu ul li a:hover { color: #FF8400; }
			
  div#contenu div.detail ul {
		  	margin: 0px 0px 40px 50px; padding: 0;
			text-align: left;
		}
		  	  div#contenu div.detail ul li {
				margin: 0; padding: 0px 0px 0px 15px;			  
				background-image: url(../image/puce-sansfleche-marron.gif);
				background-repeat: no-repeat;
				background-position: top left;
				list-style-position: outside;
				list-style-type: none;
		  		font-size: 1.1em; font-weight: normal;				
			}
		  	  div#contenu div.detail ul li a:link, div#contenu #detail ul li a:visited {
		  		color: #7A7A7A;				
		  		text-decoration: none;
		  	} div#contenu #detail ul li a:hover { color: #FF8400; }

	  	div#contenu div.detail h1 {
	  		margin: 0; padding: 50px 0px 20px 0px;
	  		font-size: 1.7em;
			color: #000000;
		}			
		div#contenu div.detail	h2 {
				margin: 0; padding: 0px 0px 10px 0px;
				font-size: 1.1em;
				color: #7A7A7A;
		}
		div#contenu div.detail	.top {
				float: right;
		}
		div#contenu div.detail	.top a, div#contenu div.detail	.top a:visited{
				font-size: 0.9em;		
				color: #000000;
				text-decoration: none;
		}
		div#contenu div.detail	.top a:hover{	
				text-decoration: underline;
		}

  
  
  /* FIN */  		
  div#contenu {
  	float: left;
  	margin: 1px 0px 0px 0px; padding: 10px 20px 30px 20px;
  	width: auto; min-height: 420px;
  	background-color: #F3EADC;
  	background-image: url(../image/border-showroom-right.gif);
		background-repeat: repeat-y; background-position: top left;
  }
  div#contenu.hauteur { height: 350px; }
   div#full-page div.large, div#full-page-2 div.large { width: 950px; background-image: none; }
   div#contenu.large {height: 475px;}
   div#contenu div.cale {
   	float: left;
   	width: 1px; height: 360px;
   }
	   div#contenu div.cale-2 {
	   	height: 85px;
	   }
	   div#contenu div.cale-3 {
	   	height: 105px;
	   }
  
  
  	div#contenu h1 {
	  	margin: 0; padding: 0px 0px 2px 0px;
	  	font-size: 1.7em;
		color: #532821;
	}
	div#contenu h2 {
	  	margin: 0; padding: 0px 100px 10px 0px;
	  	font-size: 1.1em;
		color: #774900;
	}
	
	
	/**
	 AJOUT JBO : 15/10/08
	*/
	div#contenu h2 {
		margin: 20px 0px 0px 10px; padding-bottom: 0px;
		font-size: 1.3em;
	}
	/**
	 // AJOUT JBO : 15/10/08
	*/
	

	div#contenu a, div#contenu a:link, div#contenu a:visited {
			font-weight: normal;
			color: #774900;
			text-decoration: underline;
	}
	div#contenu a:hover {
		color: #FF8400;
	}
	
	div#contenu div.pagination {
		clear: both;
		margin: 0px 5px 0px 5px; padding: 0;
	}
		div#contenu div.pagination p {
			float: left;
			margin: 0; padding: 0;
			color: #656565;
		}
		div#contenu div.pagination ul {
			float: right;
			margin: 0px 40px 0px 0px; padding: 0;
		}
			div#contenu div.pagination ul li {
				display: inline;
				margin: 0; padding: 0px 0px 0px 0px;
				font-weight: bold;
			}
				div#contenu div.pagination ul li a:link, div#contenu div.pagination ul li a:visited {
					font-weight: normal;
					color: #774900;
					text-decoration: none;
				}
	
	div#contenu p {
		margin: 0; padding: 0px 0px 20px 0px;
		font-size: 1.1em;
		color: #000000;
		width: 675px;
	}div#contenu p span { font-weight: bold; color: #774900; }
	 div#contenu p.date { padding: 0px 0px 25px 0px; color: #774900; }
	 div#contenu p.center { text-align: center; }
	 
	 div#contenu p.mentions {
	 	width: 57%;
	 	margin: 0 auto 0 auto; padding: 0;
	 	font-size: 0.9em;
	 	color: #774900;
	 }
	 
	 	 div#contenu p.suite {
	 	 	margin: 0; padding: 0;
	 	 }
	 	 div#contenu p.suite a:link, div#contenu p.suite a:visited {
	  		margin: 0; padding: 0px 0px 0px 15px;
	  		font-weight: bold;
	  		color: #774900;
	  		background-image: url(../image/puce-fleche-marron-3-current.gif);
  				background-repeat: no-repeat; background-position: top left;
  			text-decoration: none;
	  	 }div#contenu p.suite a:hover { color: #FF8400; }
	 
		 div#contenu img.fl-l {
		 	float: left;
		 	margin: 0px 10px 10px 0px;
		 	border: 1px solid #774900;
		 }
		 div#contenu img.fl-r {
		 	float: right;
		 	margin: 0px 0px 10px 10px;
		 	border: 1px solid #774900;
		 }
	div#contenu div.catalogue {
		float: left;
		width: 25%;
	}
		div#contenu div.catalogue label {
			display: block;
			width: 140px;
		}
		div#contenu div.left img {
			float: left;
			margin: 0px 5px 5px 10px;
		}
		div#contenu div.right img {
			float: right;
			margin: 0px 10px 5px 5px;
		}
			div#contenu div.left p {
				display: block;
				float: left;
				margin: 20px 5px 5px 10px;
				width: 200px;
				text-align: left;
			}
			div#contenu div.right p {
				display: block;
				float: right;
				margin: 20px 10px 5px 5px;
				width: 200px;
				text-align: right;
			}
			div#contenu div.left input {
				float: left;
				margin: 0px 10px 5px 5px;
			}
			div#contenu div.right input {
				float: right;
				margin: 0px 5px 5px 10px;
			}
	
	div#contenu table {
		width: 80%;
		margin: 10px 0px 15px 0px; padding: 0;
		margin-left: auto; margin-right: auto;
	}
		div#contenu table.second {
			width: 60%;
		}
		div#contenu table caption {
			display: none;
		}
		div#contenu table tr {
			margin: 0; padding: 0;
		}
		div#contenu table tr th {
			margin: 0; padding: 0px 5px 5px 10px;
			width: 120px;
			color: #532821;
			text-align: right;
		}div#contenu table.second tr th { width: 160px; }
		div#contenu table tr td {
			margin: 0; padding: 0px 0px 5px 0px;
		}
			div#contenu table tr td.center {
				text-align: center;
			}
			div#contenu table tr td input, div#contenu table tr td select {
				margin: 0; padding: 0;
				font-size: 1.1em;
				vertical-align: bottom;
			}
			div#contenu table tr td textarea.classic {
				margin: 0; padding: 0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				vertical-align: bottom;
			}
				div#contenu table tr td input.classic, div#contenu table tr td select.classic {
					width: 140px;
				}
				div#contenu table tr td input.large {
					width: 425px;
				}
				div#contenu table tr td input.chck {
					float: left;
					margin: 0px 5px 0px 0px;
				}
				div#contenu table tr td input.chck-2 {
					margin: 0px 5px 0px 0px;
					vertical-align: middle;
				}
			
			div#contenu table tr.sup th, div#contenu table tr.sup2 th, div#contenu table tr.sup td, div#contenu table tr.sup2 td {
				margin: 0; padding: 20px 0px 5px 0px;
				background-image: url(../image/fond-sousmenu-none.gif);
					background-repeat: repeat-x;
					background-position: 0% 10%;
			}
			
			div#contenu table tr.sup th {
				padding: 20px 5px 5px 0px;
			}
			div#contenu table tr.sup2 th {
				padding: 20px 5px 5px 0px;
				width: 250px;
			}
			div#contenu table tr td input.btn {
				margin: 10px 0px 0px 5px; padding: 2px 5px 2px 5px;
				font-size: 1.1em; font-weight: bold;
				color: #FFFFFF; background-color: #532821; 
				border: 1px solid #774900;
			}
			div#contenu table tr td input.btnDisabled {
				margin: 10px 0px 0px 5px; padding: 2px 5px 2px 5px;
				font-size: 1.1em; font-weight: bold;
				color: #DDDDDD; background-color: #BFBFBF; 
				font-style:italic;
			}
	
	div#contenu table.resultats {
		width: 99%;
		margin: 10px 0px 0px 0px; padding: 0;
		margin-left: auto; margin-right: auto;
	}
		div#contenu table.resultats tr th {
			margin: 0; padding: 2px;
			color: #FFFFFF; background-color: #774900;
			text-align: left;
		}
			div#contenu table.resultats tr th.center {
				text-align: center;
			}
			
		div#contenu table.resultats tr td {
			margin: 0; padding: 3px 0px 3px 5px;
		}
			div#contenu table.resultats tr td img {
				vertical-align: middle;
			}
		div#contenu table.resultats tr.variante td {
			background-color: #F2EDE8;
		}
		div#contenu table.resultats tr:hover td {
			background-color: #F9F5EE;
		}
		div#contenu table.resultats tr td a:link, div#contenu table.resultats tr td a:visited {
			color: #774900;
			text-decoration: none;
		}div#contenu table.resultats tr td a:hover { color: #FF8400; }
	
	div#contenu div#resultats {
		clear: both;
		margin: 20px 0px 10px 0px; padding: 0;
	}
	
	div#contenu div.resultat {
		clear: both;
		margin: 0; padding: 10px 5px 20px 5px;
	}
		div#contenu div.variante {
			background-color: #F2EDE8;
		}
		
		div#contenu div.resultat h2 {
			float: left;
			margin: 0px 10px 0px 0px; padding: 0;
	  		font-size: 1.2em;
	  		color: #774900;
		}
		div#contenu div.resultat h3 {
			margin: 15px 10px 5px 0px; padding: 0;
	  		font-size: 1.1em;
	  		color: #7A7A7A;
		}
			div#contenu div.resultat h2 a:link, div#contenu div.resultat h2 a:visited {
				color: #774900;
				text-decoration: none;
			}div#contenu div.resultat h2 a:hover {
				color: #FF8400;
			}
			
			div#contenu div.resultat p {
				margin: 0px 10px 0px 0px; padding: 0;
		  		font-size: 1.1em;
			}
				div#contenu div.resultat p.infos {
					color: #774900;
				}
 
/*--------------------
   Variante home actu
 ---------------------*/
  div#full-page-actu {
     margin: 1px 0px 0px 0px; padding: 0;
     height: 1%;
	 	min-height: 300px;
     background-image: url(../image/bande-actualite.gif);
              background-repeat: repeat-y;
              background-position: top right;
 }

div.actus {
         float: left;
         margin: 1px 0px 0px 0px; padding: 0px 10px 15px 20px;
         width: 30%;
          background-color: #F3EADC;
          background-image: url(../image/border-showroom-right.gif);
              background-repeat: repeat-y;
              background-position: top right;
          background: none;
     }
 		div.last-actu {
 			background-image: none;
 		}
 		div.actus h1 {
 			margin: 0; padding: 5px 0px 5px 0px;
	  		font-size: 1.7em;
			color: #532821;
 		}
 		div.actus h2 {
 			margin: 0; padding: 0px 0px 10px 0px;
	  		font-size: 1.2em;
	  		color: #774900;
	  	}
	  		div.actus h2.avant-date {
	  			float: left;
	  			margin-right: 10px;
	  			display:none;
	  		}
	  	
	  	div.actus img {
	  		border: 1px solid #774900;
	  	}
	  	div.actus p {
	  		margin: 0px; padding: 5px 0px 5px 0px;
	  	}
	  		div.actus p.date {
	  			padding: 2px 0px 0px 0px;
	  			color: #7A7A7A;
	  		}
	  		div.actus p.suite {
		  		padding: 5px 0px 0px 0px;
		  	}
	  		div.actus p.suite a:link, div.actus p.suite a:visited {
	  			padding: 0px 0px 0px 15px;
	  			font-size: 1em; font-weight: bold;
	  			color: #774900;
	  			background-image: url(../image/puce-fleche-verte-2.gif);
  					background-repeat: no-repeat; background-position: top left;
  				text-decoration: none;
	  		}div.actus p.suite a:hover { color: #FF8400; }
	  		
	div#bottombox {
		clear: both;
		width: 100%; height: 1%;
		padding-top: 1px;
			background-image: url(../image/fond-sousmenu-none.gif);
				background-repeat: repeat-x; background-position: top left;
	}
	
		div#bottombox div.box {
	 		float: left;
			margin: 0px 0px 0px 0px; padding: 10px 10px 15px 13px;}

/*--------------------
   Footer
 ---------------------*/ 
 div#footer {
 	clear: both;
 	margin: 0; padding: 5px 5px 5px 0px;
 }
 div#footer h2 {
 	float: left;
	margin: 0; padding: 0px 0px 0px 5px;
	font-size: 0.9em; font-weight: normal;
	color: #656565;
 }
 div#footer ul {
 	margin: 0; padding: 0;
 }
 	div#footer ul li {
 		display: inline;
		margin: 0; padding: 0px 0px 0px 5px;
		font-size: 0.9em; font-weight: normal;
	  	color: #656565;
		list-style: none;
	}
	div#footer ul li a:link, div#footer ul li a:visited {
		color: #656565;
	  	text-decoration: none;
	}div#footer ul li a:hover { color: #FF8400; }
	div#footer ul li.current a:link, div#footer ul li.current a:visited {
		font-weight: bold;
	}	
	
	
/*--------------------
  Plan du site
---------------------*/
/* JRO - 2008/07/07 - EVOL CYBERCITE - RM-CYB-004 --> Refonte plan du site */

div#contenu h1.plan {
	margin: 50px 80px 30px 80px; padding: 0;
	font-size: 3em; font-weight: bold;
	color: #94807C;
	text-transform: uppercase;
}

div#contenu div.allplan {
	margin: 0px 0px 0px 70px;
	_margin-left: 55px;
}

div#contenu div.plan {
    float: left;
    width: 23%;
    _width: 20%;
    margin: 20px 0px 0px 15px;
    font-size: 1.1em;
}
    div#contenu div.plan h2 {
    	margin: 0px 0px 8px 0px; padding: 0;
    	font-size: 1.4em; font-weight: bold;
    }
    div#contenu div.plan h2 a, div#contenu div.plan h2 a:link, div#contenu div.plan h2 a:visited {
        margin: 0; padding: 0;
        font-weight: bold;
       	color: #88BB0B;
       	text-decoration: none;
    }
    div#contenu div.plan ul {
        margin: 0px 0px 0px 5px; padding: 0;
        width: 100%;
    }
	    div#contenu div.plan ul li {
	        margin: 0; padding: 0;
	        list-style: none;
	    }
	    
	    div#contenu div.plan ul li span {
	    	padding: 0px 0px 0px 15px;
	    	color: #371410;
	    	font-weight: normal;
	    	background: url(../image/puce-fleche-verte-2.gif) no-repeat top left;
	    }
    	
        div#contenu div.plan ul li a, div#contenu div.plan ul li a:link, div#contenu div.plan ul li a:visited {
            display: block;
            width: 75%;
            margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px;
            color: #371410; background: url(../image/puce-fleche-verte-2.gif) no-repeat top left;
            text-decoration: none;
        }
        	div#contenu div.plan ul li a:hover { color: #FF8400; } 
        
        div#contenu div.plan ul ul {
    		margin: 0px 0px 0px 25px; padding: 0;
    		width: 100%;
    	}
        	div#contenu div.plan ul ul li a, div#contenu div.plan ul ul li a:link, div#contenu div.plan ul ul li a:visited {
            	margin: 3px 0px 2px 0px; padding: 0px 0px 0px 15px;
            	color: #A18F8A; background: url(../image/puce-fleche-orange.gif) no-repeat top left;
            	text-decoration: none;
        	}
        		div#contenu div.plan ul ul li a:hover { color: #FF8400; }
        		 
/* JRO - 2008/07/07 - EVOL CYBERCITE - RM-CYB-004 <-- */	
	
/*--------------------
   Lecteur
 ---------------------*/ 
 
 div#lecteur {
     clear: both;
     position: relative;
    margin: 0; padding: 0;
    width: 990px; height: 27em;
    background: url('../image/loading.gif') no-repeat 40% 60%;
    }
	
	div#lecteur div.slide {
		position: relative;
		margin: 0; padding: 0;
	}
	div#lecteur div.visuel {
		margin: 0px 0px 0px 0px; padding: 0;
	}
	div#lecteur div.texte {
		position: absolute; top: 80px; left: 760px;
		width: 190px;
	}
		div#lecteur div.texte h1 {
			margin: 0px 0px 20px 0px; padding: 0;
			font-size: 1.3em;
			color: #230400;
		}
		div#lecteur div.texte a, div#lecteur div.texte a:link, div#lecteur div.texte a:visited {
			color: #532821;
			text-decoration: none;
		}
		div#lecteur div.texte a:hover {
			color: #FF8400;
		}
		div#lecteur div.texte p {
			margin: 0; padding: 0;
			font-size: 1.1em;
			color: #230400;
		}
	
	div#lecteur p#indicateur-lecteur {
		position: absolute; top: 34em; left: 840px;
		margin: 0; padding: 0;
		width: 100px;
		font-size: 0.9em;
		color: #584634;
		text-align: center;
	}
	div#lecteur ul.liens-premiere {
		position: absolute; top: 32em; left: 850px;
	  	margin: 0; padding: 0;
	  	width: 100px;
	}
	  	div#lecteur ul.liens-premiere li {
		  	display: inline;
		  	margin: 0; padding: 0;
		  	font-size: 1em; font-weight: bold;
		  	color: #C2B7AD;
		  	list-style: none;
		}
			div#lecteur ul.liens-premiere li a, div#lecteur ul.liens-premiere li a:link, div#lecteur ul.liens-premiere li a:visited {
				float: left;
				margin: 0; padding: 4px 5px 2px 5px;
				color: #C2B7AD;
				text-decoration: none;
			}
			div#lecteur ul.liens-premiere li a:hover {
				color: #EA8800;
			}
			div#lecteur ul.liens-premiere li.current a, div#lecteur ul.liens-premiere li.current a:link, div#lecteur ul.liens-premiere li.current a:visited {
				color: #EA8800;
				text-decoration: underline;
			}
				div#lecteur ul.liens-premiere li.previous a, div#lecteur ul.liens-premiere li.previous a:link, div#lecteur ul.liens-premiere li.previous a:visited {
					margin: 2px 0px 0px 5px; padding: 0px 0px 0px 0px;
					width: 22px; height: 22px;
					background: url('../image/lecteur-g.gif') no-repeat top left;
				}
				
				div#lecteur ul.liens-premiere li.pause a, div#lecteur ul.liens-premiere li.pause a:link, div#lecteur ul.liens-premiere li.pause a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 20px; height: 22px;
					background: url('../image/lecteur-m.gif') no-repeat top center;
				}
				div#lecteur ul.liens-premiere li.paused a, div#lecteur ul.liens-premiere li.paused a:link, div#lecteur ul.liens-premiere li.paused a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 20px; height: 22px;
					background: url('../image/lecteur-m.gif') no-repeat top center;
				}
				
				div#lecteur ul.liens-premiere li.next a, div#lecteur ul.liens-premiere li.next a:link, div#lecteur ul.liens-premiere li.next a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 22px; height: 22px;
					background: url('../image/lecteur-d.gif') no-repeat top right;
				}
				
/*--------------------
   Lecteur (page int豩eure)
 ---------------------*/ 
 
 div#lecteursmall {
	 float: left;
  	position: relative;
  	margin: 0px 0px 0px 0px; padding: 0;
  	width: 990px; height: 351px; 
  	background-image: url(../image/fond-sousmenu-none.gif);
  	background-repeat: repeat-x; background-position: bottom left;
  	_background: none;
}
	
	div#lecteursmall div.slide {
		position: relative;
		width: 990px; height: 350px;
		margin: 0; padding: 0;
	}
	div#lecteursmall div.visuel {
		margin: 0; padding: 0;
	}
	div#lecteursmall div.texte {
		position: absolute; top: 100px; left: 770px;
		width: 210px;
	}
		div#lecteursmall div.texte h1 {
			margin: 0px 0px 20px 0px; padding: 0;
			font-size: 1.3em;
			color: #75AD15;
		}
		div#lecteursmall div.texte a, div#lecteursmall div.texte a:link, div#lecteursmall div.texte a:visited {
			color: #532821;
			text-decoration: none;
		}
		div#lecteursmall div.texte a:hover {
			color: #FF8400;
		}
		div#lecteursmall div.texte p {
			margin: 0px 0px 10px 0px; padding: 0;
			font-size: 1.1em;
			color: #230400;
		}
	
	div#lecteursmall p#indicateur-lecteur {
		position: absolute; top: 34em; left: 755px;
		margin: 0; padding: 0;
		width: 100px;
		font-size: 0.9em;
		color: #584634;
		text-align: center;
	}
	div#lecteursmall ul.liens-premiere {
		position: absolute; top: 32em; left: 770px;
	  	margin: 0; padding: 0;
	  	width: 100px;
	}
	  	div#lecteursmall ul.liens-premiere li {
		  	display: inline;
		  	margin: 0; padding: 0;
		  	font-size: 1em; font-weight: bold;
		  	color: #C2B7AD;
		  	list-style: none;
		}
			div#lecteursmall ul.liens-premiere li a, div#lecteursmall ul.liens-premiere li a:link, div#lecteursmall ul.liens-premiere li a:visited {
				float: left;
				margin: 0; padding: 4px 5px 2px 5px;
				color: #C2B7AD;
				text-decoration: none;
			}
			div#lecteursmall ul.liens-premiere li a:hover {
				color: #EA8800;
			}
			div#lecteursmall ul.liens-premiere li.current a, div#lecteursmall ul.liens-premiere li.current a:link, div#lecteursmall ul.liens-premiere li.current a:visited {
				color: #EA8800;
				text-decoration: underline;
			}
				div#lecteursmall ul.liens-premiere li.previous a, div#lecteursmall ul.liens-premiere li.previous a:link, div#lecteursmall ul.liens-premiere li.previous a:visited {
					margin: 2px 0px 0px 5px; padding: 0px 0px 0px 0px;
					width: 22px; height: 22px;
					background: url('../image/lecteur-g.gif') no-repeat top left;
				}
				
				div#lecteursmall ul.liens-premiere li.pause a, div#lecteursmall ul.liens-premiere li.pause a:link, div#lecteursmall ul.liens-premiere li.pause a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 20px; height: 22px;
					background: url('../image/lecteur-m.gif') no-repeat top center;
				}
				div#lecteursmall ul.liens-premiere li.paused a, div#lecteursmall ul.liens-premiere li.paused a:link, div#lecteursmall ul.liens-premiere li.paused a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 20px; height: 22px;
					background: url('../image/lecteur-m.gif') no-repeat top center;
				}
				
				div#lecteursmall ul.liens-premiere li.next a, div#lecteursmall ul.liens-premiere li.next a:link, div#lecteursmall ul.liens-premiere li.next a:visited {
					margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
					width: 22px; height: 22px;
					background: url('../image/lecteur-d.gif') no-repeat top right;
				}
/*--------------------
   Correction temporaire EDI 05/10/2007
 ---------------------*/ 
div#espace-anime div#lecteursmall div.slide div.texte
{
text-align:left;
}

/* JRO - 2008/07/03 - RM-CYB-001 --> Ajout des styles propres aux liens des collections */
div.liste-collection {
	font-size: 0.9em;
	position: absolute;
	top: 390px;
	left: 460px;
	color: #BCA585;
	width: 280px;
	text-align: left;
	z-index: 7;
}
	div.liste-collection a,div.liste-collection a:link,div.liste-collection a:visited {
		color: #532821;
	}
		div.liste-collection a:hover {
			color: #E26200;
		}
/* JRO - 2008/07/03 - RM-CYB-001 <-- */

/* JRO - 2008/09/19 - CATA01-CHG-X --> Styles appliqués à la page des catalogues */
#form_catalogue {
	text-align: center;
	width: 950px;
	background: #F3EADC;
}

	#form_catalogue div.right_catalogue {
		top: 210px;
/*		left: 710px;*/
		left: 720px;
		position: absolute;
		background: url('../image/visuel_catalogue_int_2008.jpg') no-repeat top left;
		height: 158px;
		width: 204px;
	}

	#form_catalogue div#choix_catalogue {
		margin: 5px;
		padding-bottom: 10px; 
		height: 130px;		
/*		background: url(../image/fond-sousmenu-none.gif) repeat-x bottom left;*/
	}
	
		/* JBO - 2008/10/19 */
		#form_catalogue div#choix_catalogue div.left_catalogue {
			float:left;
			margin: 0px 90px 0px 115px;
			_margin: 0px 65px 0px 60px;
			background: url('../image/visuel_catalogue_2009_mini.gif') no-repeat top left;
			height: 130px;
			width: 101px;
			border: 5px solid #774900;
		}
		/* JBO - 2008/10/19 */
		
		#form_catalogue div#choix_catalogue div.contenu_catalogue {
			padding-top: 15px;
			margin-left: -65px ! important;
			_margin-left: -50px ! important;
			float: left;
		}
			div.contenu_catalogue span {
				font-weight: bold;
			}
			
			/* JBO : 2008/10/15 */
			div.contenu_catalogue ul {
				margin-top: 0px ! important;
				/* OBA : 2009/10/12 margin-left: 20px ! important;*/
				margin-left: 90px ! important;
				margin-bottom: 12px ! important;
				_margin-bottom: 16px ! important;
			}
			div.contenu_catalogue ul li {
				display: inline;
				font-size: 1.4em !important;
				background-position: center left !important;
			}
			div.contenu_catalogue ul li a,
			div.contenu_catalogue ul li a:link,
			div.contenu_catalogue ul li a:visited {
				/* OBA : 2009/10/12 margin-right: 25px; */
					margin-right: 50px;
					font-weight: bold !important;
				}
			div.contenu_catalogue p.choixcatalogue {
				margin: 15px 0px 0px 0px !important;
				_padding-top: 15px !important;
				width: 400px ! important;
				font-size: 1.2em !important;
				color: #774900 !important;
				text-align: justify;

			}
			/* JBO : 2008/10/15 */

	
	#form_catalogue div#intro_form {
		margin: 0px 0px 0px 50px ! important;
		text-align: left;
	}
		div#intro_form p { 
			width: 450px !important;
			margin-left: 205px !important;
			padding-top: 5px ! important;
			padding-bottom: 10px ! important;

		}
		
	#form_catalogue table#table_catalogue {
		background: none ! important;
		text-align: left;
		margin-left: 125px !important;
		width: 755px;
		_width: 750px;
	}

		table#table_catalogue tr td {
			padding: 2px ! important;
			margin: 0px ! important;
		}
		table#table_catalogue tr td input.medium {
			width: 255px;
			_width: 266px;
		}
		
/* JRO - 2008/09/19 - CATA01-CHG-X <-- */
		/**
		  AJOUT JBO : 15/10/08
		*/
		div#contenu p.legend {
			padding-top: 5px !important;
			padding-left: 25px !important;
			color: #774900 !important;
		}
		div#contenu table.resultats th.large {
			width: 160px;
		}
		div#contenu table.resultats th.large-1 {
			width: 100px;
		}
		div#contenu table.resultats th.min {
			width: 150px;
		}
		div#contenu table.resultats th.mini {
			width: 100px;
		}
		div#contenu table.resultats td:hover span.picto {
			position: relative;
		}
		div#contenu table.resultats span.picto:hover div.photomag {
			display: block;
		}
		div#contenu table.resultats span.picto div.photomag {
			display: none;
			position: absolute; bottom: -40px; left: 20px;
			margin: 0; padding: 5px;
			background: #ffffff;
			border: 2px solid #774900;
		}
			div#contenu table.resultats span.picto div.photomag img {
			}
		/**
		  // AJOUT JBO : 15/10/08
	/**
	 AJOUT JBO : 15/10/08
	*/
	div#contenu h2 {
		margin: 20px 0px 0px 10px; padding-bottom: 0px;
		font-size: 1.3em;
	}
	/**
	 // AJOUT JBO : 15/10/08
	*/