/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1.25}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:"" }
blockquote, q {quotes:"" "" }
blockquote { margin: 0 0 1em }
a img {border:none}

body { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:  14px;
	color: #2f4051;
	background: #fff
	}
	
h1, h2, h3, h4, h5, h6 {font-weight:normal }
h1 {font-size:26px; margin-bottom:0.6em; color: #ff9532 }
h2 {font-size:18px; margin-bottom:0.8em; color: #3690CF }
h3 {font-size:16px; margin-bottom:0.5em}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.75em; text-decoration: underline}
h5 {font-size:1em;font-weight:700;margin-bottom:1em}
h6 {font-size:1em;font-weight:700}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 1em}
img.left {float:left;margin:0 1.5em 1.2em 0;padding:0}
img.right {float:right;margin:0 0 1.2em 1.5em}
a{ text-decoration: underline; color: #2675bf }
a:hover{text-decoration:none}
strong {font-weight:700; font-size: 15px}
em {font-style:italic}
li ul, li ol {margin: 0.6em 1.2em 1em 3em}
li ul { list-style: circle }
li { margin-bottom: 0.6em }
ul, ol {margin:0 1.2em 1.2em 3em}
ul {list-style-type:disc }
ol {list-style-type:decimal}
dl {margin:0 0 1.2em 0}
dl dt {font-weight:700}
dd {margin-left:1.2em}
table {margin-bottom:1.4em}
th {font-weight:700}
thead th {background:#E8ECED; border-right: 1px solid #fff; border-bottom: 1px solid #CACACA }
th, td, caption {padding:4px 10px 4px}
tr.even td {background:#f9f9f9; border-bottom: 1px solid #e7e7e7; height: 28px }
tr.odd td { border-bottom: 1px solid #e7e7e7; height: 28px }
tfoot {font-style:italic}
caption {background:#eee }
label { font-weight: bold; display: block }
fieldset { padding:1.4em; margin: 0 0 1.2em 0; border: 1px solid #cacaca }
legend { font-weight: bold; font-size:1.2em; color: #24C0EB }
small { font-size: 0.8em }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.center { text-align: center}
.justify { text-align: justify }
.small {font-size:.9em;margin-bottom:1.875em}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:0.5em}
.hide {display:none}
.quiet {color:#788595}
.loud {color:#796447}
.highlight {background:#ff0}
.hr { background: url('../images/bg-hr.gif') repeat-x }
.hr hr { visibility: hidden }
.justify { text-align: justify }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324 }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a    { color: #8a1f11 }
.notice a   { color: #514721 }
.success a  { color: #264409 }
div.error p { margin: 0.5em 0 }
.required { color: #f00 }
/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, input.signin,
textarea, select { 
  background-color:#fff; 
  border:1px solid #cacaca
}
input[type=text]:focus, 
input.text:focus, input.title:focus, input.signin:focus,
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, .lineForm label {
  margin:0
}
select { margin-top:0 }
input.text, 
input.title   { width: 334px; padding:4px }
input.title   { font-size:1.5em }
textarea      { width: 334px; height: 150px; padding:4px }

input[type=checkbox], input[type=radio], 
input.checkbox { 
        position:relative; top: -.05em 
}
input.radio { 
        position:relative; top: .05em 
}

.lineForm { clear: both; position: relative; margin: 0 0 0.5em 0; width: 100% }
.lineForm label { display: block; float: left; width: 110px; text-align: right; line-height: 24px }
.lineForm .champ { float: left; margin-left: 0.5em }

.lineForm .btn-envoyer a { margin-left: 105px }
.btn-envoyer a { display: block; width: 150px; height: 35px; background: url('../images/btn-envoyer.png') no-repeat 0 0 }
.btn-envoyer a:hover { background: url('../images/btn-envoyer.png') no-repeat 0 -35px }
.btn-envoyer a span { display: none }
/*****************************/

/****************************/
#background { background: url('../images/bg.jpg') repeat-x 0 0 }

#conteneur {
	width: 940px;
	position: relative;
	margin: 0 auto
	}

#header{
	width: 940px;
	height: 180px;
	background: url('../images/header.jpg') no-repeat 0 0 
	}

#header a.logo {
	display: block;
	width: 258px;
	height: 92px;
	position: absolute;
	top: 55px; left: 20px;
    background: url('../images/logo.png') no-repeat 0 0
	}

#header a.logo span {
	display: none
	}

#header #header_code { 
	position: absolute;
	color: #b5d8ee;
	font-size: 11px;
	letter-spacing: 1px;
	top: 164px; right: 5px
	}
	
#contenu { }
#page { background: #fff; padding: 20px 30px }

/***********************/
/* NAVBAR */

#navbar {
	height: 50px; line-height: 50px;
	}
	
#navbar ul{
	margin:0px;
	padding:0px
	}
#navbar li {
	list-style-type: none;
	margin:0;
	padding:0;
	}

#navbar a {
	margin:0px;
	padding:0px;
	text-decoration: none;
	display: block;
	}
			
#navbar ul.menuBlock1{
	float: left;
	}

#navbar ul.menuBlock1, #navbar ul.menuBlock2{ 
	font-family: Arial, sans-serif;
	font-size: 14px
	}

#navbar ul.menuBlock2{	/* Menu bar - main menu items */
	list-style-image: none;
	padding: 1px;
	margin-top: 2px;
	z-index: 3000;
	}

#navbar .currentDepth1 {
	display: block;
	float:left
	}
	
#navbar .currentDepth1 a { 
	padding-left: 20px; 
	padding-right: 20px;
	color: #BBB;
	text-decoration: none
	}

#navbar .currentDepth1 a:hover{ 
	color: #FFF;
	text-decoration: none
	}

#navbar .currentDepth1 a.select {
	padding-left: 20px;
	padding-right: 20px;
	background: #7d7e80;
	color: #FFF
	}

#navbar .currentDepth2 a { /* sous-menu */
	background: #4e4f50;
	color: #FFF;
	white-space: nowrap;
	line-height: 30px;
	padding: 0 10px;        
	}

#navbar .currentDepth2 a:hover{	
	background: #f5f5f5; color:#4e4f50
	}

#navbarSubMenu1 { margin-top: 50px }

#navbar .currentDepth1 a, #navbar .currentDepth1 a:hover, #navbar .currentDepth1 a.select { margin: 10px 5px; line-height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; behavior: url(/PIE.htc); }
/*********************/
#banHome { width: 920px; height: 310px; background: url('../images/home.jpg') no-repeat 0 0; position: relative }
#banHome p { display: none }

.btn-cta a { display: block; width: 376px; height: 76px; position: absolute; right: 38px; bottom: 80px; background: url('../images/btn-cta.png') no-repeat 0 0 }
.btn-cta a:hover { background: url('../images/btn-cta.png') no-repeat 0 -76px }
.btn-cta a span { display: none }

.btn-devis a { display: block; width: 247px; height: 50px; margin: 15px auto 0 auto; background: url('../images/btn-devis.png') no-repeat 0 0 }
.btn-devis a:hover { background: url('../images/btn-devis.png') no-repeat 0 -50px }
.btn-devis a span { display: none }

.btn-msg a { display: block; width: 247px; height: 50px; margin: 15px auto 0 auto; background: url('../images/btn-msg.png') no-repeat 0 0 }
.btn-msg a:hover { background: url('../images/btn-msg.png') no-repeat 0 -50px }
.btn-msg a span { display: none }

.blocLnk { text-align: center; float: left; width: 284px; padding: 10px 10px 5px 10px; background: #f5f5f5; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #fff; border-left: 1px solid #fff }
.blocLnk a { text-decoration: none; color: #2f4051 }
.blocLnk h2 a { color: #3690CF }
.blocLnk h2 a:hover { color: #ff9532 }

.blocBlue { 
	background: #eaf4fb;
	text-align: center;
	padding: 15px 30px;
	margin: 15px 30px;
	box-shadow: 0px 2px 5px -3px #333;
	-webkit-box-shadow: 0px 2px 5px -3px #333;
	-moz-box-shadow: 0px 2px 5px -3px #333;
	behavior: url(/PIE.htc)
	}
	
.bulle {
	text-align: center;
	width: 250px;
	height: 75px;
	padding-top: 11px;
	margin: 15px auto 0 auto;
	background: url('../images/bulle.gif') no-repeat;
	}	

.options {
	padding: 0 10px;
	border-left: 8px solid #F5F5F5;
	}

.lineRea { padding: 10px 30px; margin-bottom: 15px }	
.lineRea img { float: left; width: 250px; margin-right: 20px }
.lineRea div { float: left; padding-top: 15px }
.lineRea h3, .lineRea p { margin-bottom: 1.25em }

.interline td { padding: 0; height: 2px }
/********************/
#footer { background: #f5f5f5; padding: 15px; }
#footer a { color: #132b46; text-decoration: none }
#footer a:hover { text-decoration: underline }
#footer .small { font-size: 11px }