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

INDEX : 


## Design
### HEADER
### FOOTER

### Pages

## Animations
## Configuration

## Reusable :
### PREDIFINED STYLES

## Font-size
## Colors




/*--------------------------------------------------------------
## Design ( mobile first )
--------------------------------------------------------------*/

h1.heroHead__title{
	background-color: #fff;
}

/* ### HEADER */

.site__header{
	  height: 300px;
    background-size: contain;
    background-image: url(../img/bg_header.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

body[class^="body.page-template-tpl-ville"] .site__header,
body.page-template-tpl-ville-photovoltaique .site__header,
body.page-template-tpl-ville .site__header,
body.page-renovation-ampleur .site__header
{
	    min-height: 700px;
}

body.page-mentions-legales .entry-content p{
	font-size: 1em;
	line-height: 1.5em;
}

span.color{ color: #ec5e2f }

.contact__btns{
	display: inline-block;
}
.contact__in{
	padding-top: 50px;
	margin-bottom: 50px;
}
.contact__title{

 color: #435672;
 font-size: 25px;
 font-weight: bold;
 margin-bottom: 20px;
}

.content__in{
	margin-bottom: 50px;
}

.content__item{
	display: inline-block;
}

main .entry-header{
	padding-top: 25px;
	margin-bottom: 25px;
}
main h1.entry-title{
	color: #36c4f3;
}
.contentItem__title{
	font-size: 30px;
	line-height: 1.25em;
	margin-bottom: 25px;
	font-weight: bold;
	color: #13A1D0;	
}
@media all and (min-width:768px){
	.contentItem__title{
		font-size: 40px;
	}
}

.contentItem__img{
	margin-bottom: 15px;
	text-align: center;
}

@media all and (max-width:768px){
	.contentItem__img{
		
	}
}
	img.img_contentItem{
		border-radius: 10px;
		display: inline;	
	}

@media all and (min-width:768px){
	.contentItem__text{
		padding: 0 50px;
	}
}

.contentItem__text p{
	font-size: 22px;
	margin-bottom: 25px;
	line-height: 30px;
	color: #435672;
}

.o-separation,
.bg_hr-jpg
{
	  background-image: url(../img/hr.png);
    height: 20px;
    background-repeat: no-repeat;
    border: 0;
    background-position: center;
    margin: 50px 0;
}
.o-separation.o-separation_color{
	background-image: url(../img/hr_color.png);
}

.page-confirmation .site-main{
	text-align: center;
	min-height: 500px;
}
.site__footer{
	text-align: center;
	font-size: 14px;
	color: #435672;
}

.section__map{
	background-color: #F0F0F0;
}
.section__map iframe{
    filter: grayscale(0.5) hue-rotate(15deg);
}
.map__in{
}
.footer__in{
	padding-top: 25px;
	margin-bottom: 25px;
}

.page-template-default p{ margin-bottom:15px }
.page-template-default p a{ text-decoration:underline; }
.page-template-default h2{
	margin-bottom: 15px;
}	
/* ### PREDIFINED STYLES */

hr.u-space{ border:0 }
hr.u-cboth{ border:0 }
hr.divider,
hr.decoration{

	background-image:url(../img/img_hr-decoration.png);

	border:0;
	margin-bottom: 50px;



    clear: both;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

hr.o-decoration{
	border:0;
    clear: both;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    height: 55px;
    background-color: #f4f4f4;
}

img.o-decoration{
	width: 100%;
}

hr.bg_bleu-fonce-haut{background-image: url('img/bg_bleu-fonce-haut.png'); }
hr.bg_bleu-fonce-haut-2{}

hr.bg_bleu-bas{ background-image: url('img/bg_bleu-bas.png'); }

hr.bg_bleu-fonce-bas{ background-image: url('img/bg_bleu-fonce-bas.png'); }
hr.bg_bleu-fonce-bas-2{}

hr.bg_blanc-haut{}
hr.bg_blanc-haut-2{}

hr.bg_blanc-bas{ background-image: url('img/bg_blanc-bas.png'); } }
hr.bg_blanc-bas-2{ background-image: url('img/bg_blanc-bas-2.png'); }

.content__item ul{
	margin-bottom: 2em;
}

.content__item ul li{
	font-size: 1.25em;
	margin-bottom: 1em;
}

.content__item ul li::before {
    content: "•";
    float: left;
    color: #36C4F3;
    margin-right: 12.5px;
}


/*--------------------------------------------------------------
## Font-Size
--------------------------------------------------------------*/


.u_txt-xl,
.u_txt-5
{
	font-size: 40px;
	line-height: 50px;
}
.u_txt-l,
.u_txt-4
{
	font-size: 30px;
	line-height: 40px;
}
.u_txt-l,
.u_txt-3
{
	font-size: 25px;
	line-height: 35px;
}

.u_txt-m,
.u_txt-2
{
	font-size: 20px;
	line-height: 30px;
}
.u_txt,
.u_txt-1
{
	font-size: 16px;
	line-height: 26px;
}
.u_txt-s,
.u_txt-0
{
	font-size: 13px;
	line-height: 23px;
}



/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/

:root {
  --blue: #36C4F3;
  --light-blue: #CCE2F7;
  --dark-blue: #001221;
}

	/*--------------------------------------------------------------
	### Colors : Background
	--------------------------------------------------------------*/

	.bg-color_blue{
		background-color: var(--blue);
	}
		.bg-color_light-blue{
			background-color: var(--light-blue);
		}
		.bg-color_dark-blue{
			background-color: var(--dark-blue);
		}


	.bg-color_white{
		background-color: #fff;
	}


	/*--------------------------------------------------------------
	### Colors : Text
	--------------------------------------------------------------*/
 	
	.color_blue{
		color: var(--blue);
	}
		.color_light-blue{
			color: var(--light-blue);
		}
		.color_dark-blue{
			color: var(--dark-blue);
		}


	.color_white{
		color: #ffffff;
	}
	.color_gray{
		color: #666666;
	}


img.img_icon{ display: inline; } 

.u-bbf4,
*[class*="_Bbf4"]{ border-bottom: 2px #f4f4f4 solid; }


*[class*="_Fwb"]{ font-weight: bold; }
*[class*="_Db"]{ display: block; }
*[class*="_Dib"]{ display: inline-block; }

*[class*="_Up"]{ text-transform: uppercase; }
*[class*="_Ac"]{ text-align: center; }
*[class*="_Fs1"]{ font-size: 15px; }
*[class*="_Ls01"]{ letter-spacing: 0.1em; }
*[class*="_Ls02"]{ letter-spacing: 0.2em; }
*[class*="_Ff2"]{ font-family: 'Pluto','PT Sans', 'Lato', serif; }

*[class*="_Mb5"]{ margin-bottom: 5px; }
*[class*="_Mb10"]{ margin-bottom: 10px; }
*[class*="_Mb15"]{ margin-bottom: 15px; }
*[class*="_Mb25"]{ margin-bottom: 25px; }
*[class*="_Mb50"]{ margin-bottom: 50px; }

*[class*="_Fs15"]{ font-size: 15x; }
*[class*="_Fs20"]{ font-size: 20px; }
*[class*="_Fs40"]{ font-size: 40px; }

*[class*="_C1"]{ color: #3494DF; }
*[class*="_Cfff"]{ color: #fff; }
*[class*="_Cdark-blue"]{ color: var(--dark-blue); }