@viewport { width:device-width; zoom:1;  }

.blocpub338x280 {
	float:left;
	padding:0px 20px;
}

blockquote
{
  font-style: normal;
  font-size: 20px;
  margin-left: 32px;
  border-left: 6px solid #B40D2B;
  padding:10px 0 10px 10px;
}

.iframe_permis {width:756px;margin-right:20px}

.encart_stage_permis { background-color:#DFE5E5; float:right; padding:15px;width:45%; margin-right:10px }

.box_carte { float:left; border-width:1px 0 1px 1px; border-color:#424242; border-style:solid;  width:240px; height:550px; }

.box_type_radars { padding:15px 0; }

.type_radar_box {width:160px!important; padding:3px; float:left; text-align:center}
.type_radar_box img {width:100%;}
.type_radar_box a { font-weight:bold;}

.social .tw-post {
	background-color: #00afee;
}

.social .fb-post {
    background-color: #3d69af;
}

.social .in-post {
    background-color: #0177b5;
}

.social .mail-post {
    background-color: #333333;
}


.social .fb-post .icon {
    vertical-align: -3px;
}

svg:not(:root) {
    overflow: hidden;
}

.social .icon {
	fill: #FFF;
	padding-right: 5px;
	margin-right: 5px;
}



.social a {
	background-image: none !important;
	color: #fff !important;
	display: inline-block;
	font-family: franklin-gothic-urw;
	font-size: 0.9rem;
	opacity: 1;
	padding: 4px 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 300ms ease 0s;
	width: 140px;
	line-height: 1.6;
	margin-bottom: 4px;
}


.share-twitter{ padding:10px; }
.share-google{ padding:10px; }
.share-facebook{ padding-bottom:10px; }
.social {text-align:center}

#no_under {text-decoration:none }

#plan-du-site { text-align:left }

.plan-du-site h3 { padding-left:25px }
.plan-du-site h4 { padding-left:50px }
.plan-du-site h5 { padding-left:60px }

.box_carte h4 { text-align:center; padding-top:15px; }

.centrer { text-align:center; }
.justifier { text-align:justify; }

.tablecentrer { margin:auto; }


.bouton_top10:hover{
     color: #222;
     background: #980A22;
     background: linear-gradient( #980A22, #555);
}

.bouton_top10:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}



/*---- Styles de base --------------------------------------------- */
/*---------------------------------------------------------------- */
html { width:100%; height:100%; min-height:100%; margin: 0 auto; }
body { width:100%; height:100%; min-height:100%; margin: 0 auto;  padding:0; 
	   background: url(../images/design/radar-auto-background-sides.jpg) #ffffff/*gris noir*/ repeat-x center /*43px*/28px;
	   font: 16px 'Lato',Arial,Helvetica,sans-serif; color: #313334 /*gris bleu*/; }

img, td img, a img { border: none; }

p { margin:10px 0 10px 0; text-align:justify }
hr { color:#a40b23 /*rouge lien*/; background-color:#cbb57a; height: 1px; border: 0; }
.clr { clear:both; }

h1 { font-size: 170%; margin: 10px 0 2px 0; padding:0; line-height:100%; }
h2 { font-size: 150%; margin: 10px 0 2px 0; padding:0; line-height:140%; }
h3 { font-size: 130%; margin: 5px 0 2px 0; padding:0; line-height:120%; }
h4 { font-size: 120%; margin: 2px 0 2px 0; padding:0; line-height:120%; }
h5 { font-size: 110%; margin:0; padding:0; line-height:100%; font-weight: bold; }
h6 { font-size: 100%; margin:0; padding:0; line-height:100%; font-weight: bold; }

#contenu_full h1 { padding:30px 0 30px 0 }
#contenu_full h2 { padding:30px 0 30px 0 }
#contenu_full h3 { padding:30px 0 30px 0 }

a:link, a:visited { color: #a40b23; /* rouge */ text-decoration: none; -moz-outline-style: none;}
a:hover, a:active { color: #e76118; /* orange */ text-decoration: underline; }

.article-actualite a { text-decoration: underline; }

.bbox				{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }



/* formulaires et boutons */
FORM { margin: 0 }
FORM * {  }
FORM a:link, FORM a:visited { font-size: 12px; text-decoration: none; }
FORM a:hover, FORM a:active { font-size: 12px; text-decoration: underline; }
TEXTAREA, INPUT, LABEL, SELECT {  }
TEXTAREA {  }
SELECT { color:black; }
TEXTAREA, INPUT {  }
.button { margin-top:5px; }

ul {line-height:20px } /* utliser notamament dans la FAQ */
li { margin:  }



/* styles de texte */
.majuscules { text-transform: uppercase; }
.align-gauche { float:left; margin-right:5px; }
.align-droite { float:right; margin-left:5px; }
.align-annule {clear:both;}
.texte-encadre { padding: 8px; border: 1px solid #6e4f19 /* marron */; }
.texte-gros { font-size: 18px; line-height: normal; }
.texte-petit { font-size: 9px; line-height: normal; }
.texte-rouge { color:#900; }
.texte-vert { color:#98C10B }
.texte-bleu { color:#0e6f7f; }
.texte-orange { color: #C60; }
.texte-titre { font:bold 36px "Verdana", "Arial", "Helvetica", sans-serif; color:#6e4f19 /* marron */; text-decoration: none; }
.tableaux-titre { font: bold 12px/13px "Arial", "Helvetica", sans-serif; color:#382525; background-color:white;}
.tableaux-ligne-impaire { font: 12px "Arial", "Helvetica", sans-serif; color:#382525; background-color:f3dfa9 /* marron clair */;}
.tableaux-ligne-paire { font: 12px "Arial", "Helvetica", sans-serif; color:#382525; background-color:#cbb57a /* marron */;}

.tableau-ligne { font: 12px "Arial", "Helvetica", sans-serif; color:#382525; background-color:#cbb57a/* marron */; padding:8px; text-align:left;}

.td-emplacements {background-color:#f0ba17; height:30px; text-align:center; }
.td-emplacements:hover {background-color:#dd9d19; height:30px;}
.td-emplacements-select {background-color:#dd9d19; height:30px;}


.invisible { display:none }

/*---------- Encarts PUBLICITAIRES --------------------------------- */
/*----------------------------------------------------------------- */
#header_pub { float:left; margin: 6px 0px 2px 9px; width:728px; height:90px; }  /* 728*90  */
#header_interstitiel { float:left; margin: 6px 0px 2px 9px; width:728px; height:90px; padding-top:35px}  /* 728*90  */
.main_pub { float:right; margin: 10px 12px 5px 0px; width:120px; height:600px; } /* 120*600 */
.menu_pub { margin: 0 0 0 20px; width:250px; height:250px; background-color:black; } 					/* 250*250 */

/*---- Styles spécifiques (charte) --------------------------------- */
/*----------------------------------------------------------------- */



#all { width:100%; background: url(../images/design/radar-auto-header.avif) no-repeat center top; text-align:center;}

/* header */
#header { margin: 0 auto; width:996px; height:165px; color:white; }
/* ajout mobile */ #headermobile { display:none; }

#header_logo { float:left; margin: 6px 0px 2px 0px; width:255px; height:95px; }
	.logo { display:block; width:255px; height:95px; }
/*
#header_logo { float:left; margin: 16px 0px 2px 4px; width:185px; height:70px; }
	.logo { display:block; width:185px; height:70px; }*/
#header_menu { margin: 8px auto; padding-top:0px; width:990px; color:white; font: bold 13px/15px "Arial", "Helvetica", sans-serif; text-transform: uppercase; }
	#header_menu a:link, #header_menu a:visited { color: white; text-decoration:none; }
	#header_menu a:active, #header_menu a:hover { color: #f0b055/*jaune*/; text-decoration:none; }
#header_search { width:600px; background: url(../images/design/radar-auto-search.jpg) repeat-x; margin:0 0 0 30px; padding:2px 0px 0 0px; text-align:center; }

/* main */
#main_fondblanc { width:100%; background-color:white; }
#main { margin: 0 auto; width:996px; background: url(../images/design/radar-auto-background-site.jpg) repeat-y; } 
#main_full { margin: 0 auto; width:996px; } 
	#main_menus { float:left; width:272px; text-align:left; }
		.menu { width:272px; background: url(../images/design/radar-auto-menu-background.jpg) repeat-y; }
			.menu ul { padding-left:30px; list-style-type: none; color:#c4661b;/*orange sanguin*/ width:220px; }
			.menu li { margin-top:2px; padding:0 0 2px 0; color:#d8af2f;/*orange*/ background: url(../images/design/radar-auto-menu-icone.png) no-repeat 0 0; }
			.menu_lien { border-bottom:solid thin #c4661b; }
			.menu_dernier {  }
			.menu_top { width:272px; height:49px; background: url(../images/design/radar-auto-menu-header.jpg) no-repeat; }
			.menu_titre { padding: 20px 0 0 40px; color:black; font: bold 16px/18px "Arial", "Helvetica", sans-serif; text-transform: uppercase; }
			.menu_bottom { width:272px; height:24px; background: url(../images/design/radar-auto-menu-footer.jpg) no-repeat; }
			.menu a:link, .menu a:visited { padding:2px 0 2px 15px; display:block; width:220px; color:#d8af2f;/*orange*/ 
											font: 12px/14px "Arial", "Helvetica", sans-serif; text-transform: uppercase; }
			.menu a:hover, .menu a:active { width:205px; color:white; background-color:#18222b; text-decoration:none; }
	#main_central { float:left; width:585px; height:auto; text-align:left; background: url(../images/design/radar-auto-filariane.jpg) no-repeat; }
	#main_central_full { float:left; width:996px; height:auto; text-align:left; background: url(../images/design/radar-auto-filariane996.jpg) no-repeat; }
		#fil_ariane { margin: 3px 0 25px 30px; color:#666; }
			#fil_ariane a:link, #fil_ariane a:visited { color:#666; text-decoration:none; }
			#fil_ariane a:hover, #fil_ariane a:active { color:black; text-decoration:underline; }
		#contenu { margin: 0 20px 10px 20px; width:540px; }
		#contenu_full { margin: 10px 0 10px 0px; width:996px; }		
		#contenu a:link, #contenu a:visited { color: #a40b23; /* rouge */ text-decoration: underline; -moz-outline-style: none;}
		#contenu a:hover, #contenu a:active { color: #e76118; /* orange */ text-decoration: underline; }
		#contenu ul { margin:0 10px 0 5px; padding:5px 0 5px 0; color:#666; border-top:dotted thin #999; border-bottom:dotted thin #999; }
		#contenu li { list-style-position: inside; list-style-type: square; }

/* footer */
#footer { margin: 0 auto; width:100%; min-height:125px; color:#cacaca /*gris pale */; background: #222325 url(../images/design/radar-auto-footer.jpg) repeat-x; text-align:center; }
	#footer_fond_credits { margin: 0 auto; width:996px; height:13px; background: url(../images/design/radar-auto-footer-lines-credit.jpg) repeat-x; }
	#credits { float:right; text-align:right; width:560px; font: bold 9px/18px "Arial", "Helvetica", sans-serif; text-transform: uppercase; background: url(../images/design/radar-auto-footer-credits-fond.jpg) repeat-x; }
		#credits a:link, #credits a:visited { color:#cacaca; }
		#credits a:hover, #credits a:active { color:white; text-decoration:none; }
	#refs { margin: 0 auto; width:990px; text-align:center; font: 14px/16px "Arial", "Helvetica", sans-serif; }
		#refs a:link, #refs a:visited { color:#cacaca; }
		#refs a:hover, #refs a:active { color:white; text-decoration:underline; }
		#refs table { font-size:12px; text-align:center; width:100%; }


/*---- Styles spécifiques (contenus) ------------------------------- */
/*----------------------------------------------------------------- */

/* un radar */
.unradar { width:534px; background: url(../images/radar-desc-fond.jpg) repeat-y; }

.radartop { width:534px; height:30px; background: url(../images/design/title-radar-description.jpg) no-repeat; }
.radartop2 { width:534px; height:30px; background: url(../images/design/title-radar-description2.jpg) no-repeat; }

.radartopdep { width:534px; height:30px; background: url(../images/design/title-radar-description-departement.jpg) no-repeat; }
.radardept { float:left; width:205px; height:25px; margin:0 0 2px 20px; text-align:left;
			 font:bold 13px/16px "Arial", "Helvetica", sans-serif; color:white;  }
.radaretat { width:105px; height:25px; margin:0 0 2px 415px; text-align:center;
			 font:bold 13px/16px "Arial", "Helvetica", sans-serif; color:white;  }
.radaretat2 { width:145px; height:25px; margin:0 0 2px 382px; text-align:center;
			 font:bold 13px/16px "Arial", "Helvetica", sans-serif; color:white;  }
.tdradarleft { width:78px; background: url(../images/design/radar-desc-fond-left.jpg) repeat-y left bottom; text-align:center; padding-left:5px; }
.tdradarleft2 { width:78px; background: url(../images/design/radar-desc-fond-left2.jpg) repeat-y left bottom; text-align:center; padding-left:5px; }
.tdradarright { width:456px; background: url(../images/design/radar-desc-fond.jpg) repeat-y right top; }
.tdradarbottom { width:456px; height:45px; background: url(../images/design/radar-desc-fond-bottom.jpg) no-repeat right bottom; }

.tdradarbottommobile { width:456px; height:15px; background: url(../images/design/radar-desc-fond.jpg) repeat-y right top;}

.radarcontenu { padding:6px; padding-top:1px; }
.radarcontenu div { margin-top:2px; margin-bottom:2px; padding-left:5px; }
.radartables { width:444px; }
.radartitre {  height:18px; background: url(../images/design/radar-desc-fond-noir.jpg) repeat-x 0 0; 
			   font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:white; overflow:hidden; }
.radartitre h3 { margin:0; font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:white; }
.radarsensinfo { float:left; width:40px; height:15px; background: url(../images/design/radar-desc-fond-gris.jpg) repeat-x left top; color:#d0d0d0; }
.radarsens {float:left; width:394px; height:15px; background-color:white; color:#535353; }
.radardesc { width:439px; margin:5px 0 5px 0 !important; overflow:hidden; }
.radarremarques { width:439px; margin:5px 0 0 0 !important; }
.radarpkinfo { float:left; width:25px; height:15px; background: url(../images/design/radar-desc-fond-gris.jpg) repeat-x left top; color:#d0d0d0; }
.radarpk {float:left; width:80px; height:15px; background-color:white; color:#535353; }
.radarflashinfo { float:left; width:40px; height:15px; background: url(../images/design/radar-desc-fond-gris.jpg) repeat-x left top; color:#d0d0d0; }
.radarflash {float:left; width:60px; height:15px; background-color:white; color:#535353; }
.radarlocalinfo { float:left; width:75px; height:15px; background: url(../images/design/radar-desc-fond-gris.jpg) repeat-x left top; color:#d0d0d0; }
.radarlocal {float:left; width:134px; height:15px; background-color:white; color:#535353; }
.radarpictoradar { width:70px; margin-bottom:3px; }
.radarpictovitesse { width:70px; height:50px; margin-bottom:20px;}

.typeradarmobile { float:left; width:109px; height:15px; background: url(../images/design/radar-desc-fond-gris.jpg) repeat-x left top; color:#d0d0d0; }
.typeradarmobiletxt {float:left; width:200px; height:15px; background-color:white; color:#535353; }


.btn1 { float:left; margin-left:36px; }
.btn2 { float:left; margin-left:33px; }
.btn3 { float:left; margin-left:32px; }
.btn4 { float:left; margin-left:32px; }
.btn5 { float:left; margin-left:32px; }
.btn6 { float:left; margin-left:32px; }
.ajouter_commentaire { display:block; width:38px; height:38px; background: url(../images/pictos/picto-commentaire-ajouter.png) no-repeat; }
.ajouter_photo { display:block; width:38px; height:38px; background: url(../images/pictos/picto-photo-ajouter.png) no-repeat; }
.modifier { display:block; width:38px; height:38px; background: url(../images/pictos/picto-modifier.png) no-repeat; }
.commentaires { display:block; width:38px; height:38px; background: url(../images/pictos/picto-commentaires.png) no-repeat; }
.commentaires_veille { display:block; width:38px; height:38px; background: url(../images/pictos/picto-commentaires-gris.png) no-repeat; }
.photos { display:block; width:38px; height:38px; background: url(../images/pictos/picto-photos.png) no-repeat; }
.photos_veille { display:block; width:38px; height:38px; background: url(../images/pictos/picto-photos-gris.png) no-repeat; }
.viewmap { display:block; width:38px; height:38px; background: url(../images/pictos/picto-map.png) no-repeat; }
.viewmap_veille { display:block; width:38px; height:38px; background: url(../images/pictos/picto-map-gris.png) no-repeat; }


/* actu des radars*/
.acturadars { width:100%; }
.acturadars_top { width:534px; height:26px; background: url(../images/design/title-radar-actu.jpg) no-repeat; padding-top:11px; text-align:center;  
				  font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:black; overflow:hidden; }
.acturadars_top h2 { margin:0; font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:black; }
.acturadars_news { width:534px; height:62px; background: url(../images/design/fond-actu-radar.jpg) no-repeat; text-align:left;  
				  font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:black; overflow:hidden; }
.acturadars_image { float:left; width:80px; height:40px; margin:10px 0 3px 10px;}
.acturadars_date { float:left; width:425px; margin-top:6px; font:bold 10px/10px "Arial", "Helvetica", sans-serif; color:#575757;  }
.acturadars_txt { float:left; width:425px; height:42px; font:bold 18px/20px "Arial", "Helvetica", sans-serif; color:white; overflow:hidden; }
	.acturadars_txt a:link, .acturadars_txt a:visited { font:bold 18px/20px "Arial", "Helvetica", sans-serif; color:white !important; text-decoration:none !important; }
	.acturadars_txt a:hover, .acturadars_txt a:active { font:bold 18px/20px "Arial", "Helvetica", sans-serif; color:black !important; text-decoration:none !important; }

/* actus (news) */
.actunews { width:534px; }
.actunews_top { width:534px; height:26px; background: url(../images/design/title-actu.jpg) no-repeat; padding-top:11px; text-align:center;  
				  font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:black; overflow:hidden; }
.actunews_top h2 { margin:-6px 0 0; font:bold 14px/30px "Arial", "Helvetica", sans-serif; color:black; }
.actunews_news { width:534px; height:43px; background: url(../images/design/fond-actu.jpg) no-repeat; text-align:left; padding-left:20px; 
				  font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:black; overflow:hidden; }
.actunews_date { width:500px; margin-top:6px; font:bold 10px/10px "Arial", "Helvetica", sans-serif; color:#575757; }
.actunews_txt { width:500px; height:25px; font:bold 16px/20px "Arial", "Helvetica", sans-serif; color:#333; overflow:hidden; }
	.actunews_txt a:link, .actunews_txt a:visited { font:bold 16px/20px "Arial", "Helvetica", sans-serif; color:#333 !important; text-decoration:none !important; }
	.actunews_txt a:hover, .actunews_txt a:active { font:bold 16px/20px "Arial", "Helvetica", sans-serif; color:#999 !important; text-decoration:none !important; }
.actunews > p { padding: 0 5%; }

/* article (page normale) */
.article { width:534px; }
.article_top { width:534px; height:32px; background: url(../images/design/title-article.jpg) no-repeat; padding-top:11px; text-align:center;  
				  font:bold 14px/16px "Arial", "Helvetica", sans-serif; color:white; overflow:hidden; }
.article_top h1 { margin: -6px 0 0; font:bold 14px/30px "Arial", "Helvetica", sans-serif; color:white; }


.prix {font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 24px;}

.blocdetexte {color: white; background-color:#3F3F3F;}
.blocdetexte a:link, .blocdetexte a:visited { color: white !important; text-decoration:none !important;; }
.blocdetexte a:active, .blocdetexte a:hover { color: #ffffff !important;; text-decoration:underline !important;; }

.article { width:100%; }
.article_top_full { width:996px; height:65px; background: url(../images/design/titre_page.jpg) no-repeat; padding-top:18px; text-align:center;  
				  font:bold 20px/24px "Arial", "Helvetica", sans-serif; color:white; overflow:hidden; }
.article_top_full h1 { margin: -6px 0 0; font:bold 14px/30px "Arial", "Helvetica", sans-serif; color:white; }



/* pave radar */
.radar 					{ margin:20px 0; font:14px/20px "Helvetica","Arial",sans-serif; }
.radar , .radar-title 	{ width:100%; }
.radar-title 			{ height:35px; background: white url(../images/design/mobile-title-radar-description.jpg) repeat-x left bottom; }
.radar-title h3.deprt 	{ float:left;  margin:0 0 0 10px; font-size:18px; padding:0 15px; font-weigth:bold; height:30px; line-height:28px;  
	background: rgba(70,70,70,1);
	background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(27,27,27,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(70,70,70,1)), color-stop(100%, rgba(27,27,27,1)));
	background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(27,27,27,1) 100%);
	background: -o-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(27,27,27,1) 100%);
	background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(27,27,27,1) 100%);
	background: linear-gradient(to bottom, rgba(70,70,70,1) 0%, rgba(27,27,27,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#1b1b1b', GradientType=0 ); }
.radar-title .etat { float:right;  margin:8px 10px 0 0; font-size:16px; padding:0 15px; font-style:italic; height:22px; line-height:22px; 
	background: rgba(118,118,118,1);
	background: -moz-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(75,75,75,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(118,118,118,1)), color-stop(100%, rgba(75,75,75,1)));
	background: -webkit-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(75,75,75,1) 100%);
	background: -o-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(75,75,75,1) 100%);
	background: -ms-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(75,75,75,1) 100%);
	background: linear-gradient(to bottom, rgba(118,118,118,1) 0%, rgba(75,75,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#4b4b4b', GradientType=0 ); }
.radar-title .deprt, .radar-title .etat { width:auto; color:white; display: inline-block; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;  }
.radar-body 			{ -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; border: 1px solid #4a4b4b; border-top:none; }
.radar-left 			{ float:left; width:80px; text-align:center; padding-top:20px; }
.radar-left img 		{ width:70px; }
.radar-right 			{ float:right; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:-o-calc(100% - 80px); width:calc(100% - 80px); padding:5px; 
background: rgba(216,217,225,1);
background: -moz-linear-gradient(45deg, rgba(216,217,225,1) 0%, rgba(241,240,240,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(216,217,225,1)), color-stop(100%, rgba(241,240,240,1)));
background: -webkit-linear-gradient(45deg, rgba(216,217,225,1) 0%, rgba(241,240,240,1) 100%);
background: -o-linear-gradient(45deg, rgba(216,217,225,1) 0%, rgba(241,240,240,1) 100%);
background: -ms-linear-gradient(45deg, rgba(216,217,225,1) 0%, rgba(241,240,240,1) 100%);
background: linear-gradient(45deg, rgba(216,217,225,1) 0%, rgba(241,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9e1', endColorstr='#f1f0f0', GradientType=1 );}
.radar-right .radar-emplacement { overflow:hidden; background-color:#4a4b4b; width:100%; height:25px; line-height:25px; color:white; margin:-5px 0 0 -5px; padding:5px 0 5px 10px; text-transform:uppercase; font-size:15px; font-weight:bold; }
.radar-right .sens, .radar-right .pk , .radar-right .flash, .radar-right .localisation { background-color:white; color:313334; height:20px; overflow:hidden; }
.radar-right .label 	{ padding:0 10px; background-color:#505050; color:#c1c1c1; }
.radar-right .sens .label {  }
.radar-right .sens-desc { margin:-5px 0 5px 5px; color:#3f4c56; lien-height:16px; font-size:14px; }
.radar-right .pk 		{ float:left; width:39%; }
.radar-right .flash 	{ float:right; width:59%; height:20px; overflow:hidden; }
.radar-right .localisation { }
.radar-right .remarques { color:#3f4c56; lien-height:16px; font-size:14px; padding-left:5px; margin-top:0; }
.radar-right .remarques .label { color:#505050; background:none; font-size:16px; display:block; font-weight:bold; padding-left:0; }
.radar-right .icones 	{ float:right; }
.icones .icone	{ float:left; width:70px; height:45px; background: url(../images/design/mobile-radar-desc-fond-bottom.png) no-repeat; text-align:center; }
.icones a { margin:7px auto 0; display:inline-block; width:60px; height:30px; }
.icones .comm, .icones .commentaires_veille, .icones .addcomm, .icones .map, .icones .map_veille, .icones .photos, .icones .photos_veille, .icones .addphotos, .icones .modifier { display:block; width:38px; height:38px; }
.icones .comm 	 		{ background: url(../images/pictos/picto-commentaires.png) no-repeat; }
.icones .comm_veille	  { background: url(../images/pictos/picto-commentaires-gris.png) no-repeat; }
.icones .addcomm 		{ background: url(../images/pictos/picto-commentaire-ajouter.png) no-repeat; }
.icones .map			{ background: url(../images/pictos/picto-map.png) no-repeat; }
.icones .map_veille		  { background: url(../images/pictos/picto-map-gris.png) no-repeat; }
.icones .photos			{ background: url(../images/pictos/picto-photos.png) no-repeat; }
.icones .photos_veille	  { background: url(../images/pictos/picto-photos-gris.png) no-repeat; }
.icones .addphotos		{ background: url(../images/pictos/picto-photo-ajouter.png) no-repeat; }
.icones .modifier 		{ background: url(../images/pictos/picto-modifier.png) no-repeat; }
.icones .comm:hover, .icones .comm_veille:hover, .icones .addcomm:hover, .icones .modifier:hover, .icones .map:hover, .icones .map_veille:hover, .icones .photos:hover, .icones .photos_veille:hover, .icones .addphotos:hover	{ background-position:0 -3px; }
.pubright { background-color:#efefef; float:right; height:265px; }

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */
@media (min-width: 996px) { 
.bloc_float_left_desktop {float:left; padding-right:20px;}
.bloc_float_right_desktop {float:right; padding-left:20px;}
.acturoutes a { font-size:20px; padding:0 6px}
.top10index {width:50%;float:left}
.top10indexpub {width:50%;float:left;padding-top:40px}

.bouton_top10 {
	 float:left;
	 margin:10px;
     font-family: Arial,sans-serif;
     font-size: 1.6em;
	 padding-left:10px;
	 padding-right:10px;
     width: 45%;
     height: 43px;
     padding-top: 20px; /*permet le centrage vertical*/
	 background: linear-gradient( #980A22, #A00B28);
	 border-radius: 8px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	 
}


.actu_pub_left { float:left; padding:44px}
.actu_pub_right { float:right; padding:44px}

.nodesktop			{ display:none; }
.nomobile			{ display:auto; }
.nomobilesmall 		{ display:auto; }
#cbp-spmenu-s2 #main_menus { display:none; }
.mobileimage { }
.mobileimageleft { float:left; padding-right:15px }

.imgs_article_liste { padding:0 15px 15px 0 }
.img_article_liste { max-width:350px; }
.img_cat_article_liste { width:60px; }
.titre_article_liste {padding:20px 0 20px 0; }

.bilan_ligne { padding:20px 20px 20px 20px; }

}
/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */

@media (min-width: 10px) and (max-width: 600px) { 
.mobileimage { max-width:600px; height:auto; width:100%; }
}

@media (min-width: 600px) and (max-width: 996px) { 
.mobileimage { max-width:996px; height:auto; width:100%;}
}


/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */
@media (min-width: 10px) and (max-width: 996px) { 

.image_float_mobile(float:left;)
	
.blocpub338x280 {
	float:left;
	padding:5px 0px 15px 0px;
}

.bouton_top10 {
	 margin:10px;
     font-family: Arial,sans-serif;
     font-size: 1.6em;
	 padding-left:10px;
	 padding-right:10px;
     height: 43px;
     padding-top: 20px; /*permet le centrage vertical*/
	 background: linear-gradient( #980A22, #A00B28);
	 border-radius: 8px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	 
}

.bilan_ligne { padding:10px 10px 10px 10px; }

.top10index {width:100%;text-align:center}
.top10indexpub {width:100%;text-align:center}
.iframe_permis {width:100%}
.type_radar_box {height:136px;}

.actu_pub_left { text-align:center; padding:15px}
.actu_pub_right { text-align:center; padding:15px}

.imgs_article_liste { text-align:center; width:100%; padding-bottom:10px }
.img_article_liste {width:100%!important; height:auto!important; max-width:530px; }
.titre_article_liste {padding:0 0 40px 0; text-align:center;}


.nodesktop			{ display:auto; }
.nomobile			{ display:none; }
.nomobilesmall 		{ display:auto; }
body { background:none; min-width:300px!important; font:16px 'Lato',Arial,Helvetica,sans-serif; }

.padding5 { padding: 0 8px; }

.encart_stage_permis {float:none; padding:0 5px; margin-bottom:30px; width:auto;}

.mobileimageleft { text-align:center; }

.annee_bilan { text-align:center }

.opacifier { display:none; opacity:0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
#mast_365 { display:none; }
#header, #header_pub, #main_menus { display:none; min-width:350px; }
#cbp-spmenu-s2 #main_menus { display:block; }
#headermobile { display:block; width:100%; height:114px; min-width:350px; overflow:hidden; background: url(../images/design/headermobile.avif) no-repeat; }
#headermobile #header_logo { float:left; margin:0; width:335px; height:40px; }
#headermobile .logo { display:block; width:255px; height:95px; }

#header_menu, #main_central, #main_central_full, #contenu, #footer_fond_credits, #credits { width:100%; margin:0; }
#header_menu ul { margin:0; padding:0; line-height:13px; } 
#header_menu ul li { float:left; width:17%; list-style-type: none; margin:0; padding:5px 0 0; } 
#header_menu a { display:block; padding:5px 5%; box-sizing:border-box; }
#header_menu img { display:block; height:40px; margin: 0 auto; }
#header_menu span { font:bold 11px/13px "Arial","Helvetica",sans-serif; }

#main, #main_central, #main_full,#main_central_full { background:none; }

.share-google, .share-twitter, .share-facebook, .main_pub { display:none; }
#headermobile #header_menu a:link, #headermobile #header_menu a:visited { color: white; text-decoration:none; }
#headermobile #header_menu a:active, #headermobile #header_menu a:hover { color: #f0b055/*jaune*/; text-decoration:none; }
#headermobile #header_search { width:600px; background: url(../images/design/radar-auto-search.jpg) repeat-x; margin:0 0 0 30px; padding:2px 0px 0 0px; text-align:center; }

#main, #main_full, #main_central_full, .article_top, .actunews_top, .radartopdep, #contenu table, #contenu_full { width: 100% }
.acturadars, .acturadars_top, .acturadars_news, .acturadars_date,.acturadars_txt { width: 100% }
.actunews { box-sizing:border-box; }
.actunews, .actunews_news, .actunews_date, .actunews_txt { width:100%; }
.acturadars_date, .acturadars_txt { float: left; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); }

.radar { margin:20px 10px; width:calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); }

.acturadars_news { background: rgba(0, 0, 0, 0) url("../images/design/mobile-fond-actu-radar.jpg") no-repeat scroll 3px 0; margin:5px 0; width: -moz-calc(100% -83px); width: -webkit-calc(100% -83px); width: calc(100% -83px); }
.acturadars_top { background: rgba(0, 0, 0, 0) url("../images/design/mobile-title-radar-actu.jpg") repeat-x scroll 0 0; }
.actunews_top 	{ background: rgba(0, 0, 0, 0) url("../images/design/mobile-title-actu.jpg") repeat-x scroll 0 0; }
.article_top 	{ background: rgba(0, 0, 0, 0) url("../images/design/mobile-title-article.jpg") repeat-x scroll 0 0; }

.actunews_news {  background: rgba(0, 0, 0, 0) url("../images/design/mobile-fond-actu.jpg") no-repeat scroll 2px 0; margin:5px 0; }

.actunews, .acturadars { margin-bottom:10px; }
.actudepartements a, .acturegions a, .actucommunes a, .acturoutes a { background-color: #efc255; font-size: 16px; line-height: 35px; padding: 5px 10px; text-decoration: none !important; white-space: nowrap; }

#credits { text-align:center; }
#footer { background-color: #222325; height: 50px; }
#refs { margin: 0 auto; width:90%; }

#fil_ariane	{ color:#bdc5cb; display:block; width:100%; height:20px; line-height:20px; padding:0 10px; box-sizing:border-box; margin:0 auto; overflow:hidden; background: url(../images/design/headermobile.avif) no-repeat center -135px; }
#fil_ariane	 a:link, #fil_ariane a:visited { color:#bdc5cb; }
#fil_ariane	 a:hover, #fil_ariane a:active { color:white; }

#main_menus { display:none; min-width:350px; background: url(../images/design/menu-mobile-background.jpg) no-repeat 0 0; }

.menu { background: url(../images/design/radar-auto-menu-background-m.jpg) repeat-y; }
.menu_top { width:272px; height:49px; background: url(../images/design/radar-auto-menu-header-m.jpg) no-repeat; }
.menu_bottom { width:272px; height:24px; background: url(../images/design/radar-auto-menu-footer-m.jpg) no-repeat; }
.td-emplacements { text-align: center; }

.videomobile { width:100%!important; height:auto!important; } 
.gmapmobile { width:100%!important; }
.pubright { float:none; }

}
/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */


/*--------------------------------
MENU RESPONSIVE (slide and push)
---------------------------------*/
.toggle  	{ display: none; float:right; z-index: 950; }
@media only screen and (max-width: 996px) {
.toggle { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
background: none repeat scroll 0 0 #2b2b2b; width:80px; height:30px; margin:5px -1px 0 0; padding:7px 10px; text-align:center;
color: #ffffff; display: block;  -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;  box-sizing: border-box;
-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; font:16px "Arial","Helvetica",sans-serif; 
-o-transition: all 0.5s linear; transition: all 0.5s linear;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.toggle span::before	{ font:16px "Arial","Helvetica",sans-serif; content: "III"; padding-right:3px; color:#6e6a5a; }
.ow_main_menu 		{ width:100%; position:absolute; right:0; margin-top:40px;   margin-bottom: 30px; background-color:#2b2b2b; padding-top:5px;}
.cbp-spmenu-vertical{overflow-y: auto;}
.ow_main_menu > li 	{ display:block; width:100%; margin:0; padding:5px 0; text-align:left; }
.ow_main_menu li:first-child { display: block; }
.ow_main_menu li:last-child { margin-bottom: 0; }
.ow_main_menu li a:link, .ow_main_menu li a:visited { display: block; width: 100%; height:auto; padding:10px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:white; text-shadow:none; background-color:transparent; }
.ow_main_menu li a:hover, .ow_main_menu li a:active { background-color:#45413c; border-radius:0;}

/* CLASSIE (menu slide & push) */
.cbp-spmenu { background: #2b2b2b; position: fixed; }
.container { float: right; margin-top:-114px; }
.cbp-spmenu-vertical { width: 290px; height: 100%; top: 0; z-index: 1000; }
.cbp-spmenu-right { right: -290px; }
.cbp-spmenu-right.cbp-spmenu-open { right: 0px; }
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toleft { left: -290px; }
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.cbp-spmenu-push-toleft .opacifier { display:block; opacity:0.7; width:100%; height:100%; background-color:black; position:fixed; top:0; left:0; z-index:900; content:"."; }
}


/* -- - - - - - - corrections header petites définitions - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */
@media (min-width: 10px) and (max-width: 420px) {
	.nomobilesmall { display:none; }
	.bilan_ligne { padding:10px 10px 10px 10px; }
	#headermobile { background: url(../images/design/headermobilesmall.avif) no-repeat; }
}

/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */