/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    color:#8f8f8f;
    min-width:980px;
    background:url(../images/bg.jpg) center 0 no-repeat #fff;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat red;}

.main {
    width:1000px;    
    padding:0;
    margin:0 auto;
    font-size:13px;
    line-height:21px;
	background-color:#fff;
}

a {
    color:#30a5d9;
    outline:none;
}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:50px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 { margin-bottom:12px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#131313;}
.color-3 {color:#666;}
.color-4 { color:#58585a;}
.color-5 {color:#11c4ff;}

.size-1 {font-size:1.5em;}
.size-2 {font-size:24px;}

.block {display:block;}
.decor {text-decoration:none;}
.decor:hover {text-decoration:underline;}
.text-1 {font-size:12px;} 
.text-2 {font-size:14px; line-height:1.285em;}
.text-3 {font-size:16px;} 
.upper { text-transform:uppercase;}
.courrielequipe {
	font-weight:bold;
	font-size:12px;

}

.lh1 {line-height:12px;}
.lh2 {line-height:1.6em;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:36px;}
.margin-bot2 {margin-bottom:48px;}
.margin-bot3 {margin-bottom:45px;}
.margin-bot4 {margin-bottom:39px;}
.margin-bot5 {margin-bottom:48px;}

.super-indent { margin-bottom:66px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:21px;}
.indent-bot2 {margin-bottom:31px;}
.indent-bot3 {margin-bottom:23px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent-bot1 {margin-bottom:27px;}
.img-indent-bot2 {margin-bottom:20px;}
.img-indent-bot3 {margin-bottom:34px;}
.img-indent-bot4 {margin-bottom:29px;}
.img-indent-bot5 {margin-bottom:12px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 30px 0px 0;}
.img-indent2 {float:left; margin:20px 40px 0px 0;}  
.img-indent3 {float:left; margin:15px 39px 0px 0;}
.img-indent4 {float:left; margin:0px 20px 0px 0;}
.img-indent-r {float:right; margin:0px 0px 0px 40px;}   

.mb1 { margin-bottom:1px;}
.mb4 { margin-bottom:4px;}
.mb7 { margin-bottom:7px;}
.mt-4 { margin-top:0px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt18 {margin-top:18px;}
.mt36 {margin-top:36px;}
.mt13 {margin-top:13px;}
.mr1 {margin-right:20px;}
.ml15 {margin-left:15px;}

.padd-left { padding-left:21px;}
.padd-left1 { padding-left:10px;}
.padd-bot { padding-bottom:12px;}
.padd-bot1 { padding-bottom:46px;}
.padd-bot2 { padding-bottom:21px;}
.padd-bot3 { padding-bottom:51px;}
.padd-bot4 { padding-bottom:34px;}
.padd-right1 { padding-right:20px;}
.padd-left1 { padding-left:10px;}
.padd-left2 { padding-left:25px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}   

/*********************************header*************************************/
header {
    width:100%;
    position:relative; 
    z-index:2;
}

h1 {
    padding:25px 0 0 0; 
    position:relative;
    float:left;
}
h1 a {
    display:block; 
    width:700px; 
    height:135px; 
    text-indent:-5000px; 
    background:url(../images/logo.png) 0 0 no-repeat;
    text-decoration:none;
}

.social {
	float:right;
    margin-top:80px;
	margin-right:5px;
}

.header-right {
    float:right;
    margin-top:135px;
	margin-right:-45px;
}

.header-right-menu {
    float:right;
    padding:0px 0px 0 0;
}
.header-right-menu li {
    float:left;
    font-size:10px;
    line-height:15px;
    text-transform:uppercase;
    background:url(../images/separator.gif) 0px 4px no-repeat;
    padding:0 7px 0 11px;
}

.header-right-menu li.first { background:none;}

.header-right-menu li a {
    color:#e42428;
    text-decoration:none;
}
.header-right-menu li a:hover { color:#000;}

.logo-indent {
    margin-bottom:15px; 
}

#page1 nav { margin-bottom:5px;}
/****************************menu*********************************************/
.menu {
    padding:0px 0px 0  0;
    float:left;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    width:100%;
}
.menu > li {
    float:left; 
    position:relative;
    padding:0;
    background:url(../images/separator-1.gif) left 8px no-repeat;
}
.menu > li.spec a { padding-right:30px;}
.menu > li.second a { min-width:68px;}
.menu > li.last a { min-width:78px;}
.menu > li.home a {
    width:92px;
    height:85px;
    padding:0;
    margin:0;
}
.menu > li.home a span {
    background:url(../images/home-bg.png) no-repeat;
    height:25px;
    width:25px;
    display:block;
    margin:30px 0 0 34px;
}
.menu > li.home {
    padding:0;
    background:none;
}
.menu > li.last {
    padding-right:0;    
}
.menu > li > a {
    display:inline-block;
    font:normal 12px Arial, Helvetica, sans-serif;
    line-height:18px;
    padding:35px 44px 32px 44px;
    color:#767676;
    text-align:center;
    text-transform:uppercase;
    }

.menu > li.fixmenu a {
    padding-top:25px;
    padding-bottom:24px;    
}

.menu > li.fixmenu2 a {
    padding-top:16px;
    padding-bottom:15px;    
}

.menu li.sfHover > a, .menu > li > a:hover, .menu > li > a.current {
    color:#fff;
    background:#e42428;
}
.menu > li > a:hover span, .menu > li > a.current span { background-position:right top;}
.menu ul {
    position:       absolute;
    padding:        0px;
    top:            -999em;
    width:          134px;
}
.menu ul ul {
    width:          270px;

}
.menu ul li {width: 100%;}
.menu ul li li {width:  134px;}
.menu li:hover {visibility: inherit; }
.menu li li {padding:0; background:none;}
.menu li.fixmenu li a, .menu li li a, .menu li.fixmenu2 li a {
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    width:100%;
    padding:        5px 0 5px 0px;
    font-size:      12px;
    line-height:    25px;
    text-transform: uppercase;
    color:#767676;
    background:#f9f9f9;
    text-align:center;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#FFFFFF; background:#e42428;}
.menu li li li { 
    padding:0 1px 0 0;
    float:left;
}
.menu li li li a:hover { background:#2b2b2b;}
.menu li:hover ul, .menu li.sfHover ul {
    left:           0px;
    top:            89px;
    width:100%;
    z-index:        999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
    top:            -999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
    left:           135px;
    top:            75px;
    z-index:        9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
    top:            -999em;
}
.sf-sub-indicator {
    display:block;
    background:url(../images/marker-1.png) no-repeat;
    width:11px;
    height:6px;
    position:absolute;
    right:10px;
    bottom:10px;
    text-indent:-5000px;
}
.menu li li .sf-sub-indicator { display:none;}
.menu li.sfHover > a .sf-sub-indicator, .menu > li > a:hover .sf-sub-indicator, .menu > li > a.current .sf-sub-indicator { background-position:left bottom;}
/*************************end menu********************************************/
/****************************************************************************************slider***********************************************************************/
.items {
    display:none;   
}
.slider {
    width:940px;
    height:480px;
    position:relative;
    overflow:visible !important;
}
.slider-hidde {
    height:548px;
    overflow:hidden;
    background:url(../images/line-1.gif) left bottom repeat-x;
}

.slider-hidde2 {
    height:480px;
    overflow:hidden;
}

.slider-shadow {
    background:url(../images/slider-shadow.png) center bottom no-repeat;
    padding-bottom:21px;
}
.numStatus {
    color:#c4c4c4;
    font-size:13px;
    line-height:21px;
    margin:27px 0 0 436px;
}
.numStatus .curr {
    color:#000;
}
.prev, .next {
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    top:501px;
}
.prev { 
    background:url(../images/prev.png) no-repeat;
    left:396px;
}
.next { 
    background:url(../images/next.png) no-repeat;
    left:511px;
}
.prev:hover, .next:hover { background-position:0 bottom;}
.banner {
    width:315px;
    height:203px;
    background:url(../images/banner-bg.png);
    position:absolute;
    z-index:9;
    top:135px;
    left:2px;
}
.banner-container {
    padding:59px 0 0 29px;  
}
.banner-container span {
    display:block;
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:-1px;
}
.banner-container .line-1 {
    font-size:24px;
    line-height:30px;
    font-family: 'Varela', sans-serif;
}
.banner-container .line-2 {
    font-size:33px;
    line-height:40px;
    font-family: 'Varela', sans-serif;
    letter-spacing:-2px;
    margin:-8px 0 12px 0;
}
.banner-container .line-3 {
    font-size:36px;
    line-height:44px;
    font-family: 'Varela', sans-serif;
    letter-spacing:-2px;
}
.banner-container .line-4 {
    font-size:21px;
    line-height:36px;
    font-family: 'Varela', sans-serif;
    letter-spacing:-2px;
    margin:-8px 0 2px 0;
}
.banner-but { 
    display:inline-block;
    background:#FFF;
    color:#000;
    font-size:13px;
    line-height:20px;
    text-transform:uppercase;
    text-decoration:none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:8px 23px 8px 24px;
}
.banner-but:hover { color:#FFFFFF; background:#000;}
/**********************************************************************************end**********************************************************************************/
/*********************************content*************************************/
#content {
    width:100%; 
    padding:0;
    position:relative;
    z-index:1;
}

.ceinture {
	margin-top:-55px;
    background:url(../images/collection_ceinture.jpg) no-repeat;
	padding-top:300px;
}

.container-1 {
    padding:32px 0 32px 0;  
}

.container-2 {
    padding:55px 0 42px 0;  
}


h3 {
    font-size:28px; 
    line-height:34px; 
    margin:0 0 23px 0; 
    color:#232428;
    font-family: 'Varela', sans-serif;
    font-weight:normal;
    letter-spacing:-1px;
}
h5 {
    font-size:14px; 
    line-height:18px; 
    margin:0 0 15px 0; 
    color:#969696;
    font-family: 'Oswald', sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
h3 span { display:block; margin-top:-10px;}

.img-container {
    float:left;
    padding:7px;
    background:#58585a;

}

.img-container-index {
    float:left;
    padding:4px;
    background:#e31b28;

}

.border-1 {
    background:url(../images/line-1.gif) left bottom repeat-x;  
}
.border-2 {
    background:url(../images/line-2.gif) right top repeat-y;    
}
.border-3 {
    background:url(../images/line-2.gif) left top repeat-y; 
}
.border-4 {
    background:url(../images/line-3.gif) left bottom repeat-x;  
}
.button {
    display:inline-block; 
    padding:5px 11px;
    color:#fff; 
    background:#e42428;
    font-size:18px;
    line-height:22px;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
}
    
    .button:hover {color:#fff; background:#101010;}

.list-1 li {
    font-size:14px;
    line-height:18px; 
    padding:6px 0 6px 17px; 
    background:url(../images/marker-2.png) 0 13px no-repeat;
	padding-right:20px;
}
    .list-1 li a {
        display:inline-block;
        color:#e42428;
    }
        .list-1 li a:hover {
            color:#000;
        }
		
		.list-1a li {
    font-size:12px;
    line-height:16px; 
        }

.list-2 li {
    font-size:14px; 
    line-height:24px; 
    padding:0px; 
    background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
    .list-2 li a {
        display:block; 
        color:#1799cf; 
        padding-left:12px; 
        background:url(../images/marker-1.gif) 0 10px no-repeat;
    }
        .list-2 li a:hover {color:#fff;}
    .list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
    display:inline-block; 
    font-size:14px; 
    padding-right:8px; 
    background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

.marker {
    float:left;
    width:43px;
    text-align:center;
    overflow:hidden;
    font-size:24px;
    line-height:30px;
    font-family: 'Oswald', sans-serif;
    color:#FFF;
    background:#e42428;
    padding:5px 0 8px 0;
    height:30px;
    margin-right:10px;
}
.spec-link {
    font-size:14px;
    line-height:18px;
    display:inline-block;
    color:#e42428;
    text-decoration:none;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
}
.spec-link:hover {color:#e42428;}

.text-line .col-1 {
    width:415px;
}   
.text-line .col-2 {
    width:270px;
    margin-right:8px;
}   
.spec-text-1 {
    font-size:21px;
    line-height:26px;
    color:#a3a3a3;
    font-family: 'Varela', sans-serif;
    display:block;
    margin-top:-23px;
    letter-spacing:-1px;
}
.spec-text-2 {
    font-size:36px;
    line-height:44px;
    color:#131313;
    font-family: 'Varela', sans-serif;
    display:block;
    margin-top:19px;
    letter-spacing:-2px;
}

.mailus {
    font-size:24px;
    line-height:40px;
    background:url(../images/mail-us.png) left top no-repeat;
    padding:1px 0 4px 104px;
    display:block;
    margin-top:22px;
    font-family: 'Varela', sans-serif;
    letter-spacing:-2px;
}

.mailus a {text-decoration:none; color:#e42428; display:inline-block;}
.mailus a:hover { color:#000;}

/****************************************************************************************************index-1.html****************************************************************************************************/
#page2 .container-1 {
    padding:59px 0 28px 0;  
}
#page2 .container-2 {
    padding: 63px 0 71px;
}
.container-3 {
    padding: 60px 0 63px;
}
blockquote {
    background:url(../images/qoute.jpg) left 5px no-repeat;
    padding:0 20px 0 21px;
    color:#171717;
    font-size:14px;
    margin-bottom:6px;
}
.marker-1 {
    float:left;
    width:43px;
    text-align:center;
    overflow:hidden;
    font-size:14px;
    line-height:21px;
    font-family: 'Oswald', sans-serif;
    color:#FFF;
    background:#e42428;
    padding:3px 0 8px 0;
    height:32px;
    margin-right:10px;
}
.col-1 { width:600px;}
/**************************************************************************************************end index-1.html**************************************************************************************************/
/****************************************************************************************************index-2.html****************************************************************************************************/
#page3 .container-1 {
    padding:63px 0 30px 0;  
}
#page3 .container-2 {
    padding: 30px 0 32px;
}

/**************************************************************************************************end index-2.html**************************************************************************************************/
/****************************************************************************************************index-3.html****************************************************************************************************/
#page4 .container-1 {
    padding:60px 0 40px 0;  
}
#page4 .container-2 {
    padding: 30px 0 20px;
}
.spec-list li {
    font-size:13px;
    line-height:16px;
    padding-bottom:18px;
}
.spec-list li a {
    display:inline-block;
    padding-left:25px;
    background:url(../images/pdf.gif) left 2px no-repeat;
    text-decoration:none;
}
.spec-list li a:hover { text-decoration:underline;}
.spec-list li.last a { background:url(../images/xls.gif) left 2px no-repeat;}
 /**************************************************************************************************end index-3.html**************************************************************************************************/
/****************************************************************************************************index-4.html****************************************************************************************************/
#page5 .container-1 {
    padding:63px 0 54px 0;  
}
/***** carousel style*****/
.carousel-1 {
    height:950px;
    width:940px;
    overflow:hidden;
    position:relative;
    }
	
.carousel-2 {
    height:350px;
    width:940px;
    overflow:hidden;
    position:relative;
    }
	
.carousel-3 {
    height:1000px;
    width:940px;
    overflow:hidden;
    position:relative;
    }
	
.next2,
.prev2 {display:block; width:13px;  height:19px; text-indent:-5000px; position:absolute; top:-50px; z-index:55; }
.next2 {
    background-image:url(../images/next-1.png);
    background-repeat:no-repeat;
    background-position:0 top;
    right:0px; 
    z-index:55;
    }
    .next2:hover {
    background-position:0 bottom;
    }
.prev2 {
    background:url(../images/prev-1.png);
    background-repeat:no-repeat;
    background-position:left top;
    right:26px;
    }
    .prev2:hover {
    background-position:left bottom;
    }
#carousel-1 li {width:220px; height:950px; overflow:hidden; position:relative; margin-right:20px;}
#carousel-2 li {width:460px; height:500px; overflow:hidden; position:relative; margin-right:20px;}
#carousel-3 li {width:220px; height:1000px; overflow:hidden; position:relative; margin-right:20px;}
.jCarouselLite-1 {width:940px !important;}
.relative {position:relative;}
.boxclients {height:170px;}
.boxclients2 {height:120px;}
/**********end**********/

 /**************************************************************************************************end index-4.html**************************************************************************************************/
  /****************************************************************************************************index-5.html****************************************************************************************************/
#page6 .container-1 {
    padding:64px 0 67px 0;  
}
#page6 .container-2 {
    padding:51px 0 55px 0;  
}
#page6 dl span { width:73px;}
/**************************************************************************************************end index-5.html**************************************************************************************************/
/****************************************************************************************************index-6.html****************************************************************************************************/
#page7 .container-1 {
    padding:63px 0 84px 0;  
}
dl span {float:left; width:73px;}

/***** Contact form *****/
#contact-form {
    position:relative;
    vertical-align:top;
    width:500px;
    z-index:1;
	margin-left:15px;
    }
    #contact-form fieldset {
        border:none;
        padding:0;
        }           
            #contact-form label {
                display:block;
                min-height:55px;
            }
            #contact-form label.message { height:205px;}
            #contact-form label.phone { min-height:54px;}
            #contact-form input {
                width:199px;
                padding:8px 9px 7px 9px;
                margin:0;
                font-family:Arial, Helvetica, sans-serif;
                font-size:13px;
                line-height:18px;
                color:#8f8f8f; 
                background:#FFF;
                border:1px solid #d3d3d3;
                outline:none;
                height:18px;
            }
             #contact-form .area .error { float:none;}
            #contact-form textarea {
                height:186px;
                max-height:186px;
                margin:0;
                width:439px;
                max-width:439px;
                padding:8px 9px 9px 9px;
                margin:0;
                font-family:Arial, Helvetica, sans-serif;
                font-size:13px;
                line-height:18px;
                color:#8f8f8f; 
                background:#FFF;
                border:1px solid #d3d3d3;
                overflow:auto;
                outline:none;
            }
             #contact-form a {cursor:pointer;}
             #contact-form .success {display:none; margin-bottom:20px;}
                #contact-form .error,
                #contact-form .empty {
                    color:#f00;
                    font-size:11px;
                    line-height:1.5em;
                    display:none;
                    overflow:hidden;
					margin-bottom:20px;
                    text-transform:capitalize;
                }
        .buttons-2 { padding:29px 2px 0 0; text-align:right; }
        .buttons-2 .button{ margin-left:14px;}
/**************************************************************************************************end index-6.html**************************************************************************************************/
  /****************************************************************************************************index-7.html****************************************************************************************************/
#page8 .container-1 {
    padding:63px 0 59px 0;  
}
/**************************************************************************************************end index-7.html**************************************************************************************************/

/****************************footer************************/
footer {
    width:100%; 
    padding:31px 0 30px;
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer-link {
    color:#9b9b9b;
    text-transform:uppercase;
    margin-top:8px;
}
.footer-link a {
    color:#9b9b9b;  
}

.list-services {
    margin:0px 0px 0 0px;
    float:right;
}

    .list-services li {
        float:left; 
        padding:0px 0px 0 4px;
        line-height:20px;
        text-transform:uppercase;
    }
    .list-services li span {display:block; padding:9px 10px 0 0; color:#9b9b9b;}

    .list-services li a {
        display:block;
        width:36px;
        height:36px;
    }
    .list-services li a.first {
        background:url(../images/facebook.jpg) no-repeat;
        
    }
    .list-services li a.second {
        background:url(../images/twitter.jpg) left top no-repeat;
    }
    .list-services li a.third {
        background:url(../images/google-plus.jpg) left top no-repeat;
    }
    .list-services li a.four {
        background:url(../images/rss.jpg) left top no-repeat;
    }
.list-services li a:hover { background-position:left bottom;}
    #easyTooltip{
    padding:5px 10px;
    border:1px solid #fff;
    background:#0099de;
    color:#ffffff;
    font-size:11px;
    text-transform:none;
    position:relative;
    z-index:99;
    font-weight:bold;
}

/*********************************************************************************TO TOP**************************************************************************************************/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    right:50%;
    bottom:93px;
    overflow:hidden;
    width:60px;
    height:60px;
    border:none;
    text-indent:-999px;
    z-index:20;
    background:url(../images/totop.jpg) no-repeat left top;
}

#toTopHover {
    background:url(../images/totop.jpg) no-repeat left bottom;
    width:60px;
    height:60px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}