/* Propričtes Globales ======================================================== */
body { 
	background:url("img/fond_site_02.png") repeat-y center top #111; 
	font-family:Arial;
	margin:0;
	padding:0;
	text-align:center;
}
form, img, h1, h2, h3, ul, li, input, textarea, hr {
margin:0;
padding:0;
border:0;
}
/* Structures Globales ======================================================== */
#main {
	margin:0 auto;
	width:890px;
	text-align:center;
}
.clear { 
	float:clear;
	margin:0;
	padding:0;
}
/* Header ===================================================================== */
/* BANDEAU ============== */
.bandeau_noir { 
	background:url("img/bandeau.gif") left top repeat-x;
	height:36px;
	margin:0;
	padding:0;
}
.conteneur_bandeau {
width:890px;
margin:0 auto;
}
.date {
	float:left;
	text-align:left;
	margin:0;
	padding:0;
	width:445px;
	color:#ffffff;
	font-size:10px;
	line-height:36px;
}
.compteur {
	float:left;
	text-align:right;
	margin:0;
	padding:0;
	width:445px;
	color:#ffffff;
	font-size:10px;
	line-height:36px;
}
/* IDENTITE ============ */
.entete {
	width:890px;
	height:160px;
	margin-top:34px;	
}
.logo {
	float:left;
	width:450px;
	text-align:left;
}
h1 {
	text-align:left;
	color:#b0b0b0;
	font-size:12px;
	text-transform:uppercase;
	margin-top:10px;
}
/* MENU ================ */
.menu ul {
	padding-top:116px;
}
.menu ul li {
	float:left;
	list-style:none;
	font-family:Arial Black;
	font-size:14px;
	letter-spacing:-1px;
	color:#ffffff;
	line-height:30px;
	margin-left:-4px;
}
.menu ul li a {
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	display:block;
	padding:4px 10px;
}
.menu ul li a:hover, .menu ul li.actif a {
	background:#000000;
}

.clear { 
	clear:both;
}
/* BANNIERE ============= */
#conteneur_banniere {
	width:890px;
	height:415px;
	background:#000000;
	margin-top:18px;
}

.banniere {
	float:left;
	width:178px;
	height:375px;
	margin-top:10px;
}
/* CORPS ============================================================ */
/* global ========================================================== */
.conteneur_corps {
	margin-top:16px;
	height:auto;
	width:890px;
}

h2 {
	font-size:24px;
	letter-spacing:-1px;
	color:#ffffff;
	line-height:30px;
	text-align:left;
	margin-bottom:18px;
	margin-top:10px;
	text-transform:uppercase;
}
h3 {
	font-size:16px;
	color:#ffffff;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	text-transform:uppercase;
}
.mar_gauche {
	padding-left:20px;
}
.mar_droite {
	padding-right:20px;
}
.b_bas {
	border-bottom:1px #b0b0b0 solid;
}
.b_gauche {
	border-left:1px #b0b0b0 solid;
}
.b_droite {
	border-right:1px #b0b0b0 solid;
}

/* accueil ========================================================== */
.accueil_gauche_titre {
	float:left;
	width:296px;
}
.accueil_centre_titre {
	float:left;
	width:296px;
}
.accueil_droit_titre {
	float:left;
	width:296px;
}

.accueil_gauche {
	float:left;
	width:296px;
}
.accueil_centre {
	float:left;
	width:296px;
}
.accueil_droit {
	float:left;
	width:296px;
}
/* centre galerie ======================= */
.galerie {
	margin-top:20px;
}
.galerie li {
	float:left;
	list-style:none;
	margin-right:18px;
	padding-bottom:15px;
	width:78px;
}
.galerie li a:hover {
	text-decoration:none; 
}
.galerie li img {
	display:block;
}
/* centre editorial ===================== */
.editorial {
	font-size:12px;
	color:#b0b0b0;	
	text-align:left;
	padding:20px;
}
.editorial a {
	display:block;
	font-size:12px;
	color:#ffffff;	
	font-weight:bold;
	text-align:left;
	padding-top:30px;
	text-decoration:underline;
	text-transform:uppercase;
}
.editorial a:hover {
	text-decoration:none; 
}
/* centre contact ========================*/
.contact {	
	text-align:left;
	padding-top:20px;
	padding-left:20px;
}
.contact .formulaire {
	float:right;
	width:270px;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
}
.contact label {
	float:left;
	width:110px;
	margin:0;
	padding:0;
	font-size:10px;
	color:#b0b0b0;
	text-transform:uppercase;
	line-height:20px;
}
.contact input[type="text"], .contact .btn_form {
	width:150px;
	font-size:12px;
	color:#232323;
	background:#b0b0b0;
}	
.contact textarea {
	margin-top:2px;
	width: 270px;
	height: 100px;
	font-size:12px;
	color:#232323;
	background:#b0b0b0;
}
.contact input[type=submit], .contact .btn {
	margin-top:20px;
	font-size:12px;
	color:#232323;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	background:#b0b0b0;
}
.contact input[type=submit]:hover, .contact .btn:hover {
	color:#ffffff
	background:#232323;
}

.contact .erreur {
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	font-size:10px;
	color:#cc6600;
	text-transform:uppercase;
}
.contact .erreur span {
	font-size:12px;
	font-weight:bold;
}
.contact .erreur a {
	display:block;
	text-align:center;
	padding-top:20px;
	padding-bottom:4px;
	font-size:10px;
	color:#cc6600;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
.contact .erreur a:hover {
	text-decoration:underline;
	font-weight:bold;
}
.contact .confirmation {
	padding-top:100px;
	text-align:center;
	font-size:10px;
	color:#b0b0b0;
	text-transform:uppercase;
	font-weight:bold;
}
/* materiel et outil===============================================*/
.materiel_et_outil_gauche {
	float:left;
	width:425px;
	padding-right:20px;
}
.materiel_et_outil_droit {
	float:left;
	width:424px;
	padding-right:20px;
}
.materiel li {
	font-size:12px;
	color:#ffffff;	
	text-align:left;
	margin-left:20px;
	padding-top:4px;
	padding-bottom:4px;
}
.outillage li {
	font-size:12px;
	color:#ffffff;	
	text-align:left;
	margin-left:40px;
	padding-top:4px;
	padding-bottom:4px;
}

/* TUTORIEL ===================================================== */
.tutoriel_titre {
	margin-top:10px;
	margin-bottom:20px;
	font-size:12px;
	color:#ffffff;	
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
}
.tutoriel_img {
	float:left;
	width:350px;
	height:350px;
}
.tutoriel_texte {
	float:left;
	width:350px;
	height:350px;
	margin-top:10px;
	margin-left:20px;
	font-size:12px;
	color:#b0b0b0;	
	text-align:left;
}
.tutoriel_intro {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	color:#b0b0b0;	
	text-align:left;
}
.tutoriel_intro a {
	font-size:12px;
	color:#b0b0b0;	
	text-decoration:none;
}
.tutoriel_intro a:hover {
	font-size:12px;
	color:#b0b0b0;	
	text-decoration:underline;
}
.tutoriel_backtop {
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
}
.tutoriel_backtop a {
	font-size:10px;
	color:#ffffff;	
	text-align:right;
	text-transform:uppercase;
	text-decoration:underline;
}
.tutoriel_backtop a:hover {
	text-decoration:none;
}

.tutoriel_menu {
	margin-top:20px;
	margin-bottom:20px;
}
.tutoriel_menu li {
	float:left;
	list-style:none;
	padding-bottom:15px;
	width:127px;
	text-align:center;
}
.tutoriel_menu li a {
font-weight:bold;
	font-size:12px;
	color:#ffffff;	
	text-transform:uppercase;
	text-decoration:underline;
}
.tutoriel_menu li a:hover {
	text-decoration:none; 
}
/* GALERIE =======================================================*/
.galerie_gauche {
	float:left;
	width:592px;
}
.galerie_droit {
	float:left;
	width:296px;
}

/* table =============================================*/

.table {
	margin-top:20px;
}
.table li {
	float:left;
	list-style:none;
	margin-right:18px;
	padding-bottom:15px;
	width:78px;
}
.table li a:hover {
	text-decoration:none; 
}
.table li img {
	display:block;
}

/* oeuvre ========================================= */

.oeuvre {
	margin-top:20px;
}
.oeuvre li {
	float:left;
	list-style:none;
	margin-left:16px;
	padding-bottom:15px;
	width:78px;
}
.oeuvre li a:hover {
	text-decoration:none; 
}
.oeuvre li img {
	display:block;
}

/* video =========================================== */
.video {
	margin-top:20px;
}
.video li {
	float:left;
	list-style:none;
	margin-left:18px;
	margin-bottom:15px;
	width:78px;
	height:78px;
}
.video li a:hover {
	text-decoration:none; 
}
.video li img {
	display:block;
}
.video_img {
	float:left;
	margin-left:18px;
	margin-bottom:15px;
	width:78px;
	height:78px;
}
.video_texte {
	float:right;
	margin-left:18px;
	margin-bottom:15px;
	width:176px;
	height:78px;
	text-align:left;
	font-size:12px;
	color:#b0b0b0;
}

/* PIED ========================================================== */
.pied {
	text-align:center;
	margin-top:50px;
	/*border-top:3px #b0b0b0 solid;*/
	width:890px;
	height:auto;
}
.partenaire {
	margin-top:10px;
	padding-bottom:50px;
	text-align:center;
	font-size:12px;
	color:#b0b0b0;	
	text-decoration:none;
}
.partenaire a {
	text-align:center;
	font-size:12px;
	color:#b0b0b0;	
	text-decoration:none;
}
.partenaire a:hover{
	color:#ffffff;	
	text-decoration:none;
}

h4 {
	margin-top:30px;
	font-size:10px;
	color:#ffffff;	
	text-align:center;;
	text-transform:uppercase;
}