/* CSS Facom Pro Blade */

html, body {
background-color : #fff ;
margin : 0 ;
padding : 0 ;
text-align : center ;
padding-top : 10px ;
font-family : arial, verdana, sans-serif ;
font-size : 12px ;
}

#wrapper {
text-align : left ;
margin : auto ;
width : 790px ;
background : #fff url(img/fdWrapper.jpg) top left repeat-y ;
}

hr {
display : none ;
}

#top {
clear : both ;
text-align : right ;
height : 210px ;
width : 790px ;
background : transparent url(img/fond_haut.jpg) top left no-repeat ;
}
#logo {
margin-top : 15px ;
margin-right : 11px ;
}

#carresTop {
margin-top : 4px;
text-align : center ;
}
#carresTop img {
margin : 0 2px;
}
#carresTop img.carre {
margin : 26px 4px 0 4px ;
}
#menuTop {
margin-top : 4px;
text-align : center ;
}
#menuTop img {
margin : 0 4px;
}
#logoFacom, #blanc {
padding-left : 4px ;
padding-right : 0px ;
}

/* --------- liens ---------- */

a {
color : #000 ;
}
a:hover {
text-decoration : none ;
}

a.lienFl {
background : transparent url(img/menu_on.gif) 0px 6px no-repeat ;
padding : 2px 0 2px 10px ;
font-weight : bold ;
color : #e60005 ;
text-decoration:none ;
}


#content a {
color : #e60005 ;
}
#content a:hover {
text-decoration : none ;
}

#content p {
font-size : 12px ;
}

/* ------------- fil d'ariane ---------------- */
#ariane {
margin : 5px 30px 0px 35px ;
text-align : left ;
font-size : 10px ;
/* background-color : #f2f2f2   ; */
background-image: url(img/fdAriane.gif);
padding : 0px 0px 0px 0;
width : 728px ;
clear : both ;
text-transform : uppercase ;
height : 15px ;
}
#ariane li {
display : inline ;
list-style-type : none ;
margin : 0 ;
padding : 0 ;
height : 15px ;
padding  : 0 12px 2px 0 ; 
}
#ariane li.fl01 {
background : #dedcdc url(img/fl_ariane01.gif) bottom right no-repeat ;
height : 17px ;
}
#ariane li.fl02 {
background : #dedcdc url(img/fl_ariane02.gif) bottom right no-repeat ;
height : 17px ;
}
#ariane li.fl03 {
background : #e60005 url(img/fl_ariane03.gif) bottom right no-repeat ;
height : 17px ;
}
#ariane a {
height : 15px ;
color : #000 ;
margin : 0 0 ;
padding : 0 0 0 3px;
height : 15px ;
text-decoration : none ;
}
#ariane span.active, #ariane span {
background-color : #e60005 ;
color : #fff ;
margin : 0 0 ;
padding : 0 0 0 3px;
height : 15px ;
}
#filAriane {
width : 580px ;
float : left ;
}
#print {
float : right ;
}




/* ----- subwrappers - bien respecter nom de rubrique car concaténation du nom dans le code ----- */
.subwrapper {
margin : 0 27px 0 25px ;
text-align : left ;
}
.subwrapper_sansFond {
padding : 0px 10px ;
text-align : left ;
margin-top : 10px ;
background :  transparent url(img/fond2.jpg) bottom left no-repeat ;
}
#subwrapper_home {
/* padding : 0px 25px ; */
margin : 5px 27px 0 25px ;
text-align : left ;
height : 434px ;
background :  transparent url(img/outils_home.jpg) top right no-repeat ;
font-size : 11px;
}
.subwrapper #content {
background :  transparent url(img/fond_vide.jpg) top right no-repeat ;
}


/* ---- Menu de gauche ------ */
#left  {
width :200px ;
float : left ;
}
ul#menuLeft  {
width : 180px ;
list-style-type : none ;
margin : 20px 10px 0px 10px ;
padding : 0 ;
}
ul#menuLeft li.li_niv1 {
height : 19px ;
text-align : center ;
background-color : #dedcdc ;
margin-top : 5px ;
padding : 0px 0 0 0 ;
}
ul#menuLeft li.li_niv1 a {
display : block ;
text-decoration:none ;
padding : 2px 4px ;
margin : 0;
}

ul#menuLeft li.li_niv1_active {
text-align : center ;
margin-top : 5px ;
padding : 0px 0 ;
color : #fff ;
font-weight : bold ;
}
ul#menuLeft li.li_niv1_active a.active1, ul#menuLeft li.li_niv1_active a.active, ul#menuLeft li.li_niv1 a:hover {
color : #fff ;
font-weight : normal ;
text-decoration:none ;
background-color : #e60005 ; 
display : block ;
padding : 2px 0 ;
}

ul.ul_niv2  {
margin : 0 ;
padding : 0 ;
list-style-type : none ;
text-align : left ;
}
ul.ul_niv2 li.li_niv2 {
background-color : #eee ; 
text-align : left ;
margin-top : 2px ;
/*padding : 2px 0 2px 8px ;*/
padding : 0px 0 0px 8px ;
color : gray ;
/*text-transform: capitalize;*/
height : 19px ;
}
ul.ul_niv2 li:first-child {
margin-top : 0px ;
}
ul.ul_niv2 li.li_niv2 a{
background : #eee url(img/flGrise.gif) 0px 4px no-repeat ;
text-align : left ;
padding : 2px 0 2px 10px ;
text-decoration:none ;
font-weight : bold ;
color : gray ;
text-decoration:none ;
display : block ;
}

ul.ul_niv2 li.li_niv2_active {
margin-top :2px ;
background-color : #eee ; 
padding : 0 0 0 0;
}
ul.ul_niv2 li.li_niv2_active a{
padding : 2px 0 2px 8px ;
font-weight : bold ;
color : #e60005 ;
text-decoration:none ;
display : block ;
/*text-transform: capitalize;*/
}
ul.ul_niv2 li.li_niv2_active a.active2, ul.ul_niv2 li.li_niv2 a.active2 {
background : transparent url(img/flRougeBas.gif) 8px 6px no-repeat ;
padding : 2px 0 2px 18px ;
font-weight : bold ;
color : #e60005 ;
text-decoration:none ;
display : block ;
/*text-transform: capitalize;*/
}
ul.ul_niv2 li.li_niv2 a.active3 {
background : transparent url(img/menu_on.gif) 0px 4px no-repeat ;
padding : 2px 0 2px 10px ;
font-weight : bold ;
color : #e60005 ;
text-decoration:none ;
display : block ;
/*text-transform: capitalize;*/
}

ul.ul_niv2 li.li_niv2 a:hover {
background : #eee url(img/menu_on.gif) 0px 4px no-repeat ;
padding : 2px 0 2px 10px ;
color : #e60005 ;
}

ul.ul_niv3  {
list-style-type : none ;
margin : 0 ;
padding : 4px ;
background-color : #fff ; 
border-left : 1px solid #eee ;
border-bottom : 1px solid #eee ;
border-right : 1px solid #eee ;
}

ul.ul_niv3 li.li_niv3 {
text-align : left ;
margin-top : 0px ;
margin : 0 ;
padding : 2px 0px 2px 6px ;
background-color : #fff ; 
color : gray ;
font-weight : bold ;
}
ul.ul_niv3 li.li_niv3 a {
display : inline ;
color : gray ;
padding : 2px 0px ;
margin : 0px ;
}

ul.ul_niv3 li.li_niv3 a:hover {
color : #e60005 ;
}

ul.ul_niv3 li.li_niv3_active {
text-align : left ;
margin : 0 ;
padding : 0 ;
background-color : #fff ; 
}
ul#menuLeft li.li_niv3 a.active3, ul#menuLeft li.li_niv3_active a.active3 {
display : inline ;
color : gray ;
padding : 2px 0px ;
margin : 0px ;
color : #e60005 ;
background-color : transparent ;
}

/* -------------- tableaux références ------------------ */

table#tableRef td {
text-align: center;
}
table#tableRef th {
background-color : #DEDCDD ;
color : #000000 ;
text-align:center ;
font-weight: normal;
font-size: 11px;
padding : 4px ;
}

table#tableRef td.tableReftd {
color : #ff0000 ;
font-weight : bold;
text-align:left;
}

table#tableRef {
background-color : #C5C3C4 ;
}


.tableRefGrisClair {
background-color : #FFFFFF ;
color : #000000 ;
text-align:center ;
padding : 4px ;
}

.tableRefGrisFonce{
background-color : #F2F2F2 ;
color : #000000 ;
text-align:center ;
padding : 4px ;
}





/* --------- accessoires --------- */
table.tableAccessoires tr td{
text-align : center ;
color : #e60005 ;
font-size : 11px ;
font-weight : bold ;
padding : 2px 2px 4px 2px  ;

}

/* ----- Eléments de contenu ------ */
#content {
width : 508px ;
float : right ;
margin-top : 5px ;
margin-right : 00px ;
font-size : 11px ;
}
.description {
margin : 190px 0 0 0;
padding : 0 ;
}

h1 {
font-size : 30px ;
color : #e60005 ;
margin : 10px 0 0 0;
padding : 0 ;
}
h2 {
font-size : 22px ;
color : #000 ;
margin : 0 ;
padding : 0 ;
font-weight:normal;
}
h3 {
font-size : 18px ;
color : #656565 ;
font-style : italic ;
margin : 7px 0 0 0;
padding : 0 ;
}
h4 {
font-size : 18px ;
color : #656565 ;
font-style : normal ;
margin : 7px 0 0 0;
padding : 0 ;
}

p.accroche {
color : red ;
font-weight : bold ;
font-size : 16px ;
}

p.width240px {
width : 240px ;
}

.floatRight {
float : right ;
margin : 5px 10px ;
width: 200px;
}
.floatRightImages {
float : right ;
margin : 5px 10px ;
width: 180px;
}
.floatLeft{
float : left ;
margin : 5px 10px ;
}

.clear {
clear : both ;
}


.italGris {
color : gray ;
font-weight : bold ;
font-style : italic ;
font-size : 12px ;
}
.italRed {
color : #e60005 ;
font-weight : bold ;
font-style : italic ;
font-size : 14px ;
}
.red14 {
color : #e60005 ;
font-weight : bold ;
text-transform : uppercase ;
font-size : 14px ;
}
.redBold {
color : #e60005 ;
font-weight : bold ;
}
.redBold2 {
color : #e60005 ;
font-weight : bold ;
font-size: 14px;
}

.borderBottom {
border-bottom : 1px solid #cecece ;
}
.paddingBottom {
padding-bottom : 15px ;
padding-top : 5px ;
}
.vmiddle img {
margin : 10px 0 ;
}
.paddingBottom p.italRed{
padding : 0 ;
margin : 0 ;
}

/* -------- listes à puces ---------- */

#content ul {
margin : 0 2px 0 2px;
padding : 0 14px ;
list-style-position : outside  ;
}

#content ul li {
list-style-image : url(img/point.gif) ;
margin : 4px 2px 0 2px ;
padding : 0px ;
}


/*----------- tableaux ------------ */

th {
background-color : #e60005 ;
color : #fff ;
font-weight:bold;
text-align:left ;
padding : 4px ;
}
td {
font-size : 11px ;
padding : 4px ;
vertical-align : top ;
}

table#serie th {
background-color : #E60005 ;
color : #FFFFFF ;
text-align: left ;
font-weight: bold;
font-size: 12px;
padding : 4px 4px 4px 8px;
margin-left : 5px ;
}
table#serie td {
border-bottom : 1px solid #cecece; 
}

table#accessoires th {
background-color : #E60005 ;
color : #FFFFFF ;
text-align: left ;
font-weight: bold;
font-size: 12px;
padding : 0px 0px 0px 0px;
margin-left : 5px ;
}
table#accessoires td {
padding : 0px 0px 0px 0px;
}


/* ------------- Home --------------- */
#contentHome {
width : 240px;
margin-left : 5px ;
}
#contentHome p.txtHome {
margin-top : 5px ;
padding :0 0 0 0 ;
margin-left : 10px ;
width : 242px ;
}

#contentHome a {
color : #e60005 ;
text-decoration : none ;
}
#contentHome a:hover {
color : #e60005 ;
text-decoration : underline ;
}
#contentHome h2 {
font-size : 24px ;
color : red ;
margin : 0 0 0 10px ;
padding : 0 ;
font-weight : normal ;
}

#contentHome h4 {
font-size : 20px ;
color : black ;
margin : 0 0 0 10px ;
padding : 0 ;
font-weight : normal ;
}

#piedpageHome  {
margin : 0px ;
text-align : left ;
font-size : 10px ;
padding : 0px 10px 5px 40px;
height : 40px ;
width : 732px ;
clear : both ;
text-transform : uppercase ;
background : #fff url(img/bas_pageHome.jpg) top left no-repeat ;
}

#piedpageHome a {
color : #000 ;
font-size : 9px ;
}

/* ---------------- Alerte ------------------*/
#alerteHome {
clear : both ;
width : 263px ;
background : transparent url(img/AlerteMidHome.gif) top left repeat-y ;
}

#alerteHomeTop {
clear : both ;
/*height : 18px ;*/
width : 263px ;
background : transparent url(img/AlerteTopHome.gif) top left no-repeat ;
/*padding-top : 10px ;*/
}
#contentHome #alerteHomeTop p{
padding : 0 ;
margin : 0 ;
clear : both ;
padding-top : 15px ;
padding-left : 4px ;
font-size: 15px ;
line-height : 15px ;
/* padding: 0px 10px 10px 10px ; */
}
#alerteHomeMid {
clear : both ;
width : 263px ;
background : transparent url(img/AlerteMidHome.gif) top left repeat-y ;
padding-right : 15px ;
}
#alerteHomeMid p{
margin : 2px 15px 2px 5px;
padding : 2px 0px 2px 15px; 
}
p.phrase {
margin : 2px 15px 2px 5px; 
}
p.phrase a {
color : #e60005 ;
}

#alerteHomeBas {
clear : both ;
height : 10px ;
width : 263px ;
background : transparent url(img/AlerteBasHome.gif) top left no-repeat ;
}


#alerte {
margin-left : 5px ;
clear : both ;
width : 190px ;
background : transparent url(img/alerteMid1.jpg) top left repeat-y ;
margin-bottom : 10px ;
margin-top : 15px ;
}
#alerteTop {

clear : both ;
height : 18px ;
width : 190px ;
background : transparent url(img/alerteTop1.jpg) top left no-repeat ;
}
#alerteTop p{
clear : both ;
padding: 15px 10px 10px 10px ;

}
#alerteMid {
clear : both ;
width : 190px ;
background : transparent url(img/alerteMid1.jpg) top left repeat-y ;
font-size : 11px ;
}
#alerteMid a{
color : #e60005 ;
text-decoration : none ;
}
#alerteMid a:hover{
text-decoration : underline ;
}
#alerteMid p{
clear : both ;
margin : 2px 15px ;
}
#alerteMid table tr td p{
clear : both ;
margin : 2px 0px ;
}
#alerteBas {
clear : both ;
height : 10px ;
width : 190px ;
background : transparent url(img/alerteBas1.jpg) top left no-repeat ;
}

/* -------- Liens transversaux -------- */

table#tableLiens {
width : 180px ;
color : gray ;
font-weight : bold;
margin : 15px 0 15px 10px ;
}
table#tableLiens th {
text-align:center ;
border : 1px solid gray ; 
background-color : #fff ;
color : gray ;
font-weight : bold;
text-align:center
}
table#tableLiens td {
border : 1px solid gray ; 
border-top : 0 ;
font-weight : bold;
text-align:center
}
table#tableLiens p{
margin : 2px 0 ;
text-align:left ;
}
table#tableLiens tr td p a, a.fleche {
color : #919191 ;
text-decoration:none ;
background : transparent url(img/flGrise.gif) 0px 4px no-repeat ;
padding-left : 10px ;
text-align : left ;
}
table#tableLiens tr td p a:hover {
color : #e60005 ;
text-decoration:none ;
background : transparent url(img/menu_on.gif) 0px 4px no-repeat ;
padding-left : 10px ;
}

/* ---- Mentions légales ---- */
#wrapperPopUp {
text-align : left ;
margin : 0 10px ;
}


/* -------------- pied de page ----------------- */
#piedpage  {
margin : 0px ;
text-align : left ;
font-size : 9px ;
padding : 18px 10px 5px 40px;
height : 40px ;
width : 732px ;
clear : both ;
text-transform : uppercase ;
background : #fff url(img/fond_bas_pages.jpg) top left no-repeat ;
color : gray ;
}
#piedLeft {
width : 280px ;
float : left ;
font-size : 9px ;
}

#piedRight {
width : 280px ;
float : right ;
margin-right : 20px ;
font-size : 9px ;
}
#piedpage a {
color : gray ;
font-size : 9px ;
}


/* ------- Formulaires -------- */
.ligneOutil {
margin : 4px 0
}

.intituleForm
{
  font-family: Arial; 
  font-size:12px; 
  color:#707070;
  font-weight: bold;
  text-align:right;
}

.intituleFormLeft
{
  font-family: Arial; 
  font-size:12px; 
  color:#707070;
  font-weight: bold;
  text-align:left;
}

.msgForm
{
  font-family: Arial; 
  font-size:11px; 
  color:#e60005;
  font-weight: bold;
}

#content p {
font-size : 12px ;
}

iframe {
overflow-x : hidden ;
}