/* CSS Document */

body {
margin: 0;
padding: 0;
background: url(bg22.jpg);
color: white;
font-size: 65%;
font-family: verdana, arial, helvetica, sans-serif;
}

#conteneur {
position: absolute;
width: 100%;
}

/* conteneur des pages normales*/
#conteneur2 {
position: relative;
width: 100%;
}

/* conteneur d'éléments de page*/
#conteneur3 {
position: relative;
left: 20px;
right: 20px;
margin-top: 20px;
width:95%;
}

#conteneur3 p {
margin-top: 2px;
margin-right: 3px;
margin-bottom: 8px;
margin-left: 3px;
padding-bottom: 10px;
}

#conteneur3 ul {
list-style-type: none;
padding-left: 3px;
}

/* Partie en-tête de page */

#header1 {
z-index: 2;
height: 140px;
background-image: url(f_blue.jpg);
}

#header {
z-index: 1;
height: 140px;
background-image: url(banniere_ncisfr_2010_2.jpg);
background-position: top center;
background-repeat: no-repeat;
}


#haut {
height: 20px;
background-color: black;
}

#menu_principal {
margin: 0;
padding: 0.3em 0em 0.3em 0;
list-style-type: none;
text-align: center;
}

#menu_principal li {
display: inline;
}

#menu_principal a {
font-weight: bold;
color: white;
text-decoration: none;
}

#menu_principal a:hover {
color: #FFFFCC;
}

/* Propriétés globales au document */

p {
margin-top: 0;
margin-bottom: 0;

}

a {
color: white;
text-decoration: none;
}

a:hover {
color: #FFFFCC;
text-decoration: none;
}

.texte-gras {
color: white;
font-weight: bold;
}


/* Parties */

#gauche {
float: left;
left:0;
width: 165px;
margin-top: 0px;
}

#droite {
float: right;
right:0;
width: 165px;
}

#centre {
margin-left: 165px;
margin-right: 165px;
}

#frame {
height: 280px;
overflow: auto;
}

#pied {
clear: both;
bottom: 0;
text-align: center;
height: 70px;
margin-top: 10px;
margin-bottom: 2px;
padding-top: 30px;
padding-right: 100px;
padding-bottom: 10px;
padding-left: 100px;
}


/* Structure des menus des côtés */

.structure_menu {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 8px;
margin-left: 10px;
width: 145px;
}

/* Structure du centre */
#structure_centre {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Structure du centre (partie droite du haut) */
#structure_centre2 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 201px;
}

/* Propriétés des titres */
h1 {
background-image: url(f_blue.jpg);
color: black;
font-weight: bold;
font-size:130%;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}

#centre h1 {
background-image: url(f_blue.jpg);
color: black;
font-weight: bold;
font-size:130%;
text-align: center;
margin-top: 20px;
margin-bottom: 0;
}

h2 {
background-image: url(f_blue.jpg);
color: black;
font-weight: bold;
font-size:100%;
height: 1.8em;
line-height: 1.8em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-left: 3px;
}

h2 a {
color: black;
text-decoration: none;
font-size: 100%;
}

h3 {
color: white;
font-weight: bold;
font-size:130%;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}

h4 {
color: white;
font-weight: bold;
font-size:110%;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}

h5 {
color: #FFFFCC;
font-weight: bold;
font-size:110%;
text-align: left;
margin-top: 5px;
margin-bottom: 2px;
margin-left: 3px;
}

h6 {
color: #FFFFCC;
font-weight: bold;
font-size:110%;
text-align: center;
margin-top: 5px;
margin-bottom: 2px;
margin-left: 3px;
}

/* Structure du centre */
.contenu {
background-color:#FFFFFF;
margin: 0;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
list-style-type: none;
color: black;
}

.contenu2 {
background-color:#FFFFFF;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 10px;
padding-left: 4px;
color: black;
}


.contenu2 ul { 
list-style: none;
padding-left: 1px;
margin-bottom:1px;
margin-top:2px;
}

.contenu a {
color: black;
text-decoration: none;
}

.contenu a:hover {
color:#6699FF;
text-decoration: underline;
}

/* Partie transparente du haut du centre */
#transp {
position: relative;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
height: 20px;
}

#premier {
float: left;
width: 350px;
font-weight: bold;
height: 15px;
}

#second {
float: right;
width:100px;
text-align: right;
height: 15px;
}



/* Parties du centre */
p#img_alea {
float: left;
width: 201px;
margin-right: 10px;
}

p#img_actu {
float: right;
}

p#img_norm {
float: left;
width: 190px;
}

.texte-transp {
margin-top: 2px;
margin-right: 3px;
margin-bottom: 8px;
margin-left: 3px;
padding-bottom: 10px;
}

.date-news {
color: white;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 5px;
text-align: right;
font-style: italic;
}

#pub {
margin-top: 50px;
margin-bottom: 10px;
text-align: center;
}

/* Config des divers éléments de pages */
#liste_tab {
position: relative;
width: 600px;
text-align: center;
margin-top: 0;
margin-bottom: 10px;
}

#prem {
float: left;
left:0;
width: 280px;
margin-top: 0px;
margin-right: 10px
}

#sec {
float: right;
right:0;
width: 280px;
margin-left: 10px;
}

.liste_puce {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 3px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
font-weight: bold;
text-align: center;
}

.liste_puce ul {
list-style-image: url(../Fichiers/slop.jpg);
}

.liste_puce li {
margin-bottom: 10px;
padding-right: 40px;
}

.liste_puce a {
color: white;
text-decoration: none;
font-weight: bold;
}

.liste_puce a:hover {
color: #FFFFCC;
text-decoration: none;
font-weight: bold;
}

/* Configuration de la partie liens */

.titre-lien {
color: #FFFFCC;
font-weight: bold;
font-size:110%;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 3px;
}

.titre-lien a {
color: #FFFFCC;
font-weight: bold;
text-decoration: none;
}

.titre-lien a:hover {
color:#FFCC00;
font-weight: bold;
text-decoration: none;
}

.texte-jaune {
color:#FFFFCC;
font-size: 100%;
}

.texte-form {
color: black;
font-size: 115%;
}