@charset "utf-8";

body
{
margin : 0 ;
padding : 0 ;
font : normal 12px/18px Arial, Helvetica, sans-serif ;
color : #8C8C8C ;
background:#fff ;
}

@font-face {
    font-family: 'avenir';
    src: url('avenirltstd-light-webfont.eot');
    src: url('avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('avenirltstd-light-webfont.woff') format('woff'),
         url('avenirltstd-light-webfont.ttf') format('truetype'),
         url('avenirltstd-light-webfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'narrow';
    src: url('arial_n1-webfont.eot');
    src: url('arial_n1-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial_n1-webfont.woff') format('woff'),
         url('arial_n1-webfont.ttf') format('truetype'),
         url('arial_n1-webfont.svg#ArialNarrowBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img
{
border : none ;
}

a
{
text-decoration : none ;
color : #8C8C8C ;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

a:active, a:focus
{
outline : none ;
}

a:active
{
}

#headerWrap
{
    padding : 0 ;
    margin : 0 ;
    background : url(images/bg_header.jpg) repeat-x left bottom ;
}

#header
{
  padding : 0 ;
    margin : 0 auto;
    background : url(images/soudeur.png) no-repeat 645px 27px ;
    height : 150px ;
    width : 981px ;
    position : relative ;
}

#logo
{
width : 170px ;
height : 150px ;
margin : 0 ;
padding : 10px 0 0 2px ;
}

#logo a
{
display : block ;
height : 130px ;
margin : 0 ;
padding : 0 ;
text-indent: -6000px ;
background : url(images/logo.png) no-repeat left top ;
}

#phrase
{
    position : absolute ;
    top : 50px ;
    left : 200px ;
    font-family : avenir, arial, helvetica, sans-serif ;
    margin : 0 ;
    padding : 0 ;
    color : #7A7C7B ;
    font-weight : normal ;
    font-size : 33px ;
    line-height : 43px ;
}

#phrase span
{
   
    font-size : 25px ;
   
}

#phrase span strong
{
   
    font-size : 33px ;
    color : #43A9EA;
   
}

#mainMenu
{
margin : 10px 0 10px 0  ;
padding : 0 ;
list-style-type:none ;
font : normal normal 16px/18px narrow, Arial, helvetica, sans-serif ;
text-transform :uppercase ;
float : left ;
overflow : hidden ;
width : 155px ;
}

#mainMenu li
{
margin :  0 ;
padding : 10px 0 ;
width : 155px ;
border-bottom : 1px dotted ;
}

#mainMenu li:last-child
{
border-bottom : none ;
}

#mainMenu li a
{
display : block ;
margin : 0 ;
padding : 0 0 0 10px ;
}
#mainMenu li a:hover, #mainMenu li a:focus
{
color :#43A9EA ;
}

#mainMenu2
{
margin : 10px 0 10px 0  ;
padding : 0 ;
list-style-type:none ;
font : normal normal 16px/18px narrow, Arial, helvetica, sans-serif ;
text-transform :uppercase ;
float : left ;
overflow : hidden ;
width : 155px ;
text-align:right;
}

#mainMenu2 li
{
margin :  0 ;
padding : 10px 0 ;
width : 155px ;
border-bottom : 1px dotted ;
}

#mainMenu2 li:last-child
{
border-bottom : none ;
}

#mainMenu2 li a
{
display : block ;
margin : 0 ;
padding : 0 0 0 10px ;
}
#mainMenu2 li a:hover, #mainMenu2 li a:focus
{
color :#43A9EA ;
}

.gradient, #featured
{

background : #E9E9E9 ;
background: -moz-linear-gradient(0deg, #F7F7F7 ,#E9E9E9);
background: -webkit-gradient(linear, left top, right top, from(#F7F7F7), to(#E9E9E9));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E9E9E9', startColorstr='#F7F7F7', gradientType='0');
border : 1px solid  #E9E9E9 ;
border-radius : 15px ;
margin : 20px 0px ;
padding : 10px ;
overflow:hidden ;
}

#featured
{
    float : left ;
    width : 590px ;
    position : relative ;
}

.gradient h1
{
margin : 0 0 10px 0 ;
font : normal normal 33px/33px avenir, Arial, Helvetica, sans-serif ;
color :#434443 ;
}

.gradient p
{
    font-size : 16px  ;
    line-height : 20px ;
}

#content .float ul
{
list-style-image : url(images/puce.png) ;
margin : 10px 0 ;
padding : 0 0 0 20px;
font-size : 16px  ;
    line-height : 20px ;
}

.blue
{
    background : #43A9EA ;
    border-radius : 15px ;
}

.blue p
{
    color : #fff ;
    font-size : 20px ;
    line-height : 22px ;
    padding : 0 5px ;
    margin :3px 0 ;
}

.float
{
    margin : 10px 40px 10px 0 ;
    padding :10px ;
    width : 430px ;
    float:left ;
    overflow : hidden; 
}

.float h2
{
    font : normal normal 25px/25px avenir, Arial, Helvetica, sans-serif ;
    color : #2F3231 ;
    margin : 0 0 10px 0 ;
    padding : 0 ;
}

.float strong
{
    display :block ;
    font-size : 16px ;
    margin : 0 0 -7px 20px ;
}

.large
{
    clear : both ;
}

#content
{
width:981px ;
padding : 0 ;
margin : 15px auto ;
margin-top:0px;
}

hr
{

    border : 2px dotted #000 ;
    border-bottom : none ;
  
  height:0px;
    margin : 40px 0 ;
}

#share
{
clear : left ;
    margin : 50px 30px 20px 0 ;
    padding : 0 ;
    text-align : right ;
}

#footerWrap
{
clear : left ;
background : #353535 ;
}

#footer
{
width : 981px ;
margin : 0 auto ;
padding : 10px 0 ;
text-align : center ;
}

.liste_puce ul
{
list-style-image : url(images/puce.png) ;
margin : 10px 0 ;
padding : 0 0 0 20px;
font-size : 16px  ;
    line-height : 20px ;
}