/* CSS Document */

html, body {
	height:100%;
	padding: 0;
	margin:0;
}
body{
	background:#F3FFD7 url(../theme/fond.jpg);
	background-repeat:repeat-x;
	background-color:#f8dffd;
	padding: 0;            /* marge int inf et sup ici plutôt que dans #page à cause IE */
    text-align: left;         /* centrer pour IE */
    font-size: 0.625em;
    font-family: Arial,"Times New Roman", sans-serif;
    color: #000 
}
h1 {
    float: left; /*pour que le h1 soit flottant sinon ne disparait pas du cadre*/
	margin: 0;
	padding: 0;
	font-size: 0.1em;
	text-indent: -2000px; /* sortir h1 de la page qd CSS activesé et réapparait qd CSS desactivées */
	display:none
}
h2{
 font-size:1.4em
}
h3{
	font-size:1.2em
}
blockquote{
	padding:4px;
	font-style:italic;
	width:80%;
	background-color:#Fff;
	border:  1px solid #594A43;
}
kbd {
	font-size : 1.1em;
	padding: 0px 2px;
	border: 1px solid #ccc;
}
#haut{
	text-align:right;
	font-size:0.8em
}
a{
	color:#c6c
}

input{
	margin-top:0
}
.center{
	text-align:center;
	width:100%;
}
.clear{
	clear:both;
}
.gras{
	font-weight:bold
}
.italic{
	font-style:italic
}
.left{
	float:left;
}
.right{
	float:right;
}
.tright{text-align:right}
.tleft{text-align:left}
.tcenter{text-align:center}
.tmoy{font-size:1.2em;}

.souligne{
	text-decoration:underline
}
a.externe {
	background: url('../theme2/externe.jpg') no-repeat right;
	padding:0 1em 0 0;
	border-bottom: 0;
}
.erreur{
	color: #F00
}
.reussite {	
	color: #3C3
}

/*========================*/
/**      maquette        **/
/*========================*/
#conteneur{
	position: relative;
	min-height: 100%;
	width:100%;
}
.decog{
	position:absolute;
	top:0;
	left:0;
	/*background-image:url(../theme/decog.jpg);*/
	background-image:url(../theme/decog.gif);
	background-repeat:none;
	width:119px;
	height:345px;
}	
.decod{
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(../theme/decod.gif);
	background-repeat:none;
	width:119px;
	height:345px;
}	
.decobg{
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../theme/decobg.gif);
	width:120px;
	height:348px;
}	
.decohd{
	position:absolute;
	top:0;
	right:0;
	background-image:url(../theme/decohd.gif);
	width:120px;
	height:348px;
}
#cadre{
	position:relative;
	width:780px;
	margin:0 auto;
	text-align:justify;
	font-size:1.2em;
}

/*========================*/
/**   cadre       **/
/*========================*/
#ban{
	position:relative;
	width:100%;
	height:111px;
}
p.ligne{
	padding:0;
	height:2px;
	background-color:#159496;
	line-height:2px;
	margin:0;
	font-size:0;
	width:780px;
}
p.ligne2{
	padding:0;
	height:2px;
	background-color:#159496;
	line-height:2px;
	margin:0;
	font-size:0;
}

ul#menuh{
	position:relative;
	width:631px;/*505*/
	height:177px;
	margin:0 15px;
	padding:0 0 0 119px;/*245*/
	list-style-type:none;	
}
#page{
	position:relative;
	width:730px;
	margin:0 15px;
	padding:20px 10px 0 10px;
	background-color:#e0fbfb;
}
/*========================*/
/**      banniere                       **/
/*========================*/
a.logo{
	position:relative;
	margin:0;
	background-image:url(../theme2/logo.jpg);
	width:275px;
	height:111px;
	display:block;
	font-size:0;
	text-decoration:none;
}
ul#accessibilite{
	list-style-type:none;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../theme2/acces.jpg);
	margin:0;
	padding:0;
	padding-left:80px;
	width:192px;
	height:46px;
}
ul#accessibilite li{
	display:inline;
	margin:0;
	padding:0;
}
ul#accessibilite a:link,ul#accessibilite a:visited,ul#accessibilite a:active{
	text-decoration: none;
	color:#000;
	background-color: transparent;
	}
ul#accessibilite a:hover{
	text-decoration:underline;
}
#contact{
	position:absolute;
	background-image:url(../theme2/fcontact.jpg);
	width:175px;
	height:44px;
	bottom:6px;
	right:0;
}

a.contact, #pri{
	position:relative;
	display:block;
	width:124px;
	height:29px;	
	background-image:url(../theme2/bcontact_up.gif);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	line-height:29px;
	text-decoration:none;
}
 #pri{ 
	margin-left:20px !important;
	margin-left:25px;
	font-weight:bold;
	font-size:1.4em
 }
a.contact{
	margin:7px 0 0 25px;
}
a.contact:hover, #pri:hover
{
	background-image:url(../theme2/bcontact_down.gif);
	background-repeat:no-repeat;
}
/*========================*/
/**   menuh       **/
/*========================*/
.accessibilite{background-image:url(../theme2/accessibilite.jpg)}
.collection{background-image:url(../theme2/collection.jpg)}
.contact{background-image:url(../theme2/contact.jpg)}
.harmonisation{background-image:url(../theme2/harmonisation.jpg)}
.mentions{background-image:url(../theme2/mentions.jpg)}
.morganti{background-image:url(../theme2/morganti.jpg)}
.newsletter{background-image:url(../theme2/newsletter.jpg)}
.seminaire{background-image:url(../theme2/seminaire.jpg)}
.showroom{background-image:url(../theme2/showroom.jpg)}

ul#menuh li{
	float:left;
	margin:0 1px;
	padding:0;
}
a.bmenuh{
	display:block;
	width:124px;
	height:27px;
	background-image:url(../theme2/bouton_up.gif);
	color:#FFF;
	line-height:27px;
	text-align:center;
	text-decoration:none;
}
a.bmenuh:hover{background-image:url(../theme2/bouton_down.gif)}

a.type{
	font-weight:bold;
	color:#FFB27F;
	font-size:1.2em;
	text-decoration:underline;
	}

/*========================*/
/**      page        **/
/*========================*/
/*** page accessib***/
.accessib li{
margin-bottom:0.8em
}	
/*** page contact ***/
#page fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: #159496 1px solid ;
}
legend {
	color: #000;
    }
 form p {
    float: left;
     display: inline;
     text-align: right;
     width: 250px;
     margin: 5px 0 5px 20px
 }
    #page p.message{	
        width:450px		
    }
	#page p.mail  {
        width:266px /* = "form p width" + 16px */
    }
        #page textarea, input, select{
            vertical-align: middle;
            background-color: #fff;
			color: #000;
        }
#page a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#page a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#page a.aide:hover {	
	cursor: help;
}
.valid,.valid:hover, .valid:focus, .valid:active{
	color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
	width:75px;
    padding-bottom:4px;
    text-align:center;
	border:0;
}	
.valid{/*normal foncé*/    
	background:#c6c url(../theme2/bcontact_up.gif) no-repeat center;
}

.valid:hover, .valid:focus, .valid:active{/*actif clair*/ 
	background:#3cc url(../theme2/bcontact_down.gif) no-repeat center;
}
#spam legend{
	color:#F00;
}
/*** page showroom  et collection***/

#photos{
	padding: 0 28px;
	margin: 0 auto;	
}
#coll{
	padding: 0 10px;
}
#photos ul,#coll ul{
	list-style-type:none;	
	padding:0;
	margin:0;
}
#photos li,#coll li{
	display: inline;
	float:left;
	padding:10px 5px;
	text-align:center
}
#photos li{
	width:150px;
	height:113px;
	margin:3px;
}
#coll li{
	width:160px;
	margin: 0 3px;
	height:150px;
}
#photos img, #coll li img{
	border:2px solid #159496;
	top:50%;
	position:relative;
	margin-top:-56px
}
#coll img{
	position:relative;
	border:2px solid #159496;
}
/*** page collections ***/
/*moteur*/
.accent{color:#c6c}
#rech{
	margin: 0;
	float:right;
	padding:0;
	width:243px;
	height:48px;
	line-height:48px;
	background:#159496 url(../theme2/rech.jpg) no-repeat center;
}
/*#rech fieldset {
	border:none;
}
#rech legend,*/#rech label {
	display: none
}

.inmot,#envrech{	
    float: left;
    display: inline;
 }
 .inmot{
	margin-top:19px;
 	margin-left:52px;
	margin-right:8px;
	border: 2px solid #366;
 }
 .mot{
	color:#c6c;
	font-weight:bold
}
#envrech{
	margin-top:16px;
	border:0;
	padding-top:0;
	padding-left:2px;
	cursor:pointer;
    font-weight:600;
	width:28px;
	height:28px;
	background:#159496 url(../theme2/bok_up.jpg) no-repeat center;
	color:#FFF;
	line-height:28px;
	text-decoration:none;
}
#envrech:hover{
	background:#159496 url(../theme2/bok_down.jpg) no-repeat center
}
/*demande devis*/
.devis{
	float:right;
	margin:0;
	padding:0
}
/*numero page*/
a.nump{
	text-decoration:none
}
a.nump:hover{
	text-decoration:underline
}
/*fiche*/
#h2coll{
	text-align:center;
	margin:0 auto
}
#ficg,#ficd{
	margin:0 10px;
	position:relative;		
	border:1px solid #159496;
	width:290px;
	height:290px;	
	padding:10px !important;
	padding: 15px 10px;
}
#ficg{float:left}
#ficd{float:right}
#ficg p{
padding-left:20px;
}
/*** affichage photo survol ***/
 a.info:hover { background:none; z-index:500; } /* bien mettre cette ligne sinon pble sous ie6 */
a.info span {display: none;}
a.info:hover span {
	display:block;
     position: absolute; 
	background-color:white;/**/
	color:black;
	border:2px solid #159496; /**/
	padding: 7px;	
   width:300px; top:120px;  
  right: -80px;      
   z-index: 500; 
 text-decoration:none
}
/*** page mentions ***/
#meng{
	position:relative;
	margin-left:115px !important;
	margin-left:20px;
}
#mend{
	position:relative;
	margin-left:40px; 
	margin-bottom:40px;		
}
/*========================*/
/**      pied        **/
/*========================*/	
ul#bas{
	margin:0;
	float:right;
	padding:0;
	color:#fff;
	list-style-type:none;	
	text-align:right;
}
ul#bas li{
	margin:0 1px;
	padding:2px 4px 1px;
	display: inline;
	background-color:#159496;
}
#bas a,#bas a:visited{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background-color: transparent;
}
#bas a:hover{
		text-decoration:underline;
	}
/*=========================*/
/**                          hack            **/
/*=========================*/
* html #conteneur{height:100%}
html>body #cadre {
    height: auto;
}
html>body #photos ul{display:block;}