#realisations{ 


text-align:center;
width: 100%; 
height: auto; 
margin: 150px auto 80px; 
border: 0px solid transparent;

}



 #realisations h3{
margin-top:250px;
font-size: 1.6em;
color:#BCBEC0;

}


 #realisations h1{
 margin-top:-60px;
font-size: 3.3em;
color:#0081C6;
}





@media(max-width: 1000px) {


 #realisations h3{
margin-top:200px;
font-size: 1.4em;
}


 #realisations h1{
 margin-top:-60px;
font-size: 3em;
}



}



@media(max-width: 600px) {


 #realisations h3{
margin-top:150px;
font-size: 1em;
}


 #realisations h1{
 margin-top:-60px;
font-size: 2.4em;
}



}


















/* ===============================================   pub - realisations  ==================================== */


 #pub-real{
 border: 0px solid transparent;
  height: 300px;
  width: 100%;
 text-align:center;
background-color:#BCBEC0;
}


 #pub-real-titre{
  border: 1px solid transparent;
 height: auto;
 width: 90%;
  text-align:right;
float:right;
 margin:0px 5% 0px 0px;
}


 #pub-real-titre h1{
 margin-top:0px;
	font-size:3em;
	font-weight:700;
	color:#FFFFFF;
 line-height:0.8em;
}

 #pub-real-titre h2{
	font-size:1.4em;
	font-weight:400;
	color:#FFFFFF;
 margin:5px 0px -50px 0px;
}







a.bouton{
text-decoration:none;

	padding:15px 10px;
border: 3px solid #FFFFFF;

	color:#FFFFFF;
	font-size:1.6em;
	font-weight:700;
	display:inline-block;
	border-radius:5px;
	text-transform:uppercase;
	line-height:25px;
	margin:40px 0px 20px 0px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

a.bouton:hover {
	text-decoration:none;
	color:#0081C6;
border: 3px solid #0081C6;
	
}






@media(max-width: 1000px) {


 #pub-real{
 border: 0px solid transparent;
  height: 300px;
  width: 100%;
 text-align:center;
background-color:#BCBEC0;

 
}


  #pub-real-titre{
  border: 1px solid transparent;
 height: auto;
 width: 90%;
  text-align:right;
float:right;
 
 margin:0px 5% 0px 0px;
padding-bottom:30px;
}


 #pub-real-titre h1{
	font-size:2.5em;
	line-height:1em;
	 width: 95%;
}

 #pub-real-titre h2{
	font-size:1.2em;
 margin:5px 0px -50px 0px;
  width: 95%;
  line-height:0.9em;
}


a.bouton{
	padding:10px 5px;
	font-size:1.6em;
	margin:20px 5% 0px 0px;
width: 40%;
}






}





@media(max-width: 600px) {

  #pub-real-titre{
  border: 1px solid transparent;
 height: auto;
 width: 90%;
  text-align:right;
float:right;
 
 margin:0px 3% 0px 0px;
padding-bottom:30px;
}


 #pub-real-titre h1{
	font-size:2.2em;
	line-height:1em;
	 width: 100%;
}

 #pub-real-titre h2{
	font-size:1em;
 margin:5px 0px -50px 0px;
  width: 100%;
  line-height:0.9em;
}


a.bouton{
	padding:10px 5px;
	font-size:1.6em;
	margin:20px 0px 0px 0px;
width: 60%;
}
 
 

 
 
}



@media(max-width: 541px) {

 .example-image{

padding:5px;
}


}



@media(max-width: 450px) {

  #pub-real-titre{
  border: 1px solid transparent;
 height: auto;
 width: 99%;
  text-align:right;
float:right;
 
 margin:0px 3% 0px 0px;
padding-bottom:30px;
}


 #pub-real-titre h1{
 margin-top:-10px;
	font-size:2em;
	line-height:1em;
	 width: 100%;
}

 #pub-real-titre h2{
	font-size:1em;
 margin:5px 0px -50px 0px;
  width: 100%;
  line-height:0.9em;
}


a.bouton{
	padding:10px 15px 10px 10px;
	font-size:1.6em;
	margin:20px 0px 0px 0px;
width: 60%;
}
 

 
 
 
 

}