@import url('https://fonts.googleapis.com/css?family=Roboto:300');

 html,
    body {
      background-image: url('https://voyance-orula.com/camp/_commons/img/sem/bkg-sem_lg.jpg');
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;

    }

@media (min-width: 768px) {
    html,
    body {
        background-image: url('https://voyance-orula.com/camp/_commons/img/sem/bkg-sem_sm.jpg');

    }}

  @media (min-width: 992px) {
    html,
    body {
        background-image: url('https://voyance-orula.com/camp/_commons/img/sem/bkg-sem_md.jpg');
    }
}
@media (min-width: 1200px) {
    html,
    body {
        background-image: url('https://voyance-orula.com/camp/_commons/img/sem/bkg-sem_lg.jpg');
    }
    }
    .encadre{
         border: 1px solid #bdbdbd;
         margin-left:15px;
         margin-right: 15px;
         padding-top:15px;
    }
    .vert{
      background: #87d63e; /* Old browsers */
      background: -moz-linear-gradient(top, #87d63e 19%, #37931d 100%)!important; /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #87d63e 19%,#37931d 100%)!important; /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #87d63e 19%,#37931d 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87d63e', endColorstr='#37931d',GradientType=0 ); /* IE6-9 */
      padding-left: 50px!important;
      padding-right: 50px!important;
      padding-top:10px!important;
      padding-bottom:10px!important;
      border-radius: 5px;

    }
    a.lien{
      color:#000000;
      text-decoration: underline;
    }
    .blocgris{
      background: #e8e8e8;
    }
    .titreconf{
      color:#cf2a51;
      font-weight: bold;
      font-size: 1.2em;

    }
    .soustitreconf{
      color:#a10074;
      font-size: 1.4em;
        font-weight: bold;
    }
    .titre{
      color:#000000!important;
    }
.mention{
color:#ad001e;
}
.margehaut{
	margin-top: 10px;
}
.vert{
	background-color: #a0c853;
	color:#fff;


	padding-left: 30px;
	padding-right: 30px;
}
.tirage{
    font-size:2.5em;
        margin-top: 0px!important;
}
.vert:hover{
	color:#fff;
}
.petitemention{
	color:#707070;
	font-size: 0.8em;
}

.btn-red {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#661414+0,ffffff+2,911c1c+5,bc0505+100 */
    background: #e46b6c; /* Old browsers */
 background: -moz-linear-gradient(top, #e46b6c -1%, #e46b6c 0%, #a10074 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #e46b6c -1%,#e46b6c 0%,#a10074 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #e46b6c -1%,#e46b6c 0%,#a10074 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e46b6c', endColorstr='#a10074',GradientType=0 ); /* IE6-9 */
    border: none !important;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.9em;
    font-weight: bold;
    border-radius: 3px;
}
.cabinet{
    font-size:1.3em;
    text-align: center;
}
.btn-red:hover {
    color: #FFFFFF;
}
#header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#430707+0,b31212+50 */
    background-color: #000;
    color: #FFFFFF;

}

#header h3 {
    margin-bottom: 0;
}

.legales{
font-size: 0.7em;
margin-top:15px;
margin-bottom: 20px;
}

.jumbo{
	background: url('https://voyance-orula.com/camp/_commons/img/sem/header-sonia.jpg') no-repeat left top;
height:100px;
width:100% auto !important;
max-width:1000px !important;
}
a{

	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.appellez{

}
.numero{
  font-size: 2.2em;
  font-weight: bold;
  color:#88b312;
}
.cta-text-numero{
font-size:1.5em;
color:#e80e8e;
}
.cta-text-keyword{
	font-size:1.5em;
color:#e80e8e;}
.cta-text-shortcode{
	font-size:1.5em;
color:#e80e8e;}

.normal{
	color:#000;
}

@media (min-width: 768px) {

	.jumbo{
		background: url('https://voyance-orula.com/camp/_commons/img/lea/jumbo.jpg') no-repeat left top;
	height:180px;
	width:100% auto !important;
	max-width:1000px !important;
	}
	.appel{
	padding-top:10px!important;
}
.telcontenu{
	min-height:140px;
}

	.haut{
		padding-top:50px!important;

 }

.partel{
	padding-left: 30px!important;
}

}

.principal{
background-color: #fff;
max-width:1000px !important;
}


p{
	margin:0px;
	padding:0px;
}


.haut{
	padding-top:10px;


}
.jumbotron{
	padding:0px!important;
	margin:0px !important;
	background-color: #e4e4e4;
}
.titre{
	color:#fff;
	font-weight: bold;
	padding-bottom:0px!important;
	margin-bottom:0px!important;
	padding-right: 0px;
	 font-family: 'Roboto', sans-serif;
	 font-size: 1.5em;
}

.num{
	padding-top: 0px!important;
	margin-top:0px!important;

}

.partel{
		background: url('https://voyance-orula.com/camp/_commons/img/confirmation/tel.png') no-repeat left top;
		background-color: #000;
		height:81px;
		width:100%;
		text-align: right;
		color:#FFF;
		padding-top: 15px;
		padding-right: 30px;
		margin-top:40px;
		min-width:320px;
		padding-left:80px;
}



.telcontenu{
	  border: 1px solid grey;
	  padding-top: 0px;
	  margin-top:0px;
	  min-width:320px;

}

.min{
	font-size:1.4em;
	color:#9bc42d;
	margin:0px;
	font-weight: bold;
}
.futur{
	background-color:#7f8f91;
	color:#fff;
	padding: 5px 15px 5px 15px;
}
.tarif{
	font-size: 0.6em;
	color:#777777;
}
.parsms{
		background: url('https://voyance-orula.com/camp/_commons/img/confirmation/sms.png') no-repeat left top;
		background-color: #000;
		height:81px;
		width:100%;
		text-align: right;
		color:#FFF;
		padding-top: 30px;
		padding-right: 30px;
		margin-top:40px;
		min-width:320px;
		margin-bottom:0px;
}
.texto{
	padding-top:10px;
}
.au{
	font-size:12px;
	color:#737373;

}
.espace{
	margin-bottom: 40px;
}
.appel{
	padding-top:5px;
}
.code{
	color:#707070;
}
.trouble{
	padding-top:20px;
	color:#707070;
	max-width: 800px;
	font-size: 0.9em;
}

.picto{
	margin-bottom:40px;
}
.noir{
	background-color: #000;
padding-top: 4px;

}
.supp{
	margin-left: 0px!important;
margin-right:0px!important;
padding-left: 0px!important;
padding-right:0px!important;
}
.rose{
	color:#a10074;
}

.gris{
font-size:0.8em;
	color:#707070;}