body {
	background-color:#a3a1a1;
	background-image:url(/images/bg_body.jpg);
	_background-image:none;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #4a4a4a;
	margin: 0px 0 20px 0;


	/*
	scrollbar-face-color: #b4c1d7;
	scrollbar-shadow-color: #7d8695;
	scrollbar-highlight-color: #d9dfe9;
	scrollbar-3dlight-color: #b4c1d7;
	scrollbar-darkshadow-color: #b4c1d7;
	scrollbar-track-color: #d9dfe9;
	scrollbar-arrow-color: #de8137
 	*/
	}

a {
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

h1 {font-size:20px; margin:0; text-align:left; font-weight:bold; color:#fff;}
h2 {font-size:14px;}
h3 {font-size:10px;}
h4 {font-size:9px;}



a:link {text-decoration: underline; color:#4a4a4a;}
a:visited {text-decoration: underline;color:#4a4a4a;}
a:hover {text-decoration: none;color:#4a4a4a;}
a:active {text-decoration: none;color:#4a4a4a;}

li a:link 		{ color:#4a4a4a; text-decoration:none;}
li a:visited 	{ color:#ccc; text-decoration:none;}
li a:hover 		{ color:#5ac9e5; text-decoration:underline;}
li a:active 	{ color:#5ac9e5; text-decoration:underline; }

img{border:0;}

.content {

  background-image:url(/images/bg.png);
  _background-image:url(/images/bg_ie6.jpg);
  width:800px;
  padding: 0px 20px 30px 20px;
  text-align:left;

  margin: 0px auto;


}
.top{display:block;background-image:url(/images/bg_top.jpg);width:800px;height:85px; text-align:left;}
.flash_hp { margin-top:36px; width:800px; height:320px; overflow:hidden; }
.nav_top{ position:absolute; top: 85px; background-image:url(/images/bg_nav.png); width:800px;height:36px; float:left; text-align:left; }

#actu {width: 399px; height: 162px; border-right: solid 1px #5ac9e5; border-bottom: solid 1px #5ac9e5; float:left;background: url(/images/bg_scroll_actu.gif) right repeat-y;}
#actu h2 { font-size:14px;color:#fff; background-color:#5ac9e5; text-transform: uppercase;text-align:left;padding:5px;margin:0;}

#produit{width: 189px; height: 152px; border-right: solid 1px #5ac9e5; border-bottom: solid 1px #5ac9e5; float:left; padding:5px; text-align:left; overflow:hidden;}
#produit h1 {color:#5ac9e5;}
#produit h2 {color:#4a4a4a;font-size:15px;background-color:#fff; text-transform: none; font-weight:normal;}
#produit img {width:80px; margin: 5px;}
#produit a:link, #produit a:visited {color:#4a4a4a; text-decoration:none;}
#produit a:hover, #produit a:active {color:#4a4a4a; text-decoration:underline;}

#deco {width: 390px; height: 152px; border-bottom: solid 1px #5ac9e5; float:left; padding:5px;background: url(/images/bg_hp_deco.jpg);text-align:left;}
#sd {width: 390px; height: 152px; float:left; padding:5px;background: url(/images/bg_hp_sd.jpg);text-align:left;border-bottom: solid 1px #5ac9e5;}

#footer {background: url(/images/bg_footer.png);_background: url(/images/bg_footer_ie6.jpg); background-repeat:no-repeat; width:778px;height:26px;margin:-10px auto 0 auto; color:#fff; font-size:11px; text-align:left; padding:20px; }
#footer a:link, #footer a:visited {color:#fff;}

#baseline {width:800px;color:#fff; text-align:left; font-weight:normal; color:#fff; font-size: 10px;}
#baseline a:link, #baseline a:visited {color:#fff;}

#nav_bottom {text-align:center; width:800px;margin:0px auto;color:#4a4a4a; font-weight:normal; font-size: 10px }
#nav_bottom a:link, #nav_bottom a:visited {color:#4a4a4a; ;}

#banner { width:800px; height:150px; text-align:left; vertical-align:bottom; position:relative;  margin-top:36px;}
#banner h1 {font-size:38px; color:#fff; font-weight:bold; width:700px; overflow:hidden;padding:15px; line-height:38px;}
#banner_title {bottom:0; position:absolute; text-transform:uppercase;}

#breadcrumb {}
#breadcrumb h3 { float:right; font-style:normal; color:#969696; margin:0;}
#breadcrumb a:link, #breadcrumb a:visited { color:#969696;}
#breadcrumb a:hover, #breadcrumb a:active { color:#969696;}

#content_page { width:760px; text-align:left; padding:20px;}
#content_page h1 {font-size:40px; color:#fff; font-weight:bold; width:700px; overflow:hidden;padding:15px;}
#content_page h2 {font-size:16px; color:#5ac9e5; font-weight:bold; text-transform:uppercase;}
#content_page h3 {font-size:11px; color:#fff; font-weight:normal;}
#content_page h4 {font-size:11px; color:#5ac9e5; font-weight:normal;}

#famille_liste { text-align:center; background: url(/images/bg_scroll_actu.gif) right repeat-y;width:620px; height: 300px; padding:5px 0px 5px 5px; margin:60px 10px 20px 10px; background-color: #4d4d4d; float:right;}
#famille_liste h3 {width:600px; height:16px;border-bottom:1px solid #fff; background-color: #4c4c4c; padding:0; margin:0; overflow:hidden;}
#famille_liste h3 a:link, #famille_liste h3 a:visited  {background-color: #4d4d4d; text-decoration:none; color:#fff; padding:4px; margin:0; display: block;}
#famille_liste h3 a:hover, #famille_liste h3 a:active {background-color: #5ac9e5; color:#000;margin:0;}

#famille_vignette {float:left; overflow:hidden; text-align:center; width:120px; height:120px; margin:50px 5px 5px 15px; border:1px solid #4d4d4d;}
#famille_vignette img {width:120px;margin: auto;}
#left_col {width:315px; text-align:left; float:left;padding:20px;margin:20px 0px 20px 0px;}
#left_col h1 { color:#4a4a4a; font-size:25px;}
#left_col h2 { color:#5ac9e5; font-size:16px; background-color:#fff; margin:0; padding:0; font-weight:bold; text-transform:uppercase;}
#left_col h3 { font-family: Georgia, 'Times New Roman', Times, serif; color:#4a4a4a; font-size:11px; font-weight:normal;}
#left_col h4 { color:#5ac9e5; font-size:11px; font-weight:bold;margin:0; padding:0;}

#right_col {width:420px;float:left;padding:0px 20px 0px 0px;margin:20px 0px 20px 0px; text-align:left; font-size: 10px; }
#right_col a:link, #right_col a:visited { color: #5ac9e5;}
#right_col a:hover, #right_col a:active, { color: #5ac9e5;}

#image_big { overflow:hidden; width:400px; height:400px; text-align:center;}

#newsletter {float: right; color: #fff; font-size:10px; }

input, select, textarea { font-family:Arial, Helvetica, Verdana, sans-serif; border:1px solid #ccc; color:#4a4a4a; font-size:11px; font-weight:bold; width:150px;  }
#submit { background-color:#5ac9e5; color:#fff; border:0; }
#delete_of { margin:2px;padding:2px;font-size:11px;float:left;color:#fff; background-color:#5ac9e5; text-align:center;width:150px; font-weight:bold; vertical-align:middle; }
#delete_of a:link, #delete_of a:visited { color:#fff; text-decoration:none; }
#delete_of a:hover, #delete_of a:active { color:#fff; text-decoration:none; }
#delete_on { width:150px; font-family:Arial, Helvetica, Verdana, sans-serif; border:1px solid #ccc; color:#4a4a4a; font-size:11px; font-weight:bold; background-color:#ff0000; color:#ff0000; border:0; color:#fff; vertical-align:middle; }

/* Dropdedown menu ------------------------------------------------------------------------------------------- */

#nav, #nav ul {
  display:block;
  float:left;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	float: left;
	width: 800px;
	list-style: none;
	_background-color: transparent; /* hack IE6 */
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	margin: 0;


}

#nav a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0;
}

#nav a.daddy {	background-image: url(images/arrow_daddy.gif) center right no-repeat; _background-image: none; }

#nav li {
	float: left;
	padding: 2px 8px 3px 18px;
	margin: 0px 0px 0px 0px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 400px;
	font-weight: normal;
	margin: 0px 0px 0px -22px;
	*margin: 0px 0px 0px -27px; /* hack IE */
}

#nav li li { width: 264px; 	height: auto; background-color:#000; padding:3px 0px 0px 24px;}

#nav li ul a {	color: #fff; height:auto; border-bottom: 1px dotted #666; padding: 3px 0;}
#nav li ul ul { margin: -33px 0px 0px 263px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { background-color:#5ac9e5; }


/* scroll bar --------------------------------------------------------------------------------------- */
#scroll_content{float:left;overflow:hidden; text-align:left;}
.scrollbar{float:left;}
.handle{height:15px;width:11px;background:url(/images/scroll_arrow.gif) no-repeat;}
/* fin scroll bar -------------------------------------------------------------------------------------------------------- */

#carte { diplay: block; width: 759px; height: 312px; margin:0; padding:0; background-color:#fff; color:#4a4a4a; position:relative; }
#carte h1 {font-size:13px; margin:5px 0px 0px 0px; padding:0; text-align:left; font-weight:bold; color:#5ac9e5; }
#carte h3 {font-size:11px; margin:0; text-align:left; font-weight:normal; color:#4a4a4a; }
#carte #zone_txt { display: block; width:200px; height:300px; }
#carte div:hover, #carte area:hover { cursor: pointer; }

table.contact_form {
  width:100%;
}
table.contact_form tr {
  background-color:#eee;
}
table.contact_form tr:hover {
  background-color:#ccc;
}
table.contact_form td {
  font-size:10px;
  color:#000;
}


div.search_result { margin: 0; padding: 10px 5px; border-bottom: 1px dotted #333; background: #fff; }
div.search_result:hover { background: #eee; cursor: pointer; }
.search_result table img { height: 50px; }
#content_page .search_result h3 { font-size:14px; color:#5AC9E5; font-weight:bold; margin:0; }
.search_form form { width: auto; float: right; }
.search_form form input.submit { width: auto; }