div.cadre_offre
{
position:relative;
cursor:pointer;
background:#FFF;
height:180px;
width:750px;
margin:0px 0px 0px 20px;
}

div.co_1
{
width:180px;
height:180px;
float:left;
background:url('../images/bg_red_title.jpg');
}

div.co_1 p
{
width:150px;
padding:34px 15px;
font-size:28px;
font-style:italic;
color:#827467;
}

div.co_2
{
background:url('../images/img_bed.jpg');
width:570px;
height:180px;
float:right;
}

div.co_2 div.texte_offre
{
background:#25292c;
position:absolute;
width:570px;
bottom:0
}

div.co_2 div.texte_offre p
{
color:#FFF;
text-align:justify;
font-size:11px;
font-style:italic;
padding:8px 10px 8px 10px;
width:420px;
float:left;
line-height:16px;
}

div.co_2 p.titre
{
position:absolute;
right:0px;
font-size:20px;
padding:5px 10px;
top:15px;
line-height:25px;
color:#827467;
background:#742e24;
}

div.b_o_1
{
margin:10px 5px 0px 5px;
position:relative;
float:right;
width:120px;
}

div.co_2 div.texte_offre a.lien_home
{
width:105px;padding:5px 0px;text-align:center;
}

@media (max-width: 700px){


div.cadre_offre
{
clear:both;
width:90%;
margin:0px auto 0px auto;
}

div.co_2
{
background:url('../images/img_bed.jpg');
width:calc(100% - 180px);
height:180px;
float:right;
}

div.co_2 p.titre
{
font-size:18px;
padding:4px 8px;
top:15px;
line-height:22px;
}

div.co_2 div.texte_offre
{
width:calc(100% - 180px);
}

div.co_2 div.texte_offre p
{
width:90%;
}

div.b_o_1
{
margin:0px 0px 5px 0px;
}

}

@media (max-width: 500px){

div.co_2 p.titre
{
font-size:16px;
padding:4px 8px;
top:10px;
line-height:20px;
}

div.co_1
{
display:none;
}

div.co_2,div.co_2 div.texte_offre
{
width:100%;
}

}