@font-face {
    font-family: 'futuralc';
    src: url('../polices/futuralc.eot');
    src: url('../polices/futuralc.eot') format('embedded-opentype'),
         url('../polices/futuralc.woff2') format('woff2'),
         url('../polices/futuralc.woff') format('woff'),
         url('../polices/futuralc.ttf') format('truetype'),
         url('../polices/futuralc.svg#futuralc') format('svg');
}

@font-face {
    font-family: 'FuturaMdBTMedium';
    src: url('../polices/futuram.eot');
    src: url('../polices/futuram.eot') format('embedded-opentype'),
         url('../polices/futuram.woff2') format('woff2'),
         url('../polices/futuram.woff') format('woff'),
         url('../polices/futuram.ttf') format('truetype'),
         url('../polices/futuram.svg#FuturaMdBTMedium') format('svg');
}

@font-face {
    font-family: 'futuramc';
    src: url('../polices/futuramc.eot');
    src: url('../polices/futuramc.eot') format('embedded-opentype'),
         url('../polices/futuramc.woff2') format('woff2'),
         url('../polices/futuramc.woff') format('woff'),
         url('../polices/futuramc.ttf') format('truetype'),
         url('../polices/futuramc.svg#futuramc') format('svg');
}

@font-face {
    font-family: 'futuranormal';
    src: url('../polices/futuranormal.eot');
    src: url('../polices/futuranormal.eot') format('embedded-opentype'),
         url('../polices/futuranormal.woff2') format('woff2'),
         url('../polices/futuranormal.woff') format('woff'),
         url('../polices/futuranormal.ttf') format('truetype'),
         url('../polices/futuranormal.svg#futuranormal') format('svg');
}

@font-face {
    font-family: 'futuracndnorma';
    src: url('../polices/futuracndnorma.eot');
    src: url('../polices/futuracndnorma.eot') format('embedded-opentype'),
         url('../polices/futuracndnorma.woff2') format('woff2'),
         url('../polices/futuracndnorma.woff') format('woff'),
         url('../polices/futuracndnorma.ttf') format('truetype'),
         url('../polices/futuracndnorma.svg#futuracndnorma') format('svg');
}
@font-face {
    font-family: 'futuracndbold';
    src: url('../polices/futuracndbold.eot');
    src: url('../polices/futuracndbold.eot') format('embedded-opentype'),
         url('../polices/futuracndbold.woff2') format('woff2'),
         url('../polices/futuracndbold.woff') format('woff'),
         url('../polices/futuracndbold.ttf') format('truetype'),
         url('../polices/futuracndbold.svg#futuracndbold') format('svg');
}

@font-face {
    font-family: 'futuralightbt';
    src: url('../polices/futuralightbt.eot');
    src: url('../polices/futuralightbt.eot') format('embedded-opentype'),
         url('../polices/futuralightbt.woff2') format('woff2'),
         url('../polices/futuralightbt.woff') format('woff'),
         url('../polices/futuralightbt.ttf') format('truetype'),
         url('../polices/futuralightbt.svg#futuralightbt') format('svg');
}

HTML, BODY {
	height : 100%;
	color : #000;
	font : normal normal 16px 'futuralc', Arial, Sans-serif;
	border : 0;
	padding : 0;
	margin : 0;
        -webkit-font-smoothing: antialiased;
}

a{      color: #0093c1;
	outline: none !important;
	text-decoration:none !important;
	cursor:pointer;}


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

.fond_fixe{
    background-attachment: fixed !important;
}
b, strong {
    font-family: 'HelveticaNeueLtPro-MdCn';
    font-weight: normal !important;
}

body.loading{
    background: url("../img/loading.gif") no-repeat scroll center center #ffffff;
}

#page {
	float:left;
	margin:auto;
	min-height:100%;
	position:relative;
	width:100%;
	background-color:#fff;
}

#conteneur {
	width:100%;
	position : relative;
	padding-bottom : 10px;
	height: 100%;
	float:none;
	margin:auto;
}

#entete {
	background:url("../img/bg-entete.png");
	height:208px;
	width:100%;
	float:left;
}
#entete.fixed #bloc-entete{
	display:none;
}

#entete.fixed {
    height: 78px;
    padding: 0;
    position: fixed;
    z-index: 100;
    top:0;
}

#bloc-entete{
	float:left;
	width:100%;
	height:130px;
	background-color:#fff;
	padding:0 25px 0 18px;
}
/*.menu-3{ display:none !important; }*/

#bloc-entete h1{
	display:block;
	float:left;
	width:30%;
	height:130px;
}

#bloc-entete h1 img{
	display:block;
	margin-top:29px;
}

#navigation {
	width : 100%;
	height: 78px;
	float : left;
	position:relative;
}

#resumer img{
	display:block;
	margin:auto;
}

.actualitee p, .ressources p{
    color: #2e2f2f;
    display: block;
    float: left;
    font-family: "HelveticaNeueLtPro-LtCn","futuralc";
    font-size: 15px;
    margin-bottom: 20px;
    text-align: justify;
}

.titre-actu2 small{
	color:#0093c1 !important;
	text-transform:lowercase !important;
	font-size:15px;
	font-family: 'futuralc';
}
.titre-ressource{border-bottom:0 !important;}

.titre-actu2, .titre-ressource{
	display:block;
	float:left;
	width:100%;
	color:#0093c1;
	text-transform:uppercase;
	font-size:27px;
        line-height: 27px;
	font-family: "HelveticaNeueLtPro-MdCn","futuracndbold";
	border-bottom:1px solid #0093c1;
	padding-bottom:15px;
	padding-top:15px;
}

#actualitee, #actualitee li{
	display:block;
	float:left;
	width:100%;
}

#actualitee li{
	color:#fff;
	font-family: 'futuralc';
	font-size:20px;
}

.recherche{
	background-color: #7c8e15;
	text-align:center;
	width:100px;
	height:25px;
	line-height:25px;
	font-family: 'futuralc';
	font-size:19px;
	border:0;
	text-transform:capitalize;
	color:#fff;
	transition:all 0.8s ease 0s
}

.recherche:hover{
	background-color:#1497bd;
}

#rform{display:inline-block; vertical-align:middle; width: 100%;}
#actualitee li a{
/*	background: url("../img/plus.png") no-repeat 97% 50% #B9C575;*/
        background: none no-repeat scroll 97% 50% #b9c575;
	padding-left:10px;
	color:#fff;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	font-size:19px;
	text-transform:capitalize;
	margin-top:15px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	float:left;
	text-decoration:none;
	width:100%;
}

#recherche-avancee{
	float:left;
	width:100%;
	background-color:#b9c575;
	padding: 15px 10px;
	margin-bottom: 35px;}

#twetterr{
	float:left;
	width:100%;
	margin-top:20px;
	background-color:#fff;
	padding:10px}

#twitte{
	display:block;
	float:left;
	width:100%;
	height:auto;
}

#twitte >li p{
	display:block;
	float:left;
	width:100%;
	margin-bottom:5px;
}

#twitte >li p em{
	display:block;
	float:left;
	width:50%;
	font-family:arial;
	font-size:13px;
	color:#0093c1;
	background:url("../img/twitter-logo.png") no-repeat 5% 50%;
	padding-left: 30px;
}

#twitte >li ul{
	display:block;
	float:left;
	width:100%;
	text-align:right;
}

#twitte >li ul li{
	display:inline-block;
	float:none;
	width: auto;
}

#twitte >li p span{
	display:block;
	float:left;
	width:50%;
	text-align:right;
	font-family:arial;
	font-size:13px;
	color:#0093c1;
}

#twitte >li{
	display:block;
	float:left;
	width:100%;
	border-bottom:1px solid #dbdbdb;
	margin-bottom:15px;
	padding-bottom:10px;
}

#twitte >li:last-child{
	border-bottom:0;
}

#actualitee{margin-bottom:15px;}

#twetterr h2{
	float:left;
	width:100%;
	margin-top:20px;
	display:block;
	text-transform:uppercase;
	font-size:19px;
	color:#0093c1;
	font-family: 'futuracndbold';
	border-bottom:2px solid #0093c1;
	padding-bottom:15px;
	margin-bottom:10px;}

#actualitee li.ouvert a{
	background:url("../img/moin.png") no-repeat 97% 50% #b9c575;
	color:#0093c1;
}

#actualitee li.ouvert .corps-actualitee{
	display:block;
	background:#fff
}

.corps-actualitee{
	display:block;
	float:left;
	width:100%;
	padding-top:15px;
	background:#fff
}

.corps-actualitee li{
	display:block;
	float:left;
	width:100%;
	margin-bottom:30px;
	background:#fff
}
table, tr{width:100%}

.bg{background-color:#eef8fa}

.corps-t{padding:15px 0;}
.corps-t > tbody{ width: 100%; }

td img{
    display: block;
    height: auto;
    max-width: 100%;
}
.contenut, .contenut tr, #contenutt tbody  tr >td{ vertical-align: top; }

.contenut td{
    font-family: "HelveticaNeueLtPro-LtCn","futuralc";
    font-size: 14px;
    text-align: left !important;
}

#contenutt td.cel_vignette{width:10%; padding-left: 0;}

.contenut td:last-child{width:90%;}

.corps-t td{        
	width:20%;
	color:#4b4a4a;
	font-family: "HelveticaNeueLtPro-LtCn","futuralc"; font-size:14px;
	text-align:left;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
}
th{
	width:20%;
	color:#4b4a4a;
	font-size:19px;
	text-transform:capitalize;
	font-family: 'futuralc';
	height:30px;
	line-height:30px;
        text-indent: 10px;
}
#contenutt th:first-child{ width: 72%; }
th:first-child, .corps-t td:first-child{ width: 72%; }

#ariane{
	float:left;
	width:100%;
	height:20px;
	line-height:20px;
	margin-top:20px;
	margin-bottom:23px;
}

#ariane a{
	color:#414141;
	text-decoration:none;
	background:url("../img/img-ariane.gif") no-repeat 95% 55%;
	padding-right:15px;
}

#ariane span{
	color:#798535;
}

#ariane span, #ariane a{
	font-family: "HelveticaNeueLtPro-LtCn","futuralc";
	font-size:14.5px;
	text-transform:capitalize;
}

.corps-actualitee li h2, .corps-actualitee li p {
	display:block;
	float:left;
	width:100%;
	font-family: 'futuralc';
	font-size:19px;
}

.corps-actualitee li h2{
	color:#0093c1;
}

.corps-actualitee li p {
	color:#2e2f2f;
}
.nav > li > a { z-index: 102; }
.menu1{
	width : 100%;
	height: 78px;
	line-height:78px;
	text-align:center;
}

.menu1 li:hover .ss_menue, .menu1 li:hover .ss_menu{
/*        display: block;
        z-index: 100 !important;
        height: auto !important;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;*/
}

.ss_menue li >ul >li:hover a, .ss_menu li:hover a{ color:#b3bb65; }

.ss_menu{
	background:url("../img/fond_nav.png")repeat;
        left:0;
        max-width: 600px;
        padding-left: 0;
        padding-bottom: 10px;
        position: absolute;
        width:212px; /*100%;*/
	float:left;
	padding-top:0;
}
.menu-4 .ss_menu{ width:240px; }
.menu-6 .ss_menu{ width:136px; }

#article2{position:relative;float:left;}

.ss_menue{
    background: none repeat scroll 0 0 #0083ad;
    left: -216px;
    max-width: 1024px;
    padding-left: 9px;
    padding-bottom: 15px;
    position: absolute;
    width: 1024px;
    float:left;
    padding-top:15px;
}
.ss_menue,.ss_menu{
    display:none;
    top: 100%;
    z-index: 1001 !important;
}
#rform .btn, #rform .bootstrap-select.btn-group .dropdown-menu li a{ 
    color: #4b4a4a !important;
    font-family: "HelveticaNeueLtPro-LtCn","futuralc" !important;
    font-size: 15px;
}
#rform .btn{ min-height: 30px; }
#rform .btn .filter-option{ padding-top: 3px; }
#rform input.text{
    font-family: "HelveticaNeueLtPro-LtCn","futuralc" !important;
    color: #4b4a4a !important;
    font-size: 15px;
    text-indent: 5px;
}
.ss_menue>li{
	display: block !important;
        float: left !important;
        height: auto !important;
        max-width: 130px;
	width:auto;
	margin-right: 15px;
}
.ss_menue > li > ul{
	display:block;
	float:left;
	width:100%;
	height:auto;
	border-right:1px solid #0193c2;
}

.ss_menue > li:last-child> ul{
	border-right:0;
}

.ss_menue > li:first-child> ul{

}
.ss_menue >li >ul >li , .ss_menu li{
	display:block;
	float:left !important;
	width:100%;
	height:auto;
	text-align:left;
	line-height: 30px;
        position: relative;
        left: 0; 
        top: 0;
}
.navbar-nav > li .ss_menu .ss_menu2 , .navbar-nav > li .ss_menu .ss_menu3 {
    display: none;
    left: 100%;
    padding-top: 10px;
    top: -10px;
    position: absolute; 
    background: none repeat scroll 0 0 #0083ad;
    min-width: 170px;
    z-index: 1001;
}
.navbar-nav > li .ss_menu .ss_menu2 li a{font-family: "HelveticaNeueLtPro-LtCn","futuramc";}
.navbar-nav > li .ss_menu li:hover .ss_menu2, .navbar-nav > li .ss_menu li a:hover + .ss_menu2{ display: block; }

.navbar-nav > li .ss_menu2 li:hover .ss_menu3, .navbar-nav > li .ss_menu2 li a:hover + .ss_menu3{ display: block; }

.navbar-nav > li .ss_menu .ss_menu3 { }
.ss_menue >li >ul >li>a,.ss_menu  li a{
	color:#ffffff;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	font-size: 14px;
	display: block;
        padding: 10px 12px 5px;
        line-height: 18px;
}
.navbar-default .navbar-nav > li{ padding: 0; }
.navbar-default .navbar-nav > li > a{ padding: 27px 23px 28px 7px; max-height: 77px; min-height: 77px; }

.ss_menue > li > ul > li > a:hover, .ss_menu li a:hover, .ss_menu li:hover > a{ background-color: #0093c1; color: #ffffff; }

.ss_menue li h2{
	display:block;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:5px;
        padding-left: 12px;
	text-transform:uppercase;
	color: #ffffff;
	font-family: "HelveticaNeueLtPro-MdCn","futuralc";
	font-size:19px;
}

.titree{
	display:block;
	float:left;
	width:100%;
	color:#0093c1;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	margin-bottom:20px;
	font-size:21px;
	text-transform:uppercase;
}

#col_droite{
	width:30%;
	float:right;
	max-width:307px;
	margin-left:20px;
}

#col_droite .titree{ margin-bottom: 15px; }

#col_droite1{
	width:100%;
	float:left;
	max-width:307px;
	background-color:#fff;
	padding:10px;
}

#col_droite ul{
	display:block;
	float:left;
	width:100%;
	height:auto;
}

#col_droite ul li, #col_droite ul span, #col_droite ul p{
	display:block;
	float:left;
	width:100%;
	height:auto;
}
#col_droite ul#p1{ overflow: hidden; }

#video{
	padding-left:0 !important;
}

#video img{
	display:block;
	margin:auto;
}

#col_droite1 ul li{
	padding-bottom:10px;
        /*padding-left:15px;*/
	border-bottom:1px dashed #dbdbdb;
	margin-bottom:7px;
}
#col_droite1 ul li#video li{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

#col_droite ul li h3{
	color:#0093c1;
	font-size: 21px;
        margin-bottom: 12px;
	text-transform:uppercase;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
}

#col_droite1 ul li#video iframe{ max-width: 100%; max-height: 198px; }

#col_droite ul span{
	color:#0093c1;
	font-family: 'HelveticaNeueLtPro-LtCn','futuralc';
}

#col_droite ul p{
	color:#2e2f2f;
	font-family: 'HelveticaNeueLtPro-LtCn','futuralc';
        line-height: 19px;
}

#col_droite ul p, #col_droite ul span{ font-size:15px; }

#milieu{
	float:left;
	width:100%;
	margin-bottom:25px;
}

#milieu-article{
	background: url("../img/fond_corps.png") repeat-y 0 0;
	float:left;
	width:100%;
}

.menu1>li{
	display:inline-block;
	float:none;
	padding-bottom:27px;
	padding-top:28px;
}

.navbar-nav > li:first-child a{padding-left: 3px !important; padding-right: 23px;}
.menu1 >li>a{
	text-decoration:none;
	font-family: "HelveticaNeueLtPro-MdCn","futuracndbold";
	text-transform:uppercase;
	color:#fff !important
}

.off-ss>a{
	background:url("../img/flech.png")no-repeat 95% 45%;
}

.menu1 >li:hover{
	background:#0083ad;
}

#email{
	border:0;
	width:85% !important;
	color:#6e6e6e;
	font-size:14px;
	background-color:#eeeeee;
	font-family: 'FuturaMdBTMedium';
	}

.editer_email{
	display:block;
	float:left;
	width:100%;
	border:0 !important;
	padding:5px !important;
	position:relative;
	background-color:#eeeeee;
}

.desabo label{
    color: #2e2f2f !important;
    float: right !important;
    font-family: arial;
    font-size: 11px;
    margin-right: 0;
    text-decoration: underline;
    width: 100%;
}
#col_droite .desabo label{ text-align: right; }

.info{
	background-color:#eeeeee;
	padding:10px !important;
}

.info h2{
	color:#616161;
	text-transform:uppercase;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	font-size:17px;
	margin-bottom:15px;
}

#p1{
	background:url("../img/p1.png")no-repeat 90% 80% #eeeeee;
	margin-bottom:15px;
}

#p2{
	background:url("../img/p2.png")no-repeat 90% 80% #eeeeee;
}

.info li{
	border-bottom:0 !important;
	background:url("../img/puce2.png")no-repeat 0% 50%;
	padding-bottom:0 !important;
	color:#5a5a5a;
	font-size:12px;
        padding-left: 15px;
}

.info li A{
    color: #2a2a2a;
    font-family: 'HelveticaNeueLtPro-LtCn','futuralc';
    font-size: 14px;
}
.info li A:hover{ color: #0093c1; }


.desabo label input{
    left: 0;
    margin-right: 5px !important;
    margin-top: 0 !important;
    position: relative;
    top: 2px;
}

.desabo{
	float:right !important;
	margin:0 !important;
}

.editer_email input+input{
	display:block;
	float:left;
	border-left:1px solid #18a8c2 !important;
	width:15% !important;
	background-image: url("../img/loupe.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #eeeeee !important;
}

#corps{
	float:left;
	width:100%;
	height:auto;
        background-attachment: fixed;
	background-image:url("../img/fond1.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
        padding-bottom: 20px;
}

#col_gauche , #col-gauchee{
	width : 68%;
	height: auto;
	float : left;
}

#col-gauchee.ressources{ height: auto !important; }

#col-gauchee{
	background-color:#fff;
	padding-left:38px;
	padding-right:15px;
        padding-bottom: 15px;
}

#datee{
	display:block;
	float:left;
	width:100%;
	color:#b9c575;
	font-size:12px;
	font-family: 'futuralightbt';
	margin-bottom:11px;
}

#page-suiv h2{
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding-left: 15px;
	background:url("../img/fleche-suiv.png") no-repeat;
	height:32px;
	line-height:25px;
	color:#fff;
	font-family: 'futuralc';
	font-size:20px;
}

#chapo{
	display:block;
	float:left;
	width:100%;
	color:#1f2020;
	font-size: 15px; /*20px*/
	font-family: 'HelveticaNeueLtPro-MdCn','futuralc';
	margin-top:15px;
        margin-bottom: 30px;
	text-align:justify;
	border-left:5px solid #B9C575;
	padding-left:5px;
}

#articlee{
	float:left;
	width:100%;
	height:auto;
	margin-top:0;
	font-family: 'HelveticaNeueLtPro-LtCn','futuralc';
	padding-bottom:50px;
}

#page-suiv{
	float:left;
	width:100%;
	height:auto;
	background-color:#fff;
	margin-top:0;
}

#page-suiv ul, UL.spip{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:7px;
	padding-top: 10px;
}
#page-suiv ul{ padding-left: 22px; }
UL.spip{ padding-left: 9px; }

#page-suiv ul li, UL.spip LI{
	padding-left:30px;
	display:block;
	float:left;
	width:100%;
	margin-bottom:5px;
	background:url("../img/point-suiv.gif") no-repeat 0% 3px}

#page-suiv ul li span, #page-suiv ul li a{
	display:block;
	float:left;
	width:100%;
	text-align:left;
	text-decoration:none;
	font-family: 'futuralc';
}

#page-suiv ul li span{
	color:#787676;
	font-size:13px;
}

#page-suiv ul li:hover span{
	color:#b0bd65;
}

#page-suiv ul li a{
	color:#686868;
	font-size:18px;
}

/*#page-suiv ul li:first-child{
	border-right:1px solid #e9e9e9;
}*/

#articlee p{
	float:left;
	width:100%;
	height:auto;
	color:#2e2f2f;
	font-size: 15px;
	text-align:justify;
	margin-bottom: 15px;
}

#articlee p:last-child{
	margin-bottom:0px;
}

#resumer{
	display:block;
	float:left;
	width:100%;
	color:#0093c1;
	font-size:19px;
	font-family: 'futuralc';
	margin:30px 0;
	text-transform:uppercase;
}

#avantages{
	display:block;
	float:left;
	width:100%;
	background-color:#fff;
	padding: 23px 15px 25px 0;
}

#avantages li{
    display: block;
    float: left;
    margin-left: 5%;
    max-width: 190px;
    min-height: 220px;/*376px;*/
    position: relative;
    width: 28%;
}

#avantages li h2{
    color: #525353;
    display: block;
    float: none;
    font-family: "HelveticaNeueLtPro-MdCn","FuturaMdBTMedium";
    font-size: 24px;
    margin-bottom: 18px;
    margin-left: auto;
    min-height: 160px;
    text-align: center;
    width: 100%;
}

#avantages li a{
    
}
#avantages li a.en_sav_plus{
    background-color: #B9C575;
    bottom: 0;
    color: #fff;
    display: block;
    float: left;
    font-family: "HelveticaNeueLtPro-MdCn","FuturaMdBTMedium";
    font-size: 22px;
    height: 35px;
    padding: 5px 10px 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    width: 100%;
}

#avantages li:hover a{
	background-color:#00aac5;
}

#actus{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:15px;
}

#gauche-actu, #droite-actu{
	float:left;
	height:auto;
}

#carte1, #carte2, .base-carto{
	float:left;
	width:100%;
	height:auto;}
.base-carto{margin-bottom:15px;}
.libelle-carte{
	float:left;
	width:100%;
	background-color:#B9C575;
	padding-left:15px;
}

.libelle-carte h3, .libelle-carte span{
	float:left;
	width:50%;
	color:#fff;
	text-transform:uppercase;
	padding:13px 0 9px 0;
}

.libelle-carte span{
	font-size:14px;
	font-family:arial;
	text-align:center;
}

.libelle-carte h3{
	/*border-right:1px solid #fff;*/
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	font-size:21px;
}

.libelle-carte h2{
	padding:10px 0 10px 0;
	float:left;
	width:100%;
	background-color:#B9C575;
	color:#fff;
	text-transform:uppercase;
	font-size:21px;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
}

#carte1{
	background-color:#fff;}
#carte1 #flash1{}

#carte1 img, #carte2 img{
	display:block;
	margin:auto;}


#carte2{
	background-color:#ccd4c7;}

#gauche-actu{
	width:40%;
	margin-right:18px;
}

#droite-actu{
	width:57%;
	background-color:#fff;
	position:relative;
	padding-bottom:6px;
        height: 544px; /*505px;*/
}
#droite-actu a.image_texte{ /*display: block; float: left;*/ }
#droite-actu a.image_texte img.spip_logos {
    left: 50%;
    margin: 0 auto 0 -186px;
    position: relative;
    top: 0;
}
.page-accueil #droite-actu a.image_texte img.spip_logos{display: none}

#droite-actu ul.slides{ float: left; }

.flexslider3{
	display:block;
	float:left;
	width:100%;
}

.flexslider3 .flex-direction-nav, .flexslider3 ol{
	display:none !important;
}

#droite-actu>img{
	display:block;
	margin:auto;
}

#corps-actu{
	float:left;
	width:100%;
	height:auto;
	padding:20px 9px 11px 14px
}

#corps-actu h3{
	display:block;
	float:left;
	width:100%;
	text-transform:uppercase;
	color:#0093c1;
	font-family: "HelveticaNeueLtPro-MdCn","FuturaMdBTMedium";
	font-size:16px;
        line-height: 20px;
	margin-bottom:10px;
}

#corps-actu p{
	display:block;
	float:left;
	width:100%;
	color:#2e2f2f;
	font-family: "HelveticaNeueLtPro-LtCn","futuralc";
	font-size: 16px;
	text-align:justify;
	margin-bottom:11px;
}

#corps-actu a{
	display:block;
	float:left;
	width:100%;
	margin-bottom:18px;
}

.lire_l_article{}

#libelle-actu{
	float:left;
	width:100%;
	padding:0 13px 0 18px;
	background-color:#0093c1;
	margin-bottom:8px;
}

#libelle-actu h2{
	display:block;
	float:left;
	width:230px;
	padding:11px 0 9px;
	text-transform:uppercase;
	color:#fff;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	font-size:24px;
}

#libelle-actu a{
	background: url("../img/fleche-actus.png") no-repeat scroll 6px 50% transparent;
        color: #fff;
        display: block;
        float: right;
        font-family: arial;
        font-size: 12px;
        padding: 15px 0 14px 25px;
        text-align: right;
        text-decoration: underline;
        white-space: nowrap;
        width: 135px;
}
.en #libelle-actu a{ width: auto; }

#avantages li p{
	display:none;/*block;*/
	float:left;
	width:100%;
	color:#525353;
	font-size: 16px; /*14px;*/
	font-family: "HelveticaNeueLtPro-LtCn","futuralc";
	text-align:justify;
	margin-bottom:22px;
}

#img-couleur{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	position:relative;
	height:100px;
}

#col-gauchee ul, #col-gauchee ul li{
	display:block;
	float:left;
	width:100%;
}
#col-gauchee ul.opportunites li{ padding-bottom: 0; }
#col-gauchee ul.spip li{background-position: 0 3px; font-size: 15px; margin-top: 0;}
#col-gauchee ul li{background-position: 0 6px;}

#col-gauchee ul#liste_docs li{
	background-color: #d4edf5;
	padding: 10px 8px 15px;
	position:relative; 
	left: 0;
	top: 0;
	height: 245px;
	overflow: hidden;
}
#col-gauchee ul#liste_docs li h3{
	padding: 0 10px;
	background-color: #0092c1;
	color: #ffffff;
	font: 13px/60px Helvetica,arial;
	margin-bottom: 10px;
	height: 60px;
}
#col-gauchee ul#liste_docs li h3 span{ vertical-align: middle; display:inline-block; line-height: 17px;}
#col-gauchee ul#liste_docs li:nth-child(3n+1){
	margin-left: 0;
}
#col-gauchee ul#liste_docs li a.charger{
	position: absolute;
	left: 0;
	bottom: -100%;
	padding: 10px;
	background: url("../img/picto_charger.gif") 80% center no-repeat #0092c1;
	color: #ffffff;
	text-align: center;
	width: 100%;
	transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
}
#col-gauchee ul#liste_docs li:hover a.charger{ bottom: 0; }

.flexslider2{float:left; width:63%; position:relative;}

.flexslider2 .flex-direction-nav{
	float:left;
	position:absolute;
	border:0 !important;
	right: 0;
	top: 85px;
	width: 100% !important;
}
#nav1 .flex-direction-nav{
	display:none
}

.flexslider2 .flex-direction-nav li{
	border:0 !important;
	padding:0 !important;
	min-height:0 !important;
}

/*#avantages li .font, #avantages li .back{
	backface-visibility: hidden;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1.5s ease 0s;
}*/

.back{
	opacity: 0;
    transition: all 0.8s ease 0s;
    z-index: 10;}

.back, .front{position:absolute; left:50%;}

.front{
	z-index: 0;
}

.flexslider2 ol{display:none;}

#img-couleur img{
	display:block;
	margin:0 0 0 -48px;}

#avantages li:hover .back{
	opacity: 1;
}

#col_centre{
	width : 1012px;
	background :#965359;
	float : left;
	position : relative;
	left : 12px;
}

.container{
	width:1024px !important;
	margin:auto;
	padding:0 !important;
}

#reseau-sociaux{
	width : 100%;
	height: 35px;
	background :#B9C575;
	float : left;
	position : relative;
        z-index: 101;
}

#reseau-sociaux ul, #langues{
	float : left;
	display:block;
	text-align:right;
	height:35px;
	line-height:35px;
}

#reseau-sociaux ul li, #langues a{
	display:inline-block;
}
#reseau-sociaux ul li{}
#langues a{}

#reseau-sociaux ul li img{
	display:block;
	margin-top:8px;
	margin-right:12px;
}

#reseau-sociaux ul li:last-child img{
	margin-right:0;
}

#langues a{
	font-size:13px;
	color:#303706;
	font-family:arial;
	text-transform:uppercase;
	border-right:1px solid #b9c575;
	text-decoration:none;
	padding-right:7px;
	margin-right:5px;
}

.actiflangue{ color:#ffffff !important; font-weight:bold; }

#langues a:last-child{
	border-right:0;
	padding-right:0;
	margin-right:0;
}

#reseau-sociaux ul{ width: 810px; /*940px;*/ }

#langues{
	width : 205px; /*83px;*/
	height:11px;
	margin-top:12px;
	line-height:10px;
}

.formulaire_recherche{
	float:left;
	height:auto;
	margin-top:24px;
	width:245px;
	float:right;
}

#gauche-entete{
	float:left;
	width:70%;
	height:auto;
}

#gauche-entete  #text{
	float:left;
	width:100%;
	height:auto;
	margin-top:30px;
	display:block;
}

#gauche-entete  #text img{
	display:block;
	float:right;
}

#recherche{
	height:30px;
	line-height:30px;
	border:none !important;
	background-color:#e7e7e7;
	color:#616161;
	text-transform:uppercase;
	font-family: 'futuranormal';
	 margin-right: -4px;
	 display:block;
	 float:left;
}

#droite-actu .slides li > img{display:block; margin:auto;}

#droite-actu  .flex-direction-nav{display:none;}

#nav2 .flex-control-nav, #nav2 .flex-direction-nav
	{
		display:none;
	}

#nav1{
	float:left;
	height: 298px;
	position:relative;
	width:100%;
        left: 0;
        top: 0;
        overflow: hidden;
}
#nav1 ul.slides{height: 298px;}

#nav1 span, #nav1 .nivo-caption{
	background: none repeat scroll 0 0 #fff;
        bottom: 0;
        color: #0093c1;
        float: left;
        font-family: "HelveticaNeueLtPro-MdCn","futuramc";
        font-size: 18px;
        height: auto;
        left: 0;
        line-height: normal;
        min-height: 40px;
        padding: 9px 15px;
        position: absolute;
        text-align: center;
        width: 100%;
}
#nav1 .nivo-controlNav{
    bottom: 0;
    padding: 5px;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 10;
}
#nav1 .nivo-controlNav a{
    background: url("../img/puce3.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    text-indent: 9999px;
    width: 15px;
}
#nav1 .nivo-controlNav a.active{
    background: url("../img/puce33.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    height: 14px;
    width: 15px;
}

#nav2{
	display:block;
	float:left;
	width:100%;
	background-color:#fff;
	line-height:35px;
	margin:15px 0;
}

#nav2 div.flexslider12{ height: 35px; overflow: hidden; }

#nav2 span, #nav2 p{
	display:block;
	float:left;
}

#nav2 span{
	background:url("../img/flech22.png")no-repeat;
	width:165px;
	height:35px;
	text-transform:capitalize;
	color:#fff;
	font-size:1.5em;
	font-family: 'futuralc';
	padding-left:15px;
	margin-right:24px;
}

#nav2 p{
    color: #0093C1;
    font-family: "HelveticaNeueLtPro-MdCn","futuramc";
    font-size: 15px;
    line-height: 40px;
}

#col-centre{
	width : 100%;
	height: auto;
	float : left;
	margin-top:0;
}

#partenaires{
	width : 100%;
	padding-top:30px;
	height: auto;
	float:left;
}

#liens-utiles{display:none;
	float:left;
	width:100%;
	height:auto;
	padding-top:30px;
	background-color:#0093c1;
	padding-bottom:25px;
}


#contact-pied{
	float:left;
	width:100%;
	height:auto;
	padding-top:13px;
	background-color:#B9C575;
	padding-bottom:10px;
}

#liens-utiles ul, #contact-pied .block-pied{
    display: block;
    float: left;
    margin-right: 3%;
    text-align: left;
    width: 28%;
}

#contact-pied .block-pied h2 a{
	text-align:left;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'futuramc';
	font-size:1em;
}

#contact-pied .block-pied>span{
	text-align:left;
	color:#fff;
	width:100%;
	display:block;
	float:left;
	font-size:12px;
	font-family: 'FuturaMdBTMedium';
}

#contact-pied .block-pied>span a{
	color:#fff;
	font-size:1em;
	text-decoration:none;
	font-family: 'FuturaMdBTMedium';
}

.sociaux li{
	display:block;
	float:left;
	width:100%;
	margin-bottom:20px;
}

.sociaux li img{
	display:block;
	float:left;
}

.sociaux li span{
	display:block;
	float:left;
	width:80%;
	height:19px;
	line-height:19px;
	padding-left:20px;
}

.sociaux li span strong,.sociaux li span small{
	display:block;
	width:100%;
	float:left;
	line-height:normal;
	color:#fff;
	font-family:arial;
}

.sociaux li span strong{
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
}

.sociaux li span small{
	font-size:0.875em;
}

.sociaux li:last-child{
	margin-bottom:0;
}

#contact-pied .block-pied>a{
	text-align:center;
	color:#fff;
	width:120px;
	display:block;
	text-decoration:none;
	float:left;
	height:23px;
	line-height:23px;
	font-family: arial;
	font-weight:bold;
	background-color:#18a8c2;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top:19px;
}

#liens-utiles ul li{
	display:inline-block;
	width:100%;
	padding-left:28px;
	background:url("../img/puce1.png")no-repeat 2% 50%;
}

#liens-utiles ul li a{
	text-decoration:none;
	color:#fff;
	font-size: 15px;
	font-family: "HelveticaNeueLtPro-MdCn","FuturaMdBTMedium";
        letter-spacing: 0.06em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #liens-utiles ul li a{ letter-spacing: 0.09em; }
}

#liens-utiles ul:last-child, #contact-pied .last{
	margin-right:0 !important;
        width: 38%;
}


#contact-pied .last li{
	display:inline-block;
	border-right:solid 1px #fff;
	padding-right:8px;
	margin-right:11px;
	text-transform:capitalize;
	height:15px;
	line-height:15px;
	color:#fff;
	font-size:14px;
	font-family:arial;
}

.article #resumer{
	font-family: 'HelveticaNeueLtPro-MdCn','futuracndbold' !important;
	font-size:27px !important;
        line-height: 27px;
        margin-top: 0;
        margin-bottom: 15px;
}

#contact-pied .sociaux{  margin-right: 4%; width: 23%; }

#contact-pied .last li a{
	color:#fff;
	font-size:14px;
	font-family:arial;
}

#contact-pied .last span{
	text-align:right !important;
	margin-top:70px;
}

#contact-pied .last{
	text-align:right !important;
}

#contact-pied .last li:last-child{
	border-right:0;
	padding-right:0;
	margin-right:0;
}

#partenaires ul{
	height: auto;
	float:left;
	display:block;
	text-align:center;
	height:123px;
}

#partenaires ul li{
    display: inline-block;
    max-width: 171px;
    text-align: center;
}

#partenaires ul li img{
    display: inline-block;
    height: auto !important;
    margin-top: 34px;
    max-width: 100%;
    width: auto !important;
}

#partenaires ul li:last-child{
	margin-right:0px;
}

#liens-utiles h2{
	display:block;
	float:left;
	width : 100%;
	padding-bottom:15px;
	height: auto;
	border-bottom:3px dotted #fff;
	font-family: 'futuralc';
	color:#fff;
	font-size:30px;
	margin-bottom:10px;
        text-transform: uppercase;
}

#partenaires h2{
	display:block;
	float:left;
	width : 100%;
	padding-bottom:15px;
	height: auto;
	border-bottom:3px solid #0093c1;
	font-family: "HelveticaNeueLtPro-MdCn","futuramc";
	color:#353535;
	font-size:20px;
        text-transform: uppercase;
}

#pied{
	float:left;
	border-top:3px solid transparent; /*#0093c1;*/
	width : 100%;
	margin : 0 auto;
	height: auto;
	clear : both;
}

.navbar-nav > li .ss_menu { background: none repeat scroll 0 0 #0083ad; }
.navbar-nav > li .ss_menu li:hover{
    background: none repeat scroll 0 0 #c5e0e9; 
}
.navbar-nav > li .ss_menu li a:hover{color: #ffffff;}

ul.partage, #col-gauchee ul.partage{
    clear: none;
    float: right;
    margin-top: 0;
    width: auto;
}
ul.partage li, #col-gauchee ul.partage li {
    float: left;
    margin: 0 12.5px;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
}
ul.partage li.titre, #col-gauchee ul.partage li.titre {
    color: #3b3b3c;
    font-family: din-bold,arial,sans-serif;
    line-height: 15px;
    margin-left: 0;
    text-transform: uppercase;
    width: auto;
}
ul.partage li a, #col-gauchee ul.partage li a {
    display: block;
    width: 20px;
}
ul.partage li a img, #col-gauchee ul.partage li a img {
    display: block;
    margin: auto;
    position: relative;
    left: 0;
}
ul.partage li.facebook_share img { top: 1px; }
ul.partage li.twitter_share img { top: 1px; }
ul.partage li.scoopit_share img { }

#outils{
    float: left; width: 100%;
    padding-bottom: 4px;
/*    border-bottom: 1px solid #b2b2b2;*/
    margin-bottom: 17px;
}

#milieu-article .amp p,
ul.spip li, ol.spip li{
    color: #2e2f2f;
    float: left;
    font-family: 'HelveticaNeueLtPro-LtCn','futuralc';
    font-size: 15px;
    text-align: justify;
    width: 100%;
}
#milieu-article .amp .titre-actu2, #milieu-article .amp .titre-ressource{ float: none; }
#milieu-article .amp p{margin-top: 15px; float: none;}
ul.spip li, ol.spip li{ margin-top: 3px;}

#milieu-article .amp .titre-fond-bleu{
    background: none repeat scroll 0 0 #0093c1;
    color: #ffffff;
    float: left;
    font-family: "HelveticaNeueLtPro-MdCn","futuracndbold";
    font-size: 27px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 7px;
    padding: 7px 10px;
    width: 100%;
}


#liste_actus{}
#liste_actus li{
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 16px;
    padding-bottom: 15px;
}
#liste_actus li:last-child{border-bottom: 0;}
#liste_actus a{ color: #787676; }
#liste_actus div.image,#liste_actus div.texte{float: left;}
#liste_actus div.image{width: 30%; margin-right: 1%;}
#liste_actus div.image img{ max-width: 100%; height: auto;}
#liste_actus div.texte{
    font-family: "HelveticaNeueLtPro-LtCn","futuralc";
    font-size: 15px;
    width: 100%;
}
#liste_actus div.texte h3{
    color: #0093c1;
    font-size: 19px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font: 15px "HelveticaNeueLtPro-LtCn","futuralc";
}
#liste_actus div.image + div.texte{ width: 69%;}
#page-suiv ul li:last-child{border-bottom: 0;}

.partage .titre{
	color:#0093c1;
	font-family: 'futuracndbold';
	font-size:16px;
}

#page-suiv h2{ background:none; color:#0093c1; font-family: "HelveticaNeueLtPro-MdCn","futuracndbold"; }

#page-suiv{
	 background-color: transparent; /*F6F6F6;*/
}

#page-suiv ul li{
	background:none;
	padding-left:0;
	border-bottom:1px dashed #0093c1;
	padding-bottom:7px;
	margin-bottom:8px;
}

#page-suiv ul li:last-child{
	margin-bottom:0;
}

#page-suiv ul li a{
        padding-left: 15px;
	color:#222222;
	font-family: "HelveticaNeueLtPro-MdCn","futuracndbold";
	font-size:16px;
        background: url("../img/puce_fleche.png") no-repeat scroll 0 3px transparent;
}

#col-gauchee #acessibilite, #acessibilite {
    height: auto;
}

ul.partage li.titre{
	color: #0093C1 !important;
    font-family: 'futuracndbold' !important;
	font-size:16px;
	margin:0 !important;
}

ul.partage li{
	margin:0 0 0 12px !important
}

ul.partage li img{
	display:block;
}

/*#page-suiv h2, #page-suiv ul{padding-left:0 !important;}*/

.envoi img{margin: 3px auto 0 auto !important;}

ul.partage{height:20px;}

.pluspetit img, .plusgrand img{
	display:block;
	margin:2px auto 0 auto;}

#page-suiv ul li a p{
	display:block;
	float:left;
	width:100%;
	color:#2e2f2f;
	font-family: 'HelveticaNeueLtPro-MdCn','futuramc';
	font-size:14px;
	text-transform:lowercase;}

#page-suiv ul li a .date{
	width:70px;
	color:#B9C575;
	font-size:12px;
	display: inline;
    float: none;
}

#page-suiv ul{
    border-color: #168ed3 #a1a1a1 #a1a1a1;
    border-style: solid;
    border-width: 3px 1px 1px;
    margin: 0;
    padding: 20px 15px 10px 10px;
}

#page-suiv{
	margin-bottom:20px;
	padding: 20px 15px 10px 10px;
}

#col-gauchee .liste_medias li,
.article_video #page-suiv ul li{
    border-bottom: 0 none;
    float: left;
    margin-bottom: 22px;
    margin-left: 22px;
    padding-bottom: 0;
    width: 30%;
}
#col-gauchee .liste_medias li:first-child,
.article_video #page-suiv ul li:first-child{margin-left: 0;}
#player embed{
    display: block;
    margin: 0 auto;
}
#liste_video li{ min-height: 170px; }
#col-gauchee .liste_medias li div.image,
.article_video #page-suiv li img,
.article_photo #page-suiv li img{ margin-bottom: 3px; }

#col-gauchee .liste_medias li div.image{
    height: 130px;
    margin-bottom: 19px;
    overflow: hidden;
    position: relative; 
    left: 0; 
    top: 0;
}
#col-gauchee #liste_video li:nth-child(3n+1){ margin-left: 0; }
#col-gauchee #liste_video li div.image{ margin-bottom: 0; }
#col-gauchee ul#liste_docs li div.image{height: auto;}
#col-gauchee .liste_medias li div.image img{ width: 90%; }
#col-gauchee .liste_medias li div.image h3{
    background: url("../img/bg-entete.png") repeat scroll 0 0 transparent;
    bottom: -100%;
    color: #FFFFFF;
    font: 13px 'HelveticaNeueLtPro-LtCn','futuralc';
    left: 0;
    padding: 3px 10px;
    position: absolute;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    width: 90%;
}
#col-gauchee .liste_medias li div.image:hover h3{
    bottom: 0;
}

#col-gauchee .liste_medias li div.image img,
.article_video #page-suiv li img,
.article_photo #page-suiv li img{ max-width: 100%; }

#col-gauchee .liste_medias li h3,
.article_video #page-suiv li h3,
.article_photo #page-suiv li h3{ 
    color: #0093c1;
    font: 15px "HelveticaNeueLtPro-LtCn","futuralc";
    text-transform: none;
}

#onglets_photos{width: 100%; float: left; clear: both; margin-bottom: 25px;}
#onglets_photos li{
    float: left;
    border-left: 1px solid #ffffff;
    width: auto !important;
}
#onglets_photos li:first-child{border-left: none;}
#onglets_photos li.on{font-weight: normal;}
#onglets_photos li.on a,#onglets_photos li a:hover{background-color: #65750c;}
#onglets_photos li a{
    display: block;
    background-color: #92a812;
    padding: 9px 14.5%;
    color: #ffffff;
} 

#liste_photos li{}

div.tweet {
    float: left;
    min-height: 65px;
    overflow: hidden;
}
div.tweet div.date em{ font-size: 11px; color: #787676; }
#col_droite div.tweet li{ border-top: 1px dashed #DBDBDB; margin-top: 10px; padding-top: 11px; }
#col_droite div.tweet li:first-child{ border-top: 0; padding-top: 0; margin-top: 0; }

.th_nom{width: 63%;}
.th_type{ width: 11%; }
.th_annee{width: 8%;}
.th_action{width: 9%; text-indent: 14px;}
#contenutt .contenut{ width: 100%; }
#contenutt .cel_vignette{ width: 10%;}
#contenutt .cel_anneepub{ width: 7%;}
#contenutt .cel_telecharger{ width: 10%;}
#contenutt .cel_telecharger img{display: block; margin: auto;}
#contenutt .cel_titre{ width: 90%; }
#contenutt .cel_typedoc{ text-align: center;  text-indent: -5px; width: 11%;}

.titree a{ color: inherit; }

#col-gauchee.amp .formulaire_recherche #rform .btn-group.bootstrap-select{ width: 500px; }

/*-------------------------------------------------------------*/
.col2 {
    float: left;
    padding: 1%;
    width: 50%;
}
div#listBlock div.col2 {
    line-height: normal;
    margin-bottom: 25px;
    text-align: center;
}
div#listBlock div.col2:nth-child(2n) {
    padding-left: 40px;
}
div#listBlock div.col2:nth-child(2n+1) {
    clear: both;
    padding-right: 40px;
}
div#listBlock div.col2 a {
    border: medium none;
}
div#listBlock div.col2 div.thumbBlock {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
div#listBlock div.col2 div.thumbBlock > img {
    height: auto;
    width: 100%;
}
div#listBlock div.col2 div.thumbBlock div.montant {
    background: #6d85b6 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}
div#listBlock div.col2 h2.titreBlock {
    color: #4d4d4f;
    font-size: 13px;
    margin-top: 5px;
    text-align: center;
    text-transform: none;
}
div#listBlock div.col2 div.infosBlock {
    font-size: 15px;
    margin: 0 0 15px;
    text-align: left;
    text-transform: uppercase;
}
div#listBlock div.col2 div.bttBlock {
    color: #fff;
    padding: 6px 3px 3px 7px;
    text-transform: uppercase;
    background: #0093c1;
}
div#listBlock div.col2 div.bttBlock.col2 {
    float: none;
    margin: auto;
}
div#listBlock div.col2 div.iconBlock {
    display: inline-block;
    height: 52px;
    margin-top: -26px;
    position: relative;
    width: 52px;
    z-index: 3;
}

div#listBlock {
    margin-top: 20px;
    background: #ffffff;
}
div#listBlock div.col2 div.thumbBlock div.mask {
    background: rgba(41, 47, 74, 0.8) none repeat scroll 0 0;
    left: 0;
    height: 240px;
    opacity: 0;
    overflow: hidden;
    padding: 100px 20px 20px;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 2;
}
div#listBlock div.col2 div.thumbBlock p {
    color: #eeebe9;
    line-height: 26px;
    opacity: 0;
    position: relative;
    text-align: left;
    transform: translateY(100px);
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
div#listBlock div.col2 div.thumbBlock span {
    border: 1px solid #eeebe9;
    bottom: 25px;
    color: #eeebe9;
    font-size: 26px;
    opacity: 0;
    padding: 0 8px 2px;
    position: absolute;
    right: 14px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
div#listBlock div.col2 div.thumbBlock img {
    display: block;
    position: relative;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
div#listBlock div.col2:hover div.thumbBlock img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
div#listBlock div.col2:hover div.thumbBlock div.mask {
    opacity: 1;
}
div#listBlock div.col2:hover div.thumbBlock p {
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay:  0.1s;
}
div#listBlock div.col2:hover div.thumbBlock span {
    opacity: 1;
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay:  0.1s;
}
div#listBlock div.col2 div.thumbBlock div.maskcofok {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    left: 0;
    overflow: hidden;
    padding: 100px 20px 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
div#listBlock div.col2 div.thumbBlock div.maskcofok div {
    background: #4d4d4f none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 30px 20px;
    text-transform: uppercase;
}

#page #col_droite ul .formulaire_spip input.submit{ background-image: none; color: #2e2f2f; }

.en #svg_amp_fr{ display: none; }
.fr #svg_amp_en{ display: none; }

#slider .nivo-main-image{ height: 298px; }

#page-suiv h2 { text-transform: uppercase; }
#slider-popup {
	overflow: hidden;
	position: relative;
}
#slider-popup .flex-direction-nav {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	height: 30px;
	z-index: 0;
}
#slider-popup .flex-direction-nav .flex-prev { left: 0; }
#slider-popup .flex-direction-nav .flex-next { right: 0; }
#slider-popup .flex-direction-nav .flex-prev:before,#slider-popup .flex-direction-nav .flex-next:before{display: none}
#slider-popup .flex-direction-nav .flex-prev {
	left: 0;
	background: url('../js/fancybox/fancybox_sprite.png');
	background-position: 0 -34px;
	width: 34px;
	height: 35px;
}
#slider-popup .flex-direction-nav .flex-next {
	right: 0;
	background: url('../js/fancybox/fancybox_sprite.png');
	background-position: 0 -71px;
	width: 34px;
	height: 35px;
}
#slider-popup .slides img {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
.en-chargement #slider-popup .slides { height: 320px; }