/* CSS Document */

a:link, a:visited, a:hover, a:active {
	color: #822127;
	TEXT-DECORATION: none;
}
a.orange:link, a.orange:visited, a.orange:hover, a.orange:active {
	color: #ef6b01;
	TEXT-DECORATION: none;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
/*	cursor: pointer;*/
}

a img
{
    border: none;
}

input:focus {
    outline:  none;
}

body {
	background-color: #FFE56F;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

#cadre, #bandeau, #bandeau1{
    width: 70%;
}

#cadre {
    margin: 0 auto;
	min-height:900px;
    /*	background-color: #36F; */
	}

.bandeauImg {
    /*	background-color: green; */
	height: 175px;
}

.bandeauImg img {
  	width: 100%;
  	height: 100%;
	max-height: 175px;
}

.bandeau {
  	margin: 0 auto;
	display: flex;
 	justify-content: space-between;	
/*  background-color: red;
	left: 100px;	*/
 	height: 100%;
	max-height:  175px;
	width: 70%;
	position: absolute;
	top: 0px;  
	z-index: 2;
  	/*align-items: center;*/
/*	border: 1px solid #77090B;*/
}

.icon{
    width: 30px;
    height: 30px;
    float: left;
}
.rs{
width: 230px;
height: 30px;
margin-left: 50px;
margin-bottom: 20px;
    
}






#bandeau div {
    /*  line-height: 40px;*/
    /* padding: 0 1em;*/
}

#gauche, #droite{
	width: 152px;
	height: 165px;
	padding-top:5px;
}

#gauche img, #droite img {
  	width: 100%;
  	height: auto;
	max-height: 160px;
}

#centre{
	width: 595px;
	padding-top:50px;
    /*   height: 155px;*/
	/*background-color: #5651DB;	/* bleu*/
}

#centre img {
    /*  width: 100%;*/
    height: auto;
}

.textstandard{   
    color: #822127;
    font-size: 15px;
}

#bandeauDia1 {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;	
	margin: 0 auto;
	padding: 1% 2% 1% 2%;
	background-color: #fff2b7;
}

#bandeau1 {
  	display: flex;
  	justify-content: space-between;
	margin: 0 auto;
	padding-bottom:5px;
    padding-top: 10px;
	width:100%;  	
	background-color: #FFF2B7;
}

#bandeau1 div {
    line-height: 1.5;
    /*		margin: 0 auto;
    padding: 0 1em;*/
}

#gauche1, #droite1, #centre1{
    width: 400px;
    margin: 1px 2% 2% 2%;
    padding: 1%;
    background-color: #E3DBB4;
    min-height: 400px;    
    }
 #centreS{
    /* width: 400px;*/
    margin: 0 auto;
    padding: 1%;
    background-color: #E3DBB4;
    min-height: 400px;    
    }

#pdp {   
  	display: flex;
  	justify-content: space-between;
	
	padding-bottom:5px;
	width:100%;  
	background-color: #EECD87;
}
#pdp div {
 /*   justify-content: space-between;
    line-height: 1.5;
    float: left; 
    height: 20px;*/   
    margin: 1% 3% 1% 3%;
    font-size: large;
 }









@media only screen and (max-width: 850px){
    .bandeau {

 	height: 130px;

}
    
.bandeauImg {
   
	height: 130px;
}
    
  .bandeauImg img {
  	height: 135px;
}  
    
        #cadre{
           width: 100%;
           background-color:#FFF2B7;
        }

        .bandeau{
           width: 100%;
           background-color: #FFF2B7;
        }
        #bandeau1{
           width: 100%;
           background-color: #FFF2B7;
        }

        #centre{
            width: 300px;
            padding-top:5px;
        }

        #bandeau1{
            display: block;
        }	
    
    #gauche, #droite{

	height: 130px;

}

        #gauche1, #droite1, #centre1{
            margin: 15px auto;
            width: 90%;
            display: block;
            background-color: #E3DBB4;
        }	
        #pdp div {
            font-size: 10px;
            
        }
}