/* Thomas ANTIER pour Pascal Guillemin Novembre 2008*/

/* --- GENERAL --- */

* {
	margin: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-image: url(../images/bg/navBarBg.jpg);
	background-repeat:repeat-x;
	background-color: #1a1a1a;
	text-align:center;
	font-size: 11px
}

li{
	list-style: none
}

img{
	border: 0;
}

h1 {
	font-size:16px;
	color: #cb351f;
	padding: 0 0 10px 0;
}

h2 {
	font-size:12px;
	color: #000;
	padding: 0 0 5px 0;
}

.clear{
	clear:both;
	height:1px;
	line-height:0;
	font-size:1px;
}

/* +++ MACRO STRUCTURE +++ */

#container {
	margin: 0 auto;
	width: 824px;
}

#content {
	margin: 0 auto;
	width: 824px;
}

/* HEADER */

#header {
	width: 824px;
	overflow: hidden;
	height: 42px;
	background-image: url(../images/Bg/navBarBg.jpg);
	background-repeat:repeat-x;
}

#logoNavbar {
	float: left;
	width: 128px;
}

/* NAVBAR */

#navbar {
	float: right;
	width: 650px;
	text-align: right;
	padding: 10px 0 0 0;
}

#navbar li {
	display: inline;
}

#navbar li a { 
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;
	color:#000;
}

#navbar li a:hover{  
	color: #c03721;
}

#navbar li a#current {
	padding: 0 0 0 8px;
	background-image: url(../images/pict/navBarArrow.gif);
	background-position:0 3px;
	background-repeat: no-repeat;
	color:#000;
}

/* SUB NAVBAR*/

#subNavbar {
	width: 100%;
	height: 21px;
	text-align: left;
	padding: 5px 0 0 0;
	background-image: url(../images/bg/subNavBarBg.jpg);
	background-repeat:repeat-y;
	/*
	background-color: #444545;
	*/
	color:#b8b8b8;
}

#subNavbar li {
	display: inline;
	padding: 0 0 0 10px;
}

#subNavbar li a { 
	text-decoration: none;
	font-size: 10px;
	color:#b8b8b8;
}

#subNavbar li a:hover{  
	color: #fff;
}

#subNavbar li a#current {
	color:#fff;
}

/* HP PUSH */

#hpPushFirst {
	margin: 0 auto;
	width: 824px;
	overflow: hidden;
	height: 368px;
	background-image: url(../images/hpPush/homePageBgPascalGuillemin-01.jpg);
	background-repeat: no-repeat;
}

#hpPush {
	margin: 0 auto;
	width: 824px;
	overflow: hidden;
	height: 272px;
	background-image: url(../images/bg/pushBg.jpg);
	background-repeat:repeat-x;
}

#hpPush p { 
	padding: 150px 0 0 0;
}


#hpPush a { 
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;
	color:#fff;
	background-image: url(../images/hpPush/arrowPush.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

#hpPush a:hover{  
	color: #c03721;
}

#hpPushLeft {
	float: left;
	width: 273px;
	height: 187px;
	background-image: url(../images/hpPush/hpPushLeftPascalGuillemin.jpg);
	background-repeat:repeat-x;
}

#hpPushMiddle {
	float: left;
	width: 271px;
	height: 187px;
	background-image: url(../images/hpPush/hpPushMiddlePascalGuillemin.jpg);
	background-repeat:repeat-x;
}

#hpPushRight {
	float: right;
	width: 273px;
	height: 187px;
	background-image: url(../images/hpPush/hpPushRightPascalGuillemin.jpg);
	background-repeat:repeat-x;
}

/* CONTENT */

/* PARCOURS */

#contentParcours {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 529px;
	background-color:#fff;
	background-image: url(../images/bg/parcoursBg.jpg);
	background-repeat: no-repeat;
	text-align:justify;
}

#parcours {
	float: right;
	margin: 30px 20px 10px 0;
	width: 300px;
}

#parcours p {
	margin: 0 0 10px 0;
}

#parcours li {
	background-image: url(../images/puces/puces7x7.jpg);
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
}

#parcours li a { 
	font-size: 12px;
	text-decoration: none;
	color:#000;

}

#parcours li a:hover{  
	color: #c03721;
}

/* STAGES */

#contentStages {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
}

#stages {
	margin: 0 0 0 15px;
}

#stages hr{  
	color: #e5e5e5;
	background-color:#e5e5e5;
	height: 1px;
	border: 0;
	margin: 0 15px 0 0;
}

#stagesLeft {
	float: left;
	margin: 10px 10px 10px 0;
	width: 256px;
}

#stagesMiddle {
	float: left;
	margin: 10px 10px 10px 0;
	width: 256px;
}

#stagesRight {
	float: left;
	margin: 10px 10px 10px 0;
	width: 256px;
}

#stages p {
	margin: 0 0 10px 0;
}

#stages li {
	background-image: url(../images/puces/puces5x5.jpg);
	background-repeat: no-repeat;
	padding: 0 0 5px 10px;
}

#stages li a { 
	text-decoration: none;
	color:#c03721;

}

#stages li a:hover{  
	color: #c03721;
	text-decoration:underline;
}

#contentStages {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	background-color:#fff;
	text-align:justify;
}

#pushStages {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height: 272px;
	background-color:#000;
	background-image: url(../images/bg/stagesBg.jpg);
	background-repeat: no-repeat;
}

#Stages {
	float: right;
	margin: 5px 20px 10px 20px;
	width: 100%;
}

#Stages p {
	margin: 0 0 10px 0;
}

#Stages li {
	background-image: url(../images/puces/puces5x5.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

/* ARTICLES */

#contentArticles {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 555px; /* Probleme : corriger la hauter*/
	background-color: #fff;
	background-image: url(../images/bg/articlesBg.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#articles {
	margin: 30px 30px 0 30px;
}

#articles hr{  
	color: #e5e5e5;
	background-color:#e5e5e5;
	height: 1px;
	border: 0;
	margin: 0 15px 0 0;
}

#articlesLeftCouv {
	float: left;
	margin: 10px 10px 10px 0;
	width: 96px;
}

#articlesLeft {
	float: left;
	margin: 10px 20px 0px 0;
	width: 266px;
}

#articlesRightCouv {
	float: left;
	margin: 10px 10px 10px 0;
	width: 96px;
}

#articlesRight {
	float: left;
	margin: 10px 0px 0px 0;
	width: 266px;
}

#articles p {
	margin: 0 0 10px 0;
}

#articles li {
	background-image: url(../images/puces/puces5x5.jpg);
	background-repeat: no-repeat;
	padding: 0 0 5px 10px;
}

#articles li a { 
	text-decoration: none;
	color:#c03721;

}

#articles li a:hover{  
	color: #c03721;
	text-decoration:underline;
}

/* LIENS */

#contentLiens {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 529px;
	background-color:#fff;
	background-image: url(../images/bg/liensBg.jpg);
	background-repeat: no-repeat;
	text-align:justify;
}

#Liens {
	float: right;
	margin: 30px 20px 10px 0;
	width: 300px;
}

#Liens p {
	margin: 0 0 10px 0;
}

#Liens li {
	background-image: url(../images/puces/puces7x7.jpg);
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
}

#Liens li a { 
	font-size: 12px;
	text-decoration: none;
	color:#000;

}

#Liens li a:hover{  
	color: #c03721;
}

/* MENTIONS*/

#contentMentions {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 529px;
	background-color:#fff;
	background-image: url(../images/bg/mentionsBg.jpg);
	background-repeat: no-repeat;
	text-align:justify;
}

#Mentions {
	float: right;
	margin: 30px 20px 10px 0;
	width: 440px;
}

#Mentions p {
	margin: 0 0 10px 0;
}

/* CREDITS */

#contentCredits {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 529px;
	background-color:#fff;
	background-image: url(../images/bg/creditsBg.jpg);
	background-repeat: no-repeat;
	text-align:justify;
}

#Credits {
	float: right;
	margin: 30px 20px 10px 0;
	width: 440px;
}

#Credits p {
	margin: 0 0 10px 0;
}

#Credits li {
	background-image: url(../images/puces/puces5x5.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}

/* VIDEOS */

#contentVideos {
	margin: 0 auto;
	overflow: hidden;
	width: 824px;
	height: 555px;
}

#videos {
	margin: 30px;
}


/* FOOTER */

#footer {
	float: right;
	width: 100%;
	height: 22px;
	background-image: url(../images/bg/footerBg.jpg);
	background-repeat:repeat-x;
}

#footer li {
	display: inline;
	float : right;
	padding: 4px 5px 0 0;
	font-size: 10px;
	color:#a9a9a9;
}

#footer li a { 
	text-decoration: none; 
	color:#a9a9a9;
}

#footer li a:hover{  
	color: #fff;
}

#footer li a#current {
	color: #fff;
	text-decoration: underline;
}