.affaire{
	margin: 80px auto;
	width: 90%;
       }

#bg-affaire {
       background: url('../img/affaire.jpg') 10% 0 no-repeat fixed;
       background-position: center;
       color: white;
       height: 100%;
       margin: 0 auto;
       padding: 0;
       -webkit-background-size: cover; /* pour anciens Chrome et Safari */
       background-size: cover; /* version standardisˇe */
       overflow: hidden;
}


.para1, .para2{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	text-align: justify;
        font-weight: 900;
}

.para1{
    
    float:left;
    width:49%;
}

.para2 {
    margin-left:52%   

}
.affaire .title, #bg-primary .title{
	color: lightgrey;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	
}

.affaire hr, #bg-primary hr{
    max-width: 100%;
    border-color: #ac3832;
    border-width: 3px;
}


.story-affaire{
	overflow: auto;
	width: 100%;
        position: absolute;
}

@media (min-width: 1900px) {
	
       
       .affaire .title, #bg-primary .title{
               color: lightgrey;
               font-size: 30px;
               text-transform: uppercase;
               font-weight: 700;        
       }
       
       .affaire hr, #bg-primary hr{
           max-width: 100%;
           border-color: #ac3832;
           border-width: 3px;
       }
       
       .affaire{
	
	margin: 7% auto;
	width: 90%;
       }
       .story-affaire{
               
               overflow: auto;
               width: 100%;
               position: absolute;
       }
       
       .para1, .para2{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	text-align: justify;
        font-weight: 700;
       }

}