/* COLOR SET
 *
 *      #fff
 *      #f5f5f5
 *      #d9dadd
 *      #ccc
 *      #525455
 *      
 *     vert #088373
 *     rouge #D41720
 */


/*--- RESET ---*/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
a:active, input:active { outline: none }
:-moz-any-link:focus { outline: none }


/*************************************************************/
/*************************************************************/
/*****************       FONTS       *************************/
/*************************************************************/
/*************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2015 */
@font-face {
        font-family: 'news_cyclebold';
        src: url('../Fonts/NewsCycle-Bold-webfont.eot');
        src: url('../Fonts/NewsCycle-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/NewsCycle-Bold-webfont.woff2') format('woff2'),
             url('../Fonts/NewsCycle-Bold-webfont.woff') format('woff'),
             url('../Fonts/NewsCycle-Bold-webfont.ttf') format('truetype'),
             url('../Fonts/NewsCycle-Bold-webfont.svg#news_cyclebold') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'news_cycleregular';
        src: url('../Fonts/NewsCycle-Regular-webfont.eot');
        src: url('../Fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/NewsCycle-Regular-webfont.woff2') format('woff2'),
             url('../Fonts/NewsCycle-Regular-webfont.woff') format('woff'),
             url('../Fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
             url('../Fonts/NewsCycle-Regular-webfont.svg#news_cycleregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayblack';
        src: url('../Fonts/Raleway-Black-webfont.eot');
        src: url('../Fonts/Raleway-Black-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Black-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Black-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Black-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Black-webfont.svg#ralewayblack') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayblack_italic';
        src: url('../Fonts/Raleway-BlackItalic-webfont.eot');
        src: url('../Fonts/Raleway-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-BlackItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-BlackItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-BlackItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-BlackItalic-webfont.svg#ralewayblack_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaybold';
        src: url('../Fonts/Raleway-Bold-webfont.eot');
        src: url('../Fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Bold-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Bold-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Bold-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaybold_italic';
        src: url('../Fonts/Raleway-BoldItalic-webfont.eot');
        src: url('../Fonts/Raleway-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-BoldItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-BoldItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-BoldItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-BoldItalic-webfont.svg#ralewaybold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayextrabold';
        src: url('../Fonts/Raleway-ExtraBold-webfont.eot');
        src: url('../Fonts/Raleway-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-ExtraBold-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-ExtraBold-webfont.woff') format('woff'),
             url('../Fonts/Raleway-ExtraBold-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-ExtraBold-webfont.svg#ralewayextrabold') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayextrabold_italic';
        src: url('../Fonts/Raleway-ExtraBoldItalic-webfont.eot');
        src: url('../Fonts/Raleway-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-ExtraBoldItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-ExtraBoldItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-ExtraBoldItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-ExtraBoldItalic-webfont.svg#ralewayextrabold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayextralight';
        src: url('../Fonts/Raleway-ExtraLight-webfont.eot');
        src: url('../Fonts/Raleway-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-ExtraLight-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-ExtraLight-webfont.woff') format('woff'),
             url('../Fonts/Raleway-ExtraLight-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-ExtraLight-webfont.svg#ralewayextralight') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayextralight_italic';
        src: url('../Fonts/Raleway-ExtraLightItalic-webfont.eot');
        src: url('../Fonts/Raleway-ExtraLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-ExtraLightItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-ExtraLightItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-ExtraLightItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-ExtraLightItalic-webfont.svg#ralewayextralight_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayitalic';
        src: url('../Fonts/Raleway-Italic-webfont.eot');
        src: url('../Fonts/Raleway-Italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Italic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Italic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Italic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Italic-webfont.svg#ralewayitalic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaylight';
        src: url('../Fonts/Raleway-Light-webfont.eot');
        src: url('../Fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Light-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Light-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Light-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Light-webfont.svg#ralewaylight') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaylight_italic';
        src: url('../Fonts/Raleway-LightItalic-webfont.eot');
        src: url('../Fonts/Raleway-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-LightItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-LightItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-LightItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-LightItalic-webfont.svg#ralewaylight_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaymedium';
        src: url('../Fonts/Raleway-Medium-webfont.eot');
        src: url('../Fonts/Raleway-Medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Medium-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Medium-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Medium-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Medium-webfont.svg#ralewaymedium') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaymedium_italic';
        src: url('../Fonts/Raleway-MediumItalic-webfont.eot');
        src: url('../Fonts/Raleway-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-MediumItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-MediumItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-MediumItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-MediumItalic-webfont.svg#ralewaymedium_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewayregular';
        src: url('../Fonts/Raleway-Regular-webfont.eot');
        src: url('../Fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Regular-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Regular-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Regular-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaysemibold';
        src: url('../Fonts/Raleway-SemiBold-webfont.eot');
        src: url('../Fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-SemiBold-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-SemiBold-webfont.woff') format('woff'),
             url('../Fonts/Raleway-SemiBold-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-SemiBold-webfont.svg#ralewaysemibold') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaysemibold_italic';
        src: url('../Fonts/Raleway-SemiBoldItalic-webfont.eot');
        src: url('../Fonts/Raleway-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-SemiBoldItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-SemiBoldItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-SemiBoldItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-SemiBoldItalic-webfont.svg#ralewaysemibold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaythin';
        src: url('../Fonts/Raleway-Thin-webfont.eot');
        src: url('../Fonts/Raleway-Thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-Thin-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-Thin-webfont.woff') format('woff'),
             url('../Fonts/Raleway-Thin-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-Thin-webfont.svg#ralewaythin') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'ralewaythin_italic';
        src: url('../Fonts/Raleway-ThinItalic-webfont.eot');
        src: url('../Fonts/Raleway-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/Raleway-ThinItalic-webfont.woff2') format('woff2'),
             url('../Fonts/Raleway-ThinItalic-webfont.woff') format('woff'),
             url('../Fonts/Raleway-ThinItalic-webfont.ttf') format('truetype'),
             url('../Fonts/Raleway-ThinItalic-webfont.svg#ralewaythin_italic') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'yanone_kaffeesatzbold';
        src: url('../Fonts/YanoneKaffeesatz-Bold-webfont.eot');
        src: url('../Fonts/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/YanoneKaffeesatz-Bold-webfont.woff2') format('woff2'),
             url('../Fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
             url('../Fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
             url('../Fonts/YanoneKaffeesatz-Bold-webfont.svg#yanone_kaffeesatzbold') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'yanone_kaffeesatzlight';
        src: url('../Fonts/YanoneKaffeesatz-Light-webfont.eot');
        src: url('../Fonts/YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/YanoneKaffeesatz-Light-webfont.woff2') format('woff2'),
             url('../Fonts/YanoneKaffeesatz-Light-webfont.woff') format('woff'),
             url('../Fonts/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'),
             url('../Fonts/YanoneKaffeesatz-Light-webfont.svg#yanone_kaffeesatzlight') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'yanone_kaffeesatzregular';
        src: url('../Fonts/YanoneKaffeesatz-Regular-webfont.eot');
        src: url('../Fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/YanoneKaffeesatz-Regular-webfont.woff2') format('woff2'),
             url('../Fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
             url('../Fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
             url('../Fonts/YanoneKaffeesatz-Regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'yanone_kaffeesatzthin';
        src: url('../Fonts/YanoneKaffeesatz-Thin-webfont.eot');
        src: url('../Fonts/YanoneKaffeesatz-Thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../Fonts/YanoneKaffeesatz-Thin-webfont.woff2') format('woff2'),
             url('../Fonts/YanoneKaffeesatz-Thin-webfont.woff') format('woff'),
             url('../Fonts/YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'),
             url('../Fonts/YanoneKaffeesatz-Thin-webfont.svg#yanone_kaffeesatzthin') format('svg');
        font-weight: normal;
        font-style: normal;
}

/**************************************************************************/
/*****************************    Generic    ******************************/
/**************************************************************************/

body{
    background-color: #f5f5f5;
    color: #525455;
    font-family: 'ralewayregular';
	font-size:12px;
}
h1, h2, h3, h4{
    font-family: 'yanone_kaffeesatzlight';
    text-transform: uppercase;
    font-weight: 600;
}
h2{
    letter-spacing: 0.05em;
}
p , .redaction ul{ font-size:14px; }

.discret{
        opacity: 0.7;
}


/*=========== BBCODE ======*/
.bb_underline { text-decoration:underline; }
.bb_bold { font-weight:bold; }
.bb_italic { font-style:italic; }
/*============================*/

.redaction h1 {
	font-family: "yanone_kaffeesatzlight";
   	font-weight: 600;
    text-transform: uppercase;
	font-size:30px;
	color: #525455;
}
.redaction h2 {
/*	border-bottom: 1px solid #088373;*/
    	color: #088373;
    	font-family: "yanone_kaffeesatzlight";
    	font-size: 26px;
    	font-weight: bold;
    	text-transform: none;
}
 .FdsClient h2{
    	color: #088373;
    	font-family: "yanone_kaffeesatzlight";
    	font-size: 30px;

}
.redaction h3 {
	font-family: "yanone_kaffeesatzlight";
    	font-weight: 600;
    	text-transform: uppercase;
	font-size:20px;
	color:#088373;
}

.artContent ul li { margin-left: 15px; }
.container{
        position: relative;
        overflow: hidden;
        background-color: #fff;
        padding: 0;
}
#siteContent{
        padding: 0 50px;  
}
.breadcrumb{
        text-align: right;
        background-color: transparent;
        padding: 8px 0;
        
}
.breadcrumb a{
        color: #525455;
        font-size: 0.9em;
}

.accroche{
        text-align: center;
        background-color: #d9dadd;
        margin: 20px 0;
        padding: 35px;
        font-weight: 600;
        line-height: 1.7em;
}
.tile{
        margin-bottom: 20px;
        height: 285px;
}
.tile .tileWrap,
.tile .connexionComp{
        overflow: hidden;
        position: relative;
        height: 100%;
}
.tile .tileWrap img{
       position: absolute;
       top: 0;
       left: 0;
       max-width: none;
}
.tile .tileWrap .catContent{
       position: relative;
       z-index: 10;
       color: #fff;
       text-align: center;
       padding: 5px;
       padding-top: 75px;
}
.tile .tileWrap .catContent p,
.tile .tileWrap .catContent h2{
        font-weight: 600;
        text-shadow: 1px 1px 1px #525455;
}
.tile .tileWrap .catContent a{
        background-color: #088373;
        border-radius: 30px;
        color: #fff;
        padding: 5px 20px;
        display: inline-block;
        margin-top: 35px;
        text-transform: normal;
        font-size: 1.1em;
}
.tile .connexionComp{
        text-align: center;
        background-color: #088373;
        color: #fff;
}
.tile .connexionComp h2 {
	color:#fff;
}
.tile .connexionComp h2 span.titleWrap{
        padding-left: 40px;
        position: relative;
}
.tile .connexionComp h2 span.titleWrap:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(../Img/sprite.png);
        background-repeat: no-repeat;
        background-position: 5px -314px;
}
.tile .connexionComp p{
        width: 85%;
        margin: auto;
        margin-bottom: 30px;
        font-size: 0.9em;
        font-weight: 600;
}
.tile .connexionComp input{
        width: 70%;
        margin-bottom: 10px;
        border-radius: 30px;
        padding: 10px;
        border: none;
	color:#ff0000;
}
.tile .connexionComp input[type=submit]{
        background-color: #525455;
        color: #d9dadd;
}
.tile .connexionComp .forgotPass a{
        color: #fff;
}


/**************************************************************************/
/*****************************    Header    *******************************/
/**************************************************************************/
#siteHeader{
        margin-bottom: 20px;
  	position:relative;       
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        z-index: 1;
}
#siteHeader:before,
#siteHeader:after{
	content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 50%;
        bottom: 4px;
        left: 110px;
        right: 110px;
        -moz-border-radius: 290px / 15px;
        border-radius: 290px / 15px;
}

#siteHeader #logo{
        position: absolute;
        top: 0;
        left: 0;
        width: 500px;
        height: 170px;
        z-index: 101;
        background-image: url(../Img/sprite.png);
        background-repeat: no-repeat;
        background-position: 100px 10px;
}
#siteHeader #menus{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 500;
        text-align: right;
        padding: 0 50px;
        width: 100%;
        border-top:  15px solid  #088373;
}
#siteHeader #menus #menuMain{
       /* width: 550px;*/
        float: right;
}
#siteHeader #menus #menuMain #menuPrincipal{
	border-radius: 0 0  70px 90px;
	padding-left:20px;
        border: none;
        min-height: 0;
        background-color: #088373; 

}
#siteHeader #menus #menuMain #menuPrincipal ul li{
        display: inline-block;
}
#siteHeader #menus #menuMain #menuPrincipal ul li a{
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-family: 'ralewayregular';
        font-size: 1em;font-weight:bold;
        padding: 5px 7px 15px;
}
#siteHeader #menus #menuMain #menuPrincipal ul li.active a{
        background-color: transparent;
        border-bottom:  3px solid #fff;
}
#siteHeader #visuel {
        min-height: 170px;
}

/**************************************************************************/
/*****************************    Footer    *******************************/
/**************************************************************************/
#siteFooter {
        padding: 20px 50px;
}
#siteFooter #footWrap{
        margin: 0;
}
#siteFooter #footWrap #menuBottom{
        border-top: 1px solid #d9dadd;
        padding: 0;
}
#siteFooter #footWrap #menuBottom ul li{
        display: inline-block;
}
#siteFooter #footWrap #menuBottom ul li a{
        color: #525455;
        font-size: 0.9em;
        font-family: 'news_cycleregular';
        display: inline-block;
        padding-top: 15px;
        padding-right: 15px;
}
#siteFooter #footWrap #logosFooter{
        height:   80px;
        background-image: url(../Img/sprite.png);
        background-repeat: no-repeat;
        background-position: 120px -415px;
}

#footerAbtel{
       padding: 20px 50px;
       text-align: right;
}
#footerAbtel a{
        font-family: 'news_cycleregular';
        color: #ccc;
        font-size: 0.9em;   
}
 
 
/**************************************************************************/
/****************************    Content    *******************************/
/**************************************************************************/       

 
/*=== Accueil ===*/
#carouselAccueil .carousel-caption{
        left: 10%;
        right: 10%;
        bottom: 20%;
}
#carouselAccueil .carousel-caption .Chapo{
        font-family: 'yanone_kaffeesatzlight';
        font-weight: 600;
        font-size: 2.3em;
        text-transform: uppercase;
        line-height: 1.2em;
}
#carouselAccueil .carousel-caption .Chapo h1{
        font-family: 'yanone_kaffeesatzlight';
        font-weight: 600;
        font-size: 1.2em;
        text-transform: uppercase;
        line-height: 1.2em;
}



#carouselAccueil .carousel-caption .Description{
        margin-top: 15px; font-size: 1.5em;
}
#accrocheAccueil.accroche{
        margin-top: 0;
}
#pubAccueil{
        height: 200px;
}
#pubAccueil .publi{
        height: 100%;
}
#pubAccueil .publi .contentPub{
        height: 100%;
        background-color: #ddd;
}
#pubAccueil .publi .imgBack,
#carouselPubBottom img{
        margin: auto;
}

/*=== Default ===*/
.article .artImg img{
        margin-bottom: 20px;
}
.article .imgRight,
.article .imgLeft{
        margin-top: 20px;  
}

/*=== Contact ===*/
#formContact{
        margin-bottom: 20px;
}
#formContact #formInputs{
        margin-bottom: 15px;
}
#formContact #formInputs .control-group{
        margin-bottom: 10px;
}
#formContact #formInputs .control-group:after{
        clear: both;
        display: table;
        content: " ";
}
#formContact #formInputs .control-group label{
        display: inline-block;
        width: 175px;
        text-align: left;
        float: left;
}
#formContact #formInputs .control-group input{
        width: 65%;
        float: right;
}
#formContact #formInputs .control-group input.input-large{
        width: 83%;
}
#formContact #formInputs .control-group textarea{
        width: 83%;
        float: right;
        resize: vertical;
}
#captchaContact{
        margin-bottom: 20px;
}
#captchaContact label{
        text-align: left;
}

#captchaContact span.col-md-1{
        width: 40px;
        padding: 3px 0;
}
#captchaContact input[readonly]{
        border: none;
        width: 40px;
        padding: 3px 0;
}
#submitButtons button,
#submitButtons a{
        border-radius: 30px;
        padding: 10px;
}
#submitButtons button{
        background-color: #088373; 
}
#submitButtons a{
        background-color: #D41720; 
}
span.Obligatoire{
        color: #088373;
        font-weight: 600;
}
#infoSupp{
        font-size: 0.8em;
}

/*** bouton imprimer **/
a.btn-print {
    -webkit-appearance: button;
    width: auto;
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid #525455;
    background-color: #d9dadd;
    color:#525455;
}



/* ========= COMPONENTS ==========*/
#Sitemap ul.SitemapLvl1 {
	font-weight:600;
	color:#088373;
} 
#Sitemap ul.SitemapLvl1 li.SitemapLvl1 a {
	list-style:disc ;
	color:#088373;
	font-weight:bold;
	margin-left:30px;

}
#Sitemap ul.SitemapLvl1 li.SitemapLvl1 ul.SitemapLvl2 li.SitemapLvl2  {
	list-style:square ;
	color:#000;
	margin-left:40px;

}
#Sitemap ul.SitemapLvl1 li.SitemapLvl1 ul.SitemapLvl2 li.SitemapLvl2  a{
	padding-left:0;
        font-weight:bold;
        color:#000;
}
/* -- Espace Client ----*/
div.FdsClient table{
	border:3px solid #088373;
	/*padding:2px;*/
	width:100%;
}
div.FdsClient table tr:first-child {
	border-bottom: 2px solid #088373;
}
div.FdsClient table tr.trace  td.lecture{
	background-color: rgba(255,255,0,0.2);
}
div.FdsClient table tr th{
        background-color: #088373;
	color:#fff;
}
div.FdsClient table tr td,
.FdsClient table tr th {
        text-align:center;
	padding:5px;
}
div.FdsClient table tr td + td{
        border-left:2px dotted #088373;
}
div.FdsClient table tr td:last-child,
div.FdsClient table tr th:last-child{
        border-right:3px solid #088373;
}
div.FdsClient table tr td ul {
	text-align:left;
	padding:5px 20px;
}
div.FdsClient table tr td ul li {
	color:#088373;
}
div.FdsClient table tr td ul li span.error {
	color:#ff0000;
} 
div.FdsClient table tr td a , div.FdsClient span.Lien{
	color:#088373;
        font-weight:bold;
}
div.FdsClient a.connexion {
	color:#088373;
        font-weight:bold;
        float:right;
}
.CategorieProduits .Unbloc {
	padding-left:10px;
}
.CategorieProduits .catTitre h2 {
	font-size: 1.7em;
        font-family:"yanone_kaffeesatzregular";
        letter-spacing:0.1em;
        border:none;
}
.CategorieProduits .catTitre .ProduitTitre h3 {
	color:#525455;
        font-weight:bold;
        font-size:1.3em;
        text-transform:none;
        margin: 0 0 0.2em;
        padding:0;
}

.CategorieProduits .catTitre .ProduitTitre h3.sousfamilleh3 , .CategorieProduits .Unbloc h3.sousfamilleh3{
  	color: #0aa792;
    font-family: "yanone_kaffeesatzregular";
    font-size: 1.4em;
    font-weight: bold;
    text-transform: none;
    margin-bottom:0;margin-top:0;
    line-height:1.4em;
 }
   
.CategorieProduits .catTitre h4 {
	font-family: "yanone_kaffeesatzregular";
	color:#0AA792;
        font-weight:bold;
        font-size:1.4em;
        text-transform:none;
}
.CategorieProduits .souscategorie {
 	padding-left:25px;
        margin-bottom:25px;
}

/* Tableaux */
/*Fiches porpres au client*/
#oFdsDateCrea{
        width: 11%;
}
#oFdsNom{
        width: 52%;
}
#oFdsDateMad{
        width: 11%;
}
#oFdsDateLec{
        width: 11%;
}
#oFdsDateLink{
        width: 15%;
}

/*Clients de son Groupe*/
#listCliNom{
        width: 30%;
}
#listCliAdr{
        width: 29%;
}
#listCliMail{
        width: 30%;
}
#listCliLC{
        width: 11%;
}

/*Fiches Clients de son Groupe*/
#cataFCNom{
        width: 59%;
}
#cataFCVer{
        width: 15%;
}
#cataFCDate{
        width: 11%;
}
#cataFCLink{
        width: 15%;
}

/*==============FICHE PRODUIT ==============*/
.FicheClassique {
	font-family:"yanone_kaffeesatzbold";
        font-size:1.4em;
}
.FicheClassique .imageEntete{
	position:relative;
}
.FicheClassique .imageEntete .CategorieSurImage {
	position:absolute;
    left:10px;
    top:15px;
    
}
.FicheClassique .imageEntete .CategorieSurImage .Catpetit, .FicheClassique .imageEntete .CategorieSurImage .Catpetit h1.Catpetit{
    font-family:"yanone_kaffeesatzregular";
	font-size:1.7em;font-weight:bold;color:#fff;padding-right:15px;text-align:right;
  }

.FicheClassique .imageEntete .CategorieSurImage .Catgrand{
    font-family:"yanone_kaffeesatzregular";
	font-size:1.4em;font-weight:bold;color:#fff;padding-right:15px;text-align:right;

}


.FicheClassique .imageEntete div.liens {
	position:absolute;
        right:0;
        top:30px;
}
.FicheClassique .imageEntete div.liens a {
	float:right;
        font-weight:bold;
        font-size:1em;
        padding-right:10px;
}
.FicheClassique .contenu { 
	margin:50px 10px 30px 50px;
}
.FicheClassique .contenu .NomProduit{
	text-decoration:none;margin-top:5px;font-size:1.4em;
}

.FicheClassique .contenu .spanlibelleNomProduitClassique {
	color:#000;margin-top:5px;padding-right:20px;text-decoration:underline;	
}
.FicheClassique .contenu .spanNomProduitClassique{
	padding-left:20px;font-family:"yanone_kaffeesatzbold";font-size:1.3em;color:#088373;font-weight:600;	
}

.FicheClassique .contenu .spanlibelleNomProduitClassique {
	color:#000;margin-top:5px;padding-right:20px;text-decoration:underline;
	float:left;	
}

.FicheClassique .contenu h2.spanNomProduitClassique{
	padding-left:20px;font-family:"yanone_kaffeesatzbold";font-size:1.5em;color:#088373;font-weight:500;text-transform:none;
	
}

.FicheClassique .contenu .detailProduitClassique {
	margin:30px 10px 0px 50px;
}
.FicheClassique .contenu .detailProduitClassique .libelle{
	color:#000;
        padding-right:20px;
        text-decoration:underline;
        padding-bottom:20px;
        font-size: 1.3em;
}
.FicheClassique .contenu .detailProduitClassique .valeur {
	font-family:"ralewaymedium";font-size:1em;color:#000;
	padding-top:10px;line-height:25px;
}
.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle{
	font-size:1.1em;
}
.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle24{
	font-size:1.4em;
}
.FicheClassique .contenu .detailProduitClassiquePartieCaract {
	margin:20px 10px 0px 50px;line-height:25px;
}

.FicheClassique .contenu .detailProduitClassiquePartieCaract .libelle{
	color:#000;
        text-decoration:underline;
        font-size: 1.3em;
}
.FicheClassique .contenu .detailProduitClassiquePartieCaract .valeur{
	font-family:"ralewaymedium";font-size:1.1em;color:#000;padding-top:10px;
}


.FicheClassique .contenu .NomProduitAutre {
	text-align:center;font-family:"yanone_kaffeesatzbold";font-size:1.7em;color:#088373;
	text-transform:uppercase;
} 
.FicheClassique .contenu .NomProduitAutre h2{
	text-align:center;font-family:"yanone_kaffeesatzbold";font-size:1em;color:#088373;
	text-transform:uppercase;font-weight: 500;
} 

.FicheClassique .contenu .ValeurAutre {
	font-family:"ralewaymedium";font-size:1em;color:#000;
}


/***  FICHE CLASSIQUE REMPLI UNIQUEMENT EN BBCODE ******/
   .FicheClassique .ValeurAutre  {
		color: #000;
	    font-family: "ralewaymedium";
	    font-size: 1em;
	    line-height: 25px;
	    padding-top: 10px;
	}
	
   .FicheClassique .ValeurAutre span.bb_bold span.bb_underline  {
		color: #000;font-family:"yanone_kaffeesatzbold";
    	font-size: 1.3em;font-weight:normal;
    	padding-right: 37px;
    	text-decoration: underline;	margin: 30px 10px 20px 0;text-transform:uppercase;
	}

   .FicheClassique .ValeurAutre  br {
		line-height:1.5em;
	}
	





/**************************************************************************/
/*********************    Responsive/Adaptative    ************************/
/**************************************************************************/

/*=========== 992 - 1199 : tablette paysage ======*/
@media (min-width: 992px) and (max-width: 1199px) {
        #siteHeader #visuel{
                min-height: 140px;
        }
        #siteHeader #logo {
                width: 345px;
                height: 140px;
                z-index: 101;
                background-position: 30px 25px;
                background-image: url(../Img/sprite.png);
        }
        
        .FicheClassique .imageEntete div.liens {
					top:15px;left:46%;   z-index: 500;
			}
        
        .FicheClassique .imageEntete div.liens a {
		        padding-left:5px;
		        width:42%;
		}
			
}

/*=========== 768 - 991 : petite tablette paysage ======*/
@media (min-width: 768px) and (max-width: 991px) {
        #siteHeader #visuel{
                min-height: 110px;
        }
        
        #siteHeader #menus {
    	    padding: 0 9px;
    	}
        
        #siteHeader #logo {
                top: 15px;
                width: 125px;
                height: 35px;
                z-index: 101;
                background-position: 0px 0px;
                background-image: url(../Img/logo.png);
                background-size: cover;
        }
        .tile .tileWrap img{
                width: 100%;
                min-height: 100%;
        }
        
        #siteHeader #menus #menuMain #menuPrincipal { z-index:501;}   

        
		.FicheClassique .imageEntete div.liens {
					top:15px;left:55%;   z-index: 301;
			}
			.FicheClassique .imageEntete div.liens a {
					text-align:center;
			        font-weight:bold;
			        font-size:1em;
			        width:50%;
			}
			
			.FicheClassique .imageEntete .CategorieSurImage {
				position:absolute;
			    left:-9px;
			    top:5px;
			   	width:100%;
			}
	
        .FicheClassique .imageEntete .CategorieSurImage .Catpetit {
		    color: #fff;
		    font-family: "yanone_kaffeesatzregular";
		    font-size: 1.7em;
		    font-weight: bold;
		    padding-left: 15px;
		    text-align: left;
		    width:50%;
		}
        
        
        
        
        
}

/*=========== <767 : telephone paysage et tablette portrait ======*/
@media (max-width: 767px) {
        #siteHeader {
                margin-bottom: 150px;
                z-index: 50;
        }
         #siteHeader #logo {
            /* 7/12/15 : margin-left: 20%; width:60%; top: 50px; height: 60px; */
            top: 40px;
            margin-left: 0;
            width: 100%;
            height:100px;
             z-index: 10;
            background-position: 50%;
            background-image: url(../Img/logo.png);
           /* background-size: cover;*/
            background-color: #fff;
            display: block;
    }

        
        
        
        .navbar-default .navbar-toggle{
                border: none;
                margin-right: 0;
        }
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus{
                background-color: transparent; 
        }
        .navbar-default .navbar-toggle .icon-bar{
                background-color: #fff;
        }
        #siteHeader #menus #menuMain #menuPrincipal{
                padding: 0 20px;z-index:501;
                text-align: center;
                border-radius: 0 0 70px 70px;
        }
        #siteHeader #menus #menuMain #menuPrincipal ul li{
                display: block;
        }
        #siteHeader #menus #menuMain #menuPrincipal ul li a {
                padding: 15px 45px;
        }
        
        .tile .tileWrap img{
                width: 100%;
                min-height: 100%;
        }
        

      
        
   /***---------------------------------------***/

   .FicheClassique {
		font-family:"yanone_kaffeesatzbold";
        font-size:1.4em;
	}
	.FicheClassique .imageEntete{
		position:relative;height:125px;display: block;
	}

	.FicheClassique .imageEntete div.liens {
			top:60px;right:0;  
	}
	.FicheClassique .imageEntete div.liens a {
			text-align:center;
	        font-weight:bold;
	        font-size:1em;
	        padding-right:5px;
	        width:45%;
	}
	
	.FicheClassique .imageEntete .CategorieSurImage {
		position:absolute;
	    left:0;
	    top:0;
	   	text-align:center;width:100%;
	    
	}
	.FicheClassique .imageEntete .CategorieSurImage .Catpetit{
	    font-family:"yanone_kaffeesatzregular";
		font-size:1.4em;font-weight:bold; color:#088373;text-decoration:underline;	
	  

	}
	
	.FicheClassique .imageEntete .CategorieSurImage .Catgrand{
	    font-family:"yanone_kaffeesatzregular";padding:0;text-align:left;
		font-size:1em;font-weight:bold;color:#088373;text-decoration:underline;
	   

	}

	.FicheClassique .contenu { 
		margin:20px 0;
	}
	.FicheClassique .contenu .NomProduit{
		text-decoration:none;margin-top:5px;font-size:1.1em;
	}
	
	.FicheClassique .contenu .spanlibelleNomProduitClassique {
		color:#000;margin-top:5px;text-decoration:underline;display:block;
	}
	.FicheClassique .contenu .spanNomProduitClassique {
		font-family:"yanone_kaffeesatzbold";font-size:1.4em;color:#D41720;font-weight:600;text-align:left;	padding:0;
	}
	
	.FicheClassique .contenu .detailProduitClassique {
		margin:10px 0;font-size:1em;
	}
	.FicheClassique .contenu .detailProduitClassique .libelle{
		color:#000;text-decoration:underline;padding:0;line-height:20px;
	}
	.FicheClassique .contenu .detailProduitClassique .valeur {
		font-family:"ralewaymedium";font-size:1em;color:#000;padding:0;line-height:25px;
		
	}
	.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle{
		font-size:1.1em;line-height:25px;
	}
	.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle24{
		font-size:1.4em;line-height:20px;
	}
	.FicheClassique .contenu .detailProduitClassiquePartieCaract {
		margin:5px 0;font-size:1em;line-height:20px;
	}
	
	.FicheClassique .contenu .detailProduitClassiquePartieCaract .libelle{
		color:#000;text-decoration:underline;
	}
	.FicheClassique .contenu .detailProduitClassiquePartieCaract .valeur{
		font-family:"ralewaymedium";font-size:1em;color:#000;
	}

	.FicheClassique .contenu .NomProduitAutre {
		text-align:center;font-family:"yanone_kaffeesatzbold";font-size:0.8em;color:#D41720;
		text-transform:uppercase;padding:10px;
	} 
	
	.FicheClassique .contenu .ValeurAutre {
		font-family:"ralewaymedium";font-size:1.2em;color:#000;
	}    
        
        
        
}

/*=========== <465 : smartphone portrait======*/
@media (max-width: 465px) {
     #siteHeader #logo {
            /* 7/12/15 : margin-left: 20%; width:60%; top: 50px; height: 60px; */
            top: 40px;
            margin-left: 0;
            width: 100%;
            height:100px;
             z-index: 10;
            background-position: 50%;
            background-image: url(../Img/logo.png);
           /* background-size: cover;*/
            background-color: #fff;
            display: block;
    }
    .tile .tileWrap img{
            width: auto;
    }
    
    #siteHeader #menus #menuMain #menuPrincipal { z-index:501;}   
        
   /***---------------------------------------***/

   .FicheClassique {
		font-family:"yanone_kaffeesatzbold";
        font-size:1.4em;
	}
	.FicheClassique .imageEntete{
		position:relative;height:125px;display: block;
	}

	.FicheClassique .imageEntete div.liens {
			top:60px;right:0;
	}
	.FicheClassique .imageEntete div.liens a {
			text-align:center;
	        font-weight:bold;
	        font-size:1em;
	        padding-right:0;
	        width:100%;
	}
	
	.FicheClassique .imageEntete .CategorieSurImage {
		position:absolute;
	    left:0;
	    top:0;
	   	text-align:center;width:100%;
	    
	}
	.FicheClassique .imageEntete .CategorieSurImage .Catpetit{
	    font-family:"yanone_kaffeesatzregular";
		font-size:1.4em;font-weight:bold; color:#088373;text-decoration:underline;	
	}
	
	.FicheClassique .imageEntete .CategorieSurImage .Catgrand{
	    font-family:"yanone_kaffeesatzregular";padding:0;text-align:left;
		font-size:1em;font-weight:bold;color:#088373;text-decoration:underline;
	}
	
	.FicheClassique .imageEntete .CategorieSurImage .Catpetit h1{ font-size:1em;	}

	.FicheClassique .contenu { 
		margin:20px 0;
	}
	.FicheClassique .contenu .NomProduit{
		text-decoration:none;margin-top:5px;font-size:0.8em;
	}
	
	.FicheClassique .contenu .spanlibelleNomProduitClassique {
		color:#000;margin-top:5px;text-decoration:underline;display:block;
	}
	.FicheClassique .contenu .spanNomProduitClassique {
		font-family:"yanone_kaffeesatzbold";font-size:1.8em;color:#D41720;font-weight:600;text-align:left;	padding:0;
	}
	
	.FicheClassique .contenu .detailProduitClassique {
		margin:5px 0;font-size:0.6em;
	}
	.FicheClassique .contenu .detailProduitClassique .libelle{
		color:#000;text-decoration:underline;padding:0;line-height:15px;
	}
	.FicheClassique .contenu .detailProduitClassique .valeur {
		font-family:"ralewaymedium";font-size:1em;color:#000;padding:0;line-height:15px;
		
	}
	.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle{
		font-size:1.1em;line-height:15px;
	}
	.FicheClassique .contenu .detailProduitClassique .valeur span.souslibelle24{
		font-size:1.4em;line-height:15px;
	}
	.FicheClassique .contenu .detailProduitClassiquePartieCaract {
		margin:5px 0;font-size:0.6em;line-height:15px;
	}
	
	.FicheClassique .contenu .detailProduitClassiquePartieCaract .libelle{
		color:#000;text-decoration:underline;
	}
	.FicheClassique .contenu .detailProduitClassiquePartieCaract .valeur{
		font-family:"ralewaymedium";font-size:1em;color:#000;
	}

	.FicheClassique .contenu .NomProduitAutre {
		text-align:center;font-family:"yanone_kaffeesatzbold";font-size:0.8em;color:#D41720;
		text-transform:uppercase;padding:10px;
	} 
	
	.FicheClassique .contenu .ValeurAutre {
		font-family:"ralewaymedium";font-size:0.7em;color:#000;
	}     
        
        
        
}