
.codef-serenite{
	padding-bottom:20px;
	font-size: 18px;
}

.codef-cotent-serenite{
	transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
	height:0;
}

.codef-cotent-serenite p{
	font-family: "Lato";
	text-align:center;
	max-width: 1130px;
	margin: 0 auto;

}



/**************bloc3*****************/


.codef-offre h3.codef-titr-op {
    line-height: 30px;
        padding-top: 50px;
	text-align:right;
}
.codef-offre h3 {
    font-family: "Lato-bold";
	    margin: 0;
		text-align:right;
}

.codef-offre h4 {
    font-family: "Bebas";
    float: right;
    margin: 2px;
    clear: both;
    padding: 9px 10px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: center;
    transform: rotate(0.651deg);
}

.codef-bloc3 .codef-prix h3 {
    line-height: 78px;
    padding-top: 13px;
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    /* text-align: center; */
    padding-left: 54px;
    letter-spacing: 4px;
    transform: rotate(-15.446deg);
    text-shadow: -3px 3px 2px rgba(237, 186, 68, 1);
}

.codef-bloc3 .codef-prix h3,.codef-bloc3 .codef-prix h4{
	font-family: "Bebas";
}

.codef-bloc3 .codef-prix h4 {
    padding-bottom: 40px;
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    text-align: center;
    transform: rotate(-14.222deg);
    text-shadow: -3px 3px 2px rgba(237, 186, 68, 0.75);
}

.codef-bloc3 .codef-prix h4{
	padding-bottom: 40px;
	transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	text-align: center; 	
	transform: rotate(-14.222deg);/* PropriÃƒÂ©tÃƒÂ©s de largeur et de hauteur omises en raison de la transformation */
}

.codef-bloc3 .codef-prix {
    display: block;
}


.codef-acheter{
	/* padding-left: 140px; */
}

.codef-acheter h4 {
	 /*color: #294589;*/
	 color: #3760a4;
	 font-family:"Lato-bold";
	 text-align: center;
}

.codef-acheter h4 {
	 /*color: #294589;*/
	 color: #3760a4;
	 font-family:"Lato-bold";
	 text-align: center;
}


.codef-acheter h5 {
	 color: #3760a4;
	 font-family: 'Lato-bold';
	 text-align: center;
}


.codef-acheter h3 {
    font-family: 'Lato-bold';
    color: #fff;
    background: #d86b49;
    text-align: center;
    padding: 10px;
    max-width: 260px;
    margin: 0 auto;
}


/**************bloc3*****************/


.header-page-title-container.header-index-title .text-slide {
    width: 93%;
}

.codef-bloc3 {
    margin-bottom: -45px;
}

a:focus, a:hover {
    text-decoration: none;
}

.codef-bloc3 .codef-prix h3.codef-ca {
    font-weight: bold;
}

@media (min-width:1400px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix h3.codef-ca{
    font-size: 106px;
    margin-left: -3px;
    margin-top: 61px;
}
.codef-offre h3.codef-titr-op{
	font-size:36px;
	color:#e6a565;
}
.codef-offre h3{
	font-size:57px;
    line-height: 73px;
}

.codef-offre h4{
	font-size:42px;
}

.codef-bloc3 .codef-prix h3{
        font-size: 121px;
    padding-left: 0;
	    padding-top: 17px;
}

.codef-bloc3 .codef-prix h3.codef-fr{
	font-size: 152px;
    text-align: left;
    padding-left: 30px;
    padding-top: 13px;
    margin-top: 47px;
    padding-bottom: 3px;
}

.codef-bloc3 .codef-prix h3.codef-ca {
    padding-top: 3px;
}

.codef-bloc3 .codef-prix h4{
    font-size: 35px;
    text-align: center;
    padding-top: 2px;
}

.codef-acheter h3{
	font-size:21px;
}
.codef-acheter h4, .codef-acheter h5 {
	font-size:33px;
}
/**************bloc3*****************/
}

@media (min-width:1200px) and (max-width:1399px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix h3.codef-ca{
    font-size: 102px;
    margin-left: -3px;
    margin-top: 61px;
}




.codef-acheter h4, .codef-acheter h5 {
	font-size:30px;
}

.codef-offre h3.codef-titr-op{
	font-size:33px;
	color:#e6a565;
}

.codef-offre h3{
    font-size: 52px;
    line-height: 69px;
}

.codef-offre h4{
	font-size:41px;
}

.codef-bloc3 .codef-prix h3{
    font-size: 121px;
    text-align: left;
    padding-left: 0;
	    padding-top: 13px;
}
.codef-bloc3 .codef-prix h3.codef-fr{
	font-size: 152px;
    text-align: left;
    padding-left: 30px;
    padding-top: 13px;
    margin-top: 47px;
    padding-bottom: 3px;
}

.codef-bloc3 .codef-prix h3.codef-fr {
    padding-top: 16px;
}

.codef-bloc3 .codef-prix h3.codef-ca {
    padding-top: 6px;
}



.codef-bloc3 .codef-prix h4{
    font-size: 35px;
    text-align: center;
    padding-top: 2px;
}

.codef-acheter h3{
	font-size:20px;
}


/**************bloc3*****************/
}

@media (min-width:992px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix{
	background-position-y: 20px;
	
}



/**************bloc3*****************/
}

@media (max-width:991px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix{
	background-position: 50%;
	
}


/**************bloc3*****************/
}
@media (min-width:992px) and (max-width:1199px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix h3.codef-ca{
    font-size: 102px;
    margin-left: -3px;
    margin-top: 51px;
}

.codef-acheter h4, .codef-acheter h5 {
	font-size:28px;
}

.codef-offre h3.codef-titr-op{
	font-size:30px;
	color:#e6a565;
}

.codef-offre h3{
	font-size: 42px;
    line-height: 55px;
}

.codef-offre h4{
	font-size:37px;
}

.codef-bloc3 .codef-prix h3{
        font-size: 115px;
		    padding-left: 0;
}

.codef-bloc3 .codef-prix h3.codef-fr{
	font-size: 152px;
    text-align: left;
    padding-left: 42px;
    padding-top: 13px;
    margin-top: 47px;
    padding-bottom: 3px;
}
.codef-bloc3 .codef-prix h3.codef-fr {
    padding-top: 22px;
}


.codef-bloc3 .codef-prix h4{
    font-size: 32px;
    text-align: center;
    padding-top: 2px;

}

.codef-acheter h3{
	font-size:18px;
}


/**************bloc3*****************/
}

@media (min-width:768px) and (max-width:991px){
/**************bloc3*****************/
.codef-bloc3 .codef-prix {
    background: url(/views/pages/home/images/prix_mbl.png) no-repeat;
}
.codef-bloc3 {
    margin-bottom: -45px;
}

.header-slider-row {
    top: -30px;
}

.codef-bloc3 .codef-prix h3.codef-ca{
    font-size: 74px;
    margin-left: -10px;
    margin-top: 27px;
    padding: 8px 0px 0;
    margin-bottom: 0;
}

.codef-acheter{ display: none; }

.codef-acheter h4, .codef-acheter h5 {
	font-size:26px;
}

.codef-offre h3.codef-titr-op{
	font-size:28px;
	color:#e6a565;
}

.codef-offre h3{
	font-size:31px;
    line-height: 42px;
}

.codef-offre h4{
	font-size:31px;
	    clear: both;
}

.codef-bloc3 .codef-prix h3{
        font-size: 100px;
		    padding-left: 20px;
}

.codef-bloc3 .codef-prix h3.codef-fr{
	font-size: 110px;
    text-align: left;
    padding-left: 19px;
    padding-top: 15px;
    margin-top: 17px;
    padding-bottom: 0px;
}

.codef-bloc3 .codef-prix h4{
    font-size: 30px;
    text-align: left;
    padding-top: 0px;
    margin-top: 0;
    padding-left: 40px;
}

.codef-acheter h3{
	font-size:16px;
}

/**************bloc3*****************/
}
 
 /**
 *	 MEDIA QUERIES 768
*/
 
@media (max-width: 768px) { 

/**************bloc3*****************/

.codef-bloc3 .codef-prix h3.codef-ca{
    font-size: 55px;
}

.codef-acheter{ display: none; }

.codef-acheter h4, .codef-acheter h5 {
	font-size:22px;
}



.codef-offre h3.codef-titr-op{
	font-size:26px;
	color:#e6a565;
}

.codef-offre h3{
	font-size:38px;
    line-height: 39px;
}

.codef-offre h4{
	font-size:33px;
	    clear: both;
}

.codef-bloc3 .codef-prix h3 {
    font-size: 90px;
    padding-left: 0;
       padding-top: 7px;
}


.codef-bloc3 .codef-prix h4 {
	font-size: 19px;
    padding-left: 30px;
    text-align: left;
}

.codef-acheter h3{
	font-size:14px;
}
/**************bloc3*****************/
 
}



