@charset "utf-8";

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#545253; background:#fbfbfb; margin:0; padding:0;}
a {text-decoration:underline; color:#545253;}
a:hover {text-decoration:none; color:#545253;}
img {border:none;}
/*ul {list-style-image: none; list-style-type: none;}
li {list-style-image: none; list-style-type: none;}*/

#centrer { width:979px; margin:0px auto;}
#container { float:left; background:url(../img/fond-fabricom.jpg) no-repeat /*#FFFFFF*/; border:#999999 1px solid; margin-top:8px; padding:6px; width:967px}
#contenu { width:967px; background:url(../img/fonddepage.gif) repeat-y ;}

#col_gauche{ width:203px; margin:0; padding:5px; display:inline-block; float:left; background-color:#3186cd;}
#col_droite{ width:754px; display:inline-block; float:left;/*background-color:#3399CC;*/}

.clear{clear:both;}

/*----------------------------------------------------------------------------------
 Header
 ----------------------------------------------------------------------------------*/
#header { width:967px; height:115px; min-height:115px; text-align:right; color:#3186cd; margin-top:-2px; }
#header img { display:inline-block; float:left;}
#header a {color:#3186cd; text-decoration:none;}
#header a:hover {color:#3186cd; text-decoration:underline;}

/*----------------------------------------------------------------------------------
 Menu
 ----------------------------------------------------------------------------------*/
#menu { width:967px; height:37px; background:url(../img/barre-menu-fabricom.gif) right no-repeat; display:inline-block; float:left;}

#bt_home{display:inline-block;float:left; background: url(../img/home-fabricom-hover.gif) no-repeat 0 0; width:91px; height:37px; /*font-size:0px;*/}
#bt_home a{ background:url(../img/home-fabricom.gif) no-repeat 0 0; display:block; width:91px; height:37px;}
#bt_home a:hover{ background:url(../img/home-fabricom-hover.gif) no-repeat 0 0; width:91px; height:37px;}
 
#bt_entreprise {display:inline-block;float:left; background: url(../img/entreprise-fabricom-hover.gif) no-repeat 0 0; width:112px; height:37px;}
#bt_entreprise a{ background:url(../img/entreprise-fabricom.gif) no-repeat 0 0; display:block; width:112px; height:37px;}
#bt_entreprise a:hover{ background:url(../img/entreprise-fabricom-hover.gif) no-repeat 0 0; width:112px; height:37px;}

#bt_activites {display:inline-block;float:left; background: url(../img/activites-fabricom-hover.gif) no-repeat 0 0; width:94px; height:37px;}
#bt_activites a{ background:url(../img/activites-fabricom.gif) no-repeat 0 0; display:block; width:94px; height:37px;}
#bt_activites a:hover{ background:url(../img/activites-fabricom-hover.gif) no-repeat 0 0; width:94px; height:37px;}

#bt_solutions {display:inline-block;float:left; background: url(../img/solutions-produits-fabricom-hover.gif) no-repeat 0 0; width:170px; height:37px;}
#bt_solutions a{ background:url(../img/solutions-produits-fabricom.gif) no-repeat 0 0; display:block; width:170px; height:37px;}
#bt_solutions a:hover{ background:url(../img/solutions-produits-fabricom-hover.gif) no-repeat 0 0; width:170px; height:37px;}

#bt_services {display:inline-block;float:left; background: url(../img/services-fabricom-hover.gif) no-repeat 0 0; width:95px; height:37px;}
#bt_services a{ background:url(../img/services-fabricom.gif) no-repeat 0 0; display:block; width:95px; height:37px;}
#bt_services a:hover{ background:url(../img/services-fabricom-hover.gif) no-repeat 0 0; width:95px; height:37px;}

#bt_contact {display:inline-block;float:left; background: url(../img/contact-fabricom-hover.gif) no-repeat 0 0; width:89px; height:37px;}
#bt_contact a{ background:url(../img/contact-fabricom.gif) no-repeat 0 0; display:block; width:89px; height:37px;}
#bt_contact a:hover{ background:url(../img/contact-fabricom-hover.gif) no-repeat 0 0; width:89px; height:37px;}

/*----------------------------------------------------------------------------------
 Menu gauche
 ----------------------------------------------------------------------------------*/
#imagemenu{width:203px; display:inline-block; float:left; }

.menuOff{ cursor: hand; cursor: pointer; background:url(../img/fondmenu.jpg) repeat-y; margin-bottom:1px;}
.menuOn{background:url(../img/fondmenu.jpg) repeat-y; margin-bottom:0px;}
* html .sousMenu{background:url(../img/fondmenu.jpg) repeat-y 29px 0; margin-bottom:1px; display:inline-block; float:left; margin-left:-24px;}
.sousMenu{background:url(../img/fondmenu.jpg) repeat-y 30px 0; margin-bottom:1px; display:inline-block; float:left; margin-left:-30px;}
/*.souMenu ul{display:inline-block; float:left;list-style-image: none;*/ /*margin-top:-20px; padding-top:-20px;background:url(../img/fondmenu.jpg) repeat-y;}*/
.sousMenu li{ background:url(../img/puce01.gif) no-repeat 0 8px; padding:5px 0 5px 12px; display:inline-block; float:left;  width:180px; list-style-image: none; list-style-type:none; border-bottom:#666666 1px dotted;}
.sousMenu a{text-decoration:none; color:#000000;}
.sousMenu a:hover{text-decoration:underline; color:#bd2d12;}

/*----------------------------------------------------------------------------------
 habillage droite
 ----------------------------------------------------------------------------------*/
#bandeauflash{width:754px; height:131px; padding-bottom:18px;display:inline-block; float:left; background:url(../img/fondbandeauflash.gif) bottom repeat-x; /*background-color:#00FF00;*/}
#centre{display:inline-block; float:left; width:706px; /*height:338px; min-height:338px;*/ padding:18px 21px 26px 17px; margin-bottom:24px; background-color:#f8f7f6;}
#separateur{display:inline-block; float:left; width:10px; height:382px; min-height:382px; background:url(../img/degradeSep.gif) no-repeat;}
#bandeaubas{display:inline-block; float:left; width:754px; height:131px; background-color:#FFFFFF;}
.boutonBandeau{display:inline-block; float:left; width:177px; height:105px; margin-left:9px; margin-top:13px;}

/*----------------------------------------------------------------------------------
 style de contenu page
 ----------------------------------------------------------------------------------*/
h1 {display:inline-block; float:left; width:706px; border-bottom:1px solid #545253; text-transform:uppercase; margin-bottom:10px; font-size:16px; margin-top:0px;}
#actus {display:inline-block; float:left; width:706px; min-height:338px;}
#actus a{ text-decoration:none; color:#bd2d12; font-weight:bold;}
#actus a:hover{ text-decoration:underline; color:#bd2d12; font-weight:bold;}
#actus h2{ font-size:12px; margin-top:0px; margin-bottom:5px;}
#actus li {display:inline-block; float:left; width:706px; margin-bottom:10px; list-style-image: none; list-style-type: none; margin-left:-40px;}
* html #actus li {display:inline-block; float:left; width:706px; margin-bottom:10px; list-style-image: none; list-style-type: none; margin-left:-20px;}
#actus li img {display:inline-block; float:left; /*width:126px;*/ padding:3px; border:1px solid #958c80; margin-right:10px; background-color:#FFFFFF;}

#contenus {display:inline-block; float:left; width:706px; min-height:338px;}
#contenus img {border:#999999 solid 1px; padding:2px; margin-right:5px; }

#contenus h2 { color:#5f85b6; font-size:12px; font-weight:bold}
#contenus h3  { font-size:12px; font-weight:bold}
#actus2 {display:inline-block; float:left; width:706px; min-height:338px;}
#actus2 a{ text-decoration:none; color:#bd2d12; font-weight:bold;}
#actus2 a:hover{ text-decoration:underline; color:#bd2d12; font-weight:bold;}
#actus2 h2{ font-size:12px; margin-top:0px; margin-bottom:5px;}
#actus2 li {display:inline-block; float:left; width:706px; margin-bottom:10px; list-style-image: none; list-style-type: none; margin-left:-40px;}
* html #actus li {display:inline-block; float:left; width:706px; margin-bottom:10px; list-style-image: none; list-style-type: none; margin-left:-20px;}
#actus2 li img {display:inline-block; float:left; /*width:126px;*/ padding:3px; border:1px solid #958c80; margin-right:10px; background-color:#FFFFFF;}

/*----------------------------------------------------------------------------------
 Footer
 ----------------------------------------------------------------------------------*/
#footer {width:967px; background:url(../img/pied-de-page-fabricom.jpg) repeat-x; text-align:center; padding:10px 0px 0px 0px; font-size:9px;}
#footerBis{ display:inline-block; float:right; margin-top:-12px;}
#footer a { color:#464221; text-decoration:none;}
#footer a:hover { color:#464221; text-decoration:underline;}