@charset "utf-8";
/* CSS Document */

/*
Project name -- By AntSea-Design -- 
*/

/* ----------------------------- */
/* ==LE BASIQUE*/
/* ----------------------------- */


/* --------- Compatibilit?© HTML 5 -----------------------*/
abbr,article,aside,audio,canvas,datalist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video { display:block; }
/* --------- Compatibilit?© HTML 5 -----------------------*/


/*
    COLORS
    
    Color Default name      #
    Color  name      #
    Color name      #
    Color name      #

    
*/

/*-------------------------------------------------------------*/
/* ______________ FONT FACE ______________________________________*/
/*-------------------------------------------------------------*/

@font-face {
    font-family: 'economicaregular';
    src: url('../font/economica-regular-otf-webfont.eot');
    src: url('../font/economica-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/economica-regular-otf-webfont.woff2') format('woff2'),
         url('../font/economica-regular-otf-webfont.woff') format('woff'),
         url('../font/economica-regular-otf-webfont.ttf') format('truetype'),
         url('../font/economica-regular-otf-webfont.svg#economicaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'economicabold';
    src: url('../font/economica-bold-otf-webfont.eot');
    src: url('../font/economica-bold-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/economica-bold-otf-webfont.woff2') format('woff2'),
         url('../font/economica-bold-otf-webfont.woff') format('woff'),
         url('../font/economica-bold-otf-webfont.ttf') format('truetype'),
         url('../font/economica-bold-otf-webfont.svg#economicabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansbold';
    src: url('../font/josefinsans-bold-webfont.eot');
    src: url('../font/josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../font/josefinsans-bold-webfont.woff') format('woff'),
         url('../font/josefinsans-bold-webfont.ttf') format('truetype'),
         url('../font/josefinsans-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanslight';
    src: url('../font/josefinsans-light-webfont.eot');
    src: url('../font/josefinsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/josefinsans-light-webfont.woff2') format('woff2'),
         url('../font/josefinsans-light-webfont.woff') format('woff'),
         url('../font/josefinsans-light-webfont.ttf') format('truetype'),
         url('../font/josefinsans-light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansregular';
    src: url('../font/josefinsans-regular-webfont.eot');
    src: url('../font/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../font/josefinsans-regular-webfont.woff') format('woff'),
         url('../font/josefinsans-regular-webfont.ttf') format('truetype'),
         url('../font/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "odr-iconcommun";
  src:url("../font/odr-iconcommun.eot");
  src:url("../font/odr-iconcommun.eot?#iefix") format("embedded-opentype"),
    url("../font/odr-iconcommun.woff") format("woff"),
    url("../font/odr-iconcommun.ttf") format("truetype"),
    url("../font/odr-iconcommun.svg#odr-iconcarto") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "odr-iconcarto";
  src:url("font/odr-iconcarto.eot");
  src:url("font/odr-iconcarto.eot?#iefix") format("embedded-opentype"),
    url("font/odr-iconcarto.woff") format("woff"),
    url("font/odr-iconcarto.ttf") format("truetype"),
    url("font/odr-iconcarto.svg#odr-iconcarto") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "odr-iconcirclecarto";
  src:url("font/odr-iconcirclecarto.eot");
  src:url("font/odr-iconcirclecarto.eot?#iefix") format("embedded-opentype"),
    url("font/odr-iconcirclecarto.woff") format("woff"),
    url("font/odr-iconcirclecarto.ttf") format("truetype"),
    url("font/odr-iconcirclecarto.svg#odr-iconcarto") format("svg");
  font-weight: normal;
  font-style: normal;
}


.iconfontCommun { font-family: odr-iconcommun; font-size: 1.2em;}
.iconfont { font-family: odr-iconcarto; font-size: 1.2em;}
.iconfontCircle { font-family: odr-iconcirclecarto; font-size: 1.2em;}


/* ______________ end FONTFACE ______________________________________*/


/*-------------------------------------------------------------*/
/* ______________ GENERAL ______________________________________*/
/*-------------------------------------------------------------*/

body {
	color: #333;
}

.bold {
    font-family: 'josefin_sansbold';
	font-weight: 700;
}

/* back to top */
.backtotopinstance{
    position: fixed;
    right: 50px;
    bottom: 50px;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;
    padding: 15px 25px;
    background-color: rgba(156, 126, 111,0.5);
    z-index: 100000;
    font-family: 'economicaregular';
    color: #fff;
    cursor: pointer;

}

.backtotopinstance:hover {
    background-color: #EAE2DF;
    color: #7C6253;
}

/* ______________ end GENERAL ______________________________________*/


/*-------------------------------------------------------------*/
/* ______________ HEADER ______________________________________*/
/*-------------------------------------------------------------*/

header {
	width: 100%;
	line-height: 0;
}

.header-bg  {
    width: 100%;
    height: 230px;
    background-size: cover;
    background-position: center;
}

.header-logoInra {
    width: 15%;
    background-repeat: no-repeat;
    height:100%;
    float:right;
    background-size: contain;
}
.top {
	width: 100%;
	background-color: rgb(124,98,83);
	padding-top: 20px;
        position:relative;
        z-index:10000;
}

.bottom-top {
	background-image: url(../images/dft-bordure-top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 64px;
        position:relative;
}

.teste {
	background-color: #e9e2de;
	height: 100px;
	margin-top: 26px;
}


.dNone {
    display: none;
}

.content p {
    margin: 10px 0;
}

/* ______________ blk RECHERCHE________________________________*/
.blk-rech input {
    border: none;
    padding-top: 5px;
    font-family: 'economicaregular';
    color: #7C6253;
    width: 200px;  
    padding-left: 37px;
    background-image: url(../images/icon-rechercher.jpg);
    background-repeat: no-repeat;
}

.blk-rech {
    max-width: 300px;
    float: right;
}

/* ______________ blk NOTIFICATION________________________________*/
#notifs {
    float:right;
    position:relative;
    margin-top:3px;
	cursor: pointer;
}
#notification-trigger {
    background-color: red;
    color:#fff;
    border:none;
    border-radius:30px;
    position:absolute;
    font-size:10px;
    top:0;
}

.ns-effect-cornerexpand {
    background-color: #9C7E6F;
    margin-bottom:10px;
	float:right;
}

.shape-box path {
    fill: none;
}

/* ______________ blk ID ______________________________________*/
.blk-id ul li {
    float: left;
}

.blk-id ul li a {
    text-decoration: none;
    font-family: calibri;
    font-size: 12px;
    color: #fff;
}

.blk-id p {
    font-family: 'economicaregular';
    color: #fff;
    font-size: 16px;
}
.blk-id p , .blk-rech p {
   border-bottom: solid 1px #fff;
}

.blk-id input {
    border: none;
    padding-top: 5px;
    margin-top: 2px;
}

.blk-id #login-form {
    margin-left: 20px;
}
.blk-id .button {
    background-color: #fff;
    color: #7C6253;
    font-family: 'economicaregular';
    padding: 3px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            clear: both;
    margin-top: 1px;   
}

.blk-id .button:hover {
    background-color: #333;
    color: #E9E2DE;   
}

.blk-id .pretext {
    display: none;
}

.blk-id #modlgn-username , .blk-id #modlgn-passwd {
    float: right;
    margin-bottom: -5px;
    width: 60%;
}

.blk-id label {
    line-height: 15px;
}

.blkId-option {
    padding-left: 15px;
}
.blkId-option ul {
    margin-top: 0;
}
.blk-id ul li a {
    font-family: 'josefin_sanslight';
    color: #fff;
    text-decoration: none;
    float: left;
    margin-right: 20px;
}

.blk-id ul li a:hover {
    text-decoration: underline;
    color: #E9E2DE;
}

.blk-id .hello {
    font-family: 'josefin_sanslight';
    color: #fff;
    text-decoration: none;   
}

.blk-id .blkId-remember {
    margin-top: 0px;
    border: none;
    font-family: 'josefin_sanslight';
    font-size: 12px; 
    margin-right: 30px;
}
.blk-id #form-login-password {
    margin-top: -1px;
}

.test {
    margin-top: 1px;
}
/* ______________ end HEADER ______________________________________*/

/*-------------------------------------------------------------*/
/* ______________ NAV ______________________________________*/
/*-------------------------------------------------------------*/
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
    z-index: 100000;
    background-color: #333;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: 'economicaregular';
    font-size: 20px;    
}

.toggleMenu:hover, .toggleMenu:before , .toggleMenu:after , .toggleMenu:focus {
    color: #b69f93;
}

#menu {
    z-index: 10000000;
   
}

nav{
    margin-top: -55px;	
	position: relative;
    background-color:rgba(51,51,51,0.85);
    min-height: 55px;
    z-index: 10000000;
}

.nav {
    list-style: none;
     zoom: 1;
     width: 956px;
     margin: auto;
     padding-top: 3px;

}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}

.nav h3 {
	display:none;
}

.nav ul > ul > li {
    list-style: none;
/*    width: 200px;*/
    padding: 0;
    margin: 0;
}
.nav  a {
    padding: 10px 15px;
    color:#fff;
    text-decoration: none;
    font-family: 'economicaregular';
    font-size: 18px;
}
.nav > ul {
    position: relative;
    display: block;

}
.nav > ul{
    float: left;
    margin-right: 2em;
    margin-left: 2em;
}
.nav > ul > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > ul > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
}

.nav > ul ul:hover {
/*    margin-left: 0;	
*/}
.nav li:hover > ul {
    left: 0;
}
.nav ul:hover li {
    left: 100%;
    top: 0;

}
.nav li li a {
    display: block;
    background: #333;
    position: relative;
    z-index:100;
    border-top: 1px solid #7C6253;
    width: 250px;
    color: #e9e2de;
    padding: 5px 15px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;   
}
.nav li li a:hover {
    background-color: #e9e2de;
    color: #7C6253;
} 

.nav li li ul{
    margin-top: -38px;
}
.nav li li li a {
    display: block;
    z-index:200;
    width: 300px;
    margin-left: 250px;
}

.fixed {
    position: fixed;
    width: 100%;
    top: 55px;
}

.fixed nav {
    background-color: #333;
}

@media screen and (max-width: 768px) {
    nav {
        background: transparent;
        margin-top: 0;
        min-height: 0;        
    }
    .active {
        display: block;
    }
    .nav {
        width: 100%;
        z-index: 100000;        
        background-color: #353434;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {

    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;

    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

.separator{
    margin:30px;
    /* visibility: hidden; */
    font-weight: bold;
    line-height: 50px;
    text-transform: capitalize;
}



/*-------------------------------------------------------------*/
/* ______________ NAV ICON ______________________________________*/
/*-------------------------------------------------------------*/
.blk-navIcon {
    position: absolute;
    z-index: 1000;
    right:0;
    min-height: 50px;
    margin-right:20px;
    top:0;
    overflow: visible;
}
ul#nav-icon {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:9999;
    display: block;
    margin-right: -15px;
}
ul#nav-icon li {
    width: 50px;
    float: left;
    margin-right: 5px;
}
ul#nav-icon li a {
    display: block;
    margin-left: -2px;
    width: 50px;
    height: 50px;
    background-color:#EAE2DF;
    background-repeat:no-repeat;
    background-position:center center;
    
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    
    -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;      
}

ul#nav-icon .dossier a{background-image: url(../images/icon-navIcon-dossier.png);}
ul#nav-icon .donne a {background-image: url(../images/icon-navIcon-donne.png);}
ul#nav-icon .carto a {background-image: url(../images/icon-navIcon-carto.png);}
ul#nav-icon .wiki a {background-image: url(../images/icon-navIcon-wiki.png);}
ul#nav-icon .donneGeo a {background-image: url(../images/icon-navIcon-donGeo.png);}
ul#nav-icon .aide a {background-image: url(../images/icon-navIcon-aide.png);}

ul#nav-icon li a:hover { background-color:#fff;}
ul#nav-icon .dossier a:hover{background-image: url(../images/icon-navIcon-dossierHover.png);}
ul#nav-icon .donne a:hover {background-image: url(../images/icon-navIcon-donneHover.png);}
ul#nav-icon .carto a:hover {background-image: url(../images/icon-navIcon-cartoHover.png);}
ul#nav-icon .wiki a:hover {background-image: url(../images/icon-navIcon-wikiHover.png);}
ul#nav-icon .donneGeo a:hover {background-image: url(../images/icon-navIcon-donGeoHover.png);}
ul#nav-icon .aide a:hover {background-image: url(../images/icon-navIcon-aideHover.png);}

/* ______________ end NAV ______________________________________*/

/*-------------------------------------------------------------*/
/* ______________ CONTENT ______________________________________*/
/*-------------------------------------------------------------*/

.filAriane {
	float: right;
	color: #b69f93;
	background-image: url(../images/dfl-fil-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0 35px 10px 0;
	margin:30px 50px 10px 0;
}
.filAriane ul li {
	display: inline;
}
.filAriane a {
    font-style: italic;
    font-family: 'Economica', sans-serif;
    color: #b69f93;
    font-size: 14px;
    text-decoration: none;
}
.filAriane li:last-child a {
	color: #6d4635;
}

.content {
	margin: 100px 50px 50px 20px;
	padding: 0 30px 0 50px;
    min-height: 500px;
}

.content .imgBorder {
	border: 18px solid #b69f93;
	margin: 10px 0 20px 20px;
}

.content .loading {
    background-color: #BCADA3;
}

.content .loading p {
    font-family: 'economicaregular';
    color:#fff;
    padding:15px 10px;
}
.infoBar {
    border-bottom: solid 1px #b69f93 ;
    clear: both;
}

.infoBar p {
    font-family: calibri;
    font-size: 12px;
    color: #777;
    margin-bottom: -5px;
}

.infoBar span {
    background-image: url(../images/icon-infoBar.png);
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.infoBar .icon-people {
    background-position: -25px;
    width: 30px;
}

.xtypo_sticky {
    margin: auto;
    width: 90%;
    background-image: none;
    background-color: #BCADA3;
    color: #EAE2DF;
    text-shadow:none;
    text-align: center;
}
.article-info {
    clear: both;
}
.item-page h2 {
    float: left;
}
.item-page .actions {
    float: right;
}

.print-icon , .email-icon , .edit-icon {
    background-image: url(../images/icon-modifP.png);
    height: 20px;
    float: left;
    margin-right: 10px;
}

.print-icon img , .email-icon img , .edit-icon img { visibility: hidden;}

.print-icon a , .email-icon a , .edit-icon a { position: relative; z-index: 10000;}

.print-icon { background-position: -44px; width: 20px; }
.email-icon { background-position: -24px; width: 20px; }
.edit-icon { width: 24px; }
/*  ------------------- Contenu onglet */

.jwts_tabbernav {
    margin-bottom: 100px;
}
.jwts_tabbernav li a {
    font-family: 'economicaregular';
    text-decoration: none;
    font-size: 16px !important;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;     
}
#jwts_tab1 .jwts_tabberactive a {
    color: #333;
    background-color: #EAE2DF;
    border-bottom: none;  
}

.jwts_tabberlive .jwts_tabbertab  {
   /* background-color: #EAE2DF; */
}

.jwts_tabbertab p {
    padding: 3px 20px;
}

ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:link {
    background-image: none;
    background-color: #BBADA4;
    color: #EAE2DF;
}

ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:hover {
    background-color: #333;
}

ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:active {
    color: #333;
}
/* ______________ LOADER ________________________________*/
// Config ----------------------------------
$spinner-size: 200px;                 // 200px
$spinner-thickness: 4px;              // 4px
$spinner-speed: 1.2s;                 // 1.2s

$spinner-3d: true;                    // true
$spinner-loops: infinite;             // infinite (be careful, save the batteries!)

.spinner {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 4px solid rgba(255, 255, 255, 0.9);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
  transform-origin: 50% 60%;
  transform: perspective(200px) rotateX(66deg);
  animation: spinner-wiggle 1.2s infinite;
}

@keyframes spinner-wiggle {
  30% {
    transform: perspective(200px) rotateX(66deg);
  }
  40% {
    transform: perspective(200px) rotateX(65deg);
  }
  50% {
    transform: perspective(200px) rotateX(68deg);
  }
  60% {
    transform: perspective(200px) rotateX(64deg);
  }
}
.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  margin: -4px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: .05;
  border: inherit;
  border-color: transparent;
  animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite;
}

.spinner:before {
  border-top-color: #66e5ff;
}

.spinner:after {
  border-top-color: #f0db75;
  animation-delay: 0.3s;
}

@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-fade {
  20% {
    opacity: .1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: .1;
  }
}



/* ______________ BLOG ________________________________*/
.pagination {
    margin-top:25px;
    font-family: 'economicaregular';
    color:#777;
    width: 210px;
    margin:auto;
}

.blog-article h3 , .blog-article01 h3 {
    margin-bottom: -20px;
}
.blog-article01 {
    margin-top: 40px;
}
.blog-article {
    margin: 40px 0;
}
.pagination p {
    text-align: center;
}
.pagination ul li {
    float: left;
    margin-left:8px;
}

.items-more ol li {
    margin-left: 30px;
    font-family: 'economicaregular';
    list-style-type: square;
}

.items-more ol li a:hover {
    color: #7C6255;
}


/* ______________ FORM ________________________________*/

/*  ------------------- commun ---*/
.contact-form input, .contact-form textarea , .profile-edit input {
    width: 100%;
    border: none;
    background-color: #EAE2DF;
    padding: 7px 5px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;     
}

.contact-form input:focus, .contact-form textarea:focus , .profile-edit input:focus{
    background-color: #BCADA3;
    color: #fff;
}

.contact-form label , .profile-edit label {
    font-family: 'economicaregular';
    font-size: 14px;
    color: #777;
}

.contact-form button , .word button , .profile-edit button , .profile-edit .button-cancel {
    background-color: #7C6253;
    color: #fff;
    border: none;
    font-family: 'economicaregular';
    padding: 5px 5px;
    width: 100px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;    
}

.contact-form button:hover , .word button:hover , .profile-edit button:hover , .profile-edit .button-cancel:hover {
    background-color: #333;
}

/*  ------------------- Contact ---*/
.contact-form #jform_contact_email_copy-lbl {
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}
.contact-form #jform_contact_email_copy {
    width: 10px;
}

/*  ------------------- Recherche ---*/
.word input {
    background-color: #EAE2DF;
    border: none;
    padding: 5px 3px 5px 37px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    
    background-image: url(../images/icon-rechercher.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.word input:focus , .word input:hover{
    background-color: #BCADA3;
    color: #fff;
    background-image: url(../images/icon-rechercher-hover.png);
}

.blk-advanceSearch {
    background-color: #EAE2DF;
    border: solid 1px #bbb;
    padding: 7px 15px;
    width: 500px;
}
.blk-advanceSearch .only input , .blk-advanceSearch .phrases input , .blk-advanceSearch .ordering-box select {
    margin-top: 10px;
}

.blk-advanceSearch .only {
    width: 100%;
}
.blk-advanceSearch .ordering-box {
    margin-bottom: 20px;
}

.blk-formCheck {
    width: 100%;
}

/*  ------------------- Profil ---*/
.profile-edit button {
    margin-top: 30px;
}
.profile-edit .button-cancel {
    width: 100px;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.profil-admin {
    background-color:#EAE2DF;
    border: 1px solid #ccc;
    padding: 0 20px 20px 20px;
    margin-top: 30px;
}

.profil-admin input {
    background-color: #7C6253;
    color: #fff;
    border: none;
    font-family: 'economicaregular';
    padding: 5px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out; 
    margin-left: 20px;  
}

.profil-admin input:hover {
    background-color: #333;
}

/* ------------------- Popup -----*/
.tip {
    font-family: 'economicaregular';
    font-size: 14px;  
    padding: 7px;
    color: #333;
    background-color: #ccc;
    display: block;
    width: 150px;
    min-height: 30px;
    border-radius:5px;
    border: 1px #777 solid;
}

.tip {
    position: relative;
    z-index: 100000;
    text-align: center;
}

/* ______________ PAGE ________________________________*/

/*  ------------------- Glossaire ---*/

div#glossarysearch {
    background-color: #EAE2DF;
}

#glossarysearchform {
    background-color: #EAE2DF;
    padding: 20px;
}

#glossarysearch form { 
    border: none;
}

#glossarysearchword {
    border: none;
    width: 100%;
    font-family: 'economicaregular';
    font-size: 14px;    
    background-color: #BCADA3;
    color: #fff;
    padding: 7px 5px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;     
}

#glossarysearch input:focus {
    background-color: #fff;
    color: #7C6253;
}

#glossarysearch .button {
    background-color: #7C6253;
    color: #fff;
    border: none;
    font-family: 'economicaregular';
    padding: 5px 5px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;    
}

#glossarysearch .button:hover {
    background-color: #333;
}

.glossletselect {
    border-color: #7C6253;
}
.cmsapipagenav {
    margin-bottom: 10px;
}

#glossarylist .row1 {
    background-color: #EAE2DF;
}

#glossarylist td a {
    font-family: 'economicaregular';
    font-size: 18px;
    color: #7C6253;
    font-weight: 200;
    margin-left: 15px;
}

#glossary h2 {
    text-align: left;
    margin-bottom: 20px;
}

/*  ------------------- Aide ---*/

.display-limit {
    margin:30px 0 15px 0;
}

.category .list-title a {
    font-family: 'economicaregular';
    font-size: 18px;
    color: #7C6253;
    font-weight: 200;
    float: left;
    margin-right: 20px;
}
.category .list-title a:hover {
    color: #777;
    }

.category .list-title .actions {
    margin-top: 3px;
}

.category tr:nth-child(odd){
  background-color:#EAE2DF;
}
.category #tableOrdering , .category #tableOrdering3 , .category #tableOrdering4 {
  background-color:#fff;
}
/* ______________ end CONTENT _________________________________*/


/*-------------------------------------------------------------*/
/* ______________ SIDEBAR LEFT ________________________________*/
/*-------------------------------------------------------------*/
.sidebar {
	background-color: #e9e2de;
	margin-top: -50px;
	background-image: url(../images/dfl-sidebar-bgBottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sideNav {
    font-family: 'josefin_sanslight';
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 150px;
}

.sideNav .menu .current a {
    border-bottom: dashed 1px #ccc;
    border-top: dashed 1px #ccc;
    background-color: #fff;
    color: #7C6253;
}
.sideNav .menu .current ul a {
    background:none;
    border:none;
    
}
.sideNav .current a:hover {
    background: none;
    background-color: #7C6253;
    color: #fff;
}

.sideNav ul ul{
    padding: 0;
    margin: 0; 
}

.sideNav ul ul ul {
    padding: 0;
    margin:0 0 0 50px;
}

.sideNav ul ul ul a {
    padding-left: 5px;
    padding-right: 15px;
    color:#777;
    border-bottom: dashed 1px #ccc
}
.sideNav ul ul ul a:hover{
      background: none;
      color:#333;
      background-color: #ccc;
}

.sideNav ul ul li {
/*	padding-left: 50px;
*/}

.sideNav .parent li {
    padding-left: 15px;
}

.sideNav a , .sideNav .menu .current ul a {
	text-decoration: none;
	display: block;
	width: 100%;
        padding-left: 50px;
}

.sideNav a:hover , .sideNav .menu .current ul a:hover{
	background-color: #7c6253;
	background-image: url(../images/dfl-sidebar-hover.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #fff;
}

.cartoStart a {
    background-image: url(../images/icon-cartoStart.png);
    background-repeat: no-repeat;
    background-position: 10px;
    color: #fff;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    -webkit-transition: all .8s ease-in-out;
       -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
         -o-transition: all .8s ease-in-out;
            transition: all .8s ease-in-out;      
}

.cartoStart {
    background-color: #7C6253;
    margin: 30px 0;  
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;     
}

.cartoStart a:hover {
    background-image: url(../images/icon-cartoStart-hover.png);
    background-position: 45px;  
    background-color: #fff;
    color: #7C6253;
    padding-left: 85px;
}
/* ______________ end SIDEBARLEFT _____________________________*/


/*-------------------------------------------------------------*/
/* ______________ SIDEBAR RIGHT ________________________________*/
/*-------------------------------------------------------------*/

.blk-seminaire , .blk-actu {
	background-repeat: no-repeat;
	background-position: left bottom;

}
.blk-seminaire {background-image: url(../images/bg-seminaire.jpg);	min-height: 250px;}
.blk-actu { 
    background-image: url(../images/dft-bg-actu.png); 	
    min-height: 550px; 
    margin-top: 130px;
    padding-bottom: 150px;
}

.int-blk {
	background-color: #e9e2de;
	margin-left: 25px;
	padding-left: 20px;
}
.blk-actu p , .blk-actu a {
    font-family: 'economicaregular';
}

.blk-actu a:hover {
    color: #fff;
}

.blk-actu .int-blk {
 background-color: #bcada3;
}

.blk-actu img {
    width: 75%;
}

.blk-actu .create {
    float:right;
    margin-right:20px;
    
}
/* ______________ end SIDEBAR RIGHT ______________________________________*/


/*-------------------------------------------------------------*/
/* ______________ FOOTER ______________________________________*/
/*------Ticket GLPI 52 Adrien Changement min-height----------------*/
footer {
    position: relative;
    background-color: #190c06;
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 150px;
    width: 100%;
    border-top: solid 9px #9c7e6f;
    margin-top: 80px;
}

.foot-reseau h3 {
    font-family: 'economicaregular';
    color: #fff;
    font-size: 24px;
    padding-left: 12%;
    padding-top: 10px;
}

.foot-reseau {
    background-color: rgba(156,126,111,0.26);
    margin-right: 5px;
    padding-bottom: 20px;
}

.foot-reseau ul {
    padding: 0;
}

.foot-reseau ul a {
    font-family: 'josefin_sanslight';
    font-size: 14px;
    color: #fff; 
    text-decoration: none;
    display: block;
    width: 100%;
    padding-left: 12%;
}



.foot-rech a:hover { background-color: rgb(68,120,88); }
.foot-emploi a:hover { background-color: rgb(196,159,65); }
.foot-eval a:hover { background-color: rgb(65,108,127); }
.foot-sdc a:hover { background-color: rgb(131,168,83); }
.foot-terre a:hover { background-color: rgb(210,124,49); }
.foot-qualite a:hover { background-color: rgb(181,95,80); }

.foot-rech:hover { background-color: rgba(68,120,88,0.5); }
.foot-emploi:hover { background-color: rgba(196,159,65,0.5); }
.foot-eval:hover { background-color: rgba(65,108,127,0.5); }
.foot-sdc:hover { background-color: rgba(131,168,83,0.5); }
.foot-terre:hover { background-color: rgba(210,124,49,0.5); }
.foot-qualite:hover { background-color: rgba(181,95,80,0.5); }


.footNav ul {
    position: absolute;
    display: block;
    left: 40%;
    top: 90%;
}
.footNav a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}
.footNav a:hover {
    color: #777;
}
.footNav li {
    float: left;
    margin-right: 10px;
}
/* ______________ end FOOTER ______________________________________*/

/*-------------------------------------------------------------*/
/* ______________ HHHHHHHHH ______________________________________*/
/*-------------------------------------------------------------*/



h1 {
    font-family: 'economicaregular';
    color: #BCADA3;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1em;
}

.content h2 {
    font-family: 'economicaregular';
    color: #BCADA3;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1em;
}

.content h3 {
    font-family: 'josefin_sansregular';
    font-size: 1.5em;  
}

.content h3:first-letter {
    font-family: 'josefin_sansbold';    
}

.content h4 {
    margin:30px 20px 10px 0;
    font-family: 'josefin_sansregular';
    font-size: 18px;
    color: #333;
    background-image: url(../images/h4-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;

}

.content h5, h6 {    
    font-family: 'josefin_sansbold'; 
}

.top h1 {
    font-family: 'josefin_sanslight';
	color: #fff;
	font-size: 30px;
	font-weight: 300;
}

.sideNav li a {
	margin-right: 20px;
}

.sideNav h3 {
    font-family: 'josefin_sansbold';
    color: 333#;
    padding-left: 40px;
    font-size: 30px;
    background-image: url(../images/iconH3-sidenav.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 25px;
}

.content h1:first-letter , .blk-right h3:first-letter , .sideNav h3:first-letter {
	font-weight: 700;
}

.blk-right h3 , .sideNav h3:first-letter {
	color: #6d4635;
}

.blk-right h3 {
    font-family: 'josefin_sansbold';   
}
/* ______________ end HHHHH ______________________________________*/

/*-------------------------------------------------------------*/
/* ______________ RESPONSIVE ______________________________________*/
/*-------------------------------------------------------------*/


/* ----------------------------- */
/* ==desktop and HD devices      */
/* ----------------------------- */
@media (min-width: 1025px) {
  /* rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* style adjustments for high density devices */
}
/* ---------------------------------- */
/* ==Responsive large                 */
/* ---------------------------------- */
@media (min-width: 1025px) {

}
/* ---------------------------------- */
/* ==Responsive medium                */
/* ---------------------------------- */
@media (min-width: 769px) and (max-width: 1024px) {
    .sidebar {
        display: none;
    }
    .w80 {
        width: 100%;
    }
}
/* ---------------------------------- */
/* ==Responsive small                 */
/* ---------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {

}
/* ---------------------------------- */
/* ==Responsive tiny                  */
/* ---------------------------------- */
@media (max-width: 480px) {

}

@media (max-width: 1024px) {

.blk-right , .bottom-top , .blk-navIcon {
    display: none;
}

.sidebar { 
    width: 33%;
    float: none;
}
.w60  { 
    width: 100%;
    float: none;
}
.nav {
    width: 100%;
}
}






/* ---------------------------------- */
/* LOADER                 */
/* ---------------------------------- */



#loader{
   position:relative;
   width:50px;
   height:50px;
   margin:0px auto;
   -webkit-perspective:2800px;
   -webkit-perspective-origin:50% 50%;
   -moz-perspective:2800px;
   -moz-perspective-origin:50% 50%;
   -o-perspective:2800px;
   -o-perspective-origin:50% 50%;
   top:150px;
} 

.face{
   width:50px;
   height:50px;
   position:absolute;
   line-height:50px;
   text-align:center;
   font-size:20px;
   opacity:0.85;
   border:solid 1px #ccc;
}

.cote1{
   background-image:url(../images/loader/loader-face01.png);
   z-index:10;
}
.cote2{
   background-image:url(../images/loader/loader-face02.png);
   transform:translateZ(-25px) translateX(25px) rotateY(90deg);
   -webkit-transform:translateZ(-25px) translateX(25px) rotateY(90deg);
   -moz-transform:translateZ(-25px) translateX(25px) rotateY(90deg);
   -o-transform:translateZ(-25px) translateX(25px) rotateY(90deg);
   -ms-transform:translateZ(-25px) translateX(25px) rotateY(90deg);
}
.cote3{
   background-image:url(../images/loader/loader-face03.png);
   transform:translateZ(-25px) translateX(-25px) rotateY(-90deg);
   -webkit-transform:translateZ(-25px) translateX(-25px) rotateY(-90deg);
   -moz-transform:translateZ(-25px) translateX(-25px) rotateY(-90deg);
   -o-transform:translateZ(-25px) translateX(-25px) rotateY(-90deg);
   -ms-transform:translateZ(-25px) translateX(-25px) rotateY(-90deg);
}
.cote4{
   background-image:url(../images/loader/loader-face04.png);
   transform:translateZ(-25px) translateY(25px) rotateX(-90deg);
   -webkit-transform:translateZ(-25px) translateY(25px) rotateX(-90deg);
   -moz-transform:translateZ(-25px) translateY(25px) rotateX(90deg);
   -o-transform:translateZ(-25px) translateY(25px) rotateX(-90deg);
   -ms-transform:translateZ(-25px) translateY(25px) rotateX(-90deg);
}
.cote5{
   background-image:url(../images/loader/loader-face05.png);
   transform:translateZ(-25px) translateY(-50px) rotateX(90deg);
   -webkit-transform:translateZ(-25px) translateY(-25px) rotateX(90deg);
   -moz-transform:translateZ(-25px) translateY(-25px) rotateX(90deg);
   -o-transform:translateZ(-25px) translateY(-25px) rotateX(90deg);
   -ms-transform:translateZ(-25px) translateY(-25px) rotateX(90deg);
}
.cote6{
   background-image:url(../images/loader/loader-face06.png);
   transform:translateZ(-50px);
   -webkit-transform:translateZ(-50px);
   -moz-transform:translateZ(-50px);
   -o-transform:translateZ(-50px);
   -ms-transform:translateZ(-50px);
} 


.loader-parent{
   position:relative;
   width:100px;
   height:100px;
   animation:AnimCube 5s linear infinite;
   transform-style: preserve-3d;
   -webkit-animation:AnimCube 5s linear infinite;
   -webkit-transform-style: preserve-3d;
   -moz-animation:AnimCube 5s linear infinite;
   -moz-transform-style: preserve-3d;
   -o-animation:AnimCube 5s linear infinite;
   -o-transform-style: preserve-3d;
   -ms-animation:AnimCube 5s linear infinite;
   -ms-transform-style: preserve-3d;
}

@keyframes AnimCube{
   from {}
   to{ transform-origin: 50% 50%; transform: rotateZ(360deg)
   rotateY(360deg) rotateX(360deg); }
}
@-webkit-keyframes AnimCube{
   from {}
   to{ -webkit-transform-origin: 50% 50%; -webkit-transform: rotateZ(360deg)
   rotateY(360deg) rotateX(360deg); }
}
@-moz-keyframes AnimCube{
   from {}
   to{ -moz-transform-origin: 50% 50%; -moz-transform: rotateZ(360deg)
   rotateY(360deg) rotateX(360deg); }
}
@-o-keyframes AnimCube{
   from {}
   to{ -o-transform-origin: 50% 50%; -o-transform: rotateZ(360deg)
   rotateY(360deg) rotateX(360deg); }
}
@-ms-keyframes AnimCube{
   from {}
   to{ -ms-transform-origin: 50% 50%; -ms-transform: rotateZ(360deg)
   rotateY(360deg) rotateX(360deg); }
} 

/* LOGIN PAGE */

.login {
    font: inherit;
    font-family: 'economicaregular';
    font-size: 16px;
}

.login label {
    vertical-align: middle;
    width: 100px;
    padding-bottom: 5px;
}

/* STYLE ARTICLE CREATION */

#adminForm {
    background-color: #e9e2de;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family:'economicaregular';
    font-size: 15px;
}

#adminForm fieldset {
    margin-bottom: 20px;
    padding-bottom:10px;
    border-bottom: 1px solid #7C6253;
}

#adminForm fieldset label {
    width:150px;
    display: inline-block;
    vertical-align: baseline;
}

#adminForm fieldset input {
    display: inline-block;
    vertical-align: baseline;
}

#adminForm fieldset #jform_title {
    width:300px;
}

#adminForm legend {
    font-size: 25px;
    text-decoration: underline;
    font-family: 'josefin_sansbold';
}

#adminForm #cke_jform_articletext {
    margin-top:20px;
}

#adminForm .button2-left a {
    font-size:15px;
}