/* FONTS */

@font-face {
    font-family: "DINMedium";
    src: url('../polices/DINMedium.ttf');
}

@font-face {
    font-family: 'PT Sans', sans-serif;
    src: url('https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700italic,700');
}

body {
    font-family: 'PT Sans', sans-serif, Arial; padding-top:4px; padding-bottom:4px;
    background-image: url('../img/bg/rainbow.jpg'), url('../img/bg/rainbow.jpg');
    background-position : bottom left, top left;
    background-repeat: repeat-x, repeat-x;
    color:#555;
  }



/*Liens
----------------------------------------------------------------------------------------*/
a, a:link, a:visited {
   color: #3498dc;}
a:focus,
a:hover,
a:active {color: #2980b9; text-decoration:none;}


.texte, .row {margin-left:0; margin-right:0;}



/*------------------------------*/
/* SURCHARGE CSS BOOTSTRAP/UNIFY
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/




/* HEADER
--------------------------------------------------------------------------------------------------------*/
.header {background: #272727; font-family:'PT Sans', sans-serif, Arial;z-index:10000;}


/* TOPBAR
--------------------------------------------------------------------------------------------------------*/
.header .topbar {
      border-top: none; text-transform:uppercase; }
.header .topbar ul {border:none;background:none; float:right;font-weight:700;}

ul.loginbar > li, ul.loginbar > li.panier,
ul.loginbar > li, ul.loginbar > li.langues,
ul.loginbar > li, ul.loginbar > li.contact
 { padding-right: 5px; padding-left: 5px; font-size:13px;}
ul.loginbar > li > a:hover {text-decoration:none;}

/*Responsive Topbar v1*/
@media (max-width: 992px) {
.topbar ul { float:none; margin-left: auto; margin-right: auto; text-align: center !important;}
}

/* NAVBAR-BRAND - Logo  cf. plugins > bootstrap > bootstrap.css
--------------------------------------------------------------------------------------------------------*/

.navbar-default .navbar-brand {
  color: #eee;
  font-family: 'DINMedium', Arial, Verdana;
  font-size: 50px; font-weight:500;  text-transform:uppercase; top:-5px;
  z-index:1000; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #eee;}

/* SEARCH-BOX - cf. header-default.css
--------------------------------------------------------------------------------------------------------*/
.header .navbar .nav > li > .search {    padding: 6px 0 29px;
    border-bottom: none;
    color: #eee;
    background: none;
    bottom: -7px;}

.header .navbar .nav > li > .search:hover {
background: none;
border-bottom: solid 2px;}

.header .navbar .search-open {top: 58px; }


@media (max-width: 991px) {
.header .navbar .nav > li > .search {
padding: 9px 0px 29px 0px; /* au lieu de ' padding: 9px 20px;' cf. header1.css */
border-bottom: none;
color: #FFFFFF;
background: none;}

.header .navbar .nav > li > .search:hover {
background: none;
border-bottom: solid 1px #3498dc;;}

.header .navbar .search-open {top: 10px;  }

.header .navbar .search-open form { float:left;width: 50%;}
.header .navbar .search-open p { float:right; width: 50%;}
.header .navbar .search-open p button a { display:inline-block; margin : 0px; padding:0px; color:#FFFFFF; border:none;}
.header .navbar .search-open p button a:hover{color: #3498dc;}
}


/*NAVBAR TOGGLE - Icon-bar cf. Bootstrap.css
--------------------------------------------------------------------------------------------------------*/
.navbar-default .navbar-toggle .icon-bar {
  display: block;
  width: 28px;
  height: 2px;
  border-radius: 1px;
  color:#FFFFFF; background-color:#FFFFFF;}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;}

/*NAVBAR - cf. header-default.css
--------------------------------------------------------------------------------------------------------*/

.header .navbar-default .navbar-nav > li > a > span {display:none;}

.header .navbar-default .navbar-nav > li > a,
.header .dropdown-menu > li > a,
.header > li > .dropdown > a {
  text-transform:uppercase;
  font-weight:600;
  color: #eee;}

.header .navbar-default .navbar-nav > li > a { font-size: 15px; padding: 9px 25px 25px 25px;}

.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus,
.header > li > .dropdown > a:hover, .header > li > .dropdown > a:focus
.header > li > .dropdown > .active > a:hover, .header > li > .dropdown > .active > a:focus, .header > li > .dropdown > .active {
 color: #3498dc; border-color:#3498dc;}

.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
  color: #3498dc; border-color:#3498dc;
}

.header .dropdown-menu {
    border-bottom: solid 2px #3498dc;
  }

.header .dropdown-menu > li > a {font-size: 14px; background: #272727; border-bottom-color: #333333;
  color: #eee;background: #272727 !important;}
.header .dropdown-menu > li > .active > a, .header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus,
.header .dropdown-menu > li.active > a
 {   color: #3498dc;
    filter: none !important;
    background: #272727 !important;}


  .header .navbar-default .navbar-nav > li:hover > a {
        color: #3498dc;}

  .header .dropdown-menu .active > a,
  .header .dropdown-menu li > a:hover {
    background: #272727 !important;

  }


/* Navbar - ICONS cf. header-default.css */
.header .navbar .nav > li > a > i {
padding: 0 0 0px 0;}


/*Responsive Navbar*/

@media (max-width: 991px) {

.header .navbar-default .navbar-nav > li > a
{border-bottom: 1px solid #333333; padding: 10px 25px 10px 25px; font-weight:600; }

.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    font-size:14px;
    color: #eee; !important
    border-bottom: none; border-left:1px solid #333333;
    padding-left : 15px;}



.header .navbar-default .navbar-nav .open .dropdown-menu {margin-left: 25px; }

.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: #3498dc;}


.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:link {border-bottom:#333333 1px solid}



.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.header .navbar-default .navbar-nav .open .dropdown-menu > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > a:focus,
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.header .navbar-default .navbar-nav .open .dropdown-menu > a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu > a:focus
{ border-bottom:none; color: #3498dc !important; background:none; }


.header .navbar-default .navbar-nav > li > a > span {display:inline;}
.header .navbar-default .navbar-nav > li > a > i {display:none;}


.header .navbar-default .navbar-nav > li.active a,
.header .navbar-default .navbar-nav > li.active a:hover,
.header .navbar-default .navbar-nav > li.active a:focus,
.header .navbar-default .navbar-nav > a:focus  { border-bottom:#333333 1px solid; color: #3498dc ; background:none; }
}

.header .navbar-default .navbar-nav > li.dropdown .open a {border-bottom:none}





/*News Section
------------------------------------*/
.news-v1 .news-v1-in {
  background: #fafafa;
  overflow:hidden;
  padding-bottom: 0px;
  border: 1px solid #eee;
}


.news-v1 h3 {
  margin-bottom: 0;
  font-weight: 200;
  line-height: 28px;
  padding: 10px;
}
.news-v1 h3 a:link, a:visited {color:#555}
.news-v1 h3 a:hover, a:focus {color:#3498dc; text-decoration:none;}

.news-v1 p {
  color: #555;
  padding: 0 15px;
  margin-bottom: 15px;
}

.news-v1 .news-v1-info {
  overflow: hidden;
  margin-top: 15px; margin-bottom:0px;
  padding: 8px 4px;
  border-top: solid 1px #eee;
  background:#eee;
}

.news-v1 .news-v1-info li {
  font-size: 13px;
}
.news-v1 .news-v1-info a:link, .news-v1 .news-v1-info a:visited {color:#555}
.news-v1 .news-v1-info li a:hover, .news-v1 .news-v1-info li a:focus {color:#3498dc;}



/*Homepage - Actualites / La une
------------------------------------------*/
.news-v1 .dark {background-color:#272727;}
.news-v1 .dark p,
.news-v1 .dark .news-v1-info,
.news-v1 .dark .news-v1-in,
.news-v1 .dark .news-v1-info li
{color:#eee;}
.news-v1 .dark .news-v1-info {
border-top: solid 1px #333333;
background:#272727}
.news-v1 .dark h3 a:link,.news-v1 .dark h3 a:visited  {color:#eee;}
.news-v1 .dark h3 a:hover,.news-v1 .dark h3 a:focus  {color:#3498dc;}
.news-v1 .dark .news-v1-info a:link, .news-v1 .dark .news-v1-info a:visited {color:#eee;}
.news-v1 .dark .news-v1-info a:hover, .news-v1 .dark .news-v1-info a:focus{color:#3498dc;}


/*Footer
------------------------------------------------------------------------------------------*/
.footer{background-color:#272727; color:#FFFFFF}

.footer-v1 address a:link, a:visited {color: #3498dc; }
.footer-v1 address a:hover {color: #428bca; }

/*Copyright
----------------------------------------------------------------------------------------------*/

.copyright p a,
.copyright p a:link,
.copyright p a:visited
{color: #3498dc; }

.copyright  p a:hover
{color: #428bca; }



/*newsletter-subscribe
------------------------------------*/
h3.newsletter-subscribe a {color:#FFFFFF;}








/* Buttons */
.btn, .btn-lg, .btn-u, .btn-sm, .btn-xs, .submit
 {text-transform :uppercase;
  font-family:'PT Sans', Arial, Verdana; font-weight: 500;
}/* cf. bootstrap.css */

.btn-sm {font-size:11px;}
.btn-xs {font-size:10px;}

a.btn-u {color:#FFFFFF;background:#3498dc;}





/*  Breadcrumb  */
.breadcrumbs-v3 {
    padding: 5px 0;
    background: rgba(0,0,0,0.1);
  background-repeat:repeat;
  border-bottom:solid 1px #CCCCCC;}


.breadcrumbs-v3 ul.breadcrumb > li {
text-transform: uppercase;
color:#555;
font-weight: 400;
font-size: 75%;}

.breadcrumbs-v3 ul.breadcrumb > li > a:hover, .breadcrumbs-v3 ul.breadcrumb > li > a.on {text-transform: uppercase;color:#555; text-decoration: underline;}
.breadcrumbs-v3 ul.breadcrumb > li > a:link, .breadcrumbs-v3 ul.breadcrumb > li > a:visited {text-transform: uppercase;color:#555}
.breadcrumbs-v3 .breadcrumbs h1 {text-transform:uppercase; }


.breadcrumbs-v3 h1 {
    font-weight: 400;
  color: #555;
}
/*Responsive Navbar*/
@media (max-width: 767px) {
  .breadcrumbs h1 {font-size: 98%;}
}


/*Sidebar Menu cf. app.css
--------------------------------------------------------*/

/*Sidebar Menu v1*/

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
  background:none;
}

.sidebar-nav-v1 > li > a {
  color: #777; text-transform:uppercase;
}
.sidebar-nav-v1 > li > a:hover,
.sidebar-nav-v1 > li > a:focus {
  color:#3498dc;
}

.sidebar-nav-v1 > li.active > a {
  color: #3498dc;
}
.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover,
.sidebar-nav-v1 > li.active:focus {
  border-color:#eee;
}

.sidebar-nav-v1 li ul a {border-top: solid 1px #eee;}


/*Sidebar List Toggle */
.list-toggle.active:after {
  color: #3498dc;
  content: "\f105";
}
/*Sidebar List Toggle 2*/
.list-toggle-2:after {
    top: 7px;
    right: 10px;
    color: #777;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.list-toggle-2.active:after {
  color: #3498dc;
  content: "\f105";
}
.list-toggle-2:hover:after {
  color: #3498dc;
  content: "\f105";
}
.list-toggle-2:focus:after {
  color: #3498dc;
  content: "\f105";
}
/*-----------------------------------------------------------------------*/



/*thumbnail > Affichage couverture de l'Alternatives Sud pour ses articles
---------------------------------------------------------------------------*/

.alternativessud  {background:#EF4D1F; color: #FFFFFF;border: 1px solid #eee;}
.alternativessud .thumbnail {background:none; color: none;border:none;}
.alternativessud .img-bordered {background:#FFFFFF;}
.alternativessud .caption, .alternativessud .caption h3, .alternativessud .caption p {color:#FFFFFF;}







/* AGENDA Stacking Text and Icons http://blog.fontawesome.io/2014/05/19/stacking-text-and-icons/
------------------------------------*/

.calendar-text { margin-top: .7em; }
.file-text { margin-top: .2em; }



/* AGENDA Feature Timeline 2 assets/css/pages/feature_timeline2.css
Adapté à news-v1 One-Page/assets/css/block.css
------------------------------------------------------------------*/
.timeline-v2 .mois {clear:both; width:100%; margin:0px 0px 20px 0px; padding:0px 0px 0px 10px; background:#272727;color:#FFFFFF; font-size: 20px;text-transform:uppercase;  font-weight:400 }

.timeline-v2 > li .cbp_tmtime, .timeline-v2 > .news-v1 > li .cbp_tmtime {
  padding-right: 60px;
}



.timeline-v2 > li .cbp_tmtime span, .timeline-v2 > .news-v1 > li .cbp_tmtime span  {
  top: 0px;
  text-align: left; }



.timeline-v2 > li .cbp_tmtime span i  {color:red;}
.calendar-text {padding-top: 3px;}

.timeline-v2 > li .cbp_tmtime span p {text-align:center;padding:3px 0px 0px 0px;}




/* Right content */
.timeline-v2 > li .cbp_tmlabel h2 {
  text-transform: uppercase;
  border-bottom: 0px solid #ddd;
  font-size: 18px;
  padding: 10px;
}
.timeline-v2 > li .cbp_tmlabel {
  background: #fafafa;}

.timeline-v2 > li .cbp_tmicon {
  background: #272727
}

.timeline-v2 > li .cbp_tmlabel li {
    padding-right: 5px;
  padding-left: 5px;
}


/* Modèle publications */

.magazine-news-img {
  max-height: none;

}




/*Sky-Forms cf. assets/plugins/sky-forms/version-2.0.1/css/custom-sky-forms.css
-------------------------------------------------------------------------------------*/
/**/
/* defaults */
/**/
.sky-form {box-shadow: none;border: none;}

.sky-form footer {border:none;}

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





/* #BOUTON_ACTION et autres: class submit;
-------------------------------------------------------------------------------------*/
.button-custom .submit {background:#3498dc; color:#FFFFFF; border:none;box-shadow: none; font-size: 14px;
cursor: pointer;padding: 6px 13px;white-space: nowrap; display: inline-block;}
.submit:hover,
.submit:focus,
.submit:active,
.submit.active
{ background-color: #2980b9; color:#FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.button-link .submit {background:none;color:#3498dc;border:none;box-shadow: none; font-size: 14px;
cursor: pointer;padding: 6px 13px;white-space: nowrap; display: inline-block;}






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



.list-group-item {
  border: 0px solid #EFEFEF;border-top :1px solid #EFEFEF;
}
.list-group-item:first-child {border-top :0px solid #EFEFEF;}
.list-group-item:last-child {border-bottom :1px solid #EFEFEF;}
.list-group-item small {text-transform:none;}


.panel ul.list-group li.list-group-item {font-weight: 600;text-transform:uppercase;}



.panel ul.list-group li.list-group-item a {
  color: #4765a0;

}





/* Portofolio v-1 */

.sorting-block .sorting-nav li.active a{
  color: #FFFFFF;
  border-bottom: 0px; /* au lieu de ' border-bottom: solid 1px #72c02c;' cf. portefolio-V1.css */
}


/*Sorting Navigation v1*/
.sorting-block .sorting-nav-v1 li a {
  font-style: normal; /* au lieu de ' font-style: italic;' cf. portefolio-V1.css */
  text-transform: uppercase;
  font-size:14px;
  font-weight:500;
  border-bottom: 0px;
}

/*Easy Block v2
------------------------------------*/

.easy-bg-v2 {
  top: 25px;
  width: 130px;
  right: -32px;
  font-size: 11px;
  letter-spacing: 1px;
}




/*PANELS
-----------------------------------------------------------------------------------------*/
.panel-title
{text-transform :uppercase;}

/*Panel CETRI*/
.panel-cetri {
   border: none;}

.panel-cetri > .panel-heading {
   background: none; border:none;}

.panel-cetri > .panel-heading > .panel-title{
   background: none; border:none; color : #CCCCCC;}
/*-------------------------------------------------------------------------------------*/



/*Accordion v1 cf. app.css*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.acc-v1 .panel-heading a {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  background: #fefefe;
}

.acc-icon a.accordion-toggle i {
  color: #585f69;
  margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
  color: #39414c;
}


/*Colored Content Boxes cf. app.css
------------------------------------*/


.service-block-formations {
  background: #a5005d;
}
.service-block-alternativessud {
  background: #EF4D1F;
}

.service-block a:hover {color:#FFFFFF;}


.cbp {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 640px;
    visibility: visible !important;
}
.cbp .cbp-item {
    z-index: 2;
    display: block;
    background:red;
    width: 429px; /* default width for blocks */
    height: 640px; /* default height for blocks */
}





/*Audio-video responsive iframes
/*-------------------------------------------------------------------------------------*/

iframe {
   top: 0;
   left: 0;
   width: 100%;
   position: relative;}



/* hr Devider
---------------------------------------------------------------------------------------*/
hr.spip {
  border-top: 1px solid #eee;
}









/*Add to Wishlist  cf. shop-style.css*/

.add-to-wishlist-brd {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.add-to-wishlist li {
  padding-left: 20px;
  margin-right: 10px;
  border-left: 1px solid #dedede;
}

.add-to-wishlist li:first-child {
  padding-left: 0;
  border-left: none;
}

.add-to-wishlist i {
  font-size: 16px;
  margin-right: 7px;
}

.add-to-wishlist a {
  font-size: 14px;
}

.add-to-wishlist a:hover,
.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  text-decoration: none;
}

.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wishlist-category a {
}










a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #555;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #3498dc;
}

a.list-group-item:hover h5,
a.list-group-item:focus h5,
a.list-group-item:hover small,
a.list-group-item:focus small,
a.list-group-item:hover p,
a.list-group-item:focus p
 {  color: #FFFFFF;}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: yellow;
  background-color: green;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}




.icon-cetri {
    background-image: url("../img/icons/icon_cetri50.png");
    background-position: center center; width: 50px; height:50px;background-repeat:no-repeat;
    margin: 0px auto;}
.icon-cetri-white {
    background-image: url("../img/icons/icon_cetri50_white.png");
    background-position: center center; width: 50px; height:50px;background-repeat:no-repeat;
    margin: 0px auto;}


/*Tag Boxes*/

.tag-box {
  padding: 10px;
  margin: 10px auto;
  background:none
}

.tag-box-v3 {
  border: none; padding:10px;}

.tag-box-v3 button {float:none; margin-bottom: 8px ;}


/*Homepage - carousel cf.page_job.css
------------------------------------*/
.carousel-indicators {
  top: 10px;
  left: 65%;
  text-align: right;
}

.carousel-indicators .active {
  background: #555;
}

.carousel-indicators li {
  border-color: #555;
}

.high-rated .carousel-inner > .item {
  margin: 0;
}





/*Page auteur - inner-team / cf. style.css */
.team-v2 .inner-team {
  text-align: left;
  padding: 5px; background:#ffffff;
}

.team-v2 .inner-team p {font-size: 13px;}

.team-v2 .inner-team ul li{text-align: center;
}


/*Team-Social - Page auteur cf. styles*/
.team-social li a {
  border-radius: 50% !important;}

.team-social li a.fb {border: 1px solid #4862a3;}
.team-social li a.fb i {color: #4862a3;}
.team-social li a.fb:hover {background: #4862a3;}

.team-social li a.tw {border: 1px solid #159ceb;}
.team-social li a.tw i {color: #159ceb;}
.team-social li a.tw:hover {background: #159ceb;}

.team-social li a.lk {border: 1px solid #CC9933;}
.team-social li a.lk i {color: #CC9933;}
.team-social li a.lk:hover {background: #CC9933;}

.team-social li a.ldin {border: 1px solid #007BB6;}
.team-social li a.ldin i {color: #007BB6;}
.team-social li a.ldin:hover {background: #007BB6;}

.team-social li a.gp {border: 1px solid #dc4a38;}
.team-social li a.gp i {color: #dc4a38;}
.team-social li a.gp:hover {background: #dc4a38;}

.team-social li a.ml {border: 1px solid #999999;}
.team-social li a.ml i {color: #999999;}
.team-social li a.ml:hover {background: #999999;}


p.paiement i {color: #052072;}
p.paiement span.glyphicon {color: #e50020;}

.team-social li a:hover i {color: #fff}

/*Footer-social - Footer */

.team-social-2 {  margin-bottom: 0;}

.team-social-2 li {padding: 4px 2px;}

.team-social-2 li a {font-size: 14px;
  padding: 6px 4px;
  text-align: center;
  border-radius: 50% !important;}

.team-social-2 li i { min-width: 20px;}

.team-social-2 li a.fb {border: 1px solid #4862a3; background: #4862a3;}
.team-social-2 li a.fb:hover {background:none;}
.team-social-2 li a.fb:hover i {color:#4862a3;}

.team-social-2 li a.tw {border: 1px solid #159ceb;background: #159ceb;}
.team-social-2 li a.tw:hover {background: none}
.team-social-2 li a.tw:hover i {color: #159ceb;}

.team-social-2 li a.lk {border: 1px solid #CC9933;background: #CC9933;}
.team-social-2 li a.lk:hover {background: none;}
.team-social-2 li a.lk:hover i {color: #CC9933;}

.team-social-2 li a.ldin {border: 1px solid #0e76a8;background: #0e76a8;}
.team-social-2 li a.ldin:hover {background: none;}
.team-social-2 li a.ldin:hover i {color: #0e76a8;}

.team-social-2 li a.gp {border: 1px solid #dc4a38;background:#dc4a38;}
.team-social-2 li a.gp:hover {background: none;}
.team-social-2 li a.gp:hover i {color:#dc4a38;}

.team-social-2 li a.ml {border: 1px solid #999999;background: #999999;}
.team-social-2 li a.ml:hover {background: none; }
.team-social-2 li a.ml:hover i {color:#999999;}

.team-social-2 li a.rss {border: 1px solid #ff9300;background: #ff9300;}
.team-social-2 li a.rss:hover {background: none;}
.team-social-2 li a.rss:hover i {color:#ff9300;}

.team-social-2 li a.sm {border: 1px solid #85a64a;background: #85a64a;}
.team-social-2 li a.sm:hover {background: none;}
.team-social-2 li a.sm:hover i {color:#85a64a;}

.team-social-2 li a i {color: #fff}




/* Page article : bloc auteur + date + tags  cf. blog.css*/
.blog-post-tags li {
  font-size: 13px;}/* taille auteurs et date */


.blog-post-tags ul.blog-tags a
 {font-size: 12px;}/* taille tags*/


/*Bouton de partage .blog-share est une variation de .blog-tags cf. style.css*/


ul.blog-share a {
  font-size :15px;
  background: none;
  color: #555;
  display: inline;
  padding: 3px 7px;
  margin-right: 2px;
}
ul.blog-share a:hover {
  background: none;}

ul.blog-share a i.fa-facebook {
  color: #4862a3;padding: 6px;}
ul.blog-share a:hover i.fa-facebook {
  color: #FFFFFF!important;
  background:#4862a3;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.blog-share a i.fa-twitter {
  color: #159ceb;padding: 6px;}
ul.blog-share a:hover i.fa-twitter {
  color: #FFFFFF!important;
  background:#159ceb;

  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.blog-share a i.fa-linkedin {
  color: #007BB6;padding: 6px;}
ul.blog-share a:hover i.fa-linkedin {
  color: #FFFFFF!important;
  background:#007BB6;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.blog-share a i.fa-google-plus {
  color: #dc4a38;padding: 6px;}
ul.blog-share a:hover i.fa-google-plus {
  color: #FFFFFF!important;
  background:#dc4a38;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.blog-share a i.fa-envelope-o {
  color: #999999;padding: 6px;}
ul.blog-share a:hover i.fa-envelope-o {
  color: #FFFFFF!important;
  background:#999999;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.blog-share a i.fa-print {
  color: #76ae33;padding: 6px;}
ul.blog-share a:hover i.fa-print {
  color: #FFFFFF!important;
  background:#76ae33;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

ul.blog-share a i.fa-plus {
  color: red;padding: 6px;}
ul.blog-share a:hover i.fa-plus {
  color: #FFFFFF!important;
  background:red;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* Page de recherche cf. modification de page_search_inner.css
--------------------------------------------------------------------------------------------------------*/

.search-block {background:#E3E3E3; padding: 30px 0px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.s-results  h3 {
  color: #999;
  display: block;
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 20px;
  text-transform: uppercase;}
.s-results h3 a {text-transform:uppercase;}

.s-results .inner-results h3 a:link, .s-results .inner-results h3 a:visited {color: #3498dc;}
.s-results .inner-results h3 a:focus, .s-results .inner-results h3 a:hover, .s-results .inner-results h3 a:active {
  color: #2980b9; text-decoration:none;}

.s-results .inner-results   {
  border-left: 1px solid #eee;padding-left: 15px;
}

.s-results .related-search  {
  border-right: 0px ;
}
.s-results .related-search a:hover {
  color: #2980b9;
}

.s-results .up-ul {
  font-size:11px;}

  /* DIVERS
-------------------------------------------------------------------------------------*/

/* margin-bottom */
.margin-bottom-100 {clear:both;}
.margin-bottom-100 { margin-bottom:100px;}

.steps-forms form {margin: 20px auto;}

h1, h2, h3, h4, h5, h6 { font-family:'PT Sans', sans-serif, Arial; text-transform:uppercase; }
h2 {line-height: 20px; font-weight:400}
h3.spip {text-transform:uppercase; font-size:100%;font-weight: 700; }
.headline h2 {font-family: 'DINMedium', Arial, Verdana;}


/*-------------------*/
/* SURCHARGE CSS SPIP
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/




/* Listes Spip - Modification de spip.css
cf. mes_fonctions.php // Personnalisation de la puce par défaut avec $GLOBALS['puce'] = '<P class="tiret">';
-------------------------------------------------------------------------------------------------------------*/

ul.spip,
ol.spip { margin-left: 0px; padding-left:0px;}
@media (max-width: 640px) {
  ul.spip,
  ol.spip { margin-left: 0em; } }


ul.spip { list-style-type: none; }
li ul.spip { list-style-type: none; }
li li ul.spip { list-style-type: none; }
ol.spip { list-style-type: decimal;list-style-position:outside; margin-left:15px;}


ol.spip > li {position:relative; padding-left: 20px; margin: 20px auto; }

ul.spip > li, p.tiret {position:relative; padding-left: 20px; margin: 20px auto; list-style-type: none;}

ul.spip > li:before, p.tiret:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f105";
  color:#555;
}

ol.spip > li:before {
  position: absolute;
  top: 0;
  left: 20;
  color:#555;
}

/* Liens
---------------------------------------------------------------------------------------------------------*/

a.spip_note { font-weight: 400;  } /* liens vers notes de bas de page */
a.spip_in:after, a.spip_out:after, a.spip_url:after {font-family: FontAwesome;content:"\f08e";padding-left:4px;color:#CCCCCC;}
.author a.spip_in:after{content:none;}
a.spip_mail:after {font-family: FontAwesome;content:"\f003";padding-left:4px;color:#CCCCCC;}
a.spip_in:visited, a.spip_out:visited, a.spip_url:visited {color: #3498dc;}
a.spip_out:hover, a.spip_url:hover, a.spip_in:hover, a.spip_out:focus, a.spip_url:focus, a.spip_in:focus {color:#2980b9; text-decoration:none;}




/* MENU  de LANGUE   cf. plugin spip  mll > mll_styles.css
--------------------------------------------------------------------------------------------------------*/
#menu_lang{display:inline;}
#menu_lang a:link, #menu_lang a:visited {color:#eee}
#menu_lang a:hover, #menu_lang a:focus, #menu_lang a:active{color:#3498dc}
#menu_lang a:link i, #menu_lang a:visited i{color:#eee}
#menu_lang a:hover i, #menu_lang a:focus i{color:#3498dc}
#menu_lang strong, #menu_lang strong i {color:#3498dc;}



/* Glossaire cf. Le couteau suisse /outils
--------------------------------------------------------------------------------------------------------*/
a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
  text-decoration:none;
  z-index:998;}

/* Mode JS : des span discrets */
a.cs_glossaire span.gl_js,
a.cs_glossaire span.gl_jst,
/* Mode CSS : l'effet de survol est obtenu grace aux proprietes display */
a.cs_glossaire span.gl_dl,
a.cs_glossaire span.gl_dt,
a.cs_glossaire span.gl_dd {
  display:none;
  visibility:hidden;
  z-index:999;
  font-style:normal;
  color:#666666;
  border-bottom: dotted 1px #666666;}

a.cs_glossaire span.gl_mot:after {font-family: FontAwesome;content:"\f128";padding-left:4px;color:#CCCCCC;}

a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
  width:250px;
  border:1px solid #3498dc;
  background-color:#FFFFFF;
  font-size:95%;}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
  padding:3px;
  background-color:#3498dc;color:#FFFFFF;
  font-weight:400;
  text-align:left;}

/* Citations, code et poesie
----------------------------------------------------------------------------------------------------------------*/
blockquote.spip p, blockquote.spip_poesie {
  font-size: 15px;
  font-weight: 400;
  color:#555
}

/* Blocs pliables et depliables
--------------------------------------------------------------------------------------------------------*/
.cs_blocs {margin: 10px 0px; padding: 5px 5px;overflow:hidden; border: #ddd 1px solid; background:#fafafa;}
h4.blocs_titre {text-transform:uppercase; font-weight:700; color:#555; background:none; font-size:12px;padding: 6px;}
h4.blocs_titre:after {font-family: FontAwesome;content:"\f070";float:right; font-weight:400;font-size:16px;}
h4.blocs_replie:after {font-family: FontAwesome;content:"\f06e";float:right;font-weight:400; font-size:16px;}
h4.blocs_titre a, h4.blocs_titre a:hover {text-decoration:none;color:#555}
{text-decoration:none; color:#555}
.blocs_destination, .blocs_resume   {padding: 6px; margin : 5px;}


/* formulaires
--------------------------------------------------------------------------------------------------------*/
.formulaire_spip  {padding: 0px 6px 6px 6px; margin : 0px 0px 20px 0px; border:none; }
.formulaire_spip  ul {background:none;}
.formulaire_spip ul li {list-style:none; margin:10px 10px; font-weight:400; width: 80%;  }
.boutons {margin: 20px 0px}
form   {border:none; background:none;}
form button {font-size: 15px;  background:#3498dc;color: #FFFFFF; border:none;padding: 5px;}
form p.boutons {background:none; clear:both}

p.reponse_formulaire, p.reponse_formulaire_ok, .reponse_formulaire, .reponse_formulaire_ok {font-size: 15px;text-align:center; color:red;}

/*Tabs - customisation des tabs spip cf. couteau suisse/outils/decoupe.css
---------------------------------------------------------------------------------------*/

/* .tab-v1 */
div.onglets_bloc {
  background:none;
  padding:0px;
  margin: 0px 0px 50px 0px;
  z-index:1;}

div.onglets_bloc .onglets_liste {
border: none;
background: none;
overflow:hidden;
padding: 0px; padding-bottom:0px; }


div.onglets_bloc .onglets_liste h2.onglets_titre a:link
 {
  font-size: 17px;
  font-weight: 400; text-transform:uppercase;
  background-color:none;
  border:none;
  text-align:left;
  color:#666666;}

div.onglets_bloc .onglets_liste h2.onglets_titre.selected a:link {
  color:#3498dc;}
div.onglets_bloc .onglets_liste h2.onglets_titre.hover a:link;
 {
  color:#428bca;}


div.onglets_bloc .onglets_liste h2.onglets_titre {
  height:25px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:6px;
  position:relative;
  top:-1px;
  display:inline;
  float:left;
  overflow:hidden;
  cursor:pointer;
  margin:1px 20px 1px 0px;
  padding:0px 0.6em;
  border:none;
  z-index:11;
  white-space:nowrap;
  text-align:center;
  font-weight:normal;
  background:none;
}


div.onglets_bloc h2.onglets_titre.selected  {border-bottom: 2px #3498dc solid;color:#428bca }


div.onglets_bloc .onglets_contenu {
  border:none; border-top:1px solid #ddd;
  background:#FFFFFF;
  padding: 10px;

}


/*Pagination Spip
----------------------------------------------------------------------------------------*/
.bloc-pagination  {
  clear:both;
  display:block;
  overflow:hidden;
  border: none;
  background:none;
  margin: 50px auto;
  padding: 50px;
  text-align:center;
  font-size: 95%
}
.bloc-pagination a, .bloc-pagination .on  { padding: 10px 15px; margin: 3px;}
.bloc-pagination a { background-color: #fff; text-decoration: none; border: 1px solid #E3E3E3; }
.bloc-pagination .on, .bloc-pagination a:hover { font-weight: 700; background: #3498dc; color: #fff; }
.bloc-pagination .sep { display: none; }
.bloc-pagination span.disabled .on {font-weight: 400; background: none; color: #333;padding: 10px 15px; margin: 3px; border: none;}

/* Table
-------------------------------------------------------------------------------------*/

table.spip, table.table { color: #555;}
table.spip td,
table.spip th {
    background-color: #FFFFFF !important;}
table.spip {
    border-collapse: collapse !important; }
table.spip {
  width: 100%;
  margin-bottom: 20px;
  background-color: #FFFFFF;}

table.spip, table.table > caption, table > thead  {font-size: 99%; background-color: #eee; padding:8px; text-transform:uppercase; text-align:left; border:1px solid #eee;}

table.spip > thead > tr > th,
table.spip > tbody > tr > th,
table.spip > tfoot > tr > th,
table.spip > thead > tr > td,
table.spip > tbody > tr > td,
table.spip > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 0px solid #eee;}

table.spip > tbody > tr > td {border-bottom: 1px solid #eee;}


table.spip > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 0px solid #eee;
}
table.spip > caption + thead > tr:first-child > th,
table.spip > colgroup + thead > tr:first-child > th,
table.spip > thead:first-child > tr:first-child > th,
table.spip > caption + thead > tr:first-child > td,
table.spip > colgroup + thead > tr:first-child > td,
table.spip > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table.spip > tbody + tbody {
  border-top: 1px solid #eee;
}
table.spip {
  background-color: #fff;
}

table.spip > thead > tr > td.active,
table.spip > tbody > tr > td.active,
table.spip > tfoot > tr > td.active,
table.spip > thead > tr > th.active,
table.spip > tbody > tr > th.active,
table.spip > tfoot > tr > th.active,
table.spip > thead > tr.active > td,
table.spip > tbody > tr.active > td,
table.spip > tfoot > tr.active > td,
table.spip > thead > tr.active > th,
table.spip > tbody > tr.active > th,
table.spip > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

table.spip a:focus, table.table a:focus,
table.spip a:active, table.table a:active,
table.spip a:hover, table.table a:hover
 {text-decoration:underline;}



.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center
{ margin-right: auto; margin-left: auto;  }
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto;text-align:center;  }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 0.5em; }
.spip_documents_right { float: right; margin-left: 0.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
.payer_mode.payer_acte {
    border-top: 1px dashed #aaa;
}
.header .topbar ul.loginbar > li {

    display: inline-block;
}
/*
.blog_masonry_2col .grid-boxes-in {
    padding: 0;
    padding-bottom: 0px;
    margin-bottom: 30px;
    border: solid 1px #eee;
}
#agenda a, #agenda a:link, #agenda a:visited {
    font-size: 1.1em;
    color: #FFFFFF;

}
#agenda a:hover {
    background-color: #FFFFFF;
    color: #2980b9;

}
.fc-day-grid-event .fc-time {
    font-weight: 700;
    display: block;

}
.fc-day-grid-event .fc-title {
    white-space: normal;

}
* {

    border-radius: 0 !important;

}
*/
#contenu_shop #formulaire_login .btn.btn-u.rounded.submit, #contenu_shop #abonne_coord .btn.btn-u.rounded.submit{
    float: right;
}


.flipster--coverflow .flipster__container {padding-bottom:35px !important}
.flipster__container li:first-child {margin-right: -445.8px !important}
.contacts-section::after {background: rgba(0,0,0,0.4);}

span.label-u.choixlangue { color:white; font-weight:bolder}
span.label-u.choixlangue a {color:black; font-weight:lighter}
span.label-u.choixlangue a:hover{text-decoration:underline}


.plusdarticles {text-align:center; background-color:#EEEEEE; padding:1rem}
.plusdarticles a {font-size:1.3rem; text-transform:uppercase}
.plusdarticles a:hover{text-decoration:underline}

.tabledesmatiere {display: inline-block;
border-bottom: solid 1px #2980b9;
padding: 0 20px 0 0;
margin-left:-4px;
font-size:17px}

.copyright-home {margin-bottom:2rem}
.copyright-home .newsletter-subscribe-right {font-size:1.7em; margin-bottom:2rem}