/* Eléments principaux de la page */
/* On travaille sur la balise body, donc sur TOUTE la page */
body{
    background-color: #639ace;
    font-family: 'Courier new', Arial, Verdana, sans-serif;
    color: #000000;
}

/* bloc_page englobe actuellement toute la page */

#bloc_page{
	width: 90%;
    margin: auto;
}

/* Bannière */

#banniere{
	width: 90%;
	text-align: center;
}

.FloatPictureBanner{
    float: left;
}

#titre_principal{
	display: inline-block;
	font-size: 4.2em;
	font-weight: bold;
	vertical-align: bottom;
}

/* Fin de Banniere*/

/* Header */

header{
    width: 90%;
	background: url('CJ3A/separateur.png') repeat-x bottom;
}

/* Navigation */

nav{
    display: inline-block;
	width: 100%;
	text-align: center;
}

nav ul{
    list-style-type: none;
}

nav li{
    display: inline-block;
	margin-left: 30px;
}

nav a{
    font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover{
    color: red;
    border-bottom: 3px solid red;
}

/* Fin de Navigation*/

/* Fin de Header*/

/* Corps */

section h1{
    font-weight: bold;
    text-transform: uppercase;
}

 /*Toutes les tables..*/

table{
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

/* Toutes les cellules des tableaux... */

td, th {
    border: 1px solid black; /* auront une bordure de 1px */
	font-weight: bold;
	text-align: center;
}

.tableContactUs{
	margin: auto;
}

#DoubleColumn{
	background-color: white;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.Column {
	display: inline-block;
	vertical-align: top;
}

.FirstColumn{
	margin-left: 40px;
	width: 40%;
}

.SecondColumn {
	margin-left: 40px;
	width: 40%;
}

article{
	background-color: white;
	display: inline-block;
	width: 90%;
	vertical-align: top;
    text-align: left;
	font-size: 1em;
	margin-bottom: 20px;
}

.lien{
	color: darkblue;
	font-size: 1.2em;
	font-weight: bold;
    text-transform: uppercase;
}

.lien:hover{
    color: red;
    border-bottom: 3px solid red;
}

/* Fin de Corps*/

/* Footer */

footer{
    width: 90%;
	background:  url('CJ3A/separateur.png') repeat-x top;
    padding-top: 25px;
}

#Parts{
	display: inline-block;
	float: left;
}

#Link{
	display: inline-block;
	float: right;
}

#copyright{
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}

#Updated{
	text-align: center;
	font-size: 0.8em;
}

#counter{
	text-align: center;
	font-weight: bold;
}

/* Fin de Footer*/

/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #titre_principal, .old_ie nav, .old_ie nav li, .old_ie .Column , .old_ie article, .old_ie #Parts , .old_ie #Link {
    display: inline;
}



/* Quelques ajustements pour les vieilles versions d'IE */