/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, pre, form, label, fieldset, input, th, td { margin:0; padding:0 }
fieldset, img { border:0 }

/* js hide and show */
html.no-js .hide-if-no-js,html.js .hide-if-js{display:none;}

.screen-reader-text{ position:absolute;left:-9999em; }
a.screen-reader-text, a.screen-reader-text:hover, a.screen-reader-text:visited{ position:absolute; }
a.screen-reader-text:active, a.screen-reader-text:focus{ position:static; }

.adv_search_active_filter{font-weight:bold;}
.adv_search_filter_item{ text-indent:-4em; margin-left:5em; }
.adv_search_filter_item a, .adv_search_filter_item span{ white-space:nowrap; }

sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;}
sup{bottom:1ex;}
sub{top:0.5ex;}

#accessitools{position:absolute;top:0;right:0;min-width:100px;height:30px;z-index:1000;margin:0;padding:5px 0 5px 20px;}
#accessitools li{margin:0;padding:0;display:block;list-style:none;float:left;}
li.tool-icon{width:26px;}
li.tool-icon a{display:block;width:0px;padding:0;height:26px;padding-left:26px;overflow:hidden;background: url(../images/icon_accessitools.png);}
li.tool-shrink-text a{ background-position:0 130px;}
li.tool-enlarge-text a{ background-position:0 104px;}
li.tool-style-reg a{ background-position:0 78px;}
li.tool-style-contrast a{ background-position:0 52px;}
li.tool-style-reverse a{ background-position:0 26px;}

.os-credit{display:none;}


a img { border:none } /* Gets rid of IE's blue borders */
img.alignnone,img.aligncenter,img.alignleft,img.alignright,
.wp-caption img{ max-width:100%; height:auto !important; } /*prevent the OMG my image is too big syndrome */



/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figcaption, footer, header,hgroup, menu, nav, section {
    display: block;
}
figure{
    display:inline-block;
}


/* BASICS LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */



.menu,.menu ul,.menu li{ margin:0;padding:0;}
.menu li{list-style:none;}
.menu a{text-decoration:none;}

.inline-menu{ }
.inline-menu li{ display:inline; }
.inline-menu a{ display:inline-block; padding:0; }
.inline-menu li:first-child a{ padding-left:0; }

.float-menu:after{ content:'.';display:block;height:0;clear:both;visibility:hidden; }
.float-menu li{ }
.float-menu>ul>li{ float:left; margin:0 0.5em; }
.float-menu>ul>li:first-child{ margin-left:0; }

.column-menu:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.column-menu>.menu>.menu-item{float:left;}
.column-menu.remove-column-header>.menu>.menu-item>a{display:none;}

.dropdown-menu:after{ content:'.';display:block;height:0;clear:both;visibility:hidden; }
.dropdown-menu li { position:relative; white-space:nowrap;} /*override white-space my spec width if necessairy*/
.dropdown-menu>ul>li{ float:left; margin:0 0.5em; }
.dropdown-menu>ul>li:first-child{ margin-left:0; }
.dropdown-menu li ul{ display:none;position:absolute; }
.dropdown-menu li:hover>ul{ display:block; }

/* self clear: appliquer aux éléments contenant des floats */
.sc:after { content: "."; display: block; min-height: 200px; clear: both; visibility: hidden; }
/* stretch to margin: appliquer aux éléments qu’on veut stretch. 
!!! Les distances entre l’élément et son container doivent être défini par les margins; top-right-bottom-left doivent rester zéro (0) */
.stm{display:block;position:absolute;height:auto;top:0;right:0;bottom:0;left:0;margin:0;}

.web20 a{
    display:inline-bloc;background-image:url(../images/sprite-social-media.png);overflow:hidden;text-indent:100px;white-space:nowrap;padding:0;vertical-align:text-bottom;
}
.web20 a:hover{
}


/* ----------------------------------------------------------------------GENERAL---------------------------------------------------------------------- */
/* ----------------------------------------- */

body {
}

.mainwidth,
#wrapper{
    width: 960px;
    margin: 0 auto;
    padding-left:5em;
}



/* ----------------------------------------------------------------------Header ----------------------------------------------------------------------*/

hgroup img {
    width:25%;
}

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


/* ----------------------------------------------------------------------Top Menu---------------------------------------------------------------------- */

#topmenu {
    text-align:right;
}

#topmenu li {
    margin-right:10px;
}

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


/* ----------------------------------------------------------------------Main-Menu----------------------------------------------------------------------*/

#mainmenu .menu {
    border-bottom:1px solid #a6a6a6;
    padding-bottom:32px;
}

#mainmenu li {
    padding-bottom:15px;
}

#mainmenu li:hover,
#mainmenu .current-menu-item {
    background-image:url("../images/sprite-menu-up.png");
    background-repeat:no-repeat;
    background-position:center;
    background-position:bottom;
}

#mainmenu .menu-item-has-children:hover {
    background-image:none;
}

#mainmenu li .sub-menu {
    padding-top:0px;
    margin-left:5px;
    margin-top:-1px;
    z-index:100;
}

#mainmenu li .sub-menu li:first-child {
    padding-top:10px;
}

#mainmenu li:hover>ul:before {
    content:url("../images/sprite-menu-down.png");
    position:relative;
    left:25%;
    top:9px;
    z-index:101;
}

#mainmenu li .sub-menu li {
    margin-bottom:2px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:20px;
}

#mainmenu li .sub-menu li:hover {
    background-image:none;
}

#mainmenu li .sub-menu .menu-item-has-children {
    position:relative;
}

#mainmenu li .sub-menu .menu-item-has-children:after {
    content:">";
    font-size:1.3em;
    position:absolute;
    right:7px;
    top:3px;
}

#mainmenu li .sub-menu li .sub-menu {
    padding-top:0px;
    padding-left:175px;
    margin-top:-20px;
}

#mainmenu li .sub-menu li .sub-menu:before {
    content:"";
}

#mainmenu li .sub-menu li .sub-menu li:first-child {
    padding-top:5px;
}

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


/* -------------------------------------------------------------------Content------------------------------------------------------------------- */
.breadcrumb{
    margin:4ex 0 2ex;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	border-top: 1px solid #a6a6a6;
}

.top-bottom-blue {
    border-top:2px solid #006CB6;
    border-bottom:2px solid #006CB6;
    margin:2ex 0 2ex
}
.home .top-bottom-blue{
    border-top:none;
}

.wrapper-principal {
    margin-top:-7px;
	padding: 30px 0 20px 0;
}


/* ------------------- side info ---------------------- */


.side-infos {
    float:left;
    width:20%;
    margin-right:20px;
}

.side-infos li {
    list-style:none;
}
.side-infos ul, .side-infos ol{
    margin:0;padding:0;
}
.side-infos li ul, .side-infos li ol{
    margin-left:0.5em;
}

.side-infos aside{
    margin-bottom:1em;
}
.top-anchors, .info-docs {
    padding:1ex 1em;
}


.doctype-icon {
	height: 18px;
	vertical-align: middle;
	width: 18px;
	margin-right: 5px;
	border: none;
}

/*---------Home portails------------*/




.home-portails {
    width:100%;
    display:inline-block;
}

.home-portails .portail {
    width: 32.2%;
    float:left;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:-15px;
}

.home-portails .portail:nth-child(3n+2) {
    margin-left:15px;
    margin-right:15px;
}

/*.home-portails .portail p, 
.home-portails .portail .portail-name  {
    color:#ffffff;
    background-color: #006CB6;
    padding-left:10px;
    padding-top:15px;
    padding-right:20px;
}*/

/*.home-portails .portail .portail-name {
    border-top-left-radius:0.6em;
    border-top-right-radius:0.6em;
    margin-bottom:3px;
    padding-bottom:12px;
    white-space:nowrap;
}*/

/*.home-portails .portail p {
    border-bottom-right-radius:0.6em;
    border-bottom-left-radius:0.6em;
    margin-top:0px;
    padding-bottom:10px;
}*/

/*.home-portails .portail p a:after {
    content:"…"
}*/
.portail-square p,
.portail-square .portail-name{
    color:#ffffff;
    background-color: #006CB6;
    padding-left:10px;
    padding-top:15px;
    padding-right:20px;
	max-height:100px;
}
.portail-square .portail-name {
    border-top-left-radius:0.6em;
    border-top-right-radius:0.6em;
    margin-bottom:3px;
    padding-bottom:12px;
    white-space:nowrap;
}

.portail-square p {
    border-bottom-right-radius:0.6em;
    border-bottom-left-radius:0.6em;
    margin-top:0px;
    padding-bottom:20px;
    min-height: 18ex;
}

.portail-read-the-rest:after{
    content:"…"
}
/*---------End Home portails------------*/

/*--------- Home nouvelles ------------*/
.rss-feed{
    
}
/*--------- END Home nouvelles ------------*/


/* ------------------ Contenu MARC 21 ----------------------- */


/* complement carousel */
#complements{
    position:relative;
}
.complement-carousel{
    
}
.complement-carousel article{
    width:300px;
    margin:1em 16px 1em 4px;
}
.slideshow_controls{
    top:40%;
    width:100%;
}
.slideshow_controls a{
    position:absolute;
    top:0%;
    text-decoration:none;
    display:bloc;
    width:1em;
    height:2em;
    overflow:hidden;
    font-size:3em;
}
 .slideshow_controls a.prevBtn{
    left:-1em;
}
 .slideshow_controls a.nextBtn{
    right:-1em;
}
.slideshow_controls a:before{
    font-family:icomoon;
}
.slideshow_controls a.prevBtn:before{
    content:"\e612";
}
.slideshow_controls a.nextBtn:before{
    content:"\e611";
}


/* ------------------ Encadre (aside) ----------------------- */

.encadre{
    padding:1ex 1em;
}






/* ------------------ Notice ----------------------- */
.notice{
    padding:1ex 1em;
}

.marc21-section{
    margin:3em 0;
}
/* ----------------------------------------- */

/* pagination */
.postsnav{
}
.link_paged{
    display:inline-block;
    text-decoration:none;
    width:1em;height:1em;line-height:1em;
    margin:0 0.25em;
}
a.link_paged:hover{
}
.current_paged_link{
}
span.link_paged{
}
/* -------------------------------------------------------------------Table of content------------------------------------------------------------------- */
/* ----------------------------------------- */

.TOC_header{}
ul.TOC_list{}
.TOC_list a{
    text-decoration:none;
}
.TOC_list a:hover{
    text-decoration:underline;
}
li.link-page{
    list-style:circle;
}
li.link-page.link-page-current{
    list-style:disc;
}

/* ------------------------------------------------------------------- Pagination ------------------------------------------------------------------- */
/* ----------------------------------------- */


/* ------------------------------------------------------------------- Comments ------------------------------------------------------------------ */
/* ----------------------------------------- */
.comments{}

.comment{
    position:relative;
    padding-left:80px;
}

.comment-author{}
.comment-meta{}
.comment-avatar{position:absolute;top:0;left:0;}
/* ------------------------------------------------------------------- Portails ------------------------------------------------------------------- */
/* ----------------------------------------- */
.portail-archive{
    position:relative;
}
.portail-col-1,.portail-col-2{
    float:left;
}
.portail-col-1{
    width:37%;
}
.portail-col-2{
    width:60%;
    margin-left:3%;
}

.portail-rss-feed{
    font-size:2em;
    position:absolute;
    top:0.5em;right:0.5em;
}
.portail-rss-feed:before{
    color:#FFF;
}

/* -------------------------------------------------------------------Sidebar------------------------------------------------------------------- */
/* ----------------------------------------- */
#sidebar{
    position:fixed;
    top:0;
    left:-225px;
    left:-13.7rem;
    width:240px;
    width:17.14285714rem;
    height:100vh;
    transition:left 1s;
}

#content-sidebar {
    width:80%;
    height:100%;
    padding-top:60px;
    position:relative;
}

#content-sidebar section, #bottom-credits {
    padding-left:5px;
    width:88%;
}

#content-sidebar section {
    padding-right:0px;
}

#sidebar.opened{
    left:0;
}
#sidebar-switch{
    box-shadow: 0 7px 10px rgba(255, 255, 255, 0.38);
    position:absolute;
    top:2em;right:0;
    height:100%;
    width:20%;
}

.sidebar {}
.widgets{
    margin:0;padding:0;
}
.widget{
    list-style:none;
    margin:0 0 2em;
    padding:0;
}
.widgettitle {}

#bottom-credits {
    position:absolute;
    bottom:60px;
}

.widget_kaki_search .search-input{
    width:12em;
}
/*
#sidebar #s-search-2 {
    height:18.3px;
}*/


/**

le code suivant bloque en partie la fluidité recherché dans 

#submit-search-2 {
    text-indent:-66px;
    color:transparent;
    background-color:#A1C853;
    border:1px solid #A1C853;
    width:20px;
    border-radius:0px 3px 3px 0px;
}

#submit-search-2:hover {
    cursor:pointer;
}

#submit-search-2:after {
    font-family: 'icomoon';
    content: "\e616";
    color:#ffffff;
    position:relative;
    top:0px;
    left:0px;
}

.search-submit {
    text-indent:-130px;
    color:transparent;
    background-color:#A1C853;
    border:1px solid #A1C853;
}

.search-submit:after {
    font-family: 'icomoon';
    content: "\e616";
    color:#ffffff;
    position:relative;
    top:0.5px;
    left:0px;
    background-color: #6B823A;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:5px;
}
*/


/* -------------------------------------------------------------------Footer------------------------------------------------------------------- */
/* ----------------------------------------- */

#footer {
}
#bottommenu .menu-item{
    margin-right:1em;
}
#copyright {
}


/* -------------------------------------------------------------------Form------------------------------------------------------------------- */
/* ----------------------------------------- */
form{display:inline;}
input, button, select {
    vertical-align: top; /* Solution pb. d'alignement. (9) */
    font-size: 100%;
    display:inline-block;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[type=text]{
    border:1px solid #a6a6a6;
    border-radius:0.5ex;
    padding:0.25ex 0.5em;
}

/* button */
input[type=submit],
input[type=button],
input[type=reset],
button{
    border:1px solid transparent;
    border-radius:0.5ex;
    text-transform:uppercase;
    color:#ffffff; 
    font-family: 'Lato', sans-serif;
    font-weight:700;
    /*font-size:10px;
    font-size:0.71428571rem;*/
    cursor:pointer;
}



/* ------------------- search input with icon ---------------------- */
.search-input{
    padding-right:2em;
    border-radius:0.5ex 0 0 0.5ex;
    border-color:transparent!important;
}

.search-input, .search-submit{
    display:inline-block;
    padding: 0.25ex 0;
    margin:0;
    vertical-align:middle;
}

.search-input + .search-submit{
    padding: 0.25ex 0;
    position:relative;
    left:-0.5em;
    border-radius:0 0.5ex 0.5ex 0;
    
    overflow:hidden;
    white-space:nowrap;
    width:2.25em;
}
.search-input + .search-submit:before{
    font-family: 'icomoon';
    font-size:1.5em;
    content: "\e616";
    position:absolute;
    width:2em;
    left:0;top:50%;
    margin-left:-1.2em;margin-top:-0.5em;
}
/* ------------------- FIN search input with icon ---------------------- */

/* ------------------- Styled select ---------------------- */

.styled-select,
.ie9 .styled-select option {
    color:#ffffff;
    background-color:#83A346;
}

.styled-select {
/*    width: 240px;*/
    overflow: hidden;
    border:none;
    display:inline-block;
    position:relative;
    border-radius:0.3em;
    vertical-align: middle;
}

.styled-select select {
    background: transparent;
    width:120%;
    width:calc(100% + 2em);
    padding: 1px 1.75em 1px 0.5em;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}


.styled-select:after {
    content: "\e614";
    font-family: 'icomoon';
    color:#ffffff;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#6B823A;
    font-size:1.8em;
    
    pointer-events: none;
}

.styled-select option {
    color:#4d4d4d;
    background-color:#ffffff;
    padding-right:21px;
}

/* ------------------- FIN Styled select ---------------------- */


/* ------------------- Styled radio and select ---------------------- */

input[type=checkbox], input[type=radio] {
    display: none;
}

label:hover {
    cursor:pointer;
}
input[type=checkbox] + label,
input[type=radio] + label {

}

input[type=checkbox] + label:before,
input[type=radio] + label:before {
    display: inline-block;
    height: 2.25ex;
    margin-right: 0.25em;
    vertical-align: bottom;
    width: 1.2em;
}

input[type=checkbox] + label:before {
    content:url("../images/checkbox-unchecked.svg");
}

input[type=checkbox]:checked + label:before {
    content:url("../images/checkbox-checked.svg");
}

input[type=radio] + label:before {
    content:url("../images/radio-unchecked.svg");
}

input[type=radio]:checked + label:before {
    content:url("../images/radio-checked.svg");
}


/* ------------------- FIN Styled radio and select ---------------------- */



/* placeholder color */
::-webkit-input-placeholder{
    color:#000;
}
::-moz-placeholder{
    color:#000;
}
::-ms-input-placeholder{
    color:#000;
}
input.placeholder,textarea.placeholder{
    color:#000;
}

form dt{
    position:absolute;
    width:10em;
    text-align:right;
    margin-top:0.2ex;
}
form dt.freeflow{
    position:static;
    width:auto;
    text-align:left;
    margin-top:inherit;
}
form dd{
    margin-left:11em;
}

/*--------home-search-form------*/

.home-search-container {
    border-radius:0.8em;
    padding:1em;
}

.home-search-container legend{
    /*margin:1em 0;*/
}


/*------  simple search --------*/

.home-search-simple-container{
}

.home-search-simple-form{
    display:block;
    padding:6em 6em 5em;
    text-align:right;
}

.home-search-simple-form .search-input{
    width:80%;
}
.home-search-advanced-deploy{
    display:block;
    margin:2ex 7%;
}


/*------  advanced search --------*/


.home-search-advanced-form{
    display:block;
}
.home .home-search-advanced-form{
    padding:2em;
}

.home-search-advanced-form .search-input{
    width:20em;
}


.home-search-container li {
    list-style:none;
}

.search-advanced-text-operator{
    display:block;
    margin-bottom:1ex;
}
#search-advanced-text-input-1 .search-advanced-text-operator{
    display:none;
}
#search-advanced-text-delete-1,#search-advanced-text-operator-1 {
    display:none;
}

body.search .search-advanced-text-input{
    line-height:2em;
}


/* cols */
.home fieldset.cols{
    float:left;
    width:25%;
}

.search-checkbox,.search-checkbox ul,.search-checkbox li{
    margin:5px 0;padding:0;
}
.search-checkbox{
    margin-left:0.5em;
}
.search-checkbox .children{
    margin:0;padding:0;
    margin-left:1.5em;
}


.search-advanced-buttons{
    margin:1.5em 0 0;
}


#submit-home-seach-advanced, #reset-home-seach-advanced {
    font-size:1.5em;
}
#submit-home-seach-advanced:after{
    font-family:'icomoon';
    content:"\e616";
}



/*--------end home-search-form------*/


/*--------------Home posts-----------*/
#home-news{
    position:relative;
}
.rss-feed{
    display:block;
    width:1em;
    height:1.5em;
    overflow:hidden;
    white-space:nowrap;
}
.home-rss-feed{
    font-size:3em;
    position:absolute;
    top:0;right:0;
}
.rss-feed:before{
    font-family:icomoon;
    content: "\e615";
    width:1em;
    display:inline-block;
}
.home-rss-feed:before{
    color:#FFBA00;
}

.home-news-container .post {
    float: left;
    margin-bottom: -15px;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 32.2%;
    height:220px;
}

.home-news-container .post img {
    float:left;
    margin-right:5px;
}


.home-news-container .post:nth-child(3n+2) {
    margin-left: 15px;
    margin-right: 15px;
}




/*--------------End Home posts-----------*/

/* ------------------------------------------------------------------- SEARCH RESULTS ------------------------------------------------------------------- */
/* ----------------------------------------- */
.search-col-right{
    float:right;
    width:60%;
}
.search-col-left{
    float:left;
    width:35%;
}

.legend{
    padding:1px 1em;
    margin:1em 0;
}
.legend h1{
    
}
.result-count{
    float:left;
}
.result-pages{
    float:right;
}

.adv_search_results article:before{
    display:block;
    content:' ';
    width:5em;
    border-top:1px solid #000;
    margin-top:1em;
}
.adv_search_results article:first-child:before{
    content:none;
}
.adv_search_results h1.post-title{
    
}

/* -------------------------------------------------------------------SLIDESHOW------------------------------------------------------------------- */
/* ----------------------------------------- */



/* -------------------------------------------------------------------Gallery------------------------------------------------------------------- */
.image-shadow,
/*img.alignnone, img.aligncenter,
img.alignleft, img.alignright, */
.wp-caption, .gallery-item  {
    display:inline-block;
    border:1px solid #a6a6a6;
    border-top-color:#000000;
    border-right-color:#EEE;
    padding:4px;
    background-color:#ffffff;
    outline:none;
    position:relative;
    /*z-index:400;*/
}

.image-shadow:before, .image-shadow:after,

/*img.alignnone:before, img.aligncenter:before,
img.alignleft:before, img.alignright:before, */
.wp-caption:before, .gallery-item:before, 

/*img.alignnone:after, img.aligncenter:after,
img.alignleft:after, img.alignright:after, */
.wp-caption:after, .gallery-item:after {
    content:" ";
    position:absolute;
    z-index:-5;
    bottom:15px;
    left:10px;
    width:43%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -ms-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.image-shadow:after,
/*img.alignnone:after, img.aligncenter:after,
img.alignleft:after, img.alignright:after, */
.wp-caption:after, .gallery-item:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
    -moz-transform:rotate(3deg);  
    -ms-transform:rotate(3deg);  
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

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

.gallery {}

.gallery img {display:block;}
.gallery-icon{margin:0;}
.gallery .gallery-item{margin:1ex;}

/* -------------------------------------------------------------------Lightbox------------------------------------------------------------------- */
/* ----------------------------------------- */

.TB_overlayBG {
    background-color: white!important;
    -moz-opacity: 0.85!important;
    -khtml-opacity: 0.85!important;
    opacity: 0.85!important;
}

.error{color:red;}

/****** Ajouts Daniel Pelchat ****/

/**** bug menu ***/
#mainmenu li .sub-menu li .sub-menu {

    padding-left: 0;
    margin-left:234px;
}
#content-sidebar {
    min-height: 700px;
}

/**** clearfix ****/
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/**** Affichage commentaires ****/

.dp_comment {
    display: table;
    padding-bottom: 15px;
}
.dp_avatar {
    display: table-cell;
    padding-right: 15px;
}
.dp_comment_text {
    display: table-cell;
    vertical-align: top;
}

/**** Portails comme maquette modification dans header.php pour ajouter classe Portail ****/
.Portail article header { 
    display: none; 
} 
.Portail .top-bottom-blue{ 
    border: none;
}
.Portail #content {
    padding-top: 10px;
}
.Portail .wc-shortcodes-column-last { 
    border-top: 2px solid #006CB6; 
    border-bottom: 2px solid #006CB6;
    margin-left: 10px; 
    padding-left: 20px;
}
.Portail .wc-shortcodes-box {
    border: none;
    margin-bottom: 4px;
}
.Portail .wc-shortcodes-box:nth-of-type(1) {
    border-radius: 5px 5px 0 0;
}
.Portail .wc-shortcodes-content h3 {
    font-size: 16px;
}
.Portail .wc-shortcodes-box:nth-of-type(2) {
    border-radius: 0 0 5px 5px;
    margin-bottom: 4px;
}
.Portail .wc-shortcodes-box-primary {
        background: #006CB6!important;
}
.Portail .wc-shortcodes-box-secondary {
        background: #d6e6f1!important;
}
.Portail .wc-shortcodes-box-info {
    background: #fff!important;
}
.wc-shortcodes-box.wc-shortcodes-box-info * {
    color: #000;
}
.Portail .dp_legend {
    width: 24px;
    position: relative;
    top: 10px;
    margin-top: -5px;
}


/* ACF -------------------------------------*/

.acf-field .acf-table thead th {
	background-color: #eee;
	border: none;
}

#theme-my-login .acf-input-wrap input {
	width:99%;
}

#theme-my-login .acf-field-image * {
	width: auto;
}

.acf-field .mce-menubar {
	display: none;
}

.acf-table {
	width: 100%;
}

.form-table {
	width: 100%;
}

.form-table tr {
	border-bottom: 1px solid #eee;
}

.form-table tr:last-of-type {
	border-bottom: none;
}

.form-table, .form-table th, .form-table td {
	border: none
}

.form-table tbody .acf-field .acf-label label {
	font-size: 11px !important;
	font-weight: normal !important;
}

#your-profile .form-table th, #your-profile .form-table input, #your-profile .form-table select {
	font-size: 11px;
}

input.button-primary {
	padding: 10px;
}

.profile h3 {
	font-family: 'Bree Serif', serif;
}

#theme-my-login .acf-label label {
	font-size: 11px;
	font-weight: normal;
}

#theme-my-login input {
	font-size: 11px;
	height: 20px;
	padding: 5px;
	line-height: 12px;
	box-sizing: border-box;
	width: 20%;
}

#theme-my-login input {
	font-size: 11px;
	height: 20px;
	padding: 5px;
	line-height: 12px;
	box-sizing: border-box;
	width: 20%;
}

/* Page members-single.php */

.membre-single h1 {
	margin-top: 0;
}

.membre-single h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin-top: 0;
}

.membre-single .user_infos {
	width: 100%;
	border:none;
}

.membre-single .user_infos td {
	padding: 10px;
	border:none;
	border-bottom: 1px solid #eee;
}

.membre-single .user_infos td p:first-of-type {
	margin-top:0;
}

.membre-single .user_infos td p:last-of-type {
	margin-bottom:0;
}

.membre-single tr:last-of-type td {
	border-bottom: none;
}

.membre-single .user_infos .fields {
	width: 25%;
	padding-left: 0;
	font-weight: bold;
}

.membre-single .user_infos td .formations {
	width: 100%;
	margin: 0;
	border: none;
}

.membre-single .user_infos td .formations tr td:first-of-type {
	padding-left: 0;
}

.membre-single .user_infos td .formations tr:first-of-type td {
	padding-top: 0;
}

.membre-single .user_infos td .formations tr:last-of-type td {
	padding-bottom: 0;
}

.membre-single .col-left {
	vertical-align: top;
	display: table-cell;
	width: 200px;
}

.membre-single .photo {
	box-sizing: border-box;
	display: block;
	width: 200px;
	height: 200px;
	border: 2px solid #888;
	padding: 5px;
	margin-bottom: 20px;
	box-shadow: 0px 5px 5px #ccc;
}

.membre-single .col-right {
	width: auto;
	vertical-align: top;
	display: table-cell;
	padding-left: 30px;
}

.lien-profil-public {
	margin-top:20px;
	margin-bottom:35px;
}

.lien-profil-public a {
	padding: 15px;
	background: #eee;
	font-size:13px;
}

.term-operator {
	opacity: 0.5;
}

.pnouvelles {
padding-top: 300px;
}