p, li {text-align:justify; }
* {color:#111; font-family: 'Raleway', "Trebuchet MS", Arial, Helvetica, sans-serif}
a {color:#5166A5}
a:hover, a:focus {color:#777 }
a:hover h2.orange, a:focus .orange {color:#ffad6e; text-decoration:underline}
.hvr-underline-from-left:hover, .hvr-underline-from-left:focus {text-decoration:none; }
.hvr-underline-from-left:before {background:#5166A5; height:1px}

.gris {color:#777}
.blanc {color:#fff}
.bleu {color:#5166A5}
.orange{color:#39815B /*b71238 (rouge) */ /*7d4f1d (marron)*/}
.fbleu{background:#5166A5}
.forange {background:#39815B}
.up {text-transform:uppercase}
p, li {font-size:15px}
.small, .small * {font-size:13px}
.list-sm li {font-size:12px}
.list-marge li {margin-left:-22px; text-align:justify}
.breadcrumb {background:none}
.next, .previous {font-size:11px}

/*---------------------------
	LIEN POUR REMONTER PAGE
---------------------------*/
.top_link {
	position:fixed;
	display:none;
	z-index:2000;
	right:10px;
	bottom:8px;
}
.top_link .fa:before {color:#5166A5}
.top_link:hover .fa:before {color:#95a0b7}

/*---------------------------
		LES TITRES
---------------------------*/
.titre0 img {
	width:40px;
	float:right;
	margin-top:20px;
	margin-right:15px
}
.titre0 h1 {
	border-bottom:2px solid #39815B;
	margin-bottom:1em;
	color:#5166A5
}
.titre1 {
	margin-bottom:1em;
}
.t1 {
	color:#39815B;
	font-weight:bold;
	margin-top:1em;
}
.t2 {
	margin-top:1em;
	color:#5166A5
}
.chemin {background:#fff; padding:3px 0}
.chemin ul {margin-bottom:1px; padding-left:0}
.chemin li {display:inline-block}
.chemin .fa-chevron-right {color:#ddd}
.chemin li a {color:#39815B; padding:4px 10px; font-size:14px;}
.chemin li a.active {color:#999}
.chemin li a:hover {text-decoration:none}
.chemin ul li:first-child a i {color:#39815B}
.chemin ul li:first-child a:hover i {color:#fff}
.chemin .hvr-bounce-to-right:before {background:#39815B; border-radius:0 10px 10px 0}
/*---------------------------
		MENU HAUT
----------------------------*/
.navbar {margin-bottom:0; border-width:0 0 1px 0; border-radius:0;}
.navbar-brand {margin:2px}
.navbar-default .navbar-nav a {
	text-transform: uppercase;
	font-size:13px;
	margin: 0 2px;
	text-shadow:none;
	font-weight:bold; 
	color:#111 !important
}
.navbar-default {
	background:#fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background:none;
	box-shadow:none;
	color:#5166A5 !important;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li:hover>a {color:#39815B !important; background:none; box-shadow:none; -webkit-box-shadow:none }
.navbar-default li:hover #search_btn {cursor:pointer}
.navbar-default li:hover #search_btn i {color:#39815B}
.navbar-default li.active #search_btn i {color:#5166A5}
.navbar-default .navbar-nav>.open>ul li a {color:#000}
.navbar-default .navbar-nav>.open>ul li a:hover {color:#000}
.navbar-default .active .hvr-overline-from-center:before {left:0;right:0; background:#5166A5}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {background:none}
.navbar-default .hvr-overline-from-center:before {background:#39815B;}
.navbar-default .navbar-nav>li:hover a.hvr-overline-from-center:before {left:0; right:0}
.navbar-default .dropdown-menu>li>a:focus, .navbar-default .dropdown-menu>li>a:hover {background-color:#a3cfb8}

@media (max-width: 767px) {
	.navbar-default .navbar-collapse {background:#a3cfb8;}
	.navbar-default .dropdown-menu {background:none}
	.navbar-default .navbar-nav a {font-size:19px; text-transform:none;}
	.navbar-default .navbar-nav>li>a {border-left:5px solid rgba(0,0,0,0)}
	.navbar-default .navbar-nav>li.active>a {border-color:#5166A5}
	.navbar-default .active .hvr-overline-from-center:before {background:none}
	.navbar-default .dropdown-menu {position:relative; display:block; border:none; box-shadow:none; -webkit-box-shadow:none; width:100%}
	.navbar-default .divider {display:none}
	.navbar-default .dropdown-menu li a {padding-left:35px; color:#777}
}

/*---------------------------
	PAGE ACCEUIL
----------------------------*/
#box div { margin-bottom:45px
	
}
#box div div {padding:15px; margin:15px; opacity:0.8}
#box a:nth-child(even) div div {background:#5166A5}
#box a:nth-child(odd) div div {background:#39815B}
#box a:last-child div div {background:#cfac78}
#box a:hover div div {box-shadow:0px 0px 5px #000}
#box a:nth-child(even):hover div div {background:lightslategrey}
#box a:nth-child(odd):hover div div {background:lightslategrey /*#71665a*/}
#box a:last-child:hover div div {background:#b1857c}
#box h4 {margin:2em 0}
#box i, #box h4 {color:#fff}

.img-fade:hover img {opacity:0.8; border-radius:8px}

#box div div, #box a:hover div div, .img-fade:hover img, .img-fade img { 
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}
/*---------------------------
		BOUTONS
----------------------------*/
.btn-blanc{
	border-color : rgba(255,255,255,0.9);
	color:#fff;
	background:rgba(255,255,255,0.1);
}
.btn-blanc:hover, .btn-blanc:focus{
	background:rgba(255,255,255,0.5);
	color:#fff;
}
.btn-lien-blanc, .btn-lien-blanc:hover, .btn-lien-blanc:focus {color:#fff}

.btn-info, .btn-default {
	background-color:#fff;
	background-image:none;
	text-shadow:none
}
.btn-marron {background:#39815B; border-color:#39815B; color:#fff}
.btn-marron:hover, .btn-marron:focus {background:#62967b; border-color:#62967b; color:#fff}
.btn-primary { background:#5166A5; border-color:#5166A5;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary.active:hover { background:#777; border-color:#777}

.btn-default, .btn-default.active {	color:#333; border-color:#999; }

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus  {outline:2px solid #5166A5}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:1px solid #fff}

/*---------------------------
		DIVERS
----------------------------*/
.control-label {font-weight:normal; text-align:left !important}

.form-control:focus {
    border-color: #5166A5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,85,212,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,85,212,.6);
}

img[data-target]:hover {cursor:pointer}

.tooltip > .tooltip-inner {background-color:#39815B }
.tooltip.bottom > .tooltip-arrow {border-bottom-color:#39815B}
.tooltip.top > .tooltip-arrow {border-top-color:#39815B}
.tooltip.left > .tooltip-arrow {border-left-color:#39815B}

.panel-marron>.panel-heading {background-color:#39815B; background-color:#39815B; color:#fff; font-size:15px}
.panel-marron {border-color:#39815B}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background:#5166A5}
.dropdown-menu>.active>a span, .dropdown-menu>.active>a:focus span, .dropdown-menu>.active>a:hover span {color:#fff}

/* Adaptation des images des articles sur mobile*/
@media screen and (max-width: 767px) {
	#theart img { width:100% }
	#theart figure {float:initial !important}
}

/*---------------------------
		UI DATEPICKER 
 ---------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#4b619e !important}
.ui-widget-header {border:0 !important}
.ui-datepicker .ui-datepicker-title span {color:#fff}

/*---------------------------
		TIMELINE
----------------------------*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.2em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
	font-weight:bold
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
/*---------------------------
		EFFET DE ZOOM 
 ---------------------------*/
.zoom:hover img {transform:scale(1.2)}
.zoom  {overflow: hidden;}
.zoom:hover img, .zoom img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}
/*---------------------------
	RESEAUX SOCIAUX
----------------------------*/
#network {position:fixed; padding-left:3px}
#network div {min-width:38px; line-height:27px; margin-top:3px; padding:5px; color:#fff; }
#network a:hover div {
	atransform:scale(1.1);
}
/*Icones sociaux*/
#network .fa-twitter, .fa-twitter:hover {background:#00aced}
#network .fa-facebook, .fa-facebook:hover{background:#3b5998}
.fa-google-plus:hover {background:#dd4b39}
#network .fa-linkedin, .fa-linkedin:hover {background:#007bb6}


.reseaux a {padding:3px; border-radius:4px; border:none}
.reseaux a .fa {
	color:#fff;
	margin:0 2px;
	width:27px; line-height:27px;
}
.reseaux a:hover {text-decoration:none}

/*---------------------------
		GRILLE
----------------------------*/
#grid[data-columns]::before { content: '3 .column.size-1of3'; }
@media screen and (max-width: 480px){
	#grid[data-columns]::before { content: '1 .column.size-1of1';	}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before { content: '2 .column.size-1of2';}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before { content: '3 .column.size-1of3'; }
}
#grid .column { float: left; padding:15px; }
#grid .size-1of1 { width: 100%; }
#grid .size-1of2 { width: 50%; }
#grid .size-1of3 { width: 33.333%; }
#grid .size-1of4 { width: 25%; }
#grid a>div:first-child {margin-bottom:2em}
#grid a:hover, .article2:hover {text-decoration:none;}
#grid a:hover h4, .article1:hover h2, .article2:hover h4 {color:#777}
/*#grid a:hover p:last-child {text-decoration:underline}*/

/*---------------------------
		FOOTER
----------------------------*/
footer { padding:0; background:#5166A5 }
footer p {color:#fff; font-size:13px}
footer .hvr-underline-from-left:before {background:#fff}
footer .btn {padding:1px 5px; font-size:13px}

/*---------------------------
		PRINT STYLE
----------------------------*/
@media print {
	p {font-size:17px; margin-bottom:20px}
	footer, header, #lemenu {display:none}
	body {padding-top:0 !important}
}