/* ########### 2024  les éléments body, container, content seront définis dans indexAMP #####*/
/* container passe au-dessus de body
body {
	border: thick none #F0C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 100%;
	padding: 0;
	background-color: #333; 
	color: #000;
}
.container5 {
	width: 100%;
	border: medium solid  #F00;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}

.content5 {
	border: thick double  #0F0;
	left: auto;
	right: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	
	margin-top: 50px;
	
	background-color: #FFF;
	color: #000;
}
.container4 {
	width: 100%;
	border: medium solid #F00;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.content4 {
	border: thick double #0F0;
	left: auto;
	right: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
	margin-top: 50px;
}

/* ########### 2024  les éléments body, container, content seront définis dans indexAMP #####*/




/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
	font-weight: bold;
}

a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */

/* class */


.ArmadaLogo {
	font-weight: bold;
	color: #00F;
	border: medium none #F0F;
	background-color: #FFF;
	font-size: 100%;
	width: 52%;
}

.bg-image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  }




.content5VLB {
	border: thick double  #F80;
	left: auto;
	right: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*z-index: 5;*/
	margin-top: 80px;
	/* position: relative; */
	background-color: #FFF;
	color: #000;
}

.container5VLBAMP {
	width: 100%;
	border: medium none  #F00;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	/*background-color: #FFF;*/
	min-height: 100%;/* OK*/
	background-color: #666; 
	/*background-color: rgba(0, 0, 0, 0.5);*/
}

/* content5VLB existe déjà dans css-amp5 et dans ce cas c'est la feuille de style css qui est prioritaire*/
.content5VLBAMP {
	border: thick none  #0F0; /* #0F0  vert*/
	left: auto;
	right: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	/*z-index: 5;*/
	margin-top: 5px;
	/* position: relative; */
	background-color: #666; 
	/*background-color: rgba(0, 0, 0, 0.5);*/
	color: #000;
}


.footer2 {
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	background-color: #333;
	font-size: small;
	font-style: normal;
	color: #FF9;
	padding-top: 10px;
	padding-bottom: 10px;
	border: medium dotted #F00;
	width: 100%;
	position: relative;
	margin-bottom: 0px;
}

.indexJBcpt {
	position: absolute;
	top: 10px;
	color: #CCC;
	width: 100%;
	border: thick none #0FF;
	left: auto;
	right: auto;
	font-size: 12px;
	font-style: italic;
	z-index: 3;
}




.MenuAMP4 {
	position: fixed;
	top: 0px;
	border: medium double #F00;
	z-index: 20;
	width: 100%;
	height: 85px;
	/*clear: left;*/
	/*visibility: visible;*/
	background-color: rgba(104,104,104,0.1);

}

.MenuAMP5 {
	position: fixed;
	top: 0px;
	border: medium none #F80;
	z-index: 20;
	width: 100%;
	/*height: 65px;*/
	margin-right: auto;
	margin-left: auto;
	/*background-color:#BBB8A6;*/
	/*background-color: rgba(187,184,166,0.9);*/
}	

.MenuAMP5_Owner {
	position: fixed;
	top: 0px;
	border: medium none rgb(255, 0, 13);
	z-index: 30;
	width: 90%;
	/*left: 5px;*/
	/*height: 65px;*/
	/*padding-left: 0%;
	margin-right: auto;
	margin-left: auto;*/
	/*background-color:#BBB8A6;*/
	/*background-color: rgba(104,104,104,0.2);  pour SITE */

	background-color: rgba(187,184,166,0.4);
}	

/* MenuAMP5_Carrousel  plus utilisé dans AfficheTetePage2024 depuis le 10/09/24 */
.MenuAMP5_Carrousel {
	position: fixed;
	top: 0px;
	border: thick dashed #00F;
	z-index: 40;
	width: 90%;
	/*margin: 0%;
	padding: 0%;*/
	/*height: 65px;*/
	margin-right: auto;
	margin-left: auto;
	/*background-color:#BBB8A6;*/
	background-color: rgba(187,184,166,0.9); /* mod */
}	



.MenuAMP5A {
	position: fixed;
	top: 0px;
	border: medium none #F20;
	z-index: 20;
	width: 90%;
	/*height: 65px;*/
	margin: 0%;
	padding: 0px;
	/*margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;*/
	background-color: rgba(104,104,104,0.2);
}


.ombrage {
	text-shadow: 0px 0px 9px #0FF;
	color: #000;
} 
.ombrage2v1 {
	text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
	color: #000;
}
.ombrage2{
	/*text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;*/
	color: #F93;
	font-size: large;
	font-weight: bold;
	margin-top: 10px;
	text-decoration: underline;
}

.ombrage2_Old {
	text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
	color: #000;
	font-size: large;
	font-weight: bold;
	margin-top: 20px;
}

.ombrage2Compteur {
	/* text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200; */
	color: #999;
}

.OmbrageCpt {
	color: #FF0;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
	font-family: ChunkFiveRegular;
	font-size: 20px;
	display: inline;
	border: medium none #3CF;
	left: auto;
	right: auto;
}

.OmbrageCptJB {
	color: #FF0;
	font-family: ChunkFiveRegular;
	font-size: 90%;
	border: medium solid black;
	left: auto;
	right: auto;
	background-color: rgba(104,104,104,0.9);
	font-weight: bold;
}

/* --------- Superposition ---------- */
/*  venant du CSS de PHOTOSALAIN */
#parent {
	position: relative;
	display: inline;
 }
 img.superpose_original {
	 position: absolute;
	 right: 8%;
	 bottom: 40px;
 }
 img.superpose {
	 position: absolute;
	 right: 1%;
	 bottom: 20%;
 }
 
 #img_1 {
	z-index: 10;
 }
 #img_2 {
	 clear:left;
	 z-index: 11;
 }
 #img_3 {
	z-index: 12;
 }
/* --------- Superposition ---------- */
 
.BoiteBas {
	/* en principe non utilisé dans indexamp5 */
	min-height: 30%;
	border: medium double #09F;
	color: rgb(0, 255, 64);
}



.TabComTitreBoite {
	border: thick double #F00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	color: #F00;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.TetePage2024 {
	border: thick none #F00;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	width: 90%;
	/*height:10%;*/
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 5px;
	background-image: url('fond-TabTitreTexte5.jpg'); 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;  
	/* webkit-  n'est pas reconnu par tous les navigateurs */
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
	

}




.TabComTitreTexte {
	height: 50px;
	width: 300px;
	font-size: 36px;
	color: #F60;
	background-image: url(fond-TabTitreTexte.jpg);
	font-weight: bolder;
	background-repeat: no-repeat;
	clear: left;
	margin: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 5px;
}
.TabComTitreTexte4 {
	width: 40%;
	color: #00F;
	background-image: url(fond-TabTitreTexte.jpg);
	font-weight: bolder;
	background-repeat: no-repeat;
	clear: left;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	border: thick none #FF3;
	height: 50px;
	font-size: 200%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}




.TabCom -v1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: thick double #FF3;
	list-style-type: disc;
	list-style-position: inside;
	min-height: 120px;
	width: 90%;
	background-color: #C63;
	}
	
.TabCom-v2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: thick none #FF3;
	min-height: 120px;
	width: 90%;
}
	
.TabCom{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: thick none #FF3;
	min-height: 120px;
	width: 90%;
}
	
.TabCom5{
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #036;
	padding : 5px;
	border: thick double #39F;
	/*min-height: 120px;*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: justify;
}

	/* TabCom5Video non utilisé -- VERSION 1
		.TabCom5Video{
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #F00;
	border: thick none #933;
	min-height: 120px;
	width: 90%;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
		}
	*/

.TabCom5VideoAMP{
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #F00;
	border: thick none #933;
	min-height: 80px;
	width: 90%;
	font-weight: bold;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

.TabCom5VLB{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #036;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		border: thick double #39F;
		min-height: 120px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: justify;
}
			

.TabComCentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #FFF;
	border: thick double #3C9;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 300px;
}
.TabComDroit--- {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CCC;
	border: medium dashed #F63;
	list-style-type: disc;
	list-style-position: inside;
	min-height: 120px;
	width: 50%;
	/*background-color: #9CF;
	opacity:0.7;
	filter:alpha(opacity=70);*/
	/*text-shadow: 0px 0px 10px #FFf;
	color: #FF3;*/
	background-color: #333;
	position: absolute;
	top: 350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 400px;
}

.TabComSlide {
	border: medium none #0F0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #03C;
	z-index: 1;
	width: 50%;
	position: fixed;
	top: 100px;
	right: 10px;
}
.TabComSlide4 {
	color: #CCC;
	border: medium none #F63;
	min-height: 300px;
	width: 100%;
	background-color: #333;
	z-index: 2;
	position: absolute;
}


.TabComSlide4B {
	color: #CCC;
	border: medium double #F00;
	min-height: 300px;
	width: 100%;
	background-color: #333;
	z-index: 2;

}

.TabComSlide2024 {
	border: medium none #0F0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #03C;
	z-index: 1;
	width: 80%;
	position: relative;
}


.TabComDroitSlide4-v1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #CCC;
	border: medium dashed #F63;
	min-height: 350px;
	width: 100%;
	background-color: #333;
	z-index: 2;
	position: absolute;
}



.TabComNiveau1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #6CF;
	border: medium none #F63;
	width: 60%;
	background-color: #333;
	margin-top: 315px;
	font-style: italic;
	font-weight: bold;
}

.TabComIntro{
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #FFC;
	border: medium none #F63;
	width: 70%;
	background-color: #333;
	font-style: italic;
	text-align: justify;
}
.TabComIntro2blanc{
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #CCC;
	border: medium none #F63;
	width: 70%;
	background-color: #333;
	font-style: italic;
}


.TabComGauche-v1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	border: medium dotted #F63;
	min-height: 350px;
	width: 90%;
	background-color: #333;
	padding: 0px;
	position: absolute;
	top: 400px;
}



.TabComTextShadow {
	text-shadow: 0px 0px 10px #FFf;
	color: #000;
	}
.TabMarathon {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	color: #FF0;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}



.TabNouveau_old {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FF9;
	width: 90%;
	font-weight: normal;
}

.TabNouveau {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CCC;
	background-color: #666;
	width: 90%;
	font-weight: normal;
}


.TabVideo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	color: #0FF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0px;
	border: thin double #C39;
}
/* de Css_indexAMPB.css */
.TitreContent {
	color: #00f;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 36px;
}

.YoutubeVid {
	width: 75%;
	border: thick none #F00;
}



/*  id */
#gauche{
	float:left;
	width:19%;
	height:100%;
	margin-top:0px;
	border: medium none #0FF;
	text-align: center;
}

#centre{
	float:left;
	width:60%;
	height:100%;
	margin-top:0px;
	border: medium none #FF0;
	text-align: center;
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 6px;
}
#GaucheNew {
	float:left;
	width:68%;
	margin-top:0px;
	border: medium none #FF0;
	text-align: center;
	padding-top: 0px;
	padding-right: 1%;
	padding-left: 1%;
}


 
#droite{
	width:19%;
	height:100%;
	border: thick none #0F0;
	text-align: center;
	margin-left: 80%;
	padding-top: 50px;
}

#DroiteNew {
	width:25%;
	border: thick none #0F0;
	text-align: center;
	position: relative;
	margin-left: 72%;
	padding-right: 1%;
	right: 1%;
	padding-left: 1%;
}
#noimprime{
	display:none;
	}