@charset "utf-8";
/* CSS Document */
/*
beige 	977248
or		996633
beige tres pale e3d9cd
 */

html, body
{
    font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center; background-image:url(../../images/bandes.gif); background-position:top left; background-repeat:repeat-y;
}

h1, h2, h3 { color:#996633; padding:0px; margin:0px; }

h1 { font-size:30px;}
h2 { font-size:20px;}
h3 {font-size:15px;}

p { padding:0px; margin: 0px 0 20px 0; font-size:13px;}
li {font-size:13px;}

#information ol { font-size: 20px; font-weight: bold; list-style: none;}
#information ul { font-size: 20px; font-weight: bold;}
#information ol ol { font-size: 15px; font-weight: bold; list-style: none;}
#information ul ul  { font-size: 15px; font-weight: bold;}
#information ol ol ul {font-size: 15px;}
#information ol li, #information ul li { margin:0; padding:0; /*margin-bottom:40px;*/}
#information ol ol li, #information ul ul li { margin:0; padding:0; margin-bottom:20px;}
li { color:#996633;}
#information h1 { margin: 0;  color:#996633; }
#information h2 { margin: 0;  color:#996633; }
#information h3 { margin: 0;  color:#996633; margin-top:40px; }
#information p, #information dl { font-size: 13px; color:#777777; font-weight: normal;}


.sousliste {font-size:13px  !important; font-weight: normal !important;}

dl { margin:0; padding:0; display: inline;}
dt { margin:0; padding:0; color: #996633;}
dd { padding:0; margin:0 0 10px 20px; font-style:italic;} /* Dans page garanties */

/* SOUS MENU */
.top { height:51px !important; width:398px;}
.menugarantie { background-image:url(../../images/sousmenu/mt_garanties.gif) !important;}
.menutrucs { background-image:url(../../images/sousmenu/mt_trucs.gif) !important;}
.menuul {margin:0; padding:0; list-style: none; }
.menuli { height:35px; width:398px; /*float:left; clear:both;*/ font-size:12px; background-image: url(../../images/sousmenu/m.gif); margin-bottom:-2px !important; padding:0px !important; list-style: none;}
.menuli:hover { background-image: url(../../images/sousmenu/mo.gif); }
.menuli a {color:#fff; }
.menuli a:hover {text-decoration:none; }

.sousmenuli { background-image: url(../../images/sousmenu/sm.gif); }
.sousmenuli:hover { background-image: url(../../images/sousmenu/smo.gif); }
.sousmenuli a {color:#2B190A; }
.sousmenuli a:hover {text-decoration:none; }

.menulien {padding-top:10px; padding-left:40px;}
.sousmenufin { width:398px; height:19px;}
/* fin SOUS MENU */

a { text-decoration: none; outline-style:none; color: #996633;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
/*
h1 {margin: 0; font-size: 2em; color:#996633;}
h2 {margin: 0; font-size: 1.6em; color:#996633;}
h3 {margin: 0; font-size:1.3em; color:#996633;}
*/

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

.logodubas {z-index:-1; position:absolute; bottom:0px; right:0px;}
.or { color:#996633;}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 100%; min-height:700px;} /* largeur du contenu */
#header { text-align:left;}
	#bandedegradebrun 
	{
	    text-align:left; height:92px; 
	    background-image:url(../../images/degradeetire.gif); background-repeat:repeat-x; 
	    position:relative; z-index:3;
	}
		#bandedegradebrun a { float:right;}
		#zonemenuhautdroite { height:34px; position:absolute; top:0; right:0; z-index:3;}
		
	#bandebeige { height:35px; background-color:#977248; position:relative; z-index:2;}
		#bandebeige a { display: inline-block;}
	
#contenu { text-align:left;}
	#colonnegauche { position:absolute; left:0px; top:127px; width:406px; margin:0; padding:0; border: none; vertical-align:text-top; text-align:center; padding-top:30px; } /* Contient le padding en haut des images */
		.imagesansmargeduhaut { margin-top:-30px;}/* pour les images de section sans marge du haut */
	#colonnedroite { margin:0; margin-left:550px; padding:0; border: none; width:420px; }
		#colonnedroite a.image { float:left;}
		#divcontenantfauteuils { margin-top:50px; width:420px; }
		.clearlefloat { clear: both;}

#footer {}

#copyright { clear:both; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#333; margin-left:130px;}

/* rollover */
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}
.icone 
{
    width: 354px;
    height: 34px;
}

.lignegauche {  background-image:url(../../images/2lignes.gif); background-repeat:repeat-y; background-position:left; padding-left:20px; margin-top:11px; overflow:hidden;}

#residentiel { background-image:url(../../images/residentiel.gif); width:91px; height:35px;}
#commercial { background-image:url(../../images/commercial.gif); width:92px; height:35px;}
#video { background-image:url(../../images/video.gif); width:92px; height:35px;}
    #video_corporatif { width:92px; height:35px;}
    #video_ergonomique { width:92px; height:35px;}
#profil { background-image:url(../../images/profil.gif); width:73px; height:35px;}
    #profil_corporatif { width:92px; height:35px;}
    #profil_environnement { width:92px; height:35px;}
#collection { background-image:url(../../images/collection.gif); width: 118px; height:35px;}
#trucs { background-image:url(../../images/trucsetastuces.gif); width: 156px; height:35px;}
#garanties { background-image:url(../../images/garanties.gif); width: 121px; height:35px;}
#nousjoindre { background-image: url(../../images/nousjoindre.gif); width:145px; height:35px;}

#plansite { background-image:url(../../images/plansite.png); width:34px; height:34px;}
#accueil { background-image:url(../../images/accueil.png); width:30px; height:34px;}
#english { background-image:url(../../images/english.png); width:59px; height:34px;}
#intranet { background-image:url(../../images/intranet.png); width:24px; height:34px;}

.demandeinfo {background-image:url(../../images/btndemandeinfo.jpg); width:208px; height:31px; clear:left;}
.outrouver {background-image:url(../../images/btnoutrouver.jpg); width:208px; height:31px; clear:left;}
.imprimer {background-image:url(../../images/btnimprimer.jpg); width:208px; height:31px; clear:left;}

.displaynone { display:none;}

.imageserie { float:left; margin:15px;}
.modele { float:left; margin:5px; padding:5px; border:solid 5px #E3D9CD;}

/* BLOGUE */
#archives {list-style-type: none; margin:0; padding:0; color:#777777;}
#archives li a {color:#777777; font-size:11px; line-height:25px;}
h1#titre_blogue {text-indent:-999px; background:url(../../images/titre_blogue.jpg); height:53px; width:143px; margin:60px 0 20px 0;}
#petit_oiseau {position: absolute; height:172px; width:453px; background: url(../../images/twitter_large.jpg) no-repeat; 
               top:150px; left:300px; z-index:-1;}
#petit_oiseau div {width: 390px; height: 172px; font-weight: bold; margin: 5px 0 0 15px;}

/* PLAN DU SITE */
#plandusite li { margin-bottom:20px; font-size: 14px;}
#plandusite li { margin-bottom:20px; font-size: 14px;}

/* clearfix */
.clearfix:after {content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* superfish */
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1;}
.sf-menu ul {position:absolute; top:35px;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:34px;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top: 0;}
.sf-menu li:hover a, .sf-menu li.sfHover a,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background-position: bottom;}
.sf-menu li.sfHover ul a {background-position: top;}
.sf-menu li.sfHover ul li a:hover {background-position: bottom;}

/* sub menu (residentiel, commecial, garanties...) */
#menu li ul {width:216px; background:#977248; background:none;}
#menu li ul li {display:block; padding:0; margin:0; background:none; background:url(../../Images/sousmenu/smenu.png);}
#menu li ul li, #menu li ul li a {float:none; height:33px; color:#2B190A; font:bold 12px/33px arial;}
#menu li ul li a {display:block; text-decoration:none; width:147px; margin:0 0 0 12px; background:url(../../Images/sousmenu/sm-short.gif); padding-left:40px;}
#menu li ul li a:hover {background:url(../../Images/sousmenu/smo-short.gif);}
#menu ul.sub-profil {left:50px;}
#menu li ul li.debut {height:10px; line-height:10px;}
#menu li ul li.fin {height:22px; line-height:22px; background:url(../../Images/sousmenu/smenu-bottom.png) no-repeat;}

/* top right sub menu */
.sf-menu span {display:none;}
#top_menu li ul li a, #media_sociaux {width:140px;}
#top_menu #media_sociaux {background-image:url(../../Images/menu_medias_sociaux.png); height:34px; }
#top_menu #blogue {background-image:url(../../Images/menu_blogue.gif); height:32px; }
#top_menu #facebook {background-image:url(../../Images/menu_facebook.gif); height:30px; }
#top_menu #twitter {background-image:url(../../Images/menu_twitter.gif); height:29px; }
#top_menu #youtube {background-image:url(../../Images/menu_youtube.gif); height:24px; }
#top_menu li ul li.fin {width:140px; height:10px; background-image:url(../../Images/menu_bas.png); }
#top_menu li {display:block; height:1%; }
#top_menu li ul li {height:auto; width:auto;}