/*
RESET CSS : http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
*/
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}
ol, ul {
	list-style: none
}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none
}

/* remember to define focus styles! */
:focus {outline: 0}

/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0
}

/* Hack SCROLLBAR Firefox...*/
html{overflow-y:scroll;}




/* (Philippe Bonnard) global styles */

/* PRELOAD DES IMAGES DE GRANDE TAILLE */
#preload {
	/* Nos produits */
	background-image: url(../images/content-form.jpg);
	display:inline;
	height:0px;
	width:0px;
}

.clearfix {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden
}
a em, .hide {
	position:absolute;
	left:-9999em
}

html {font-size: 100%}

body {
	font: normal 100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	background-color:#18191e;
	padding: 0;
	margin: 0;
	width:100%;
	letter-spacing:-0.04em
}

h3{color:#b3b4d1; text-transform:uppercase; margin-bottom:5px;}
h4{text-transform:uppercase; margin-bottom:5px; font-size:80%;}

#header {
	height:70px;
	width:100%;
	background:#c1c3c8 url(../images/header.jpg) repeat-x top
}

#content {
	background-color:#18191e;
	color:#b5b7b4;
	font-weight:normal;
	letter-spacing:normal

}

#footer{
	background:#18191e url(../images/header.jpg) repeat-x 0 -35px;
	padding:5px 0 5px 0
}

#content, #footer {font-size:80%}

#contentdiv, #under-header-h2{
		margin:0 auto;
		width:955pxtext-align:left
}

#contentdiv{
	width:800px;
	text-align:justify;
	padding-bottom:5px
}

#contentdiv p {margin-bottom:5px;}

#contentdiv a{color:#7783ab}
#contentdiv a:hover{color:white;}

#footerdiv{width:800px;margin:0 auto;}

#under-header.accueil {
	height:263px;
	background:#18191e url(../images/under_header.png) no-repeat center top
}

.logo a {
	display:block;
	width:399px;
	height:45px;
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
	background: url(../images/h1.gif) no-repeat;
	text-align:left
}
.logo a span{display:none}

/* MENU HEADER ET MENU FOOTER*/
.header-nav-holder {
	position:absolute;
	top: 18px;
	right:0px
}

.nav-holder, .nav-holder *, .footerdiv-nav, .footerdiv-nav * {
	margin:0;
	padding:0;
	list-style:none
}
.nav-holder, .footerdiv-nav {
	line-height:1.0
}
.nav-holder ul {
	position:absolute;
	width:180px
}
.nav-holder ul li,
.footerdiv-nav ul li{
	width: 100%
}
.nav-holder li, .footerdiv-nav li {
	float:left;
	position:relative;
	margin-right:10px
}
.nav-holder a, .footerdiv-nav a {
	display:block;
	color:#b7b8bd;
	text-decoration:none
}

.nav-holder li.active a, .footerdiv-nav a.active {color:white}
.nav-holder li.active a:hover, .footerdiv-nav a.active {
	color:white;
	text-decoration:none
}

.nav-holder a:hover, .footerdiv-nav a:hover {
	display:block;
	color:white;
	text-decoration:overline;
	
}
/* SPECIFIQUE MENU FOOTER */
.footerdiv-nav  {
/* CSS3 UNIQUEMENT */
/*text-shadow:#ccc 0px 1px 0, #fff 0 -1px 0*/
}
.footerdiv-nav a {color:#7e7d7d}
.footerdiv-nav a:hover {text-shadow:none;text-decoration:underline;color:#b7b8bd}
.sep {padding-right:10px;border-right:1px solid #444;color:#7e7d7d}

/* PAGE D'ACCUEIL */
#accueil{
	background:url(../images/pb.jpg) no-repeat 0px 9px;
	padding-left:380px;
	border-right:1px dotted #444
	/* CSS3 UNIQUEMENT, à voir... 
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius:20px;
		-webkit-border-bottom-left-radius:20px;
	*/
}

#accueil #introduction {padding:5px}

#accueil .signature{background:url(../images/signature.gif) no-repeat top right}
#accueil .signature p{
	text-align:right;
	padding-right:100px
}
#accueil .signature p span{
/* CSS3 UNIQUEMENT */
text-shadow:#ccc 0px 1px 0, #fff 0 -1px 0
}

#flash-holder{text-align:center}

/* PAGE CONTACT */
#contact{
	padding-left:210px;
	margin-top:5px;
}

#contact #note{
	padding-bottom:5px;
	
}
#contact input, #contact textarea{
	padding:3px;
}
#contact input{
	width:400px;
	background:#b3b4d1;
	border:none;
	/* CSS3 UNIQUEMENT */
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
#contact textarea{
	width:400px;
	height:150px;
	background:#b3b4d1;
	border:none;
	/* CSS3 UNIQUEMENT */
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
#contact input, #contact textarea{
	margin-bottom:10px;
}

#contact .button{
	width:80px;
	margin-left:68px;
	cursor:pointer
}
#contact .button{
	width:80px;
	margin-left:68px;
	cursor:pointer
}
#contact input.button:hover {
	background-color:#91a1be;
	color:#fff;
	border-color:#283D6A;	
	/* CSS3 UNIQUEMENT */
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

#contact .label{
	float:left;
	display:block;
	width:70px	
}
#contact .fleft{float:left;
}

.notification_error{color:yellow;height:56px}
.notification_ok{color:orange;height:200px}

/* PLAN DU SITE */
#contentdiv ul.site-map {padding-top: 10px}
#contentdiv ul.site-map li{margin: 10px}
#contentdiv ul.site-map .active{
	color:white;
	text-decoration:none
}

/* TOUTES LES PAGES QUI AFFICHENT LA SUITE DE L'IMAGE "under_header.png" */
.with-bg{
background: url(../images/content.jpg) #18191e no-repeat center top;
}

/* PUCES */
#contentdiv.mentionlegales .puces, #contentdiv.plandusite .puces{color:white;font-weight:bold; margin-right:7px}

/* INFORMATIONS LEGALES */
#contentdiv.mentionlegales h4{ color:white;font-weight:bold; margin-bottom:10px;}
#contentdiv.mentionlegales p{ margin-bottom:15px}