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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1;}
ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0;}
img{line-height:0;}
body, td, th, label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}

/* BODY */
body {
	color: #fff;
	background: url(images/photo-bg.jpg);
	background-repeat:no-repeat;
	background-position: center 20px;
	background-color:#fff;
}
#content-index a:link, #content-index a:visited, #content-index a:active {color: #333; text-decoration: underline;}
#content-index a:hover {color:#333;	text-decoration: underline;}
form {	margin: 0;}
h1, h2, h3, h4, h5 {
	font-weight:bold;
}

h1 {font-size:18px; line-height:30px; color:#333; /*padding-left:40px;*/	text-transform:uppercase; margin-bottom:15px;}
h2 {font-size:16px; color:#333; margin-bottom:10px;}
h3 {font-size:16px; line-height:22px; color:#333; margin-bottom:10px;}
#content-index h1, #content-index h2, #content-index h3, #content-index h4, #content-index h5, #content-index h6{color:#333;}
#sidecol-content h1, #sidecol-content h2, #sidecol-content h3, #sidecol-content h4, #sidecol-content h5, #sidecol-content h6{color:#fff;}
blockquote {padding-left:25px; background:url('images/quote.gif') no-repeat 0 10px; font-style:italic;}
strong {font-weight:bold;}
em {font-style:italic;}
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.aright {text-align:right;}
.acenter {text-align:center;}
.inline {display:inline-block; }


/* BG_SITE */
#bg_site {background: url('images/head.gif') no-repeat top center; }


/* HEADER */
#header {
	text-align:left;
	width:960px;
	margin:0 auto;
}

#bulle-header { 
	float:right; 
	padding-top:91px;
}


/* ACCROCHE */
#accroche{
	width:290px;
	padding:20px 40px;
	background:none;
	background-image:url("images/bg-accroche.png");
	background-repeat:no-repeat;
	float:left;
	margin-top:245px;
}

#titre_accroche{
	font-size:25px;
	line-height:30px;
	font-weight:bold;
}

.texte_accroche{
	font-size:18px;
	line-height:30px;
	padding-left:18px;
}


/* MAIN */
#main {
	text-align:left;
	width:960px;
	clear:both;
	margin:0 auto;
	padding-bottom:10px;
}

#blocs {margin:20px 0; font-family:"Century Gothic", verdana; font-size:15px; line-height:20px; color:#000;}
#blocs h3 {font-size:22px; line-height:30px; font-family:"Century Gothic", verdana; font-weight:120%;}
.col1 {width:220px; height:132px; padding:15px 80px 10px 10px ; float:left; background: url('images/bg_col1_off.jpg') no-repeat top right;}
.col1:hover {background: url('images/bg_col1.jpg') no-repeat top right;}
.col2 {width:196px; height:132px; padding:15px 110px 10px 10px ; float:left; background:url('images/bg_col2.jpg') no-repeat top right; border-left:2px solid #8a6c4e; border-right:2px solid #8a6c4e;}
.col2:hover {background: url('images/bg_col2_on.jpg') no-repeat top right; }
.col3 {width:210px; height:132px; padding:15px 90px 10px 10px; float:left; background:url('images/bg_col3.jpg') no-repeat top right;}
.col3:hover {background: url('images/bg_col3_on.jpg') no-repeat top right;}


.top_priority{background: url('images/blc_b_top.jpg') no-repeat top left; height:60px; width:260px;}

.content_priority{	
	padding-left:20px;
	padding-right:20px;
	background-image:url('images/blc_b_repeat.jpg');
	background-repeat:repeat-x;
}

.bot_priority{background:url('images/blc_b_bott.jpg') no-repeat top left; height:20px; width:260px;}

.top_contact{background:url('images/blc_v_top.jpg') no-repeat top left; height:60px; width:260px;}

.content_contact{
	padding-left:20px;
	padding-right:20px;
	background-image:url('images/content-contact.jpg');
	background-repeat:repeat-x;
}
.bot_contact{background: url('images/blc_v_bott.jpg') no-repeat top left; height:20px; width:260px;}

#sidecol ul {}	
#sidecol li a:link, #sidecol li a:visited, #sidecol li a:active {text-decoration:none; color:#fff; font-weight:bold;}	
#sidecol li a:hover {text-decoration:underline; color:#fff; font-weight:bold;}	
#sidecol li  {background:url('images/puce.gif') no-repeat 0 6px; padding: 2px 0 5px 15px;}
#sidecol a:link, #sidecol a:visited, #sidecol a:active, #sidecol a:hover{color:#fff; font-weight:bold;} 

.highlight {
	background-color: #D0D0D0;
}

.page-title {}

#content {
	float:left;
	width:470px;
	margin:200px 20px 0 0;	
}

#top-content{background: url('images/top-content.png') no-repeat;width:449px; float:left; height:8px;}
/*#bg-content{background: url('images/bg-content.png') repeat-y;width:949px; padding:10px; float:left;}*/
#bot-content{background: url('images/bot-content.png') no-repeat;width:449px; float:left; height:8px;}

#content-index {width:390px; padding:20px 20px 20px 0; float:left;}
#content-index img {padding:20px 40px 0 0;}

#sidecol {width:449px; float:left;}
#sidecol-content{background:url('images/bg-content.png') repeat-y; float:left;min-height:405px;width:429px; padding:10px; color:#fff;}
#sidecol-content img{padding:2px;}

#content img {/*padding:5px 10px;*/}
#content p {padding:5px 0 3px 0;}
#content li {padding:3px 0 3px 20px;}
#content ul, #content ol {padding-left:0;}
#content ul {list-style-type:disc;}
#content ol {list-style: decimal;}
#content ul.liste_avantages {list-style-type:none; color:#000;}
#content table {margin:5px 0 3px 0;}
#content table th {font-weight:bold;}
#content table td, #content table th {padding:2px 5px; border:1px solid #6D3F27; vertical-align:top;}

#content form table td, #content form table th {border:none;}
#content form table td.field_heading {border-bottom:1px solid #6D3F27;}

/* LISTE AVANTAGE */
#content .liste_avantages li{
	height:30px;
	background-image:url('images/puce_cercle.jpg');
	background-repeat:no-repeat;
	background-position:left center;
}

#content .liste_avantages li p{
	padding:6px 0 0 10px;
}


/* FOOTER */
#footer {
	clear:both;
	font-size:12px;
	color:#333;
	text-align:center;
	margin:0 auto;
	width:960px;
	height:150px;
	margin-top:10px;
}

#adresse {float:right; text-align:right;margin-right:30px; margin-top:10px; width:165px;}
#ico-contact {float:right; text-align:right; margin-top:22px;}

#adresse .societe {font-size:16px; font-weight:bold; color:#333;}
#footer p {line-height:103px ;}
#footer a {color:#333;}

#footer_menu{width:450px;}
#footer_menu ul li {float:left;}
#footer_menu ul li a{
display: block;
    height: 25px;
    line-height: 47px;
    padding: 0 15px;
    text-decoration: none;}

#footer .mentions{float: left;padding-top: 68px;text-align: center;width: 703px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	#######################
	####	Header Menu  ####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer { 
	width:469px; 
	overflow:hidden;
	margin:-20px 0 10px 0;
	padding:0;
	float:right;
}

*:first-child+html #navContainer { } /*hack CSS Ie7*/

/* Header menu */

#header_menu {z-index:10;}
#header_menu li {line-height:normal;}

#nav {
	height:47px;
	width:465px;
	margin:0 auto;
	margin-left:8px;
}

#nav ul {
	list-style-type:none;
	padding:0;
	font-size:20px;
	width:auto;
	position:relative; /* Fix the Stupid IE6 Bug */
}

#nav ul li {
	float:left;
	text-align:center;
	margin-right:22px;
}

#nav ul li a {
	color:#fff;
	display:block; 
	padding:10px 15px; 
	line-height:25px;
	height:26px;
	text-decoration:none;
	/*background-color:#fff;*/
	/*border:1px solid #333;*/
	background:none;
	background-image:url("images/bg-bouton2.png");
	background-repeat:no-repeat;
	width:179px;;
	font-size:19px;
}

#left_nav{}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color:#fff;}
#nav li a:active, #nav ul li a.active {}

/* 2nd Child menu */
#nav .menu li ul {
	position:absolute; 
	/*width:110px; */
	margin:0; 
	display:none; 
	text-transform:none; 
	border-top:0; 
	font-size:100%;
	top:25px; left:0;/* ces deux là sont pour IE7 : le menu déroul doit s'afficher sous le menu principal */
	
}

#nav .menu li ul li {
	text-align:left; 
	font-weight:normal; 
	margin:0; 
	padding:0; 
}

#nav .menu li ul a {
	color:#fff;
	font-size:12px;
	width:150px; 
	padding:5px 20px; 
	line-height:20px; 
	color:#fff;
	border-top:1px solid #023244;
  background-color:#036a90;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color:#fff; background:#023244	;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {/*display: block;*/}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ /*width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff;*/ }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul li {position: relative;}

#nav .menu li ul ul{
	position: absolute;
	top: 0px;
	left: 190px;
	border:1px solid #bbbbbb;
}

/* Current page Customisations*/

#nav ul li.menu-current li a {font-weight: normal; background:#035674; color:#fff;}
#nav ul li.menu-current a {color:#fff;}
#nav ul li li.menu-current a {
	font-weight: bold;
	color:#fff;
	background-color: #626a77;
}

/* end menu */

/* Bandeau*/

#bandeau{height:214px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image_captcha { }
.captcha_table { height:25px;}