body {
	width: auto;
	margin: 0;
	padding: 0; 
	font-family: 'Arial', sans-serif;
	font-size: 13px; /* taille ecriture corps (pas menu ) */
	color: #ffffff;/* couleur ecriture corps (pas menu ) */
}

h1, h2, h3, h4, h5,h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Arial', sans-serif;
	font-weight: 300;
	color: #000000;
    font-size: 50px;}
a {
	text-decoration: none;  /* lien corps */
	color: #00000;/* couleur lien corps */
}
@keyframes slidy {
0% { left: 0%; }

20%,25% { left: -0%; }
45%,50%  { left: -100%; }
70%,75% { left: -150%; }
95% { left: -175%; }
}
#slider { 
width: 100%; max-width: auto;overflow: hidden;
 }
#slider figure img { 
width : auto;
height : 180px;
 float: left; 
}
#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 10s slidy infinite; 
}
#table {
    max-width: 100%;
       height: 50%;
                      }
#table a {
	font-size: 35px; /* taille ecriture liens */
	font-weight: 400;
	color: #000000;		
	text-align: center;	
   	}
  #wrapper {
	overflow: hidden;
	background:url(images/img02.jpg) repeat-x top;
	}
#container {
	width: 1200px; /* largeur de la page */
	margin: 0px auto; /* centrage de la page */
}
/* Header */ /* entete */

#header {
	width: 1200px; /* largeur de l entete */
	height: 650px;/* hauteur de l entete */
	margin:0 auto;
	background: url(images/img14.jpg) no-repeat right top; /* images entete site bateau */
    color: #ffffff;}

#logo { /* texte a cote de la photo entete */
	overflow: hidden;
	font-family: 'Arial', sans-serif;
}
#logobis { 
	overflow: hidden;
	font-family: 'Arial', sans-serif;
	}
#logo h1, #logo p {
	text-shadow: 1px 1px 0px #5E8CC3;/* couleur ecriture corps (pas menu ) */
	text-transform: uppercase;
}
#logobis h1, #logobis p {
	text-shadow: 1px 1px 0px #5E8CC3;
	text-transform: uppercase;
}
#logo h1 {
	padding: 200px 0px 0px 0px;/* position ecriture corps (pas menu ) */
	letter-spacing: -1px;
	font-size: 125px;/* taille ecriture corps (pas menu ) */
}
#logobis h1 {
	padding: 450px 0px 0px 0px;/* position ecriture corps (pas menu ) */
	letter-spacing: -1px;
	font-size: 95px;/* taille ecriture corps (pas menu ) */
}
#logo p {/* texte sous le tire USS navy */
	margin-top: -20px;
	padding: 0px 0px 0px 5px;
	
	font-size: 20px;/* taille texte sous le tire USS navy */
	font-weight: 400;
	color: #B8D1EE;/* couleur texte sous le tire USS navy */
}
#logobis p {/* texte sous le tire USS navy */
	margin-top: -50px;
	padding: 0px 0px 0px 5px;
	
	font-size: 20px;/* taille texte sous le tire USS navy */
	font-weight: 400;
	color: #B8D1EE;/* couleur texte sous le tire USS navy */
}
#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF; /* couleur ecriture usn zippo (pas menu ) */
}
#logobis a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF; /* couleur ecriture usn zippo (pas menu ) */
}
#menubis a { 
	color: #fff; 
	text-decoration:none;
	font-family: 'Arial', Geneva, sans-serif;
	}
#menubis li,/* menu */
#menubis  li li { 
   
    font-weight: 700;
	display:inline-block;
	overflow: hidden;
	width: auto;height: 10px;
	padding: 25px 25px ;
	background-color: #0253BC;/* couleur de la case sans passage */
	border: 3px solid white;
	}

#menubis  li:hover {
	background-color: #1e90ff; /* couleur passage souris */
	
}

#menu-wrapper {
	
	height: 80px; /* hauteur par rapport au top ( */
	margin: auto;
	 
}
#sous-menu a {
	font-size: 0px;
 	background-color: none;
    width: 300px; /* largeur des cases dans le menu deroulant */
    margin: 0px;
  
}
#sous-menu a:hover {background-color:#1e90ff;
}
#menu {
	overflow: hidden;
	height: 700px; /* hauteur du menu principal*/
	margin: auto;
	width: auto;
}


#menu a { 
   
	display:inline-block; 
	color: #fff; 
	text-decoration:none;
	overflow: hidden;
	height: 30px; /* hauteur ecriture menu */
/* rajouter  */
		
	margin: 0px;
	padding: 0px auto; /* largeur de la case menu */
	line-height: 25px; /* hauteur de la ligne ecriture case menu */
	font-size: 25px; /* taille de l ecriture */
	font-weight: 400; /* gras ecriture menu */
	
	border: none;
}/* menu */
#menu li,
#menu li li { /* les deux menus  */
	position:relative ; /* commande pour ouvrir le menu deroulant */
	display:inline-block; /* menu horizontal */
	width: auto;
	height: auto; /* hauteur et largeur des blocks menu */
	padding: 25px 40px;
	background-color: #0253BC;
	
}

#menu li + li {
	border-left: 1px solid #1e90ff;
	border-right: 1px solid #1e90ff;
}

#menu li:hover {
	background-color: #1e90ff; /* couleur quand on passe sur le nenu principal*/
	
}

/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#menu ul {
	position: absolute;
	top: 5em; left: 0;
	max-height:0em;		
	margin: 0; padding:0;
	background-color: #1e90ff;/* couleur arriere du menu deroulant */
	overflow: hidden;/* cache le menu deroulant quant pas activé*/
	
	transition: 1s max-height 0.3s;
	font-family: 'Arial', sans-serif;
	
	}
#menu li li:hover { background:#1e90ff; /* couleur arrier plan menu deroulant */
 } 
#menu li li a { color: #FFFFFF; } /* couleur ecriture menu deroulant */

/* ici on change la valeur de max-height au :hover */
#menu li:hover ul {
	/* à adapter, le minimum est le meilleur mais voyez large 😉 */
	max-height: 90em;
}
#fiche h2 {
	font-size: 30px; /* taille ecriture liens */
	font-weight: 400;
	color: #ffffff;		
	text-align: center;
	text-decoration: none;
}
#fiche th, td, li {
    border-bottom: 0px solid ;
    font-size: 15px; /* taille ecriture liens */
	font-weight: 400;
	color: #ffffff;		
	text-align: left;
    font-family: 'Arial', sans-serif;
	}
#fiche table{
margin:auto;
background-color: #0253BC;
}
#page {
	overflow: hidden;
	padding: 50px 0px 40px 0px;
}
#pagebis {
	overflow: hidden;
	padding: 0px;
	width: 100%; /* largeur de l entete */
	height: 200px;
	          td {
            text-align: center; /* Alignement horizontal */
            vertical-align: middle; /* Alignement vertical */
        }

        td img {
			padding: 0px 60px 0px 0px;
            max-width: 100%; /* Assure que l'image ne dépasse pas la largeur de la cellule */
            height: auto; /* Maintient les proportions de l'image */
        }
}
/* Content */

#content {
	float: left;
	width: 1200px;/* largeur du texte <p>*/
	margin-right: 50px;
	padding: 0px 0px 0px 0px;
}

#content h2 a {
	padding: 0px 0px 20px 0px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 200;
	color: #0253BC;
}
#content p { color:#0253BC;
     font-size: 25px;}
#four-column {
	overflow: hidden;
	padding: 30px 0px 30px 0px;
	border-top: 1px solid #EEEEEE;
	text-shadow: 1px 1px 0px #FFFFFF;
	color: #626262;
}

#four-column #tbox1 {
	float: left;
	width: 282px;
	margin-right: 24px;
}
#contentmail {
    width   : 500px ;
    margin  : 250px auto 0 auto ;
	background-color: #0253BC;
	font-family: 'Arial', sans-serif;
	color: #ffffff;
}
#contentmail h2 {
    font-family: 'Arial', sans-serif;
	color: #ffffff;
}
input{
    width : 255px ;
}

input, textarea {
    border          : 1px solid #bbb ;
    border-radius   : 6px ;
    font-size       : 25px ;
    padding         : 3px 6px 3px 6px ;
    box-shadow      : inset 0 1px 1px #DDD;
}
#footer {
    width   : 100% ;
    margin  : 0px auto 0 auto ;
	background:url(images/img02.jpg) repeat-x top;
	font-family: 'Arial', sans-serif;
    color: #ffffff;
	font-size: 25px;
	line-height: normal;
}
#texte {
  background-color: white;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
}
 #texte p {
    color: #0253BC ;
	text-align: left;
    font-size: 20px;
	padding-left: 15px
}
#texte h3 {
color: black ;
text-align: center ;
font-size: 40px;
font-weight: bold;
}
#texte h4 {
color: black ;
text-align: center ;
font-size: 30px;

}