﻿/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #000000;
	background: #000000;
}
a {
	color: #FF0000;
}
a:hover, a:focus {
	color: #FFFFFF;
}
strong {
	color: #FFFFFF;
}

/* Navigation */
#navigation {
	background: #000000;
}
#navigation a {
	color: #FFFFFF;
}
#navigation a:hover, #navigation a:focus {
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	background: #8C0000;
}

/* Bloc central */
#centre {
	background: url('styles/img/08-colonnes.png') repeat-y; /* Voir -> Note 1 */
}

/* Contenu principal */
#principal {
	color: #FFFFFF;
	background: #000000; /* -> 2 */
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	background: #181A12; /* -> 2 */
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 5px 5px;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 1000px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 0px;
}
#entete h1 {
text-align:center;
	margin: 0;
	height: 91px;
}
#entete h1 img {
	float: none;
	margin: 2px 20px 5px 0px;
}
/* Menu de navigation */
#navigation {
	padding: 0px 0px;
}
#navigation ul {
	margin: 10px 10px 20px 10px;
	padding: 0;
	list-style: none;
	border: 1px solid #DFDFDF; /* Rajoute un cadre au Menu de Navigation */

}
#navigation li {
	display: block;
}
#navigation a {
	padding: 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Bloc central */
#centre_home {
	background: #000000 no-repeat scroll center;
	width: 480px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fond pour texte.png');
}

#centre {
	background: #000000 no-repeat scroll center;
	width: 580px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fond pour texte.png');
}

#centre_news {
	background: #000000 no-repeat scroll center;
	width: 580px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}

#centre_presse {
	background: #000000 no-repeat scroll center;
	width: 430px; /* -> 4 */;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}


#centre_tokyo {
	background: #000000 no-repeat scroll center;
	width: 570px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fondtokyoTuc.jpg');
}

#centre_vw {
	background: #000000 url('picto/fondwvTuc.jpg') no-repeat scroll center;
	width: 570px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fondwvTuc.jpg');
}

#centre_roadster {
	background: #000000 no-repeat scroll center;
	width: 570px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fondroadsterTuc.jpg');
}

#centre_sema {
	background: #000000 no-repeat scroll center;
	width: 570px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fondsemaTuc.jpg');
}



#centre_contact {
	background: #000000 repeat scroll center;
	width: 550px; /* -> 4 */;
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('picto/fond pour texte.png');
	position: static;
	left: 400px;
}

#centre p {
	float: left;
	font-size: 12px;
	font-family: "Arial Black", "Bitstream Vera Mono", "Lucida Console", "Courier New";
	text-align: justify;
	margin: 5px 30px;
	padding: 0;
}


#galerie {
	margin: 0 0 0 0;
	padding: 0 0 0 70;
	background: #000000;
/* -> 4 */;	overflow: hidden;
	color: #FFFFFF;
	background-color: #000000;
}

#video {
	margin: 0 0 0 0;
	padding: 0 0 0 7;
	background: #000000;
/* -> 4 */;	overflow: hidden;
	color: #FFFFFF;
	background-color: #000000;
}


/* Bloc central+ Photo*/
#centre_photo {
	text-align:center;
	background: #000000;
/*	width: 483px; /* -> 4 */
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}

#centre_photo_black{
	text-align:center;
	background: #000000;
/*	width: 483px; /* -> 4 */
	overflow: hidden;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}

/* Bloc_gauche_haut */
#Bloc_gauche_haut_home {
	position: inherit;
	padding: 5px;
	float: left;
	background: #000000;
	width: 250px;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	clear: both;
}

#Bloc_gauche_haut {
	position: inherit;
	padding: 7px;
	float: left;
	background: #000000;
	width: 200px;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
	clear: both;
}

#Bloc_gauche_haut_home p{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 200px;
	color: #000000;
}


#Bloc_gauche_haut p{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 200px;
	color: #000000;
}



/* Bloc_droit_haut */
#Bloc_droit_haut_home {
	padding: 5px;
	float: right;
	background: #000000;
	width: 250px; /* -> 4 */;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}

#Bloc_droit_haut {
	padding: 7px;
	float: right;
	background: #000000;
	width: 200px; /* -> 4 */;
	height: auto;
	color: #FFFFFF;
	background-color: #000000;
}

#Bloc_droit_haut_home p{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 200px;
	color: #000000;
}


#Bloc_droit_haut p{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 200px;
	color: #000000;
}

/* Bloc_gauche_haut_event  */
#Bloc_gauche_haut_event {
	position: inherit;
	padding: 0px;
	float: left;
	background: #000000;
	width: 500px;
	height: 580px;
	color: #FFFFFF;
	background-color: #000000;
	clear: both;
}
#Bloc_gauche_haut_event  p{
	padding: 7;
	margin: 7;
	text-align: center;
	width: 0px;
}



/* Bloc_droit_haut_event  */
#Bloc_droit_haut_event  {
	position: relative;
	padding: 0px;
	float: right;
	background: #000000;
	width: 500px; /* -> 4 */;
	height: 580px;
	color: #FFFFFF;
	background-color: #000000;
}
#Bloc_droit_haut_event  p{
	padding: 7;
	margin: 7;
	text-align: center;
	width: 0px;
}

/* Contenu principal */
#principal {
	float: left; /* -> 5 */
	width: 1000px;
	padding: 50px 0px;
}
/* Contenu secondaire */
#secondaire l {
	border: #FFFFFF;
	margin-left: 20px; /* -> 6 */
	margin-right: 800px;
	padding: 12px 0;
}
#secondaire r {
	border: #FFFFFF;
	margin-left: 800px; /* -> 6 */;
	margin-right: 20px;
	padding: 12px 0;
}

/* Pied de page */
#pied{
	background: #FFFFFF;
	padding: 15px 30px 10px 15px;
	font-size: x-small;
}

/* Mention de copyright */
#copyright {
	margin: 6px;
	font-size: 1em;
	text-align: left;
	top: inherit;
	padding: 0px;
}
