body {/*Style du body*/
	background: #2F021E url(images/fonds/fond_sitec.jpg);
	background-attachment:fixed;
	width: 980px;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	text-align:center;
	}
h1 { /*titre de niveau H2*/
	color: #700000;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	text-align:justify;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
h2 { /*titre de niveau H2*/
	color: #700000;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
table p {
	font-size: 13px;
	font-family: Arial;
	text-align:justify;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
/*classe de style pour faire des tableaux*/
.tableau_disco {
	font-size: 13px;
	font-family: Arial;
	text-align:justify;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-color:black;
	border: 1px solid grey;
	border-collapse: collapse;
	}
.tableau_disco td {
	text-align: center;
	border: 1px solid grey;
		width:250px;
	}
.tableau_disco tr {
	border: 1px solid grey;
	} 
/*classe de style pour centrer des éléments*/
.center { 
	text-align:center;
	}
/*classe de style pour les interviews*/
.interview { 
	color:#700000;
	}
/*classe de style pour les interviews*/
.infos { 
	text-decoration:underline;
	font-weight:bold;
	}

/*liens htmls : pour que les liens images n'aient pas de bordures + survols + visités*/ 
a img {
	border: none;
	}
a:visited {
	color: #2F021E;
	text-decoration: none;
	border-bottom: 1px dotted #2F021E;}
a:hover {
	color: #2F021E;
	text-decoration: none;
	border-bottom: 1px dotted #2F021E;}
a:link {
	color: #700000;
	text-decoration: none;
	border-bottom: 1px dotted #700000;}
	
	
/*Div de contour général (où il y a aura les autres divs dedans // div de milieu, d'enrobage : 
C'est le beige que l'on voit)*/
.contour {
	background:  #FFFFFF url(images/.gif);
	width: 980px;
	margin: 0px auto 0px;
	padding: 0px;
	margin-left: auto;
  	margin-right: auto;
	text-align:center;
	}
	
/*Div tout en haut en haut de la page, qui permet de faire un espace entre la bannière et le haut de page blanc*/
.top {
	width: 980px;
	height: 15px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

/*Div d'en tête, bannière où se trouve la bannière flash*/
.banniere {
	background: #000000 url(images/.png);
	width: 960px;
	height: 120px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

/*Div principal qui contient le Menu de navigation horizontal*/
.menu_principal {
	background: #0F0207;
	width: 960px;
	height: 35px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	text-align:left;
	}
.menu {		/*ne pas mettre d'espace : cela colle le menu à la bannière*/
	margin: 0px;
	padding: 0px;
	}
.menu ul, .menu li {	/*style de la liste horizontale : la positionner tout à gauche, sans style de liste*/
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.menu li a, .menu li a:link, .menu li a:visited {	/*style des liens (une fois le lien visité et non-visité de la liste*/
	color: #FF8B5F;
	display: block;
	font-weight: normal;
    margin: 0px;
	padding: 9px 20px 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #2F021E;
	}
.menu li a:hover, .menu li a:active {	/*style des liens lorsque la souris passe dessus : le fond devient noir*/
	background: #0F0207;
	}
.menu li li a, .menu li li a:link, .menu li li a:visited {
	width: 170px;
	background: #0F0207;
	color: #FF8B5F;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #2F021E;
	border-left: 1px solid #2F021E;
	border-right: 1px solid #2F021E;
	}
.menu li li a:hover {
	background: #700000;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}
.menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}
.menu li ul a { 
	width: 160px;
	}
.menu li ul ul {
	margin: -30px 0 0 191px;
	}
.menu li:hover ul ul, .menu li:hover ul ul ul {
	left: -999em;
	}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover {
	left: auto;
	}

/*Div principal : là il y a tout le contenu : dont le div droit et le div gauche*/
.contenu {
	width: 940px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	line-height: 20px;
	margin-left: auto;
  	margin-right: auto;
	text-align:justify;
	}
	
/*Contenu : cadre du milieu de la page*/
.sous_contenu {
	width: 940px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}	
.sous_contenu .widget  {	/*Carrés blancs*/
	background: #F7F7F7;
	margin: 0px 0px 10px 0px;
	padding: 9px;
	border: 1px solid #E6E6E6;
	text-align:justify;
	}
.sous_contenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

/*Contenu : style de la colonne de gauche : div gauche*/
.sous_contenu_left {
	float: left;
	width: 630px;
	margin: 0px;
	padding: 0px;
	}

/*Contenu : style de la colonne de droite : les div de droites qui sont dans les carrés*/
.sous_contenu_right {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 0px;
	}
.sous_contenu_right h2 {
	color: #700000;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
.fcg {
	background: #F7F7F7;
	margin: 0px 0px 10px 0px;
	padding: 9px;
	border: 1px solid #E6E6E6;
	}

/*Ligne bleue de copyright, de validité de normes, de contacts...*/
.lignebleue {
	clear:both;
	background: #0F0207;
	height: 34px;
	width: 960px;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px auto 0px;
	padding: 0px;
	}
.lignebleue p {
	color: #FFFFFF;
	margin: 0px;	
	padding: 0px;
	}
.lignebleue a {
	color: #FFFFFF;
	text-decoration: none;
	}
.lignebleueleft {
	width: 650px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	}
.lignebleueright {
	width: 230px;
	float: right;
	margin: 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	}
	
/*Div de pied de page : */
.pied_page {
	width: 980px;
	height: 15px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	margin-left: auto;
  	margin-right: auto;
	}

.index_center {/*Style de l'index*/
	background: #000000 url(/.jpg);
	background-attachment:fixed;
	width: 980px;
	height:740px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	text-align:center;
	}
	
	
.barre {
	text-decoration:line-through;
}