/* CSS Document */

html, body {
	margin:0;
	font-family: Arial,"Times New Roman", sans-serif;
	font-size:9pt;
}

h1 {
	height:111px;
	margin-bottom:20px !important;
}
h2{
 font-size:14pt
}
h3{
	font-size:12pt
}
blockquote{
	padding:4px;
	font-style:italic;
	width:80%;
	border:  1px solid #594A43;
}
kbd {
	font-size : 11pt;
	padding: 0px 2px;
	border: 1px solid #ccc;
}
#haut{
	display:none
}
a{
	color:#c6c
}

input{
	margin-top:0
}
.none{display:none}

.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}
.tmoy{font-size:1.2em;}
.souligne{
	text-decoration:underline
}
a.externe {
	padding:0 1em 0 0;
	border-bottom: 0;
}
.erreur{
	color: #F00
}
.reussite {	
	color: #3C3
}

/*========================*/
/**      maquette        **/
/*========================*/
#conteneur{
	position: relative;
	min-height: 100%;
	width:100%;
}
.decog,.decod,.decobg,.decohd{
	display:none
}	

#cadre{
	position:relative;	
	margin:0 auto;
	text-align:justify;
	font-size:1.2em;
}

/*========================*/
/**   cadre       **/
/*========================*/
#ban,#menuh,#bas,p.ligne2{
	display:none
}
p.ligne{
	padding:0;
	height:2px;
	background-color:#159496;
	line-height:2px;
	margin:0;
	font-size:0;
	width:780px;
}

/*========================*/
/**      banniere                       **/
/*========================*/

 #pri{ 
	margin-left:20px !important;
	margin-left:25px;
	font-weight:bold;
	font-size:1.4em
 }


/*========================*/
/**      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, #page p.mail{
    float: left;
     display: inline;
     text-align: right;
     width: 250px;
     margin: 5px 0 5px 20px
 }
    #page p.message{	
        width:450px		
    }
	  
        #page textarea, input, select{
            vertical-align: middle;
            background-color: #fff;
			color: #000;
        }
.aide,.valid,  #spam{
	display: none;
}
/*** 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;
}
/*#photos{width:780px;
	padding: 0;
	margin: 0 auto;	
}
#coll{
width:780px;
	padding: 0 10px;
}
#photos li{
	width:150px;
	height:113px;
	margin:0;
	}
#coll li{
	width:160px;
	margin: 0;
	height:150px;padding:0
}
*/
/*** page collections ***/
/*moteur*/
#rech,.devis{
	display:none
}

 .mot{
	color:#c6c;
	font-weight:bold
}

/*numero page*/
a.nump{
	text-decoration:none
}
a.nump:hover{
	text-decoration:underline
}
/*fiche*/
#h2coll{
	text-align:center;
	margin:0 auto
}

/*** page mentions ***/
#meng,#mend{
	position:relative;
}
#mend{
margin-left:20px
}

/*=========================*/
/**                          hack            **/
/*=========================*/
* html #conteneur{height:100%}
html>body #cadre {
    height: auto;
}
html>body #photos ul{display:block;}

/*========================*/
/**      zones imprim             **/
/*========================*/
a {
	text-decoration : none !important;
	font-style: italic;
	color:#c6c;
}
a:after{
content: " [\00A0" attr(href) "\00A0]";
}
#photos li  a:after,#coll li a:after,#ficg a:after,#meng a:after,#mend a:after{
content: "";
}
h1,h3 {
page-break-after : avoid !important; 
}
#pied {
page-break-before : avoid !important;
}