/* Start of CMSMS style sheet 'Multimat' */
@CHARSET "ISO-8859-1";

/***********************************************************/
/* RESET + STYLES DE BASE **********************************/
/***********************************************************/

/* MEYER RESET v1.0*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.6em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* BASIC TYPOGRAPHY */

html { font-size: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #005ea7;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var{ font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace;}
input[type='text'], input[type='password'], textarea { font-family: Tahoma, Geneva, Kalimati, sans-serif;}
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym, a img { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMULAIRES */

fieldset { padding:1.4em; margin: 0 0 0 0; border: none; }
legend { font-weight: normal; font-size:1.2em; }
label { font-weight: bold; display: block; width: 70px; float: left; text-align: right; margin-right: 5px; font-size: 12px;}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #d6d7d8; background: #fff; }
select { border: 1px solid #a6afb6;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
input[type=button], input[type='submit']{
	margin-left: 74px;	
}
textarea{ width: 200px; height: 225px;}
.fb_invalid, .error_message{ color: #f00;}


/* TAILLES DE BASE */

h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/* LISTES */

ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */

table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS et PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
h1 { margin: 0 0 .5em; }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 0; margin: 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .4em; padding-right: .4em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: 0; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }


/* Styles de base MULTIMAT */
#main h1{
  font-size: 14px;
  text-transform: uppercase;
}

a{
	color: #0081e5;
	text-decoration: none;
}
a:hover, a.current{
	color: #d2061c;
}
a.active{
font-weight: bold;
color: #005EA7;
}

p, ul{
	font-size: 14px;
	line-height: 18px;
}

ul, li{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

hr{
	border: none;
	height: 1px;
	line-height: 1px;
	background: #d4e2f2;
}

.clearFloat{
	height: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	clear: both;
}

.upper{
text-transform: uppercase;
}

table, tr, td, td hr{
border: none;
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
line-height: 14px;
vertical-align: middle;
font-weight: bold;
}

table, td hr{
margin-top: 5px;
margin-bottom: 5px;
}



/***********************************************************/
/* BLOCS PRINCIPAUX *****************************************/
/***********************************************************/
html, body {
	margin: 0;
	padding: 0;
}

body{
	background: url('images/BG-body.gif') repeat-x #fff;
}

.container{
	position: relative;
	width: 962px;
	margin: 0 auto;
	background:  #fff;
}

#header{
	position: relative;
	height: 126px;
}

#nav{
	position: relative;
	height: 27px;
}

#main{
	position: relative;
	min-height:300px;
	height:auto !important;
	height:300px;
	
	margin-top: 10px;
	background: url('images/BG-main.gif') bottom right no-repeat;
}

#footer{
	position: relative;
	clear: both;
	background: url('images/BG-footer.gif') center no-repeat;
	height: 126px;
}


/***********************************************************/
/* HEADER **************************************************/
/***********************************************************/
#maison3d{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
}


/***********************************************************/
/* NAV *****************************************************/
/***********************************************************/
#nav ul{
	background: url('images/BG-nav.gif') repeat-x;
	height: 37px;
}

#nav li{
	list-style: none;
	float: left;
	height: 37px;

	margin: 0;
	padding: 0;
}

#nav a, #nav h1{
	display: block;
	position: relative;
	line-height: 37px;
	padding: 0 10px;
	font-size: 13px;
	color: #fff;

}
#nav a:hover{
	color: #f7ac3c;	
}
#nav h1{
	background: url('images/BG-hoverNav.gif') repeat-x;
	color: #f7ac3c;
}
#nav a span{
	position: relative;
	z-index: 100; 
}

#nav .separator{
	width: 1px;
	height: 29px;
	margin: 4px 0 0 0;
	background: #98b6dc;	
}


/***********************************************************/
/* MAIN ****************************************************/
/***********************************************************/
#LeftCol, #CenterCol, #RightCol{
	float: left;
}

#LeftCol{
	width: 340px;
	margin-right: 20px;
}

#CenterCol{
	width: 350px;
	margin-right: 20px;
	padding-top: 34px;
}

#RightCol{
	padding-top: 70px;
	width: 210px;
}

.listeSquare{
	width: 300px;
}
.listeSquare li{
	list-style: url('images/BlueSquare.gif');
	margin-left: 16px;
}
.listeSquare li li{
	list-style: url('images/BlueTiret.gif');
	margin-left: 12px;
}

.listeArrow{
	list-style: url('images/BlueArrow.gif');
	margin-left: 16px;
	color: #82a8d0;
	font-size: 15px;
	line-height: 20px;
}

.visuelPage{
	float: left;
}

/* BLOC PROMOTIONS */
.Bloc_promo{
	width: 295px;
	color: #f7ac3c;
	border: 2px solid #fdd9a7;
	position: relative;
	margin: 0;
	padding: 0;
	
	/* ombre sur le bloc */
	-moz-box-shadow: 3px 3px 3px #feeed6;
	-webkit-box-shadow: 3px 3px 3px #feeed6;
	box-shadow: 3px 3px 3px #feeed6;
}

.Bloc_promo p{
	padding: 8px 8px 19px 8px;
	text-transform: uppercase;
}

.Bloc_promo img.visuelPromo{
	position: absolute;
	bottom: 8px;
	right: 8px;
}

span.smaller{
	display: block;
	font-size: 12px;
	line-height: 14px;
}


/***********************************************************/
/* FORMULAIRE DE COMMANDE ***********************************/
/***********************************************************/
.commandeForm fieldset fieldset{
font-size: 14px;
width: 400px;
margin: 0 0 10px 0;
padding: 0;
border-top: 1px solid;
}

.commandeForm legend{
font-size: 14px;
background:  url('images/puceCommande.gif') no-repeat 10px 8px;
color: #005EA7;
font-weight: normal;
padding-left: 26px;
border: 1px solid;
}

.commandeForm label{
width: 300px;
text-align: left;
border-bottom: 1px dotted;
padding-left: 30px;
}
.commandeForm fieldset fieldset input{
width: 30px;
margin: 0 0 5px 0;
padding: 0 !important;
}

.commandeForm div{
margin: 0;
padding: 0;
}

table.tableau th, table.tableau td{
border: 1px solid;
} 


#fbrp__177 div{
margin-bottom: 10px;
}
#fbrp__177 div.required{
margin-bottom: 0;
}
#fbrp__177 div{
height: 40px;

}
#fbrp__177 label{
width: 80px;
float: left;
}

/***********************************************************/
/* FOOTER **************************************************/
/***********************************************************/
#footer{
	text-align: center;
}

.blueBG{
	background: #005ea7;
	height: 32px;
	line-height: 32px;
	margin-right: 50px;
	color: #fff;
}

/* End of 'Multimat' */