@charset "utf-8";

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
	font-family: "Futura";
	src: url('_font/FuturaStd-Medium.otf') format("opentype");
}
@font-face {
	font-family: "Futura";
	font-style: italic;
	src: url('_font/FuturaStd-MediumOblique.otf') format("opentype");
}
@font-face {
	font-family: "Futura";
	font-weight: bold;
	src: url('_font/FuturaStd-Bold.otf') format("opentype");
}
@font-face {
	font-family: "FuturaBook";
	src: url('_font/FuturaStd-Book.otf') format("opentype");
}

:root {
	--font-family-1: "Futura", Arial, sans-serif;
	--font-family-2: "FuturaBook", Arial, sans-serif;

	--color-background-0: #000000; /*Black*/
	--color-background-1: #bfc734; /*Green*/
	--color-background-2: #134B68; /*Blue green dark*/
	--color-background-3: #FFFFFF; /*White*/
	--color-background-4: #1d6f95; /*Red*/
	/* --color-background-4: #df271e; /*Red*/
	--color-background-5: #d60000; /*Red dark*/
	--color-background-6: #FBBB2D; /*Yellow*/

	--color-text-0: #000000; /*Black*/
	--color-text-1: #FFFFFF; /*White*/
	--color-text-2: #007BB7; /*Blue*/
	--color-text-3: #1d6f95; /*Blue dark*/
	/* --color-text-4: #1d6f95; /*Red*/ 
	 --color-text-4: #df271e; /*Red*/
	--color-text-5: #7e7e7e; /*Texte grey*/
	--color-text-6: #bfc734; /*Texte green*/
	--color-text-7: #FBBB2D; /*Yellow*/
	--color-text-8: #808080; /*Grey*/
}

* {
	margin: 0;
	padding: 0;
}

html {
	text-align: center;
	font-family: "Futura", Arial, sans-serif; font-family: var(--font-family-1);
	font-size: 11px;
	background-color: #134B68; background-color: var(--color-background-2);
}

html#htmlbackgroundgreen {
	background-color: #bfc734; background-color: var(--color-background-1);
}

html#htmlbackgroundwhite {
	background-color: #FFFFFF; background-color: var(--color-background-3);
}

/* --------------------- INDEX --------------------------*/

div#connexionmain {
	margin: 10vh auto 0 auto;
	transform: translateY(-10%);
	width: 1024.409px;
}

div#connexionbloc {
	margin-top: 40px;
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 15px;
}

div#connexionbloc noscript div#noscripttxt, div#mdprecupbloc noscript div#noscripttxt {
	background-color: #d60000; background-color: var(--color-background-5);
	font-size: 25px;
	width: 850px;
	margin: 0 auto 20px auto;
	padding: 2px 0;
}

div#connexionbloc noscript a, div#mdprecupbloc noscript a {
	font-size: 20px;
	margin: 0;
	float: none;
}

div#connexionbloc form {
	margin: 0 auto;
	width: 300px;
}

div#connexionbloc form div + div {
  margin-top: 15px;
}

div#connexionbloc form label + input {
  margin-left: 5px;
}

div#connexionbloc form label {
	display: inline-block;
  width: 100px;
  text-align: right;
}

div#connexionbloc input, div#mdprecupbloc input {
	color: black;
	border: none;
	width: 130px;
  box-sizing: border-box;
}

div#connexionbloc input:focus, div#mdprecupbloc input:focus {
	border: 1.5px solid #bfc734; border: 1.5px solid var(--color-background-1);
}

div#connexionbloc a {
	padding: 2px 31px 2px 31px;
	background-color: #bfc734; background-color: var(--color-background-1);
	color: #FFFFFF; color: var(--color-text-1);
	margin-right: 30.5px;
	float: right;
}

div#connexionbloc a:hover {
color: #1d6f95; color: var(--color-text-3);
}

div#mdp_perdu a {
	margin-top: 8px;
	font-size: 12px;
	background-color: initial;
	padding: 2px 10px 2px 10px;
	color: inherit;
}

div#mdp_perdu a:hover {
	color: #bfc734; color: var(--color-text-6);
}

div#connexionbloc div#infoietxt {
	background-color: #FBBB2D; background-color: var(--color-background-6);
	font-size: 13px;
	width: 600px;
	margin: 80px auto 0 auto;
	padding: 2px 0;
}

/* --------------------- MDP OUBLIE --------------------------*/

div#mdprecupbloc {
	width: 100%;
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 15px;
}

div#mdprecupbloc h1, div#mdprecupbloc h2, div#mdprecupbloc h3 {
	color: #FFFFFF; color: var(--color-text-1);
}

div#mdprecupbloc div.mdprecupblocsection {
	display: flex;
	margin: 0 auto;
}

div#mdprecupbloc div.mdprecupblocsection + div.mdprecupblocsection,
div#mdprecupbloc noscript + div.mdprecupblocsection {
	margin-top: 25px;
}

div#mdprecupbloc div.mdprecupblocsection div {
	flex: 1;
}

div.mdprecupblocsection div.mdprecupblocsection2 {
	display: flex;
	margin: 0 auto;
}

div#mdprecupbloc div.mdprecupblocsection2 + div.mdprecupblocsection2 {
	margin-top: 15px;
}

div.mdprecupblocsection div.mdprecupblocsection2 div {
	flex: 1;
}

div.mdprecupblocsection div.mdprecupblocsection2 div + div.mdprecupblocsection div.mdprecupblocsection2 div {
	margin-left: 10px;
}

div#mdprecupbloc form label {
	margin-right: 5px;
}

div#mdprecupbloc a {
	padding: 2px 40px 2px 40px;
	background-color: #bfc734; background-color: var(--color-background-1);
	color: #FFFFFF; color: var(--color-text-1);
}

div#mdprecupbloc a:hover {
	color: #1d6f95; color: var(--color-text-3);
}

/* --------------------- SELECTION --------------------------*/

div#groupemain {
	margin: 40px auto 0 auto;
	width: 1024.409px;
}

div#groupetxt, div#groupetab {
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 15px;
	margin-top: 20px;
}

div#grouperond {
	width: 100%;
	margin-top: 20px;
}

div#grouperond div.grouperondsection {
	display: flex;
	margin: 0 auto;
}

div#grouperond div.grouperondsection div {
	flex: 1;
}

div#grouperond div.grouperondsection div a.rondbtmag {
	width: 200px;
	height: 200px;
	display: inline-block;
	background-color: #FFFFFF; background-color: var(--color-background-3);
	color: #007BB7; color: var(--color-text-2);
	border-radius: 50%;
	font-size: 14px;
}

div#grouperond div.grouperondsection div a.rondbtmag:hover {
	background-color: #bfc734; background-color: var(--color-background-1);
}

div#grouperond div.grouperondsection div a.rondbtmag img {
	margin-top: 10px;
	height: 60px;
}

div#grouperond div.grouperondsection div a.rondbtmag div.rondbtmagtxt {
	width: 180px;
	margin: 10px auto 0 auto;
}

div#grouperond div.grouperondsection div a.rondbtmag div.rondbtmagtxt span.rondbtmagtxtville {
	font-size: 12px;
}

div#grouperond div.grouperondsection div button.rondbtmag2 {
	width: 30px;
	height: 30px;
	border: none;
	display: block;
	background-color: #FBBB2D; background-color: var(--color-background-6);
	color: #007BB7; color: var(--color-text-2);
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	top: -35px;
}

div#grouperond div.grouperondsection div button.rondbtmag2:hover {
	background-color: #134B68; background-color: var(--color-background-2);
	color: #FFFFFF; color: var(--color-text-1);
}

div#groupetab table {
	width: 100%;
	margin: 15px 0;
}

div#groupetab table thead {
	font-size: inherit;
}

div#groupetab table tbody {
	color: #000000; color: var(--color-text-0);
}

div#groupetab table tbody td img {
	height: 40px;
}

div#groupetab a {
	padding: 2px 31px;
	background-color: #bfc734; background-color: var(--color-background-1);
	color: #FFFFFF; color: var(--color-text-1);
}

div#groupetab a:hover {
	color: #1d6f95; color: var(--color-text-3);
}

div#groupetab a.groupetabbtcologin {
	background-color: #FBBB2D; background-color: var(--color-background-6);
	padding: 2px 5px;
}

/* modal */
div#groupemain .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
	z-index: 3;
}

div#groupemain .overlay:target {
  visibility: visible;
  opacity: 1;
	transition: opacity 500ms;
}

div#groupemain .popup {
  margin: 350px auto 0 auto;
  padding: 15px;
  background-color: #FFFFFF; background-color: var(--color-background-3);
	color: #007BB7; color: var(--color-text-2);
  border-radius: 5px;
  width: 30%;
  position: relative;
}

div#groupemain .popup h2 {
  margin: 0 44px 25px 44px;
}

div#groupemain .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #007BB7; color: var(--color-text-2);
}
div#groupemain .popup .close:hover {
  color: #bfc734; color: var(--color-text-6);
}
div#groupemain .popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  div#groupemain .box{
    width: 70%;
  }
  div#groupemain .popup{
    width: 70%;
  }
}

/* --------------------- ERREUR --------------------------*/

div#erreurmain {
	margin: 40px auto 0 auto;
	width: 1024.409px;
}

div#erreurtitre {
	margin: 50px 0 20px 0;
	color: #df271e; color: var(--color-text-4);
	font-weight: bold;
	font-size: 26px;
}

div#erreurmsg {
	color: #df271e; color: var(--color-text-4);
	font-size: 16px;
}

/* --------------------- ALL PAGES --------------------------*/

.textalignleft {
	text-align: left;
}

.textalignright {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.bold_inline {
	font-weight: bold;
	display: inline;
}

.italic {
	font-style: italic;
}

div#background_green {
	background-color: #bfc734; background-color: var(--color-background-1);
}

div#background_chasse {
	background-color: #ef7d17;
}

div#background_peche_chasse {
	background-color: #007088;
}

h1 {
	font-size: 18px;
	color: #007BB7; color: var(--color-text-2);
}

h2 {
	font-size: 14px;
	color: #007BB7; color: var(--color-text-2);
}

h3 {
	font-size: 12px;
	color: #007BB7; color: var(--color-text-2);
}

a {
	text-decoration: none;
	color: #000000; color: var(--color-text-0);
}

div#infotxt {
	background-color: #FBBB2D; background-color: var(--color-background-6);
	font-size: 14px;
	margin: 10px 50px 0 50px;
	padding: 10px 0;
}

div#infotxt2 {
	border-color:#BFC734;
	border:solid;
	border-width:1px;
	color:#7E7E7E;
	font-size: 14px;
	margin: 10px 50px 10px 50px;
	padding: 10px 20px;
	text-align:left;
}

div.alerte {
	text-align: justify;
	border: solid 2px #000000; border: solid 2px var(--color-background-0);
	margin: 40px auto 0 auto;
	padding: 5px;
	font-size: 15px;
	animation: blinkalert 1.5s ease-in-out infinite;
}

@keyframes blinkalert
{
	0% {color: #df271e; color: var(--color-text-4); border-color: #df271e; border-color: var(--color-text-4);}   /*Première couleur*/
	50% {color: #000000; color: var(--color-text-0); border-color: #000000; border-color: var(--color-text-0);}  /*Deuxième couleur*/
	100% {color: #df271e; color: var(--color-text-4); border-color: #df271e; border-color: var(--color-text-4);} /*À nouveau la première*/
}

a:hover {
	color: #bfc734; color: var(--color-text-6);
}

div.alertex {
	padding: .75rem 1.25rem;
}

div.alertex-erreur {
	background-color: #df271e; background-color: var(--color-background-4);
}

div.alertex-ok {
	background-color: #bfc734; background-color: var(--color-background-1);
}

/* Table */

table {
	border: none;
	border-collapse: collapse;
	background-color: #b4d8e9;
	margin-top: 15px;
}

table thead, table tfoot {
	background-color: #df271e; background-color: var(--color-background-4);
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 12px;
}

table tbody {
	font-family: "FuturaBook", Arial, sans-serif; font-family: var(--font-family-2);
}

table tr:nth-child(even) {
  background-color: #e6f2f8;
}

table td {
	border-left: 1px solid #FFFFFF; border-left: 1px solid var(--color-background-3);
  border-right: 1px solid #FFFFFF; border-right: 1px solid var(--color-background-3);
	padding: 2px 4px;
}

table td:first-child {
    border-left: none;
}

table td:last-child {
    border-right: none;
}

table a:hover {
	color: #df271e; color: var(--color-text-4);
}

table thead a {
	color: #FFFFFF; color: var(--color-text-1);
}

table thead a:hover {
	color: #000000; color: var(--color-text-0);
}

table.dltab {
	width: 480px;
	margin: 0 auto;
}

/* Input */

select {
	color: #df271e; color: var(--color-text-4);
	border: 1.5px solid #df271e; border: 1.5px solid var(--color-background-4);
	cursor: pointer;
  display: inline-block;
  font-size: 12px;
	text-align-last: center;
	height: 22px;
}

input {
	font-size: 12px;
	height: 22px;
}

input[type=text] {
	color: #df271e; color: var(--color-text-4);
	border: 1.5px solid #df271e; border: 1.5px solid var(--color-background-4);
}

input[type=number] {
	color: #df271e; color: var(--color-text-4);
	border: 1.5px solid #df271e; border: 1.5px solid var(--color-background-4);
}

input[type=password] {
	color: #df271e; color: var(--color-text-4);
	border: 1.5px solid #df271e; border: 1.5px solid var(--color-background-4);
}

input[type=submit] {
	color: #FFFFFF; color: var(--color-text-1);
	background-color: #df271e; background-color: var(--color-background-4);
	border: none;
	padding: 2px 20px;
	cursor: pointer;
	margin: 5px 0px;
}

input[type=submit]:active {
	background-color: #d60000; background-color: var(--color-background-5);
}

input.submit {
	color: #FFFFFF; color: var(--color-text-1);
	background-color: #df271e; background-color: var(--color-background-4);
	border: none;
	padding: 2px 20px;
	cursor: pointer;
	margin: 5px 0px;
}

input.submit:active {
	background-color: #d60000; background-color: var(--color-background-5);
}

textarea {
	font-size: 12px;
	color: #df271e; color: var(--color-text-4);
	border: 1.5px solid #df271e; border: 1.5px solid var(--color-background-4);
}

.icon_favoris {
	width:11px;
}

/* Button */

button#btntop {
	background-color: #bfc734; background-color: var(--color-background-1);
	color: #FFFFFF; color: var(--color-text-1);
	cursor: pointer;
	position: fixed;
	visibility: hidden;
  bottom: 20px;
  right: 20px;
	width: 50px;
  height: 50px;
	border: solid 2px #134B68; border: solid 2px var(--color-background-2);
	outline: none;
	border-radius: 35px;
	font-size: 30px;
}

button#btntop:hover {
	color: #1d6f95; color: var(--color-text-3);
}

a.btredwhiterond {
	background-color: #FFFFFF; background-color: var(--color-background-3);
	color: #df271e; color: var(--color-text-4);
  padding: 5px 35px;
  display: inline-block;
  font-size: 14px;
	border: solid 1px #df271e; border: solid 1px var(--color-background-4);
	border-radius: 15px;
}

a.btredwhiterond:hover, a.btredcarre:hover {
	background-color: #df271e; background-color: var(--color-background-4);
	color: #FFFFFF; color: var(--color-text-1);
}

a.btredcarre {
	background-color: #FFFFFF; background-color: var(--color-background-3);
	color: #df271e; color: var(--color-text-4);
  padding: 2px 10px;
  display: inline-block;
	border: solid 1px #df271e; border: solid 1px var(--color-background-4);
}

/* Alert */

div.alertinfo {
	text-align: justify;
	border: solid 2px #000000; border: solid 2px var(--color-background-0);
	margin: 20px auto 20px auto;
	padding: 5px;
	font-size: 15px;
	width: 450px;
	animation: blink2 1.5s ease-in-out infinite;
}

@keyframes blink2
{
	0% {color: #df271e; color: var(--color-text-4); border-color: #df271e; border-color: var(--color-text-4);}   /*Première couleur*/
	50% {color: #000000; color: var(--color-text-0); border-color: #000000; border-color: var(--color-text-0);}  /*Deuxième couleur*/
	100% {color: #df271e; color: var(--color-text-4); border-color: #df271e; border-color: var(--color-text-4);} /*À nouveau la première*/
}

div.alertboutique {
	color: #007BB7; color: var(--color-text-2);
	border: solid 2px #df271e; border: solid 2px var(--color-background-4);
	font-size: 12px;
	height: 35px;
	width: 340px;
	padding-top: 15px;
	border-radius: 0 25px 0 25px;
	margin: 13px auto;
	font-weight: bold;
}

/* Menu */
div#bandeau {
	/*width: 1024.409px; Bug Chrome*/
	width: 1024.5px;
	height: 50px;
	background-color: #FFFFFF; background-color: var(--color-background-3);
	margin: 0 auto;
}

div#bandeaumenu {
	float:left;
	height: inherit;
	width: inherit;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}

div#bandemenu {
	height: inherit;
	margin: inherit;
	margin-left: 0px;
	padding: inherit;
}

ul#menuniv1 {
 margin: inherit;
 height: inherit;
 left: 0px;
 padding: inherit;
 border: inherit;
}

a#btmenu1 {
	margin: -0.5px;
}

a#btmenu2 {
	margin: -0.5px;
}

a#btmenu3 {
	margin: -0.5px;
}

a#btmenu4 {
	margin: -0.5px;
}

a#btmenu5 {
	margin: -0.5px;
}

a#btmenu0 img, a#btmenu4 img {
	width: 172px;
	height: 50px;
}

a#btmenu1 img {
	width: 156px;
	height: 50px;
}

a#btmenu2 img {
	width: 171px;
	height: 50px;
}

a#btmenu3 img {
	width: 170px;
	height: 50px;
}

a#btmenu5 img {
	margin-bottom: -45px;
	width: 172px;
	height: 95px;
}

ul#menuniv1 li {
	display: inline;
}

ul#menuniv1 li:hover ul {
 	display: block;
 }

/* Sous Menu */

ul#menuniv1 ul {
	display: none;
	position: absolute;
	margin: -4px 0 0 0;
	width: 956.409px;
}

ul#menuniv20, ul#menuniv21, ul#menuniv22 {
	padding: 0 0 0 68px;
}

ul#menuniv23 {
	padding: 0 0 0 395px;
}

ul#menuniv24 {
	padding: 0 0 0 570px;
}

ul#menuniv25 {
	padding: 0 0 0 630.5px;
}

ul#menuniv25bis {
	padding: 0 0 0 496.5px;
}

ul#menuniv20 li, ul#menuniv21 li, ul#menuniv22 li, ul#menuniv23 li, ul#menuniv24 li, ul#menuniv25 li, ul#menuniv25bis li {
	display: inline;
}

ul#menuniv1 ul li a {
	float: left;
	background-color: #006BAA;
	display: inline-block;
	color: #FFFFFF; color: var(--color-text-1);
	height: 38px;
	font-size: 12px;
	text-align: center;
	margin-left: -2px;
	padding-top: 12px;
}

ul#menuniv1 ul li a.deuxsurdeux {
	background-color: #007BB7;
}

ul#menuniv1 ul li a#btdeco, ul#menuniv1 ul li a#btchange {
  color: #bfc734; color: var(--color-text-6);
	margin-left: -2px;
}

ul#menuniv20 a, ul#menuniv22 a, ul#menuniv23 a, ul#menuniv24 a, ul#menuniv25 a, ul#menuniv25bis a,
ul#menuniv20 a.deuxsurdeux, ul#menuniv22 a.deuxsurdeux, ul#menuniv23 a.deuxsurdeux, ul#menuniv24 a.deuxsurdeux, ul#menuniv25 a.deuxsurdeux, ul#menuniv25bis a.deuxsurdeux {
	width: 134px; /* max en largeur des cases */
}

ul#menuniv21 a, ul#menuniv21 a.deuxsurdeux {
	width: 107.274px;
}

ul#menuniv20 li a:hover, ul#menuniv20 li a:focus, ul#menuniv20 li a:active,
ul#menuniv21 li a:hover, ul#menuniv21 li a:focus, ul#menuniv21 li a:active,
ul#menuniv22 li a:hover, ul#menuniv22 li a:focus, ul#menuniv22 li a:active,
ul#menuniv23 li a:hover, ul#menuniv23 li a:focus, ul#menuniv23 li a:active,
ul#menuniv24 li a:hover, ul#menuniv24 li a:focus, ul#menuniv24 li a:active,
ul#menuniv25 li a:hover, ul#menuniv25 li a:focus, ul#menuniv25 li a:active,
ul#menuniv25bis li a:hover, ul#menuniv25bis li a:focus, ul#menuniv25bis li a:active,
ul#menuniv20 li a.deuxsurdeux:hover, ul#menuniv20 li a.deuxsurdeux:focus, ul#menuniv20 li a.deuxsurdeux:active,
ul#menuniv21 li a.deuxsurdeux:hover, ul#menuniv21 li a.deuxsurdeux:focus, ul#menuniv21 li a.deuxsurdeux:active,
ul#menuniv22 li a.deuxsurdeux:hover, ul#menuniv22 li a.deuxsurdeux:focus, ul#menuniv22 li a.deuxsurdeux:active,
ul#menuniv23 li a.deuxsurdeux:hover, ul#menuniv23 li a.deuxsurdeux:focus, ul#menuniv23 li a.deuxsurdeux:active,
ul#menuniv24 li a.deuxsurdeux:hover, ul#menuniv24 li a.deuxsurdeux:focus, ul#menuniv24 li a.deuxsurdeux:active,
ul#menuniv25 li a.deuxsurdeux:hover, ul#menuniv25 li a.deuxsurdeux:focus, ul#menuniv25 li a.deuxsurdeux:active,
ul#menuniv25bis li a.deuxsurdeux:hover, ul#menuniv25bis li a.deuxsurdeux:focus, ul#menuniv25bis li a.deuxsurdeux:active {
	background-color: #00547B;
}

/* Contenu */

div#contenu {
	width: 1024.409px;
	min-height: 900px;
	margin: 0 auto;
	background-color: #FFFFFF; background-color: var(--color-background-3);
}

div#contenuform {
	width: 1024.409px;
	margin: 0 auto;
	background-color: #FFFFFF; background-color: var(--color-background-3);
}

div#partieall {
	width: 995.42px;
	margin: 0 14.5px 0 14.5px;
	padding: 20px 0 10px 0;
}

div#partieallgd {
	display: flex;
	margin: 0 auto;
}

div#partieallgd div#partiegauche,
div#partieallgd div#partiedroite {
	/*flex: 1; Retirer suite bug IE*/
}

div#partiegauche {
	width: 837.5px;
	margin-left: 14.5px;
}

div#partiedroite {
	width: 172px;
	height: inherit;
}

div#partiedroitehaut {
	width: inherit;
	margin-bottom: 20px;
}

div#partieephemeride, div#partiedroitebas {
	width: inherit;
	height: auto;
}

/* Pied de page */

div#background_blue {
	background-color: #134B68; background-color: var(--color-background-2);
}

div#blocpied {
	width: 1024px;
	height: 500px;
	margin: 0 auto;
	background-image:url(_img/bloc_pied_v2.png);
	background-repeat:no-repeat;
}

div#blocpied div.blocpiedsection {
	width: 33.3333333333%;
	height: inherit;
	float: left;
	text-align: left;
}

div.blocpiedsection div.blocpiedsectionlien {
	margin-top: 135px;
	margin-left: 105px;
}

div.blocpiedsectionlien a {
	color: #FFFFFF; color: var(--color-text-1);
}

div.blocpiedsection a:hover {
	color: #bfc734; color: var(--color-text-6);
}

div.blocpiedsection div#blocpiedsectioncarte {
	margin-top: 30px;
	margin-left: 20px;
}

div#blocpiedsectioncarte iframe {
	width: 300px;
	height: 250px;
	border: 0;
}

/* --------------------- PAGE D'ACCUEIL --------------------------*/

/* blocpageaccueil */

div#accueilalert {
	height: 200px;
	width: inherit;
}

div#accueilmain {
	width: inherit;
}

div#accueilmainhaut {
	height: 383px;
	margin-top: 60px;
}

div#accueilmainmilieu {
	height: 256px;
	margin-top: 30px;
}

div#accueilmainbas {
	height: 160px;
	margin-top: 30px;
}

div#accueilmainhautgauche {
	height: 100%;
	width: 50%;
	float: left;
}

div#accueilmainhautdroit {
	height: 100%;
	width: 50%;
	float: right;
}

div#accueilmainmilieumarge {
	margin: auto 50px;
	height: inherit;
}

div.accueilmainmilieusection {
	height: 100%;
	width: 25%;
	float: left;
}

div.accueilmainmilieudroitsection {
	height: 50%;
	width: 100%;
}

/* info chrono et promo chrono */

.bugcsspoint {
	color: #FFFFFF; color: var(--color-text-1);
}

div#chronobloc {
	text-align: left;
	margin-left: auto;
	margin-right: 10px;
	width: 378px;
	height: 383px;
	background-image:url(_img/fond_info_chrono_v2.png);
	background-repeat:no-repeat;
}

div#promobloc {
	text-align: left;
	margin-left: 10px;
	margin-right: auto;
	width: 378px;
	height: 383px;
	background-image:url(_img/fond_promo_chrono_v2.png);
	background-repeat:no-repeat;
}

/*div#chronotitre {
	width:inherit;
}*/
/* ----- Bloc Chrono ----------------*/
table#chronotable {
	border: none;
	/*height:300px;*/
	vertical-align: top;
	margin-left: 15px;
	margin-top: 15px;
	margin-top: 40px;
	width: inherit;
	background: none;
	text-align: left;
	border-collapse: separate;
	font-family: "Futura", Arial, sans-serif; font-family: var(--font-family-1);

}

table#chronotable tbody {
	font-family: "Futura", Arial, sans-serif; font-family: var(--font-family-1);
}

table#chronotable tr {
	background-color: inherit;
}

#recherche_index{
	display: flex;
	position: absolute;
	top: 126px;
	min-width: 1025px;
}

#recherche_index #recherche_cb{
	margin-right: 238px;
	margin-left: 227px;
}

#recherche_index input{
	border: none;
	border-bottom: 1px solid #7e7e7e;
	color: #7e7e7e;
}

#recherche_index i{
	color: #7e7e7e;
}

div#chronopied {
	width:inherit;
	margin-bottom:5px;
}

div#chronopied1 {
	float: left;
	margin-left: 30px;
}
div#chronopied2 {
	float: right;
	margin-right: 20px;
	margin-bottom:10px;
	/*margin-top: -10px;*/
}
a#bt_prec{
	cursor:pointer;
}

a#bt_suiv{
	cursor:pointer;
}



/* ---------bloc promo --------------*/

table#promotable {
	border: none;
	/*height:300px;*/
	margin-left: 15px;
	margin-top: 40px;
	width: inherit;
	background: none;
	text-align: left;
	border-collapse: separate;
	font-family: "Futura", Arial, sans-serif; font-family: var(--font-family-1);
}

table#promotable tbody {
	font-family: "Futura", Arial, sans-serif; font-family: var(--font-family-1);
}

table#promotable tr {
	background-color: inherit;
}

a#btp_prec{
	cursor:pointer;
}

a#btp_suiv{
	cursor:pointer;
}

#lienR {
	color: #7e7e7e; color: var(--color-text-5);
}
a#lienC {
	color: #daa746;
}
a#lienM {
	color: #60818E;
}
a#lienD {
	color: #9B338A;
}

a#lienU1, a#lienU2, a#lienU3, a#lienU4, a#lienU5, a#lienU6, a#lienU7 {
	animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink
{
	0% {color: #df271e; color: var(--color-text-4);}   /*Première couleur*/
	50% {color: #7e7e7e; color: var(--color-text-5);}  /*Deuxième couleur*/
	100% {color: #df271e; color: var(--color-text-4);} /*À nouveau la première*/
}

/* operation en cours et a venir */

div#blocope {
	float: left;
	width: 156px;
	height: 256px;
	margin-left:-15px;
	/*background-image:url(_img/bloc_operation_v2.png);*/
	background-repeat:no-repeat;
}

div#blocopeavenir {
	float: left;
	width: 156px;
	height: 256px;
	margin-left: 7px;
	/*background-image:url(_img/bloc_operation_v2.png);*/
	background-repeat:no-repeat;
}

div#blocmajtarif {
	float: left;
	width: 176px;
	height: 260px;
	margin-left: 13px;
	background-image:url(_img/Bouton_majtarif.png);
	background-repeat:no-repeat;
/*	border-style:solid;
	border-color:var(--color_text-5);
	border-width:2px;*/

}
div#blocmajtarifliste{
	height: 208px;
	width:98%;

}

div#blocmajtarifliste a {
	color: #7e7e7e; color: var(--color-text-5);
}

div#blocmajtarifliste a:hover {
	color: #1d6f95; color: var(--color-text-3);
}


#blocmajtarifliste ul{
	margin-top: 10px;
	margin-left: 20px;
	text-align: left;
	color: #7e7e7e; color: var(--color-text-5);
}

div#blocopeimg {
	height: 160px;
	width: auto;
}

div.operationtitre {
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 13px;
	height:39px;
}
div.operationtitre1 {
	color: #FFFFFF; color: var(--color-text-1);
	background-image:url(_img/Bouton_titre1.png);
	font-size: 13px;
	height:37px;
}

div.operationtitre2 {
	color: #FFFFFF; color: var(--color-text-1);
	background-image:url(_img/Bouton_titre2.png);
	font-size: 13px;
	height:37px;
}

img#opeimg {
	height: inherit;
	width: 156px;
	margin-top: 3px;
}

/* blocbtaccueil */

div.blocbtaccueil {
	width: 137px;
	height: 104px;
	/*background-image:url(_img/bt_menu_accueil_v2.png);
	background-repeat:no-repeat;*/
	display: flex;
	float: right;
	margin-bottom: 10px;
	margin-right:-10px;
}

div.blocpam {
	width: 137px;
	height: 104px;
	float: right;
	margin-right:-5px;
	margin-bottom: 10px;
}

div.blocbtaccueil a {
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 13px;
	margin: auto;
}

/* blocgallery */

.stepcarousel {
	position: relative; /*leave this value alone*/
	/*border: 2px solid navy;*/
	overflow: scroll; /*leave this value alone*/
	width: 747px;
	height: 120px; /*Height should enough to fit largest content's height*/
/*	background-color: #FFFFFF; background-color: var(--color-background-3);
	border-color: #bfc734; border-color: var(--color-background-1);*/
	background-image:url(_img/bloc_logos.png);
	margin: auto 50px;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	height:110px;
}

img#img_fourphoto {
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

img#img_fourphoto:hover {
	 filter: Alpha(opacity=70);
	 -moz-opacity: 0.70;
	 opacity: 0.70;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 40px;
	width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

/* Bloc magasin */

div#blocmag {
	width:139px;
	min-height:196px;
	/*background-image:url(_img/bloc_mag_v2.png);*/
	background-repeat:no-repeat;
	margin-left: 14px;
	background-color: #bfc734;
	padding-bottom: 20px;
	border-radius:0 40px 40px 40px;
}

div#blocmag img {
	height: 68px;
	margin-top: 6px;
}

div#blocmag div#blocmagnom {
	color: #FFFFFF; color: var(--color-text-1);
	font-size: 10px;
	text-align: left;
	max-height: 39px;
	margin: 5px 19.5px 0 19.5px;
	overflow: hidden;
	overflow-wrap: break-word;
}

div#blocmag div#blocmaglien {
	color: #1d6f95; color: var(--color-text-3);
	font-size: 12.8px;
	margin: 5px 19.5px 0 19.5px;
	text-align: left;
}

div#blocmaglien a {
	color: #1d6f95; color: var(--color-text-3);
}

/*-------------Page politiquecom-----------------*/

div#container_menu_polcom{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 20px 0;
}

div.card_menu_polcom{
	margin: 5px;
}

div.card_menu_polcom a{
	display: inline-block;
	width: 180px;
	height: 180px;
	margin: 0;
	/* border-radius: 100%;
	border : 2px solid #bfc734; */
}

div#container_menu_polcom a img {
	border: 4px solid transparent;
}

div#container_menu_polcom a:hover img{
	opacity: 0.5;
	border: 4px solid var(--color-text-8);
}


div.card_menu_polcom a:hover h2{
	color: #007BB7;
}

div.card_menu_polcom h2{
	font-size: 1.5em;
	padding: 10px;
	padding-top: 60px;
	color: #222222;
	font-weight: normal;
} 



/*-------------Page prestataire-----------------*/

div#container_menu_prestataire{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div.card_menu_prestataire{
	margin: 20px;
}

div.card_menu_prestataire a{
	display: inline-block;
	width: 250px;
	height: 250px;
	margin: 0;
	border-radius: 100%;
	border : 2px solid #bfc734;
}

div.card_menu_prestataire a:hover{
	background-color: #bfc734;
}

div.card_menu_prestataire a:hover h2{
	color: #007BB7;
}

div.card_menu_prestataire h2{
	font-size: 1.8em;
	padding: 10px;
	padding-top: 105px;
	color: #222222;
	font-weight: normal;
} 

/* Container_card_prestataire */

div#container_prestataire {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div.card_pre{
	width: 250px;
	border : 2px solid #bfc734;
	margin: 20px;
	font-size: 1.2em;
}

div.card_pre ul{
	list-style-type: none;
	text-align: left;
	padding: 10px;
}

div.card_pre ul li{
	padding-bottom: 5px;
}

div.card_pre h2{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:  #bfc734;
	color: #222222;
	text-transform: uppercase;
}

div.card_pre p{
	text-align: left;
	padding: 10px;
}

div.card_pre p#pre_res{
	color: #007BB7;
	text-align: center;
}

div.card_pre h3{
	text-align: left;
	padding: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
}

#card_pre_file a{
	font-size: 1.5em;
	position: relative;
}

#card_pre_file a:hover{
	color: #007BB7;
	cursor: help;
	z-index: 500;
}

#card_pre_file a span{
	display: none;
	font-size: 0.8em;
	color: #bfc734;
	border-radius: 5px;
	padding: 4px;
	background-color: #222222;
}

#card_pre_file a:hover span{
	display: inline;
	position: absolute;
	top: 41px;
}

#card_pre_file li{
	display: inline;
	margin-right: 10px;
}

/* blocaccueilmenudroit */

div#partiedroitebas img {
	max-width: 172px;
	margin-top: 20px;
}

div.blocbtmenudroit{
	width:101px;
	height:101px;
	background-image:url(_img/bt_menu_droit_v2.png);
	background-repeat:no-repeat;
	/*IE11*/
	justify-content: flex-end;
  align-items: center;
	/*Fin IE11*/
	display: flex;
	margin-top: 20px;
	margin-left: 35.58px;
}

div.blocbtmenudroit a{
	color: #1d6f95; color: var(--color-text-3);
	font-size: 12.8px;
	margin: auto;
}

table#contacttab{
	margin-left:20px;
	width:900px;
}

/* ephemeride */

div#ephemeride {
	width: 138px;
	max-height: 92px;
	margin: 0 auto;
}

div#ephemeride div#ephemeridedate {
	background-color: #bfc734; background-color: var(--color-background-1);
	width: inherit;
	border: solid 1px #bfc734; border: solid 1px var(--color-background-1);
	height: 30px;
	border-radius: 20px 20px 0 0;
	border-bottom: none;
	display: flex;
}

div#ephemeride div#ephemeridedate div#ephemeridedatetxt {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF; color: var(--color-text-1);
	flex: 1;
	margin: auto 2px;
}

div#ephemeride div#ephemeridesaint {
	width: inherit;
	border: solid 1px #bfc734; border: solid 1px var(--color-background-1);
	max-height: 45px;
	border-top: none;
	border-bottom: none;
	padding: 2px 0 4px 0;
}

div#ephemeride div#ephemeridesaint div#ephemeridesainttxt {
	color: #7e7e7e; color: var(--color-text-5);
	text-align: justify;
	margin: auto 2px;
}

div#ephemeride div#ephemeridesoleil {
	width: inherit;
	border: solid 1px #bfc734; border: solid 1px var(--color-background-1);
	height: 15px;
	border-radius: 0 0 20px 20px;
	border-top: none;
}

div#ephemeride div#ephemeridesoleil div#ephemeridesoleiltxt {
	color: #7e7e7e; color: var(--color-text-5);
	margin: auto 2px;
	display: flex;
	height: inherit;
}

div#ephemeride div#ephemeridesoleil div#ephemeridesoleiltxt div {
	flex: 1;
	margin: auto;
}

div#ephemeride div#ephemeridesoleil div#ephemeridesoleiltxt div div#formsoleil {
	background-color: #FBBB2D; background-color: var(--color-background-6);
	border-radius: 15px 15px 0 0;
	height: 15px;
	width: 30px;
}

div.input_recherche{
	display: flex;
	padding: 20px;
}
div.input_recherche input{
	padding: 2px;
	color: black;
	border-radius: 5px;
}

/* BOOKS */

#books{
	margin: 20px 0;
	display: flex;
	justify-content: space-evenly;
	color: #222222;
}

#books .book-card{
	width: 200px;
	background-color: #bfc734;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 0 20px 0 0;
}

#books .book-card img{
	width: 200px;
}

#books .book-card h3{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #222222; 
}

#books .book-card .book-c{
	position: absolute;
	width: 190px;
	text-align: center;
	top : 214px;
	z-index: 1;
	display: none;
}

#books .book-card img:hover + div,
#books .book-card .book-c:hover{
	display: block;
	background-color: #222222bb;
	height: 140px;
	color: white;
	padding: 5px;
}

#books .book-card .book-c div{
	display: flex;
	height: 100%;
	flex-direction: column;
}

#books .book-card .book-c div a{
	display: flex;
	align-items: center;
	padding: 10px;
	justify-content: center;
	font-size: 14px;
	color: #bfc734;
}

#books .book-card .book-c div a:hover{
	color: var(--color-text-2);
}

#books .book-card .book-c p{
	text-transform: uppercase;
	font-size: 16px;
}

/* contact - repertoire*/

#cct_container .cct_container_ligne{
	display: flex;
	align-items: stretch;
	color: #222222;
	margin-bottom: 30px;
	justify-content: flex-start;
	font-size: 12px;
}

#cct_container .serv {
	width: 316px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/*border-right: 3px solid var(--color-text-2);*/
}

#cct_container .serv .serv_titre{
	text-transform: uppercase;
	font-size: 18px;
}

#cct_container .cct{
	border-left: 3px solid var(--color-text-2);
	text-align: left;
	padding-left: 10px;
}

#cct_container .cct_titre{
	text-transform: uppercase;
	font-weight: bold;
	color: var(--color-text-2);
}

#cct_container .cct_lign{
	margin-bottom: 10px;
}

#cct_container .cct_desc{
	color: var(--color-text-5);
}

/*----------------Page notification-----------------*/

#bloc_notifications{
	font-size: 14px;
}

#bloc_notifications h1{
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: left;
	font-size: 24px;
}

#bloc_notifications .notif_titre{
	text-transform: uppercase;
	width: 270px;
	text-align: left;
	margin-right: 30px;
}

#bloc_notifications .notif_contenu{
	max-width: 525.41px;
	text-align: left;
	
}

#bloc_notifications .notification_lue{
	color: #7e7e7e;
}

#bloc_notifications .notification, #bloc_notifications .notification_lue{
	border-top: 1px solid #dddddd;
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 15px;
	align-items: center;
}

#bloc_notifications .notification .notif_titre{
	font-weight: bold;
}

#bloc_notifications .notif_droite{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#bloc_notifications .notif_gauche{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 170px;
}

#bloc_notifications button.btn_notif_non_lue{
	color: var(--color-text-2);
}

#bloc_notifications button.btn_notif_non_lue:hover{
	color: #BFC734;
	cursor: pointer;
}

#bloc_notifications button.btn_notif_lue{
	color: var(--color-text-5);
}

#bloc_notifications button, #bloc_notifications .btn_notif_link{
	font-size: 18px;
	margin-left: 10px;
	background-color: white;
	border: none;
}

#bloc_notifications a.btn_notif_link{
	color: #7e7e7e;
	font-size: 16px;
}

#bloc_notifications a.btn_notif_link_actif{
	color: var(--color-text-2);
}

#bloc_notifications .btn_notif_link_actif:hover{
	color: #bfc734;
}

/*----------------bloc alerte notification--------------*/

#bloc_alert_notif{
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 1;
}

#bloc_alert_notif .alert_notif{
	background-color: white;
	margin-top: 20px;
	padding: 10px;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	box-shadow: 3px 3px 5px 0 #505050;
	text-align: left;
	border: 1px solid #b3b3b3;
	width: 520px;
}

#bloc_alert_notif .alert_notif i{
	font-size: 18px;
}

#bloc_alert_notif .alert_notif .alert_notif_gauche{
	margin-right: 20px;
}

#bloc_alert_notif .alert_notif .alert_notif_titre{
	color: var(--color-text-2);
	text-transform: uppercase;
	display: inline-block;
}

#bloc_alert_notif .alert_notif i:hover{
	color: var(--color-text-4);
	cursor: pointer;
}

#bloc_alert_notif .alert_notif div a:hover p{
	color: #bfc734;
}

#bloc_alert_notif .alert_notif .alert_notif_date{
	color: #7e7e7e;
	display: inline-block;
	margin-right: 10px;	
	color: #7e7e7e;
}


/*----------------Page moteur de recherche--------------*/

#moteur_recherche{
	text-align: left;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 40px;
}

#moteur_recherche form{
	text-align: right;
}

#moteur_recherche h4{
	font-size: 14px;
	text-transform: uppercase;
}

#moteur_recherche h5{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
#moteur_recherche hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

#moteur_recherche a{
	color: var(--color-text-2);
}

#moteur_recherche a:hover{
	color: #bfc734;
}

#moteur_recherche input[type="submit"]{
	background-color: var(--color-text-2);
	height: 26px;
}

/*---------------Formulaire com cmx--------------*/

#div_cmx input, #div_cmx select{
	border: 1.5px solid var(--color-text-5);
}