/*
Theme Name:     Child-Theme
Description:    Child theme for the Twenty Twelve theme 
Author:         Wevi Communication
Author URI:     http://h2ocommunication.com
Template:       twentyseventeen
*/

/*--------------------------------------------------------------*/
/* RESET
/*--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,

output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,

section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--------------------------------------------------------------*/
/* Contenu Général et Titres
/*--------------------------------------------------------------*/
body {
    background-color: #ffffff;
}

.edit-link,
#message {
    display: none;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear-group:after,
.inner:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a {
    color: #2b9c93;
}

a:hover {
    color: #2b9c93;
}

h1 {
	
    font-size: 2vw;
    text-transform: uppercase;
    line-height: 2.8vw;
    margin: 0 0 4vw 0;
    color: #2b9c93;
	font-family: 'Days One', sans-serif;

}

h2 {
    font-size: 2vw;
    text-transform: uppercase;
    line-height: 2.8vw;
    margin: 0 0 2vw 0;
    color: #2b9c93;
    font-family: 'Days One', sans-serif;

}

h3 {
	 text-transform: uppercase;
	font-family: 'Days One', sans-serif;
	
}
.collapsible-header {
	font-family: 'Days One', sans-serif;
}
#content p {
    margin: 10px 0;

}

/*--------------------------------------------------------------*/
/* Structure
/*--------------------------------------------------------------*/

body {
    font: 13px/22px 'Roboto', sans-serif;
    color: #333;
}

.inner {
    width: 100%;
    margin: 0 auto;
    clear: both;

}


.evenement2 p:last-child{
	color:#000000 !important;
}
.evenement2 p:nth-child(4){
	color:#000000 !important;
}
/*--------------------------------------------------------------*/
/* Entête
/*--------------------------------------------------------------*/
/* 
.site-header {
    margin: 0;

} */


.image_header img {
 
    width: 100%;
    height: auto;
}


/*--------------------------------------------------------------*/
/* Menu
/*--------------------------------------------------------------*/
/* #socialHeaderIcon {
    text-align: right;
    display: block;
    max-height: 32px;
}



#socialHeaderIcon img {
    padding-left: 15px;
    padding-top: 20px;
} */

/*.mySpanTop{
    border-right: 1px solid #8a8b8d;
    padding-right: 15px;
}*/
/*
#site-navigation .sub-menu {
    display: none;
    z-index: 500;
    background: #0fa3ce;
    font-size: 1.2vw;
    left: -1px;
    top: 17px;
    position: absolute;
    width: 13vw;
    padding: 0;
}*/

/* #site-navigation {
    margin: 70px 0;

    padding: 10px;
    z-index: 500;
    float: right;
}

#site-navigation ul {

    list-style: none;
    text-transform: uppercase;
}

#site-navigation li:first-child {
    margin: 0;
}

#site-navigation li {
    float: left;
    position: relative;
    margin: 0 0 0 1vw;
}
 */
/* #site-navigation a {
    display: block;
    color: #6d6e71;
    text-decoration: none;
    border-bottom: #fff solid 0.2vw;
}

#site-navigation a:hover {}

#site-navigation li:hover>a,
#site-navigation a:focus {
    color: #2b9c93;
}
 */
/* Sous-menu */
/*
#site-navigation li:hover .sub-menu {display:block;}


#site-navigation .sub-menu li:first-child {border:0 none;}

#site-navigation .sub-menu li {
    float: none;
    margin: 0 auto;
    width: 100%;
    padding: 1vw 0;
    border-top: 1px solid #fff;
    border: none !important;
}

#site-navigation .sub-menu a {
	display: block;
	text-transform: none;
	width:130px;
	height:auto;
	color:#fff;
	padding:0 0 0 16px;
	-webkit-box-shadow:  none;
    box-shadow:  		 none;
	border: none !important;
}

/* Assistive text 
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 
	clip: rect(1px, 1px, 1px, 1px);
}
#site-navigation a.assistive-text:active,
#site-navigation a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
*/

/*--------------------------------------------------------------*/
/* New header
/*--------------------------------------------------------------*/
.super_super_container_nav, .second_nav{
	width:100%;
	  background-color: #ffffff;
    z-index: 996;
    position: fixed;
}
.brand-logo_mob{
	height:44px;
	margin-top:10px;
margin-left:3em;
}
.super_container_nav{
	margin:0 auto;
	width:95%;
	height:120px;
}
.container_nav{
		height:120px;
	display:flex;
	justify-content:space-between;
	
}
.nav_div_gauche{
	flex-basis:15%;
	
}
.nav_div_gauche a, .nav_div_gauche img{

	height:100px;
	align-self:center;
}
 .nav_div_gauche img{
margin-top:10px;
}
.nav_div_droite{
	flex-basis:90%;
}
.nav_div_droite1, .nav_div_droite2{
	height:60px;
}
.nav_div_droite1{
	display:flex;
	justify-content:flex-end;
}

.nav-menu{
	display:flex;
	justify-content:space-between;
}
.nav-menu1 a{
	text-transform:uppercase;
	color:#6d6e71 !important;
	
}


.nav_div_droite{
	display:flex;
	flex-direction:column;
}
.nav_div_droite1 ul{
	margin-top:20px;
}
.nav-wrapper{
	background-color:#ffffff;
}
/*--------------------------------------------------------------*/
/* Contenu principal
/*--------------------------------------------------------------*/

.autor p:last-child, .color_black1 p{
	color:#000000;
}
.color_black1 p{
	margin-top:1em;
}
#primary {
    float: left;
    width: 100%;

}


.entry-content td {
    border-bottom: 1px solid #666;
    border-bottom: 1px solid #AAA;
    padding: 3px 0;
}

.entry-content ul {
    margin: 0;
}

.entry-content li {
    font-size: 15px !important;
    line-height: 22px !important;
    margin: 0 8px;
    background: url(images/puce.jpg) no-repeat 0 12px;
    padding: 0 0 0 15px;
}

.entry-content li li {
    margin: 0 0 0 15px;
    padding: 0;
    background: none;
    list-style: disc;
}

.panel-image {
    display: none;
}

h2.entry-title {
    display: none;
}

a.btn {
    padding: 1vw;
    margin: 3vw 38vw;
    background: #2b9c93;
    float: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.servicesa {
    float: left;
    width: 99.9%;
    background: #e9e9e9;
    margin: 0 -5vw;
    padding: 4vw 5vw;
}


ul.sevices1 {
    margin-left: 15vw;
}

ul.sevices1 li {
    width: 26.5%;
    float: left;
    margin: 1.4vw 3vw;
}

.services2 li {
    width: 26.5%;
    float: left;
}

.servicesa ul {
    width: 100%;
    float: left;
    margin: 3vw 0;
}

.servicesa img {
    width: 20vw;
    height: auto;
    margin: 0 3vw 1vw 3vw;
    float: left;
}

.servicesa h3 {

    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.services2 li:first-child {
    width: 26.5%;
    float: left;
    margin: 0 6vw 0 19vw;
}

.services2 li {
    width: 26.5%;
    float: left;
}

.section1 {
    width: 106%;
    float: left;
    margin: 0 0 0 -5vw;
}

.section2 {
    width: 107.8%;
    float: left;
    margin: 0 0 0 -5vw;
    background: #f2f2f2;
    padding: 0 0 0 3vw;
}

.page-id-11 .section1 {
    margin: 10vw 0 3vw -5vw;
}

.page-id-11 .section1 ul li:last-child {
    margin-left: -20vw;
}

.section2 ul li:first-child {
    width: 64%;
    float: left;
    margin: 5vw 0 0 0;
}

.section1 img {
    width: 20vw;
    float: left;
    height: auto;
    margin: 0 5vw 0 0;
}

.section2 img {
    width: 20vw;
    float: right;
    height: auto;
    margin: 5vw 0 0;
}

.section1 ul li:first-child {
    padding-left: 10vw;
}

.section1 ul li:last-child {
    width: 80%;
    padding-left: 20vw;
}


#myPub h2 {
    padding-top: 10vw;
}


ul.publication li {
    width: 26.5%;
    float: left;
    margin: 5vw 3vw 10vw 3vw;
}

.section1 a {
    padding: 1vw;
    margin: 4vw 24vw 0 24vw;
    font-weight: bold;
    border: solid 2px #2b9c93;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 9vw;
    border-radius: 3vw;
}

.a-propos h2 {
/*     text-align: center; */
}

.mission ul li {
    width: 30%;
    float: left;
    margin: 0 1.4vw;
}

.mission ul {
    width: 100%;
    float: left;
    margin: 0 0 4vw 0;
}

.mission img {
    width: 4.5vw;
    height: auto;
    margin: 0 11vw 1vw 11vw;
    float: left;
}

.cons_admin {
    float: left;
    width: 111.2%;
    background: #005692;
    color: #fff;
    margin: 0 0 0 -5vw;
}

.cons_admin ul li:first-child {
    width: 20%;
    float: left;
    height: auto;
}

.cons_admin ul li:first-child img {
    width: 100%;
    float: left;
    height: auto;
}

.cons_admin ul li:first-child {
    width: 25%;
    float: left;
    margin: -9.77vw 0 0 0;
    height: auto;
}

.cons_admin h2 {
    color: #fff;
    margin: 4vw 0 3vw 0;
}

.cons_admin li {
    width: 31%;
    float: left;
}

.cons_admin ul li p {
    margin: 1.5vw 0;
}

.equipe {
    width: 100%;
    Height: auto;
    margin: 4vw 0;
    float: left;
}

.equipe li {
    width: 28%;
    margin: 0 2.3vw;
    float: left;
}

.equipe p {
    margin: 1vw 0;
}

img.separation {
    width: 111.2%;
    margin: 0 0 0 -5vw;
}

li.maps {
    float: left;
    Width: 50%;
    margin: 0 4vw 0 0;
}

.maps iframe {
    width: 100%;
}

li.textecontact ul li {
    width: 50%;
    float: left;
}

li.textecontact {
    float: left;
    width: 45%;
}

.textecontact p {
    margin: 1vw 0;
}

.textecontact p {
    margin: 1vw 0;
}

.textecontact p {
    margin: 1vw 0;
    width: 100%;
    float: left;
}

.contact-section {
    float: left;
    width: 100%;
    margin: 0 0 3vw 0;
}

.textecontact strong {
    text-transform: uppercase;
}

.insertion {
    width: 102.2%;
    float: left;
    background: #f2f2f2;
    margin: 0 0 0 -5vw;
    padding: 4vw;
}

.insertion ul li {
    width: 28%;
    float: left;
    margin: 0 2vw;
}

.insertion ul li {
    width: 28%;
    float: left;
    margin: 0 2vw;
}

.insertion img {
    width: 100%;
    height: auto;
}

.inscription {
    width: 100%;
    float: left;
    margin: 4vw 0;
}

.inscription img {
    width: 100%;
    height: auto;
}

.inscription ul li {
    width: 50%;
    float: left;
}

.serv {
    width: 111.2%;
    margin: 0 0 0 -5vw;
}

.serv ul {
    width: 100%;
    float: left;
}

.serv li.simage {
    width: 25%;
    float: left;
    height: auto;
    margin: 0;
}

.serv li.simage2 {
    width: 25%;
    float: right;
    height: auto;
    margin: 0;
}

.serv li img {
    width: 100%;
    height: auto;
}

.serv li.stexte {
    width: 65%;
    float: left;
    margin: 0 4vw;
}


.serv ul {
    width: 100%;
    float: left;
    margin: 3vw 0;
}

.serv ul li {
    width: 45%;
    float: left;
    margin: 0 3vw 0 0;
}

.Rapports_annuels img {
    margin: 2vw 4%;
    border: 0.1vw solid;
    width: 100%
}

div#gallery-1 figure {
    width: 20%;
    float: left;
}

div#Rapports_annuels a {
    width: 10%;
    float: left;
    margin: 1vw 4vw;
    text-align: center;
    height: 21vw;
}

div#Rapports_annuels br {
    display: none;
}

div#Rapports_annuels a img {
    width: 100%;
    height: auto;
}

.Rapports_annuels {
    margin: 4vw 0;
    float: left;
    width: 100%;
}

ul.scol2 {
    background: #f2f2f2;
    padding: 4vw 0;
}

ul.scol4 {
    background: #005692;
    color: #fff;
    padding: 4vw 0;
}

ul.scol4 h2 {
    color: #fff;
}

.serv h2 {
    text-align: center;
}

/*--------------------------------------------------------------*/
/* Sidebar
/*--------------------------------------------------------------*/

#secondary {
    width: 30%;
    float: right;
}

#secondary .textwidget {
    padding: 0;
}

#secondary .widget {
    width: 100%;
    margin: 0 auto 10px;
}

#secondary .widget ul {
    padding: 5px 0 0;
}

#secondary .widget li a {
    display: block;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 13px;
    color: #272760;
    text-decoration: none;
}

/*--------------------------------------------------------------*/
/* Formulaire
/*--------------------------------------------------------------*/

input#mce-EMAIL {
    width: 95%;
}

input#mce-EMAIL {
    width: 95%;
    background: #0fa3ce;
    padding: 0.2vw;
    border: none;
    color: #fff;
}

input#mc-embedded-subscribe {
    background: #1b5a90;
    border: none;
    padding: 0.2vw 0.7vw;
    color: #fff;
}

input#mc-embedded-subscribe::placeholder {
    color: #fff;
    opacity: 1;
}

div#mc_embed_signup_scroll p {
    float: left;
    width: 45%;
}

.wpcf7-textarea,
.wpcf7-text {
    background: #fafafa;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    color: #888;
    line-height: 20px;
}

.wpcf7-text {
    padding: 3px;
    width: 70%;
}

.wpcf7-textarea {
    width: 70%;
}

span.wpcf7-not-valid-tip {
    background: none;
    font-style: italic;
    color: #A61414;
    position: absolute;
    top: -5px;
    left: 0;
    border: 0 none;
    font-size: 10pt;
    width: 245px;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    background: #00ace2;
    -webkit-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.7);
    color: #fff;
}

div.wpcf7-validation-errors {
    border: 0px none;
    background: #e81717;
}

div.wpcf7-mail-sent-ok {
    border: 0px none;
    background: #00ace2;
}

/*------------------------------------------------------------------------ Home2 ----------------------------------*/
@media screen and (max-width: 576px) {
    .clsHome2 ul li:first-child {
        display: none;
    }

    .clsHome2 {
        padding-bottom: 15vw;
    }

    .clsHome2 ul li:last-child h3 {
        text-align: center;
        padding-bottom: 5vw;
        padding-top: 5vw;
		
    }

    .clsHome2 ul li:last-child p {
        width: 80%;
        text-align: justify;
        margin-left: 10%;
    }

    .clsHome2 ul li:last-child p:last-child {
        text-align: center !important;
    }

    .clsSec2 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        height: auto;
		
		
    }
	
	.allEvenement1 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url(images/Background_gray_1400px-min1.jpg) center center;
		

}
	#eventTitleHome h2{
	padding-top:3em;
	color:#2b9c93;
	text-align:center;
}
	
		
	.clsHome2 ul{
margin-top:5em;	
}
	

}

@media screen and (min-width: 577px) {
    .clsHome2 {}

    .clsHome2 ul li {
        float: left;
    }

    .clsHome2 ul li:first-child {
        text-align: right;
        width: 45%;
    }

    .clsHome2 ul li:last-child {
        width: 55%;
    }

    .clsHome2 ul li:first-child img {
        padding-right: 5vw;
        height: 50vw;
        width: 70%;
        vertical-align: bottom;
    }

    .clsHome2 ul li:last-child p {
        width: 90%;
        font-size: 9pt;
    }

    .clsHome2 ul li:last-child {
        max-height: 50vw;
    }

    .clsSec2 ul li img {
        width: 25vw;
        height: auto;
    }
	
	
	.allEvenement1 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url(images/Background_gray_735px-min-min.jpg) center center;
		z-index:999;
	}
	
	#eventTitleHome h2{
	padding-top:1.5em;
	color:#2b9c93;
	text-align:center;
}

	
	

}

@media screen and (min-width: 576px) and (max-device-width : 780px) and (orientation : landscape) {
    .clsHome2 {
        min-height: 400PX;
        max-height: 400px;
    }
	
	

    .clsHome2 ul li p {}

    .clsHome2 ul li p img {
        margin-top: 5vh;
    }
	
}
@media screen and (min-width: 781px) and (max-device-width : 1100px) and (orientation : landscape) {
    .wp-image-624{
		
		width:315px !important;
		height:auto !important;
		z-index: 1;
	
		
	}
}

@media screen and (min-width: 675px) and (max-width:1019px) and (orientation: portrait){
	.allEvenement1 .clsEvenement .evenementPub div:nth-child(3){
		display:none;
	}
	.wp-image-624{
		padding-top:50px;
		width:300px !important;
		height:auto !important;
		z-index: -1;
	}
	
}

@media screen and (min-width: 1200px) {
    .clsHome2 ul li {
        float: left;
        width: 50%;
    }

    .clsHome2 ul li:first-child {
        text-align: right;
    }

    .clsHome2 ul li:first-child h3 {
        margin-left: 5vw;
    }

    .clsHome2 ul li:first-child img {
        width: 405px;
        height: 560px;
        margin-right: 5vw;

    }

    .clsHome2 ul li:last-child p {
        width: 60%;
        font-size: 11pt;
        padding-left: 5vw;

    }


    .clsHome2 ul li:last-child h3 {

        padding-left: 5vw;
    }

    .clsSec2 ul li img {
        width: 20vw;
        height: auto;
    }
		.wp-image-624{
		width:500px !important;
			height:auto !important;
			  z-index: -1;
	}
}

/*-- -------All --------------- --*/
.clsHome2 ul li:last-child a {
    padding: 15px;
    font-weight: bold;
    border: solid 2px #2b9c93;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 9vw;
    border-radius: 20px;
}

#idNouvelleDate {
    font-size: 8pt;
    font-weight: bold;
	color:#484848 !important;
}
.lesEventetpub, .p1{
	color:#484848 !important;
}



#idNouvelleInfo {
    font-size: 1.1em;
    font-weight: bold;
   
    color: #2b9c93;
    text-transform: uppercase;
}

/* CS */
#idActualiteHomeTitre {
    font-size: 1.1em;
    font-weight: bold;
   
    color: #2b9c93;
    text-transform: uppercase;
}
#idActualiteHomeSoustitre {
	width:90%;
	padding-left:10%;
	font-weight:bold;
	padding-top:1em;
}
/* /CS */

.clsHome2 {
    background-color: #ffffff;
    display: inline-block;
}

.clsHome2 ul li p img {
    vertical-align: bottom;
	z-index:-1;
	width:5vw;
	height:5vw;
}

.clsHome2 ul li:last-child p {
    text-align: justify;
}

.clsHome2 ul li:last-child h3 {
    font-size: 1.5em !important;
    font-weight: bold;
}

.clsSec2 {
    display: flex;
    justify-content: center;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #e9e9e9;
    margin-top: -5px;
}

.clsSec2 ul li {
    float: left;
}

.clsHome2 h3{
	color:#2b9c93;
	font-size:2em;
}
.allEvenement1{
	margin-top:-20px;
	z-index:9999;
}

.newTitle{
	font-size:2em;
	text-transform: uppercase;
    line-height: 2.8vw;
    margin: 0 0 2vw 0;
    color: #3a3b3f;
    font-family: 'Days One', sans-serif;
	
}


.clsHome2 ul li:nth-child(2){
margin-top:-2em;	
}

.leia{
	font-size:2em;
	text-transform: uppercase;
    line-height: 2.8vw;
	   color: #2b9c93;
    font-family: 'Days One', sans-serif;
}
.clsHome2 ul li h3{
margin-top:1em;	
}


/*-------------------------End_Grid_Test-----------------------------*/

/*-------------------------Contact2-----------------------------*/
/* .contact2-section {
    margin-left: 25vw;
}

.contact2-section ul li p:nth-child(2) {
    padding-bottom: 1vw;
}

.contact2-section ul li p:last-child {
    margin-bottom: 5vw;
}

.ConsAdminFormContact ul li p {
    margin-left: 25vw;
} */

/* .ConsAdminFormContact ul li p img {} */
/* 
#contact_image_footer {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url(images/contact_img_footer.jpg) no-repeat center center;
} */

/* .wpcf7-form {
width: 60% !important;    
}

.wpcf7-form p label span input {
    background-color: white !important;
    border-style: none;
}

.wpcf7-form p label span textarea {
    background-color: white;
    height: 40px;
	width: 100% !important;
}
 */
/* .wpcf7-submit { */
/*     padding: 1vw 0vw 1vw 3vw; */
/*     background-color: #2b9c93;
    color: #ffffff;
    border-style: none;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 2vw;
}
 */
/* .site-content{
	margin-right:40%;
} */

/*------------------------Responsive-- Contact ---- Xavier 2019 ---------------------------*/



/*---------------------------------------------------Contact1-----------------------------*/

.partenaireTitre{
	padding-bottom:2em;
	padding-top:1em;
}


.allContact_form {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url(images/contact_img_footer.jpg) no-repeat center center;
}

.contact_text{
	margin-left:22vw;
	padding-top:4em;
	padding-bottom:4em;
}

.contact_form{
	margin-left:22vw;
	padding-top:2em;
	padding-bottom:2em;

}
.wpcf7-form {
 	width: 60%;
}

.wpcf7-form p label span input {
    background-color: white !important;
    border-style: none;
}

/* .wpcf7-form p label span textarea {
    background-color: white;
    height: 1000px;
	width: 100% !important;
} */

.wpcf7-submit {
    padding: 1vw 3vw 1vw 3vw;
    background-color: #2b9c93;
    color: #ffffff;
    border-style: none;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 1vw;
}

.contact_form p:first-child{
	
}
.contact_form p:nth-child(2){
/* 	margin-bottom:2em; */
}
.contact_form h3{
	padding:1em 0;
}




@media screen and (min-width: 768px) {
/*     #contact_image_footer {
        padding-top: 5vw;
        padding-bottom: 10vh;
    } */

    .wpcf7-form {
       
    }
	 .ConsAdminFormContact ul li p {
        
	}    
	.wpcf7-form {
 		width: 70%;
	}
	.contact_form h3{
		margin-right:22vw;
	}

}

@media screen and (max-width: 576px) {
    .wpcf7-form {
 		width: 70%;
	}
		

}
@media screen and (max-width: 1100px) {

	.super_super_container_nav{
		display:none;
	}	

}
@media screen and (min-width: 1101px) {
.second_nav{
		display:none;
	}
		

}
/*-------------------------------------------END---Contact1-------------------------------------------------------------*/


/*-------------------------Home-----------------------------*/
.clsAccueil a {
    padding: 1vw;
    font-weight: bold;
    border: solid 2px #2b9c93;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 9vw;
    border-radius: 3vw;
    margin-bottom: 30%;
}

.clsAccueil {}

.clsAccueil ul li {
    width: 50%;
    float: left;
}

.clsAccueil ul li p:nth-child(2) {
    margin-right: 25%;
}

.clsAccueil img {
    margin-left: 35%;
    max-height: 450px;
}

.clsAccueilSection2 {
    width: 100vw;
    float: left;
    background-color: green;
}

.clsAccueilSection2 ul li {
    float: left;
    margin-right: 5vw;
}

.clsAccueilSection2 ul {
    text-align: center;
}

#demarcation {
    text-align: center;
    margin-left: -6%;
}

.clsSec2{
	display:none;
}

/*------------------------Responsive-- Home ---- Xavier 2019 ---------------------------*/
@media screen and (max-width: 768px) {
    .clsAccueil img {
        margin-left: 0%;
        max-height: 450px;
    }

    .clsAccueilSection2 {
        padding: 5vw 0 5vw 0;
    }

    .clsAccueilSection2 ul li img {
        width: 100%;

    }

    .clsAccueilSection2 ul li {
        float: left;
        width: 25vw;
    }

    .clsAccueilSection2 ul {
        display: inline-block;
    }
}

@media screen and (max-width: 375px) {
    .clsAccueil ul li:first-child {
        display: none;
    }

    .clsAccueil ul li p {
        width: 195%;
        text-align: justify;
    }

    .clsAccueil h2 {
        text-align: center;
        margin-bottom: 5%;
    }

    .clsAccueil ul li p:nth-child(4) {
        width: 195%;
        margin-left: 60%;
    }

    .clsAccueil a {
        padding: 2vw;
    }
}

/*------------------------------------------------------*/
/*-------------------------À propos 2-----------------------------*/


/* width: 100%;
    margin-top: -10px;
    padding-bottom: 20vw;  */

.allSection1 {
    margin-left: 20vw;
    margin-right: 20vw;
    margin-bottom: 5vh;
    padding-top: 5vh;
}

div.allSectionv1 {
    background-color: #f2f2f2;
    margin-top: -2em;
}

#main {}

.liTitle {
    padding: 10px 0 10px 20px;
    background-color: white;
    margin-bottom: 10px;
}

.clsApropos_section1 ul li details summary {
    font-weight: bold;
}

.clsApropos_section1 ul li details p {
    margin: 10px 5vw 10px 5vw;
    text-align: justify;
}

#etablissement li span:first-child {
    margin-left: 5vw;
}

.liTitle summary:hover {
    color: #2b9c93;
}

.cegepName {
    font-weight: bold;
}

.cegepLink a {
    color: #a4a5a8 !important;
    text-decoration: none !important;
    font-size: 10pt;
}

.etablissement li {
    list-style-type: square;
}

.allSection2 {
    background-color: white !important;
    padding-top: 7em;
    padding-bottom: 10vh;
}

.allSection2 ul li p:first-child {
    margin-left: 20vw;
}
.allSection2 ul li h2{
	margin-left: 20vw;
	color:#2b9c93;
}

.allSection2 ul li p {
    margin-left: 5vw;
    margin-right: 5vw;
}

.clsApropos_section2 {
    margin-left: 20vw;
    margin-right: 20vw;
}

.clsApropos_section2 ul li {
/*     padding: 10px 0 10px 20px; */
/*     margin-bottom: 1em; */
    background-color: #f2f2f2;
}

.aproposSection2 summary:hover {
    color: #2b9c93;
}

.aproposSection2 {
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
}

.aproposSection2 details summary  {
    font-weight: bold;
}

.clsApropos_section2 ul:last-child {}

.ulAproposSection2 li span{
	line-height:30%;
}


.representantNameColleges{
	margin-left: 5vw;
    margin-right: 5vw;
	
}
.representantNameUniversite{
	margin-left: 5vw;
    margin-right: 5vw;
	
}
/*------------------------Responsive-- À PROPOS ---- Xavier 2019 ---------------------------*/
@media screen and (max-width: 768px) {}

@media screen and (max-width: 420px) {
    .allSection1 {
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 10vh;
        padding-top: 5vh;
    }

    .clsApropos_section1_title ul li p:nth-child(3) {
        font-size: 2em !important;

    }

    .allSection2 ul li p {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .allSection2 ul li p:first-child {
        margin-left: 5vw;
    }

    .clsApropos_section2 {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .allSection2 ul li h2{
	margin-left:5vw;
	color:#2b9c93;
}
}


/*----------------------------------------------------------------Evenement-----------------------------------------------------------------------------*/
article {}

.allEvenement {
    background-color: #f2f2f2 !important;
    margin-top: -3em;
    padding-top: 5em;
}

#eventTitle {
    padding-bottom: 1em;

}

/* CS: shifted padding-bottom to .evenementPub for multi-section home page */
.clsEvenement {
    text-align: center;
    width: 100%;
    padding-bottom: 5%;
}

.evenementPub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 5%;
}

div.evenement1 {
    flex: 2 0 340px;
    margin-top: 50px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.evenement2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 300px;
    border-radius: 5px;
    padding-bottom: 2vw;
    background-color: #fff;
}

.evenement2:hover {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2);
}

.evenement2 img {
 
}

img {
    border-radius: 5px 5px 0 0;
}

.container {
	
}


#eventTitle h2 {
    text-align: center;
    color: #333333 !important;
    font-size: 18pt;
    padding-top: 1vw;
}

.evenement2 p:nth-child(4){
	width:90%;
	padding-left:10%;
	font-weight:bold;
	padding-top:1em;
}
.autor p{
	float:left;
}

.autor p:first-child{
	
	width:25%;
	text-align:right;
	padding-left:5%;
	
}
.autor p:last-child{
	
	width:75%;
	text-align:left;
	padding-left:5%;
	font-size:8pt;
	
}
.autor p:last-child span{
	
	font-size:12pt;
	font-weight:bold;	
}

.autor{
	
	width:90%;
	padding-top:5%;
}





/*------------------------Responsive-- Evenement ---- Xavier 2019 ---------------------------*/
@media screen and (min-width: 1350px) {

    .evenementPub {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        margin: 0 10vw;
    }

    .evenementPub {}

    /* @media screen and (min-width: 700px) and (max-device-width : 800px) {
} */
}

@media screen and (min-width: 1750px) {

    .evenementPub {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 60%;
        margin: 0vw 20vw;
    }

    .evenementPub {}
}

@media screen and (max-width: 375px) {}


/*-------------------------Outils et formulaires -----------------------------*/

#idOutilFormulaire {
    font-size: 22pt !important;
    color: #404041 !important;
    text-align: center;
    font-weight: bold;
}

.inner {
    /*background-color:#ffffff !important;*/
}

.clsFormulaire div{
    margin-left: 20vw;
    margin-right: 20vw;
}

/* CS */
.clsFormulaire :last-child > hr {
    display: none;
}
/* /CS */

.clsOutilEtFormulaire a {
    font-size: 16pt;
    color: #2b9c93;
}

hr {
    color: #eaeaea;
    margin-top: 2vw;
}

.clsOutilEtFormulaire h3 {
    padding-top: 5vh;
    padding-bottom: 8vh;
}

/* .clsOutilEtFormulaire ul li p:nth-child(5) {
    text-align: justify;

} */

/* .clsOutilEtFormulaire ul li p:nth-child(5) {
    text-align: justify;
} */

.clsFormulaire div p:nth-child(6){
	text-align: justify;
}

.wordDoc a{
	color:#404041 !important;
	font-size: 14pt !important;
}



/*------------------------Responsive -Outils et formulaires -  Xavier 2019 ---------------------------*/
@media screen and (max-width: 768px) {}

@media screen and (max-width: 574px) {

    .clsFormulaire div {
        margin-left: 10vw;
        margin-right: 10vw;
        margin-bottom: 10vw;
    }
}

/*-------------------------------------------------END--Outils et formulaires-----------------------------------------------------------------------------------------*/


/*-------------------------Intelligence Artificielle ------------------------------------------------------------------------*/
#main {
    background-color: #ffffff;
}

#allIntelligence {
    width: 100%;
    /*background-color:#ffffff !important;*/
}

/*

#allIntelligence ul li:first-child{
	width:40%;
}
*/
#allIntelligence ul li:last-child img {
    width: 45vw;
    height: auto;
    margin-top: -10em;
}

#allIntelligence ul li:first-child p {

    font-size: 1.1em;
    margin-bottom: 5em;
    text-align: justify;
}

#allIntelligence ul li:first-child h2 {
    color: #484848;
    font-size: 2em;
}

#ulIntelligence {
    margin-left: 10vw;
    margin-right: 10vw;
}

#ulIntelligence li {
   
    width: 100%;
}
.liIntelligence h2{
	padding-bottom:1em;
	padding-top:2em;
		
}




/*-------------------------Intelligence Artificielle----------------------RESPONSIVE---------------------------*/

@media screen and (min-width: 940px) {

    #allIntelligence ul li:last-child img {
        margin-top: -18vw;
    }
}

@media screen and (max-width: 576px) {
    #allIntelligence ul li:last-child img {
        display: none;
    }

    #allIntelligence ul li:first-child {
        width: 100%;
        text-align: justify;
    }

    #allIntelligence ul li:first-child h2 {
        text-align: center;
        font-size: 1.5em;
    }


    #ulIntelligence li p:last-child {
      
    }
	.liIntelligence h2{
		
		padding-bottom:2em;
	}
		.liIntelligence{
			
		padding-bottom:1em;
		
	}
}

/*---------------------------------------------------END-Intelligence Artificielle ------------------------------------------------------------------------*/



/*-------------------------Partenaire----------------------------------------------------------------------------------------*/

.allPartenaires {
    background-color: #f2f2f2;
    margin-top: -3em;
    padding-bottom: 20em;
}

.partenaireTitre div p {
    padding-top: 3em;
    padding-bottom: 2em;
    font-size: 2em;
    padding-left: 10vw;
    color: #333333;
}

.allPartenaires h2 {
    font-size: 2em;
    padding-top: 2em;
    padding-left: 10vw;
    color: #2b9c93;
}

.partenaireImg div p img {
    width: 100%;
    height: auto;
	margin-top:3em;
	margin-bottom:-15em;
}

.partenaireImg{
/*  	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url(images/cart.svg) no-repeat center center; */
	
}








.partenaire_wrapper {
    width: 100%;
	padding-top:3em;   
}
.clear {
    clear: both;
}

/* ---------------------test----------------------------------------------- */


.partenaire_container {
    display: flex;
    flex-wrap: wrap;
  flex-direction: row;
    justify-content: center;
	width:80%;
	margin:0 auto;
}

 .box {
  
	 flex:1 1 auto;
	 text-align:center;
	 margin:2em;
	 
}
.box p img{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
	 border-radius: 5px;
	
	}
.box p img:hover {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2);
}

.box p:last-child{
	font-size:1em;
	font-family: 'Days One', sans-serif;
	width:200px;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;	
}

.box p:last-child a{
	color:#404041;
}	
	
.pSpace{
	width:200px;
}



.clsPiaPartenaires h2 {
    color: #484848;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}





@media screen and (max-width: 650px) {

    .partenaire_wrapper {
        width: 100%;
		margin:auto;
       
    }

    .partenaire_container {
  
    justify-content: center;
	width:100%;
	
}
	.box{
		  margin:0 0;
	
	}
	
	
	.box p{
		width:140px;
		
		margin:auto;
			
	}
	.box p img{
	height:146px;
		width:140px;
	}

    .clsPiaPartenaires h2 {
        padding-top: 5vw;
    }
	#pSpace{
	width:140px;
}
	.box p:last-child{
	
	width:140px;
	margin:auto;
	padding-top:15px;
	
	
	
}
	


}
/* @media screen and (min-width: 651px) and (max-width: 1050px){
	
    .partenaire_container {
        width: 100%;
		margin:auto;
		
       
    }
	.box {
	
	}
	
	
}
 */







/*-----------------------END--Partenaire----------------------RESPONSIVE--------------------------------------------------------*/

/*--------------------------------------------------------Publication-et-document---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------Publication-et-document--RESPONSIVE--------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* FOOTER
/*--------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------MOBILE--------------------------------------------------*/
@media screen and (max-width: 1024px) {


    .section1 a {
        padding: 1.5vw;
        margin: 4vw 24vw 0 24vw;
        font-weight: bold;
        border: solid 2px #2b9c93;
        float: left;
        color: #000000 !important;
        background-color: #ffffff !important;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        width: 9vw;
        border-radius: 3vw;
    }

    .mission ul li {
        width: 100%;
        float: left;
        margin: 4vw 2.4vw;
        text-align: center;
    }

    .mission img {
        width: 15.5vw;
        height: auto;
        margin: 0 37vw 1vw 37vw;
        float: left;
    }

    .serv ul li {
        width: 100%;
        float: left;
        margin: 0 3vw 4vw 0;
    }

    .cons_admin li {
        width: 80%;
        float: left;
        margin: 0 8vw;
    }

    h2 {
        font-size: 4vw;
        text-transform: uppercase;
        line-height: 4.8vw;
        margin: 0 0 2vw 0;
        color: #2b9c93;
    }

    .section1 {
        width: 100%;
        float: left;
        margin: 0 0 0 0;
    }

    .page-id-11 .section1 {
        margin: 0 0 3vw 0vw;
    }

    .insertion ul li {
        width: 100%;
        float: left;
        margin: 8vw 2vw;
    }

    li.maps {
        float: left;
        Width: 100%;
        margin: 0 4vw 0 0;
    }

    li.textecontact {
        float: left;
        width: 100%;
    }

    li.textecontact ul li {
        width: 100%;
        float: left;
    }

    h4 {
        float: left;
        width: 100%;
        color: #2b9c93;
        margin: 2vw 0 0 0;
        font-weight: bold;
        font-size: 4.1vw;
    }

    div#mc_embed_signup_scroll p {
        float: left;
        width: 87%;
    }

    /*
	.clear-group .inner{
	margin-left: 0vw !important;
	padding-top:5vw;
}
	aside.cols.col5, aside.cols.col4 {
    width: 100% !important;
}
	
	aside.cols.col4 img {
    width: 7.3vw;
    margin: 2vw 1.2vw;
}
	
	.logo img {
    width: 50%;
    margin: 1vw 0 0 0;
}
	*/
    a.btn {
        padding: 1vw;
        margin: 3vw 24vw;
        background: #0fa3ce;
        float: left;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }

    h1 {
        font-size: 4vw;
        text-transform: uppercase;
        line-height: 5.8vw;
        margin: 0 0 4vw 0;
        color: #2b9c93;
    }

    .servicesa h3 {
        color: #2b9c93;
        font-size: 4vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

    ul.sevices1 li {
        width: 100%;
        float: left;
        margin: 1.4vw 3vw;
    }

    /*
    .evenement ul li {
        text-align: center;
        width: 100%;
        float: left;
        margin: 1.4vw;
    }*/
		
	
	
	
	
    .servicesa img {
        width: 80vw;
        height: auto;
        /*margin: 0 35vw 1vw 35vw;*/
        float: left;
    }

    .services2 li:first-child {
        width: 100%;
        float: left;
        margin: 0;
    }

    .services2 li {
        width: 100%;
        float: left;
    }

    .section1 a,
    .section2 a {
        padding: 1.5vw;
        margin: 4vw 0vw 5vw 14vw;
        background: #0fa3ce;
        float: left;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        width: 33vw;
    }

    .section2 {
        width: 107.8%;
        float: left;
        margin: 10vw 0 0 -5vw;
        background: #f2f2f2;
        padding: 0 0 5vw 3vw;
    }

    .servicesa {
        float: left;
        width: 99.9%;
        background: #f2f2f2;
        /*margin: 5vw -5vw;
    	padding: 4vw 5vw;*/
    }

    .publications .publication {
        text-align: center !important;

    }

    .equipe li {
        width: 100%;
        margin: 2vw 2.3vw;
        float: left;
    }

    .partenaire ul li {
        width: 100%;
        margin: 0 3vw 0 0;
        float: left;
    }

    div#Rapports_annuels a {
        width: 39%;
        float: left;
        margin: 0 4vw 47vw 4vw;
        text-align: center;
        height: 21vw;
    }

    /*------------------------------------------------------------------------------------------------------Mobie Menu----------------------------- */

}

/*------------------------------------------------------------------------------------------------------------------------------MOBILE----Responsive----------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------MOBILE----Responsive-----Footer-----------------------------------------*/

.inner1 aside:last-child{
	display:none;
}

#footer {
    background-color: #2b2c2d !important;
}

#footer a {
    text-decoration: none !important;
    color: #fff;
	
}

.inner1 {
    color: #fff;
	padding-top:2em;
	padding-bottom:2em;
}

#secondFooter {}

p.credits {
    text-align: center;
    padding: 0.5vw;
    background-color: #404041;
    color: #fff;
}

.credits a {
    color: #fff;
    text-decoration: none;
}
.inner1 aside:first-child img{
    width:70%;
}

@media screen and (min-width: 577px) {
    #footer {
        padding: 30px 0 30px 0;
        background-color: #2b2c2d !important;
        width: 100%;
    }

    #footer .inner1 aside:nth-child(2) {
        margin-left: 5vw;
    }

    #footer .inner1 aside:nth-child(3) {
        margin-left: 5vw;
    }

    #footer .inner1 aside:nth-child(4) {
        margin-left: 5vw;
    }

    #footer .cols {
        float: left;
        font-size: 9pt;
    }

    .clear-group div {
        display: flex;
        justify-content: center;
        align-content: space-between;

        /*display: flex;
  justify-content: center;
	 align-items: center;
	display:inline-block;*/
    }
}

@media screen and (max-width: 576px) {

    #footer .inner1 .cols:first-child {
        padding-top: 25px;
    }

    #footer .inner1 .cols {
        float: left;
        width: 100%;
        line-height: 7.3vw;
        text-align: center;
    }

    .clear-group div {
        margin-left: 0vw !important;
        display: inline !important;
    }

    aside.cols.col4 img {
        width: 4vw;
    }

    .inner1 aside:first-child img {
        width: 30vw !important;
        height: auto;
    }

    /*display: flex;
  align-items: center;
  justify-content: center;*/
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1200px) {}

/*------------------------------------------------------------------------------------------------------------------------------MOBILE----Responsive----END-Footer-----------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------MOBILE----Responsive-----HEADER-----------------------------------------*/
.desktop_social_icon{
	display:none;
}
	li.sideLogo{
	display:none;
}

nav ul li a:hover {
	color:#2b9c93;
    background-color: rgba(0, 0, 0, 0) !important;
}
.menu-item-1187 a{
	text-transform: uppercase;
	font-weight:bold;	
	color:#6d6e71 !important;
}

.current-menu-item a,
.current-page-ancestor a,
.current-post-ancestor a { color: #2b9c93 !important; }


@media screen and (min-width: 781px) and (max-device-width : 1100px) and (orientation : landscape) {

}

.brand-logo img{
	width:80px;
}
.container a{
	color:black;
}


.container{
	width:95%;
}




.sideLogo a:nth-child(2){
	margin-left:-2em;
	margin-right:-2em;	
}
.sideLogo{
	width:150px;
	display:flex;
	flex-direction:row;
	margin-top:1em;
	
	
}

.sidenav-trigger img{
	margin-top:20px;
}


.mySpanTop{
/* 	padding-right:5%; */
}

.sideLogoTop{
	width:120px;
	margin-top:2em;
	margin-left:2em;
}
.mobileSideMenu1{
	margin-top:3em;
}

ul li.right a img{
	width:27px;
	height:27px;
	margin-left:-10px;
	
}


.nav-menu{
/* 	text-transform: uppercase;
	font-weight:bold; */
}

.nav-menu li{
	text-transform: uppercase;
	font-weight:bold;	
}
.nav-menu li a{
	color:#6d6e71;	
}



.image_header{
/* 	margin-top:25px */
}
.right hide-on-med-and-down ul li:hover {
   background-color: white;
}


@media screen and (max-width: 575px) {

.brand-logo img{
	width:150px;
	height:auto;
	
	}

	

		
	
	
/*     #masthead {
        min-height: 150px;
        max-height: 150px;
        padding-top: 20px;
        vertical-align: middle;
    }

    

    #masthead .inner {}

    .logo img {
        width: 120px;
        height: auto;

        margin-top: auto;
        margin-bottom: auto;
    }

    #logo3 {
        width: 120px;
    } */
}

@media screen and (min-width: 993px) and (max-width: 1260px) {
/* 	.brand-logo img{
	width:140px;
}
	
	
	.nav-menu li a{
		margin-top:50px;
	}
	
 .nav-wrapper{
	min-height:130px;
}	
	.nav-menu li a{
		font-size:7.5pt !important;
		
	}
		.nav-menu li{
		
		
	}
	.container{
	width:98%;
} */
	
/*     #masthead {
        min-height: 200px;

        max-height: 200px;
        padding-top: 20px;
        vertical-align: middle;
    } */
}

@media screen and (min-width: 768px) {}

@media screen and (max-width: 1200px) {
	

	
	
	
	
	
/*     #site-navigation {
        display: none;
    }

    /*  #masthead .inner {
        padding: 2%;
    }*/
/*     #logo2 {
        display: none;
    }

    #socialHeaderIcon {}

    .site-header .inner img {} 
	*/
 
    /*-------------------------------------------------------------------------------------------*/
/*     .site-header {}

    .logo img {}

    .logo img {
        width: 200px;
        height: auto;
        margin-top: auto;
        margin-bottom: auto;
    }

    nav#mobile {
        background-color: #3D3C3F;
        display: block;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    } */

/*     nav#mobile .mobile-menu-wrap {
        position: absolute;
        width: 100%;
        overflow: auto;
        z-index: 9999;
        display: none;
    }
 */
    /*
	Top black bar that holds the toggle button
	*/
/*     nav#mobile #toggle-bar {
        line-height: 35px;
        height: 35px;
    }

    nav#mobile #toggle-bar p {
        line-height: 35px;
        float: left;
        margin: 0 0 0 2%;
    }

    nav#mobile #toggle-bar p a {
        color: #fff;
        text-transform: uppercase;
    } */

    /*
	Toggle button #1 ("Menu")
	*/

/*     nav#mobile strong a {
        margin-left: 30px;
        border: 1px solid #444;
        padding: 10px;
    } */

    /*
	Toggle button #2 ("Navicon")
	*/

/*     nav#mobile .navicon {
        float: right;
        height: 35px;
        line-height: 35px;
        margin: 0 2%;
        padding: 0 55px 0 0;
        background: url(images/menu_button.png) no-repeat center right;
        width: 33px;
        color: #fff;
    } */

    /*
	The dropdown menu
	*/

/*
 */     
/* 	
    .fr,
    .en {
        float: none;
    }

    nav#mobile ul li a:hover {
        color: #fff;
        background: #2b9c93;
        text-decoration: none;
    }

    nav#mobile ul ul {
        font-size: small;
        display: none;
    }

    nav#mobile .current-menu-item ul,
    nav#mobile .current-menu-parent ul {
        display: block;
    }

    nav#mobile ul ul a {
        background-color: #333;
        padding-left: 8px;
    } */


   /* nav#mobile ul ul a:before {
        content: "\2192";
        padding-right: 8px;
    }

    nav#mobile ul li.menu-parent-item>a {
        background: #605a56 url(images/plus.png) no-repeat 98% center;
    }

    nav#mobile ul li.menu-parent-item>a:hover {
        background: #c5c19d url(images/plus.png) no-repeat 98% center;
    } */
}

@media screen and (min-width: 600px) and (max-device-width : 900px) and (orientation : landscape) {

/* 	.nav-menu li {
	height:30px;
		
   
}
	.nav-wrapper{
	min-height:100px;
} */
	
/*     #masthead {
        min-height: 120px;
        max-height: 120px;
    }

    .logo img {
        width: 140px;
        height: auto;
        margin-top: -2vw;
        text-align: left;
    }

    .site-header {
        margin-top: 8vh;
    } */
}

@media screen and (max-width: 1024px) {}

@media screen and (min-width: 993px)and (max-width: 1199px) and (orientation : landscape) {
/*  		.nav-wrapper{
	min-height:130px;
		
}
	
	.nav-menu li a{
	
		margin-top:20px;
		
	}
	
	.brand-logo img{
		margin-top:-10px; 
 	}	  */
	
/* 	#logo2{
	}
	
	#socialHeaderIcon{
		display:none;
	} */
	

	
	

/*     .menu-menu_principal-container {
        margin-right: -8%;
        border-style: solid;
    }

    #logo3 {
        display: none;
    }

    #toggle-bar {
        display: none;
    }

    .logo img {
        width: 187px;
        height: 125px;
        margin: 0 0 8vh 0;
    }

    #menu-menu_principal-1 li a {
        font-weight: bold;
        font-size: 10pt;
    } */
}

@media screen and (min-width: 1250px)and (max-width: 1350px)  {
/* .nav-menu li a{
		
		font-size:10pt;
	}
	.nav-wrapper{
	min-height:130px;
}
	.brand-logo img{
		margin-top:-10px; 
 	}
	.nav-menu li a{
	
		margin-top:30px;
		
	} */
}

@media screen and (min-width: 1300px) {
/* 	
	.nav-menu li a{
		margin-top:50px;
		font-size:10.5pt;
	}
	.nav-wrapper{
	min-height:130px;
}
	.container{
		width:100%;
	} */
	
	
}
/*----------------------------------------------------------------------------SINGLE POST-----------------------------------------*/
.allPostBackground{
		background-color:#f2f2f2 !important;
		margin-top:-20px;
		z-index:-1;
	
	}	
.textarticle h2{
		font-size:2em;
	}
	.textarticle p{
		text-align:justify;
	}
	.textarticle p a{
		text-decoration: underline;
		color:#3e3e3f;
	}
	.textarticle h3{
		padding-top:10px;
	}
	.wp-image-766{
		width:17px;
		height:17px;
	}
@media screen and (min-width: 1201px) {

	
	
.allSinglePost{
	display:flex;
	justify-content:space-around;
	width:70%;
	margin:0 auto;
	
	background-color:#f2f2f2 !important;
}
.textarticle{
	margin-top:5em;
	margin-bottom:10em;
	
}
	
	.textarticle p{
		text-align:justify;
	}
	
.imagearticle{
	margin-top:10em;
	margin-right:5em;
	margin-bottom:10em;
}
}
@media screen and (min-width: 768px)  and (max-width: 1200px) {
	
	.allSinglePost{
	display:flex;
	flex-direction:column;
	width:80%;
	margin:5em auto;
	}
	.textarticle{
	margin-top:3em;
	}
	.imagearticle{
	text-align:center;
		padding-top:100px;
	}
		.textarticle p{
		text-align:justify;
	}
	.allPostBackground{
		
		margin-top:-100px;
		z-index:-1;
		padding-bottom:100px
	}	
}

@media screen and (max-width: 576px){
.allSinglePost{
	display:flex;
	flex-direction:column;
	width:80%;
	margin:5em auto;
	}
	.textarticle{
	margin-top:3em;
	}
	.imagearticle{
	text-align:center;
		padding-top:100px;
	}
	.imagearticle img{
	width:100%;
	}
		.textarticle p{
		text-align:justify;
	}
	.allPostBackground{
		
		margin-top:-100px;
		z-index:-1;
		padding-bottom:100px
	}	
}

.clsFormulaire span img{
	width:15px;
	height:20px;
}
.img1{
	margin-right:10px;
}

/* CS: */
/*----------------------------------------------------------------------------NEWS POSTS-----------------------------------------*/

.allNewsPost{
	background-color:#f2f2f2 !important;
}

/* copied / modified from .textarticle: */

.allNewsPost h2{
		font-size:2em;
}

/* h2 for title */

.allNewsPost h2{
    font-size: 2em;
    margin: 0.5em 0 1em 0;
    line-height: 1.2;
}

.allNewsPost h3{
    font-size: 1.5em;
    margin: 0 0 1em 0;
    line-height: 1;
}

/* h6 for byline */

.allNewsPost h6{
    margin: 0 0 1vw 0;
    font-size: 1.2em;
    font-weight: bold;
}

.allNewsPost h6 a{
	text-decoration: underline;
	color:#3e3e3f;
}

.allNewsPost h6 a:hover {
    text-decoration:none;
    text-shadow: 0 0 2px #999;
}

.allNewsPost h3{
    margin: 0 0 1vw 0;
    color: #2b9c93;
}

.allNewsPost h3 a{
	text-decoration: underline;
	color: #3e3e3f;
}

.allNewsPost h3 a:hover {
    text-decoration:none;
    text-shadow: 0 0 2px #999;
}

.allNewsPost p {
    margin-top: 1em ;
    margin-bottom: 1em ;
}

.allNewsPost .wp-block-image {
    margin-top: 2em ;
}

.allNewsPost a{
	text-decoration: underline;
	color:#3e3e3f;
}
.allNewsPost a:hover {
    text-decoration:none;
    text-shadow: 0 0 2px #999;
}

.allNewsPost ul li {
  display: list-item;
  list-style-type: disc;
  margin-left: 2em;
}

.allNewsPostBackground{
    background-color:#f2f2f2 !important;
    z-index:-1;
    padding-bottom: 5vw;
}	

@media screen and (min-width: 1201px) {
	
.allNewsPost{
	width:70%;
	margin:0 auto;
}

.allNewsPostBackground{
		z-index:-1;
		margin-top:-20px;
	}	
}

@media screen and (max-width: 1200px) {
	
.allNewsPost{
	width:80%;
	margin:0 auto;
}

.allNewsPostBackground{
		z-index:-1;
		margin-top:-20px;
	}

}

/*----------------------------------------------------------------------------PROJECT PAGES (POSTS)-----------------------------------------*/

.allProjectsBackground{
    background-color:#f2f2f2 !important;
    z-index:-1;
    padding-bottom: 2vw;
}	

.allProjectsLightBackground{
    background-color:#ffffff !important;
    z-index:-1;
    padding-bottom: 2vw;
}	

.allProjects {
    z-index:-1;
    padding-bottom: 5vw;
    background-color:#f2f2f2 !important;
}	

/* h2 for title */

/* float: none to override settings in MOBILE section above */

.allProjects h2{
    font-size: 2em;
    margin: 0.5em 0 1em 0;
    line-height: 1.2;
    float: none;
}

.allProjects h3{
    font-size: 1.5em;
    line-height: 1;
    color: #2b9c93;
    margin: 0 0 1vw 0;
    padding-top: 2.5vw;
}

.allProjects h4{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    color: #2b9c93;
    margin: 1.5vw 0 0.5vw 0;
    float: none;
}

.allProjects h5{
    font-size: 1em;
    line-height: 1;
    margin: 1vw 0 1vw 0;
	font-family: 'Days One', sans-serif;
    font-weight: bold;
}

/* h6 for byline */

.allProjects h6{
    margin: 0 0 1vw 0;
    font-size: 1.2em;
    font-weight: bold;
}

.allProjects p {
    margin-bottom: 1em ;
}

.allProjects a{
	text-decoration: underline;
	color:#3e3e3f;
}
.allProjects a:hover {
    text-decoration:none;
    text-shadow: 0 0 2px #999;
}

.allProjects ul li {
  display: list-item;
  list-style-type: disc;
  margin-left: 2em;
}

.allProjects ol li {
  display: list-item;
  list-style-type: decimal;
  margin-left: 2em;
}

.allProjects ul li ul li, ol li ul li { 
   list-style-type: disc !important; 
}

.allProjects ol li ol li, ul li ol li { 
   list-style-type: decimal !important; 
}

.allProjects blockquote {
    font-style: italic;
}

.allProjects blockquote cite {
    font-style: italic;
    display: block;
    text-align: right !important;
}

@media screen and (min-width: 1201px) {
	
.allProjectsContent {
	width:70%;
	margin:0 auto;
}

.allProjects {
		z-index:-1;
		margin-top:-20px;
	}	
}

@media screen and (max-width: 1200px) {
	
.allProjectsContent {
	width:80%;
	margin:0 auto;
}

.allProjects {
		z-index:-1;
		margin-top:-20px;
	}

}

.allProjectsPhotoContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width:100%;
    margin:0 auto;
}

.allProjectsPhotoWrapper {
    width: 100%;
    margin:0 auto;
}

@media screen and (max-width: 650px) {

    .allProjectsPhotoWrapper {
        width: 100%;
		margin:auto;
    }

    .allProjectsPhotoContainer {
        justify-content: center;
        width:100%;
    }
	
}

/* /CS */

/*----------------------------------------------------------------------------PROJETS----------------------------------------*/
.container_projet{
	width:70%;
	margin:0 auto;
}
.projets_titre h3{
	font-size:2.3em;
	
	margin-bottom:2em;
}
.projets_detail_titre{
	margin-top:3em;
}

.projets_detail{
	
}


.projets_detail summary:hover {
    color: #2b9c93;
}

.projets_detail{
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
	background-color:#e9e9e9;
	
}

.projets_detail summary  {
    font-weight: bold;
	font-size:1.1em;
}
.menu_li p:first-child{
	margin-top:1em;
}


.projets_detail_div{
	margin-bottom:8em;
}
.projets_titre h3{
	line-height:1;
}
.projets_detail_titre h5{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:1em;
}
.single_accord{
	margin-bottom:5em;
}


.caret, .material-icons{
    color: #2b9c93;
}

.collapsible1 .active .collapsible-header1 .caret {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}
.collapsible2 .active .collapsible-header2 .caret {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

.collapsible-header {
    font-weight: 500;
	font-size:1.1em;
}
.collapsible-header2{
	font-size:1.3em;
}
.collapsible-body7, .collapsible-header7 {

	background-color:#f1f1f1 !important;
}
.collapsible-header:hover {
    color: #2b9c93;
}
.projets_detail_div1{
	margin-top:3em;
	margin-bottom:5em;
}

.container1{
	width:95%;
	margin:0 auto;
	
}


/*----------------------------------------------------------------------------PROJETS new----------------------------------------*/
.projets_sous_titre h2{
	font-size:1.5em;
	margin-bottom:0;
	margin-top:3em;
}

.super_super_container_projet{
	margin-bottom:0em;
}

.super_container_projet_top{
	padding-top:8em;
	margin-top:-3em;
	background-color:#f2f2f2;
	padding-bottom:1em;
}
.super_container_projet_bottom{
	padding-top:1em;
	margin-top:-3em;
	background-color:#f2f2f2;
	padding-bottom:1em;
}

.collapsible2 .collapsible-body{
	background-color:#ffffff;
}


@media screen and (max-width: 576px){
.container_projet{
	width:100%;

}	
.projets_titre h3{
	font-size:1.6em;	
}	
}

.noncollapsible-header {
	font-family: 'Days One', sans-serif;
    font-weight: 500;
	font-size:1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0.5rem 0 1rem 0;
}

.noncollapsible-header-link:hover {
    color: #2b9c93;
}

.noncollapsible-header-gray {
	background-color:#f1f1f1 !important;
}