/* =Common Styles
-------------------------------------------------------------- */
body.cke_editable_themed{
	height:auto;
}
html, body {
    height: 100%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-weight:normal;
}
h1 {
    font-size:26px;
    text-transform:uppercase;
    font-family: "roboto_condensedbold";
    line-height:1.1;
}
h2{
	border-bottom: 1px dashed #b2a9aa;
    font-size: 24px;
    padding-bottom: 7px;
}
h3{
    font-size: 20px;
	font-weight: normal;
}
h4{
    font-size: 18px;
	margin: 10px 0 7px;
}
h5{
    font-size: 16px;
	margin: 10px 0 7px;
}
h6{
    font-size: 14px;
    margin: 10px 0 7px;
}
body {
    background:url(../images/bg/bg-page.png);
    font-family: 'Lato-Regular';
	text-align:left;
}
@font-face {
    font-family: 'tradegothicregular';
    src: url('../fonts/TradeGothic-Bold-webfont.eot');
    src: url('../fonts/TradeGothic-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/TradeGothic-Bold-webfont.woff') format('woff'), url('../fonts/TradeGothic-Bold-webfont.ttf') format('truetype'), url('../fonts/TradeGothic-Bold-webfont.svg#tradegothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/Lato-Italic-webfont.eot');
    src: url('../fonts/Lato-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Italic-webfont.woff') format('woff'), url('../fonts/Lato-Italic-webfont.ttf') format('truetype'), url('../fonts/Lato-Italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot');
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Italic-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *:focus {
    outline: none !important;
}
* {
    margin:0;
    padding:0;
}
a:hover {
    color:#2a6496;
    text-decoration:underline
}
a:focus {
    text-decoration:none
}
ol, ul {
    list-style:none;
    margin:0;
}
img {
    max-width: 100%;
	height:auto;
}
.has-fixed-nav body {
    padding-top: 50px;
}
.center {
    text-align: center;
}
.grey {
    color: #999;
}
.marron-clair{
	color:#5b3d32;
}
.up {
    text-transform: uppercase;
}
p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height:17px;
}
.f-left {
    float:left;
}
.f-right {
    float:right;
}
.clear {
    clear:both;
}
.section {
    min-height: 400px;
    /*background-color: #fff;*/
    padding-bottom: 70px;
    padding-top: 70px;
    overflow: hidden;
}
.section hr {
    width: 90px;
    border-top: 2px solid transparent;
    border-color: #428bca;
}
.title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    float: none;
}
.title h1 {
    text-transform: uppercase;
    color: #515151;
    font-size: 48px;
    font-weight: 300;
    text-align: center;
}
.title h1 strong {
    font-weight: 400;
}
.title p {
    font-weight: 300;
    text-align: center;
    color: #888;
    font-size: 16px;
}
.btn-empty {
    border-color: #FFF;
    border-width: 2px;
    color: #FFF;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 14px;
    transition: .3s;
}
.btn-empty:hover {
    background-color: #fff;
    color: #333;
}
.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
.parallax-overlay {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: rgba(0, 0, 0, 0.58);
}
.container {
    max-width:1020px
}
.btn-navmain {
    display:none;
}
/* =Home Section
-------------------------------------------------------------- */

#home {
    height: 700px;
    position: relative;
    /*background-image:url(../images/bg/2.jpg);*/
}
#home.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*
.page-actualites #home {
    height: 235px;
}*/
#home .container {
    position: relative;
}
#scrollup {
    background:rgba(249, 248, 248, .3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 50px;
    color:#432d25;
    cursor: pointer;
    display: none;
    height: 38px;
    position: fixed;
    right: 20px;
    width: 38px;
    z-index: 9999;
    font-size:55px;
    line-height:28px;
    text-align:center;
}
#scrollup i {
    line-height:35px;
}
#scrollup:hover {
    background:rgba(249, 248, 248, .9);
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
/* =Header
-------------------------------------------------------------- */
.home-icon {
    display:block;
    float:left;
    width:30px;
    height:30px;
    position:relative;
    margin:17px 20px 0;
}
.home-icon .ico-home {
    width:25px;
    height:25px;
    background:url(../images/icons/icon-sprite.png) no-repeat 0 0;
    display:block;
}
.topnav {
    background : none;
    margin: 0;
    border-radius: 0;
    border: 0;
    z-index:999;
}
.navbar-default {
    background : none;
}
.topnav .navbar-nav > li > a {
    text-transform: uppercase;
    color: #b1b0b0;
    font-family: 'Lato-Bold';
    font-size:12px;
    padding:0 3px;
    line-height: 12px !important;
    position:relative;
    z-index:99999;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.topnav .navbar-nav > li > a:hover {
    color:#97bf0d
}
.topnav .navbar-nav > li {
    padding:17px 3px 10px;
    position:relative;
    height: 49px;
    border-right: solid 1px #E6E6E6;
}
.topnav .navbar-nav > li:first-child {
    padding:17px 10px 13px 8px;
    background:url(../images/icons/row-jesuis.png) no-repeat right center;
    border-right: 0px;
}
.topnav .navbar-nav > li:last-child {
    border-right: 0px;
}
.topnav .navbar-nav > li:first-child > a {
    color: #ffffff;
    background:#97bf0d;
    font-size:11px;
}
.topnav .navbar-nav > li:first-child > span.titletop {
    color: #ffffff;
    background:#97bf0d;
    font-size:11px;
    font-family: "Lato-Bold";
    line-height: 22px;
	display:block;
    padding: 0 6px;
    position: relative;
    text-transform: uppercase;
    z-index: 99999;
}
.topnav .navbar-nav > .active > a, .topnav .navbar-nav > .active > a:hover, .topnav .navbar-nav > .active > a:focus {
    background-color: #fff;
}
#logo {
    text-transform: uppercase;
    margin-left: 0;
}
.navbar-brand {
    height: auto;
    background:#ffffff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    margin:-5px 0 0;
    padding:15px 6px 15px 14px;
}
.navbar-brand img {
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color:#5e5e5e;
    background-color:#ffffff;
}
.left-nav {
    background:#f1f1f1;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    -webkit-transform: skew(0deg, 1deg);
    transform: skew(0deg, 1deg);
    margin:-7px 0 0 15px;
    float:left;
    position:relative;
    z-index:20;
}
.left-nav .nav {
    -webkit-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
}
.title-page {
    position:relative;
    margin:50px 0 0;
    padding:0 20px;
}
.title-page .ico-sun {
    background:url(../images/icons/sun-picto.png) no-repeat;
    height: 35px;
    left: 3px;
    position: absolute;
    top: -9px;
    width: 35px;
}
.title-page h1 {
    font-size:26px;
    color:#ffffff;
    display:inline-block;
    font-family: 'Lato-Bold';
    margin:0;
    text-transform: none;
}
.title-page h1 span {
    display:inline-block;
    background:#371f0e;
    margin:5px 0 0;
    line-height:35px;
    padding:0 20px;
}
#navigation {
    float:left;
}
.accedirect {
    padding:0 !important;
    position:relative;
    float:right;
}
.accedirect a {
    padding:0 10px !important;
    background:#391F0E url(../images/icons/row-accedirect.png) no-repeat center 35px !important;
    font-size:13px !important;
    color: #ffffff !important;
    line-height:52px !important;
    display:block;
    font-family: 'Lato-Bold';
}
.dropdown-accdirect {
    background:#391F0E;
    position:absolute;
    display:none;
    top:45px;
    left:0;
    width:100%;
    z-index:99999;
    border-top:45px solid #391F0E;
    padding: 15px 0;
	text-align:left;
    padding-bottom: 45px;
}
.dropdown-accdirect ul li, .dropdown-top ul li {
    color:#371f0e;
}
.box-accdirect {
    border-right:1px solid #7F6357;
    font-size:13px;
    min-height:275px;
	font-family: 'Lato-Bold';
}
.titre-pictos-vu1, .titre-pictos-vu2 {
    background: url("../images/icons/vue-big.png") no-repeat scroll left 7px !important;
    color: #ffffff;
    font-family: "Lato-Bold";
    font-size: 14px;
    line-height: 35px;
    /*margin: -54px 0 15px;*/
    padding: 0 0 0 30px;
    text-transform: uppercase;
}

.dropdown-menus .titre-pictos-vu1, .dropdown-menus .titre-pictos-vu2 {
    margin:-20px 0 15px;
    font-size: 14px;
}
.titre-pictos-vu2 {
    background: url(../images/icons/pictos-bato.png) no-repeat scroll left 5px !important;
}
.titre-pictos-vu1 span, .titre-pictos-vu2 span {
    background: url(../images/icons/bottom-fleche-icos.png) no-repeat right bottom;
    display: inline-block;
    line-height: 20px;
    padding: 0 5px 5px;
}
.dropdown-accdirect h4 {
	border-top:1px solid #7F6357;
    font-family: 'Lato-Bold';
    color:#FFFFFF;
    font-size:13px;
    line-height:17px;
    text-transform:uppercase;
    padding:12px 0 0 0;
	margin:8px 0 0 0;
}
.dropdown-accdirect h4 span{
	background:#7F6357;
	padding:0 10px;
	display:block;
}
.dropdown-top h4 {
	border-top: 1px solid #97bf0d;
    font-family: 'Lato-Bold';
    color:#97bf0d;
    font-size:13px;
    line-height:17px;
    text-transform:uppercase;
    padding:12px 0 0 0;
	margin:8px 0 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .dropdown-top {
        left: -245px;
        width: 198%;
    }
    ::i-block-chrome, .topnav .navbar-nav > li:nth-child(3) .dropdown-top {
        left: -316px;
        width: 198%;
    }
    ::i-block-chrome, .topnav .navbar-nav > li:nth-child(4) .dropdown-top {
        left: -405px;
        width: 198%;
    }
    ::i-block-chrome, .topnav .navbar-nav > li:nth-child(5) .dropdown-top {
        left: -509px;
        width: 198%;
    }
    ::i-block-chrome, .topnav .navbar-nav > li:nth-child(6) .dropdown-top {
        left: -579px;
        width: 198%;
    }
}
.dropdown-accdirect .last-child, .dropdown-top .last-child {
    border-right:none !important;
}
.topnav .navbar-nav > li:hover .dropdown-top {
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
    height:auto;
	border-top: 45px solid #97bf0d;
	overflow:visible;
    padding:15px 0;
    opacity:1;
    z-index:9999;
}
.topnav .navbar-nav > li .dropdown-top {
    background: #a5cd23;
    left: -178px;
    position: fixed;
    width: 990px;
    top: 49px;
    height:0;
    overflow:hidden;
    padding: 0;
    opacity:0;
    z-index:9999;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.topnav .navbar-nav > li .dropdown-top .box-accdirect {
    border-right:1px solid #97bf0d;
}
.box-accdirect > ul {
   margin:0;
   padding:0 0 0 0;
   /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
}
.box-accdirect > ul> li {
    margin:0;
	line-height:14px;
	background:url(../images/icons/double-arrow-black.png) no-repeat left 11px;
    padding:8px 0 0 23px !important;
}

.box-accdirect > ul >li > a {
    color:#FFFFFF;
	line-height:14px;
}
.box-accdirect > ul> li> ul> li> a {
    color:#371f0e;
}
.box-accdirect > ul> li> ul> li{
	background: url(../images/icons/arrow-black.png) no-repeat left 8px;
}
.box-accdirect ul li ul {
    margin:0;
	font-size:12px;
	line-height:12px;
	padding:0 0 0 0;
}
.box-accdirect ul li ul li{
	margin:0;
	padding:4px 0 0 18px;
}
.box-accdirect ul li ul li ul {
    margin:0;
	font-size:11px;
	line-height:12px;
	padding:0;
}
.box-accdirect ul li ul li ul li{
	margin:0;
	padding:2px 0 0 0;
	list-style:disc inside;
}
.box-accdirect ul li ul li ul li a {
    color:#371f0e;
}
.right-nav {
    background:#ffffff;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius:  0 0 5px 0;
    border-radius:  0 0 5px 0;
    -webkit-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
    margin:-7px 0 0;
    float:left;
    padding:15px 8px 12px 5px;
    overflow:hidden;
    z-index:1;
    position:relative;
}
.right-nav ul {
    padding:0;
	-webkit-transform: skew(0deg, 1deg);
    transform: skew(0deg, 1deg);
}
.right-nav ul li {
    float:left;
    border-left:1px solid #e5e5e5;
    padding:3px 6px;
    text-transform:uppercase;
    position:relative;
}
.right-nav ul li:first-child {
    border:none;
}
.right-nav ul li a {
    color:#371f0e;
}
.right-nav ul li.annuaire a {
    display:block;
    background:url(../images/icons/icon-sprite.png) no-repeat 2px -36px;
    width:20px;
    height:20px;
    text-indent:99999px;
    overflow:hidden;
}
.right-nav ul li.search a {
    display:block;
    width:20px;
    height:20px;
    color:#371f0e;
    overflow:hidden;
    font-size:15px;
}
.right-nav ul li a:hover {
    color:#9b8f86;
}
.search-box {
    float: right;
    width: 120px;
    position:absolute;
    z-index:99;
    top:0;
    left:0;
    display:none;
}
.search-box form {
    display: block;
    padding: 0;
}
.search-box span {
    background: none repeat scroll 0 0 #dcdcdc;
    display: block;
    height: 27px;
    overflow: hidden;
}
.search-box form .keywords {
    background: #dcdcdc;
    border: 0 none;
    color: #371f0e;
    float: left;
    font-size: 12px;
    height: 27px;
    margin: 0;
    padding: 5px;
    width: 75%;
}
.search-box form .button {
    background:#dcdcdc;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 27px;
    margin: 0 2px;
    color:#371f0e;
    padding: 0;
    line-height:27px;
    width: 25px;
    font-size:11px;
    font-family: 'Lato-Bold';
    text-transform:uppercase;
}
.search-box form .button:hover {
    color:#97bf0d;
}
.right-nav ul li.langue a {
    color:#371f0e;
    font-family: 'roboto_condensedregular';
    font-size:13px;
}
.right-nav ul li.langue a:hover, .right-nav ul li.langue a.active {
    font-family: 'roboto_condensedregular';
    text-decoration:none;
    font-size:13px;
	font-weight:bold;
}
.right-nav ul li.police a {
    color:#371f0e;
    font-family: 'roboto_condensedregular';
    font-size:13px;
}
.big-a {
    font-size:15px !important;
}
.btn-seconde-nav {
    line-height:20px;
    background:#371f0e;
    color:#ffffff;
    clear:both;
    width:95%;
    margin:0 10px;
    border:none;
    height:20px;
    display:none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-align:center;
}
.btn-seconde-nav:hover {
    background:#97bf0d;
}
/* =Content
-------------------------------------------------------------- */
.contenu {
    background: url(../images/bg/bg-page.png);
    padding:0 0 30px;
}
.contenu .container {
    max-width:1012px
}
.social-list {
    list-style: none;
    padding: 0;
    text-align: center;
    overflow:hidden;
    float:right;
    margin:0 10px 10px 0;
}
.social-list li {
    margin: 0;
    float:left;
}
.social-list li a {
    font-size: 21px;
    color: #fff;
}
.social-list li a:hover {
    color: #ccc;
}
.social-list li a:hover .social-icon {
    border-color: #ccc;
}
.social-icon {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
}
.social-icon.facebook {
    background:#32528f;
}
.social-icon.linkedin {
    background:#0678b1;
}
.social-icon.youtube {
    background:#cb2124;
}
.social-icon.scoopit {
    background: #68ac44 url(../images/icons/scoopit.png) center no-repeat;
}
.social-icon.flickr {
    background:#ff0080;
}
.social-icon.twitter {
    background:#2ea8db;
}
.social-icon.rss {
    background:#ea7d1a;
}
.social-icon .fa {
    line-height: inherit;
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
}
/* =Portfolio
-------------------------------------------------------------- */

#zone-infos {
    background: url(../images/bg/bg-infos.png) top no-repeat;
    padding: 50px 0 0;
    margin-top:-308px;
    position:relative;
}
.filters {
    padding: 0;
    margin: 0 0 12px 10px;
    float: none;
    list-style: none;
    text-align: center;
}
.filters li {
    display: inline-block;
    padding: 0 14px;
    margin: 5px 4px;
    line-height:22px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-family: 'roboto_condensedbold';
    text-transform: uppercase;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    transition: all .3s ease;
}
.filters li.all {
    color: #371f0e;
}
.filters li.actus {
    background:#97bf0d;
}
.filters li.agenda {
    background:#d76025;
}
.filters li.video {
    background:#fd4497;
}
.filters li.rseau {
    background:#5faad9;
}

/* Intranet */
.filters li.intranet-infogene {
    background:#0061AB;
}
.filters li.intranet-perso {
    background:#97BF0D;
}
.filters li.intranet-recherche {
    background:#e15e16;
}
.filters li.intranet-etudes {
    background:#6bb159;
}
.filters li.intranet-biblio {
    background:#0494b6;
}
.filters li.intranet-si {
    background:#BE033A;
}
.filters li.intranet-espe {
    background:#0797af;
}
.filters li.intranet-events {
    background:#7f6357;
}
.filters li.intranet-onparle {
    background:#ff3f95;
}

.filters li > span {
    display:block;
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}
.filters li:hover, .filters li.active {
    color: #371f0e;
}
.btns {
    display: inline-block;
    padding: 0 12px;
    margin: 5px;
    line-height:22px;
    background-color: #97bf0d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 11px;
    font-family: 'roboto_condensedbold';
    text-transform: uppercase;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    position:absolute;
    top:16px;
    left:13px;
    z-index:99;
}
.tt-infos {
    color:#ffffff;
    border-bottom:1px solid #ffffff;
    font-family: 'roboto_condensedbold';
    font-size:12px;
    text-transform:uppercase;
    margin:0 0 0 17px;
}
.tt-infos:hover {
    color:#97bf0d;
    border-bottom:1px solid #97bf0d;
    text-decoration:none;
}
.btns span {
    display:block;
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}
.btns:hover {
    text-decoration:none;
    color:#371f0e;
    background:#ffffff !important;
}
.actualites .btns {
    background:#97bf0d;
}
.agenda .btns {
    background:#d76025;
}
.videos .btns {
    background:#fd4497;
}
.reseaux .btns {
    background:#5faad9;
}

/* Intranet */
.infogene .btns {
    background:#0061AB;
}
.perso .btns {
    background:#97BF0D;
}
.recherche .btns {
    background:#e15e16;
}
.etudes .btns {
    background:#6bb159;
}
.biblio .btns {
    background:#0494b6;
}
.si .btns {
    background:#BE033A;
}
.espe .btns {
    background:#0797af;
}
.events .btns {
    background:#7f6357;
}
.onparle .btns {
    background:#ff3f95;
}

#masonry {
    overflow: hidden;
}
.card-container {
    margin-bottom: 22px;
    padding-left:10px;
    padding-right:10px;
    z-index:0;
}
.card {
    background: #fff;
    padding:0 0 20px;
    position:relative;
}
.card .images {
    overflow:hidden;
    display:block;
}
.card:hover >.images > img {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.card > .images > img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.plusinfos {
    background:rgba(0, 0, 0, .8);
    font-size:15px;
    color:#ffffff;
    display:block;
    position:absolute;
    top:20%;
    left:50%;
    margin:0 0 0 -48px;
    text-align:center;
    display:block;
    opacity:0;
    z-index:999;
    padding:0 10px;
    line-height:30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.plusinfos:hover {
    background:rgba(0, 0, 0, 1);
}
.lists .plusinfos {
    left: 23%;
    margin-top: -15px;
    top: 50%;
}
.card:hover .images .plusinfos {
    display:block;
    opacity:1;
}
/*==================================================
 * shadow
 * ===============================================*/
.card:before, .card:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.card:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.card img {
    width:100%;
    height:auto;
}
.blockinner {
    background: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    margin:-49px 0 0;
    padding:40px 25px 0;
    position:relative;
}
.boxinter {
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    min-height:120px;
    display:block;
}
.boxinter:hover {
    text-decoration:none;
}
.blockinner h4 {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-size:19px;
    text-align:center;
    margin:0 0 15px;
    text-transform:none;
}
.big-card .blockinner h4 {
    font-size:24px;
}
.blockinner p {
    margin:0;
    font-family: 'Lato-Regular';
    color:#371f0e;
    font-size:14px;
    line-height:17px;
}
.big-card .boxinter {
    padding:41px 40px 25px;
    min-height:264px;
}
.blockinner p.italicbold {
    font-size:18px;
    font-family: 'latoitalic';
}
.infos-icon {
    background-color: #fff;
    border: 4px solid #fd4497;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -30px;
    height:60px;
    width:60px;
    line-height:50px;
    text-align:center;
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}
.infos-icon img {
    width:auto;
}
.actualites .infos-icon {
    border: 4px solid #97bf0d;
}
.agenda .infos-icon {
    border: 4px solid #d76025;
}
.videos .infos-icon {
    border: 4px solid #fd4497;
}
.reseaux .infos-icon {
    border: 4px solid #5faad9;
}

/* Intranet */
.infogene .infos-icon {
    border: 4px solid #0061AB;
}
.personnels .infos-icon {
    border: 4px solid #97BF0D;
}
.recherche .infos-icon {
    border: 4px solid #e15e16;
}
.etudes .infos-icon {
    border: 4px solid #6bb159;
}
.biblio .infos-icon {
    border: 4px solid #0494b6;
}
.si .infos-icon {
    border: 4px solid #BE033A;
}
.espe .infos-icon {
    border: 4px solid #0797af;
}
.events .infos-icon {
    border: 4px solid #7f6357;
}
.onparle .infos-icon {
    border: 4px solid #ff3f95;
}

/* =Contact
-------------------------------------------------------------- */

#contact {
    position: relative;/*background-color: #f6f6f6;*/
}
#map {
    position: relative;
    width: 100%;
    height: 500px;
}
#contact-form {
    text-align: right;
}
#contact-form .form-control {
    background-color: #fff;
    border-color: #ececec;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#contact-form .form-control:hover {
    border-color: #dbdbdb;
}
#contact-form .form-control:focus {
    border-color: #66afe9;
}
#contact-form textarea.form-control {
    height: 165px;
    resize: none;
}
#contact-form .btn {
    margin-top: 15px;
    margin-right: 15px;
}
#contact-form .form-group.error, #contact-form .form-group.success {
    position: relative;
}
#contact-form .form-group.error:after, #contact-form .form-group.success:after {
    font-family: 'FontAwesome';
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 16px;
}
#contact-form .form-group.error:after {
    content: "\f00d";
    color: #d95c5c;
}
#contact-form .form-group.success:after {
    content: "\f00c";
    color: #00c077;
}
.contact-details {
    background-color: #fff;
    margin-bottom: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.detail {
    padding: 15px 0;
    text-align: center;
    font-size: 22px;
    white-space: nowrap;
    color: #999;
}
.detail .fa {
    margin-right: 5px;
}
.form-sent {
    padding-left: 15px;
    padding-right: 15px;
    display: none;
    font-size: 16px;
    text-align: center;
}
/* =Newsletter
-------------------------------------------------------------- */
.newsletter {
    background:#ffffff;
    padding:29px 0;
    text-align:center;
}
.newsletter form input.keywords {
    background: #eeeeee;
    color:#371f0e;
    font-size:11px;
    font-family: 'roboto_condensedbold';
    line-height:48px;
    height:48px;
    display:inline-block;
    padding:0 5px 0 10px;
    text-transform:uppercase;
    border:none;
    float:left;
    width:305px;
}
.newsletter span {
    background: #eeeeee;
    display:inline-block;
    overflow:hidden;
    padding:10px 15px;
    font-weight: bold;
    font-size: 15px;
}
.newsletter input.bouton {
    background:#eeeeee url(../images/icons/send-ico.png) center center no-repeat !important;
    height: 48px;
    line-height:48px;
    width: 30px !important;
    float:left;
    padding:0 10px !important;
    border:none;
}
.newsletter a:hover {
    background-color:#371f0e;
    color:#ffffff;
    text-decoration:none;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
/* =Page Actualités
-------------------------------------------------------------- */
.block-actualites {
    overflow:hidden;
    padding:15px 0 0;
    clear:both;
}
.block-actualites h1 {
    margin:10px 0 10px 15px;
}
.fildariane {
    margin:0 0 23px 20px;
    color:#7c604d;
    font-family: 'roboto_condensedregular';
    position:relative;
}
.fildariane li {
    float:left;
    list-style:none;
    margin:0 5px 5px 0;
    position:relative;
}
.fildariane > ul > li:hover {
    background:#a5449a;
    padding-top:5px;
    margin-top: -5px;
	color:#fff;
}
.fildariane > ul > li.separator:hover {
    background:none;
    padding-top:5px;
    margin-top: -5px;
	color:#fff;
}
.fildariane > ul > li:last-child:hover {
    /*background:none;*/
}
.fildariane > ul > li:hover > a {
    color:#ffffff !important;
    border-bottom:none !important;
}
.fildariane li a {
    background:url(../images/icons/bottom-fildarian.png) no-repeat right;
    display:inline-block;
    color:#7c604d;
    font-size:14px;
    margin:0 5px 0 0;
    border-bottom:1px solid #7c604d;
    padding:0 18px 0 5px;
    line-height:14px;
}
.fildariane li:hover a {
    background:url(../images/icons/bottom-fildarian-white.png) no-repeat right;
    color:#ffffff;
    border-bottom:1px solid #371f0e;
    text-decoration:none;
}
.fildariane li:first-child a, .page-block .fildariane li:first-child a {
    font-family:'roboto_condensedbold';
    background:none;
    padding:0;
}
.fildariane li span {
    display:inline-block;
    font-family:'roboto_condensedbold';
    color:#371f0e;
}
.fildariane li:hover .submenu {
    display:block;
}
.submenu {
    position:absolute;
    width:200px;
    padding:7px 5px 5px;
    background:#a5449a;
    z-index:99;
    display:none;
}
.submenu ul {
    border-top:1px solid #c98fc2;
    padding: 5px 0 5px 3px;
}
.submenu li {
    float:none !important;
    margin: 3px 0 3px 0 !important;
	padding:0 3px 2px 3px;
	border-bottom:1px dotted #fff;
}
.submenu li a {
    background:none !important;
    border:none !important;
    font-size:10px !important;
    font-family: 'Lato-Regular'!important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#ffffff;
}
.submenu li a:hover {
    color:#ffffff !important;
    font-family: 'Lato-Regular' !important;
    font-size:10px !important;
	background:rgba(255,255,255,0.2) !important;
}
.page-block .fildariane li a {
    border-bottom:1px solid #ffffff;
    background:url(../images/icons/bottom-fildarian-white.png) no-repeat right;
}
.page-block .fildariane, .page-block .fildariane li span, .page-block .fildariane li a {
    color:#ffffff;
}
.page-block .fildariane a:hover {
    color:#886767;
    border-bottom:1px solid #886767;
}
.block-actualites .blockinner h4 {
    margin: 0 0 5px;
}
.blockinner .date {
    display:block;
    font-size:12px;
    font-family:'roboto_condensedbold';
    color:#371f0e;
    text-align:center;
}
.videos .date, .videos .lire-article {
    color:#fd4497;
}
.agenda .date, .agenda .lire-article {
    color:#d76025;
}
.reseaux .date, .reseaux .lire-article {
    color:#5faad9;
}
.actualites .date, .actualites .lire-article {
    color:#97bf0d;
}
.block-actualites .lire-article {
    float:right;
    margin:5px 0;
    font-size:12px;
    text-decoration:underline;
}
.block-actualites .lire-article:hover {
    color:#371f0e;
}
.block-actualites .card-container {
    margin-bottom: 15px;
}
.sort-blocks {
    background: #fff;
    margin:30px 10px 10px;
    position:relative;
}
.sort-blocks .filters {
    margin: 5px 0 10px 10px;
}
.innert-sortbox {
    background: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
    margin:-10px 0 0;
    padding:0;
    height: 20px;
}
.block-tri {
    float:right;
}
.switch-block {
    float:left;
    margin: 0 0 -5px;
    padding: 7px 0 17px 10px;
    border-left: 1px solid #c6c4c4;
}
.tri-actus {
    border-left: 1px solid #c6c4c4;
    margin: 0 0 -5px;
    padding: 15px 10px 10px;
    float:left;
    font-family: 'Lato-Bold';
    font-size:14px;
}
.tri-actus > span {
    display:inline-block;
    margin:2px 5px 0 0;
    float:left;
}
.styled-select {
    width: 43px;
    height: 25px;
	padding-right:15px;
    overflow: hidden;
    background: #ffffff url(../images/icons/bottom-fildarian.png) no-repeat right;
    display:inline-block;
}
.styled-select select {
    background: transparent;
    width: 64px;
    padding: 0 2px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    cursor:pointer;
    height: 25px;
    -webkit-appearance: none;
}
.sort-blocks .filters li.all {
    background:#371f0e;
    color:#ffffff;
}
.lists {
    width:100% !important;
    float:none !important;
    clear:both;
}
.lists .date {
    text-align:left;
}
.block-actualites .card {
    padding:0 0 10px;
}
.lists .card {
    padding:0 !important;
    max-height: 150px;
}
.lists .card .images {
    max-height:150px;
    overflow:hidden;
}
.lists .card .images img {
    width:100%;
}
.lists .card .images {
    float:left;
    width:45%;
}
.lists .blockinner {
    background: #fff;
    border-radius: 0;
    margin: 0;
    padding: 20px 25px 0;
    position: relative;
    transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    float:left;
    width:55%;
}
.lists .boxinter {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    min-height:100px;
    padding: 0 0 0 85px;
}
.lists .infos-icon {
    position:static !important;
    float:left;
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    margin:20px 0 0;
}
.lists .blockinner h4 {
    text-align: left;
    margin: 0 0 5px;
}
.buttons-switch {
    overflow:hidden;
    margin:15px 5px 0 0;
    float:left;
}
.visueltxt {
    float:left;
    font-family: 'Lato-Bold';
    font-size:14px;
    margin:10px 5px 0 0;
    display:block;
}
.buttons-switch a {
    height:14px;
    display:block;
    float:left;
    margin:0 8px 0 0;
    padding:0 5px 0 0;
    overflow:hidden;
    text-indent:-99999px;
    width:33px;
}
.buttons-switch .grid {
    background:url(../images/icons/pictos-sort.png) no-repeat 0 0;
    border-right:1px solid #c6c4c4;
}
.buttons-switch .grid.active, .buttons-switch .grid:hover {
    background-position:  0 -19px;
}
.buttons-switch .list {
    background:url(../images/icons/pictos-sort.png) no-repeat -39px -19px;
    width:20px;
}
.buttons-switch .list.active, .buttons-switch .list:hover {
    background-position:  -39px 0;
}
.interne-page .container {
    max-width:1020px;
}
.interne-page .blockpage-top {
    background: #FFFFFF !important;
}
.interne-page .inner-blockpage {
    background: #FFFFFF !important;
}
.pagination {
    clear:both;
    overflow:hidden;
    margin:20px 10px 15px 0;
    text-align:right;
    display:block;
    border-radius:0;
}
.inner-pagintion {
    display:inline-block;
}
.pagination a {
    margin:0 5px 0 0;
    display:inline-block;
    color:#998577;
    font-family: 'Lato-Bold';
    float: left;
}
.pagination a:hover, .pagination a.current, .pagination span {
    text-decoration:none;
    color:#3d2616;
}
.pagination span {
    display:inline-table;
    margin:0 5px 0 0;
    float: left;
}
.pagination a.next-pg {
    background:url(../images/icons/next-icos-p.png) no-repeat -15px 7px;
    height:20px;
    width:15px;
    margin:0 3px 0 0;
}
.pagination a.next-pg:hover {
    background-position:-15px -48px;
}
.pagination a.prev-pg {
    background:url(../images/icons/next-icos-p.png) no-repeat 0 7px;
    height:20px;
    width:15px;
    margin:0 3px 0 0;
}
.pagination a.prev-pg:hover {
    background-position:0 -48px;
}
.pagination a.pages-suivant {
    background: url(../images/icons/next-pages.png) no-repeat -27px 4px;
    height:20px;
    width:15px;
    margin:0 3px 0 0;
}
.pagination a.pages-suivant:hover {
    background-position:-27px -69px;
}
.pagination a.pages-precedent {
    background: url(../images/icons/next-pages.png) no-repeat 0 4px;
    height:20px;
    width:15px;
    margin:0 3px 0 0;
}
.pagination a.pages-precedent:hover {
    background-position:0 -69px;
}
/* =Feuille de style
-------------------------------------------------------------- */
.page-block {
    background: url(../images/bg/bg-page-interne.png) no-repeat top;
    margin:-464px 0 0;
    padding:40px 15px 18px;
    overflow:hidden;
    clear: both;
    position:relative;
}
.inner-blockpage {
    background:#ffffff;
    margin:-20px 0 0;
    position:relative;
}
.blockpage-top {
    background:#ffffff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -1.5deg);
    transform: skew(0deg, -1.5deg);
    height:40px;
}
.block-actualites .blockpage-top {
    background: rgba(0, 0, 0, 0) url("../images/bg/bg-page.png") repeat scroll 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -1.5deg);
    transform: skew(0deg, -1.5deg);
    height:40px;
}
.block-actualites .inner-blockpage {
    background: rgba(0, 0, 0, 0) url("../images/bg/bg-page.png") repeat scroll 0 0;
    margin:-20px 0 0;
    position:relative;
}

.partages-social {
    float:right;
}
.partages-social .social-list {
    list-style: none;
    padding: 0;
    margin: 4px 0 10px 10px;
    text-align: center;
}
.partages-social .social-list li {
    margin: 5px 1px;
    display: inline-block;
}
.partages-social .social-list li a {
    font-size: 15px;
    color: #fff;
}
.partages-social .social-list li a:hover .social-icon {
    color: #000000;
}
.partages-social .social-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    vertical-align: middle;
    text-align: center;
}
.partages-social .social-icon .fa {
    line-height: inherit;
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
}
.partages-social .social-list li a:hover .social-icon.print, .partages-social .social-list li a:hover .social-icon.emailing, .partages-social .social-list li a:hover .social-icon.pdf {
    background-color:#e1e1e1 !important;
}
.social-icon.print {
    background: url(../images/icons/pictos-imprime.png) no-repeat 1px 0;
}
.social-icon.emailing {
    background:url(../images/icons/pictos-imprime.png) no-repeat -19px 0;
}
.social-icon.pdf {
    background:url(../images/icons/pictos-imprime.png) no-repeat -40px 0;
}
.social-icon.facebook {
    background:#3f5d93;
}
.social-icon.twitter {
    background:#2ca8da;
}
.social-icon.pinterest {
    background:#c42732;
}
.social-icon.linkedin {
    background:#4494c8;
}
.lefttboxs {
    -webkit-box-shadow: 8px 0 4px -5px #bdbdbd;
    -moz-box-shadow: 8px 0 4px -5px #bdbdbd;
    box-shadow: 8px 0 4px -5px #bdbdbd;
    padding-bottom:20px;
    margin-bottom:50px;
}
.rightboxs {
    margin:-15px 0 0;
}
.box-partages {
    margin:0 0 10px;
    padding:0;
    position:relative;
}
.partages-top {
    background:#371f0e;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    height:13px;
}
.partages-inner {
    margin:-6px 0 0 0;
    padding:0 14px 10px;
    background:#371f0e;
    overflow: hidden;
}
.partages-inner a {
    color: #ffffff !important;
}
.head-partage {
    overflow:hidden;
    padding:0 0 5px;
    margin:0 0 5px;
    border-bottom:1px solid #b4aba8;
}
.head-partage .btns {
    position:static;
    float:left;
    background:#ffffff;
    font-size:10px;
    color:#371f0e;
    margin:5px 0 2px;
    line-height: 18px;
    padding:0 5px;
}
.head-partage .btns:hover {
    background:#886767 !important;
    color:#ffffff !important;
}
.icos-partage {
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 0 0;
    height:20px;
    width:20px;
    line-height:17px;
    text-align:center;
    float:right;
}
.box-partages .icos-partage img {
    max-width:14px;
    height:auto;
	cursor:auto;
}
.shadaw-in {
    background:url(../images/icons/shadow-partage.png) center no-repeat;
    height:8px;
}
.boxImg {
    overflow:hidden;
    margin: 10px 0;
    text-align:center;
}
.boxImg img {
    height: auto;
}
.boxVideo {
    overflow:hidden;
    margin: 10px 0;
    width:186px;
    height:105px;
}
.boxVideo iframe {
    width:186px !important;
    height:105px !important;
}
.box-partages h4.big_title {
    color: #371f0e;
    font-family: "roboto_condensedbold";
    font-size: 15px;
    margin: 10px 0 4px;
    text-align: left;
	line-height:1.05;
}
.box-partages h1, .box-partages h2, .box-partages h3, .box-partages h4, .box-partages h5, .box-partages h6 {
	color:#371f0e !important;
}
.box-partages h1{
	font-size:14px;
}
.box-partages h2{
	font-size:13px;
	border-bottom:1px dashed #371f0e;
}
.box-partages h3{
	font-size:12px;
}
.box-partages h4, .box-partages h5, .box-partages h6{
	font-size:12px;
}
.box-partages p {
    color: #371f0e;
    font-family: "Lato-Regular";
    font-size: 11px;
    line-height: 15px;
    margin: 0 0 10px;
}
.box-partages p a{
	color: #fff;
	font-weight:bold;
	text-decoration:underline;
}
.box-partages p a:hover{
	text-decoration:none;
	color: #eee;
}
.box-partages.librebox a{
	color: #fff;
	font-weight:bold;
	text-decoration:underline;
}
.box-partages.librebox a:hover{
	color: #eee;
	text-decoration:none;
}
.box-partages .resp-tab-content a{
	color: #428bca;
	text-decoration:none;
	font-weight:normal;
}
.box-partages .resp-tab-content a:hover{
	color:#2a6496;
	text-decoration:underline;
}
.onglet-box .resp-tab-content a:hover{
	color:#2a6496;
	text-decoration:underline;
}
.onglet-box .resp-tab-content .bloc-violet a{
	font-weight:bold;
	text-decoration:underline;
}
.onglet-box .resp-tab-content .bloc-violet a:hover{
	color:#eee;
	text-decoration:none;
}

.box-partages .bloc-violet a{
	color: #fff;
}
.box-partages .bloc-violet a:hover{
	color: #eee;
}
.librebox{
	color:#ffffff;
}
.librebox h4 {
    color:#ffffff !important;
}
.librebox .onglet-box h4 {
	color: #371f0e !important;
}
.librebox p, .librebox .r-more {
    color:#ffffff;
}
.librebox .onglet-box p{
	color: #371f0e;
}
.box-partages.actus .partages-inner, .box-partages.actus .partages-top {
    background:#0dbba4;
}
.box-partages.actus .head-partage {
    border-color:#0cb09a;
}
.box-partages.viedo .partages-inner, .box-partages.viedo .partages-top {
    background:#fd4497;
}
.box-partages.viedo .head-partage {
    border-color:#e13c86;
}
.box-partages.reseaux .partages-inner, .box-partages.reseaux .partages-top {
    background:#11caff;
}
.box-partages.reseaux .head-partage {
    border-color:#0fb3e2;
}
.box-partages.reseaux p {
    font-size:11px;
    font-family: 'roboto_condensedregular';
}
.box-partages.formations .partages-inner, .box-partages.formations .partages-top {
    background:#6daf56;
}
.box-partages.formations .head-partage {
    border-color:#629e4e;
}
.r-more {
    color:#371f0e;
    text-decoration:underline;
    font-size:9px;
    float:right;
    margin: 0 0 5px;
}
.r-more:hover {
    text-decoration:none;
	color:#fff;
}
.suitetxt {
    display:inline-block;
    float:right;
    color: #371f0e;
    font-family: "Lato-Regular";
    font-size: 9px;
}
.suitetxt:hover {
    text-decoration:none;
    float:right;
    color: #ffffff;
}
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.accordion {
    overflow:hidden;
    background:#ffffff;
    margin:25px 0 15px;
}
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:18px 20px;
    display:inline-block;
    border-bottom:1px solid #d09ecb;
    background:rgba(165, 68, 154, .2);
    transition:all linear 0.15s;
    font-size:14px;
    color:#a5449a;
    font-family: 'roboto_condensedbold';
}
.accordion-section-title.active, .accordion-section-title:hover {
    background:#a5449a;
    text-decoration:none;
    color:#ffffff;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
/*----- Section Content -----*/
.accordion-section-content {
    padding:25px 20px 15px;
    display:none;
    border-bottom:1px solid #d09ecb;
}
.accordion-section-content p {
    line-height:18px;
    font-size:14px;
}
.videoBox {
    overflow:hidden;
    margin:20px 0;
}
.Titre-box {
    font-family: 'roboto_condensedbold';
    color:#a5449a;
    font-size:24px;
    display:block;
    margin:0 0 10px 20px;
    font-weight:normal;
}
.videoBox iframe {
    width:100%;
    height:410px;
}
.legende-titre {
    font-family: 'roboto_condenseditalic';
    color:#371f0e;
    font-size:12px;
    display:block;
    margin: 5px 0;
    font-weight:normal;
    text-align:right;
}
.legende-titre:hover {
    color:#a5449a;
}
.slider {
    position:relative;
    margin:10px 0;
    overflow:hidden;
    height:345px;
}
/* Styled page */

.list-doc a, .list-doc {
    font-size:11px;
    font-family: 'roboto_condensedregular';
	line-height:15px;
	color:#371f0e;
}
.librebox .list-doc a, .librebox .list-doc {
    font-size:11px;
    font-family: 'roboto_condensedregular';
	line-height:15px;
	color:#fff;
}
.contact-info {
    background:#432d25;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:10px;
    color:#fff;
    font-size:12px;
    font-family: 'roboto_condensedregular';
}
.box-partages p.field-contact{
	margin:0 0 5px 0;
	line-height:12px;
}
.contact-info a {
    color:#fff;
    text-decoration:underline;
    margin-top:5px;
    display: block;
}
.pad-7 {
    padding-left:7px;
    font-family: 'roboto_condensedregular';
}
.cndBold {
    font-family: 'roboto_condensedbold';
}
.cndItalic {
    font-family: 'roboto_condenseditalic';
    margin-bottom:5px;
}

h1.h1-main {
    margin-top:0px;
}
.date-modif {
    font-size:11px;
    color:rgba(165, 68, 154, 0.6);
    font-family: 'roboto_condensedregular';
    display:block;
	margin-bottom:10px;
}
.onglet-box {
    padding:15px 0 0;
    overflow:hidden;
}
.onglet-box li {
    padding:11px 0 0;
    color:#371f0e;
    font-size:15px;
    float:left;
    font-family: 'roboto_condensedregular';
    margin:0 1px 0 0;
}
.onglet-box li .top-onglet {
    background:#e9cce6;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
    height:13px;
    display:block;
}
.onglet-box li .inner-onglet {
    margin:-6px 0 0 0;
    padding:0 17px 3px;
    background:#e9cce6;
    overflow: hidden;
    display:block;
    text-align:center;
    position:relative;
}
.onglet1 {
    width:30%;
}
.onglet7 {
    width:21.7%;
}
.onglet-box a:hover .top-onglet, .onglet-box a:hover .inner-onglet, .onglet-box li.resp-tab-active .top-onglet, .onglet-box li.resp-tab-active .inner-onglet {
    color:#ffffff;
    background:#a5449a;
}
.onglet-box a:hover {
    text-decoration:none;
}
/*
h2.h2-standard {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-size:24px;
    border-bottom:1px dashed #b2a9aa;
    padding-bottom:7px;
}*/
.titre-actus.h2-standard {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-size:24px;
    border-bottom:1px dashed #b2a9aa;
    padding-bottom:7px;
	margin-bottom:10px;
}
/*
h3.h3-standard {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-size:20px;
}*/
.boxDiv {
    overflow:hidden;
    margin:10px 0;
}
.boxDiv .f-right {
    margin:0 10px;
}
/*
h4.h4-standard {
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    font-size:16px;
    margin:10px 0 7px;
}
h5.h5-standard {
    font-family: "roboto_condensedbold";
    color:#371f0e;
    font-size:17px;
}*/
.txt-violet {
    font-family: 'latoitalic';
    color:#a5449a;
    font-size:14px;
	font-weight:bold;
    background:url(../images/icons/testimonial_ico.png) 12px 3px no-repeat;
    padding-left:60px;
	min-height:35px;
    margin:15px 0;
}
p.roboto_italic {
    font-family: 'roboto_condenseditalic';
    font-size:14px;
    color:#371f0e;
    padding-bottom:7px;
	font-weight:bold;
}
.bloc-violet {
    background-color:#a5449a;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color:#fff;
    padding:15px 25px;
    margin:8px 0 8px 0;
}
.bloc-violet a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.bloc-violet a:hover{
	color:#eee;
	text-decoration:none;
}
.border-img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:4px solid #371f0e;
    margin:0 0 15px;
}
.block-txte {
    padding-left:0;
}
.block-txte h4 {
    margin-top:0;
}
ul.simple_list li {
    background:url(../images/icons/niv-0.png) 0 4px no-repeat;
    padding :0 0 0 22px;
    display:block;
}
ul.bis_list1 li, ul.bis_list2 li {
    background-image:url(../images/icons/niv-0-bis.png);
    background-repeat:no-repeat;
    background-position: 0 5px;
    padding :0 0 0 20px;
    display:block;
    margin-top:3px;
    float:none;
}
ul.bis_list1 li.no_icon, ul.bis_list2 li.no_icon {
	background:none;
}
ul.bis_list1 li ul li, ul.bis_list2 li ul li {
    margin-top:3px;
}

ul.bis_list1 li ul li {
    background-image:url(../images/icons/niv-1.png);
}
ul.bis_list2 li ul li {
    background-image:url(../images/icons/niv-1-bis.png);
}
ul.bis_list1 li ul li ul li, ul.bis_list2 li ul li ul li {
    background-image:url(../images/icons/lef-fildarian.png);
}
li.list-arrow {
    background: rgba(0, 0, 0, 0) url("../images/icons/niv-1.png") no-repeat scroll 0 5px;
    display: block;
    float: none;
    margin-top: 3px;
    padding: 0 0 0 22px;
}
li.list-disc {
    background: rgba(0, 0, 0, 0) url("../images/icons/niv-1-bis.png") no-repeat scroll 0 5px;
    display: block;
    float: none;
    margin-top: 3px;
    padding: 0 0 0 22px;
}
li.list-doublearrow {
    background: rgba(0, 0, 0, 0) url("../images/icons/lef-fildarian.png") no-repeat scroll 0 7px;
    display: block;
    float: none;
    margin-top: 4px;
    padding: 0 0 0 22px;
}
li.list-square {
    background: rgba(0, 0, 0, 0) url("../images/icons/niv-0-bis.png") no-repeat scroll 0 5px;
    display: block;
    float: none;
    margin-top: 3px;
    padding: 0 0 0 22px;
}
li.list-tiki {
    background: rgba(0, 0, 0, 0) url("../images/icons/niv-0.png") no-repeat scroll 0 5px;
    display: block;
    float: none;
    margin-top: 3px;
    padding: 0 0 0 22px;
}
/* =Détaild actus / Annuaire / Resulatats recherche
-------------------------------------------------------------- */
.page-block .simple-fild li a, .page-block .simple-fild li span {
    background: none !important;
    border-bottom: 1px solid #ffffff;
    font-family: 'roboto_condensedregular' !important;
    line-height: 15px;
}
.bleu {
    color:rgba(0, 103, 198, .6) !important;
}
.size12 {
    font-size:12px !important;
}
.lien-proced {
    color:rgba(0, 103, 198, .6) !important;
    font-size:11px;
    font-family: "roboto_condensedregular";
}
.titre-actus {
    font-size:14px;
    font-family: 'Lato-Bold';
    color:#371f0e;
    display:block;
    margin:20px 0 0;
}
.box-evenement {
    font-size:14px;
    font-family: 'Lato-Bold';
    color:#371f0e;
    display:block;
    line-height:18px;
    border-bottom: 1px dashed #b2a9aa;
    padding:0 0 13px;
    margin:0 0 15px;
}
.block-img-actus {
    overflow:hidden;
    padding:35px 0 15px;
    text-align:center;
}
.block-img-actus2 {
    overflow:hidden;
    padding:0 15px 15px 0;
    text-align:center;
	float:left;
	max-width:215px;
}
.block-img-actus2 img{
	height:auto;
	width:auto;
}
.block-img-actus img {
    height:auto;
}
.titre-img-actus {
    font-size:12px;
    display:block;
    margin:5px 0;
    font-family: 'roboto_condenseditalic';
    color:#371f0e;
    text-decoration:none;
}
.h1-vert {
    color:#97bf0d !important;
}
.box-resultat {
    border-bottom: 1px dashed #b2a9aa;
    color: #371f0e;
    display: block;
    font-size: 12px;
    margin: 0 0 8px;
    padding: 10px 0 18px;
}
.titre-result {
    background: rgba(0, 0, 0, 0) url("../images/icons/niv-0.png") no-repeat scroll 0 3px;
    display: block;
    padding: 0 0 0 16px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Lato-Bold';
}
.box-resultat a {
    color:#1a0dab;
    text-decoration:underline;
}
.box-resultat a:hover {
    text-decoration:none;
    color:#371f0e !important;
}
.box-resultat .email {
    color:#371f0e !important;
    text-decoration:none;
}
.box-resultat .email:hover {
    color:#1a0dab !important;
    text-decoration:underline;
}
.box-resultat.service {
    background: #E8F9EA;
}
.recherche-annuaire {
    overflow:hidden;
    padding:5px 0 20px;
    border-bottom: 1px dashed #b2a9aa;
}
.recherche-annuaire label {
    color:#3d2616;
    font-size:14px;
    display:inline-block;
    padding:0 10px 0 0;
    font-family: 'Lato-Bold';
    font-weight:normal;
}
.recherche-annuaire input[type='text'] {
    background:#dcdcdc;
    border:none;
    width:200px;
}
input[type='text'] {
    background:#dcdcdc;
    color:#000000;
    font-size:12px;
    height:30px;
    padding:0 15px;
    border:none;
}
.bouton-search {
    display: inline-block;
    padding: 0 20px;
    margin: 5px;
    line-height:28px;
    background-color: #97bf0d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight:normal;
    cursor: pointer;
    color: #ffffff;
    font-size: 11px;
    font-family: 'roboto_condensedbold';
    text-transform: uppercase;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    border:none;
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
}
.bouton-search:hover {
    background:#371f0e;
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
}
.bouton-context {
    display: inline-block;
    padding: 0 20px;
    margin: 5px;
    line-height:14px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight:normal;
    cursor: pointer;
    color: #371f0e;
    font-size: 11px;
    font-family: 'roboto_condensedbold';
    text-transform: uppercase;
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    border:none;
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
}
.bouton-context:hover {
    background:#0061ab;
    color: #ffffff;
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
}
.left-box-rech {
    float:left;
    padding:10px 0;
    display:block;
}
.servicesselect {
    border-left:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    margin: 0 12px 0;
    padding:10px 10px 10px 5px;
    float:left;
}
.servicesselect .styled-select {
    width: 250px;
}
.servicesselect .styled-select select {
    font-size: 14px;
    font-family: 'Lato-Bold';
    padding: 0 2px;
    width:auto;
}
.servicesselect .styled-select select option {
    display: block;
    padding: 3px;
}
.recherche-affiner {
    overflow:hidden;
    padding:20px 0;
    border-bottom: 1px dashed #b2a9aa;
}
.recherche-affiner input[type="text"] {
    background: #dcdcdc none repeat scroll 0 0;
    border: medium none;
    width: 400px;
    margin:7px 10px 0 0;
    float:left;
}
.btn-affiner {
    display:block;
    float:right;
    color:#97bf0d;
    font-size:12px;
    font-family: 'roboto_condensedregular';
    text-decoration:underline;
    margin: 10px;
}
.btn-affiner:hover {
    color:#371f0e;
    -webkit-transition: all 0.4s 0.2s;
    -moz-transition: all 0.4s 0.2s;
    -o-transition: all 0.4s 0.2s;
    transition: all 0.4s 0.2s;
}
.block-affiner {
    overflow:hidden;
    padding:10px 0;
    display:none;
}
.top-affiner {
    padding: 15px 0;
}
.top-affiner p {
    padding:5px 0 0;
    overflow:hidden
}
.txtleft {
    padding:10px 2px 0 0;
}
.rightinput {
    padding: 0;
}
.block-affiner input[type="text"] {
    margin-right: 0 !important;
    width: 100% !important;
}
.block-affiner label {
    color:#3d2616;
    font-size:14px;
    display:inline-block;
    padding:0 10px 0 0;
    font-family: 'Lato-Bold';
    font-weight:normal;
}
.bottom-affiner {
    overflow:hidden;
    padding:15px 0 25px;
    border-bottom: 1px dashed #b2a9aa;
}
.bottom-affiner .boxchoix {
    padding:0 10px 0 0;
}
.bottom-affiner .boxchoix:last-child, .bottom-affiner .boxchoix.last-child {
    padding: 0 !important;
}
.blockgris {
    background:#eeeeee;
    padding: 15px;
    min-height:210px;
    margin:0 0 10px;
}
.form-checkboxes label {
    cursor: pointer;
}
.blockgris .custom-label {
    cursor: pointer;
    display:  block;
    font-size: 14px;
    font-weight: normal;
    margin:3px 0;
}
.custom-radio, .custom-check {
    background: rgba(0, 0, 0, 0) url("../images/icons/customRadioCheck.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    margin: 0 3px 0 0;
    position: relative;
    top: -0.15em;
    vertical-align: middle;
    width: 22px;
}
.custom-check {
    height: 20px;
    width: 15px;
}
.custom-radio {
    background-position: 0 -24px;
    height: 23px;
    width: 21px;
}
.custom-check.focus {
    background-position: -25px 0;
}
.custom-radio.focus {
    background-position: -25px -20px;
}
.custom-check.checked {
    background-position: -47px 0;
}
.custom-radio.checked {
    background-position: -54px -23px;
}
.custom-check.checked.focus {
    background-position: -75px 0;
}
.custom-radio.checked.focus {
    background-position: -80px -23px;
}
.lienaffiner {
    text-align:right;
    margin:5px 0 0;
    overflow:hidden;
}
.titre-click {
    font-size:17px;
    color:#1a0dab;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none !important;
}
.type-cont {
    font-size:17px;
    color:#006621;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none !important;
}
.lefttboxs {
    min-height: 400px;
}
.Txtcour {
    color:#371f0e;
    font-size:14px;
    font-family: 'roboto_condenseditalic';
    overflow:hidden;
    padding:15px 0;
}
.Txtcour p {
    color:#371f0e;
    font-size:14px;
    font-family: 'roboto_condenseditalic';
    line-height:17px;
}
.img-left {
    float:left;
    margin:0 15px 5px 0;
}
.legendeImg {
    display:block;
    text-align:center;
    font-size:12px;
    padding:3px 0;
}
/* =Footer
-------------------------------------------------------------- */

footer {
    padding-top: 60px;
    padding-bottom: 20px;
    background-color: #371f0e;
}
footer .container {
    max-width: 990px !important;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    footer .container {
        max-width: 989px !important;
    }
}
.block-footer {
    background: #eeeeee url(../images/bg/bg-footer.png) no-repeat;
    overflow:hidden;
    padding:0 0 0 20px;
}
.inner-footer {
    padding:0 23px 25px 0;
    overflow:hidden;
}
.footer-bottom {
    background-color: #432d25;
    position:relative;
    margin: 0 0 35px;
}
.infos-upf {
    overflow:hidden;
    padding: 62px 0 10px 55px;
}
.infos-upf img {
    float:left;
}
.block-footer .img-upf {
    padding:7px 0;
    text-align:right;
    margin:0;
}
.infos-upf .text-info-upf {
    float:left;
    padding:0 0 0 45px;
    font-size:14px;
    font-family: 'Lato-Regular';
    color:#371f0e;
}
.infos-upf .text-info-upf p {
    font-size:14px;
    line-height:22px;
    margin:0;
}
.infos-upf .text-info-upf h4 {
    font-size:14px;
    font-family: 'Lato-Bold';
    margin:0 0 4px;
}
.separate {
    height:3px;
    background:#d9d9d9;
    border-bottom:1px solid #fbfbfb;
    border-top:1px solid #fbfbfb;
    margin:15px 0;
}
.inner-footer h3 {
    font-size:19px;
    font-family: 'roboto_condensedbold';
    color:#371f0e;
    margin:0 0 25px 25px;
}
.links {
    background:url(../images/icons/bg-footer-tr.png) repeat-y left;
    padding: 0 0 0 27px;
}
.links-inner {
    background:url(../images/icons/bg-footer-tr.png) repeat-y right;
    padding: 0 15px 10px 0;
}
.links li {
    margin:0 0 15px;
}
.links li a {
    background: url("../images/icons/picto-contact.png") no-repeat;
    color:#371f0e;
    font-size:12px;
    text-transform:uppercase;
    padding:0 0 0 32px;
    font-family: 'roboto_condensedbold';
}
.links li a:hover {
    text-decoration:none;
    color:#97bf0d;
}
.links li a.bienvenue {
    background-position: 0 -294px;
}
.links li:hover a.bienvenue {
    background-position: -1px -658px;
}
.links li a.formations {
    background-position: 0 -350px;
}
.links li:hover a.formations {
    background-position: -1px -714px;
}
.links li a.orientation-pro {
    background-position: 0 -402px;
}
.links li:hover a.orientation-pro {
    background-position: -1px -766px;
}
.links li a.recherche {
    background-position: 0 -447px;
}
.links li:hover a.recherche {
    background-position: -1px -811px;
}
.links li a.biblio {
    background-position: 0 -503px;
}
.links li:hover a.biblio {
    background-position: -1px -867px;
}
.links li a.vie-etud {
    background-position:0 -555px;
}
.links li:hover a.vie-etud {
    background-position: -1px -919px;
}
.links li a.international {
    background-position: 0 -608px;
}
.links li:hover a.international {
    background-position: -1px -972px;
}
.adress-box {
    padding: 0 10px 0 27px;
}
.contacts-list li {
    margin: 0 0 15px !important;
    color:#371f0e;
}
.contacts-list li i {
    color: #371f0e;
    display: block;
    font-size: 18px;
    height: 27px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    width: 25px;
}
.contacts-list li i.marker {
    background: url("../images/icons/picto-contact.png") no-repeat scroll 0 0;
}
.contacts-list li i.phone {
    background: url("../images/icons/picto-contact.png") no-repeat scroll 0 -98px;
}
.contacts-list li i.envelope {
    background: url("../images/icons/picto-contact.png") no-repeat scroll 0 -206px;
}
.contacts-list li span, .contacts-list li a {
    display: inline-block;
    margin: 0 0 0 26px;
    font-size:14px;
    font-family: 'Lato-Bold';
    color: #371f0e;
}
.maps {
    text-align:right;
    padding:0;
}
.maps .carte {
    border:1px solid #ffffff;
    display:inline-block;
    height:250px;
    overflow:hidden;
    width:100%;
}
.maps .carte iframe {
    width:100%;
    height:250px;
}
.navfooter {
    text-align:center;
    overflow:hidden;
    padding:30px 0;
	text-transform:uppercase;
}
.navfooter ul {
    display:inline-block;
}
.navfooter ul li {
    float: left;
    padding: 0 10px;
}
.navfooter ul li:first-child {
    border-left: medium none;
}
.navfooter ul li a {
    color: #ffffff;
    font-family: 'roboto_condensedbold';
    font-size:12px;
}
.navfooter ul li a:hover {
    color: #ffffff;
}
.Copyright {
    font-size:13px;
    color:#ffffff;
    text-align:center;
}
.closbox {
    display:none;
}
.toggle-menu {
    display:none;
}
.bar-toggle {
    background-color: #ffffff;
    display:inline-block;
    line-height:20px;
    padding:9px 10px;
	color:#888;
	font-size:19px;
}
.bar-toggle .icon-bar {
    background-color: #888;
}
.bar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 20px;
    margin:3px 0;
}
.navbar-toggle {
    border-radius: 0 !important;
}

/* =Media queries
-------------------------------------------------------------- */
@media (max-width: 1035px) {
    .topnav .navbar-nav > li {
        padding: 17px 0 10px;
    }
    .dropdown-top {
        width: 220%;
    }
	.dropdown-menus .titre-pictos-vu1, .dropdown-menus .titre-pictos-vu2 {
		margin:20px 0 15px;
		font-size: 14px;
	}
}
@media (max-width: 991px) {
    .dropdown-accdirect {
        border-top: 15px solid #97bf0d;
    }
    .dropdown-accdirect .titre-pictos-vu1, .dropdown-accdirect .titre-pictos-vu2, .dropdown-top .titre-pictos-vu1, .dropdown-top .titre-pictos-vu2 {
        margin: 15px 0 0;
    }
    .mega-menu-column {
        border-right: none;
        width:100% !important;
    }
    .dropdown-top .titre-pictos-vu1, .dropdown-top .titre-pictos-vu2 {
        color: #371f0e;
    }
    .img-upf {
        display:none;
    }
    .animated {
        -webkit-animation: none;
        animation: none;
    }
}
@media (max-width: 1024px) {
	.recherche-annuaire .servicesselect .styled-select{
		width:auto;
		padding-right:5px;
	}
	.recherche-annuaire .servicesselect .styled-select select {
		width:120%;
	}
	.toggle-menu {
        display:block;
        float:right;
        margin:20px 15px;
    }
	.topnav .navbar-nav > li:hover .dropdown-top {
		border-top: 0;
	}
    .navfixed {
        background:#f1f1f1;
        padding:5px 15px;
        position: fixed;
        top:0;
        height: 100%;
        width: 280px;
        z-index: 9999;
        font-size:12px;
        overflow-y:scroll;
        line-height:21px;
        -webkit-transition: all 0.4s 0.2s;
        -moz-transition: all 0.4s 0.2s;
        -o-transition: all 0.4s 0.2s;
        transition: all 0.4s 0.2s;
    }
    .navfixed {
        right:-400px;
    }
    .dropdown-top {
        width:280px !important;
        position:static;
    }
    .dropdown-top .box-accdirect {
        border-right: none;
        width:100% !important;
    }
    .navfixed.pocp_show {
        right:0;
    }
    .navbar-nav > li {
        float: none;
    }
    .left-nav {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
        float:none;
        margin:0;
		z-index:9999;
    }
    .right-nav {
        float:none;
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:  5px;
        display:inline-block;
        margin:15px 0;
    }
    .left-nav .nav {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
        float:none !important;
    }
    .navbar-header {
        float:none;
    }
    .topnav .navbar-nav > li {
        padding: 5px 8px;
    }
    .accedirect {
        float: none;
    }
    .closbox {
        text-align:center;
        overflow:hidden;
        display:block;
    }
    .closbox .closebtn, .closbox .close-acc {
        color:#FFFFFF;
        font-size:35px;
        line-height:27px;
        text-align:center;
        width:30px;
        height:30px;
        margin:10px 20px 15px;
        cursor:pointer;
        display:inline-block;
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
    }
    .closbox .close-acc {
        margin:5px 10px 10px;
    }
    .dropdown-accdirect {
        top:0;
    }
    .hidin {
        display:none !important;
    }
    .hiding {
        opacity: 0;
    }
    .visible {
        opacity: 1;
    }
    .search-box {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
}
@media (max-width: 767px) {
    #demo-switcher {
        display: none;
    }
    #navigation {
        float: none;
        background:#f1f1f1;
        position: relative;
        z-index: 9999;
    }
    .maps {
        text-align: center;
    }
    .adress-box {
        padding: 27px 0;
    }
    .partages-top {
        display: none;
    }
    .lefttboxs {
        box-shadow: none;
    }
    .tt-infos {
        margin: 0 0 0 15px;
    }
    .maps .carte {
        width: 100%;
    }
    .maps .carte {
        height: 250px;
        width: 100%;
    }
    .maps .carte iframe {
        width: 100%;
        height:250px;
    }
    .filters {
        margin: 0 10px 12px 10px;
    }
    .head-partage {
        margin: 5px 0;
    }
    .infos-upf {
        padding: 62px 0 10px 20px;
    }
    .contacts-list {
        padding: 10px 20px;
    }
    .boxImg iframe {
        width:100%;
        height:250px;
    }
    .box-accdirect {
        border-right:1px solid #8ba91c;
        font-size:12px;
        min-height:130px;
    }
}
@media (max-width: 780px) {
    .lists .card .images {
        float: none;
        width: 100%;
    }
    .lists .card {
        padding: 0 !important;
        max-height: 100%;
    }
    .lists .blockinner {
        float: none;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .blockinner {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
    .boxinter {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
    .mega-menu-column {
        min-height: 150px !important;
    }
    .tri-actus {
        border-left: none;
    }
    .dropdown-menus .titre-pictos-vu1, .dropdown-menus .titre-pictos-vu2 {
        margin:5px 0 15px;
        font-size: 14px;
    }
    .infos-icon {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }


    /*page resultats*/

    .recherche-affiner input[type="text"] {
        width: 360px;
    }
    .left-box-rech {
        float: none;
    }
    .recherche-annuaire input[type='text'] {
        width: 100%;
    }
    .servicesselect {
        border-left: none;
        border-right: none;
    }
    .lists .plusinfos {
        left: 50%;
        margin-top: -15px;
        top: 25%;
    }
    .maps {
        padding: 0 15px;
    }
	.tt-infos {
		clear:both;
		float:left;
		margin: 0 0 0 17px;
	}
	
}
@media (max-width: 640px) {
    .home-slider .slides > li h1 {
        font-size: 36px;
    }

    /*page resultats*/
    .bottom-affiner .boxchoix {
        padding: 0;
    }
    .lefttboxs {
        min-height: 150px;
    }
    .adress-box {
        padding: 20px 0 10px;
    }
    .contacts-list {
        padding: 10px 5px;
    }
    .maps {
        padding: 0 5px;
    }
}
@media (max-width: 555px) {
    .infos-upf .text-info-upf {
        float: left;
        padding: 20px 0;
        font-size: 14px;
        font-family: 'Lato-Regular';
        color: #371f0e;
    }

    /*page resultats*/
    .recherche-affiner input[type="text"] {
        width: 250px;
    }
    .partages-social, .partages-social .social-list {
        margin: 4px 0 10px 0;
        float:none;
    }
}
@media (max-width: 410px) {
    .newsletter form input.keywords {
        width: 235px;
    }
}
@media (max-width: 360px) {
    .home-slider .slides > li h1 {
        font-size: 30px;
    }
    .newsletter form input.keywords {
        width: 210px;
    }
    .fildariane li {
        /*float: none;*/
    }
    .navfooter ul li {
        float:none;
        width:100%;
        margin:10px 0;
        text-align:center;
    }
	#zone-infos {
		padding: 50px 0 0;
		margin-top:-250px;
	}
	.tt-infos {
		clear:both;
		float:none;
		text-align:center;
		display:block;
		margin: 0;
	}
	.social-list {
		float: none;
		margin: 10px auto;
		overflow: hidden;
		display:block;
	}
	.social-list li {
		float: none;
		display:inline-block;
		margin: 0;
		padding:0 2px;
	}

    /*page resultats*/
    .bouton-search {
        float: right;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .topnav .navbar-nav > li .dropdown-top {
        left: 50%;
        margin-left: -495px;
    }
}