@charset "utf-8";

@font-face {
font-family: 'icomoon';
src:    url('font/icomoon.eot?9ec6nx');
src:    url('font/icomoon.eot?9ec6nx#iefix') format('embedded-opentype'),
        url('font/icomoon.ttf?9ec6nx') format('truetype'),
        url('font/icomoon.woff?9ec6nx') format('woff'),
        url('font/icomoon.svg?9ec6nx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Noto Sans';
src: url('font/notosans.eot');
src: url('font/notosans.eot?#iefix') format('embedded-opentype'),
     url('font/notosans.woff2') format('woff2'),
     url('font/notosans.woff') format('woff'),
     url('font/notosans.ttf') format('truetype'),
     url('font/notosans.svg#Noto Sans') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-home:before { content: "\e900"; }
.icon-phone:before { content: "\e901"; }
.icon-repondre:before { content: "\e905"; }
.icon-forum:before { content: "\e902"; }
.icon-adherent:before { content: "\e906"; }
.icon-plus:before { content: "\e907"; }
.icon-switch:before { content: "\e908"; }
.icon-google:before { content: "\e903"; }
.icon-facebook:before { content: "\e904"; }


html {overflow-y: scroll; } 

*,*:before,*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

@-moz-document url-prefix() { 
/*select {
color: transparent !important;
text-shadow: 0 0 0 #000 !important;
}*/
}

img { border:none; }

body, table {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
}

html, body {
margin:0;
padding:0;
height:100%;
border:none;
font-family:Noto Sans, Verdana, Arial, Helvetica, sans-serif;	
/*font-family: Lora, serif;*/
font-size:16px;
line-height:1.5em;
}

body {
background-color:#fff;
color:#555;
min-height:100vh;
display:flex;
flex-direction:column;
}

.container {width:100%;max-width:1300px;margin:0 auto;padding:16px;margin-top:10vh; }
#header { width:100%;position:fixed;padding:20px;text-align:center;}
#footer { width:100%;margin-top:auto;padding:10px;text-align:center;background:#F7F7F7;}

h1,h2,h3,h4,h5,h6 { margin-bottom:21px; }
h1 { font-size:1.5em; }
h2 { font-size:1.325em; }
h3 { font-size:1.25em; }
h4 { font-size:1.125em; }
h5,h6 { font-size:1em; }

.clearfix { 
float:none;
clear:both;
overflow: hidden;
}

.no_select { 
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.flex {
display: flex;
height:495px;
gap:1em;
}

/* Couleur de selection */
::-moz-selection {
background-color:#329CD2;
color:#fff;
}
::-webkit-selection {
background:#329CD2
color:#fff;
}
::selection {
background-color:#329CD2;
color:#fff;
}

::-webkit-input-placeholder { color:#7A7A7A; font-style:italic; }
:-moz-placeholder { color:#7A7A7A; font-style:italic; }
::-moz-placeholder { color:#7A7A7A; font-style:italic;}
:-ms-input-placeholder { color:#7A7A7A; font-style:italic; }

.erreur { color:#D90000; }

.no_erreur { color:#008000; }

a {
text-decoration : none;
color:#555;
outline: none;
noFocusLine:expression(this.onFocus=this.blur());
}
		
a:hover{
text-decoration:none;
color:#329CD2;
}

#current, #current2 {
line-height:20px;
border-bottom:2px solid #329CD2;
}

#current_home {
color:#329CD2;
line-height:20px;
}


*:focus{
outline:none;
} 

:focus { outline:none; }
::-moz-focus-inner { border:0; }

.tronque {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;  
-o-text-overflow: ellipsis;
}

.ombre {
border: 1px solid #ddd; 	
-webkit-box-shadow:0px 0 5px #ccc;
-moz-box-shadow:0px 0 5px #ccc; 
box-shadow:0px 0 5px #ccc;	
}

.ombre2 { position:relative; }
.ombre2:before, .ombre2:after {
content:"";
position:absolute; 
z-index:-1;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
box-shadow:0 0 10px rgba(0,0,0,0.2);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}

.ombre3 {
-moz-box-shadow: 0px 40px 40px -30px #333;
-webkit-box-shadow: 0px 40px 40px -30px #333;
-o-box-shadow: 0px 40px 40px -30px #333;
box-shadow: 0px 40px 40px -30px #333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=30);
}

.hoverTable tr { background: #eee;}
.hoverTable tr:hover { background-color: #fff; }

.bull {
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%; 
}

.cookie_bar{
position:fixed;
left:0;
right:0;
bottom:0;
padding:10px;
background-color: rgba(0,0,0,0.8);
border-top:1px solid #000;
color:#fff;
font-size:.9em;
text-align:center;
z-index:200;
}

.cookie_bouton { 
display:inline;
margin-left:15px;
background-color: rgb(50,156,210);
padding:2px 10px;
cursor:pointer;
font-size:13px;
}

.cookie_bouton:hover { 
background-color:#2C8DC2;
}

/***************************************************************************

***************************************************************************/
label {	
float: left;
width: 100px;
font-size: 14px;
color: #555; 
margin: 6px 0 0 0;
}

form { 
float: left;
border: 1px solid #ddd; 
padding: 25px 20px 5px 20px; 
margin: 5px 0 0 0;
background: #F7F7F7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 		
-webkit-box-shadow:0px 0 5px #ddd;
-moz-box-shadow:0px 0 5px #ddd; 
box-shadow:0px 0 5px #ddd;	
font-size: 14px;		
}	

input, textarea, select,button { 		
padding: 5px; 
margin: 2px 0 8px 0; 
background-color: #fff; 
color: #555; 
border: 1px #ddd solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 		
-webkit-box-shadow: 0px 0px 1px #ddd;
-moz-box-shadow: 0px 0px 1px #ddd; 
box-shadow: 0px 0px 1px #ddd;
resize: none;
font-family:Noto Sans, Verdana, Arial, Helvetica, sans-serif;	
/*font-family: 'Lora', serif;*/
font-size: 14px;
outline: none;
}

label, form { font-family:Noto Sans, Verdana, Arial, Helvetica, sans-serif; }

select { height:31px; }

.no_shadow { 
-webkit-box-shadow: 0px 0px 0px #fff;
-moz-box-shadow: 0px 0px 0px #fff; 
box-shadow: 0px 0px 0px #fff;
border:none;
}

/*------------------------------------------------------------------------------------*/
.bout, .bout:visited  {
display: inline-block;
background-color:#329CD2;
color: #fff;
text-decoration: none;
text-align:center;
font-size:14px;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height:18px;
vertical-align: middle;
margin-top:5px;
border:none;
width:100px;
}

.bout:hover	{ 
background-color:#2C8DC2; 
color: #fff; 
line-height:18px;
vertical-align: middle;
}

.radius {
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}

.pola {
padding:5px;
border:1px solid #ddd;
background:white;
text-align:center;
-webkit-box-shadow:0px 0 5px #ccc;
-moz-box-shadow:0px 0 5px #ccc; 
box-shadow:0px 0 5px #ccc;	
}

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


.ZebraDialog { width: 450px; z-index:1000; border:5px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ZebraDialog, .ZebraDialog .ZebraDialog_Title, .ZebraDialog .ZebraDialog_Body, .ZebraDialog .ZebraDialog_Buttons a { margin: 0; padding: 0; text-align: left; }
.ZebraDialog .ZebraDialog_Title { font-weight: bold; font-size:14px; color: #555; background: #C71818; color:#fff; padding: 12px 15px; vertical-align: middle;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ZebraDialog .ZebraDialog_BodyOuter { /*background: #FFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);*/ }
.ZebraDialog .ZebraDialog_Body { color: #44484A; padding: 40px;font-size:14px; color: #666; }
.ZebraDialog .ZebraDialog_ButtonsOuter { background: #fff; padding: 0 5px 20px 10px; }
.ZebraDialog .ZebraDialog_Buttons:before, .ZebraDialog .ZebraDialog_Buttons:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size:0; }
.ZebraDialog .ZebraDialog_Buttons:after { clear: both }
.ZebraDialog .ZebraDialog_Buttons { *zoom: 1;font-family:Noto Sans, Verdana, Arial, Helvetica, sans-serif; }
.ZebraDialog .ZebraDialog_Buttons a { color: #fff; padding: 15px 15px; background-color:#9E6BA9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;	
text-indent:0; display:inline-block; color:#fff; font-size:14px; font-style:normal; line-height:0; width:100px; text-decoration:none; text-align:center;
 border:none; }
.ZebraDialog .ZebraDialog_Buttons a:hover { background-color:#2C8DC2; }
.ZebraDialog a.ZebraDialog_Close { position: absolute; right: 6px; top: 0px; text-decoration: none; font-weight: bold; font-size: 2em; color: #fff; }
.ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close { color: #fff; }
.ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close:hover { color: #fff; }
.ZebraDialogOverlay { background: #000; filter: alpha(opacity=60); height: 100%; left: 0; -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: alpha(opacity=60); opacity: 0.6;
position: absolute; top: 0; width: 100%; z-index: 1000; }
.ZebraDialog .ZebraDialog_Body { overflow: auto; }
.ZebraDialog .ZebraDialog_Icon { background-repeat: no-repeat; background-position: 30px 40px; padding-left: 124px; min-height: 64px; _height: 64px; }
.ZebraDialog .ZebraDialog_Confirmation  { background-image: url('confirmation.png') }
.ZebraDialog .ZebraDialog_Error         { background-image: url('error.png') }
.ZebraDialog .ZebraDialog_Information   { background-image: url('information.png') }
.ZebraDialog .ZebraDialog_Question      { background-image: url('question.png') }
.ZebraDialog .ZebraDialog_Warning       { background-image: url('warning.png') }
.ZebraDialog .ZebraDialog_Buttons a { white-space: nowrap; text-align: center; text-decoration: none; display: inline-block; margin-right: 5px; min-width: 60px; float: right;
-width: 60px; background-color:#329CD2; }
.ZebraDialog_Body a { border:none; text-decoration:none; font-weight:bold; font-size:1.2em; color:#EB5314; }
.ZebraDialog_Body a:hover { border:none; text-decoration:none; font-weight:bold; color:#329CD2; }
.ZebraDialog .ZebraDialog_Buttons_Centered .ZebraDialog_Buttons { display: table; margin: 0 auto; text-align: center; }
.ZebraDialog .ZebraDialog_Buttons_Centered a { zoom: 1; *display: inline; }
.ZebraDialog .ZebraDialog_Preloader { height: 32px; background: url('preloader.gif') no-repeat center center; }

.dial_rouge .ZebraDialog_Title { background: #C71818; } 
.dial_vert .ZebraDialog_Title { background: #329CD2; } 
.dial_bleu .ZebraDialog_Title { background: #329CD2; } 

.ZebraDialog { 
background: #FFF;
-moz-box-shadow: 0px 2px 8px 0px #656565;
-webkit-box-shadow: 0px 2px 8px 0px #656565;
-o-box-shadow: 0px 2px 8px 0px #656565;
box-shadow: 0px 2px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=8); 
font-family:Noto Sans, Verdana, Arial, Helvetica, sans-serif;	
}

#francemap path { /*transition: fill 0s; /*, stroke 0.3s; }*/ }
#francemap path:hover { fill: #329CD2; /*stroke: #B4B4B4;*/ }
  
.jqvmap-label {
position: absolute;
margin-left:100px;
display: none;
border:2px solid #329CD2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #F7F7F7;
color: #333;
font-size:.9em;
width:200px;
text-align:center;
padding: 3px;
}

.jqvmap-zoomin, .jqvmap-zoomout {
position: absolute;
left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #000000;
padding: 3px;
color: white;
width: 10px;
height: 10px;
cursor: pointer;
line-height: 10px;
text-align: center;
}

.jqvmap-zoomin  { top: 10px; }
.jqvmap-zoomout { top: 30px; }
.jqvmap-region { cursor: pointer; }
.jqvmap-ajax_response {
width: 100%;
height: 500px;
}

hr { height:1px; color:#329CD2; background-color:#329CD2; border: none; } 

.td_foot img { display:initial; }