@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans-Regular.ttf') format('truetype')
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/OpenSans-Italic.ttf') format('truetype')
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/OpenSans-Bold.ttf') format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/OpenSans-BoldItalic.ttf') format('truetype')
}

html{font-family: 'Open Sans',arial;font-size:1.05em;box-sizing: border-box ;-moz-box-sizing: border-box ;}
*,*:before,*:after {-moz-box-sizing: inherit;box-sizing: inherit;}
body{	padding:0;margin:0;background:#f3f3f3}
img{border:0}
ul{list-style-type: none;padding: 0;margin:0}
ul li{color:#666;list-style-type: none;;margin:0}
ol li{margin:9px 0}
select{padding:5px; border-radius:2px; overflow: hidden; background:  #fff; border: 1px solid #000;}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right:.2em;
	fill: currentColor;
}

/* HEADER */
#page{width:1200px;margin:0 auto;background:#fff;box-shadow:0px 0px 3px 2px rgba(1, 1, 1, 0.2);}
#header{display:table;width:100%;margin:0 auto;padding:20px 0 0 ;background:#fff;}
#leftbox{display:table-cell;vertical-align: bottom;font-weight:100;color:#004494;width:630px;}
#leftbox a{margin-left:47px;color:#555;font-size:.95em;display:inline-block;width:auto;text-decoration:none}
#leftbox a span{
	color:orange;font-size:.9em;font-weight:bold}
#leftbox a:hover span{
	text-decoration: underline;
	}
#leftbox a:hover{color:#000;transition: color 1s}
img#logo{width:170px;height:55px;margin-left:15px;display:block;}
#rightbox {display:table-cell;text-align:right;padding-right:15px}
#cse-search-button,#cse-search-box label {display:none;}
#searchbox input#query {font:normal 16px/21px  'Open Sans',arial,Helvetica,sans-serif; padding:4px 4px 4px 24px; color:#888; height:21px; margin:0; vertical-align: bottom; background:#ffffff url(images/btn-search.png) 3px no-repeat; border-radius:3px; width:200px; border:1px solid #cecece;height:2em;margin-top:10px; }
#searchbox input.valid {border:0; background:#F8F8F8; font:normal 11px/25px Tahoma,arial,Helvetica,sans-serif; color:transparent; height:25px; padding:4px; margin:0; vertical-align: bottom; display:none; }

#marianne{float:left;margin:0 0 10px 20px;}

/* ----- Rubriques par situation ----- */

#rubriques{width:100%;margin:0 auto;background:#075DC4;border:1px solid #fff}
.case{display: table-cell;  width:18%; padding: 15px 10px; text-align:center;vertical-align:top}
.case:hover{background:#006cf1;box-shadow:0px 0px 3px 2px rgba(1, 1, 1, 0.1)}
.case.last{border-right:none}
.case h2{font-size:1em;font-weight:500;text-transform: uppercase;color:#004494;margin:0;color:orange}
.case img{display:block;margin:0px auto 10px;height:75px;width:auto;border-radius:100px;}
.case a {color:#004494;text-decoration:none;color:orange}
.case a:hover {text-decoration: underline}
.case li{display:inline;color:#fff;padding:0;margin:0;}
.case li strong{font-weight:500}
.case li a{text-decoration:none;color:#fff;}

/* ----- GENERAL LAYOUT ----- */

#paves h2{font-weight:400;text-transform: uppercase;font-size:1.1em;text-align:center; margin:10px 0 0;padding:8px 0 0; color:#900E0E;font-weight:500}
#paves h2 a{color:#900E0E;text-decoration:none;border-bottom:1px solid #ddd;}
#paves h2 a:hover{border-bottom:1px solid #666;}
.pave{overflow:hidden;}
#cola{width:75%;float:left;border-right:1px solid #D0E2F6}
#colb{width:25%;float:right;}
.clear{clear:both;}

/* ----- QUESTIONS-REPONSES ----- */
#pave-faq{width:45%;float:left;height:600px;border-right:1px solid #D0E2F6;}
#liste-themes{margin:0 0 9px;height: 554px; overflow: hidden;overflow-y:scroll; position: relative; width:100%; }
#liste-themes ul{overflow-x: hidden; overflow-y: auto; margin:0; padding:0 5px;}

#liste-themes:hover {overflow-y:scroll}
#liste-themes a {display: block;font-size:1em;color:#414856;padding: 0.5em 5px;font-weight:500;text-decoration:none}
#liste-themes a:hover{background:#efefef;color:#000}
#liste-themes a::before { content: '';
	padding-left:1.2em;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 1024 1024' preserveAspectRatio='xMidYMid meet'><path d='M354.744 706.744l90.512 90.512 285.254-285.256-285.256-285.254-90.508 90.508 194.744 194.746z' stroke-width='1'/></svg>");
  background-size:90%;
  background-position:center;
}
#liste-themes li.vermas {}
#liste-themes li.vermas a{padding:5px 10px ;cursor:pointer;background:#f6f6f6;border:1px solid #e0e0e0;border-radius:5px;text-align:center}
#liste-themes li.vermas a:hover{background:#ececec;}
#liste-themes li.vermas a::before{background: 0;padding:0;}
/* ----- FICHES PAYS ----- */
#pave-pays{width:55%;float:right;height:600px;background:#fafcfe;}
#map-container{padding:0;margin:10px 20px 10px 20px;background:#075DC4;background-image:url(images/jmap-coul.png);
	background-size:cover;background-position:center center;
	color:#fff;border-radius:7px }
#map-container h3{ font-weight:200;text-transform: none; font-size: 1.5em;margin:0;padding:8px 0 4px; color:#fff;border-radius:7px 7px 0 0; text-align: center; background:#0544A1}
#liste-pays{width:100%;vertical-align:top;}
#liste-pays ul{height:320px;overflow-y:hidden;margin:7px;}
#liste-pays ul:hover{overflow-y:scroll}
#liste-pays li a{text-decoration:none;display:block;padding:5px 15px;color:#222}
#liste-pays li a:hover{cursor:pointer;color:#fff;background:#666}
#liste-pays li a.rgt:hover{background:#258DC8;}
#liste-pays li a.co:hover{background:#CF00E1;}
#liste-pays li a.bi:hover{background:#949938;}
#liste-pays a.rgt{color:#258DC8}
#liste-pays a.bi{color:#949938}
#liste-pays a.co{color:#CF00E1}
#map{width: 100%; height: 200px;}
#infos-pays,
#bt-close,
.big circle,
.big .jvectormap-legend,
.big .jvectormap-zoomin,
.big .jvectormap-zoomout,
.big #liste-pays,
.big #map
{ display:none }
.big #bt-close{float:right;cursor:pointer;display:inline-block; line-height: 26px;height:26px;width:26px;border-radius:7px; text-align:center;color:#ED970E;font-size:14px;font-weight: 600;margin:5px;}
.big #bt-close:hover{background: #D24545;color:#fff}
.big path{fill-opacity:0.3}
.big path#focused{stroke: #444;stroke-width:.5;fill-opacity:1}
.big #infos-pays{display:block;margin:0;height:530px;width:100%}

.fiche-content{overflow-y:auto;height:475px;padding:7px 7px 0 15px;margin-right:4px;margin-top:5px;}
.fiche-content ul li{margin:0;padding:0;list-style: disc;color:#fff;margin-left:18px}
.fiche-content ul  ul li{margin:2px;padding:0;list-style: none;color:#fff;margin-left:28px;font-size:.9em}
.fiche-content ul  ul {margin-bottom:18px;margin-top:5px}

.fiche-content h4{font-weight:600;color:#ED970E;display:block;padding-top:10px;margin:5px 0;font-size:1em}
.fiche-content a{color:#fff;text-decoration: none;border-bottom:1px solid #888}
.fiche-content a:hover{border-bottom:1px solid #fff}

/* JVECTORMAP */
svg {touch-action: none;} .jvectormap-container {width: 100%;height: 100%;position: relative;overflow: hidden;touch-action: none;border:1px solid #999;} .jvectormap-tip { position: absolute; display: none; padding: 3px; border-radius: 7px; background: #444; background: rgba(5, 5, 25, .6); color: white; font-family: Arial; padding: 5px 15px; font-size:20px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {position: absolute;left: 10px;border-radius: 3px;background: #292929;padding: 3px;color: white;cursor: pointer;line-height: 10px;text-align: center;box-sizing: content-box;} .jvectormap-zoomin, .jvectormap-zoomout {width: 10px;height: 10px;} .jvectormap-zoomin {top: 10px;} .jvectormap-zoomout {top: 30px;} .jvectormap-goback {bottom: 10px;z-index: 1000;padding: 6px;}  .jvectormap-legend{display:none;} .jvectormap-legend-title {font-weight: bold;font-size: 14px;text-align: center;} .jvectormap-legend-cnt {position: absolute;} .jvectormap-legend-cnt-h {bottom:0;right:0;} .jvectormap-legend-cnt-v {bottom:0;right:0;} .jvectormap-legend {color: #000;border-radius: 3px 0 0 0;opacity:1} .jvectormap-legend-cnt-h .jvectormap-legend {float: left;margin: 0 ;padding: 0px 5px 0px;} .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {float: left;} .jvectormap-legend-cnt-v .jvectormap-legend {margin: 10px 10px 0 0;padding: 3px;} .jvectormap-legend-cnt-h .jvectormap-legend-tick {width: 40px;} .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {height: 15px;} .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {height: 16px;width: 8px;display: inline-block;vertical-align: middle;} .jvectormap-legend-tick-text {font-size: 12px;} .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {text-align: center;} .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {display: inline-block;vertical-align: middle;line-height: 20px;padding-left: 3px;} .jvectormap-legend-inner {margin-bottom: 3px;} .jvectormap-legend-cnt-h .jvectormap-legend-tick {width: auto;margin-right: 30px;} .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {display: inline-block;vertical-align: middle;line-height: 13px;margin-left:4px} .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {width: 16px;height: 16px;display: inline-block;vertical-align: middle;}



/* ----- NOS PUBLICATIONS ----- */
#pave-publications{width:100%;clear:left;height:285px;background:#fff;border-top:1px solid #E2EDF9;text-align:center;}
#pave-publications img{margin:20px 30px 0 30px;box-shadow: 0px 0px 2px 1px #AAA}
#pave-publications img:hover{box-shadow: 1px 1px 4px 2px #AAA}

/* ----- CARROUSEL ----- */
#carrousel{color:#fff;background:#efefef;width:90%;height: 180px;margin:10px auto ;border-radius:0; overflow:hidden; border:1px solid #ccc;border-radius:5px;}
#carrousel p{width:auto;margin:0;padding:0;background-position:center center;background-repeat: no-repeat;height: 150px;overflow: visible;}
#carrousel a{color:inherit;text-decoration: inherit;display:block;height: 145px;overflow: visible;}
		img.focus-3x2 {display:block;width:268px;height:auto}
		img.focus-4x1 {display:none}


#carrousel span{display:inline-block;border:1px solid #fff;padding:3px 6px;font-size:.8em}
#carrousel span.selected{background:#517EEE }
#nav{text-align:left;clear:left;margin: 0;}
#nav span{ width:20px; height:20px; line-height:12px; padding:5px; margin-left:15px; text-align:center; background:#4878EF; font-weight:bold; font-size:14px; border:0; color:#96B1F5; border-radius:15px; cursor:pointer; text-decoration:none; }
#nav span.over{background:#CB4B0D;opacity:1;color:#fff} .hidden{display:none}

/* ----- TWITTER ----- */
#pave-tweets{padding-bottom:5px;}
#pave-tweets h2::before{
	content: '';
	padding-left:1.4em;
	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 1024 1024' preserveAspectRatio='xMidYMid meet'><path d='M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z' stroke-width='1' fill='rgb(29,161,242)'/></svg>") no-repeat;
  background-size:90%;
  background-position:center;
}

#tweets{height:270px;overflow-y: scroll;margin-top:1px;padding:7px;}
#tweets{overflow-y:hidden;}
#tweets:hover{overflow-y:auto;margin-right:0}

/* ----- VEILLE JURIDIQUE ----- */

#pave-veille a{color:#258DC8;text-decoration: none}
#pave-veille ul{height:470px;overflow-y:hidden;font-size:.9em }
#pave-veille ul:hover{overflow-y:auto; }
#pave-veille ul li{padding:5px 15px}
#pave-veille ul li a:hover{text-decoration: underline}
a.bouton{ display:block; text-decoration:none; text-align: center;font-weight:400;color:#333;border:1px solid #ddd;padding:15px;margin:15px;border-radius: 5px;background:#fafafa}
a.bouton:hover{background:#f6f6f6;color:#000;text-decoration:underline;}


/* ----- FOOTER ----- */
#footer{background:#0057C0; clear:both; color:#fff;  padding:25px 0; text-align:center; width:100%; margin:0 auto; border-top:4px solid #FAB633; background-image:linear-gradient(to top, #0050AB 0%,#0057C0 100%); }
#footer h1{color:#fff;font-weight:300;font-size:1.25em;margin:0}
#footer p{width:auto;margin:0 auto 5px;text-align:center;max-width:100%;padding:0 25px}
#footer small{display:none;}
#footer a{
	color:#FEB932;
	font-weight:bold;
	text-decoration:none;
	margin:0 8px;
}
#filrss{background:url(images/rss.png) 2px center no-repeat;padding-left:18px}
#twitter{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 1024 1024' preserveAspectRatio='xMidYMid meet'><path d='M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z' stroke-width='1' fill='rgb(29,161,242)'/></svg>") 2px center no-repeat;padding-left:24px}


/* XL : Ecran HD */
@media only screen  and (min-width : 1360px)  {#page{margin:0 auto;width:1340px;}
#pave-veille{height:570px;}
	#veille ul{height:450px;}
		img.focus-3x2 {display:block;width:300px;height:auto}
		img.focus-4x1 {display:none}
	#carrousel{height: 202px;}
	#carrousel a{height: 167px;}
	#carrousel p{height: 172px;}
}

 /* M : Tactile, tablettes, laptop */
@media only screen  and (max-width : 1199px)  {
	#page,#cola{width:100%;}
	#cola2{margin-right:180px;}
	.case li{font-size:.9em}
	.case img{width:65px;height:auto;}

	#pave-faq,#pave-pays{width:50%;float:left;background:#fff;border-right:1px solid #aaa}

	#pave-publications{float:right;width: 170px;clear: right;height:auto;border:0}
	#pave-publications img{width:130px;margin:10px auto}

	#colb{padding:0;margin:1px 0 0 0;width:100%;border:0;border-top:1px solid #ccc}
	#pave-carrousel,#pave-tweets,#pave-veille{width:50%;float:left;height:300px;border:0}
	#colb1{width:322px;display:table-cell}
	#colb2{width:auto;display:table-cell}
	#pave-carrousel	{width:100%;}
	#tweets,#carrousel p{height:246px}
	#pave-veille ul{height:205px;}
	#pave-veille a.bouton{margin:7px 15px ;padding:7px}

	#carrousel{margin:15px auto 2px;height:245px;background:#fff;border:0;border-radius:0;}
	#pave-veille,#pave-tweets{border-left:1px solid #aaa}
	#carrousel a{height: 198px;}
	#carrousel p{height: 197px;}
	#nav{margin:10px 0px 0 0;text-align:center}
	img.focus-3x2 {display:block;width:290px;}
	img.focus-4x1 {display:none}
	#liste-pays ul{overflow-y:scroll}

}
@media only screen  and (max-width : 840px)  {
	#searchbox input#query {width:120px}
	
}

/* Linearisée : smartphones, tactiles */
@media only screen  and (max-width : 780px)  {
	#map-container,a#baseline{display:none}

	#paves #pave-faq,#paves #pave-pays{height:150px;}
	#liste-themes ul,#liste-pays ul{height:96px;overflow-y:auto;margin:0 5px;background:#f8f8f8}
	#liste-themes li,#liste-pays li{padding:5px}
	#liste-themes a,#liste-pays li a{display:inline}
	#liste-themes a:hover{background:inherit}
	#page{background:#eee}
	#header{padding-bottom:10px;}
	#rightbox{width:auto}
	#searchbox input#query {width:100px}
	.case{display:block;text-align:left;padding:15px;width:100%;border-bottom:1px solid #0063DA;}
	.case.last{border:0}
	.case ul{display:block;margin-left:59px}
	.case img{float:left;width: 50px;margin:0 10px 0 0}
	#cola,#cola2{margin:0;width:100%;padding:0;border:0;}
	#colb{border:0;float:none}
	#paves .pave{width:100%;height:auto;margin:10px 0;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:1px 1px 3px 1px rgba(1, 1, 1, 0.1)}
	#pave-publications img{height:100px;width:auto;margin:0 10px 10px 10px}
	#pave-carrousel{width:100%;height:auto;padding:0 5px 5px;}
	#carrousel{height:auto;width:100%;border:0;background:#fff}
	#carrousel a,#carrousel p{height:auto}
	#nav{margin:3px;text-align:center }
	#pave-veille {height:auto}
	#paves,#colb1,#colb2 {display:block;padding:5px;margin:5px;width:100%}
	#paves{margin:0}
	#paves h2{margin:5px 0 10px}
	img.focus-3x2 {display:none}
	img.focus-4x1 {display:block;width:100%;height:auto}
	#colb1,#colb2{margin:0;padding:0}
}
@media only screen  and (max-width : 480px)  {
	#pave-publications img{height:80px;width:auto;margin:10px}
	#marianne{display:none}
}