/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/**/

img
    {vertical-align: bottom;}

a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner
    {outline: none !important;}

*
    {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*:before, *:after
    {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

ul.sub-menu:before,ul.sub-menu:after, .row:before, .row:after, .clearfix:before, .clearfix:after {content: " "; display: table;}
ul.sub-menu:after, .row:after, .clearfix:after {clear: both;}
ul.sub-menu, .row, .clearfix {*zoom: 1;}

.text-center
    {text-align: center;}

a
    {color: #b43944;}

a:hover
    {color: #000;}

body
    {font-family: 'Open sans'; color: #303030; font-size: 14px;}

header
    {background: #f3f3f3;}

header .container
    {position: relative;}

header h1, header .h1
    {display: block; color: #b43944; font-weight: 400; text-transform: uppercase; margin: 8px 0px;}

header form
    {width: 70%; float: left;}

header form input[type="text"]
    {background: #e6e6e6; border: 0px; height: 24px; line-height: 24px; outline: none; font-size: 12px; margin: 0px; padding: 0px; width: 80%;}

header form input[type="submit"]
    {background: #e6e6e6 url(../img/icon-search.png) center center no-repeat; border: 0px; height: 24px; line-height: 24px; width: 20%; text-indent: -9999px; font-size: 12px; margin: 0px; outline: none; padding: 0px;}

header .social
    {float: right; width: 30%; text-align: center;}

header a.special
    {background: #b43944; height: 34px; line-height: 34px; display: block; color: #FFF; text-decoration: none; text-align: center;}

header a.special img
    {vertical-align: bottom; margin-right: 5px;}

header a.logo
    {display: block;}

header nav ul
    {list-style: none; margin: 0px; padding: 0px;}

header nav:hover ul li ul, header nav li ul
    {display: none;}

.menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper
    {padding-bottom: 0px;}

header nav:hover ul li:hover ul
    {display: block; background: #b43944; z-index: 4;}

header .slider
    {display: none;}

header .flux
    {position: relative;}

header .flux a
    {color: #FFF; text-decoration: none;}

header .flux .flux-title
    {background: #98242e url(../img/icon-arrow.png) right 10px center no-repeat; color: #FFF; cursor: pointer; height: 30px; padding: 5px 20px; line-height: 20px; text-transform: uppercase; text-align: center;}

header .flux img
    {padding-right: 8px;}

header .flux .flux-content
    {display: none; position: absolute; top: 30px; background: #b43944; text-transform: none; font-size: 12px; width: 100%; z-index: 5; color: #FFF;}

header .flux .flux-content hr
    {background-color: #FFF; height:1px; border: 0;}

header .flux .flux-content .text-center
    {padding: 0px 5px;}

header .flux .flux-content .readmore
    {height: 30px; line-height: 30px; padding-left: 10px; width: 150px;}

header .flux .flux-content .flux-toggle
    {float: right; width: 30px; height: 30px; background: url(../img/header-flux-toggle.png); cursor: pointer;}

.text-flux
    {padding-left: 10px;}

body.flux-show header .flux .flux-content
    {display: block;}

footer
    {background: #e6e6e6; font-size: 17px; text-align: center; clear: both; margin-top: 20px;}

footer a
    {color: #393939; font-size: 17px; line-height: 40px; height: 40px; border-bottom: 2px solid #d5d5d5; display: block; text-decoration: none;}

footer ul
    {margin: 0px; list-style: none; padding: 0px;}

h2, .h2
    {color: #b43944; text-transform: uppercase; font-size: 18px; background: url(../img/h2-bg.png) left bottom no-repeat; padding-bottom: 15px; margin: 20px 0px; font-weight: 300;}

.row.grey
    {background: #f3f3f3;}

.sidebar
    {display: none;}

header .sidebar
        {display: block;}

.sidebar img
    {max-width: 100%; height: auto;}

.row
    {margin-bottom: 20px;}

.row.title
    {position: relative; color: #FFF; text-transform: uppercase; text-align: center; height: 300px; overflow: hidden; margin-bottom: 0px;}

.row.title div.bg
    {position: absolute; z-index: 2; top: 0px; left: 0px; margin: 0px; height: 100%; width: 100%; background: rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

.row.title div.bg div
    {position: absolute; z-index: 2; bottom: 25px;}

.row.title div img
    {width: 75px; height: auto;}

.row.title h1
    {font-weight: 600; font-size: 16px; margin: 10px 0px;}

.form-recherche
    {background: #f6f6f6; padding: 20px; display: inline-block; border: 1px solid #eee; border-radius: 3px; margin-bottom: 20px;}

.form-recherche input[type="text"]
    {padding: 5px; border-radius: 3px; border: 1px solid #e9e9e9;}

.recherche-resultats a
    {text-decoration: none; font-weight: 600px; margin-top: 15px; color: #b43944; font-weight: 600;}

.recherche-resultats p
    {margin-top: 0px;}

.recherche-resultats hr
    {border-top: 1px solid #eee; border-bottom: 0px; margin-top: 15px;}

.liste-item
    {border-top: 1px solid #ddd;}

.liste-item:first-child
    {border: none;}

.liste-item a
    {text-decoration: none; text-transform: uppercase;}

.liste-item img
    {float: left; max-width: 100px; max-height: 100px; display: block; margin: auto;}

.liste-title
    {margin-left: 110px; display: block; padding-top: 20px; padding-bottom: 20px; font-weight: 600;  text-decoration: none;}

/** chiffres **/
.blocChiffres
    {width:25%;float:left;color:#606060;}
.chiffres_haut
    {display:block;text-transform: uppercase;background: url('/wp-content/themes/itiremia2015/img/borderRedChiffres.png') no-repeat bottom left;padding-bottom: 8px;font-weight:600;}
.chiffres_bas
    {font-weight:bolder;font-size:24px;text-transform:uppercase;color:#606060;display:inline-block;padding-top:10px;}

.tier
    {float: left;width: 100%;}

/** Carousel **/
.jcarousel-container
    {position: relative; padding-bottom: 40px;}

.jcarousel-wrapper
    {margin: 20px auto; position: relative;}

.jcarousel
    {position: relative; overflow: hidden; width: 100%;}

.jcarousel ul
    {width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}

.jcarousel li
    {width: 200px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.jcarousel img
    {display: block; max-width: 90%; height: auto !important;}

.jcarousel-pagination
    {position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;}

.jcarousel-pagination a
    {text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #CCC; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px;}

.jcarousel-pagination a.active
    {background: #b43944; color: #fff; opacity: 1;}

ul.pagination
    {padding: 0px; margin: 0px; list-style: none; margin: 20px 0px;}

ul.pagination li
    {display: inline-block; background: #f6f6f6; border: 1px solid #eee; margin: 0px 3px;}

ul.pagination li.active
    {background: #b43944;}

ul.pagination li a
    {display: block; text-decoration: none; padding: 5px 10px; margin: 0px;}

ul.pagination li a:hover
    {color: #000;}

ul.pagination li.active a
    {color: #FFF;}

.content ul li
    {padding-bottom:10px;}

@media (max-width: 767px) {
    header a.logo
        {margin: auto; text-align: center; padding: 50px 0px;}

    header a.logo img
        {max-width: 75%;}

    header h1, header .h1
        {font-size: 14px; text-align: center;}

    .content
        {padding: 0px 15px}

        .blocChiffres
            {width:100%;padding-bottom:25px;}

        

    .full-content
        {padding: 0px 15px}

    header .menu-toggle
        {position: relative; z-index: 2; background: #9ea289 url(../img/icon-menu.png) right 10px center no-repeat; height: 40px; line-height: 40px; text-align: center; color: #FFF; text-transform: uppercase;}

    header nav
        {position: absolute; background: #b43944; display: none; width: 100%;z-index: 10;}

    body.menu-show header nav
        {display: block;}

    header nav li.parent
        {border-bottom: 2px solid #535353;}

    header nav li.parent:last-child
        {border-bottom: none;}

    header nav a
        {background: #3f3f3f; color: #ffffff; display: block; text-decoration: none; width: 100%; height: 100%;}

    header nav a
        {line-height: 34px; padding: 3px 10px; text-align: left !important;}

    header nav a:hover
        {color: #FFF;}

    header nav a img
        {height: 34px !important; width: auto !important; display: inline !important; padding-bottom: 0px !important;}

    header nav li.parent ul li a
        {text-align: center !important;}

    header nav li.parent ul li a img
        {height: 70px !important; width: auto !important; display: block !important; padding-bottom: 0px !important;}

    header nav li.parent ul li
        {float: left; width: 50%; height: 140px; background: #b43944;}

    header nav li.parent ul li
        {border-bottom: 2px solid #bc4d57;}

    header nav li.parent ul li:nth-child(odd)
        {border-right: 2px solid #bc4d57;}

    header nav li.parent ul li a
        {background: #b43944; height: 138px; text-align: center; border-bottom: 0px; padding: 10px 20px; font-size: 13px;line-height: 18px;}

    header nav li.parent ul li a img
        {display: block; margin: auto; max-height: 70px;}

    header .flux
        {margin-top: -84px; margin-bottom: 44px;}

    body.with-row-title header .flux
        {margin-bottom: 0px;}

    header .flux .flux-title
        {height: 40px; padding: 8px 30px 8px 0px; line-height: 24px;}

   /* body.with-row-title header .menu-toggle
        {margin-top: 348px;}*/
    body .container h2
        {margin-top:60px;}

    footer img
        {display: none;}

    body.with-row-title .row.title
        {margin-top: -344px; margin-bottom: 88px;}

    header .menu-toggle
        {margin-top: 44px;}

    .jcarousel-container
        {padding-bottom: 0px;}

    .row.title .bottom
        {width: 100%;}

    .row.title img.bg
        {position: absolute; left: 0px; height: 100%; width: auto;}

    .row.title div img
        {width: 100px; height: auto;}

    .row.title h1
        {font-size: 16px; margin: 30px 0px 10px;}
}

@media (min-width: 768px) {
    .content
        {width: 768px;}

    .full-content
        {width: 768px;}

    .container
        {width: 768px; margin: auto;}

    header .sidebar
        {width: 218px; height: 280px; position: relative;}

    

    header .sidebar
        {position: relative; z-index: 2;}

    header .sidebar .bottom
        {position: absolute; bottom: 0px; left: 0px; width: 100%;}

    header a.special
        {text-align: left;}

    header h1, header .h1, header a.logo img
        {margin-left: 25px;}

    header a.special, header form
        {padding-left: 25px;}

    header .slider img
        {width: 768px;}

    header a.logo
        {height: 140px;}

    header a.logo img
        {width: 160px; height: auto; padding: 31px 0px;}

    header h1, header .h1
        {font-size: 16px; line-height: 20px; font-weight: 300;}

    header nav
        {position: absolute; left: 218px; top: 0px; width: 550px;}

    header nav a
        {display: block; color: #FFF; text-align: center; text-decoration: none; width: 110px; height: 140px; padding-top: 10px;}

    header nav a:hover
        {color: #FFF;}

    header nav a img
        {display: block; max-width: 60px; max-height: 60px; height: auto; width: auto; margin: 0px auto 5px;}

    header nav ul
        {font-size: 16px;}

    header nav ul li
        {float: left; width: 110px; height: 140px;}

    header nav ul li.floatrightMenu ul li
         {float: right;}

    header nav ul li.clearfix
        {display: none;}

    header nav ul li.parent /*, header nav ul:hover li.parent.metier*/
        {background: url(../img/icon-menu-arrow.png) center top no-repeat;}

    header nav li.parent.current-menu-ancestor ul
        {display: block; background: #b43944;}

    header nav ul li.parent:hover, header nav li.parent.current-menu-ancestor, header nav ul:hover li.parent.current-menu-ancestor:hover
        {background: url(../img/icon-menu-arrow.png) bottom center  no-repeat;}

     .arrowBrown,   .arrowBrownMain
         {background: url(../img/icon-menu-arrow-brown.png) bottom center  no-repeat !important;}

    header nav ul li.parent ul
        {position: absolute; top: 140px; left: 0px; font-size: 13px; width: 550px; height: 140px;}

    header nav ul li.parent ul li
        {background: #b43944;}

    header nav ul li.parent ul li:hover, header nav ul li.parent ul li.current-menu-item
        {background: #9ea289;}

    header .flux
        {position: absolute;z-index:100;}

    header .flux .flux-title
        {width: 218px; line-height: 18px; padding: 6px 30px 6px 10px;}

    header .flux .flux-content
        {left: 0px;}

    header .flux img
        {height: 18px;}

    footer
        {background: #f3f3f3; padding: 15px 0px;}

    footer li
        {display: inline-block; background: url(../img/footer-separateur.png) left 6px no-repeat; padding-left: 14px; padding-right: 1px;}

    footer li.no-background
        {background: none; padding-left: 0px;}

    footer a
        {display: inline; border: none; font-size: 12px; line-height: 15px;}

    .row.title
        {height: auto; text-align: center;}

    .row.title div.bg .bottom
        {bottom: 0px;}

    .row.title div.bg, .row.title div.bg .bottom
        {width: 100%;}

    .row.title img.bg
        {width: 100%; height: auto;}

    .tier
    {width: 33%;}
}

@media (min-width: 992px) {
    .content
        {width: 765px; margin-left: 215px; padding-left: 20px;}

    .full-content
        {width: 980px;}

    .sidebar, header .sidebar
        {display: block; float: left; width: 215px;}

    .container
        {width: 980px;}

    header a.logo
        {height: 145px;}

    header a.logo img
        {width: 160px; height: auto; padding: 30px 0px;}

    header .slider
        {display: block;}

    header .slider img
        {width: 750px;}

    header, header .sidebar, header .slider, header .slider img
        {height: 350px; position: relative;}
/*
    body.home header, body.home header .sidebar, body.home header .slider, body.home header .slider img
        {height: 500px}
*/
    header nav
        {top: auto; bottom: 0px; left: 215px; width: 750px;}

    header nav a
        {padding-top: 20px;}

    header nav a img
        {max-width: 60px; max-height: 60px; margin: 0px auto 15px;}

    header nav ul li, header nav a
        {width: 145px; height: 145px;}

    header nav ul li.parent ul
        {top: 145px;  width: 725px; height: 145px;}

    header .flux
        {right: 35px; z-index: 3;}

    header .flux .flux-title
        {width: 215px;}

    header .flux .flux-content
        {width: 215px;}

    header h1, header .h1
        {font-size: 24px; line-height: 30px;}

    .row.title
        {height: auto; text-align: right;}

    .full-content, .content, .row.title img.bg
        {padding-right: 40px;}

    #content
        {margin-top: 145px;}

    .row.title div.bg
        {width: 215px;}

    .row.title div.bg div
        {right: 0px; padding-right: 25px; padding-left: 25px;}
}

@media (min-width: 1240px) {
    header .sidebar,  .sidebar
        {width: 300px;}

    .content
        {width: 900px; margin-left: 300px;}

    .full-content
        {width: 1200px;}

    .container
        {width: 1200px; margin: auto;}

    header, header .sidebar, header .slider, header .slider img
        {height: 350px;}
/*
    body.home header, body.home header .sidebar, body.home header .slider, body.home header .slider img
        {height: 600px}
*/
    header .slider img
        {width: 900px;}

    header h1, header .h1, header a.logo img
        {margin-left: 75px;}

    header a.special, header form
        {padding-left: 75px;}

    header a.logo
        {height: 165px;}

    header a.logo img
        {width: 180px;}

    header nav
        {left: 300px; width: 825px;}

    header nav ul li, header nav a
        {width: 165px; height: 165px;}

    header nav ul li.parent ul
        {top: 165px; width: 825px; height: 165px;}

    header nav a
        {padding-top: 40px;}

    header nav a img
        {margin: 0px auto 20px;}

    header .flux
        {right: 75px;}

    #content
        {margin-top: 165px;}

    .full-content, .content, .row.title img.bg
        {padding-right: 75px;}

    .row.title div.bg
        {width: 300px;}

    .row.title div.bg .bottom
        {bottom: 20px;}

    .row.title div.bg div
        {position: absolute; z-index: 2; bottom: 25px;}
}

/* Bootstrap visibility */
.visible-xs, .visible-sm, .visible-md, .visible-lg
    {display: none !important;}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block
    {display: none !important;}

@media (max-width: 767px) {
    .visible-xs
        {display: block !important;}

    table.visible-xs
        {display: table;}

    tr.visible-xs
        {display: table-row !important;}

    th.visible-xs, td.visible-xs
        {display: table-cell !important;}

    .visible-xs-block
        {display: block !important;}

    .visible-xs-inline
        {display: inline !important;}

    .visible-xs-inline-block
        {display: inline-block !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm
        {display: block !important;}

    table.visible-sm
        {display: table;}

    tr.visible-sm
        {display: table-row !important;}

    th.visible-sm, td.visible-sm
        {display: table-cell !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block
        {display: block !important;}

    .visible-sm-inline
        {display: inline !important;}

    .visible-sm-inline-block
        {display: inline-block !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md
        {display: block !important;}

    table.visible-md
        {display: table;}

    tr.visible-md
        {display: table-row !important;}

    th.visible-md, td.visible-md
        {display: table-cell !important;}

    .visible-md-block
        {display: block !important;}

    .visible-md-inline
        {display: inline !important;}

    .visible-md-inline-block
        {display: inline-block !important;}
}

@media (min-width: 1240px) {
    .visible-lg
        {display: block !important;}

    table.visible-lg
        {display: table;}

    tr.visible-lg
        {display: table-row !important;}

    th.visible-lg, td.visible-lg
        {display: table-cell !important;}

    .visible-lg-block
        {display: block !important;}

    .visible-lg-inline
        {display: inline !important;}

    .visible-lg-inline-block
        {display: inline-block !important;}
}

@media (max-width: 767px) {
    .hidden-xs
        {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm
        {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md
        {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1239px) {
    .hidden-md-references
        {display: none !important;}
}

@media (min-width: 1200px) {
  .hidden-lg-mid
        {display: none !important;}
}

@media (min-width: 1240px) {
  .hidden-lg
        {display: none !important;}

}