/* CSS Document */
/***********************************************/
/* CONTENEUR */
/***********************************************/
body {
padding: 0px;
margin: 0px;

}
#template {
color: #000;
width: 90%;
max-width: 90em;
min-width: 850px;
margin-left: auto;
margin-right: auto;
background-color: #FF99FF; /* rose */
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-top: 5px solid #333;
border: thick green double;
}
/* Contenu principal */
#principal {
font-family: arial, helvetica, verdana, sans-serif;
font-family: 'times new roman', times, serif;/* ajouté */
font-size: 1em;
line-height: 1.5em;
}
#global { 
background: #FFCC99; /* beige */
} 
#content { 
background: #FF99FF;; /* rose */
margin: 0 125px; 
border-left: 2px solid green; 
border-right: 2px solid green; 
padding: 5px;  
}
/***********************************************/
/*pour les liens externe */
/***********************************************/
a.lien_ext:after { 
content: "\0000a0[\2197]"; 
}
a:focus/*ca retire le cadre autour des liens externes */
{
outline:0;
} 
/***********************************************/
/* ENTETE */
/***********************************************/
#header {
font-family: arial, helvetica, verdana, sans-serif;
font-family: 'times new roman', times, serif;/* ajouté */
background-color: #FF0000;/* rouge*/
height: 150px;
text-align: center;
color: #000;
font-weight: bold;
}
div#logo {
float:left;
height: 160px;
background-color:#FF3300;
	}
#afficheg {
position: absolute;
left: 0px;
}	
/***********************************************/
/* message déroulant haut de page */
/***********************************************/
#message{
background-color:#FF9900;
border-top: 2px solid green;
border-bottom: 2px solid green;
}

/***********************************************/
/* PARTIE CENTRALE ACCUEIL*/
/***********************************************/
div#blocnews {
float:right;
width:230px;
height:430px;
background-color:#FF3300;
	}
/***********************************************/
/* PIED DE PAGE */
/***********************************************/
#pied {
height: 120px;
padding: 5px;
background: #FFCC99;
text-align: center;
margin-top: 2px; 
font-weight: bold;
border-top: 2px solid green;
clear:both;
}

/***********************************************/
/* titre du site haut de page */
/***********************************************/
#titre{
font: 25px arial, helvetica, verdana, sans-serif;
color: #008000;
font-weight: bold;
text-align: center;
line-height: 2em;
}

/***********************************************/
/* Line séparateur */
/***********************************************/
.spacer {
background-color: #FFCC33;
clear: both;
border: 1px solid #000;
}
/***********************************************/
/* MENU GAUCHE */
/***********************************************/
#menu{
float:left;
width: 125px;
left: 0px;
background-color: #FFCC99;
color: black;
font: 12px arial, helvetica, verdana, sans-serif;
font-weight: bold; 
}
#menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu li a{
margin: 0px;
padding: 2px;
display: block;
height: 1em;
color: #000;
text-decoration: none;
}
#menu a:hover{
background-color: #add8e6;
}
#menu h5{
font-weight: bold;
font-size: 1em;
border: 1px solid #6495ED;
background-color: green;/* couleur marrons  Haute-Corse*/
color: #fff;
text-align: center;
margin: 0px;
}


/***********************************************/
/* MENU DROITE */
/***********************************************/
#Rmenu{
float:right;
right: 0px;
width: 125px;
color: black;
background-color: #FFCC99;
font: 12px arial, helvetica, verdana, sans-serif;
font-weight: bold;
}

#Rmenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#Rmenu li a{
margin: 0px;
padding: 2px;
display: block;
height: 1em;
color: #000;
text-decoration: none;
}
#Rmenu a:hover{
background-color: #add8e6;
}
#Rmenu h5{
font-weight: bold;
font-size: 1em;
color: #fff;
text-align: center;
background-color: green;/* couleur marrons  Corse du Sud*/
margin: 0px;
}
/********?????***************************************/
/* actualisation est mise à jour  */
/***********************************************/
.newstitre {
margin: 10px;
padding: 5px;
color: #000;
text-align: center;
font-weight: bold;
}
/********?????***************************************/
/* titre des chapitre  */
/***********************************************/
h1{/* titre dans header  */
font-family: arial, helvetica, verdana, sans-serif;
line-height: 1.5em;
color: green;
font-weight: bold;
margin-top: 0px;
}

h4{
color: #0000CC;
font-weight: bold;
margin-top: 0px;
}

h5{
color: #000066;
font-weight: bold;
}
h2{
color: #009900;
font-weight: bold;
padding: 10px;
}
h3{
color: #900;
font-weight: bold;
padding: 10px;
}

/********?????***************************************/
/*titre des paragraphes */
/***********************************************/
p { 
margin-top: 0px;
padding: 0px 10px 0px 10px;
}

/***********************************************/
/* la ligne de séparation */
.spacer {
background: #FFCC33;
clear: both;
}

/********?????***************************************/
/* GALERIE PHOTO  */
/***********************************************/
dl.gallery{
float:left;
border: 1px solid #000;
background-color: #93f;
width: 114px;
text-align: center;
padding: 10px;/* marge cadre  */
margin: 0.5em;/* marge entre les photos 1em;  */
}
.gallery dt { 
font-weight: bold; 
}
.gallery dt img
{
border: 1px solid #000;
width: 111px;
height: 100px;
}
.gallery dd
{
margin: 0;
padding: 0;
}
/********?????***************************************/
/*titre des paragraphes */
/***********************************************/
p { 
font-weight: bold;
padding: 10px;
}

/********?????***************************************/
/* les vignettes dans les pages histoire*/
/***********************************************/
p.imaghistg { 
float: left;
}
a img/* supprime la bordures bleu autour des vignettes*/
{
border: none ;
}
.imagtextcentre { /* les vidéos Legion images textes centré*/
text-align: center;
}

/********?????***************************************/
/* les tableaux*/
/***********************************************/
table {
border: medium solid #6495ed;
border-collapse: collapse;
width: 95%;
margin: auto;
}
th {
font-family: monospace;
border: thin solid #6495ed;
background-color: #D0E3FA;
vertical-align: baseline top;
}
td {
font-family: sans-serif;
border: thin solid #6495ed;
background-color: #ffffff;
padding-left: 15px;
}
caption {
font-family: sans-serif;
font-size: 1em;
color: #60F;
font-weight: bold;
}

.liens1 {
float: center;
margin: 20px 50px;
padding: 5px;
background-color: #FFFF99; /*#FF6666*/
color: #000;
font-weight: bold;
text-align: left ;
}

.liens2 {
float: center;
margin: 20px 50px;
padding: 5px;
background-color: #CCCCFF; /*#FF6666*/
color: #000;
font-weight: bold;
text-align: left ;
}