body {
  width: 100%;
  padding: 0;
  font-size:14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
}

ol li, ul li { padding-bottom: 7px; }
.dp_logo {
  padding: 10px 0; 
  text-align: center;
}
.dp_logo img { margin: 0 auto; }
.dp_logo h2 {
  font-weight: bold;
  font-size: 23px;
  margin: 14px 0 6px;
  text-align: right;
  text-transform: uppercase;
}
.img_txt_right_bottom {
  max-width: 270px;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
}
.dp_header {
  height: 505px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.mobile_sub_title { 
  display: none; 
  border-top:1px solid #CCC;
  background-color:#ECEBEB;
  padding: 10px;
}
.mobile_sub_title h1 span { display: inline-block; }
.title { margin-top: 5px; }
.title h1 {
  text-align: center;
  margin: 10px 0;
  color: #ffffff;
}


.img-center { margin: 0 auto; }


.dp_brands .marquee {
  background-color: #fff;
  margin-bottom: 10px;
  visibility: visible;
}
.dp_steps { 
  margin: 50px 0 20px;
  text-align: center;
}
.dp_steps .step {
  margin-bottom: 30px;
}
.box {
  min-height: 218px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  margin: 0 0 20px;
  padding: 20px;
}
.co-star,
.co-star-empty  {  
  display:inline-block;
  width:23px;
  height:22px;
  background-image:url('/assets/img/star_jaune.png')
 }
.co-star-empty { background-position:left bottom }
.co-star-5 { width:115px }
.co-star-4 { width:92px }
.co-star-3 { width:69px }
.co-star-2 { width:46px }
.co-star-1 { width:23px }
.co-star-0 { width:0 }
.colored_band {
  margin: 20px 0;
  background-color: hsl(199, 61%, 50%);
  color: #ffffff;
  text-align: center;
  font-size: 25px;
}
.colored_band h1 { font-size: 25px; }

.dp_pre_footer {
  margin-top: 10px;
  box-shadow: 0px 4px 5px #A5A5A5, 0px -3px 5px #D6C7C7;
  background: #f7f4f4;
}
.dp_cnil { padding: 20px; }
.dp_cnil img {
  float: left;
  margin-top: 5px;
}
.dp_cnil .txt {
  color: #939393;
  font-size: 11px;
  padding: 0 0 0 90px;
  text-align: justify;
  width: 100%;
}
.dp_footer {
  color: #fff;
  overflow: hidden;
  background-color: hsl(199, 61%, 50%);
  padding:10px;
}
.dp_footer p {
  font-size: 11px;
  text-align: left;
  color:#FFF;
}
.dp_footer a {
  color:#FFF;
}

#ipadleft {
	width:49px;
	background: url('/assets/img/ipad_left_large.png') left top repeat-y;
	float:left;
	height:250px;
}
#ipadcenter {
	width:862px;
	float:left;
	margin:0;
	padding:0
}
#ipadright {
	width:49px;
	background: url('/assets/img/ipad_right_large.png') left top repeat-y;
	float:left;
	height:250px;
}

#ipadtop {
	height:51px;
	width:960px;
	margin:0;
	padding:0
}
#ipadmiddle {
	width:960px;
	margin:0;
	padding:0
}
#q_top  { 
	max-width:862px;
}
#ipadbottom {
	height:60px;
	width:960px;
	margin:0;
	padding:0
}

.sub_title { height: 20px }

@media(min-width:992px){
  .dp_header {
    background: url('https://www.devisprox.com/img/v2/image/lp/cessione_del_quinto/2017_11/lp.jpg') 50% center no-repeat #329BCD;
  }
  .lp-2.dp_header {
      background: url(https://www.devisprox.com/img/v2/image/lp/cessione_del_quinto/jan_2018/lp_cessione_01-15-18.jpg) 50% center no-repeat #329BCD;
  }
}
@media screen and (max-width : 992px){ 

  .dp_colonne_questionnaire .header_questionnaire { height: 60px; }
  .dp_colonne_questionnaire .header_questionnaire h2 { margin-top: 0px; }

  .dp_logo h2 { font-size: 20px; text-align: center; }

  .dp_logo img { width: auto; }

  .title { margin-top: 10px; }
  .title h1 { 
      text-align: center; 
      font-size: 16px;
  }

  .mobile_sub_title { padding: 5px; }
  .DP_destop_display  { display: none; }
  .DP_mobile_display  { display: block; }

  .step h3 { margin-top: 30px; }

  .colored_band h1 { font-size: 22px; margin: 0 }
  h1 { font-size: 20px; }
  h2 { font-size: 18px; }
  h3 { font-size: 16px; }
  .dp_brands h4, h4 { font-size: 16px; }
  body { font-size: 12px; }

  #ipadcenter {
  	width:100%;
  	float:none;
  }
  #q_top  { display:none }
  #ipadleft { display:none; float:none; }
  #ipadright { display:none; float:none; }
  #ipadtop { display:none }
  #ipadmiddle { width:auto }
  #ipadbottom { display:none }
  
  .dp_header { 
    height: 350px;
		background: none;
		background-color:#238d9d;
  }
}

@media screen and (max-width : 760px){

  .dp_logo { padding-bottom: 0px; }

  .dp_logo h2 { 
      margin: 10px 0; 
      font-size: 18px;
  }

  .dp_logo img {
      width: 50%;
      height: auto,
  } 
  .mobile_display { display: none; }
  .colored_band { padding: 15px; }
  h1 { font-size: 18px; }
  h2 { font-size: 16px; }
  h3 { font-size: 14px; }
  h4 { font-size: 12px; }

  .dp_colonne_questionnaire .header_questionnaire h2 { margin-top: 3px; }
  #dp_questionnaire .dp_q_titre { font-size: 14px;} 

  .dp_cnil .txt {
    padding: 0 0 0 10px;
	}
	.dp_cnil img {
    padding: 0px 10px;
	}
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

h2, .h2 {
    font-size: 30px;
    font-weight: 500;
}

.colored_band p {
    font-weight: 500;
}