@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

 
@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}


html {
	margin:0;
    padding:0;
	background: url(images/fond.jpg) no-repeat center fixed;  
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;    /* dimension page centrale */
    overflow-y : scroll; 
}

/* 	neige */
.i-large,
.i-medium,
.i-small {
	position : absolute ;
	top: 0; right: 0; bottom: 0; left: 0;
}
 
.i-large {
	background: url(images/particules_large.png) repeat 0px 0px;
	-webkit-animation: dropFlowParticles 2s linear infinite;
	     -o-animation: dropFlowParticles 2s linear infinite;
	        animation: dropFlowParticles 2s linear infinite;
z-index: -15;
}
.i-medium {
	background: url(images/particules_medium.png) repeat 0px 0px;
	-webkit-animation: dropFlowParticles 12s linear infinite;
	     -o-animation: dropFlowParticles 12s linear infinite;
	        animation: dropFlowParticles 12s linear infinite;
z-index: -16;
}
.i-small {
	background:url(images/particules_small.png) repeat 0px 0px;
	-webkit-animation: dropFlowParticles 27s linear infinite;
	     -o-animation: dropFlowParticles 27s linear infinite;
	        animation: dropFlowParticles 27s linear infinite;
z-index: -17;
}

/* 	ombre sur image */
.ombre-img {
position: -webkit-sticky;
position: sticky;       
-webkit-filter: drop-shadow(8px 8px 10px #222 );
  filter: drop-shadow(8px 8px 10px 0 #737373);
}

/* 	relief sur texte */
.hit-the-floor-rouge {
  color: #ff000c;
  text-shadow: 
  0 1px 0 #cc0000, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor-blanc {
  color: #fffff;
  text-shadow: 
  0 1px 0 #ccc, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor-vert {
  color: #008000;
  text-shadow: 
  0 1px 0 #005000, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor-bleu {
  color: #0000FF;
  text-shadow: 
  0 1px 0 #0000cc, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor-noir {
  color: #000000;
  text-shadow: 
  0 1px 0 #0000cc, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor-gris {
  color: #999999;
  text-shadow: 
  0 1px 0 #0000cc, 
    0 6px 1px rgba(0,0,0,.1), 
    0 10px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}

/* pour les bords fin des tables */
table {
 border-collapse:collapse;
 }
table,
td {
    border: 0px solid #333;
}

thead,
tfoot {
    background-color: #333;
    color: #fff;
}
.none 
 {
border: 0;
}
.bord1 
 {
border: 1px solid black;
}
.ligne1 
 {
border: 1px solid green;
}
.ligne2 
 {
border: 1px solid blue;
}
.ligne3 
 {
border: 1px solid red;
}
.ligne4 
 {
border: 1px solid black;
}
.ligne5 
 {
border: 1px solid grey;
}
.ligne6 
 {
border: 1px solid white;
}

/* image arrière plan */
body {
	margin:0;
    padding:0;
 }

.illustration {
	margin: 0;
    padding:0;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;    /* dimension page centrale */
	background-size: cover; /* version standardisée */
    overflow-y : scroll;  
}
 

#page #bloc #menu .item1 {
	margin:0;
    padding:0;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
	}
.antifloat {
	clear: both;
}

.accessible {
	display: none;
}

/* dimensions de la page par défaut celle que l'on peux modifier */
#page {
	height: 700px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}
/* page par défaut si page ne se charge pas */
#pageindex {
	height: 600px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat center fixed;  
 background-color:#999999
}
#pageindex #contact_index {
	width: 400px;
	text-align: center;
	margin-right: 50;
	margin-left: 50;
	padding-top: 0px;
	color: #FFFFFF;
}


#page  #bloc {
	height: 300px;
	padding-top: 25px; /* hauteur pour les boutons */
	padding-right: 50px; /* décalage bord droit */
	padding-left: 50px; /* décalage bord gauche */
}
/* hauteur démarrage page centrale */
#page #bloc #header {
	height: 100px;
}
/* dimensions bloc adresse */
#page #bloc #header #contact {
	display: block;
	width: 800px;
	padding-top: 50px;
	padding-left: 0px;
	color: #FFFFFF;
}
#page #bloc #header #contact address {
	font-style: normal;
}

#page  #bloc  #header  #contact  address  span {
	display: none;
}
/* hauteur du tableau de ACCUEIL à droite */
#page #bloc #header #titre {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}
/* carractéristique de l'écriture de ACCUEIL à droite */
#page #bloc #header #titre h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70px;
	color: #FFFFFF;
}

/* dimensions bloc central */
#page #bloc #blocdroit {
	float: right;
	padding-top: 4px;
	width: 470px;
	height: 600px;
}
#page #bloc #blocdroit #contenu {
	width: 460px;
	overflow: auto;
	height: 600px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 20px;
}

#contenu {
background-image: url(images/fondgris.png); /* le fond est gris transparent */
}

#container{position:relative;width:440px;margin:auto}
#container #map{width:440px;height:330px;margin:auto}

#page #bloc #blocdroit #contenu .antrob { display: none}  /* champs invisible pour robots */

#page #bloc #blocdroit #contenu h2 {
	color: #A6A6A6;
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding-top: 10px;
}

#page #bloc #bloccentre #contenu2 {
	width: 900px;
	padding-top: 0px;
	overflow: auto;
	height: 603px;
	padding-right: 0px;
	background-image: url(images/3.png);
	padding-left: 0px;
}
#page #bloc #blocdroit #contenu p {
	display: block;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
}
#page #bloc #blocdroit #contenu .align_droite {
	float: right;
	border: 2px solid #700B13;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#page #bloc #blocdroit #contenu .align_gauche {
	float: left;
	border: 2px solid #700B13;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#page #bloc #blocdroit #contenu a {
}
#page   #bloc   #blocdroit   #contenu   #form1   input {
	background-color: #E4E4E4;
	border-style: none;
	border-width: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-top: 2px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#page #bloc #blocdroit #contenu #form1 #message {
	width: 400px;
	background-color: #E4E4E4;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-width: 0px;
	border-style: none;
}

#page #bloc #blocdroit #contenu #form1 #Envoyer {
	background-color: #97111C;
	color: #FFFFFF;
	width: 200px;
	height: 30px;
}
#page #bloc #blocdroit #contenu #form1 #Envoyer:hover {
	background-color: #56070D;
}
#page  #bloc  #blocdroit  #contenu  h2 a {
	text-decoration: none;
	display: block;
	font-size: 15px;
	width: 100px;
	text-align: center;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#page #bloc #blocdroit #contenu h2 a:hover {
	background-color: #CCCCCC;
}

#page #bloc #menu {

}

a:link {
	text-decoration: none;
	color: #FF0000;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a {
	font-size: 16px;
}

a:active {
	text-decoration: none;
}
.Style1 {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
}
.Style10 {color: #FFFFFF; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: bold}
.Style11 {color: #999999}
.Style12 {color: #FFFFFF}
.Style14 {color: #FFFFFF; font-size: 14px; font-family: "Times New Roman", Times, serif}
.Style15 
{
font-size: 18px;
color: #008000;
}
.Style16 
{
font-size: 18px;
color: #0000FF;
}
.Style17 
{
font-size: 18px;
color: #000000;
}
.Style18 {color: #008000; font-size: 16px}
.Style19 {color: #0000FF; font-size: 16px}
.Style20 {color: #FF0000; font-size: 16px}
.Style21 {color: #000000; font-size: 16px}

.Style22 {
	font-family: Vivaldi;
	font-size: 22px;
	color: #CCCCCC;
}
.Style23 {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
.Style24 {font-size: 16px; color: #FF0000}

.Style25 {color: #FF0000;}
.Style26 {
	font-size: 20px;
	color: #A6A6A6;
}
.Style27 {font-size: 12px}
.Style28 {font-size: 16px
font-family: Century
}
.Style29 
{
     font-size: 24px;
     color: #FF0000;
}
.Style30 
{
     font-size: 24px;
     color: #999999;
}
.Style31 {
	color: #00CC00;
	font-weight: bold;
}
.Style32 {
	color: #0000FF;
	font-weight: bold;
}
.Style33 {
	color: #000000;
	font-weight: bold;
}
.Style35 {color: #FFFFFF; font-weight: bold}
.Style36 {
	color: #FFFF00;
	font-weight: bold;
}
.Style40 {color: #0000FF; font-weight: bold; font-size: 18px}
.Style41 {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}
.Style42 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Style45 {font-family: "Times New Roman", Times, serif}

.Style46 {font-size: 14px}
.Style47 {color: #FFFFFF; font-size: 16px}
.Style49 {color: #0000FF; font-size: 18px}
.Style50 {font-size: 14px}
.Style51 {
	color: #0000FF;
	font-size: 14px;
}
.Style52 
{
font-size: 18px;
color: #FF0000;
}
.Style53 {font-size: 20px}
.Style54 {
	font-family: "Spicy Rice";
	font-size: 36px;
}
.Style55 {color: #000000}
.Style56 {font-size: 36px}
.Style57 
{
   font-size: 36px;
   font-weight: bold;
   font-style: italic;
   color: #FF0000;
}
.Style58 {
	color: #00CC00;
	font-weight: bold;
	font-size: 18px;
}
.Style59 {
	font-style: italic;
	font-size: 24px;
	color: #FFFFFF;
}
.Style60 {font-family: Century}

.Style61 {
	font-family: "Spicy Rice";
	font-style: italic;
	font-size: 24px;
	color: #FFFFFF;
}
.Style62 {
	font-family: "Spicy Rice";
	font-style: italic;
	font-size: 36px;
	color: #FFFFFF;
}

.bordure {
		border-width: 3px;
		border-style: ridge;
		border-color: gold;
}
.bordure10 {
		border-width: 3px;
		border-style: ridge;
		border-color: gold;
color: #FFFFFF; 
font-size: 16px; 
font-family: "Times New Roman", Times, serif; 
font-weight: bold;
}
.bordure23 {
		border-width: 3px;
		border-style: ridge;
		border-color: gold;
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
	}
#page #bloc #menu ul {
	list-style-type: none;
}
#page #bloc #menu li {
	display: inline;
}
#page #bloc #menu li a {
	color: #62090F;
	text-decoration: none;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 4px;
	margin-left: 4px;
	float: left;
	display: block;
}
/* si cotés plus large alors ajout image */
#page #bloc #menu a:hover {
	color: #FFFFFF;
	background-repeat: repeat-x;
}
#page #sign {
	text-align: center;
	padding-top: 25px;
	font-size: 10px;
	color: #999999;      /* gris */
}
#page #sign a {
	color: #999999;    /* gris */
}
#partenaire a {
	text-decoration: none;
}
#contenu #station {
	padding-top: 10px;
	padding-right: 205px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#page #bloc #blocdroit #contenu .center {
	text-align: center;
}

.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}

.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}

