/*--------------------- TEXTES, POLICES ET TITRAILLE -----------------------------------*/

body, p, div, span, a,
 h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
}



h1{
	font-family: 'Dancing Script', cursive;
	font-size:3.5rem;
}
.h1sstit{
		font-size:1.4rem;
		color:#ffffff;
		text-transform:uppercase;
		font-family:'Roboto', sans-serif;
		font-weight:300;
		
}
h2{
	font-family:'Dancing Script', serif;
	font-weight:300;
	font-size:3.3rem;
}

.h2sstit{

}

.bloc-h2{
	border-left:1px solid rgb(91, 159, 96);
	background:transparent;
}
h3, p{
font-family:'Open Sans', sans-serif;
	color:#048b9a;
	font-weight:400;
}

h3.hand{
	font-family:'Dancing Script', cursive;
	font-size:2.7rem;
	line-height:3.7rem;
}
h3.pub{
	font-family:'Open Sans', sans-serif;
	font-size:1.5rem;
}

h4.titDS{
	font-family:'Dancing Script', cursive;
	font-size:2rem;
	color:#048b9a;
}

p.hand{
	font-family:'Dancing Script', cursive;
	font-size:1.7rem;
	line-height:2.2rem;
}

.card{
	border:none;
	margin:0;
}

.card-body{
	background:#ffffff;
}
.card-title{
	text-align:center;
	color:#4e84ff;
}
h3.card-title{
	font-size:1.6rem;
}
	
.card-text, .intro-text{
color:#777;
line-height:2.2rem;
}

.card-text{
font-size:1.1rem;
}

.intro-text{
	font-size:1.2rem;
	line-height:2.2rem;
}
.intro-text.hand{
	font-family:'Dancing Script', cursive;
	font-size:1.9rem;
	line-height:2.5rem;
}

.text-clair{
	color:#dedede;
}

.text-vertf{
	color:#048b9a;
}

.text-bleu{
	color:#65bff9;
}


.text-gris{
	color:#333333;
}

.text-blanc{
	color:#ffffff;
}

.text-violet{
	color:#8e57f3;
}

.largeur-bloc{
	width:22%;
	margin-left:10%;
}
.largeur-bloc-compl{
	width:68%;
}

.tel-button{
text-align:left;
}

@media(max-width:1366px){
	h1{
	font-size:3.5rem;
	text-shadow:#444444 1px 1px 4px ;
}
.h1sstit{
		font-size:1.5rem;
		text-shadow:#444444 1px 1px 4px ;
	}

h2{
	font-family:'Dancing Script', serif;
	font-weight:300;
	font-size:2.2rem;
}
}

@media(max-width:1200px){
	.card{
	border:1px solid #ccc;;
	}
	
.largeur-bloc{
	width:35%;
	margin-left:0;
}
.largeur-bloc-compl{
	width:65%;
}
h1{
	font-size:2.8rem;
}

.h1sstit{
		font-size:1.3rem;
		color:#ffffff;
		text-transform:uppercase;
		text-shadow:#222222 2px 2px 5px ;
		font-weight:400;
}
h2{
	font-family:'Dancing Script', serif;
	font-weight:300;
	font-size:2.2rem;
}

.bloc-h2{
	border-left:1px solid rgb(91, 159, 96);
	background:transparent;
}


h3{
	font-size:1.6rem;
}

h3.card-title{
	font-size:1.3rem;
}
h3.hand{
	font-size:1.8rem;
	line-height:2.5rem;
}

.card-text{
font-size:.9rem;
}

.tel-button{
margin:0 auto;
}
}

@media(max-width:1024px){
	
.largeur-bloc{
	width:100%;
	margin-left:0;
}
.largeur-bloc-compl{
	width:100%;
}

.bloc-h2{
	border-left:0;
	background:transparent;
	margin:0 0 50px 0;
	text-align:center;
}

.adapt-height-mob{
	min-height:600px;
	padding;0;
}
.h1sstit{
		font-size:1rem;
	}
	
h3.card-title{
	font-size:1.3rem;
}
h3.pub{
	font-size:1.3rem;
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------PC OU MOBILE------------------------------------*/
@media @media (max-width:1024px){
	.pconly{
		display:none;
	}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*LAYOUT------------------------------------------------*/
body{
	margin:0;
	padding:0;
}

div.pos-entete{
	margin-top:45vh;
	margin-left:20vw;
	width:auto;
}

section{
	padding:0px 50px;
	margin:0;
}

.row{
margin:0;
padding:0;
}

.centrage {
position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-50%);
}

@media (max-width:1200px){
	
	section{
	padding:0px 10px;
	margin:0;
}

section#pourqui{
	background:#ffffff;
}

div.pos-entete{
	margin:30vh auto 0;
}
}

@media (min-width:1201px) and (max-width:1370px) and (max-height:800px){
	div.pos-entete{
		margin:28vh 20vw;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*--------------BOUTONS ------------------------------------------------*/



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--------------IMAGES ------------------------------------------------*/

img.img-head{
margin-top:60px;
height:180px;
}

div.logons{
	background:#ffffff;
	border-radius:50%;
	width:80px;
	height:80px;
}

img.dimlogons{
	width:76px;
	height:76px;
}
@media (max-width:1200px){
img.img-head{
margin-top:30px;
height:110px;
}

div.logons{
	width:60px;
	height:60px;
}
img.dimlogons{
	width:56px;
	height:56px;
}

}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*-------------------------FONDS, BORDURES ET FILETS -----------------------*/



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*----------------------------LISTES ---------------------------------------*/

ul.list-prest li p{
	
	vertical-align:middle;
	font-size:1rem;
	line-height:1.5rem;
	color:#222;
	
}

img.pictoservice{
	
width:12px;
height:12px;	
float:left;
margin-right:20px;
margin-top:7px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*----------------------------FORMULAIRE CONTACT  ---------------------------------------*/
div.largform{
	width:30vw;
}

@media (max-width:1200px){
	div.largform{
	width:75vw;
}
}

@media (max-width:1024px){
	div.largform{
	width:90vw;
}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--------------------- MENU --------------------------------*/
.navbar{
background-color:rgba(255, 255, 255, .9);
border-bottom:2px solid  #048b9a;
}

.navbar-light .navbar-brand {
  color:#048b9a;
  text-transform:uppercase;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
   color:#048b9a;
   text-transform:uppercase;
}
.navbar-light .navbar-nav .nav-link {
   color:#048b9a;
   text-transform:uppercase;
   padding-left:10px;
   font-size:.8rem;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color:#048b9a;
  text-transform:uppercase;
 
}

.navbar-light .navbar-nav .nav-link.disabled {
   color:#ddd;
   text-transform:uppercase;
 
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color:#048b9a;
  text-transform:uppercase;

}

 

.navbar .nav-link{
	margin-right:1.3rem;
}

.navbar-light .navbar-nav .nav-link .linkinverse{
color:white;
background:#048b9a;

}

.navbar-light .navbar-toggler{
	background:transparent;
	border:none;
	border-radius:0;
}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:hover{
	background:transparent;
	border:none;
	border-radius:0;
	box-shadow:none!important;
}

.boite {
  display: inline-block;
  cursor: pointer;
  width;50px;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height:2px;
  background-color: #048b9a;
  margin: 6px 0;
  transition: 0.4s;
}

.bar2{
	width: 30px;
}


@media (min-width:992px){
	.boite{
	display:none;
}
}

@media (max-width:1199px){
	.navbar-light .navbar-nav .nav-link:hover{
		color:white;
		background:#048b9a;
	}
		.navbar-light .navbar-nav .nav-link.linkinverse{
		color:#048b9a;
		background:transparent;
		}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*----------------------------MODAL ---------------------------------------*/
.modal-content, .modal-header{
	border-radius:0;
}
.btn-secondary {
background:#00cccb;
border:none;
border-radius:0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/