@charset 'utf-8';

/*

 Theme Name:   JOFDF 2016

 Description:  Twenty Sixteen

 Template:     flat

 Text Domain:  ancora

*/
@import url("../flat/style.css");
body{font-size:14px}

.postid-2978 .entry-meta{display:none;}
#primary .page-title {
    padding: 20px 90px 20px 18px;
    font-size: 22px;
    font-weight: bold;
}
/*------------------
Formulaire d'inscription
------------------*/
.wppb-form-field {list-style-type:none;}
.wppb-checkboxes {list-style-type:none;}
.wppb-checkboxes .wppb-required {list-style-type:none;}

/*------------------
FIL D'ARIANE
------------------*/
#breadcrumbs a{color: #009688;}
#breadcrumbs {margin: 5px 0 13px 0;}
/*------------------
HEADER
------------------*/
/* Logo */
.navbar-header .display-logo img{    width: auto;
    height: 60px;}
.navbar-header h1.display-logo{margin:0 0 0 0;}
.navbar-header .site-description{display:none;}

/* container princpal - laisse la place pour le header fixe */
.container-principal{margin-top:75px;}
.hidden{display:none;}

@media (max-width: 1199px){
/* On affiche le titre du site sur mobile, bien aligné */
#masthead .site-description {
    margin: 0;
    padding: 10px 0 10px 0;
}}

/*--------------------------------
BLOC EVENEMENTS HEADER
--------------------------------*/
.header-events{/*text-align:center;*/}
.header-events p{margin:0;}

.bloc-event-1 {
background:url('/wp-content/uploads/sites/54/2016/11/001.jpg') left center no-repeat #FFF;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
border-top-left-radius: 30px;}

.bloc-event-2 {
background:url('/wp-content/uploads/sites/54/2016/11/003.jpg') right center no-repeat #FFF;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
border-top-right-radius: 30px;}

.bloc-event-1 a{color: #0099cc;
text-align:center;
padding:15px 0;
margin-left: 25px;
display:block;
font: italic bold 13px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 18%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 18%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 18%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.bloc-event-2 a{color: #cc66cc;
padding:15px 10px;
display:block;
font: italic bold 13px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+70,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.bloc-derniere-maj{
	font-style:italic;
	padding:20px 20px 10px 0;
	color: whitesmoke;
	font-size: 14px;
	}

/*--------------------------------
BLOC COMMENT CA MARCHE
--------------------------------*/
#bloc-explications h3{color:#FFF;
padding: 5px 10px;
background: rgb(42,165,214);
    background: -moz-linear-gradient(-45deg, rgba(42,165,214,1) 41%, rgba(255,255,255,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(42,165,214,1) 41%,rgba(255,255,255,1) 77%);
    background: linear-gradient(135deg, rgba(42,165,214,1) 41%,rgba(255,255,255,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa5d6', endColorstr='#ffffff',GradientType=1 );
	}
#bloc-explications .sow-more-text a {
    color: #06C;
    border: 1px solid #2196F3;
    border-radius: 10px;
    padding: 5px 16px;
}/*
#bloc-explications .sow-more-text a {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
#bloc-explications .sow-more-text a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
#bloc-explications .sow-more-text a:active {
	position:relative;
	top:1px;
}*/
#bloc-explications .sow-more-text a {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#bloc-explications .sow-more-text a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
#bloc-explications .sow-more-text a:active {
	position:relative;
	top:1px;
}
/*------------------
BLOC PROCHAINEMENT
------------------*/
#bloc-prochainement h3{color:#FFF;
padding: 5px 10px;
background: rgb(42,165,214);
    background: -moz-linear-gradient(-45deg, rgba(42,165,214,1) 41%, rgba(255,255,255,1) 85%);
    background: -webkit-linear-gradient(-45deg, rgba(42,165,214,1) 41%,rgba(255,255,255,1) 85%);
    background: linear-gradient(135deg, rgba(42,165,214,1) 41%,rgba(255,255,255,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa5d6', endColorstr='#ffffff',GradientType=1 );
	}

/*------------------
PAGE CATEGORY
------------------*/
#content{
padding:0 0 50px 15px;/* On laisse un espace sur les page, sauf sur la page d'accueil*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+89,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 89%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 89%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 89%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.breadcrumb_last{display:none;}

/* Liste de catégories */
.category-liste > li > a{font-weight:bold;font-size:1.3em;color: #009688;}
.category-liste{list-style-type: none;}
.category-liste .children{list-style-type: none;margin:15px 0 30px 0;}
.category-liste .children li{margin-bottom: 15px;}

/* Liste d'articles */
.hentry.article-liste {padding: 10px 10px;}
.hentry.article-liste .entry-title {text-align: left;font-size: 25px;}
.hentry.article-liste h3.entry-title {font-size: 20px;}

.hentry.article-liste .entry-content, .hentry.article-liste .entry-summary {
    padding: 0 0 0;
}

.archive .children a i{color: #555;
    font-weight: 500;}
/**/
/*------------------
PAGE ARTICLE
------------------*/
.hentry {padding: 40px 30px;}
.hentry .entry-title {font-size: 35px;}
.single-post .entry-thumbnail img
,.tag  .entry-thumbnail img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 100px;
border:2px solid #009688;
-webkit-box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.33);
box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.33);
}

/* Commentaires */
#comments {
    padding: 50px 90px 0 90px;
}
/*------------------
SOUS MENU
------------------*/
/* 1er niveau */
#site-navigation li > a{font-weight:bold;font-size:14px;}

/* 2eme niveau */
#site-navigation .sub-menu li a{font-weight:normal;display: block;
    line-height: inherit;}
#site-navigation .sub-menu{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*-----------------------------
PUB Sidebar
-----------------------------*/
.pub{text-align:center;margin:40px 0;}

/*-----------------------------
BLOC HON
-----------------------------*/
.bloc-hon{font-size:14px;}

/*-----------------------------
MOTEUR RECHERCHE THEMATIQUE
-----------------------------*/
.bloc-recherche-thematique input[type="submit"]{margin:20px 0;}

.bloc-recherche-thematique {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255) ; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.bloc-recherche-thematique  select{margin-bottom:15px;}

.bloc-recherche-thematique .clearfix{
background-image:url('/wp-content/uploads/sites/54/2016/11/002.png');
background-position:bottom right;
background-repeat:no-repeat;
}

.bloc-recherche-thematique h3{color:#009688}
/*-----------------------------
BLOC CONNEXION
-----------------------------*/
#wppb-submit{
    display: block;
	margin: 10px auto 0 auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
#wppb-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
/*-----------------------------
MOTEUR RECHERCHE COTE
-----------------------------*/
#searchform .submit {
    display: block;
	margin: 10px auto 0 auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
#searchform .submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
#searchform .submit:active {
	position:relative;
	top:1px;
}
/*-----------------------------
bloc cote
-----------------------------*/
.sidebar-offcanvas {background-color:transparent !important;}
#secondary {
    background-color: #00439b;
     background-image: url(/wp-content/uploads/sites/54/2016/11/bg005.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}
/*-----------------------------
FOOTER
-----------------------------*/
.subfooter .container{
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
}
.subfooter .container a {color: #009688;}
/*------------------
PAGE INTERVENANTS
------------------*/
@media only screen and (min-width : 768px) {
    .is-table-row {
       
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}
.hentry.article-liste-intervenant .entry-thumbnail {
    margin: 0 0 0;
}
.hentry.article-liste-intervenant {
    padding: 5px 5px;
}
.intervenant-lettre-alphabet a{
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;}
.intervenant-lettre-alphabet{
	padding:5px 10px;
	margin-top:55px;
	margin-bottom:15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2aa5d6+41,ffffff+77 */
background: rgb(42,165,214); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(42,165,214,1) 41%, rgba(255,255,255,1) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(42,165,214,1) 41%,rgba(255,255,255,1) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(42,165,214,1) 41%,rgba(255,255,255,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa5d6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}