/* 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 : 780px ;
background : #fff url(../img/fdWrapper.jpg) top left repeat-y ;
}

#top {
clear : both ;
text-align : right ;
padding-top : 10px ;
height : 238px ;
width : 780px ;
background : transparent url(../img/fond_haut.jpg) top left no-repeat ;
}
#logo {
margin-top : 15px ;
margin-right : 20px ;
}
#carresTop {
margin-top : 4px;
text-align : right ;
padding-right : 20px ;
}
#carresTop img {
margin : 0 2px;
}
#menuTop {
margin-top : 4px;
text-align : right ;
padding-right : 20px ;
}
#menuTop img {
margin : 0 2px;
}


/* ------------- fil d'ariane ---------------- */
#ariane {
width : 730px ;
margin-left : 28px ;
margin-right : 22px ;
text-align : left ;
font-size : 10px ;
background-color : #f2f2f2   ; 
/* background-image: url(img/fdAriane.gif); */
padding : 0px 0px 0px 0px;
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 ;
}
#print {
float : right ;
}



/* ----- subwrappers ----- */

.subwrapper {
clear : both ;
/*margin : 16px 0 0 11px ;*/
text-align : left ;
background :  transparent url(../img/fond_vide.jpg) right top no-repeat ;
width : 730px ;
margin-top : 16px ;
margin-left : 28px ;
margin-right : 22px ;
}

.subwrapper #content {
width : 730px;
}

/* --- Home --- */
#txtHome {
width : 330px  ;
margin-left : 20px ;
}
.pHome {
text-align : right ;
margin : 0 ;
padding : 0 ;
font-size : 18px ;
font-weight : bold ;
color : gray
}
.red {
color : #e60005 ;
}

/* ------ pied de page ----- */

#piedpage  {
margin : 0px ;
text-align : left ;
font-size : 10px ;
padding : 20px 0px 5px 20px;
height : 70px ;
width : 780px ;
clear : both ;
text-transform : uppercase ;
background : #fff url(../img/fond_bas_pages.jpg) left top no-repeat ;
}
#piedLeft {
width : 280px ;
float : left ;
margin-left : 15px ;
}

#piedRight {
width : 280px ;
float : right ;
margin-right : 20px ;
}
#piedpage a {
color : #000 ;
}



/* ----- Eléments de contenu ------ */


h1 {
font-size : 26px ;
font-weight : normal ;
color : #e60005 ;
margin : 0 0 5px 0;
padding : 0 ;
}

h2 {
font-size : 14px ;
color : #fff ;
background-color : #e60005 ;
margin : 0 ;
padding : 4px  ;
}

h3 {
font-size : 20px ;
color : black ;
margin : 0 ;
padding : 0 ;
}

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

.floatRight {
float : right ;
margin : 5px 10px ;
}
.floatLeft{
float : left ;
margin : 5px 10px ;
}
.clear {
clear : both ;
}

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

.grisBold {
color : gray ;
font-weight : bold
}

.center {
text-align : center ;
}

p.imagesCouleurs  {
text-align : center  ;
}

p.imagesCouleurs img {
margin : 0 12px ;
}

p.txtGamme {
padding-top : 5px ;
font-size : 18px ;
font-wigth : bold ;
}

/* ----- Listes à puces ----- */
ul {
margin : 5px 0 5px 0 ;
padding : 0 0 0 18px ;
color : #e60005
}
ul li span {
color : #000 ;
}


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