/*---------------  promo accueil eng -------------------------------------------------------*/




#contenu-promo{ 
width: 100%;
height: auto;
border: solid 1px transparent;
margin: 90px auto 0px; 
text-align: center;
background-image: url("images/bg-accueil.png");
} 



#contenu-promo-accueil .bloc-promo h1 {
margin: 100px 0px 40px 0px;
font-size:3em;
text-align: center;
color: #01DFD7;
font-weight: 200;


}




#contenu-promo-accueil a{

font-size:1em;
color: #01DFD7;
text-decoration: none;
}


#contenu-promo-accueil a:hover{
font-weight:bold;
}




/*---------------  promo -------------------------------------------------------*/


#contenu-promo{ 
width: 100%;
height: auto;
border: solid 1px transparent;
margin: 110px auto 0px; 
text-align: center;

} 

#contenu-promo .bloc-promo{ 

width: 500px; 
height: 1000px; 
margin: 20px 20px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: 1px solid transparent; 
overflow: hidden; 
position: relative;

text-align:left;/* On réinitialise les élements centré a gauche */	
			
}



#contenu-promo.bloc-promo #photo {
margin: 0px auto 0px;
width: 500px; 
height: 333px;
}



#contenu-promo .bloc-promo h2 {
margin: 20px 0px 20px 0px;
font-size:2.6em;
text-align: center;
color: #01DFD7;
font-weight: 200;
}


#contenu-text-promo  {
margin: 0px 0px 0px 0px;
border: 1px solid transparent; 

}


#contenu-text-promo h3 {
margin: 20px 0px 5px 0px;
font-size:1.3em;
color: #01DFD7;
font-weight: bold;
}


#contenu-text-promo p {
margin: 0px 0px 4px 5px;
font-size:1.1em;
color: #a4a4a4;

}




#lien {
text-align:center;
margin: -4px 0px 0px 0px;
color: #01DFD7;
text-decoration: none;

}

#lien a{

font-size:1em;
color: #01DFD7;
text-decoration: none;
}


#lien a:hover{
font-weight:bold;
}




.box-commentaire{ 

width: 300px; 
height: 380px; 
margin: 0px 0px 0px 0px;
border: 1px solid transparent;
			
}


#note-formulaire {
font-size: 0.9em;
font-style:italic;
color: #a4a4a4;
}



@media all and (max-width: 1100px) {

#contenu-promo .bloc-promo{ 
height: auto; 
}

}


@media all and (max-width: 1000px) {


#note-formulaire {
display:none;
}

}





@media all and (max-width: 600px) {

#contenu-promo .bloc-promo{ 
width: 300px; 
height: auto; 
margin: 10px 0px 50px 0px;	
text-align:center;	
}

#contenu-promo.bloc-promo #photo {
margin: 0px auto 0px;
width: 300px; 
height: 200px;
}


#contenu-promo .bloc-promo h2 {
margin: 20px 0px 20px 0px;
font-size:2.4em;
}


#contenu-text-promo h3 {
margin: 20px 0px 5px 0px;
font-size:1.1em;
color: #01DFD7;
font-weight: bold;
}


#contenu-text-promo p {
margin: 0px 0px 0px 5px;
font-size:1em;
color: #a4a4a4;

}

#lien {
text-align:center;


}



#contenu-promo-accueil{ 
width: 100%;
height: auto;
border: solid 1px transparent;
margin: 100px auto 0px; 
text-align: center;
background-image: url("images/bg-accueil.png");
} 



#contenu-promo-accueil .bloc-promo h1 {
margin: 80px 0px 40px 0px;
font-size:2em;
text-align: center;
color: #01DFD7;
font-weight: 200;
}





}