/*
Couleur de fond : #fff
Bleu cdc 2018 : #0047ba
*/

:root{
/*    --main-color: #0047ba;*/
/*    --light-main-color: #0047ba88;*/
/*    --extralight-main-color: #0047ba66;*/
    --main-color: #000000;
    --light-main-color: #00000088;
    --extralight-main-color: #00000066;
    --bg-color: #ffffff;
    --accent-color: #005cb8;
    --light-accent-color: #c6e7ea;
    --deco-color : #85ccd2;
	--deco-color-47 : rgba(130,204,210,0.47);
	--deco-color-15 : rgba(130,204,210,0.15);
    --light-deco-color : #c6e7ea69;
}

/* DECORATIONS ICONS */
.cdc-icon{
    display:inline-block;
}
.icon-email {
    background: url('images/icon-email.png') no-repeat scroll left transparent;
    width: 24px;
    height: 17px;
}
.icon-email:hover,
.icon-email:focus {
    background-image:url('images/icon-email-bleu.png');
}
.icon-location {
    background: url('images/icon-location.png') no-repeat scroll left transparent;
    width: 17px;
    height: 24px;
}
.icon-location:hover,
.icon-location:focus {
    background-image:url('images/icon-location-bleu.png');
}
.icon-pen {
    background: url('images/icon-pen.png') no-repeat scroll left transparent;
    width: 11px;
    height: 22px;
}
.icon-pen:hover,
.icon-pen:focus {
    background-image:url('images/icon-pen-bleu.png');
}
.icon-linkedin {
    background: url('images/picto_linkedin.png') no-repeat scroll left transparent;
    background-size: contain;
    width: 24px;
    height: 24px;

}
.icon-linkedin:hover,
.icon-linkedin:focus {
    background-image:url('images/picto_linkedin_bleu.png');
}

/* COLORS */
html,
html.home-choice {
    background: var(--bg-color);
}
body {
    color: var(--main-color);
}
a,
a:hover,
a:visited {
    color: var(--main-color);
}
.site {
    background: transparent;
}
.site-header {
    background:none !important;
}
.site-header .contact-phone a,
.site-header .contact-phone a:hover,
.site-header .contact-phone a:visited {
    color: var(--main-color);
}
.site-header .search-form {
    color: var(--main-color);
}
.site-header .search-field:focus {
    border: 2px solid var(--main-color);
}
::-webkit-input-placeholder{
    color: var(--light-deco-color);
}
::-moz-placeholder{
    color: var(--light-deco-color);
}
::-ms-input-placeholder{
    color: var(--light-deco-color);
}
:-moz-placeholder {
    color: var(--light-deco-color);
}

h4 {
    color: var(--main-color);
}
.navbar {
    background-color: var(--bg-color);
}
.menu-menu-1-container {
    /*border-top: 1px solid var(--main-color);*/
}
.main-navigation {
    background-color: var(--bg-color);
}
.nav-menu .sub-menu, .nav-menu .children {
    background-color: var(--bg-color);
    border-top: 1px solid var(--deco-color);
}
.sub-menu {
    background: var(--bg-color);
}
ul.nav-menu ul a, .nav-menu ul ul a {
    color: var(--main-color);
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-parent > a,
.nav-menu .current-menu-ancestor > a {
    background-color: var(--bg-color);
    color: var(--accent-color);
    font-style: normal;
}

.nav-menu ul li:hover > a,
.nav-menu ul li a:hover,
.nav-menu ul li:focus > a,
.nav-menu ul li a:focus,
.nav-menu ul .current_page_item > a,
.nav-menu ul .current_page_ancestor > a,
.nav-menu ul .current-menu-item > a,
.nav-menu ul .current-menu-ancestor > a {
    background: none transparent;
    text-decoration: underline;
}

.archive-description h1,
.entry-header h1 p,
.page-header h1 p
{
    color: var(--main-color);
}



.page-intro {
    background-color: #0b0036;
    text-shadow:3px 3px 6px #000000;
}
.page-intro .header-intro {
    background: url("images/fondheaderintro.jpg") no-repeat scroll center center #0F0239;
}

.page-intro .header-intro .contact-header {
    background: url("images/picto-contactez-nous.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #FFFFFF;
}
.page-intro .page-intro-content {
    background: url("images/intro-fond-coeur.png");
}

.page-intro .page-intro-content .coeur .infos h1,
.page-intro .page-intro-content .coeur .infos p,
.page-intro .page-intro-content .bloc-images-3-et-4 p,
.footer-intro a, .footer-intro a:hover {
    color: #FFFFFF;
}
.footer-intro {
    background-color:#010022;
}
.footer-intro .footer-intro-logo-adresse .bloc-centre p {
    color: #FFFFFF;
    text-shadow:3px 3px 6px #000000;
}
.menu-intro-footer li {
    color: #665ed1;
}
.menu-intro-footer li a,
.menu-intro-footer li a:hover {
    color: #665ed1;
}



.site-content {
    background-color: var(--bg-color);
}
.page-content {
    background-color:var(--bg-color);
}
.homepage-bloc  span::before {
    color: var(--bg-color);
}
.homepage-bloc:hover span::before {
    color: var(--deco-color);
}
.homepage-bloc span:hover::before {
    color: var(--accent-color);
}

#homepage-bloc-1 a,
#homepage-bloc-2 a ,
#homepage-bloc-3 a ,
#homepage-bloc-4 a ,
#homepage-bloc-5 a ,
#homepage-bloc-6 a {

/*    background: url("images/coeur-survol-bloc-6_bleu2.png") no-repeat scroll center center transparent;*/
/*    background : var(--light-main-color);*/
}
.call-to-action {
    background-color: var(--bg-color);
}

.popin .call-to-action a {
    color: var(--main-color);
    background-color: transparent;
    text-transform: none;
    text-decoration: none;
}
.entry-meta .call-to-action a:hover,
.call-to-action a:hover {
    color: var(--main-color);
}
.entry-meta .call-to-action a:hover {
    text-decoration:none;
}
.call-to-action a:visited,
#homepage-text {
    color: var(--main-color);
}

.site-footer {
    background-color: transparent;
}
.menu-footer, .footer-adresse {
    color:var(--main-color);
}
.footer-adresse a, .menu-footer a {
    color:var(--main-color);
}
.menu-footer h4, .footer-adresse h4 {
    color: var(--accent-color);
}
.menu-footer ul li {
    color:var(--main-color);
}
.bloc-droit .baseline {
    color : var(--light-main-color);
}


article .entry-content h1 {
    color: var(--main-color);
}
article .entry-content h5{
    color: #7F78A0;
}
article .entry-content ul,
article .entry-content ol,
article .entry-content p,
article .entry-content div.entry-meta {
    color: var(--main-color);
}

.decorated-title {
    color: var(--main-color);
    background: url(images/deco_title_lr_220x25.png) left no-repeat;
}
.qui-sommes-nous h1.entry-title {
    color: var(--main-color);
}
.qui-sommes-nous article .entry-content h2 {
    color: var(--main-color);
}
.qui-sommes-nous article .entry-content .the-content {
    position: relative;
    z-index: 100;
}

/* Rond à gauche et sous le titre */
.deco-rond {
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top: -20px;
    left: -20px;
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:var(--deco-color-47);
}

.equipe .membre p.name,
.equipe .membre p.fonction,
.equipe .membre p.dept
.equipe .membre p.slogan,
 { color: var(--main-color);}


.references .item-text span.fonction {
    color : var(--light-main-color);
}
.category-actualites hr,
.category-references hr {
    border-top: 2px solid var(--main-color);
}

.category-references h1.entry-title {
    color: #7F78A0;
}
.date {
    color: white;
    background-color: var(--deco-color);
}
article.type-page {
    background-color: rgba(0, 0, 0, 0);
}
.page-header h1,
article.type-page .entry-header h1 {
    color: var(--main-color);
}
article.type-page .entry-content {
    color: var(--main-color);
}
.adress-and-map .adress {
    color: var(--main-color);
}
article.type-page .entry-content .the-content p {
    color: var(--main-color);
}
.gform_wrapper h3 {
    color: #555;
}
.gform_wrapper label {
    color: var(--main-color);
}
.gform_wrapper button, input, textarea, .gform_wrapper select {
    border: none;
    border-bottom: 1px solid var(--light-accent-color);
    background-color: var(--light-deco-color);
}
.gform_wrapper ul li input:focus,
.gform_wrapper ul li textarea:focus {
    border: none;
    border-bottom: 1px solid var(--accent-color);
    background-color: var(--light-deco-color);
    outline: 0;
}

.gform_wrapper input[type="submit"] {
    background: var(--deco-color);
    color: var(--main-color);
}
.gfield_required {
    color: var(--accent-color);
}

.validation_error {
    color: red;
}
.validation_message {
    color: red;
}

#gforms_confirmation_message {
    background-color: #FFFFFF;
}
.entry-content a {
    color: var(--main-color);
}
.entry-content a:hover {
    color: var(--main-color);
}
#menu-collection {
    color: var(--main-color);
}
#menu-collection li a {
    color: #7f78a0;
}
#menu-collection li a:hover {
    color: #7f78a0;
}
#menu-collection li.current-menu-item a {
    color: var(--main-color);
}
#menu-collection li.current-menu-item a:hover {
    color: var(--main-color);
}
.liste-trophees article {
    background-color: #FFFFFF;
}
.liste-trophees article .entry-content h2 a {
    color: var(--main-color);
}
.liste-trophees article:hover .entry-content h2 a {
    color: #FFF;
    background: var(--main-color);
}
.archive-footer span {
    color: #7f78a0;
}
.archive-footer span a {
    color: #9782cc;
}
.archive-footer span a:hover {
    color: #9782cc;
}
.archive-footer span a.active {
    color: var(--main-color);
}
.archive-footer span a.active:hover {
    color: var(--main-color);
}

.popin-overlay:before {
  background: var(--main-color);
  background: rgba(0, 0, 0, 0.5);
}
.popin {
  color: #666666;
  color: #000000;
}
.popin .popin-close {
  color: #000000;
}
article.popin-article  {
    background:#fff;
}
article.popin-article .title {
    color: var(--main-color);
    font-weight:800;
}





/* FIN COLORS */


/* GENERALITES */

html {
    margin-top: 0 !important;
    height:100%;
/*    background: url("images/trianglify_blue.svg") no-repeat center fixed #b8b3c9;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
*/}

.clearer { clear:both; margin:0; padding:0 }


/******************/
/* CSS principaux */
/******************/

body {
    background: transparent;
    font-size: 12px;
    line-height: 1.5;
}

b, strong { font-weight:600; }

h2 { font-size: 18px; text-transform: uppercase; margin:0 0 1rem; font-weight: normal; }

p {
    margin: 0;
}

a,
a:hover,
a:visited {
    text-decoration: underline;
}
a:hover {
    font-style:italic;
}

ol {
    padding-left: 14px;
}

.site {
    border: 0 none;
    max-width: 100%;
}

.site-header .svg-logo {
    min-height: 0;
    display: block;
    max-width: 40%;
    height: 80px;
    margin: 15px 20px;
    padding: 0;
    float: left;
}


.site-header .header-intro {
    margin: 0 auto;
    max-width: 980px;
    width:100%;
    position:relative;
}


.site-header .contact-phone {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}
.site-header .contact-phone-content {
    font-size: 16px;
    line-height: 20px;
    padding: 0 15px 5px 15px;
    text-align:right;
    display:inline-block;
    margin-top: 3em;
}

.site-header .contact-phone a,
.site-header .contact-phone a:hover,
.site-header .contact-phone a:visited {
    font-style: normal;
    font-weight:600;
    text-decoration:none;
    padding: 5px;
}
.site-header .contact-phone a:hover {
    font-style: normal;
    text-decoration: underline;
}
.site-header .contact-phone a:hover::before {
    text-decoration: none;
}
.site-header .dashicons-before::before {
    height:20px;
    font-size: 20px;
    padding-right: 5px;
    vertical-align: middle;
    font-style: normal;
    text-decoration: none;
}
.site-header .phone-header.dashicons-before::before {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: bottom;
}



.site-header .search-form {
    color: #0047ba;
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
}
.site-header .search {
    position: relative;
    padding-top: 60px;
    padding-bottom: 20px;
    text-align: right;
}

.site-header .search-form {
    position: relative;
    right: 0;
    top: 0;
}
.site-header .search-field {
    background-position: 5px;
    width:130px;
    border: none;
}
.site-header .search-field:focus {
    background-position: 5px;
    width:220px;
    border: 2px solid #0047baad;
}

::-webkit-input-placeholder{
    opacity:1;
}
::-moz-placeholder{
    opacity:1;
}
::-ms-input-placeholder{
    opacity:1;
}
:-moz-placeholder {
    opacity:1;
}


h4 {
    font-size: 18px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
}

.navbar {
    max-width:980px;
    width:100%;
    margin:0 auto;
    padding-top:0;
    position: relative;
}


.menu-toggle::after,
.toggled-on .menu-toggle::after {
    content: "";
}

ul.nav-menu, div.nav-menu > ul {
    border: medium none;
    margin: 0;
    padding: 0;
}

.main-navigation {
    width: 79%;
    margin: 0;
    min-height:0;
}


.nav-menu li a {
    border: medium none;
    font-size: 14px;
	font-weight:600;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}

.nav-menu li:first-child a  {
}

.nav-menu li:last-child a  {
}

.nav-menu li ul li {
    height: 25px;
}

.nav-menu li ul li a {
    height: 25px;
    line-height:25px;
    text-transform: none;
}


.nav-menu .sub-menu, .nav-menu .children {
    padding: 0;
    margin:0;
    border-right: none;
    border-left: none;
    border-bottom: none;
    left: 0;
    opacity:0;
    width:100%;
    min-width: 120px;
    text-align:center;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 8px -4px rgba(0,0,0,0.3);
}
#menu-item-2949 .sub-menu {
    min-width: 140px;
}

ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul {
    height: auto;
    width: 100%;
    padding-top: 10px;
    opacity:1;
}


.sub-menu{
    width: 163px;
}



ul.nav-menu ul li, .nav-menu ul ul li  {
    height: 25px;
    margin: 0 0 5px;
    display: block;
}

ul.nav-menu ul a, .nav-menu ul ul a {
    border: none;
    font-size: 13px;
    padding: 0;
    text-align: center;
    width:100%;
}

.archive-header, .page-header {
    background: none repeat scroll 0 0 transparent;
}

.archive-title,
.page-title,
.entry-title,
.archive-meta,
.page-meta {
    max-width: 880px;
    padding: 0;
    margin: 33px 0;
    font-style: normal;
}
.qui-sommes-nous .archive-title { margin-bottom: 2rem; }



/* PAGE INTRO */

.page-template-template-intro-php #masthead,
.page-template-template-intro-php #colophon{
    display: none;
}

.page-intro {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.page-intro .header-intro {
    height: 118px;
    margin: 0 auto;
    width: 100%;
}

.header-intro-content {
    width:940px;
    margin:0 auto;
    height:120px;
    display:block;
}

.page-intro .header-intro .contact-header {
    display: block;
    float: right;
    font-size: 15.5px;
    font-weight: bold;
    height: 42px;
    line-height: 20px;
    margin-top: 38px;
    text-align: right;
    text-decoration: none;
    width: 125px;
}

.page-intro .page-intro-content {
    margin: 0px auto 0;
    width: 980px;
    height:489px;
    clear: both;
}


#intro_bloc1 {
	display: block;
	float: left;
	width: 800px;
    margin-top:75px;
    margin-left:40px;
}

#intro_bloc2 {
	display: block;
	float: right;
	width: 660px;
    margin-top:80px;
}

.page-intro .page-intro-content .coeur img {
    display: block;
    float: left;
}

.page-intro .page-intro-content .coeur .infos {
    display: block;
    float: left;
    margin-left: 10px;
    width: 200px;
}




.page-intro .page-intro-content .coeur .infos h1 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page-intro .page-intro-content .coeur .infos p {
	margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.page-intro .page-intro-content .separateur-intro {
    background: url("images/intro-separateur.png") no-repeat scroll center bottom transparent;
    clear: both;
    display: block;
    height: 10px;
    margin: 0 auto;
    padding-top: 25px;
    width: 100%;
}

.page-intro .page-intro-content .bloc-images-3-et-4 {
	width: 100%;
	display: block;
	float: left;
	margin-top: 20px;
	text-align: center;
}

.page-intro .page-intro-content .bloc-images-3-et-4 img {
	width: 445px;
	display: block;
	margin: 0 auto;
}

.page-intro .page-intro-content .bloc-images-3-et-4 img.intro-gauche {
	float: left;
}

.page-intro .page-intro-content .bloc-images-3-et-4 img.intro-droite {
	float: right;
}

.page-intro .page-intro-content .bloc-images-3-et-4 p {
	width: 100%;
	display: block;
	margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
	clear: both;
}

.footer-intro-nav {
	width: 100%;
}

.footer-intro {
    margin: 0 auto;
    width: 100%;
    clear: both;
}

#colophon .footer-intro .footer-intro-logo-adresse {
    background: url("images/coeur-footer.png") no-repeat scroll 360px top transparent;
    height: 233px;
    padding-top: 60px;
}

.footer-intro .footer-intro-logo-adresse {
    margin: 80px auto 0;
    width: 785px;
    clear: both;
    padding-top: 30px;
}

.footer-intro .footer-intro-logo-adresse .bloc-gauche {
	display: block;
	float: left;
    width: 100px;
    padding-top: 25px;
}

.footer-intro .footer-intro-logo-adresse .bloc-centre {
    display: block;
    float: left;
    padding: 0 0 0 200px;
    width: 580px;
}

.footer-intro .footer-intro-logo-adresse .bloc-centre img {
	display: block;
	clear: both;
	margin: 0 auto;
}


.footer-intro .footer-intro-logo-adresse .bloc-centre p {
	width: 100%;
	display: block;
	margin: 0 auto;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    margin: 0;
}

.footer-intro .footer-intro-logo-adresse .bloc-droite {
	display: block;
	float: left;
    width: 200px;
    padding-top: 25px;
}

.footer-intro .footer-intro-logo-adresse .bloc-droite img {
    float:left;
    height:102px;
    margin-right:10px;
}

.footer-intro-nav {
	display: block;
	width: 930px;
	margin: 0 auto;
}

.menu-intro-footer {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
    text-shadow: none;
}

.menu-intro-footer li {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
}

.menu-intro-footer li:before {
	content: " – ";
}

.menu-intro-footer li:first-child:before{
	display:none
}

.menu-intro-footer li a {
	font-size: 10px;
	font-weight: bold;
}

.menu-menu-footer-1-page-dintro-container {
    display: inline-block;
    padding-top: 40px;
    width: 100%;
}

.menu-menu-footer-2-page-dintro-container {
    display: inline-block;
    width: 100%;
}

/* PAGE ACCUEIL */




.site-content {
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0 0 30px 0;
    max-width: 980px;
}


.page-content {
    padding: 0 0 30px 0;
    max-width: 980px;
}

.sub-menu,
.alltrans04{
    transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
}


/****************************/
/* ACCUEIL - CALL TO ACTION */
/****************************/
.call-to-action {
    text-align:center;
    width:40%;
    margin: 2rem auto 0;
}

.call-to-action a {
    display: block;
    text-decoration: none;
    padding: 0.5rem 1rem;
    font-size: 18px;
    line-height: 2rem;
    font-weight:600;
}
.entry-meta .call-to-action a:hover,
.call-to-action a:hover,
.call-to-action a:visited {
    font-style:normal;
}
.call-to-action a:hover {
    text-decoration: underline;
}

.navbar .call-to-action {
    width:19.5%;
    min-width: 135px;
    margin: 0px;
    position: absolute;
    top: 0;
    right: 7px;
    text-align:right;
}
.navbar .call-to-action a {
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight:600;
    text-decoration: none;
    text-transform: uppercase;
}

.popin article footer.entry-meta .call-to-action,
.single article footer.entry-meta .call-to-action {
    width:fit-content;
    background-color: var(--deco-color);
    border-radius:25px;
}
.collection-trophees .call-to-action {
    width:80%;
}

.biseau {
  -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);
}
.anti-biseau {
  -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);
}

#homepage-text {
    clear: both;
    font-size: 14px;
    margin: 0 auto;
    width: 90%;
}
#homepage-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 100px);
    grid-column-gap: 6px;
    /*grid-row-gap: 14px;*/
    margin-bottom: 10rem;
}

#homepage-text .titre {
    grid-area: 1 / 1 / 2 / 3;
    font-size: 1.8rem;
    line-height:2.2rem;
    font-weight: 800;
    text-align:left;
    position: relative;
    z-index:0;
}
#homepage-text .titre .deco-rond {
    top: -20px;
    left: -30px;
    width: 7rem;
    height: 7rem;
}

#homepage-text .column1 {
    grid-area: 2 / 1 / 3 / 2;
    margin-right:20px;
}
#homepage-text .column1,
#homepage-text .column2 {
    margin-top: 10px;
}
#homepage-text .column2 {
    grid-area: 2 / 2 / 3 / 3;
    margin-top: -54px;
}


.hentry {
   padding: 20px 50px 20px 50px;
}
.hentry.category-les-techniques-de-marquage {
   padding: 20px 0px 20px 0px;
}
.category-actualites.hentry {
   max-width: 880px;
}
.search .type-post.hentry {
   padding: 20px 40px 20px 0;
}

/**********/
/* FOOTER */
/**********/
.site-footer {
    max-width:980px;
    margin:20px auto 100px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.site-footer > div {
    display:inline-block;
    vertical-align: top;
}

.menu-footer, .footer-adresse {
    text-align:left;
    font-size:12px;
    line-height:15px;
    margin-right: 40px;
}
.footer-adresse {
    position: relative;
    padding-left: 70px;
}
.footer-adresse:before {
    content:"";
    display:block;
    position:absolute;
    top: 14px;
    left: 0;
    width:60px;
    height:60px;
    background-image: url(images/coeur-bleu.png);
    background-position : center;
    background-size: contain;
    background-repeat: no-repeat;

}

.footer-adresse a, .menu-footer a {
    text-decoration: none;
}
.footer-adresse a:hover, .menu-footer a:hover {
    text-decoration: underline;
    font-style:normal;
}
.footer-adresse p {
    margin: 0 0 10px;
}

.menu-footer {  }
.menu-footer h4, .footer-adresse h4 {
    margin:10px 0;
    font-weight:600;
/*    text-transform:uppercase;*/
}
.menu-footer ul {
    padding:0;
    margin:0;
    -webkit-padding-start: 0;
}
.menu-footer ul li {
    list-style-type: none;
    padding:1px 0;
}

.bloc-droit {
    text-align:right;
    min-width: 200px;
}
.bloc-droit .logos {
    float:right;
    width:200px;
    padding-top: 14px;
}
.logo-2fpco,
.logo-eppa {
    margin:0 auto;
}
.logo-eppa{
    margin-top: 1rem;
}
.bloc-droit .logo {
    width:65px;
    float:left;
    margin-right: 5px;
}
.bloc-droit .logo img {
    width: 100%;
    height:100%;
}
.bloc-droit .baseline {
    text-align: left;
    margin-left: 5px;
    font-size:12px;
    line-height:15px;
}

.site-info {
    height: 233px;
}

/**********************************/
/* Actualités et blocs génériques */
/**********************************/

.archive-header {
    margin: 0 auto;
    max-width: 880px;
}

.archive-header h1 {  }

.archive-description h1,
.entry-header h1 p,
.page-header h1 p
{
    font-size: 30px;
    font-weight: 600;
    padding: 0;
/*    text-transform: uppercase;*/
}
.entry-header h1 p,
.page-header h1 p
{
    margin: 0;
}

.archive-header h1 p,
.archive-description h1,
.entry-header h1 p,
.adress-and-map h1 p,
.page-header h1 p {
/*    background: url(images/deco_title_lr_220x25.png) left no-repeat;*/
/*    padding: 0 0 0 221px;*/
    background: url(images/bullets_lightblue_25x10.png) left no-repeat;
    padding: 0 0 0 32px;
    margin-left: -33px;
    font-weight: 600;
}

h2.archive-description {
    text-transform: none;
}
article {
    clear: both;
    display: block;
    margin: 20px auto;
    position: relative;
    width: 100%;
}

article .entry-header {
	float: left;
	width: 40%;
}
.attachment .hentry {
    background-color: transparent;
}
article.attachment .entry-header {
    float: none;
    width: 90%;
}

article .entry-content {
	float: left;
	width: 55%;
	margin: 0;
	margin-left: 3%;
}
article.attachment .entry-content {
    float: none;
    width: 90%;
    margin: 0 auto;
}

article .entry-content.full-size {
	width: 100%;
}

article .entry-content h1 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

article .entry-content h5{
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 20px;
}

.edit-link a::before,
.full-size-link a::before,
.attachment-meta::before,
.attachment .entry-title::before {
    content: "";
}



.float-right {
    float: right;
    width: 550px;
}

article .entry-content ul,
article .entry-content ol,
article .entry-content p,
article .entry-content div.entry-meta {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

article .entry-content.text-popup p,
article .entry-content.text-popup div.entry-meta {
    margin: 0 0 6px;
}

.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    margin-left: 0px;
}

.entry-thumbnail img {
    display: block;
    margin: 0 auto;
}



.decorated-title {
    font-size: 20px;
    font-weight: lighter;
    margin: 2rem 0;
    padding: 0 0 0 221px;
    text-transform: uppercase;
}


/* Qui sommes nous */

.qui-sommes-nous h1.entry-title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}
.qui-sommes-nous article.type-page .entry-header,
.qui-sommes-nous article.type-page .entry-content {
    max-width: 50%;
}
.qui-sommes-nous article.type-page .entry-header {
    margin-right:15px;
}
.qui-sommes-nous article.type-page .entry-content {
    margin-left:15px;
}
.qui-sommes-nous article .entry-content h2 {
    margin: 0 0 1rem 0;
}
.qui-sommes-nous article .entry-content p {
    padding-left: 0px;
    line-height: 22px;
}



/* Références */
.references {
    max-width:700px;
/*    width: 100%;
    margin: 0 auto;
*/}
.references article.hentry{
    padding: 20px 0 20px 0;
    margin: 4rem auto;
}
.references .container.un-deux {
    position: relative;
}
.references .item-photo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    margin: 0 30px 0 0;
    flex-basis: 40%;
    max-height: 200px;
}
.references .reverse .item-photo {
    margin: 0 0 0 30px;
    background-position: left;
}
.references .item-text {
    position:relative;
    max-width: 400px;

}
/*
.references .item-text .deco {
    background-color: var(--light-deco-color);
    position: absolute;
    display:block;
    top:-3rem;
    left: 0;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    z-index:0;
}
.references .reverse .item-text .deco {
    left: auto;
    right: 0;
}
*/
.references .item-text .deco {
    background-color: var(--deco-color-15);
    position: absolute;
    display:block;
    top:-10%;
    left: 5%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    z-index:0;
}
.references .reverse .item-text .deco {
    left: auto;
    right: 5%;
}
.references .item-text .entry-content {
    position:relative;
    z-index:100;
}

.references .item-text h2 {
    margin: 0;
    font-weight:bold;
}

.category-actualites hr,
.category-references hr {
    width: 40%;
    margin: 0 auto;
    background: none;
}
.category-references .entry-header {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.category-references h1.entry-title {
    clear: none;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0 0;
    width: 430px;
}

.category-references .entry-thumbnail {
	display: block;
	float: left;
	width: 220px;
	margin-right: 30px;
}

.category-references article .entry-content {
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.category-references article .entry-content {
    padding-left: 0px;
/*    text-align: justify;*/
    font-size: 14px;
}

.category-references article .entry-content p {
    font-style:italic;
}
.category-references article .entry-content span.fonction {
    text-transform: none;
    font-size: 18px;
    line-height:20px;

}



/* Page contact */

.h1contact { margin-bottom: 10px; }

.entry-header {
    margin-bottom: 0;
    padding-bottom: 0;
}


.date {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 14px;
    padding: 15px;
}

article.category-actualites .date {
    padding: 32px 0;
    text-align:center;
    text-transform: uppercase;
    color: var(--main-color);
    font-size:15px;
    line-height:18px;
    font-weight:600;
    border-radius: 50%;
    height:100px;
    width:100px;
}

article.type-page {
    background-image: none;
    border: 0 none;
    box-shadow: none;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 880px;
    width: 90%;
}
.qui-sommes-nous article.type-page {
    display:flex;
    flex-flow: row;
}

.page-header h1,
article.type-page .entry-header, article.type-page .entry-content {
    display: block;
    width: 100%;
    max-width: 880px;
    clear: both;
}

.page-header h1,
.archive-header h1,
article.type-page .entry-header h1 {
    font-size: 30px;
}

article.type-page .entry-content {
	font-size: 18px;
    margin:0;
    padding:0;
}

.adress-and-map, article.type-page .entry-content .the-content  {
    width: 100%;
	clear: both;
}

article.type-page h2 {
    font-weight:600;
    font-size:18px;
    text-transform:uppercase;
}



.adress-and-map {
    margin-top: 3rem;
}
.adress-and-map h4 {
    text-align:center;
}
.adress-and-map .adress {
    font-size: 15px;
    margin:1rem auto 3rem;
    text-align: center;
}
.adress-and-map .map {
    max-width: 880px;
/*    margin: 50px auto 20px;*/
/*    width:90%;*/
}
.adress-and-map .map small {
    display: none;
}

article.type-page .entry-content .the-content p {
    font-size: 18px;
    width: 100%;
    line-height: 20px;
}

.archive-description p,
#homepage-text p,
article .entry-content p,
.qui-sommes-nous article.type-page .entry-content .the-content p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0.6rem 0;
}
.archive-description p {
/*    width: 90%;
    margin-left: auto;
    margin-right: auto;
*/
/*    text-align:justify;*/
}

.gform_wrapper {
    width: 100%;
    margin: 2rem auto;
}

.gform_body {
    margin-top:1rem;
}

.gform_wrapper ul {
    width: 90%;
    padding: 0;
    margin: 2rem auto 0 !important;

}
.gform_footer {
    width: 90%;
    margin: 0 auto;
    text-align:center;
}

.champsrequis {
    width: 90%;
    margin: 0 auto;
    font-size:11px;
    text-align: left;
}

.form-infos {
    font-style:italic;
    font-size:12px;
    width:90%;
    margin: 10px auto;
    padding-right: 200px;
}

.gform_wrapper ul li {
    list-style-type:none;
    font-size: 16px;
    margin-bottom: 10px;
    width: 50%;
}
.gform_wrapper ul li.large {
    width: 100%;
}
.gform_wrapper ul li.large h4 {
    margin-bottom: 50px;
}


#field_1_1,
#field_1_2,
#field_1_3 {
    padding-right: 5%;
}
#field_1_6,
#field_1_7 {
    padding-left: 5%;
}

.page-template-template-contact .gform_heading {
    display:none;
}

#field_1_4 {
    width:100%;
}

.gform_wrapper h3 {
    font-size: 25px;
    font-weight: normal;
    padding: 10px 0 0 20px;
    width: 100%;
}

.gform_wrapper label {
	width: 100%;
	font-size: 14px;
}

.gform_wrapper div.ginput_container {
	font-weight: normal;
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.gform_wrapper button, input, textarea, .gform_wrapper select {
    font-size: 14px;
    margin: 0;
    padding: 2px 5px;
    max-width: 100%;
    vertical-align: baseline;
    width: 100%;
}

.gform_wrapper input[type="submit"] {
	width: 80px;
	padding: 10px;
    border: 0;
    border-radius: 25px;
    float:none;
    font-weight:600;
}

.gform_wrapper textarea {
    font-size: 16px;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    width: 100%;
    height:150px;
}

.gfield_required:after {
	content : ")";
}

.gfield_required:before {
	content : "(";
}

.gfield_required {
	margin-left: 5px;
}

.li-float {
	display: block;
	float: left;
}

.validation_error {
    font-size: 14px;
    padding-left: 20px;
}
.validation_message {
	font-size: 14px;
}



#gforms_confirmation_message {
    padding: 20px;
    width: 100%;
}


/* Trophees */

.centre-menu-collection {
    padding-top: 14px;
}

#menu-collection {
    font-size: 12px;
    padding: 0;
    margin: 0;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

#menu-collection li {
	float: left;
	list-style-type: none;
	padding: 10px 0 20px 0;
}

#menu-collection li a {
	font-size: 12px;
    font-weight:bold;
	text-transform: uppercase;
}

#menu-collection li.current-menu-item a {
	font-size: 15px;
}

#menu-collection li:before {
	content: "";
}

#menu-collection li:first-child:before{
	display:none;
}

.collection-trophees {
    margin-top: 2rem;
}

#liste-news,
.liste-trophees {
    clear: both;
    display: block;
    margin: 0 auto;
}
.liste-trophees { display: flex; flex-wrap: wrap; }

.liste-trophees .entry-header {
	width: 100%;
	margin: 0;
	padding: 0;
}

.liste-trophees .entry-header img {
    height: 100%;
    width: 100%;
}

.liste-trophees article {
    background-image: none;
    border: medium none;
    box-shadow: none;
    clear: none;
    display: block;
    float: left;
    padding: 0;
    width: 50%;
}

.liste-trophees article:nth-child(odd) {
    padding-right:3%;
}
.liste-trophees article:nth-child(even) {
    padding-left:3%;
}

.liste-trophees article .entry-content {
	background-color: #FFFFFF;
}
.liste-trophees article .entry-content {
    border-radius: 10px 10px 10px 10px;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    text-align: center;
}

.liste-trophees article .entry-content h2 {
    margin: 0;
    padding: 0;
    text-transform: none;
    box-shadow:none;
}

.liste-trophees article .entry-content h2 a {
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin:0;
	padding-right:5px;
    text-align: center;
    width: 100%;
}

.liste-trophees article:hover .entry-content h2 a {
    text-decoration: none;
    font-style: normal;
}

.search article .entry-header {
    width: 20%;
}
.search article .entry-content {
    width: 75%;
}

.paging-navigation {
	background-color: transparent;
}

.archive-footer {
	clear: both;
	margin: 0 auto;
	width: 980px;
    height:40px;
}



.archive-footer span {
	display: block;
	float: right;
	width: 250px;
    font-size: 13px;
    margin-right:110px;
    text-align: right;
}

.archive-footer span a {
    padding: 0 5px;
}

.archive-footer span a.active {
    font-size: 18px;
    font-weight:bold;
}


/********************************************/
/*            EQUIPE                        */
/********************************************/
.equipe {  margin-top: 3rem;}
.equipe .background { background: no-repeat center/20% url(images/coeur-bleu.png);}
.equipe .row2 { padding-bottom: 50px; }
.equipe .row3 { max-width:650px; }
.equipe .background .flexrow:last-child {
    padding-bottom: 100px;
}
.equipe .membre { margin:20px auto; max-width:350px;}
.equipe .row2 .membre { width: 50%; }
.equipe .row4 .membre { margin: 0 10px; }


.equipe .membre p.name,
.equipe .membre p.fonction,
.equipe .membre p.dept
 { text-transform: uppercase; text-align:center; }
.equipe .membre p.fonction,
.equipe .membre p.name { font-weight: 600; }
.equipe .membre p.name { font-size: 150%; }
.equipe .membre p.slogan { text-align:center; max-width:14rem; margin:0 auto; }
/*.equipe .membre p.slogan::before { content:"\"";}
.equipe .membre p.slogan::after { content:"\"";}
*/
.flexrow { display: flex; flex-direction: row; max-width:880px; margin: 20px auto;}
.flexrow.justify-center { justify-content: center }
.flexrow.justify-between { justify-content: space-between }
.flexrow.justify-around { justify-content: space-around }
.flexrow.justify-around .membre,
.flexrow.justify-between .membre { margin:0; }

.equipe .membre.celine { padding: 0 30px; }


/*********************************************
            POPIN
*********************************************/

body {
  position: relative;
}

.popin-overlay {
  display: none;
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  padding-bottom: 20px;
}

.popin-overlay:before {
  content: "";
  display: block;
  width: 100%;
  height: 1000%;
  top: 0;
  left: 0;
  position: fixed;
}
.popin {
  margin-bottom: 1.5em;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 880px;
  width: 880px;
  margin: 0 auto;
  margin-top: 300px;
  z-index: 10001;
}
.popin .popin-close {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 20px;
}
.popin .popin-close a {
	cursor: pointer;
	text-decoration: none;
}

.popin .popin-close a:hover {
	text-decoration: none;
}

.popin .popin-close span {
    background: url("images/croix.jpg") no-repeat #fff;
    height:24px;
    width:20px;
    display:block;
}


article.popin-article  {
    padding: 60px 0px 0px 20px;
    border:none;
    width: 880px;
}
.popin article.popin-article {
    padding-bottom: 30px;
}

.show-under-large-only { display:none; }
.show-on-large-only { display:block; }

article.popin-article .entry-header {
	display: flex;
    flex-direction: row;
	width: 100%;
	max-width: 100%;
    float:none;
}

article.popin-article .block-full-size-image-popin {
	display: block;
    flex: 0 0 auto;
    width: 460px;
}

article.popin-article .block-full-size-image-popin img {
	max-width: 460px;
	max-height: 460px;
}
article.popin-article .right-part {
    flex:1;
    display:flex;
    flex-direction: column;
    height:460px;
    padding: 0 20px;
}

article.popin-article .block-small-size-image-popin img {
    max-width: 114px;
    max-height: 114px;
    margin: 10px 5px 0 0px;
    cursor: pointer;
}
article.popin-article .block-small-size-image-popin img.current {
    border : 2px solid black;
}

.text-popup {
    display: block;
    font-size: 16px;
    max-height: 336px;
    overflow-y: auto;
    margin-right: 10px;
    margin-top: 20px;
}

.text-popup p {
    margin-left:10px;
    font-size:16px;
}

article.popin-article .entry-content  {
    margin:0;
    width:100%;
    height:336px;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

article.popin-article .entry-content.noThumbs {
    max-height:none;
    height: 100%;
}

article.popin-article .entry-content p {
    font-size:16px;
    font-weight:normal;
}

article.popin-article .entry-content.text-popup p.last {
}

/* systeme 2 colonnes avec flexbox */
.container {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    max-width: 880px;
}
.container.reverse {
    flex-flow: row-reverse;
}
.container .item {
    flex-basis: 47%;
}
.container .item-photo {
    min-height:280px;
}

.container.un-deux .item {
    flex-basis: 30%;
}
.container.un-deux .item-photo {
    min-height:auto;
}
.container.un-deux .item-text {
    flex-grow: 2;
}

article .item .entry-header,
article .item .entry-content { width:100%; margin:0;}

.container .item-text { text-align: left;  padding: 0 0 0 50px;}
.container.reverse .item-text { text-align: right; padding: 0 50px 0 0; }





/*.home .entry-header {*/
.entry-header {
    margin: 3px auto 40px;
    max-width: 880px;
    width: 90%;
}
.popin-article .entry-header { margin: 0 auto; }


/* Hack IE8 */

.ui-datepicker th {    filter: none; }

/* page Au coeur de l'ateleir : page-id-3654 */
.page-id-3654 .entry-content h2 a img.alignright {
    margin-right: 0;
}


/* page 404 */

.error404 .archive-wrapper {
    width: 880px;
    margin: 2rem auto;
}

.error404 .archive-content #homepage-collections {
    width: 100%;
}