body
{
width: 100%;
height: 100%;
margin: 0px;
background-color: #012637
}

/* ---------------------------------------descritons des cellules du tableau principal-------------------------------------------------------------------*/

#tableau_principal
{
margin: auto;
width: 1280px;
height: 855px;
border: none;
border-collapse: collapse;
}

.coin_haut_gauche
{
	margin: 0px;
	height: 145px;
	width: 155px;
	background-image: url("IMG_SHAPE/coin_hg.jpg");
}
.bordure_sup
{
	margin: 0px;
	height: 145px;
	width: 970px;
	background-image: url("IMG_SHAPE/bordure_sup.jpg");
}
.coin_haut_droite
{
	margin: 0px;
	height: 145px;
	width: 155px;
	background-image: url("IMG_SHAPE/coin_hd.jpg");
}
.bordure_gauche
{
	margin: 0px;
	height: 560px;
	width: 155px;
	background-image: url("IMG_SHAPE/bordure_gauche.jpg");
}
.zone
{
	margin: 0px;
	height: 560px;
	width: 970px;
	background-image: url("IMG_SHAPE/zone5.jpg");
}
.bordure_droite
{
	margin: 0px;
	height: 560px;
	width: 155px;
	background-image: url("IMG_SHAPE/bordure_droite.jpg");
}
.coin_bas_gauche
{
	margin: 0px;
	height: 150px;
	width: 155px;
	background-image: url("IMG_SHAPE/coin_bg.jpg");
}
.bordure_inf
{
	margin: 0px;
	height: 150px;
	width: 970px;
	background-image: url("IMG_SHAPE/bordure_inf.jpg");
}
.coin_bas_droite
{
	margin: 0px;
	height: 150px;
	width: 155px;
	background-image: url("IMG_SHAPE/coin_bd.jpg");
}

/*----------------------------------------------description de la zone de travail (menu et zone de travail)-----------------------------------------*/

#tableau_contenant 
{
margin: auto;
width: 100%;
height: 100%;
border: none;
border-collapse: collapse;
}

/*----------------------description du contenu------------------------*/

.colonne_contenu
{
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	vertical-align: bottom;
}

#tableau_contenu
{
margin: left;
padding: 0px;
width: 710px;
height: 530px;
border: none;
border-collapse: collapse;
}

.contenu
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align : top;
	text-decoration: none; 
	font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
	font-size: 18px;
	font-style: bold;
	color: white;
}
.footer_contenu
{
	padding: 0px;
	margin: 0px;
	height : 30px;
	text-align: right;
	text-decoration: none; 
	font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
	font-size: 18px;
	font-style: bold;
	color: white;
}
.footer_contenu a
{
	text-decoration: none;
	color: white;
}
#tableau_menu a:hover
{
text-decoration: none;
color: #012637;
}

 /* --------------------------description du menu---------------------*/

.colonne_menu
{
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 242px;
	vertical-align: bottom;
}


 #tableau_menu
{
margin: auto;
padding-bottom: 30px;
width: 242px;
height: 350px;
border: none;
border-collapse: collapse;
text-decoration: none; 
font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
font-size: 20px;
font-style: bold;
color: white;
text-align: center;
}

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

#tableau_menu a:hover
{
text-decoration: none;
color: #0074aa;
}


/* --------------------------authors.htm--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#tableau_auteurs
{
margin: auto;
padding: 0px;
width: 100%;
border: none;
vertical-align: top;
}

.id
{
	width: 100px;
	text-align: center;
}

.description
{
	vertical-align: top;
}

#tableau_auteurs a
{
color: silver;
}

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

/*-----------------------------------------------------------concept-----------------------------------------------------------*/

#tableau_aerodynamique
{
margin: auto;
padding: 0px;
width: 100%;
height: 250px;
border: none;
font-size: 16px;
font-style: normal;
}

/*---------------------------------------------------------the movie----------------------------------------------------------*/

#tableau_movie
{
margin: auto;
padding: 0px;
text-align: center;
width: 100%;
border: none;
vertical-align: top;
}

/*-------------------------------------------description generique----------------------------------------------------------------------------------------*/


.image_centre
{
	text-align: center;
}

#tableau_contenu strong
{
color : #f8d04a;
}

.footer_contenu :hover
{
text-decoration: none;
color: #012637;
}

.titre
{
	text-decoration: underline; 
	font-family: "Times New Roman", "Arial Black", Arial, Verdana, serif;
	font-size: 20px;
	font-style: bold;
	color: white;
}

.important
{
	text-align: center;
	color: #f8d04a;
	font-style: bold;
}
