.Article_Tip {

  margin-left: auto;

  margin-right: auto;

  padding-top: 20px;

  padding-bottom: 10px;

  width:85%;

  text-align:center;

  background-color: #BD343B;

  border-radius: 15px 15px 0 0;

  color : white;

  height:auto;

  min-height:40px;

  font-size: 20px;

}

.Article_Tip_Ferme {

  margin-left: auto;

  margin-right: auto;

  padding-top: 20px;

  padding-bottom: 20px;

  width:85%;

  text-align:center;

  background-color: #BD343B;

  border-radius: 15px;

  color : white;

  height:auto;

  min-height:40px;

  font-size: 20px;

}

div[align=center] {

	/*background-color: #f2f0f0;*/

	margin: auto;

	margin-top: 0px;

	margin-bottom: 0;

	padding: 30px 0 10px 0;

	width: 85%;

}

#BoutonValide {

	border-radius: 0 0 15px 15px;

	padding: 0 0 30px 0;

}

#total {

	background-color: #f2f0f0;

	margin: auto;

	margin-top: -13px;

	margin-bottom: 0;

	padding: 50px 0 50px 0;

	width: 85%;

  font-size: 25px;

  text-transform: uppercase;

  text-align: center;

  font-weight: 600;

}



fieldset {

  margin-bottom: 30px;

  margin 0 auto;

  padding: 10px;

  width : 90%;

  text-align : left;

  background-color: #ffffff;

  border-radius: 15px;

  padding-left : 40px;

  left: 35%;

  border-width: 0;

  margin-top: 20px;

}

 

legend {

  padding: 0px 3px;

  font-weight: bold;

  font-size: 20px;

  text-transform: uppercase;

}

 

.label_form_portable {

  width: 100%;

  text-size: 120%;

  display: inline-block;

  vertical-align: middle;

  margin: 6px;	

}

.label_form {

  width: 20%;

  display: inline-block;

  vertical-align: middle;

  margin: 2px;

  border-radius: 30px;

  font-weight: 400;

  font-family: nunito;

  font-style: initial;

} 

em {

  font-weight: bold;

  font-style: normal;

  color: #f00;

}

input, select {

	background-color: #f7f7f7;

	border: solid 1px #c4c4c4;

 }

input:focus {

  background: #f7f7f7;

}

 



 

textarea {

  height: 50px;

  border-radius: 5px;

}

select[name=Civilite] {

	width: 334px;

}

input[type=image] {

    background-color: transparent;

    border: none;

    height: auto;

}



input[type=password] {

	width: 200px;

}

 

input[type=checkbox] {

  width: 15px;
  height: 15px;
  vertical-align: text-bottom;

}

input[type=submit] {

  background-color: #BD343B;

  border: 2px solid #BD343B;

  border-radius: 100px;

  width: auto;

  text-transform: uppercase;

  height: 46px;

  padding: 10px 20px;

  color: white;

  font-family: "Nunito";

  font-size: 16px;

  font-weight: 400;

}

input[type=submit]:hover {

	cursor: pointer;

	color: #bd343c;

	background-color: transparent;

	border: solid 2px #bd343c;

	border-radius: 100px;

	transition: 0.3s;

}

html {

	height: 100%;

}

body {

	height: 100%;

	padding: 0;

	font-family: Nunito;
	
	margin: 0;
	background-color: #F0F0F1;

}

#form {

	font-size: 16px;

	width: 80%;

	margin: auto;

	margin-bottom: 30px;

	padding: 2% 10%;

	background-color: #f2f0f0;

	border-radius: 15px;

	height: auto;

	box-sizing: border-box;

	display: inline-block;

	position: relative;

	transform: translateX(-50%);

	left: 35%;

	

}

form {

	width: 100%;

	margin: auto;

}

label {

	color: #000000;

	font-size: 15px;

	font-weight: 600;

	width: 100%;

	display:block; 

    width:100px; 

}

input, select, textarea {

	margin-top: 5px;

	margin-bottom: 5px;

	border-radius: 5px;

	height: 20px;

	padding: 5px;

	font-size: 15px;

	font-family: Nunito;

}

select {

	

	max-width: 400px;

	height: 35px;
	margin-right: 10px !important;

}

textarea {

	height: 200px;

	resize: none;

}

input#bouton {

	margin-top: 20px;

	margin-bottom: 0;

	color: #FFFFFF;

	background-color: #bd343c;

	border: solid 2px #bd343c;

	border-radius: 100px;

	text-transform: uppercase;

	height: 50px;

	padding: 10px 20px;

	position: relative;

	left: 50%;	

	transform: translateX(-50%);

}

input#bouton:hover {

	cursor: pointer;

	color: #bd343c;

	background-color: transparent !important;

	border: solid 2px #bd343c !important;

	border-radius: 100px;

	transition: 0.5s;

}

#radio input {

	width: 15px;

	height: 15px;

	margin-right: 10px;

}

#radio label {

	width: 65px;

	

}

#checkbox input {

	width: 15px;

	height:	15px;

}

i {

	font-size: normal !important;

}



body.panier_ag h1 {

	font-size: 25px;

	color: #bd343c;

	text-transform: uppercase;

	padding: 0;

	margin: 30px auto;

	text-align: center;

	text-decoration: none;

	font-family: nunito;

	font-weight: 600;

}



/*==================================== PAGE CONNEXION ====================*/



body.fond label {

	width: 30%;

	margin-top: 20px;

	text-align: left;

	margin-left: 10%;

	font-size: 18px;

}

form[name=identification] {

	text-align: center;

	border: 0;

	background-color: #f2f0f0;

	border-radius: 15px 15px 0 0;

 }

form[name=identification] h1 {

	font-size: 25px;

	color: #bd343c;

	text-transform: uppercase;

	padding: 0;

	margin: 30px auto;

	text-decoration: none;

	font-family: nunito;

	font-weight: 600;

}

body.fond input {



}

body.fond input[type=submit] {

	width: auto;

}

body.fond input[type=submit]:hover {

	background-color: transparent;

}

body.fond input[type=text], body.fond input[type=password] {

	height: 30px;

	padding: 5px;

	border: solid 1px #c4c4c4;

	background-color: #f7f7f7 !important;

}

#inscription {

	margin: auto;

	width: 560px;

	padding: 10px 0;

	text-align: center;

	border-radius: 0 0 15px 15px;

	background-color: #f2f0f0;

	box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);

}

/*body.fond {

	background-image: url(https://www.agffbb2021.fr/wp-content/uploads/2021/04/146-palais-beaumont.jpg);

	height: auto;

	background-size: cover;

}*/

body.fond #container {

	left: 40%;	

	transform: translateX(-30px);

}



/*============================== INSCRIPTION ===============================*/



body.inscription {

	background-image: url(https://www.agffbb2021.fr/wp-content/uploads/2021/04/146-palais-beaumont.jpg);

	height: auto;

	background-size: cover;

	padding: 50px 0;

}



body.inscription p, body.inscription span {

	font-family: nunito;

	font-size: 15px !important;

}

body.inscription div[align=center] {

	margin: auto;

	width: 35%;

	border-radius: 15px;

	background-color: #f2f0f0;

	box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);

}

body.inscription #form {

	transform: none;

	left: 0;

	width: 100%;

}

body.inscription form {

	text-align: left;

	margin-top: 30px;

}

body.inscription label {

	margin-top: : 20px !important;

	margin-left: 15%;

	width: 100%;

	font-size: 18px;

	font-weight: bold;

}

body.inscription input {

	margin-left: 15%;

	width: 60%;

}

body.inscription div#bouton {

	margin: auto;

	margin-top: 30px;

	text-align: center;

}

body.inscription input[type=submit] {

	width: auto !important;

	margin: 0;

}

body.inscription h1 {

	font-size: 25px;

	color: #bd343c;

	text-transform: uppercase;

	padding: 0;

	margin: auto;

	margin-bottom: 30px;

	text-align: center;

	text-decoration: none;

	font-family: nunito;

	font-weight: 600;

}



/*============================= MDP OUBLIE =============================*/



body.passoublie {

	padding: 20% 30%;

}

/*==================== MENU INTRANET =========================*/

.contenusousmenu {

clear:left;

margin:  ;  

}

.menuintranet {

margin: auto; 

width: 70px; 

height: 100%; 

font-family:'Nunito'; 

background-color: #BD343C; 

text-align:center;

float: left; 

position: fixed;

z-index: 9999; 

}

.menuintranet ul {

padding:0;margin:0 0 0  ;list-style-type:none;

}

.menuintranet ul li {

float:left; 

position:relative; 

background: no-repeat top right;

text-align:left;

z-index:2;

width: 100%;

}

.menuintranet ul li a{

float:left; display:block;

width: 70px; 

text-decoration:none;

color:#FFFFFF;

font-style: normal;

letter-spacing: 1px; 

font-weight: 600;

padding: 16px 0px 10px 25px; 

line-height:20px;

height: 27px ;

background:  no-repeat    ; 

transition: 0.3s; 

}

.menuintranet ul li a:visited {

float:left; display:block;

color:#FFFFFF;

text-decoration:none;

font-style: normal;

font-weight: 800;

line-height:20px; height: 27px; border-bottom:2px solid #FFFFFF; 

background:  no-repeat    ; 

}

.menuintranet ul li a:hover {

float:left; display:block;

color:#1D2327;

text-decoration:none;

font-style: normal;

font-weight: 800;

line-height:20px; height: 27px; 



background: no-repeat; 

transition: 0.3s; 

}

.menuintranet ul li:hover {

   width:auto;

   background-color: ; 

}

.menuintranet ul li ul {

display: none;

}

.menuintranet div {

margin:0; border-collapse:collapse; font-size:11px; position:absolute; 

top: 19px;

left: -1px;

}

/* specific to non IE browsers */

.menuintranet ul li:hover ul {

display:block;position:absolute;top:32px;margin-top:1px; left:- ;;width:150px;border-bottom:1px solid #FFFFFF;

}

.menuintranet ul li:hover ul.endstop {

left:-92px;

}

.menuintranet ul li:hover ul li ul {

display: none;

}

.menuintranet ul li:hover ul li a {

display:block;

background:#BD343C  no-repeat 3px 3px; 

font-style: normal;

font-weight:normal;

font-size: 18px; 

line-height:15px;

padding:10px 20px; 

width:200px; 

}

.menuintranet ul li:hover ul li a.drop {

background:#BD343C  no-repeat 3px 3px; }

.menuintranet ul li:hover ul li a:hover {

color:#1D2327;  no-repeat 3px 3px;

}

.menuintranet ul li:hover ul li a:hover.drop {

background: #BD343C  no-repeat 3px 3px;

}

.menuintranet ul li:hover ul li:hover ul {

display:block; position:absolute; left:150px; top:-1px;

}

.menuintranet ul li:hover ul li:hover ul.left {

left:-150px;

}

/* specific to IE5.5 and IE6 browsers */

.menuintranet ul li a:hover ul {

display:block;position:absolute;top:32px; t\op:33px;

background:#FFFFFF  no-repeat 3px 3px;

left:0;

border-bottom:1px solid #FFFFFF;;

}

.menuintranet ul li a:hover ul.endstop {

left: -92px;

}

.menuintranet ul li a:hover ul li a {

display:block;

background:#FFFFFF  no-repeat 3px 3px;

color:#000000;

text-decoration:none;

font-style: normal;

font-weight:normal;

height:1px; line-height:15px; padding:4px 22px; width:150px; w\idth:120px;

border:1px solid #FFFFFF border-bottom:0;

}

.menuintranet ul li a:hover ul li a.drop {

background:#E5E5E5  no-repeat 3px 3px; 

padding-bottom:4px;

}

.menuintranet ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; width:0;

}

.menuintranet ul li a:hover ul li a:hover {

color:#1D2327;

text-decoration:;

font-style: normal;

font-weight:normal;

background: #E5E5E5  no-repeat 3px 3px;

}

.menuintranet ul li a:hover ul li a:hover.drop {

 background: #E5E5E5  no-repeat 3px 3px;

}

.menuintranet ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; top:0;

color:#1D2327;

text-decoration:;

font-style: normal;

font-weight:normal;

left:150px;

}

.menuintranet ul li a:hover ul li a:hover ul.left {

left:-150px;

}

#ssmenu 

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

   tr:nth-child(odd) {background-color: #669999;}

#ssmenu {

   left:69px;

   top: -3px;

}

#logo_menu {

   display: contents;

}

.menuintranet img {

   padding: 20px 0;

}



/*========================= CONTENT ===============================*/



div#content {

   position: relative;

   margin-left: 90px;

   height: 100%;

   padding: 20px;

   height: auto;

}



/*========================= MENU ONGLETS =======================*/



#Menu_Onglet {

   height: auto;

   text-align: right;

   width: 100%;

   padding-top: 20px;

   padding-bottom: 10px;

   background-color: ;

}

#Onglet {

   display: inline-block;



}

#Onglet a {

   padding: 11px 20px;

   background-color: #FFFFFF;

   border: solid 1px #969696;
   border-bottom: none;

   border-radius: 10px 10px 0 0;

   color: #1C1C1C;

   transition-duration: 0.3s;
   z-index: 3;
   text-decoration: none;

}

#Onglet a:hover {

   background-color: #ebe1e1;

   transition-duration: 0.3s;

}

#Onglet a:active {

   background-color: #F0F0F1;

}



/*========================= MENU MonCompte =======================*/



#Menu_Moncompte {

   height: auto;

   text-align: right;

   width: 100%;

   padding-top: 20px;

   padding-bottom: 10px;

   background-color: ;

}

#Moncompte {

   display: inline-block;

   margin: 0 10px;

}

#Moncompte a img{

   width: 30px;

}



/*========================= FILTRE EN-TETE =============================*/



#form_filtre {

   /*background-color: #E6E6E6;*/

   background-color: #FFFFFF;

   border: solid 1px #969696;

   padding: 20px;

   font-size: 18px;

   width: auto;
   margin-bottom: 50px;

}

#form_filtre input[type=checkbox] {

   height: 12px;

   width: 20px;
   vertical-align: initial;

}

#form_filtre label#form_label {

   display: inline;

   font-size: 18px;

   font-weight: 400;

}

#form_filtre select {

   width: auto;

}

#form_filtre input, select, textarea {

   margin: 0;

}

#filtre1 label#form_label {

   margin-right: 20px;

   margin-bottom: 20px;

   display: inline;

   font-size: 18px;

   font-weight: 400;

}

#filtre1 input[type=radio] {

   height: 12px;

   width: 20px;

}

#recherche {

   width: 350px;

   float: right;

   text-align: right;

}

#recherche label {

   display: inline;

}

#recherche input {

   width: 200px;

   height: 30px;

   border-radius: 5px;

   border: solid 1px #969696;

   font-family: 'Nunito';

   font-size: 18px;

   padding: 3px 5px;

   margin-bottom: 0;

}

#filtre2 {

   margin-top: 20px;

   margin-bottom: 10px;

}

#filtre2 label#form_label {

   margin: 0 !important;

}

#filtre2 input {

   margin-right: 20px;

}

#filtre_fin {

   display: inline-block;

   margin-top: 10px;

}

#filtre_fin select {

   height: 35px;

   font-family: 'Nunito';

   margin: 0px 0;

   border-radius: 5px;

   border: solid 1px #969696;

   font-size: 18px;

   width: auto;

   margin-right: 50px;

}

#filtre_fin select#Club {

   margin-right: 0;

}

#filtre4 {

   margin-top: 10px;

   width: 90%;

   display: inline-block;

}

#filtre4 label#form_label {

   margin-right: 0;

}

#filtre4 select {

   margin-right: 20px;

   height: 30px;

   border-radius: 5px;

   border: solid 1px #969696;

   font-family: 'Nunito';

   font-size: 18px;

   width: auto;

   padding: 2px;

}

#bonton_filtre {

   float: right;

   width: auto;

   display: inline-block;

   margin: 10px 0;

}

#bonton_filtre input {

   background-color: transparent;

   color: #BD343C;

   border-radius: 5px;

   border: solid 1px #BD343C;

   font-family: 'Nunito';

   font-size: 15px;

   padding: 0 10px;

   height: 35px;

   transition-duration: 0.3s;

}

#bonton_filtre input:hover {

   background-color: #BD343C;

   color: #FFFFFF;

   transition-duration: 0.3s;

}



/*====================================== TABLEAU ============================*/
/*
table {

   width: 100%;

   border: solid 1px #969696;

   border-collapse: collapse;

   color: #1C1C1C;

}

table tr {

   height: 50px;

}
table 

   tr:nth-child(even) {background: #F0F0F1}

   tr:nth-child(odd) {background: #FFF}

table tr.en-tete-tableau {
	border-bottom: solid 1px #969696;
}

table td {

   border: none;

}
 */
table a {
	color: #1C1C1C !important;
	text-decoration: none;
	font-weight: 700;
}
table a:hover {
	color: #BD343C !important;
}

img#tab_icon {

   width: 25px;

   vertical-align: sub;

}

img#tab_icon [title=FFBB] {

   width: 30px;

}

table th.tab {
	padding-right: 20px;
	
}
table td.tab {
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-left: solid 1px #969696;
}



/*===================== DIV ALIGN CENTER ==========================*/

#content div[align=center] a {

   background-color: transparent;

   color: #BD343C;

   border-radius: 5px;

   border: solid 1px #BD343C;

   font-family: 'Nunito';

   font-size: 15px;

   padding: 3px 10px;

   height: 35px;

   transition-duration: 0.3s;  
   text-decoration: none;   
   text-transform: uppercase;


}

#content div[align=center] a:hover {

   background-color: #BD343C;

   color: #FFFFFF;

   transition-duration: 0.3s;

}


/*================= BOUTON RETOUR ===================*/

#Bouton_Retour {
	display: block;
	z-index: 10;
	float: left;
	margin: auto;
	position: absolute;
	line-height: 43px;
}
#Bouton_Retour a {
	background-color: transparent;
	color: #BD343C;
	border-radius: 5px;
	border: solid 1px #BD343C;
	font-family: 'Nunito';
	font-size: 15px;
	padding: 2px 10px;
	height: 35px;
	transition-duration: 0.3s;
	text-decoration: none;
}
#Bouton_Retour a:hover {
	background-color: #BD343C;
   color: #FFFFFF;
   transition-duration: 0.3s;
}


/*================= TITRE H1 ===================*/
#Titre {
	text-align: center;
}
#Titre h1 {
	margin: 0;
	color: #1C1C1C;
	text-transform: uppercase;
}

/*================= BOUTON ANNULER ===================*/
#content div[align=center] a#Bouton_Annuler {
	background-color: #969696;
   border: 2px solid #969696;
   border-radius: 100px;
   width: auto;
   text-transform: uppercase;
   padding: 10px 20px;
   color: white;
   font-family: "Nunito";
   font-size: 16px;
   font-weight: 400;
   margin-right: 20px;
}
#content div[align=center] a#Bouton_Annuler:hover {
	background-color: transparent;
   color: #969696;
   transition-duration: 0.3s;
}