/*
Theme Name: Clim
*/

/* CACHER ADMIN BAR */
#wpadminbar {background:transparent;}
#wp-admin-bar-site-name > a,#wp-admin-bar-customize > a,#wp-admin-bar-comments > a,#wp-admin-bar-new-content > a,#wp-admin-bar-edit > a{display:none!important;}

/* GÉNÉRAL */
#myTabContent div.row img {
    vertical-align:top!important;
}
* {
	margin: 0;
	padding:0;
}

body{ 
	margin: 0;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}

body, h1, h2, h3, h4, h5, h6, p, a, ul li{ 
	font-family: Lato,sans-serif;
	color: #555;	
}

h1, h2, h3, h4, h5, h6{
	font-weight: 400;
	line-height: 1.1;
	margin:15px 0;
}

h1 { 
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
}

h2,h3{ 
	font-size: 18px;
	line-height: 18px;
}

p {
	font-size: 2.4rem;
	line-height: 1.5;
	margin: 20px 0;	
}

p a {
	text-decoration: none;
}

p, label {
	color: #555;
}

p strong a {
	color: #cc0000;
}

ol, ul {
	margin: 0;
	padding: 0;
}

blockquote {
	font-style: italic;
	border:0;
}

label {
	font-weight: 400;
}

a, a:hover, a:focus {
	outline: none;
	text-decoration: none;
}

/* divers */
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.breakline{
	display:block;
	background-color: #4b4b4b;
	margin-bottom:50px;
	margin-top: -24px;
	margin-bottom:0;
    position: relative;
	min-height:55px;
}

div.breakline > div > div > div > h1{
	text-align:center; 
	color:#fff;
}

div.content-page > div.container{
	margin-top:30px;	
}

/* HEADER - BRAND -HEAD IMAGE */

.header{    
	position: fixed;
    z-index: 100;
    width: 100%;
	top:0;
	height:100px;    
	-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.navbar-brand { 
    height: 100px;
    padding: 12px 0px;   
    line-height: 1000px;
	margin-left: -80px !important;
}

.headimage {
    width: 100%;
    overflow:hidden; 
}

.headimage img{	
	max-width: 100%;
	display: block;
    margin: auto;
	width: 100%;
    height: auto;
}

#legende{
	display: block;
	position:relative;
    margin-top: 14%;
    top: 40%;
    font-size: 4.85rem;
    line-height: 4rem;
    text-transform: uppercase;
    z-index: 10;
	font-style: normal;
	color:#09a8f2;
}

#description{
	display: block;
   position:relative;
    top: 40%;
	 color:#777;
    font-size: 2.8rem;
    line-height: 4.3rem;
    font-weight:400;
    z-index: 10;
	letter-spacing: 1.3px;
}
/* NAVIGATION */

.navbar{
	height:100px;
	width:100%;
	background-color: #4b4b4b;
}

.navbar-nav{
	margin-top:68px;
}

.nav>li>a{
	padding:0 10px;
	height:100px;
}

.navbar ,.navbar-default .navbar-nav > .active > a{
	margin-bottom: 0px;
	border-radius: 0;
	border: none;	
}

.navbar-nav>li, .navbar-nav>li>a, .navbar-nav>li>a {
	color: #fff;
	text-transform:uppercase;
	font-weight:400;
	font-size: 22px;
    line-height: 22px;	
	background-color: transparent;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus,.navbar-nav>.active>a, .navbar-nav>.active>a:hover,  .navbar-nav>.active>a:focus {
	color: #ffba07; 
	background-color: transparent;
}
	
.navbar-toggle button {
	border: none;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

 .navbar-toggle:hover .icon-bar{
  background-color:  #ffba07!important;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

.content-page{ 
	background-color:#fff; 
	position:relative;	
	z-index:1;
} 

.content-page-bottom{
	padding-bottom:60px;
}

/* ENTREPRISE */
p.center, .center p, .page-template-joindre p:first-child{
	transition: 0.3s ease;
    text-decoration: none;
    text-align: center;
    max-width: 80%;
    margin: 20px auto 50px auto;
    font-size: 2.6rem;	
	line-height: 1.5;
	display: block;
}

blockquote p{
	font-size: 2.2rem !important;
}	
	
.parallax-zoom-blur{
	overflow: hidden;
	padding-bottom: 55%;
}

.parallax-zoom-blur img {
	position: fixed;
    top: 10%;
    left: 50%;
    height: auto;
    max-width: 150%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* SECTION SUBVENTIONS*/

.subventions{
	background: #F0F8FF;
	padding: 40px 0; 	
}

h4.subventiontitre{
	font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
	text-align:center;
	margin-bottom:0px;
	font-weight:600;
	color:#09a8f2;
	
}
span.subventioninfo{
	display: block;
    margin: 0 auto 40px auto;
    font-size: 16px;
    line-height: 10px;
    text-align: center;
    font-style: italic;
	color:#777;
}

.subventions .itemsub{
	text-align: center;
    margin: 0 auto;   
    display: block;
}
	
.itemsub a img{   
	display: block;   
    height: auto;
    margin: 0 auto;
	transition: transform .2s;
}	
 .itemsub a img:hover{   
	
   transform: scale(1.1);
} 

/* BOUTON SOUMISSION*/
.btn-soumission{
	width:100%;
	padding:15px 0;
	margin:40px 0 80px 0;
	background-color:#09a8f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
}

div.btn-soumission h4{
	margin:0!important;
	padding:0!important;
}

.btn-soumission h4 a{
	color:#fff;
	vertical-align:middle;
	font-size: 24px;
	line-height: 24px;
	text-transform:uppercase;
	letter-spacing: 0.25em;
}

/* SERVICES */

.cercle{ 
	text-align: center;
	margin:0 auto;   
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width:164px;
	height:164px;
	display:block;
}

.iconservices{
	margin:0 auto;
}

.cercle1{
	background-color:#777;
	padding-top: 12px;
}
	
.cercle2{
	background-color:#ffba07;
	padding-bottom: 8px;
}

.cercle3{
	background-color:#cc6600;
}

.cercle4{
	background-color:#09a8f2;
}

.cercle:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cercle > img{ 
	max-height: 120px;
   max-width: 120px;
 }

 div.iconservices h3{ 
	text-align:center;
 }



/* PAGE SERVICES */ 

.nav-tabs {
    border:none;	
}

.nav-tabs, .nav-item,.nav-link{
	height:54px; 
	line-height:54px;
}

a.nav-link{
	text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
}

.nav-tabs>li>a{
    margin-right: 2px;
    line-height: 54px;
    border: none;
    border-radius: 0;color:#fff;
}

.nav-tabs>li>a:hover{
    border-color: transparent;
}

.nav>li>a:focus, .nav>li>a:hover{
    text-decoration: none;
    background-color:transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav>li>a:focus, .nav>li>a:hover {
    color: #ffba07;
    background-color: transparent;
    cursor: pointer;
   text-decoration: none;
    border: none; 
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none;
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: -1px;
}

.nav-tabs.nav-justified>li>a {
     border: none;
	border-radius:0!important;
}

#myTabContent h2{
	font-size: 2.2rem;
    line-height: 1.5;
}

ul > h2{
	font-size: 2.2rem!important;
    line-height: 1.5;
}


.tab-pane > p:first-child{
	transition: 0.3s ease;
	text-decoration: none;
	text-align:center;
	max-width: 80%;
    margin: 20px auto 50px auto;
    font-size:2.6rem;
}

#myTabContent >.tab-pane> p p{
	width:100%!important;
}

#myTabContent ul{
	padding:0 0 0 22px;    
	margin: 0 auto 35px auto;	
}

#myTabContent ul li{
	font-size: 2.2rem;
    line-height: 1.5;
}

/* citation avec image */
p img {
	float: left;
	position: relative;
	margin: 0 ;
	border: 0;
	width: 40%;
}

#myTabContent ul {
	display: flex;
	justify-content: center;
	list-style-type:square;
	min-height: 240px;
	border-radius: 3px;
	padding: 3.5rem 3rem 3rem 15%;
	display: inline-block;
	margin: 0 auto;
	position: relative;
	/* float: left; */
	width: 60%;
	background:  #F0F8FF;
}	

blockquote {
   border-radius: 3px;
    max-height: 240px;
	 min-height: 240px;
    font-style: italic;
    text-align: center;
    padding: 3rem 2rem 2rem 2rem;
    margin: 0;
    color: #555;
	background: #F0F8FF;
    display: inline-block;
    position: relative;
    float: left;
    width: 60%;
}
blockquote p:last-child {
	margin-bottom: 0;
}

blockquote p:before,
blockquote p:after{
    content:"\0022"; 
	font-size: 4em;
    position: absolute;
    line-height: 0.5em;   
    color: #555;    
}

 blockquote p:before{   
    left: 20px;
	margin-top: -20px;
}

 blockquote p:after{   
    right: 60px;
	margin-top: 20px;
}
.row.produits{
	background: #F0F8FF;
	margin-top:50px!important;
}

div.row.produits h2{   
   font-size: 2rem;
	line-height: 1.5;
	text-transform: uppercase;
	color: #09a8f2; 
	margin-left: 20px!important;
}

div.caption span.descproduit{
	display: inline-block;
	margin: 4px auto;
	text-align: center;
	width: 100%;
}

.thumbnail {
    border: 1px solid #e8e8e8!important;
}

.btn-xs{
	font-size: 13px;
	text-align:center;
	padding: 4px;
	color:#fff;
	background-color: #09a8f2;
	border:2px solid #09a8f2;
	display:block;
	margin:5px auto 0 auto;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}


 .btn-xs:hover{
	background-color: #fff!important;
	color:#09a8f2;
}

/* FORM - NOUS REJOINDRE*/
#map{
	padding: 20px 15px 0 15px;
}

.wpcf7-form-control-wrap {
	width: 100%;
}

form {
	margin-top: 20px;
}

form p {
	margin: 0 0 5px 0;
}

form label {
	width: 100%;
	font-size: 1.6rem;	
}
.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

#wpcf7-f233-p234-o1 .col-md-6{margin:10px 0;}
input[type=text], input[type=email], input[type=tel], textarea,select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	margin: 5px 1px 3px 0px;
	border: 1px solid #ddd;
	width: 100%;
	color: #888;
	font-size: 1.6rem;
	padding: 10px;
}

textarea {
	height: 8em;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	border: 1px solid #09a8f2;
	box-shadow: none;
}

input[type=submit] {
	margin-top: 10px;
	width: 100%;
	padding: 10px 20px;
	font-size: 18px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	color: #fff;
	background-color:#09a8f2;
	border: none;
}

input[type=submit]:hover {
	background-color: #fff;
	border: 2px solid #09a8f2;
	color:#09a8f2;
}

/* FOOTER */
/* #cmmtq,#novo{width:200px; height:auto;} */
#facebook{width:40px; height:40px;} 

#footer {
	width: 100%;
	background-color: #4b4b4b;
	padding-top:20px;
	position:relative; z-index:10;
	-webkit-box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);
	box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);
}

.border{
	padding-bottom:25px;
	border-bottom: 1px solid #09a8f2;
}

#footer h3{  
	color:#09a8f2;
}

footer a img,#membres img{
	width:auto;
	height:auto;
}

#coordonne, #footer span {
	color:#fff;
}
#coordonne span{display:block;}
.titleOrange{
	color:#ffba07!important;
}
 
 .container p.copyright,.container p.copyright a{
	margin:10px 0;
	text-align:center; 
	color:#fff;
	font-size: 1.3rem!important;
	line-height: 1.3!important;
}
	
p.copyright a:hover{
	text-decoration:none; 
	color:#09a8f2;
}	
/*sitemap*/
.sitemap{padding:100px 0;}
div.sitemap > h2{text-transform: uppercase;
font-weight: 400;
font-size: 22px;
line-height: 22px;}
ul.myTabContent{
	list-style-type: square;
	padding: 0px 20px 0px 40px;
	font-size: 1.3em;
}
.cat-item-none{display:none;}

/* MÉDIAS QUERIES */

@media (min-width: 1025px) and (max-width: 1400px) { 
	.parallax-zoom-blur {padding-bottom:25%!important;}
	.parallax-zoom-blur img {left:0;max-width:100%;width:100%; transform:none!important;margin:0 auto;}
}
/*1200*/

@media (min-width: 768px) and (max-width: 1024px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px; }
	.container{width:100%!important; }	
	.navbar-nav {float: none;}
	.navbar-nav>li, .navbar-nav>li>a {font-size: 20px;	}
	.nav>li>a {padding: 0 10px;}
	.nav-tabs.nav-justified > li > a { font-size: 2rem;}
	.container>.navbar-collapse {margin-right: -15px;margin-left: -15px;}
	.parallax-zoom-blur {padding-bottom:20%!important;}
	.parallax-zoom-blur img {left:0;top:100px;max-width:100%;width:100%; transform:none!important;margin:0 auto;}
	.breakline {margin-top: 0px;margin-bottom: 0;}	
	.btn-soumission{margin: 0px 0 60px 0;padding: 0px;}
	.btn-soumission h4 a {font-size: 22px;line-height: 58px;letter-spacing: 0em;}
	p.center, .center p, .page-template-joindre p:first-child {margin: 20px auto 20px auto;}
	#myTabContent h2 {text-align:center;}
	#myTabContent ul,blockquote  {float:none;width: 446px;max-height:100%;display:block;margin:0 auto;padding:4.5rem;}
	p img ,#myTabContent img{float: none;display: block; margin: 0 auto;width: auto;}	
	.subventions .itemsub { margin: 20px auto;}
	#legende{font-size: 3.4rem;line-height: 3.2rem;margin-top: 20%;}
	#description{font-size: 2.3rem;line-height: 2rem;letter-spacing: 0px;}
	.headimage {margin-top: 100px;}
	#leftfooter,#rightfooter{ float:left;   width: 50%;}
}
/*768 à 1024*/

@media (min-width: 200px) and (max-width: 767px){
	#novo { display: block;margin: 0 auto;}  
	/* .navbar-brand > img {width:85% !important; height:85% !important;} */
	.header > nav > div > div.row.navbar-header > a {width: 60%;}
	.navbar-brand > img{ margin-left: 0px !important;}
	.navbar-brand{padding:10px; margin-left: 0px !important;}
	.navbar-toggle {padding: 0;}
	.navbar-nav {margin-top: 0px;}
	.navbar-nav>li, .navbar-nav>li>a, .navbar-nav>li>a {height:40px;line-height: 40px;font-size: 2rem;}
	.container>.navbar-collapse{background-color: #4b4b4b;z-index: 1000;}
	#containerindex{z-index: 10;position:absolute;}
	.navbar-collapse {border: none;}
	.navbar-default .navbar-collapse ul {margin-top: 0;margin-bottom: 0;}
	.navbar-default .navbar-collapse ul li {height: 50px;}
	.navbar-toggle { margin-top: 37px;}
	.navbar-toggle .icon-bar {width: 40px;height: 5px;}
	.navbar-default .navbar-collapse ul li a:hover {color: #fff;}		
	.content-page-bottom {padding-bottom: 30px;}
	 div.content-page > div.container {margin-top: 10px;}
	 #legende, #description{display:none;}
	div.content-page div.subventions div.container div.row div.col-6.col-md-4.itemsub a img{width:250px; height:auto;}
	.parallax-zoom-blur img {left:0;top:40px;max-width:100%;width:100%; transform:none!important;margin:0 auto;}
	.breakline { margin-top: 0px;margin-bottom: 0;}
	#legende{font-size: 2.4rem;line-height: 2.4rem;margin-top: 100px;}
	#description{font-size: 2rem;line-height: 2rem;letter-spacing: 0.8px;}
	.headimage img {margin-top: 80px;}
	p.center, .home p,.tab-pane > p:first-child, .page-template-joindre p:first-child {margin: 20px auto 30px auto! important;font-size: 2.4rem;line-height: 3rem;max-width: 100%;}	
	.btn-soumission {margin: 20px 0 40px 0;}
	.btn-soumission h4 a {font-size: 17px;}
	.subventions .itemsub { margin: 20px auto;}	 
	.nav-tabs{height:auto; line-height: normal;}
	.nav-tabs>li>a, .nav-item { height:42px;line-height:42px; } 
	
	#myTabContent h2 {text-align:center;}
	#myTabContent ul li { font-size: 2.1rem;line-height: 1.3;}
	#myTabContent ul{width:100%;}
	#myTabContent p{margin:0 auto;}
	#myTabContent ul, #myTabContent img{float:none;max-height:100%;display:block;margin:0 auto;}
	p img {float: none;display: block; margin: 0 auto;width: 100%;height:auto;}
	blockquote {float: none;max-height: 100%;width: 100%;padding: 6rem 2rem 2rem 2rem;}	
	blockquote p::after {right: 20px;}
	#map { padding: 0 ; }
	footer h3{text-align:center;}
	#leftfooter a, #leftfooter span{display:block; text-align: center;}
	#membres img { margin: 0 auto; display: block;}
	#footer > div > div > div > div:nth-child(2) > h3{margin-top:30px;}
	#coordonne{width: 68%;margin: 0 auto;}
	#coordonne span{display:block; margin:0 auto;text-align:center;}
	
}
/*768*/