.header_pa{width:100%;display:block;padding:10px;font-size:24px;font-weight:bold;color:#0098c5;background-color:#e3e3e3;}
.block_form_general{margin-top:10px;}
.block_form{float:left;width:790px;background-color:#e3e3e3;padding:10px;}
.block_form h2{font-size:24px;font-weight:bold;color:#0098c5;width:100%;line-height:35px;text-transform:uppercase;}
.block_form h2:after{content: '';display: block;height: 5px;background: #d3d3d3;border-radius: 5px;margin-top: 5px;}
.form-group-compte{width:100%;margin-bottom:10px;}
.form-group-compte .label-compte-line{
	display:inline-block;
	width:200px;
	height:40px;
	text-transform:uppercase;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
	color: #000!important;
}

.form-group-compte .input-compte-value{
	display:inline-block;
	height:40px;
	width:calc(100% - 210px);
}
.form-group-compte .input-compte-value .inputactif{
	width:100%;
	height:38px;
	border:2px solid #cccccc;
	font-size:14px;
	padding: 3px;	
}
.form-group-compte .input-compte-value .inputread
{
	background:none;
	width:100%;
	height:38px;
	border:2px solid #fff;
	font-size:14px;
	padding: 3px;
	color: #0098c5 !important;
}
										
.ligne_annonce_sign li
{
		float:left;
		vertical-align:middle;
		font-size:20px;
		color:#000
}

.block_infos_client
{
	float:left;
	margin-left:26px;background-color:#e3e3e3;padding:10px;
	width:calc(100% - 816px);
	color:#000
}
.block_infos_client h2
{
	font-size:22px;font-weight:bold;color:#0098c5;width:100%;line-height:30px;text-transform:capitalize;
}
.phone, .email, .mobile, .url {
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
}
				
.phone {
	background-image: url("../images/ICONE_PHONE.png");
	background-size: 30px 30px;
}
.mobile {
	background-image: url("../images/ICONETEL_2.png");
	background-size: 30px 30px;
}
				
.email {
	background-image: url("../images/ICONE_mail.png");
	background-size: 30px 30px;
	object-fit: contain;
}
.url {
	background-image: url("../images/ICONE_WWW.png");
	background-size: 30px 30px;
}

	@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?sjafn5');
	src: url('../fonts/icomoon.eot?sjafn5#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?sjafn5') format('truetype'), url('../fonts/icomoon.woff?sjafn5') format('woff'), url('../fonts/icomoon.svg?sjafn5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
.block_form_formule{float:left;width:790px;background-color:#e3e3e3;padding:10px;}

.block_form_formule > h2 span{
    border-bottom: none;
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #e3e3e3;
    padding-right: 15px;
}

.block_form_formule > h2 {
    position: relative;
    border-bottom: none;
    display: block;
    font-weight:bold;color:#0098c5;
}

.block_form_formule > h2:after{
    display: block;
    position: absolute;
    z-index: 1;
    content:'';
    height:5px;
    width:100%;
    background: #d3d3d3;
    top:50%;border-radius: 5px;
}

.block_form_formule > h2 img {
    width: 100px;
    position: absolute;
    right: 0px;
    z-index: 12;
    background: #e3e3e3;
    vertical-align: top;
    padding: 0 25px;
    top: -15px;
}

.option_annonce > h2 span{
    border-bottom: none;
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #e3e3e3;
    padding-right: 15px;
}

.option_annonce > h2 {
    position: relative;
    border-bottom: none;
    display: block;
    font-weight:bold;color:#0098c5;
}

.option_annonce > h2:after{
    display: block;
    position: absolute;
    z-index: 1;
    content:'';
    height:5px;
    width:100%;
    background: #d3d3d3;
    top:50%;border-radius: 5px;
}

.option_annonce > h2 img {
    width: 100px;
    position: absolute;
    right: 0px;
    z-index: 12;
    background: #e3e3e3;
    vertical-align: top;
    padding: 0 25px;
    top: -15px;
}

.annonce-left {
	width: 18%;
	float: left;
}

.annonce-left .rows {
	color: #808080;
	margin: 0;
	height: 50px;
	font-weight: 700;
	padding:4px;
	font-size:14px;
}

.annonce-left .rows:first-child {
    height: 100px;
}

.annonce-elem {
	position: relative;
	width: 15%;
	float: left;
	margin-right: 1%;
	background-image: url(../images/bg_row.png);
	z-index: 2000;
	background-size: cover;
	background-repeat: no-repeat;
}

.annonce-elem .rows {
    margin: 0;
    height: 50px;
    text-align:center;
}

.annonce-elem::before {
    left: -50px;
    position: absolute;
    top: 0;
    /* content: ''; */
    height: 100%;
    width: 400%;
    background: url(../images/bg-offre.png);
    z-index:0;
    transform: skew(-20deg);
}

.annonce-elem .rows:last-child {
	border-top: 1px dashed black;
	line-height: 15px;
	font-size: 20px;
	text-align: center;
}

.annonce-elem .rows .info{display:block}
.annonce-elem .rows .info img
{
	width:25px;
	margin-bottom:10px
}

.annonce-elem >.rows:nth-child(1) {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    padding: 20px 0;
}

.annonce-elem.classique {
    border: 1px solid #16a085;
    border-bottom: 10px solid #16a085;
}
.annonce-elem.classique>.rows:nth-child(1) {
    border-bottom: 10px solid #14937a;
    background: #16a085;
    height:110px;
}

.annonce-elem.encadre {
    border: 1px solid #2980b9;
    border-bottom: 10px solid #2980b9;
}
.annonce-elem.encadre>.rows:nth-child(1) {
    border-bottom: 10px solid #1d6391;
    background: #2980b9;
    height:110px;
}
.annonce-elem.encadreplus {
    border: 1px solid #4bacc6;
    border-bottom: 10px solid #4bacc6;
}
.annonce-elem.encadreplus>.rows:nth-child(1) {
    border-bottom: 10px solid #31859b;
    background: #4bacc6;
	height:110px;
}
.annonce-elem.premium {
    border: 1px solid #f39c12;
    border-bottom: 10px solid #f39c12;
}
.annonce-elem.premium>.rows:nth-child(1) {
    border-bottom: 10px solid #cd8109;
    background: #f39c12;
    height:110px;   
}
.annonce-elem.annonce-pub {
    border: 1px solid #c0504d;
    border-bottom: 10px solid #c0504d;
}
.annonce-elem.annonce-pub>.rows:nth-child(1) {
    border-bottom: 10px solid #953734;
    background: #c0504d;
    height:110px;
}

.annonce-elem .rows:last-child input[type="radio"] {
	font-size: 24px;
	width: 20px;
	height: 20px;
	background: white;
	outline: none;
	border: 1px solid black;
	padding-top: 8px;
	vertical-align: bottom;
	text-align: center;
	display: block;
	margin: 4px auto;
}


span.annonce-checked {
	display: block;
	background: url(../images/checked.png) center center no-repeat;
	width: 100%;
	height: 50px;
}

div.annonce-checked2 {
	background: url(../images/checked.png) center center no-repeat;
	width:32px;
	height:32px;
	float:right;
	/*width: 100%;
	height: 50px;*/
}



.checkbox {
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	height: 40px;
	width:95px;
	text-align:right;
}

.checkbox input, .radiobox input {
	display: none;
}
.radiobox label, .checkbox label {
	min-height: 20px;
	padding-left: 25px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	margin-right: 10px;
}
.radiobox  label{
	text-transform:uppercase;
	font-size:18px!important;
	padding: 0 25px!important;
}
.checkbox  label, .radiobox  label {
	display: inline-block;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	margin-bottom: 5px;
	max-width: none;
	height: 40px;
	line-height: 40px;
}
.checkbox label:before {
	border: 1px solid #000000;
	content: " ";
	display: inline-block;
	height: 17px;
	margin-right: 20px;
	position: absolute;
	top: 10px;
	left: 0;
	width: 17px;
	z-index: 100;
	background: white;
}
.checkbox input[type=checkbox]:checked + label:before {
	border-color: #000000;
	font-family: 'icomoon' !important;
	background: white;
}

.checkbox input[type=checkbox]:checked + label:after {
	font-family: 'icomoon' !important;
	display: inline-block;
	content: "\e917";
	color: #000000;
	font-size: 12px;
	left: 2px;
	position: absolute;
	top: -1px;
	z-index: 100;
	font-weight: bold;
}	




.photo-pics span, .societe-pics span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    text-align: center;
}

.photo-pics {
    border: 2px solid #7baaf7;
    border-radius: 5px;
    display: table;
    height: 150px;
    width:110px;
    margin-bottom: 10px;
    margin-right: 2%;
    padding: 5px;
    position: relative;
    vertical-align: top;
}
	
	
.form-panel-opt
{
	margin-bottom:20px;
}

.annonce-opt
{
	vertical-align:top;
	width:30%;
	float:left;
}

.annonce-opt.ColrightPa
{
		width:70%;
		text-align:center
}


.annonce-opt .rows-opt
{
	color: #808080;
	margin: 0;
	height: 30px;
	font-weight: 700;
	padding:3px;
	/*font-size:13px;*/
	display:block;
}

.annonce-opt .rows-opt img{
	width:26px;
	margin-right:3px;}

.annonce-opt .rows-opt:nth-child(1) 
{
	height:65px;
	padding:0px;
}

.annonce-opt .rows-opt
{
	height:40px;
	padding:10px;
}

.annonce-opt .rows-opt .info{display:block}

.annonce-opt .rows-opt.classic{background-color:#16a085;
    border-bottom: 10px solid #14937a;
    background: #16a085;
    height:65px; 
    text-align:center; 
     color:#fff;
     padding: 20px 0;
}

.annonce-opt .rows-opt.classique{background-color:#16a085;
    border-bottom: 10px solid #14937a;
    background: #16a085;
    height:65px; 
    text-align:center; 
     color:#fff;
     padding: 20px 0;
}


.annonce-opt .rows-opt.encadre
{
    border-bottom: 10px solid #1d6391;
    background: #2980b9;
    height:65px;
    text-align:center;
     color:#fff;
     padding: 20px 0;
}
.annonce-opt .rows-opt.encadreplus
{
    border-bottom: 10px solid #31859b;
    background: #4bacc6;
	height:65px;
	text-align:center;
	 color:#fff;
	 padding: 20px 0;
}
.annonce-opt .rows-opt.premium 
{
    border-bottom: 10px solid #cd8109;
    background: #f39c12;
    height:65px;
    text-align:center;
    color:#fff;
    padding: 20px 0;
}
.annonce-opt .rows-opt.annonce-pub {
	border-bottom: 10px solid #953734;
	background: #c0504d;
	height:65px;
	text-align:center;
	color:#fff;
	padding: 20px 0;
}
.annonce-opt .rows-opt:last-child{height:10px;}

.rows_libelle_fo{display:none}

@media screen and (max-width: 1200px) 
{
	.block_form{float:none;width:100%;display:block;}
	

	.block_infos_client{margin-top:15px;margin-left:0px;float:none;width:100%;display:block;}
	
	.block_form_formule{float:none;width:100%;}
	
	.form-group-compte .label-compte-line
	{
		display:block;
	}
	
	.form-control.inputactif
	{
		width:100%
	}
}


@media screen and (max-width: 800px) 
{
	.annonce-elem
	{
		width: 100%;	
		display:block;
	}
	.annonce-left
	{
		display:none;
	}
	.rows_libelle_fo{display:block;width:250px;text-align:left;margin-left:15px;margin-top:5px;}
	span.annonce-checked {display:none;}
	.rows{text-align:center}
	.img_info{display:none}
}


@media screen and (max-width: 600px) 
{
	.form-group-compte .input-compte-value
	{
		width:100%
	}
}

.ligneBt_annonce{
		width: 790px;padding:10px;text-align:right
	}
	
	.button.button-primary.button-large.annulePa
	{
		float:none!important;margin-right:10px!important;background-color:red;display:inline-block;
	}
	.button.button-primary.button-large.nextPa
	{
		float:none!important;margin-right:10px!important;display:inline-block;
	}