@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: #000 url(../images/fnd-footer.gif) repeat-x bottom left; padding: 0; margin: 0;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;}
#bg-top{width: 100%; height: 100%; margin: 0 auto; padding: 0; background: #8c0000 url(../images/fnd-top.gif) repeat-x top left;}
#content{width: 930px; margin: 0 auto; padding: 0;} 

/* ----------------------- Top ----------------------- */
#banner{width: 903px; float: left; margin: 0 0 1px 0; padding: 0; background: url(../images/fnd-topbanner-middle.gif) repeat-x top left; height: 100px;}
#banner .left{width: 903px; float: left; margin: 0; padding: 0; background: url(../images/fnd-topbanner-left.gif) no-repeat top left; height: 100px;}
#banner .left .right{width: 837px; float: left; margin: 0; padding: 12px 34px 0 32px; background: url(../images/fnd-topbanner-right.gif) no-repeat top right; height: 88px;}

#faq{width: 330px; float: left; padding: 15px 0 0 0; text-align: right; color: #737373; font-size: 14px;}
#faq a{ text-align: right; color: #737373; font-size: 14px; text-decoration: none; padding: 0 2px;}
#faq a:hover{color: #FFF;}
#search{width: 245px; float: right; padding: 11px 0 0 0; color: #0c6eba; text-align: right;}
#search .input{ background: url(../images/input-search.gif) no-repeat top left; width: 200px; height: 26px; padding: 5px 35px 0 10px; margin: 0 0 12px 0; border: none; outline: none; font-size: 16px; color: #717171;}
#search a{ text-align: right; color: #0c6eba; font-size: 16px; padding: 0 3px;}
#search a:hover{color: #FFF;}

/* ----------------------- Column Left ----------------------- */  
#column-left{width: 272px; padding: 61px 0 0 0; float: left;}
#logo{width: 248px; padding: 0 0 0 24px; float: left; height: 225px; margin: 0; background: url(../images/logo.gif) no-repeat top left;} 
#column-left .image{width: 263px; float: left; padding: 53px 0 10px 9px; background: url(../images/img-bienvenue2.jpg) no-repeat 0 52px;}

/* ----------------------- Column Right ----------------------- */  
#column-right{width: 643px; padding: 7px 0 88px 0; float: right;}
#column-right #phone{ background: url(../images/phone.gif) no-repeat top left; width: 342px; height: 111px; float: right; padding: 0 43px 0 0;}
#column-right #phone span{ display: none;}

/*---------- Menu ----------*/
#menu { width: 643px; float: left; margin: 0; padding: 0; height: 72px; }  
#menu ul { float: left; width: 643px; margin:0; padding:0;}
#menu ul li { padding: 0; margin: 0; float: left; background: url(../images/fnd-menu-separador.gif) no-repeat top right;}
#menu ul li a { display: inline-block; float: left; color: #010101; margin: 0; padding: 25px 28px 0 25px; text-align: center; text-decoration: none; height: 47px; font-size: 14px; font-weight: bold;}
#menu ul li a:hover, #menu ul li a.select { background-position: 0 -2px; color: #b10000;}

.btn-accueil, .btn-contact { background: url(../images/btn-accueil.gif) no-repeat 0 -100px;}
.btn-accueil.active, .btn-contact.active { background: url(../images/btn-accueil-active.gif) no-repeat 0 -100px;}

.btn-entreprise { background: url(../images/btn-enterprise.gif) no-repeat 0 -100px;}
.btn-entreprise.active { background: url(../images/btn-enterprise-active.gif) no-repeat 0 -100px;}

.btn-domanies { background: url(../images/fnd-domanies.gif) no-repeat 0 -100px;}
.btn-domanies.active { background: url(../images/fnd-domanies-active.gif) no-repeat 0 -100px;}

.btn-acces { background: url(../images/btn-acces.gif) no-repeat 0 -100px;}
.btn-acces.active { background: url(../images/btn-acces-active.gif) no-repeat 0 -100px;}

/*---------- Sub Menu ----------*/
#submenu{width: 643px; float: left; margin: 0; padding: 3px 0 0 0;}
#submenu a{display: inline-block; float: right; margin: 0 1px; padding: 0; text-decoration: none; background:  url(../images/fnd-submenu-left.gif) no-repeat 0 -100px; height: 23px;}
#submenu a span{color: #fff; font-size: 11px; margin: 0; padding: 5px 10px 0; text-align: center; background: url(../images/fnd-submenu-right.gif) no-repeat 0 -100px; cursor: pointer; height: 18px; display: block;}
#submenu a:hover, #submenu a span:hover{ background-position: 0 0; color: #e10000;}
#submenu a.select, #submenu a:hover{ background-color:#FFF;}
#submenu a.select, #submenu a span.select{ background-position: 0 0; color: #e10000; font-weight: bold;}
#submenu a span:hover, #submenu a span.select{ background-position: top right; color: #e10000;}

/*---------- Info ----------*/
#info{float: right; width: 620px; padding: 40px 0 0 0;}
#info .title{width: 620px; margin: 0; padding: 0 0 28px 0;}
#info .car{width: 620px; margin: 0; padding: 0 0 77px 0; background: url(../images/auto.jpg) no-repeat 332px 36px; min-height: 207px}

.publicity{float: right; background: url(../images/publi.png) no-repeat top left; width: 619px; height: 86px; padding: 22px 7px 0;}
.publicity a.publi{display: inline-block; float: left; margin: 0; padding: 0 17px 0 18px;}

.floatLeft { float: left; margin: 0 1em 0 0; }
.floatRight { float: right; margin: 0 0 0 1em; }

/* ----------------------- Text ----------------------- */
p{margin: 0; padding :0; text-align: left; margin-bottom: 10px; line-height: 16px; }
a{text-decoration: underline; font-size: inherit; color:#0c6eba;}
a:hover{text-decoration: none;}
textarea{width:260px;font-size:11px;color:#666;margin:0 0 7px 0;height:150px; background: #FFFFFF; outline: none; border: #999999 1px solid;}
strong { font-size: inherit; font-weight: bold; }
small.note {display: block; font-size: 11px; line-height: 13px; margin-bottom: 30px; }
ol{ list-style:decimal; padding: 0 0 0 18px;}
ol li{ padding: 0 0 10px 0;}
h1{ font-size: 17px; color: #07418c; margin: 0; padding: 2px 0 2px 0; font-weight: bold;}
h2{ font-size: 16px; color: #0c6eba; margin: 0 0 10px 0; padding: 1px 0 2px; font-weight: normal;}

ul { padding: 0; margin: 0 0 15px; }
	ul.list-active { list-style-type: none; }
		ul.list-active li { background: url(../images/ampoule.png) left center no-repeat; padding: 15px 0 5px 40px; }
	
	ul.list-inactive { list-style-type: none; }
		ul.list-inactive li { background: url(../images/listInactive.gif) left center no-repeat; padding: 15px 0 5px 20px; }

/* ----------------------- Contact ----------------------- */
fieldset { margin: 0 0 1.5em 0; padding: 0; }
label	{ float:left; width:150px; display:block; clear:left; text-align:left; cursor:pointer; padding: 5px 0; }
textarea, input	{ padding: 2px; margin: 2px; width: 420px; background-color: #b10000; border: 1px solid #a40000; color: #fff; font-size: 14px; }

div#captcha { margin: 10px 10px 10px 152px; }
	div#captcha label { clear: none; padding-top: 0;}
	div#captcha input { width: 232px; margin-left: 0; }

.button { float: right; margin: 0 0 0 10px; padding: 3px; color: #000; border: 1px solid #a40000; width: 115px; }
	.button#submit2 { background-color: #fff304; }
	.button#reset { background-color: #fff98b; margin-right: 40px; }
	.button:hover { cursor: pointer; color: #a40000; }

.googleMap { width: 395px; height: 320px; background-color: #db0000; border: 1px solid #a40000; padding: 12px; }

/* ----------------------- Footer ----------------------- */
#footer{margin: 0 auto; width: 100%; min-height: 112px; padding: 0;}
#footer .middle{width: 930px; margin: 0 auto; padding: 8px 0 0 0; background:url(../images/fnd-footer.jpg) no-repeat 370px 1px; min-height: 104px;}
#footer .middle .left{width: 330px; margin:0; padding: 0 0 0 18px; float: left; color: #3a3a3a; font-size: 12px;} 
#footer .middle .right{width: 175px; margin:0; padding: 0 7px 0 0; float: right; color: #3a3a3a; font-size: 12px; text-align: right;}
#footer .middle .left a, #footer .middle .right a{color: #aaaaaa; font-size: 12px;}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */