#col_news{color:#000}
.col_job{margin:30px;padding:30px;font-size:14px;}
.col_job_td{text-align:center;margin:5px; font-family: 'Roboto', sans-serif;}
.col_pop{margin:0px 10px 0 0;font-size:14px;}
.col_pop_td{text-align:center;margin:5px}
.imgj{max-width:200px;max-height:65px;margin:auto};
.table, table {width: 100%;margin-bottom: 20px; }
.table > thead > tr > th, table > thead > tr > th,
.table > thead > tr > td,table > thead > tr > td,
.table > tbody > tr > th,table > tbody > tr > th,
.table > tbody > tr > td,table > tbody > tr > td,
.table > tfoot > tr > th,table > tfoot > tr > th,
.table > tfoot > tr > td,table > tfoot > tr > td{vertical-align: middle!important;border-top:0!important}
.job_vedette{text-underline-offset: 15px!important;font-size:28px;text-decoration: underline #0061A0;text-decoration-thickness: 5px;  color:#000;font-weight:bold;font-family: 'Roboto', sans-serif;padding-top:60px;padding-bottom:40px}
.job_vedettex{text-underline-offset: 15px!important;font-size:22px;color:#000;font-weight:bold;font-family: 'Roboto', sans-serif;padding-top:60px;padding-bottom:40px}
.chiffre{ color:#0061A0;font-size:22px;font-weight:bold; font-family: 'Roboto', sans-serif; }
.entete_login{ color:#0061A0;font-size:22px;font-weight:bold; font-family: 'Roboto', sans-serif; }
.forfait_btn{color:#FFF;font-family: 'Roboto Condensed', sans-serif;font-weight:bold;font-size:17px}
.texte_bas{font-family: 'Roboto', sans-serif;font-size:15px; font-weight:bold;color:#000;font-face:Arial;text-transform: uppercase;}
.titre_bas{font-family: 'Roboto', sans-serif;font-size:25px; font-weight:bold;color:#000;font-face:Arial;line-height:100%;text-align:left}
#zone_mobile{display:none}
#zone_large{display:block}
.pastille{position:absolute;float:left; top:-0px;left:-5px}
.pastille img{width:65px}
.col_description{height:500px}
.space{display:none}
.forfait{padding-top:0px;background-color:#343434;border-left:solid 1px #fff;border-right:solid 1px #fff;color:#FFF;margin-top:-2px;}
.lien{font-weight:bold;color:#0061A0}
@media (min-width: 768px) {
	.row-eq-height {display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;}
	.chiffre{font-size:22px;}
} 

@media   (min-width: 769px) and (max-width: 1248px)  {
.chiffre{font-size:25px;}
.job_vedette{font-size:28px;padding-top:40px;padding-bottom:20px} 
.titre_bas{font-size:15px;}
.pastille{position:absolute;float:left; top:-20px;left:-2px}
.pastille img{width:50px}
.col_description{height:680px}
.space{display:block}
}
 
@media (max-width: 768px) {
.col_description{height:auto}
.chiffre{font-size:20px;}
.job_vedette{font-size:22px;padding-top:40px;padding-bottom:20px}
.titre_bas{font-size:15px;}
.pastille{position:absolute;float:left; top:0px;left:-2px}
.forfait{margin-top: -20px;}
.zone_regulier{display:none}
}
@media (max-width: 700px) {
#zone_mobile{display:block}
#zone_large{display:none}
.pastille{position:absolute;float:left; top:0px;left:-5px}
.zone_regulier{display:none}
}
* Pour faire un triangle vers la droite */
.triangle{
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #0061A0;
	
}
.triangle ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
	text-align:left;
	
}
.triangle li:before { 
    content: "";
   border-color: transparent #0061A0;
    /*color:#0061A0;*/
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
.triangle_seule{
	  content: "";
   border-color: transparent #FFF;
    /*color:#0061A0;*/
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
	/*
    left: -1em;
    top: 0.9em;
	*/
    position: relative;
	}
#edition_region {display:none}	
.top_cadre {width:60%;margin:auto}

.circle {border-radius: 50%;width: 25px;height: 25px;padding: 1px;border: 2px solid #0061A0;color: #0061A0;text-align: center;font-size: 20px;
    font-family: auto;font-weight: bold; font-family: 'Georgia', sans-serif;}
.circle_news {border-radius: 50%;width: 25px;height: 25px;padding: 1px;border: 2px solid #0061A0;color: #0061A0;text-align: center;font-size: 20px;
    font-family: auto;font-weight: bold; font-family: 'Georgia', sans-serif;}	
.form-control-login {width:100%}
.contact-form i {margin-left: -30px;	cursor: pointer;}
.far{ -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;
								text-rendering: auto;line-height: 1; }
.fa-eye:before { content: "\f070"; }
.fa-eye-dropper:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f06e"; }
.far {font-family: 'Font Awesome 5 Free'; font-weight: 400; }							
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block;								 
	src:  url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.woff2") format("woff2"), 
	url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.woff") format("woff"), 
	url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.ttf") format("truetype"), 
	url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
	
	#username{
			/* background: #ffffff url(/images/icone_form.png) no-repeat;background-position: 0px 10px !important  */
		}
		#password{ 
			/* /background: #ffffff url(/images/icone_form.png) no-repeat;background-position: 0px -53px !important  */
		}
		.error{ color:#F00 !important}