/*****************************************************************
****** 														******
******************************************************************/


:root {
    --main-color:#009598; /* #1dab99 */
        --header2-color:#009598; /* #1dab99 */
 	   --header1-color:#1dab99; /* #1dab99 */

        --bg-second-color:#d7ebea; /* #f0f6f7*/
        --bg-first-color:#e6f4f2; /* #f0f6f7*/
        --bg-inter-color:#e6f4f2; /* #f0f6f7*/
        --bg-white-color:#ffffff; /* white*/
        --text-first-color:#05505f; /* #f0f6f7*/
        --text-link-color:#009597; /* #1ba190 */
        --text-h1-color:#b2d9d9; /* #1ba190 */
        --text-h2-color:#033c40; /* #08362b */

    
    
}
.hero_global {
    
}

/*
var(--main-color)
*/


h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{
	font-family: Urbanist, 'Open Sans', sans-serif;	
    
	/*background:#e7eaec;*/
	/* background:#f4f4f4; GRIS FOOTER */
}
#showmore{
    	font-family: Urbanist, 'Open Sans', sans-serif;	

}
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

@font-face {
	font-family:"Raleway";
	src:url("../fonts/raleway_thin-webfont.eot?") format("eot"),url("../fonts/raleway_thin-webfont.woff") format("woff"),url("../fonts/raleway_thin-webfont.ttf") format("truetype"),url("../fonts/raleway_thin-webfontS.svg#") format("svg");
}


body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.header {
	padding: 2em 0;
	/*border-bottom: 1px solid #6f879a;*/

}
.logo a{
	display:block;
}
.logo {
	float: left;
}
.logo:before {
	
	font-family: "FontAwesome"; 
	color:var(--main-color);
	content:"Welcome to greens!";	
	padding:1px;
	padding-left:10px;
		font-weight: 500;
		font-style: normal;

}
.logo:hover:before {
	font-family: "FontAwesome"; 
	color:#FFF;
	content: "\f177";
}

.head-nav ul li{
	display: inline-block;
}
.head-nav ul li a{
	position: relative;
	display: inline-block;
	outline: none;
	/*color: #8ca9b9;*/
	color: #89b4ad; /*.cl-effect-15 a::before */
	text-decoration: none;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	/*font-weight: 400;*/
	font-weight: bold;
	/*text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
	/*font-size: 1em;*/
	font-size: 1.2em;
	/*margin: 0.8em 1.3em;*/
	margin: 2.3em 2.3em;
	margin-top: 0;
text-transform: uppercase;
}

.head-nav ul li a:first-child{
	
	margin-left: 0;
}

.head-nav a:hover,
.head-nav a:focus {
	outline: none;
}
.head-nav ul{
	padding:0;
	margin: 0;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nav ul li {
	display: inline-block;
	margin: 0 .5em;
	outline: none;
	text-decoration: none;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 16px;
}
.head-nav ul li a:hover,.head-nav ul li.active a{
	color:#fff;
}
ul a:hover,
ul a:focus {
	outline: none;
	color:#fff;
	text-decoration: none;
}
.cl-effect-15 a::before {
	/*color: #8ca9b9;*/
	/*color: #093731;*/
	
	/*	color: #018374;*/
	color: #018374;

	/*color: #006553;*/
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}
.head-nav ul li a:hover, .head-nav ul li:first-child:before { /* ********************************************************************** */
/*font-family: "FontAwesome";
	content: "\f015";*/
}
.head-nav {
/*	padding: 1em 0;
*/}






.header-right ul li {
	display: inline-block;
	float: left;
}
.header-right {
	float: right;
	margin: 2.1em 0;
}
.header-right ul {
	padding: 0;
}
.header-right li {
	margin: 0 0.5em;
}
/* BOUTON SOCIAUX */
i.fb {
	/*width: 30px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -153px -6px;
	float: left;
	vertical-align: middle;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;*/
	width: 38px;
	height: 38px;
	background: url(../images_cms/site/icon_facebook1.png)no-repeat;
	float: left;
	vertical-align: middle;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
}
i.fb:hover {
	/*background: url(../images_cms/site/img-icon.png)no-repeat -153px -47px;*/
	-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
i.twt{
	/*width: 30px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -8px -40px;
	float: left;
	vertical-align: middle;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;*/
	width: 38px;
	height: 38px;
	background: url(../images_cms/site/icon_linkedin1.png)no-repeat;
	float: left;
	vertical-align: middle;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
}
i.twt:hover {
	/*background: url(../images_cms/site/img-icon.png)no-repeat -49px -40px;*/
	-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}


/*--start-search--*/
.search2 {
	position: relative;
	padding: 4px;
	width: 100%;
	margin: 0;
	/*border: 1px solid #6f879a;*/
	/*border-radius: 0.4em;*/
}
.search2 input[type="text"] {
	outline: none;
	/*color: #6f879a;*/
	background: none;
	font-size: 15px;
	border: none;
	width: 79.33%;
}
.search2 input[type="submit"] {
	background: url('../images_cms/site/sprit-1.png') no-repeat 0px -2px;
	padding: 6px 18px;
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	top: 0px;
	right: 0px;
}
/*****************************************************************
****** BACKGROUND HEADER									******
******************************************************************/
.banner{
	/*background:var(--text-h2-color);*/
	
	/*background: url(../images_cms/site/background.jpg)no-repeat;*/
	/*background: url(../images_cms/site/background.png)no-repeat;*/
	display:block;
	background-size:cover;
	/*border-bottom: 1px solid #6f879a;*/
	background-color:var(--main-color);
	
	background: linear-gradient(0deg, var(--header1-color) 0%, var(--header2-color) 100%);
	
			/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.90);*/
			border:0;
			border-top: 7px solid #093831;
}
.content{
	background:var(--bg-second-color);
	padding:3em 0;
}
.dapibus {
	background: #fff;
	border-radius: 640px  640px  0 0;

/*background: linear-gradient(0deg, var(--bg-second-color) 0%, var(--bg-first-color) 11%);*/
background: linear-gradient(0deg, var(--bg-second-color) 0%, var(--bg-first-color) 100px);
	padding: 2em 1.3em;
		padding-top: 4em;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}

.dapibus  p{
line-height:1.3em !important;
padding-top:0 !important;
}
.content h2 {
	font-size: 1.1em;
	font-weight: 600;
	color: var(--text-h2-color);
text-transform: uppercase;
	text-align: left;
	line-height: 1.4em;
	margin:0;
}
.container h2:first-child, .container h1:first-child  {
	/*:nth-child(0)*/
	/*color:var(--text-h1-color) !important;*/ 
	color:var(--text-h1-color) !important; 
	font-family:"Open Sans" !important;
	
	}
.container h1:first-child  {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: var(--text-h2-color);
text-transform: uppercase;
	margin:0;
	padding:0;
	}	
	
p.adm {
	color: var(--text-first-color);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.8em;
	text-align: left;
	padding: 1em 0;
}
p.adm a {
	color: #1dab98;
	font-weight: 700;
	text-decoration: underline;
}
p.adm a:hover {
	color: var(--text-first-color);
}
.content p {
	color: var(--text-first-color);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.8em;
	text-align: left;
	padding: 1em 0;
}
.link {
	/*background: url(../images/arrow.png) no-repeat -1px 5px;*/
	
	
		
	display: inline-block;
	/*padding: 0 0 0 13px;*/
	line-height: 20px;
	font-size: 1em;
	font-style: normal;
	color: var(--text-link-color); /* BLEU */
	font-weight: 700;
}
.link:before {
	/*background: url(../images/arrow.png) no-repeat -1px 5px;*/
	
	color:var(--main-color);
		font-family: "FontAwesome"; 
		/*padding-right:6px;*/
		content: "\f138";
		padding:1px;
		padding-right:5px;
		font-weight: 700;
		font-style: normal;

}


a.link:hover{
	color: var(--text-first-color); /* GRIS */
}
.cursus {
	background: #fff;
	padding: 2em 1.3em;
	margin: 2em 0 0;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.content h3 {
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	color: var(--text-h2-color);
	text-transform: uppercase;
	text-align: left;
	line-height: 1.4em;
	margin:0;
}
.integer {
	background: #fff;
	padding: 2em 1.3em;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.Aliquam {
	background: #fff;
	padding: 2em 1.3em;
	margin: 2em 0 0;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.vitae{
	background: #fff;
	padding: 2em 1.3em;
	margin: 2em 0 0;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.integer li {
	display: inline-block;
	margin: 3px 1px;
}
.lorem {
	background: #fff;
	padding: 2em 1.3em;
	margin: 2em 0 0;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.content h4 {
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	color: var(--text-h2-color);
	text-transform: uppercase;
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 1em;
}
.posts {
	text-align: left;
 
}
.posts h6  a{
	color: var(--text-link-color); /* BLEU */
	font-size: 1.1em;
	font-weight: 400;
	line-height: 2em;
	/*border-bottom: 1px solid var(--text-first-color);*/
	text-decoration:none;
}
.posts h6  a:hover{
	color: var(--text-first-color); /* GRIS */
}
.posts span{
	color: var(--text-first-color); /* GRIS */
}
.formatformation{
    display: none;
}
.formatCovid{
font-family: Urbanist, 'Open Sans Condensed', Urbanist, 'Open Sans', sans-serif;
color: var(--text-first-color);
}
.formatCovid a{
font-family: Urbanist, 'Open Sans', Urbanist, 'Open Sans Condensed',  sans-serif;
}

.comments {
	text-align: left;
}
.comments h6  a{
	color: var(--text-link-color); /* BLEU */
	font-size: 1.1em;
	font-weight: 400;
	line-height: 2em;
	/*border-bottom: 1px solid var(--text-first-color);*/
	text-decoration:none;
}
.comments h6  a:hover{
	color: var(--text-first-color); /* GRIS */
}
.comments span{
	color: var(--text-first-color); /* GRIS */
}

.archievs  {
	text-align: left;
}
.archievs h6 a {
	color: var(--text-link-color); /* BLEU */
	font-size: 1.1em;
	font-weight: 400;
	line-height: 2em;
	/*border-bottom: 1px solid var(--text-first-color);*/
	text-decoration:none;
}
.archievs h6 a:hover{
	color: var(--text-first-color); /* GRIS */
}
.archievs span{
	color: var(--text-first-color); /* GRIS */
}

.categories {
	margin: 3em 0 0;
}
.categories {
	text-align: left;
}
.categories h6 a{
	color: var(--text-link-color); /* BLEU */
	font-size: 1.1em;
	font-weight: 400;
	line-height: 2em;
	/*border-bottom: 1px solid var(--text-first-color);*/
	text-decoration:none;
}
.categories h6 a:hover{
	color: var(--text-first-color); /* GRIS */
}
.categories span{
	color: var(--text-first-color); /* GRIS */
}
.left{
	width:100%;
	text-align:left;
	
	}

.footer {
	/*background: #e7eaec;*/
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	
	
	/*
	box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.51);
	border-top: 1px solid #f4f4f4;
	background: #f4f4f4;
	background: url(../images_cms/site/bgfoot.jpg) repeat-x;
*/
	
	box-shadow:none;
	border-top:none;
	background-image:none;
	
	background-color: white;
		background: linear-gradient(180deg, var(--bg-second-color) 0%, var(--bg-first-color) 100px);

	padding: 4em 0;
	text-align: center;
		

}
.top1 {
	float: left;
	width: 14%;
	margin-right: 3%;
}
.top2 {
	float: right;
	/*width: 82%;*/
}
i.ham {
	/*width: 32px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -4px -2px;
	display: inline-block;
	vertical-align: middle;*/
	width: 160px;
	height: 120px;
	background: url(../images_cms/site/icon_copyright1.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	
}
.top1 i.ham:hover {
	-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
i.men{
	/*width:32px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -40px 1px;
	display: inline-block;
	vertical-align: middle;*/
	width:38px;
	height: 38px;
	background: url(../images_cms/site/icon_webmaster.png)no-repeat;
	display: inline-block;
	vertical-align: middle;
}
/*i.men a:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}*/

i.app{
	width: 32px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -78px 2px;
	display: inline-block;
	vertical-align: middle;
}
i.lik {
	/*width: 32px;
	height: 32px;
	background: url(../images_cms/site/img-icon.png)no-repeat -114px 0px;
	display: inline-block;
	vertical-align: middle;*/
	width: 38px;
	height: 38px;
	background: url(../images_cms/site/icon_link.png)no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.footer h6 {
	color: var(--text-h2-color);
	font-size: 1em;
	font-weight: 700;
	text-align: left;
}
.footer p {
        font-family: Urbanist, 'Open Sans Condensed', Urbanist, 'Open Sans', sans-serif;

	color: var(--text-first-color); /* GRIS */
	font-size: 11px;
	font-weight: 300;
	text-align:justify;
	width:100%;
	float:left;

}
.footer a{
	color: var(--text-link-color); /* BLEU */
	text-decoration:none;
}
.footer a:hover {
	color: var(--text-first-color); /* GRIS */
	
}





















/*****************************************************************
****** BLOC ABOUT											******
******************************************************************/
.about {
	background: var(--bg-second-color);
	padding: 3em 0;
}
.contact, form, 
.col-md-4 img,

.gray{/* Firefox 4+ */
	  /*filter: url(grayscale.svg); 

	-webkit-filter: grayscale(100%) ;
  -moz-filter: grayscale(100%) ;
  -ms-filter: grayscale(100%) ;
  -o-filter: grayscale(100%) ;
  filter: grayscale(100%) ;
  filter: gray;*/ /* IE 6-9 */
	
	}
	
.gray2{
-webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);
  -moz-filter: grayscale(100%) brightness(110%) contrast(0.9);
  -ms-filter: grayscale(100%) brightness(110%) contrast(0.9);
  -o-filter: grayscale(100%) brightness(110%) contrast(0.9);
  filter: grayscale(100%) brightness(110%) contrast(0.9);
  webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-border-radius:3px;
	border-radius:3px;*/
	}
.color{
	}


.biographys {
	margin-top: 2em;
	background: #fff;
	background: linear-gradient(0deg, var(--bg-second-color) 0%, var(--bg-first-color) 30%, var(--bg-white-color) 60%, var(--bg-white-color) 100%);
border-radius: 60px 60px 0 0;
	padding: 2em 1.5em;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}

.about input[type="submit"] {
	outline: none;
	border: none;
	background: var(--text-h2-color);
	color: #fff;
	padding: 0.4em 1.8em;
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 0.4em;
	margin-bottom:1em;
	margin-left:1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.about  input[type="submit"]:hover {
	background-color: #1dab98;
}
.about h2 { /* TITLE */
	font-family:"Raleway";
	color: var(--text-h2-color);
	font-size: 3em;
	margin: 0em;
	font-weight: 700;
	text-align:center;
}
.biography {
	padding: 1em 0;
}	
.biography-info {
	margin-bottom: 2em;
}
.biography-into h4 {
	font-family:"Raleway";
	color: var(--text-h2-color);
	font-size: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 700;
}
.biography-into p {
	color: var(--text-first-color);
	font-weight: 400;
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.biography-info-right {
	border: none;
	outline: 0;
	color: #fff;
	background:#ffc000;
	padding:0.3em 1.5em 0.5em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-size: 1.2em;
	font-weight: 400;
}
.biography-info-right:hover {
	background-color:var(--text-first-color);
	color: #fff;
	text-decoration: none;
}

.biography-into input[type="file"] {
	outline: none;
	border: none;
	background: var(--text-h2-color);
	color: #fff;
	padding: 0.4em 1.8em;
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 0.4em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.biography-into input[type="text"] {
	border: none;
	outline: none;
	border: 1px solid var(--text-first-color);
	padding: 17px;
	width: 95%;
	margin-bottom: 0.5em;
}
.biography-into input[type="text"]:hover {
	border: 1px solid #1dab98;
}
.biography-into input[type="password"] {
	border: none;
	outline: none;
	border: 1px solid var(--text-first-color);
	padding: 17px;
	width: 95%;
	margin-bottom: 0.5em;
}
.biography-into input[type="password"]:hover {
	border: 1px solid #1dab98;
}
.biography-into textarea {
	border: 1px solid var(--text-first-color);
	resize: none;
	height: 130px;
	padding: 1em;
	width: 95%;
	outline: none;
}
.biography-into textarea:hover {
	border: 1px solid #1dab98;
}

/*--/about--*/

.biography input[type="button"] {
	outline: none;
	border: none;
	background: var(--text-h2-color);
	color: #fff;
	padding: 0.4em 1.8em;
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 0.4em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.biography  input[type="button"]:hover {
	background-color: #1dab98;
}



input#firstname, #lastname, #name{
	background-image:url(../images_cms/site/input/icon-person.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#password, #confirm, #txtPassword, #txtConfirmPassword, #Password, #ConfirmPassword{
	background-image:url(../images_cms/site/input/icon-cadnas.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#username, #txtUsername, #Username, #txtName, #userName{
	background-image:url(../images_cms/site/input/icon-login.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#email, #Email{
	background-image:url(../images_cms/site/input/icon-email.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#street, #street2{
	background-image:url(../images_cms/site/input/icon-address.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#Notes, #notes{
	background-image:url(../images_cms/site/input/icon-note.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
}

input#description{
	background-image:url(../images_cms/site/input/icon-description.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
}

input#subject{
	background-image:url(../images_cms/site/input/icon-subject.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
}

input#city{
	background-image:url(../images_cms/site/input/icon-city.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
}

input#zip{
	background-image:url(../images_cms/site/input/icon-zip.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#tel{
	background-image:url(../images_cms/site/input/icon-tel.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}
input#telprof{
	background-image:url(../images_cms/site/input/icon-tel.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}
input#telpriv{
	background-image:url(../images_cms/site/input/icon-tel.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

input#telmobil{
	background-image:url(../images_cms/site/input/icon-telmobil.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-left:1em;
}

select#state {
	background-image:url(../images_cms/site/input/icon-state.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	width: 220px;
   	height: 50px;
   	overflow: hidden;
   	border: 1px solid #ccc;
	margin-left:1em;
}

select#numb {
	background-image:url(../images_cms/site/input/icon-state.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	width: 220px;
   	height: 50px;
   	overflow: hidden;
   	border: 1px solid #ccc;
	margin-left:1em;
}
select#location, #uploadFolder {
	background-image:url(../images_cms/site/input/icon-prog.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	width: 220px;
   	height: 50px;
   	overflow: hidden;
   	border: 1px solid #ccc;
}




/*****************************************************************
****** BLOC PORTFOLIO										******
******************************************************************/
.photos {
	background: var(--bg-second-color);
	padding: 3em 0;
}
.photos h2 { /* TITLE */
	font-family:"Raleway";
	color: var(--text-h2-color);
	font-size: 3em;
	margin: 0em;
	font-weight: 700;
	text-align: center;
}
div#portfolio {
	margin: 3em 0;
	background: #fff;
	padding: 2em 1.5em;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.portfolio p {
	color: var(--text-first-color);
	font-weight: 400;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
	margin: 1em 0em;
}
.portfolio h3 {
	color: var(--text-h2-color);
	font-weight: 700;
	font-size: 1.5em;
	text-align: left;
	margin: 1em 0em;
}
.service{
	padding:2em 2em;
}
.servic {
	margin: 3em 0em;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 33.333%;
	display:none;
	float:left;
	overflow:hidden;
	margin: 0;
}
div#portfoliolist {
	padding: 0px 0px;
	margin:2em 0em;
}

/*
	BLOC USER AREA
*/	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
	margin:1em 1em;
	width:150px;
	height:110px;
}
.portfolio-wrapper .blocimg {
	display:inline-block;
	width:150px;
}




.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
.row:after,
.clearfix:after {
	clear: both; 
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.zoom-icon {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	display: block;
	left: 0;
	top: -152px;
	width: 290px;
	height: 219px;
	background: url(../images/zoom.png) center center no-repeat rgba(220, 142, 127, 0.58);
	cursor: pointer;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.grid_box .zoom-icon {
	top: -50px;
	width:100%;
	height: 225px;	
}
.grid_box a:hover .zoom-icon {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=99); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}
.entertain_box{
	margin-bottom:3em;
}
a.read {
	background:#ffc000;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	font-weight:400;
	padding:0.5em 1em;
	display: inline-block;
	text-decoration: none;
	text-shadow: inset 0 2px 0 red, inset 0 0 4px red;
	/*border-radius:3px;*/
	text-align: center;
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-msborder-radius:3px;*/
	position:relative;
}
 a.read:hover {
	background:var(--text-first-color);
}
/*-- service-section --*/
/*-- error-page --*/
.main {
	padding: 14em 0px;
	background:var(--bg-second-color);
}
.error-404 h1 {
	font-size: 12em;
	font-weight: 700;
	color: var(--text-h2-color);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.error-404 p{
	color: var(--text-first-color);
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
} 

/*****************************************************************
****** BUTTON GO HOME										******
******************************************************************/
a.b-home{
	background:var(--text-h2-color);
	/*border-radius: 40px;*/
	padding:0.8em 3em;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	margin-top:1em;
}
a.b-home:hover{
	background:#1dab98;
	/*border-radius: 40px;*/
}

/*****************************************************************
****** BLOC CONTACT											******
******************************************************************/
.contact-top h2 { /* TITLE */
	font-family:"Raleway";
	color: var(--text-h2-color);
	font-size: 3em;
	margin: 0em;
	font-weight: 700;
	text-align: center;
}
.map {
	padding: 3em 0;
	width: 100%;
	margin: 0 auto;
}
.map iframe {
	width: 100%;
	height: 350px;
	margin: 0 auto;
	border: none;
}
.contact-right {
	border-radius: 60px  60px  0 0;

	background: #fff;
	width: 100%;
	margin: 0 auto;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
}
.location-select, .location-select ul, .location-select div{
	border-radius: 0 0 60px  60px  !important;

}

.contact h4 {
	text-align: center;
	font-size: 3.5em;
	font-weight: 600;
}
.contact-info form {
	padding: 1em 0;
}
			
.contact-info input[type="text"] {
	border: none;
	outline: none;
	border: 1px solid var(--text-first-color);
	padding: 17px;
	width: 95%;
	margin-bottom: 0.5em;
	margin-left:1em;
}
.contact-info input[type="text"]:hover {
	border: 1px solid #1dab98;
}

.contact-info input[type="date"] {
	border: none;
	outline: none;
	border: 1px solid var(--text-first-color);
	padding: 17px;
	width: 95%;
	margin-bottom: 0.5em;
	margin-left:1em;
}
.contact-info input[type="date"]:hover {
	border: 1px solid #1dab98;
}

.biographys textarea {
	border: 1px solid var(--text-first-color);
	resize: none;
	height: 130px;
	padding: 1em;
	width: 95%;
	outline: none;
	margin-left:1em;
	margin-top:2em;
}
.biographys textarea:hover {
	border: 1px solid #1dab98;
}

.contact-info textarea {
	border: 1px solid var(--text-first-color);
	resize: none;
	height: 130px;
	padding: 1em;
	width: 95%;
	outline: none;
	margin-left:1em;
}
.contact-info textarea:hover {
	border: 1px solid #1dab98;
}

.contact-info select#cours {
	background-image:url(../images_cms/site/input/icon-state.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:6px;
	padding-left:45px;
	margin-bottom:10px;
	margin-left:1em;
	width: 95%;
   	height: 50px;
   	overflow: hidden;
   	border: 1px solid var(--text-first-color);
}
.contact-info select#cours:hover {
	border: 1px solid #1dab98;
}

.contact-info input[type="submit"], .about input[type="submit"] {
	outline: none;
	border: none;
	background: var(--text-link-color); /* BLEU */
	color: #fff;
	padding: 0.4em 1.8em;
	font-weight: 600;
	font-size: 1.2em;
	/*border-radius: 40px;*/
	margin-top: 0.4em;
	margin-left:1em;
	margin-bottom:1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-info input[type="submit"]:hover, .about input[type="submit"]:hover {
	background-color: #e7eaec; /* GRIS */
	/*border-radius: 40px;*/
	color: var(--text-link-color); /* BLEU */
}

:invalid 	{ 
				/*border-color:#3F3;*/
				border-color:black;
				margin:1em 1em 1em 1em;
				/*-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
				-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
				-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
				-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
				box-shadow:0 0 5px rgba(255, 0, 0, .8); */
				}
 
:required 	{
				/*background-color: #F0DDDD;*/
				background-color: #EEE;
				/*border-color: #88a;*/
				border-color:#DDD;
				/*-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
				-moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
				-o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
				-ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
				box-shadow: 0 0 5px rgba(0, 0, 255, .5); */
				}
				

			
.contact-left h5 {
	font-family:"Raleway";
	color: var(--text-h2-color);
	text-align: center;
	padding: 0.58em 0 0.5em;
	font-size: 1.5em;
	font-weight: 700;
}
.contact-left p {
	width: 92%;
	margin: 0 auto;
	color: var(--text-first-color);
	line-height: 1.8em;
	font-weight: 400;
	font-size: 15px;
	padding-bottom: 1.3em;
}
form label {
	margin-left:1em;
}
form small {
	margin-left:1em;
}
form img {
	margin-left:1em;
}
address {
	margin-left: 21px;
	line-height: 1.8em;
	font-size: 14px;
	font-weight: 400;
	color: var(--text-first-color);
}
strong {
	font-weight: bold;
}
.contact-info {
	margin-top: 2.5em;
}
.contact {
	padding: 2em 0;
}
.contact p {
	margin: 0 auto;
	color: var(--text-first-color);
	line-height: 1.8em;
	font-weight: 400;
	font-size: 1em;
}
.contact a:hover{	
	color:#1dab98;
}
.contact-top {
	padding: 3em 0;
	background: var(--bg-second-color);
}
.details h3 {
	color: var(--text-h2-color);
	font-size: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 700;
}
.details p {
	color: var(--text-first-color);
	font-weight: 400;
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.det_text {
	background: #fff;
	padding: 2em 1.5em;
	/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/
	margin: 3em 0 0;
}
.details {
	padding: 4em 0;
}
/*-- --*/
#myList li{ 
	display:none;
	list-style-type:none;
}

/*****************************************************************
****** BUTTON												******
******************************************************************/
#loadMore {
	color: #fff;
	cursor: pointer;
	background: rgb(85, 106, 127);
	/*border-radius: 40px;*/
	padding: 10px;
	width: 10%;
	margin: 0 10px;
	display: inline-block;
}
#loadMore:hover {
    color:#fff;
    background:#1dab98;
	/*border-radius: 40px;*/
    transition:0.5s all;
}
#showLess {
    cursor:pointer;
	color:#fff;
    background:#1dab98;
	/*border-radius: 40px;*/
    padding:10px;
     width:10%;
    margin:0 10px;
    display: inline-block;
}
#showLess:hover {
	color: #fff;
    background: rgb(85, 106, 127);
	/*border-radius: 40px;*/ 
    transition:0.5s all;
}

.l_g:after{
	clear: both;
}
.g_r{
	background:green;
}
.load_more{
	text-align:center;
	padding: 10px 0;
}
.l_g {
	margin: 1em 0px;
}
ul#myList {
	padding: 0;
}
.leave h4 {
	font-family:"Raleway";
	color: var(--text-h2-color);
	font-size: 1.5em;
	margin: 0.5em 0;
	font-weight: 700;
}
.comments1 {
	margin-top: 3em;
}
.comments1 h4 {
	font-family:"Raleway";
	font-size: 1.5em;
	margin-bottom: 1.2em;
	color: var(--text-h2-color);
	font-weight: 700;
}
.comments-main {
	border: 1px solid #D5D4D4;
	padding: 17px 0px;
	margin: 15px 0px;
}
.cmts-main-left img {
	border: 3px solid#ccc;
}
.cmts-main-right h5 {
	font-size: 1em;
	color: #4e4e4b;
	margin: 0px;
	font-weight: 600;
}
.cmts-main-right p {
	color: var(--text-first-color);
	font-weight: 400;
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.cmnts-left p {
	font-size: 13px;
	color: var(--text-first-color);
	font-weight: 600;
}

/*****************************************************************
****** BUTTON												******
******************************************************************/
.cmnts-right a {
	padding: 6px 12px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: var(--text-first-color);
	/* border-radius: 40px; */
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	outline: none;
}
.cmnts-right a:hover {
	background: var(--text-first-color);
/* 	border-radius: 40px;
 */	text-decoration: none;
}

#commentform input[type="submit"]:hover {
	background: #1dab98;
	/* border-radius: 40px; */
}
#commentform input[type="submit"] {
	padding: 0.6em 2em;
	color: #FFF;
	background: var(--text-h2-color);
	outline: none;
	border: none;
	/* border-radius: 40px; */
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 1.3em;
	font-weight: 600;
}
#commentform p {
	position: relative;
	padding: 8px 0;
	font-size: 1em;
}
#commentform label {
	display: block;
	font-size: 1em;
	color: #888;
}
#commentform input[type="text"] {
	padding: 8px 15px;
	width: 60%;
	color: #444;
	font-size: 1em;
	border: 1px solid #eee;
	background: #eee;
	outline: none;
	display: block;
	margin: 1em 0;
}
#commentform textarea {
	padding: 13px 20px;
	width: 60%;
	color: #444;
	font-size: 0.85em;
	outline: none;
	height: 150px;
	display: block;
	resize: none;
	font-weight: 400;
	border: 1px solid #eee;
	background: #eee;
	margin: 1em 0;
}
.lev {
	margin: 2em 0;
}
.cmnts-left {
	padding: 0;
}
ul.links_bottom {
	padding: 8px 0px;
	border-bottom: 1px solid rgba(120, 124, 127, 0.4);
}
ul.links_middle {
	padding: 8px 0px;
	border-bottom: 1px solid rgba(120, 124, 127, 0.4);
}
ul.links {
	padding: 8px 0px;
	border-bottom: 1px solid rgba(120, 124, 127, 0.4);
	border-top: 1px solid rgba(120, 124, 127, 0.4);
	margin: 30px 0 0px 0;
}
ul.links li, ul.links_middle li, ul.links_bottom li {
	display: inline-block;
	margin-right: 25px;
}
ul.links li, ul.links_middle li, ul.links_bottom li {
	color: var(--text-first-color);
	font-size: 0.85em;
}
.details li i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../images/img-sprite1.png") no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}
.details li i.date {
	background-position: -186px -13px;
}
span.icon_text {
	vertical-align: middle;
	font-size: 13px;
}
span {
	color: silver;
}
.details li i.admin {
	background-position: -224px -13px;
}
.details li i.permalink {
	background-position: -49px -55px;
}
.details li i.title-icon {
	background-position: -162px -55px;
}
.details li i.tags {
	background-position: -90px -55px;
}
.details li i.comments {
	background-position: -267px -14px;
}
.details li i.views {
	background-position: -163px -56px;
}
.details li i.likes {
	background-position: -127px -56px;
}
ul.links li.last {
	float: right;
}

.secondcolpush{
	/*margin-top:34px;*/
	}
/*-- responsive-mediaquries --*/
@media(max-width:1440px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1366px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1280px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.head-nav ul li a{
	
	font-size: 0.9em;
	/*font-weight:normal;*/
}	
	
.content h2 {
	/*font-size: 0.875em;*/
	font-size: 1em;
}
.content h4 {
	font-size: 0.9em;
}
.content p {
	/*font-size: 0.8em;*/
		font-size: 1em;

}
.archievs {
	text-align: left;
	display: none;
}
.link {
	font-size: 0.85em;
}
.content h3 {
	font-size: 0.9em;
}
.integer li {
	/*width: 47%;*/
}
.posts h6 a {
	font-size: 0.875em;
}
.comments h6 a {
	font-size: 0.875em;
}
.categories h6 a {
	font-size: 0.875em;
}
.lorem iframe {
	width: 161px;
}
.posts li a {
	font-size: 0.85em;
}
.comments li a {
	color: var(--text-first-color);
	font-size: 0.85em;
}
.archievs li a {
	font-size: 0.85em;
}
.categories li a {
	font-size: 0.85em;
}
.footer h6 {
	font-size: 0.875em;
}
.footer {
	padding: 2em 0;
}
.footer p {
	font-size: 10px;
}
.content {
	padding: 2em 0;
}
.biography-into h4 {
	font-size: 1.3em;
}
.biography-into p {
	font-size: 0.85em;
}
.about h2 {
	font-size: 2em;
}
.photos h2 {
	font-size: 2em;
}
.photos {
	padding: 2em 0;
}
.error-404 h1 {
	font-size: 9em;
}
.main {
	padding: 12em 0px;
	background: var(--bg-second-color);
}
.contact-top h2 {
	font-size: 2em;
}
.contact-info input[type="submit"] {
	padding: 0.4em 1.8em;
	font-size: 1.1em;
}
.contact-left h5 {
	font-size: 1.4em;
}
.details p {
	font-size: 0.875em;
}
.details h3 {
	font-size: 1.4em;
}
.contact-top {
	padding: 2em 0;
	background: var(--bg-second-color);
}
.details {
	padding: 3em 0;
}
.leave h4 {
	font-size: 1.4em;
}
.comments1 h4 {
	font-size: 1.4em;
}
#commentform input[type="submit"] {
	padding: 0.4em 2.3em;
	font-size: 1.2em;
}
}

@media(max-width:986px){
	
.posts, .comments, .dapibus, .integer{
	margin-top:30px !important;
	}
.dapibus{
	/*text-align:center;*/
	text-align:left;
	}
	
	.secondcolpush{
	margin-top:-16px;
	}
	
	.posts{
		width:100% !important;
/*text-align:center;*/
	text-align:left;
					padding-left:0 !important;
		margin-left:0 !important;
		padding-right:0 !important;
		margin-right:0 !important;

	}
		.posts h4, .posts h5, .posts h6{
		width:100% !important;
/*text-align:center;*/
	text-align:left;		padding-left:0;
		margin-left:0;
		padding-right:0;
		margin-right:0;
	}
	.posts h4{
		text-align:center !important;
	}
}	
/*-- responsive-mediaquries --*/
@media(max-width:768px){
	

.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	color:#fff;
}
.head-nav ul{
	position: absolute;
	margin: 0;
	padding: 2% 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:var(--main-color);
	left:0em;
	/*top:9em;*/
}
.head-nav span.menu {
	display: block;
	background: none;
	position: absolute;
	top: 3.8em;
	right: 2em;
}
.head-nav span.menu:before{
	content:url(../images/menu.png);
	color:#FFF;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a {
	font-size: 1.1em;
	padding:0.5em 1.5em;
	display:block;
}
.head-nav ul li a:hover {
	background: none; 
	color: #fff;
}
.head-nav ul li a {
	font-size: 0.875em;
	margin: 0.8em 1.3em;
}
.header-right {
	display: none;
}
#loadMore {
	padding: 8px;
	width: 13%;
	font-size: 0.875em;
}
#showLess{
	padding: 8px;
	width: 13%;
	font-size: 0.875em;
}
.header {
	padding: 1em 0;
	/*border-bottom: 1px solid #6f879a;*/
}
.praesent {
	text-align: center;
}
.content h2 {
	text-align: center;
}
.contact-top h2 {
	font-size: 1.8em;
}
.content p {
	text-align: center;
	/*width: 47%;*/
	margin: 0 auto;
}
.content h3 {
	text-align: center;
}
.integer {
	text-align: center;
	padding: 0em 1.3em 2em;
}
.vitae {
	text-align: center;
}
.integer li {
	width: 17%;
}
.lorem {
	text-align: center;
}
.lorem iframe {
	width: 310px;
}
.content h4 {
	margin-bottom: 0.2em;
}
.rec {
	margin-top: 2em;
	text-align: center;
}
.comments {
	margin:0;
}
.Aliquam {
	text-align: center;
}
.categories {
	margin: 2em 0 0;
}
.copy {
	margin: 1em 0;
	float: left;
	width: 50%;
}
.head-nav {
	padding:0;
}
.about {
	padding: 2em 0;
	text-align: center;
}
.biographys {
	margin-top: 1em;
}
.biography-into h4 {
	font-size: 1.2em;
}
a.link {
	margin-bottom: 0.5em;
}
.about h2 {
	font-size: 1.8em;
}
.photos h2 {
	font-size: 1.8em;
}
.grid_box .zoom-icon {
	height: 132px;
}
div#portfolio {
	margin: 1em 0;
	padding: 1em 1.5em;
}
.error-404 h1 {
	font-size: 7em;
}
.main {
	padding: 10em 0px;
	background: var(--bg-second-color);
}
.error-404 p {
	font-size: 1.1em;
}
.contact p {
	font-size: 0.85em;
}
.contact-info input[type="submit"] {
	padding: 0.4em 1.8em;
	font-size: 1em;
}
.contact-left h5 {
	font-size: 1.3em;
}
.details p {
	font-size: 0.85em;
}
.details h3 {
	font-size: 1.3em;
}
.posts {
	text-align: left;
	float: left;
	width: 50%;
	margin: 2em 0 0;
}
.archievs {
	display: none;
}
.categories {
	display: none;
}
#portfoliolist .portfolio {
	margin: 0.5em 0;
}
#loadMore {
	width: 16%;
}
#showLess{
	width: 16%;
}
.leave h4 {
	font-size: 1.3em;
}
.comments1 h4 {
	font-size: 1.3em;
	text-align: center;
}
#commentform input[type="submit"] {
	padding: 0.3em 2em;
	font-size: 1.1em;
}
.comments-main {
	text-align: center;
}
.cmts-main-right {
	margin-top: 1em;
}
.comments1 {
	margin-top: 3em;
	text-align: center;
}
.cmts-main-right h5 {
	margin: 1em 0;
}
.faq, ul, li{
	
	width:100% !important;
	display:inline-block;
	text-align:left !important;
	
	}
.faq{
	padding-left:0;
	margin-left:0;
	
	
	}
	.smallclient{
	
	}
}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.about h2 {
	font-size: 1.6em;
}
.grid_box .zoom-icon {
	height: 105px;
}
.content p {
	/*width: 52%;*/
}
.photos h2 {
	font-size: 1.6em;
}
.error-404 h1 {
	font-size: 6em;
}
.contact-top h2 {
	font-size: 1.6em;
}
.main {
	padding: 8em 0px;
}
.head-nav span.menu {
	top: 1.5em;
	right: 2em;
}

}
/*-- responsive-mediaquries --*/
@media(max-width:480px){
.logo a img{
	content: url(../images_cms/site/logo-small.png); 
	}
.content h3 {
	font-size: 0.9em;
}
.content p {
	/*width: 77%;*/
}
.about h2 {
	font-size: 1.4em;
}
.photos h2 {
	font-size: 1.4em;
}
.content h4 {
	font-size: 0.9em;
}
.footer {
	padding: 1em 0;
}
.logo {
	width: 60%;
}
.head-nav span.menu {
	top: 1.5em;
	right: 2em;
}
.head-nav ul {
	top: 6em;
}
.biography-into h4 {
	font-size: 1.1em;
}
#portfoliolist .portfolio {
	width: 50%;
	margin: 0em 0;
}
.error-404 h1 {
	font-size: 5em;
}
.main {
	padding: 6em 0px;
}
a.b-home {
	padding: 0.6em 2em;
	font-size: 0.875em;
}
.error-404 p {
	font-size: 1em;
}
.contact-top h2 {
	font-size: 1.4em;
}
.contact-info input[type="submit"] {
	padding: 0.3em 1.5em;
	font-size: 0.875em;
}
.contact-left h5 {
	font-size: 1.2em;
}
.details h3 {
	font-size: 1.2em;
}
.copy {
	margin: 1em 0;
	float: none;
	width: 100%;
}
.grid_box .zoom-icon {
	height: 112px;
}
.portfolio-wrapper.grid_box.last {
	display: none;
}
#loadMore {
	width: 20%;
}
#showLess{
	width: 20%;
}
.leave h4 {
	font-size: 1.2em;
}
.comments1 h4 {
	font-size: 1.2em;
}
#commentform input[type="submit"] {
	padding: 0.3em 1.7em;
	font-size: 1em;
}

}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
.head-nav span.menu {
	top: 1em;
	right: 1.5em;
}
.biography-into h4 {
	font-size: 1em;
}
.grid_box .zoom-icon {
	height: 112px;
}
.content h2 {
	font-size: 0.875em;
	overflow: hidden;
	height: 16px;
}
.content p {
	font-size: 0.8125em;
}
.content h3 {
	font-size: 0.875em;
	overflow: hidden;
	height: 16px;
}
.integer li {
	width: 22%;
}
.content h4 {
	font-size: 0.875em;
}
.head-nav ul {
	top: 5em;
}
.footer p {
	font-size: 9px;
}
.lorem iframe {
	width: 200px;
}
.content p {
	text-align: center;
	padding: 0.5em 0;
}
.head-nav ul li a {
	padding: 0;
}
.logo {
	width: 50%;
}
.content {
	padding: 1em 0;
}
.biography-into p {
	font-size: 0.8125em;
	/*overflow: hidden;*/
	overflow:visible;
	/*height: 56px;*/
}
.about {
	padding: 1em 0;
}
.portfolio-wrapper {
	margin: 0em 0.2em;
}
.grid_box .zoom-icon {
	height: 73px;
	background-size: 30%;
}
.error-404 h1 {
	font-size: 4em;
}
.main {
	padding: 4em 0px;
}
a.b-home {
	font-size: 0.8125em;
}
.contact p {
	font-size: 0.8125em;
	overflow: hidden;
	height: 58px;
}
.contact-info input[type="submit"] {
	padding: 0.3em 1.2em;
	font-size: 0.8125em;
}
.contact-left h5 {
	font-size: 1.1em;
}
.details p {
	font-size: 0.8125em;
	overflow: hidden;
	height: 40px;
}
.details h3 {
	font-size: 1.1em;
}
.categories li a {
	font-size: 0.750em;
}
.posts li a {
	font-size: 0.750em;
}
.comments li a {
	color: var(--text-first-color);
	font-size: 0.750em;
}
.archievs li a {
	font-size: 0.750em;
}
.contact-info input[type="text"] {
	padding: 8px;
	width: 100%;
}
.contact-info textarea {
	height: 110px;
	padding: 10px;
	width: 100%;
}
.content p {
	width: 100%;
}
.categories li {
	display: block;
	overflow: hidden;
	height: 25px;
}
.comments li {
	display: block;
	overflow: hidden;
	height: 25px;
}
.posts li {
	display: block;
	overflow: hidden;
	height: 25px;
}
#portfoliolist .portfolio {
	margin: 0.3em 0;
}
strong {
	font-weight: bold;
	font-size: 0.9em;
}
.contact-top {
	padding: 1em 0;
	background: var(--bg-second-color);
}
.details {
	padding: 2em 0;
}
#loadMore {
	padding: 6px;
	width: 26%;
	font-size: 0.8125em;
}
#showLess{
	padding: 6px;
	width: 26%;
	font-size: 0.8125em;
}
.leave h4 {
	font-size: 1.1em;
}
.comments1 h4 {
	font-size: 1.1em;
}
#commentform input[type="submit"] {
	padding: 0.3em 1.7em;
	font-size: 0.875em;
}
.cmts-main-right h5 {
	font-size: 0.9em;
}
#commentform input[type="text"] {
	padding: 4px 12px;
	width: 80%;
	font-size: 0.875em;
}
.comments1 {
	margin-top: 2em;
}
#commentform textarea {
	width: 80%;
	height: 100px;
}
#commentform label {
	font-size: 0.9em;
	color: #888;
}
span.icon_text {
	vertical-align: middle;
	font-size: 11px;
}
ul.links li, ul.links_middle li, ul.links_bottom li {
	margin-right: 13px;
}








}

.newsweb, .posts{
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	}
	.newsweb div a {
		line-height:normal !important;
		padding-top:12px !important;
	display: inline-block;
	}
	.newsweb a:hover {
		color:var(--text-first-color) !important;
	}
	.newsweb div a:before {
		
		
	/*background: url(../images/arrow.png) no-repeat -1px 5px;
	display: inline-block;
	padding: 0 0 0 13px;
	padding: 0 0 0 10px;
	line-height: 20px;
	font-size: 1em;
	font-style: normal;
	color: var(--text-link-color); 
	color: transparent; 
	font-weight: 700;*/
	
	}
.newsweb div div:last-child{ display:none;  /*//supprime la pub*/
visibility: hidden;
	}
	
	.smallclient{
		font-size:12px;
		color:var(--text-first-color) ;
        	font-family: Urbanist, 'Open Sans Condensed', Urbanist, 'Open Sans', sans-serif;	


		}
.smallclient a{
		color:var(--text-link-color) ;
		}
		.smallclient a:hover{
		color:var(--text-first-color) ;
		}

.listf, .listf li{
	margin:0 !important;
	padding:0 !important;
	line-height:200% !important;
	color:#7fffef;
	}

.listf li:before{
	content:"> ";
	font-weight:bold;
	}
.faq a{
	

	color:white;
	border-bottom: 1px solid white;
	}
@media(max-width:768px){
.faq ul li, .faq  li, .faq  ul{
	text-align:justify !important;
	}
.faq li{
	margin-left: 0 !important;
margin-right: 0 !important;
	}
.faq {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
/*min-width: 110% !important;
position:relative;
left:-35px;*/
	}
.endiframe video{
width:100%;
}
.biographys, .col-md-8, col-md-4{
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;	
	}
}

.newsweb .wrapper {
	display:none;
	
	}
body{padding-top:0 !important;}
hr{ 
height: 1px !important;
  /*margin: -0.5em 0 !important;*/
  padding: 0 !important;
  color: #FFF !important;
  background-color: #FFF !important;
  border: 0 !important;
  

   }
  
.newsweb2, .newsweb2 h2, newsweb2 a, newsweb2 a:link, .newsweb2 div, .newsweb2 div a, .newsweb2 div a:link {
    /*font-family: Urbanist, 'Open Sans Condensed', Urbanist, 'Open Sans', sans-serif;*/
    font-family:  Urbanist, 'Open Sans', sans-serif;
	color:var(--text-link-color) !important;
	line-height:normal !important;
text-transform:none !important;
font-weight:normal !important;
text-align:left !important;

white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	}

.newsweb2 div a:before, .posts h6 a:before{
	
	/*content:url(http://greens.ch/layout/images_cms/site/icon_arrow.png);
	
	transform: scale(.1);*/
	/*color: transparent;*/
/*background-image: url('http://greens.ch/layout/images_cms/site/icon_arrow.png');*/ 

color:var(--main-color);
		font-family: "FontAwesome"; 
		/*padding-right:6px;*/
		content: "\f138";
		font-weight: 900;
		font-style: normal;



/*     background-repeat:no-repeat;

background-size: 100%;      
content: "....";
font-size: 10pt;*/
margin:1px;

margin-right:5px;
	}
	
.newsweb2 div a:after {
 /*content: " [" attr(href) " - " attr(hreflang) "] ";*/
 }
 
 .img-responsive{
	 max-height:300px;
	 text-align:center;
	
 }
 .biographys div{
	 text-align:center;
	 }

 .biography-into p{
	 margin-left:10px;
	 margin-right:10px;
	 }
	 
	 
	 
	 
 @media(min-width:768px){
	 .biography-into, .biography-into p{
		 text-align:justify !important;
		 margin-left:0;
	 	 margin-right:0;
	 }
 }
 
 .endiframe{
		 margin:5px;	margin-bottom:0;

	 }
.biographys{
		 padding-bottom:0;
	 }
 @media(min-width:768px){
	 .endiframe{
		 margin:30px;
		 margin-bottom:20px;
		 
	 }
	 .biographys{
		 padding-bottom:28px;
	 }
	 
	 .head-nav ul li:first-child,
	 .container h2:first-child{ /*suppression premier element du menu*/
	display:none;
	}
	
	
	
 }
   @media(max-width:768px){
	   .header{
		min-height: 80px;
		display: flex;
  justify-content: left;
  align-items: center;   
		}
		.head-nav{
			display: flex;
  justify-content: right;
  align-items: center;   

		}
	
	   .head-nav ul li .contact:last-child:after{
			/*color:var(--text-first-color);

		font-family: Urbanist, 'Open Sans', sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size:80%;
		content:"";
		transition:0.8s all;
	-webkit-transition:0.8s all;
	-moz-transition:0.8s all;
	-o-transition:0.8s all;
	-ms-transition:0.8s all;*/
	}
		   .head-nav ul li .contact:hover:last-child:after{
		color:white;
		transition:0.8s all;
	-webkit-transition:0.8s all;
	-moz-transition:0.8s all;
	-o-transition:0.8s all;
	-ms-transition:0.8s all;
	}
	.faq li, .listf, .listf li, .faq ul li{
		 text-align:left !important;
	 }
	 
	 .container h2:first-child{ /*suppression premier element du menu*/
	display:block;
	text-transform:uppercase;
	}
 }
 

 .center{
	 text-align:center;
	 
	 }
 .box2 {
  /*display: inline-block;*/

}

.FontAwesomeMenu{
	font-family: "FontAwesome"; 
	}
	



.more {
	/*height:490px;*/
	overflow: hidden;
}



#refreshTimer{
opacity:1;
border:0  !important;
    background-color: var(--bg-first-color)  !important;
    box-shadow: none !important;
   color: var(--text-h1-color)  !important;
   font-weight:normal;
   letter-spacing:0.1vw;

}

#morebutton{
	/*border: 1px solid red;*/
	display:inline-block;
	position:absolute;
	/*background-color: var(--bg-second-color) !important;*/
		background: linear-gradient(0deg, var(--bg-second-color) 0%, var(--bg-white-color) 100%) !important;

	padding:3px;
		padding-left:12px;
		padding-right:12px;
		padding-bottom:5px;
		font-size:130%;
		margin-left:-12px;
		z-index:10;
		border-top: 2px dashed rgba(27, 161, 144, 0.2); 
		border-left: 2px dashed rgba(27, 161, 144, 0.2); 
		border-right: 2px dashed rgba(27, 161, 144, 0.2); 
		min-width: 60%;
		/*box-shadow: 0px 1px 4px 0px rgba(104, 123, 144, 0.31);*/
	/*border-radius: 0.3em;*/
/*border-radius: 0.6em;*/

	}
#morebutton:before{
		font-family: "FontAwesome"; 
		font-weight:normal;
		font-style: normal;

		padding-right:6px;
		content: "\f055";
		

	}
#morebutton a:before{
		content:normal;
	}
#morebutton a{
		

	}
#morebutton a:hover{
	color:var(--text-first-color) !important;
	}
.h4light{
	text-align:center !important;	padding-bottom:0 !important;
	margin-bottom:0 !important; 
	opacity:0.35;
		color:var(--text-link-color) !important;

	}
	
.h5light{
	font-size:80%;
	color:var(--text-first-color) !important;
	padding-top:0;
	margin-top:0;
	text-align:center !important;	
	opacity:0.25;
	}
.content h4:first-child{
	margin-bottom:0;
	}
.socialnetwork p{
	font-size:120%;
	color:var(--main-color);
	}
.socialnetwork p a span{
	color:var(--main-color);
	}
.socialnetwork p a span:hover{
	
	color:gray;
	}
a, a:link, a:visited, a:hover, a span, a span:hover{
	transition:0.8s all;
	-webkit-transition:0.8s all;
	-moz-transition:0.8s all;
	-o-transition:0.8s all;
	-ms-transition:0.8s all;
	}
.faq .q, .faq .q:hover{
	transition:1.5s all;
	-webkit-transition:1.5s all;
	-moz-transition:1.5s all;
	-o-transition:1.5s all;
	-ms-transition:1.5s all;
	}
.faq .q{
		color:var(--main-color);
	}
.faq .q:hover{
		color:#004b3b;
	}
	
	


.faq li.q {
	background-color:transparent !important;
}

.q i:first-child{
	position:relative;
	right:21px;
	top:10px;
	}
	
.faq {
	margin-left:0;
	padding-left:0;
	
	}
   @media(max-width:768px){
	 .q i:first-child{
	margin-left:20px;
	}  

	
.logo:before {
	display:none;
}
   }
     @media(max-width:640px){
	 .q i:first-child{
	}  
   }
   
.bottom-column 
{
   display: inline-block;
   vertical-align: middle;
   float: none;
}

@media(min-width:992px){
	 .spacetemp{
		 height:100px;
	}  
   }
   
 input[type="text"], input[type="password"], textarea  {
    border: none !important;
	background: var(--bg-second-color)  !important;
	background-color: var(--bg-second-color)  !important;
}
:required {
	background-color: var(--bg-second-color)  !important;
}
#captchaimg{ 
	opacity:0.4 !important;
	-webkit-opacity:0.4 !important;
	-moz-opacity:0.4 !important;
	-ms-opacity:0.4 !important;
	-o-opacity:0.4 !important;
	border-radius:14px !important;
	}
.text-gray{
		opacity:0.5 !important;
	-webkit-opacity:0.5 !important;
	-moz-opacity:0.5 !important;
	-ms-opacity:0.5 !important;
	-o-opacity:0.5 !important;
	}
	
	.socialnetwork{
		transform: scale(0.65);
	}
	
	.footercomment:after, .footercomment2{
		line-height:1em;
	}
	.footercomment2:before{
		content:"(*) ";
	}
	
	.dapibus img.color{
		max-width:20vw;
		margin:1em;
	}
	.biographys .biography-info img{
				max-height:100px;

	}
	
		@media(min-width:960px){

			 	.dapibus img.color{
		max-width:12vw;
		margin:1em;
	}	}
	/* ***** */
	
	@media(min-width:1200px){
	 .container, .banner, .formatCovid{
		width:100%;
		font-size:1vw;
			 }
			 .header, .logo, .banner{
		width:100%;
		text-align:center;
			 }
			 .head-nav a:link{
			 			font-size:1.6vw;

			 }
			 .container, .box2, .box  {
		font-size:1.2vw;
			 }
			 .dapibus, ..dapibus p {
		font-size:1.4vw;
	
			 }
			 
			 	.dapibus img.color{
		max-width:6vw;
		margin:1em;
	}
	
			  .container h1:first-child{
		font-size: 1.8vw;
	
			 }
			 
			 	 .dapibus {
		padding-top: 6vw;

			 }
			 
			 
			 .dapibus .adm{
		font-size:1.4vw;
		max-height:1.4vw;
		line-height:1.4vw;
			 }
			 
			 
			 .container .dapibus{
			 }
			 .integ, .newsweb2, .integ a:link, #morebutton:before{
			 			font-size:1.4vw;

			 }
			 #showmore, #morenews{
			 				 			font-size:1.55vw;

			 }
			 .footer,  .footer .top,  .footer .top2,  .footer .top2 a:link{
			 				 			font-size:1.4vw !important;
			 }
			  .footer .footercomment, .footer .footercomment a:link, 
			  .footer .footercomment2, .footer .footercomment2 a:link{
			 				 			font-size:0.8vw !important;
			 }
 }