.clear {
    clear: both;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}

a:focus, a:hover {
    text-decoration: none;
}
/*Reset*/







/***********Horoscope***************/
header.codef-horoscope{
	background:url(images/header-horoscope.jpg) no-repeat;
}

.codef-bg-horo{
    background: url(images/bg-horoscope.jpg) #B2DCF4 no-repeat;
    padding: 50px 0 30px;
    /*background-size: cover;*/
}







h2.codef-titre-horo{
	color:#0f689d;
	font-family: 'Lato-bold';
	 margin-bottom: 45px;
}

.codef-signe-text h3{
	color:#0f689d;
	font-family:"Lato";
	    margin-bottom: 10px;
}

.codef-signe-text p{
	color:#000000;
	font-family:"Lato";	
	padding-left: 8px;
	margin-bottom: 30px;
	    text-align: justify;
}

.codef-signe-text a{
	color:#00a8e5;
	font-family: 'Lato-bold';
	text-align:right;
}

.codef-decoration{
	text-decoration:underline;
}



.codef-liste-signe h4{
	color:#317298;
	font-family:"Lato";
	text-align:center;
	    margin-bottom: 55px;
}

.codef-liste-signe {
    margin-top: 80px;
}
.codef-signeimg img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.codef-marg-acheter h3{
    margin: 10px auto !important;	
}


.signe1,.signe2,.signe3,.signe4,.signe5,.signe6,.signe7,.signe8,.signe9,.signe10,.signe11,.signe12{
	display:none;
}


.codef-titre h4{
	color:#fff;
	font-family:"Lato";
	    text-align: right;	
}
.codef-larg-tit h3 {
    line-height: 0.7;
}
.codef-date-select{
	margin:0 auto;	
}

.codef-date-select input{
	background:url(images/icone-calend.png) no-repeat #00a8e5;
	color:#fff; 
	font-family:"Lato";
	    border: transparent;
	    padding-left: 20px;
		    background-position-x: 90%;
    background-position-y: 50%;
	cursor:pointer;
}

.codef-detail-horo{
	background:#FFFFFF;
}

.codef-detail-horo .container{
	background:#fff;
}

.codef-signelist{
	margin:30px 0;
}

.codef-signe-text h4{
	font-family: 'Lato-bold';
	padding-left: 6px;
	text-decoration:underline;
}

.codef-icn-signe{
	width:29px;
	margin:0 auto;
}

.codef-ctr h4 {
    text-align: center;
}

.codef-ctr {
    margin-top: 35px;
}




.codef-container3 p{
	text-align:center !important;
}


.codef-signelist img {
    max-width: 100%;
}

.codef-signe img {
    max-width: 100%;
}

.codef-form-footer{
	background:url(images/bg-form.jpg);
	
}



.codef-titre-recervez .codef-titr1{
	background:#0792d2;
	font-size:38px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	writing-mode: lr-tb;
	position:relative;
	z-index:0;
}

.codef-titre-recervez .codef-titr2{
	background:#107bad;
	font-size:41px;
	text-align: right;
	-webkit-transform: rotate(346deg);
	-moz-transform: rotate(346deg);
	-o-transform: rotate(346deg);
	writing-mode: lr-tb;
	position:relative;
	z-index:1;

}

.codef-titre-recervez .codef-titr3{
	background:#0792d2;
	font-size:60px;
	position:relative;
	z-index:2;

}

.codef-titre-recervez {
    margin: 27px 0 11px;
}

.codef-form-footer h4{
	color:#0792d2;
	font-family: 'Lato-bold';	
	text-align:center;
}

.codef-etiquette-footer{
	color:#1488c4;
	font-family:"Lato";
}

.codef-input input[type="text"], .codef-input-date input[type="text"]{
    height: 55px;
    color: #1488c4;
    font-family:"Lato";
    font-size: 25px;
    border: 2px solid #f1f1f1;
    padding-left: 10px;
	    
}

.codef-input input[type="text"]{
	width: 100%;
}

.codef-input-date .codef-jrm{
	width:26%;
	margin-right:2%;
	text-align: center;
	padding-left:0 !important;
}

.codef-input-date .codef-ann{
	width:40%;
	text-align: center;
	padding-left:0 !important;
}

.codef-submit input[type="submit"]{
    color: #ffffff;
    font-family: "Lato-bold";
    background: #df7814;
    width: 300px;
    margin: 14px auto;
    display: block;
    border: transparent;
}

.codef-titre h5, .codef-titre h6{
    color: #ffffff;
	font-family:"Lato";
	text-align:center;
	    line-height: 0.8;
}

.codef-bg-signe{
	background:url(images/bg-signe.jpg);
	background-size:cover;
}

.codef-present-voyant img {
    max-width: 100%;
	position: relative;
    top: -100px;
}

.codef-present-voyant h3{
    color: #18537d;
	font-family:"Lato";
    margin: 30px 0 40px;
}


.codef-present-voyant p{
    color: #5a5b5c;
	font-family: 'Lato-bold';
	    padding-left: 3px;
}
.codef-select select option{
	font-family: 'Lato-bold';	
}
.codef-select select {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	-moz-appearance:none;
	background-image: url(images/icone-select2.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 80px 0 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Lato-bold';
	font-size:20px;
	height:46px;
	border: transparent;
	max-width:100%;
	padding: 5px 50px 5px 10px;
}



.codef-sol h4{
	color: #275e91;
    font-family: 'Lato-bold';
    padding-left: 54px;
    padding-top: 4px;
	    min-height: 49px;
}

h4.codef-soleil{
	background:url(images/soleil.png) no-repeat;
}

h4.codef-lune{
	background:url(images/lune.png) no-repeat;
}

.codef-txt p{
	color:#353535;
	font-family: 'Lato-bold';
	    padding-left: 3px;
}


.codef-txt {
    margin: 20px 0 55px;
}

.codef-desc label{
	color:#4d90ce;
	font-family: 'Lato-bold';	
}

.codef-desc p{
	color:#010101;
	font-family:"Lato";
	    padding-left: 3px;	
}

.codef-desc {
    margin-bottom: 65px;
}


.codef-titr-consult .codef-bloc-cons1{
	background:#78bbea;
}

.codef-titr-consult .codef-bloc-cons2{
	background:#3a92d0;
}

.codef-titr-consult .codef-bloc-cons3{
	background:#dfa0a1;
}

.codef-titr-consult .codef-bloc-cons4{
	background:#d52f26;
}

.codef-titr-consult .codef-bloc-cons5{
	background:#c6d191;
}

.codef-titr-consult .codef-bloc-cons6{
	background:#7b8423;
}

.codef-titr-consult h2, .codef-titr-consult h3 , .codef-titr-consult h4{
	color:#fff;
	font-family:"Lato";
}

.codef-titr-consult h4 {
    padding: 8px 0;
    margin: 0;
	    text-align: center;
		    padding-left: 32px;
}

.codef-titr-consult {
    width: 88%;
    position: relative;
    top: -127px;
    z-index: 0;
}

.codef-img-consult {
    position: relative;
    left: -64px;
    width: 130px;
    z-index: 1;
}

.codef-img-consult img {
    max-width: 100%;
}

.codef-titr-consult h2 {
    padding-top: 10px;
	padding-left: 70px;
}

.codef-titr-consult h3 {
    padding-bottom: 10px;
	    text-align: right;
    padding-right: 10px;
}

.codef-marg select{
	margin:0;
}

.codef-marg select {
    margin: 0 auto;
    display: block;
}

header.codef-horoscope {
    background: url(images/header-horoscope.jpg) no-repeat;
}

.codef-img-pg-signe {
    width: 68px;
    margin: 0 auto;
}

/***********End Horoscope***********/

/***********Header***********/
.codef-page header {
    width: 100%;
    height: 495px;
    background-size: cover !important;
    position: relative;
}

.codef-page {
    overflow-x: hidden;
}

.codef-titre h3 {
    text-align: center;
}

/***********End Header***********/

.codef-larg-tit h3 {
    line-height: 0.7;
}


.codef-nonaligne h4{
	text-decoration:none !important;
}

.mediums-title{ margin: 30px 0 10px; font-family: Lato; font-size: 30px; }

@media (min-width:1400px){

/***********Horoscope***************/


.codef-titr-consult h2, .codef-titr-consult h3{
	font-size:30px;
}

.codef-titr-consult h4{
    font-size: 31px;
    padding: 4px 0;
}

.codef-desc label{
	font-size:35px;
}

.codef-desc p{
	font-size:26px;	
}

.codef-txt p{
	font-size:28px;
}

.codef-titre h5{
	font-size:83px;
}

.codef-titre h6{
	font-size:115px;
}

.codef-date-select, .ui-widget-content {
    width: 306px !important;
}

.codef-form-footer h4,.codef-etiquette-footer{
	font-size:31px;
}
.codef-titre-recervez .codef-titr1{
	font-size:38px;
}

.codef-titre-recervez .codef-titr2{
	font-size:41px;
	left: 10px;
    top: -20px;
}

.codef-titre-recervez .codef-titr3{
	font-size:60px;	
	left: 8px;
    top: -32px;	
}

.codef-signe-text h4{
	font-size:34px;
}
.codef-date-select input{
	font-size:30px;
}
.codef-larg-tit {
    width: 510px;
    margin: 0 auto;
}

.codef-titre h4{
	font-size:44px;
}


.codef-bg-horo{
    background-position-x: 50%;
}
h2.codef-titre-horo{
	font-size:51px;
}

.codef-signe-text h3{
	font-size:78px;
}

.codef-signe-text p,.codef-present-voyant p{
	font-size:21px;
}

.codef-signe-text a{
	font-size:34px;
}

.codef-liste-signe h4,.codef-submit input[type="submit"],.codef-present-voyant h3,.codef-sol h4{
	font-size:45px;
}

/***********End Horoscope***********/



}

@media (min-width: 1200px){

}

@media (min-width:1200px) and (max-width:1399px){



.codef-container2 {
    width: 950px !important;
}

/***********Horoscope***************/



.codef-img-consult {
    left: -32px;
}

.codef-titr-consult {
    left: 27px;
}


.codef-titr-consult h2, .codef-titr-consult h3{
	font-size:27px;
}

.codef-titr-consult h4{
	font-size:30px;
}

.codef-desc label{
	font-size:31px;
}

.codef-desc p{
	font-size:23px;	
}

.codef-txt p{
	font-size:25px;
}

.codef-titre h5{
	font-size:78px;
}

.codef-titre h6{
	font-size:105px;
}

.codef-date-select, .ui-widget-content {
    width: 278px !important;
}

.codef-form-footer h4,.codef-etiquette-footer{
	font-size:28px;
}

.codef-titre-recervez .codef-titr1{
	font-size:35px;
}

.codef-titre-recervez .codef-titr2{
	font-size:37px;
	left: 10px;
    top: -16px;
}

.codef-titre-recervez .codef-titr3{
	font-size:55px;	
	left: 9px;
    top: -24px;
}

.codef-signe-text h4{
	font-size:31px;
}

.codef-date-select input{
	font-size:27px;
}

.codef-larg-tit {
    width: 510px;
    margin: 0 auto;
}

.codef-titre h4{
	font-size:41px;
}

.codef-bg-horo{
    background-position-x: 50%;
    background-size: contain;
    background-position-y: 90px;
}

h2.codef-titre-horo{
	font-size:48px;
}
.codef-signe-text h3{
	font-size:70px;
}

.codef-signe-text p,.codef-present-voyant p{
	font-size:19px;
}

.codef-signe-text a{
	font-size:31px;
}

.codef-liste-signe h4,.codef-submit input[type="submit"],.codef-present-voyant h3,.codef-sol h4{
	font-size:41px;
}

/***********End Horoscope***********/
	
}


@media (min-width:992px){

/**********Horoscope*******************/


.codef-bloc3 .codef-prix-horo {
    padding-top: 5px;
    padding-bottom: 23px !important;
}

.codef-offre-horo h3 {
    padding-left: 120px;
}


.codef-img-signe img {
    position: relative;
    left: -70px;
}

/************End Horoscope***************/

}

@media (max-width:991px){

/************Horoscope****************/
.codef-bg-horo{
	background-size: 100% 50%;
}
/************End Horoscope************/

}

@media (min-width:992px) and (max-width:1199px){

.codef-container2 {
    width: 900px !important;
}


/***********Header***************/
.codef-page header {
    height: 210px;
}

.codef-titre {
    padding-top: 80px;
}

/***********End Header***************/	


/***********Horoscope***************/

.codef-img-consult {
    left: -32px;
}

.codef-titr-consult {
    left: 27px;
}

.codef-titr-consult h2, .codef-titr-consult h3{
	font-size:24px;
}

.codef-titr-consult h4{
	font-size:25px;
	    padding: 13px 0;
}

.codef-desc label{
	font-size:28px;
}

.codef-desc p{
	font-size:20px;	
}

.codef-txt p{
	font-size:22px;
}

.codef-titre h5{
	font-size:55px;
}

.codef-titre h6{
	font-size:65px;
}

.codef-date-select {
    width: 256px;
}

.codef-form-footer h4,.codef-etiquette-footer{
	font-size:26px;
}

.codef-titre-recervez .codef-titr1{
	font-size:32px;
}

.codef-titre-recervez .codef-titr2{
	font-size:34px;
	left: 10px;
    top: -13px;
}

.codef-titre-recervez .codef-titr3{
	font-size:50px;	
	left: 9px;
    top: -19px;
}

.codef-signe-text h4{
	font-size:27px;
}

.codef-date-select input{
	font-size:24px;
}

.codef-larg-tit {
    width: 420px;
    margin: 0 auto;
}

.codef-titre h4{
	font-size:38px;
}

.codef-bg-horo{
    background-position-x: 50%;
}

h2.codef-titre-horo{
	font-size:44px;
}
.codef-signe-text h3{
	font-size:65px;
}

.codef-signe-text p,.codef-present-voyant p{
	font-size:18px;
}

.codef-signe-text a{
	font-size:28px;
}

.codef-liste-signe h4,.codef-submit input[type="submit"],.codef-present-voyant h3,.codef-sol h4{
	font-size:38px;
}

/***********End Horoscope***********/

	
}


@media (min-width:768px) and (max-width:991px){

.codef-container2 {
    width: 700px;
}

/***********Header***************/
.codef-page header {
    height: 170px;
}

.codef-titre {
    padding-top: 73px;
}

/***********End Header***************/	
	
/***********Horoscope***************/
.codef-present-voyant img {
    top: -60px;
}

.codef-img-consult {
    left: -30px;
}

.codef-titr-consult {
    left: 27px;
}

.codef-titr-consult h2, .codef-titr-consult h3{
	font-size:21px;
}

.codef-titr-consult h4{
	font-size:28px;
	    padding: 15px 0;
}

.codef-desc label{
	font-size:25px;
}

.codef-desc p{
	font-size:18px;	
}

.codef-txt p{
	font-size:19px;
}

.codef-titre h5{
	font-size:43px;
	line-height: 0.7;
}

.codef-titre h6{
	font-size:45px;
	line-height: 0.7;
}

.codef-date-select, .ui-widget-content {
    width: 233px !important;
}

.codef-form-footer h4,.codef-etiquette-footer{
	font-size:23px;
}

.codef-titre-recervez .codef-titr1{
	font-size:29px;
}

.codef-titre-recervez .codef-titr2{
	font-size:31px;
	left: 10px;
    top: -10px;
}

.codef-titre-recervez .codef-titr3{
	font-size:47px;	
	left: 9px;
    top: -13px;
}

.codef-signelist .col-sm-2.col-md-1 {
    margin-bottom: 15px;
}

.codef-signe-text h4{
	font-size:24px;
}

.codef-date-select input{
	font-size:21px;
}


.codef-larg-tit {
    width: 324px;
    margin: 0 auto;
}
.codef-titre h4{
	font-size:35px;
}

.codef-img-signe img {
    position: relative;
    left: -57px;
}

.codef-offre-horo h3 {
    margin-left: 120px;
}

.codef-offre-horo h4 {
    margin-right: 120px;
}

.codef-bg-horo{
    background-position-y: 140px;
    background-position-x: 50%;
    background-size: cover;
}
h2.codef-titre-horo{
	font-size:38px;
}
.codef-signe-text h3{
	font-size:60px;
}

.codef-signe-text p,.codef-present-voyant p{
	font-size:17px;
}

.codef-signe-text a{
	font-size:24px;
}

.codef-liste-signe h4,.codef-submit input[type="submit"],.codef-present-voyant h3,.codef-sol h4{
	font-size:34px;
}

/***********End Horoscope***********/
		
}
@media (min-width:768px){
/***********Horoscope***************/
.codef-container3{
	width:685px !important;
}

/***********End Horoscope***************/


}


@media (max-width:767px){
	.mediums-title{font-size: 23px; }
.codef-larg-tit h3 {
    line-height: 0.6;
}

/***********Header***************/
.codef-page header {
    height: 120px;
}

.codef-titre {
    padding-top: 50px;
}

/***********End Header***************/	

/***********Horoscope***************/

.codef-present-voyant img {
    top: 20px;
	width: 300px;
    margin: 0 auto;
    display: block;
}
.codef-img-consult {
    left: -26px;
}

.codef-titr-consult {
    left: 50px;
}


.codef-titr-consult h2, .codef-titr-consult h3{
	font-size:17px;
}

.codef-titr-consult h4{
	font-size:24px;
	 padding: 22px 0;
}

.codef-desc label{
	font-size:22px;
}

.codef-desc p{
	font-size:15px;	
}

.codef-txt p{
	font-size:17px;
}

.codef-titre h5{
	font-size:32px;
	    line-height: 0.6;
}

.codef-titre h6{
	font-size:35px;
	    line-height: 0.6;
}

.codef-form-footer h4,.codef-etiquette-footer{
	font-size:20px;
}

.codef-titre-recervez .codef-titr1{
	font-size:25px;
}

.codef-titre-recervez .codef-titr2{
	font-size:28px;
	left: 9px;
    top: -9px;
}

.codef-titre-recervez .codef-titr3{
	font-size:42px;	
    left: 8px;
    top: -13px;
}

.codef-titre-recervez h3 {
    width: 290px;
}

.codef-date-select, .ui-widget-content{
	width:192px !important;
}

.codef-signelist .col-sm-2.col-md-1 {
    margin-bottom: 15px;
}

.codef-signe-text h4{
	font-size:20px;
}

.codef-date-select input{
	font-size:18px;
}

.codef-larg-tit {
    width: 234px;
    margin: 0 auto;
}

.codef-larg-tit h3 {
    line-height: 0.6;
}

.codef-titre h4{
	font-size:30px;
}

.codef-img-signe img {
    max-width: 300px;
    margin: 0 auto;
    display: block;
}

.codef-offre-horo h3 {
    margin-left: 50px;
}

.codef-offre-horo h4 {
    margin-right: 50px;
}


h2.codef-titre-horo{
	font-size:32px;
}

.codef-signe-text h3{
	font-size:55px;
}

.codef-signe-text p,.codef-present-voyant p{
	font-size:15px;
}

.codef-signe-text a{
	font-size:20px;
}

.codef-liste-signe h4,.codef-submit input[type="submit"],.codef-present-voyant h3,.codef-sol h4{
	font-size:30px;
}

/***********End Horoscope***********/
}