@charset "UTF-8";
* { border: 0px; margin: 0px; padding: 0px; line-height: 1em; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #fff; }

body {
	background-color: #c9d102;
}

/* ---------- contenant design page accueil ---------- */

.contenant-design-site {
	width: 1024px;
	height: 917px;
	margin: auto auto;
}
.ombre-sup, .ombre-inf {
	float: left;
	height: 20px;
	width: 1024px;
	background-repeat: no-repeat;
}
.ombre-sup {
	background-image: url(images/ombre-sup.png);
}
.ombre-inf {
	background-image: url(images/ombre-inf.png);
}
.ombre-gauche, .ombre-droite {
	float: left;
	width: 20px;
	height: 877px;
	background-repeat: no-repeat;
}
.ombre-gauche {
	background-image: url(images/ombre-gauche.png);
}
.ombre-droite {
	background-image: url(images/ombre-droit.png);
}
.contenant-accueil {
	float: left;
	height: 877px;
	width: 984px;
	background-repeat: no-repeat;
	background-image: url(images/fond-page-accueil.jpg);
}
.contenant-page {
	width: 984px;
	height: 824px;
	margin: auto auto;
}
.header-sup {
	float: left;
	width: 984px;
	height: 95px;
	background-image: url(images/logo-sup.jpg);
	background-repeat: no-repeat;
}
.logo-inf {
	float: left;
	width: 273px;
	height: 35px;
	background-image: url(images/logo-inf.jpg);
	background-repeat: no-repeat;
}
.navigation {
	float: left;
	width: 711px;
	height: 35px;
}
.contenant-navigation-accueil {
	height: 449px;
	width: 200px;
	margin: 354px 0px 0px 700px;
}
.contenu-equipe, .contenu-metier, .contenu-contact {
	float: left;
	width: 984px;
	height: 694px;
	background-repeat: no-repeat;
}
.contenu-equipe {
	background-image: url(images/fond-equipe.jpg);
}
.contenu-metier {
	background-image: url(images/fond-metier.jpg);
}
.contenu-contact {
	background-image: url(images/fond-contact.jpg);
}
.contenu-book {
	float: left;
	width: 984px;
	height: 641px;
	background: url(images/fond-book-bottom.jpg) no-repeat top left transparent;
}
.contenu-book-top {
	float: left;
	width: 984px;
	height: 53px;
	background: url(images/fond-book-top.jpg) no-repeat top left transparent;
}
.image-navigation {
	float: left;
}
.text-equipe {
	width: 670px;
	height: 110px;
	margin: 50px 0px 0px 273px;
}
.presentation-nicolas {
	float: left;
	width: 300px;
	height: 150px;
	margin: 260px 384px 0px 0px;
	text-align: right;
}
.presentation-sandrine {
	float: left;
	width: 300px;
	height: 150px;
	margin-top: 260px;
}
.texte-metier {
	width: 633px;
	height: 302px;
	margin: 126px 0px 0px 274px;
}
.texte-contact {
	width: 359px;
	height: 187px;
	margin: 241px 0px 0px 548px;
}
/* ---------- Navigation ---------- */

a.navigation-accueil, a:hover.navigation-accueil, span.navigation-accueil {
	float: left;
	display: block;
	width: 179px;
	color: #fff;
	margin-bottom: 60px;
}
a:hover.navigation-accueil, span.navigation-accueil {
	color: #c9d102;
}
.picto-fleche-accueil {
	margin: 0px 5px 0px 0px;
	float: left;
}
.picto-fleche {
	margin: 0px 5px 0px 0px;
}
a.bouton-navigation, a:hover.bouton-navigation, span.bouton-navigation {
	float: left;
	height: 25px;
	width: 133px;
	background-image: url(images/barre-navigation.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #006782;
	padding-top: 10px;
}
a:hover.bouton-navigation, span.bouton-navigation {
	color: #c9d102;
}

/* ------------- Element de texte ----------- */
h1 {
	font-size: 10px;
	text-align: center;
	color: #939902;
	margin-top: 3px;
}
h4 {
	color: #c9d102;
	margin-bottom: 10px;
	font-weight: lighter;
	letter-spacing: 2px;
	font-size: 18px;
	font-style: italic;
	text-shadow: 1px 1px 5px rgb(0,0,0);
}
h5 {
	font-size: 18px;
	margin-bottom: 20px;
}
.texte-gras {
	font-weight: bold;
	font-size: 14px;
}
.texte-couleur {
	color: #c9d102;
	margin: 10px 0px 0px 0px;
	display: block;
	font-style: italic;
	font-size: 14px;
}
p {
	font-size: 14px;
	line-height: 17px;
}
h2 {
	font-size: 30px;
	font-style: italic;
	margin-top: 80px;
	display: block;
}