* {
margin: 0;
padding: 0;
}
body
{
   width:1108px;  
   margin: auto;
   background-color: #5BF1FF;

   background-image: url("design/background.jpg");
   background-repeat: repeat-x;
   background-attachment:fixed;
   min-width:830px;
}

/* Le haut  */

#haut
{
   width: 100%;
   height: 135px;
   background-image: url("design/haut.png");
   background-repeat: no-repeat;
}

#haut a
{
  text-decoration:none;
}
/* Banière de clic  */

#clic
{
   float:right;
   height: 80px;
   width:904px;
   background-image: url("design/menu_haut.png");
   background-repeat: no-repeat;
}
#clic img
{
   border:none;
}

#corps_haut
{
   float:right;
   height: 39px;
   width:904px;
   background-image: url("design/corps_haut.png");
   background-repeat: no-repeat;
}

#corps_bas
{
   float:right;
   height: 76px;
   width:904px;
   background-image: url("design/corps_bas.png");
   background-repeat: no-repeat;
   margin-right: 5px;
}



/* Le conteneur */

#contient
{
   background-image: url("design/menu.png");
   background-repeat: no-repeat;
}

/* Le menu */

#menu
{
   float: left;
   width: 165px;
}


/*          _____             _____         _____         ______          ______                    */
/*        /                       /             \      |          \        |             \     /                                  */
/*       |                       |                |     |____ /        |_____/      \______                    */
/*       \                       \              /      |         \         |                                    \                  */
/*         \____              \____/        |            \      |                      ______/                  */
#corps2
{
   background-image: url("design/corps.png");
   background-repeat: repeat-y;
   width:904px;
   float:right;
   margin-right: 5px;
   color: #000000;
   min-height:400px;
   font-size:14px;

}
#corps
{

   width:615px;
  float:left;
   color: #000000;
   min-height:400px;
   font-size:14px;
   padding-left:58px;
}
#corps2 a
{
  text-decoration:none;
  color:#380000;
  font-weight:bold;
}
#corps2 a:hover
{
  
  text-decoration:none;
  color:#382525;
  font-weight:bold;
}
#corps2 fieldset
{
   padding-left:20px;
   padding-right:20px;   
   background-color:#FFFF99;
   color: #000000;
   border:1px solid black;
   text-align: left;
   font-size:14px;  
}
#corps2 h6
{
  background-color: #E7DB9F;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:2px solid black;
  padding:12px;
   font-size:14px;

}

#tuto2
{

   width:615px;
  float:left;
   color: #000000;
   font-size:14px;
   padding-left:58px;
}

.beauty
{

  background-color: #E7DB9F;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:2px solid black;
  padding:12px;

}
#menu2
{
float:right;
width:120px;
padding-right:75px;
}
#menu2 a
{
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

#pirate
{
float:left;
width:199px;
}
#pirate2
{
width:199px;
min-height:123px;
}
#pirate3
{
width:199px;
min-height:123px;
}
* html #pirate3{
  margin-top:40px;
}
*+html #pirate3{
  margin-top:40px;
}
.regle
{
   padding-top:2px;
   background-color: #FFFFEE;
   border:1px solid black;
   text-align: left;
   padding-left :30px;
   margin-top:20px;
   margin-bottom:20px;
   margin-right:0px;
   font-size:16;
   list-style-type: none;
   font-weight:bold;
}
.marchand2
{
   padding-top:10px;
   padding-bottom:10px;
   background-color: #FFFFEE;
   border:1px solid black;
   text-align: justify;
   padding-left:10px;
   min-height:120px;
   margin-top:20px;
   margin-bottom:5px;
   margin-right:0px;
   font-size:16;
   font-weight:bold;

}
.marchand
{
   background-color: #E4BD89;
   padding:10px;
   color: #000000;
   border:1px solid black;
   text-align: left;
   font-size:14px;
   margin-bottom:10px;
}

.cadre
{
   padding-left:10px;
   padding-right:10px;
   padding-top:20px;
   padding-bottom:30px;
   background-color: #FFFFC1;
   color: #000000;
   border:1px solid black;
   text-align: left;
   font-size:16;
   color: #000000;
}
#pied_de_page
{

   height:40px;
   padding: 5px;
   text-align: center;
   color:#875025;
   clear:both;
  font-size:11px;font-weight:bold;text-decoration:none;
}
#pied_de_page a
{
  color:#black;
  text-decoration:none;
  padding:3px;
}

.ending2
{

}
.ending2 a
{
color:#875025;text-decoration:none;padding:3px;
}
.ending2 a:hover
{
   color:white;
  text-decoration:none;
}

.ending 
{
  width:500px;margin:auto;font-size:11px;font-weight:bold;text-decoration:none;

}
.ending a
{
color:#875025;text-decoration:none;padding:3px;
}
.ending a:hover
{
   color:white;
  text-decoration:none; 
}
.end 
{
color:black;text-decoration:none;padding:3px;
}
.end a:hover
{
   color:white;
  text-decoration:none;
}
/* Partie de la page d'accueil pour les news ! */
.commentaire
{
}
.titredenew
{
color:#FFFFFF;
width:90%;
height:33px;
border:1px solid black;
background: url("euh.PNG");
border-collapse: collapse;
margin:auto;
}
.contientnew
{
border-collapse: collapse;
border:1px solid black;
width:90%;
background:#D6BD8B;
margin:auto;
}
.center
{
text-align:center;
}
.centrer
{
margin:auto;
}
/*Titre de chaque page important*/
h1 /* Tous les titres des pages du site (en haut) */
{
  text-align: center;
  margin-top:0px;
  margin-bottom:20px;
  padding: 5px;
  font-family:Arial, 'Times New Roman', Times, serif;
  color:#FDF4E8;
  background-image: url("design/background.jpg");
   background-attachment:fixed;
  border: 1px solid #9B8861;
  border-bottom: 2px solid #9B8861;
  height:1%;
}
h5
{
   padding:10px;
   background-color: #FFFFC1;
   color: #000000;
   border:1px dashed black;
   text-align: left;
   font-size:14px;
   color: #000000;
}
/* En valeur */
.alire
{
  color:#FF0000;
  font-size:16px;
  text-align:center;
}
/* Page Perso */
.imgfloat
{
  float:left;
  border:1px black solid;
  border-right:2px black solid;
  border-bottom: 2px solid black;
  margin-right:10px;
}
/* Carte du monde */
.carta
{
  border:1px blue solid;
  text-align:center;
  color:white;
  font-size:12px;
  font-weight:bold;
}
.carte
{
  border:1px yellow outset;
}
.attaque
{
  padding-left:20px;
  padding-right:20px;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#00CCFF;
  color: #000000;
  border:1px dotted black;
  text-align: left;
  font-size:16px;  
  min-height:25px;
  text-align:center;
}
option
{
  padding-left:15px;
}
.motgauche
{
  float: left;
  padding-left:10px;
  vertical-align:middle;
}
.motdroite
{
  float: right;
  padding-right:10px;
  vertical-align:middle;
}
.texteapres
{
  clear: both;
}
/*Pour les rapport de bataille*/
.rapport
{
  border-collapse: collapse;
  border:1px solid black;
  background:#D6BD8B;
  margin:auto;
  padding: 6px;
  color: black;
  font-size:14px;
}
.rapports
{
  border: 2px solid black;
  background-color: #BF7430;
     font-weight:bold;
  background-image: url("design/sous_titre.jpg");

   background-attachment:fixed;
  color: black;
  padding: 5px;
  margin-bottom:10px;
  font-family:Arial, 'Times New Roman', Times, serif;
  text-align: left;
  font-size:16px;
  margin:auto;
}
.marchand_lien
{
font-size:16px;color:red;font-weight: bold;text-decoration:none;
}
.marchand_lien:hover
{
font-size:16px;color:red;font-weight: bold;border-bottom:2px solid red;border-top:2px solid red;
}

.coffre_lien
{
font-size:16px;color:white;font-weight: bold;text-decoration:none;
}
#coffreuh
{text-decoration:none;
  
}
.coffre_lien:hover
{
font-size:16px;color:red;font-weight: bold;text-decoration:none;border-bottom:2px solid white;border-top:2px solid white;
}
.equipage /* Quelques couleur pour l'équipage */
{
  border:1px solid black;
  background:#D6BD8B;
  margin:auto;
  padding: 6px;
  color: black;
  font-size:14px;
}
.equipage tr
{
  border:1px solid black;
}

.float_gauche { float: left; }
.float_droite { float: right; }
.float_gauche, .float_droite { margin:0.5em; }

.bouton{border:3px
double #5d1b12;border-top-color:#ba4d4f;border-left-color:#ba4d4f;padding:2px
2px;background:#F8E0AE repeat-x;padding-left:5px;padding-right:5px;color:#5c2222;font-weight:bold;font-size:12px;text-align:center}
.bouton a{
color:black;
}


.flash
{
  width:97%;
  height:17px;
  border-top:2px solid #EFA50A;
  border-right:2px solid #EFA50A;
  border-left:2px solid #EFA50A;
  border-bottom:2px solid #EFA50A;
  font-size: 13px;
  color: black;
  background-color: #D6BD8B;
  text-align: center;

  margin:2px;
  padding:5px;
}


//Tuto

#tuto_ga
{
  font-size:11px;
  border:2px solid black;
  background:white;
  -moz-border-radius: 0px 10px 10px 10px;
  -webkit-border-radius: 0px 10px 10px 10px;
  border-radius: 0px 10px 10px 10px;
  width:300px;
  padding:3px;
  margin:4px;
  margin-left:120px;
  margin-top:10px;
  color:#00376F;
  font-weight:bold;
}

#tuto_fille
{
  font-size:11px;
  border:2px solid black;
  background:white;
  -moz-border-radius: 10px 0px 10px 10px;
  -webkit-border-radius: 10px 0px 10px 10px;
  border-radius: 10px 0px 10px 10px;
  width:300px;
  padding:3px;
  margin:4px;
  margin-left:160px;
  font-weight:bold;
  color:#DF6A00;
}



#tuto_gars
{
  font-size:11px;
  border:2px solid black;
  background:white;
  -moz-border-radius: 0px 10px 10px 10px;
  -webkit-border-radius: 0px 10px 10px 10px;
  border-radius: 0px 10px 10px 10px;
  width:300px;
  padding:3px;
  margin:4px;
  margin-left:120px;
  color:#00376F;
  font-weight:bold;
}

#tuto_reponse
{
  font-size:11px;
  border:2px solid black;
  background:white;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width:340px;
  padding:3px;
  margin:4px;
  margin-left:120px;
  color:#00376F;
  font-weight:bold;
  text-align:right;
}
#tuto_reponse a
{
  color:#CA0000;
}
#tuto_reponse a:hover 
{
  color:#8C0000;
}

.bloc_mer
{
	background-color: #E7DB9F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:2px solid black;
	padding:12px;  
	padding:12px;
	background-image:url('image/background.jpg');
	background-repeat: repeat;
}
.bouton_classe
{
   border-top: 1px solid #bf712c;
   background: #d6d065;
   background: -webkit-gradient(linear, left top, left bottom, from(#ad791f), to(#d6d065));
   background: -webkit-linear-gradient(top, #ad791f, #d6d065);
   background: -moz-linear-gradient(top, #ad791f, #d6d065);
   background: -ms-linear-gradient(top, #ad791f, #d6d065);
   background: -o-linear-gradient(top, #ad791f, #d6d065);
   padding: 6.5px 13px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   margin:10px;
display: block ;
}

.bouton_classe:hover {
border:none;
   border-top-color: #b56641;
   background: #b56641;
   color: #ff5608;
   }
.bouton_classe:active {
   border-top-color: #5c3f0d;
   background: #5c3f0d;
   }
   
.bouton_accueil{
height:30px;
color:black;
font-weight:bold;
border:2px solid #C7BB76;
background-color:#DAD2A5;    
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.bouton_accueil:hover {
background-color:#CFC58B; 
   }

   
 .mini_entre
 {
 font-size:10px;
 font-weight:bold;
 color:light grey;
 }