@charset "UTF-8";

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #5C2619;
	text-align: center;
	letter-spacing: 0.08ex;
	margin: 0px 0px 10px;
	padding: 0px;
}



h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #5C2619;
	line-height: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	letter-spacing: 0.08ex;
	height: 40px;
	width: 245px;
	float: left;
}
/* CSS Document */

/*------------ STYLES GÉNÉRAUX ----------------------*/

/* Pour éviter les cadres bleus sous Firefox !!! */

a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*------------------------ PAGE ACCUEIL -----------------------*/

#bodyaccueil {
	background-color: #E8E3D0;
}

#Tableau_01 {
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-top: -300px;
	margin-left: -400px;
}
#Tableau_norbert {
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-top: -300px;
	margin-left: -400px;
	background-image: url(images/tableaunorbert.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#index1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#index2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#index3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#index4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/index4.jpg);
	background-repeat: no-repeat;
}

#index4 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #144F54;
	line-height: normal;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.08ex;
	margin: 0px 0px 10px;
	padding: 0px;
}

#index4 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: normal;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
	letter-spacing: 0.08ex;
	margin: 10px 20px 0px;
	padding: 0px;
	text-indent: 20px;
	font-weight: bold;
}
#index4 a {
	color: #3C3C3C;
	text-decoration: none;
}
#index4 a:hover {
	color: #144F54;
	text-decoration: none;
}

#index5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#index6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#index7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#index8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#index9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#index10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#index11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#index12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#index13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#index14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#index15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#index16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#index17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

/*----------------------------- PAGE ACTU ------------------*/

#bodyactu {
	background-color: #E8D066;
}

#actu1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#actu2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#actu3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#actu4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/actu4.jpg);
	background-repeat: no-repeat;
}
#actu4 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5C2619;
	line-height: normal;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
	letter-spacing: 0.08ex;
	margin: 10px 20px 0px;
	padding: 0px;
	text-indent: 20px;
	font-weight: bold;
}

#actu5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#actu6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#actu7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#actu8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#actu9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#actu10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#actu11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#actu12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#actu13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#actu14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#actu15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#actu16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#actu17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

/*------------------------- PAGE PORTFOLIO -------------------*/

#bodyportfolio {
	background-color: #91A830;
	behavior: url(csshover.htc);
}

#portfolio1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#portfolio2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#portfolio3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#portfolio4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/portfolio4.jpg);
	background-repeat: no-repeat;
}

#portfolio5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#portfolio6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#portfolio7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#portfolio8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#portfolio9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#portfolio10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#portfolio11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#portfolio12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#portfolio13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#portfolio14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#portfolio15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#portfolio16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#portfolio17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

/*----------------------------------- PAGE CURSUS ---------------*/

#bodycursus {
	background-color: #A49F95;
}

#cursus1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#cursus2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#cursus3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#cursus4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/cursus4.jpg);
	background-repeat: no-repeat;
}

#cursus4 li {
	list-style-type: none;
	background-image: url(images/puce-rouge.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5C2619;
	font-size: 14px;
	width: 500px;
	font-weight: bold;
}

#cursus4 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: normal;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0.08ex;
	padding: 0px;
	text-indent: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: -10px;
}

#cursus5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#cursus6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#cursus7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#cursus8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#cursus9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#cursus10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#cursus11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#cursus12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#cursus13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#cursus14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#cursus15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#cursus16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#cursus17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

/*----------------------- PAGE CONTACT ------------------------*/

#bodycontact {
	background-color: #D6AF78;
}

#contact1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#contact2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#contact3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#contact4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/contact4.jpg);
	background-repeat: no-repeat;
}

#contact5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#contact6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#contact7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#contact8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#contact9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#contact10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#contact11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#contact12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#contact13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#contact14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#contact15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#contact16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#contact17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

/*------------------------ PAGE BONUS --------------------------*/

#bodybonus {
	background-color: #9CD4D8;
}

#bonus1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:145px;
}

#bonus2 {
	position:absolute;
	left:0px;
	top:145px;
	width:25px;
	height:455px;
}

#bonus3 {
	position:absolute;
	left:25px;
	top:145px;
	width:175px;
	height:50px;
}

#bonus4 {
	position:absolute;
	left:200px;
	top:145px;
	width:600px;
	height:455px;
	background-image: url(images/bonus4.jpg);
	background-repeat: no-repeat;
}

#bonus5 {
	position:absolute;
	left:25px;
	top:195px;
	width:175px;
	height:15px;
}

#bonus6 {
	position:absolute;
	left:25px;
	top:210px;
	width:175px;
	height:50px;
}

#bonus7 {
	position:absolute;
	left:25px;
	top:260px;
	width:175px;
	height:15px;
}

#bonus8 {
	position:absolute;
	left:25px;
	top:275px;
	width:175px;
	height:50px;
}

#bonus9 {
	position:absolute;
	left:25px;
	top:325px;
	width:175px;
	height:15px;
}

#bonus10 {
	position:absolute;
	left:25px;
	top:340px;
	width:175px;
	height:50px;
}

#bonus11 {
	position:absolute;
	left:25px;
	top:390px;
	width:175px;
	height:15px;
}

#bonus12 {
	position:absolute;
	left:25px;
	top:405px;
	width:175px;
	height:50px;
}

#bonus13 {
	position:absolute;
	left:25px;
	top:455px;
	width:175px;
	height:15px;
}

#bonus14 {
	position:absolute;
	left:25px;
	top:470px;
	width:25px;
	height:130px;
}

#bonus15 {
	position:absolute;
	left:50px;
	top:470px;
	width:125px;
	height:110px;
}

#bonus16 {
	position:absolute;
	left:175px;
	top:470px;
	width:25px;
	height:130px;
}

#bonus17 {
	position:absolute;
	left:50px;
	top:580px;
	width:125px;
	height:20px;
}

#grossedive {
	margin: 0px;
	padding: 0px;
	height: 380px;
	width: 480px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	left: 50px;
	top: 0px;
	background-image: none;
}

#minidivecentre {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	left: 40px;
	top: 0px;
	background-image: url(images/patientez.jpg);
}

#microdive {
	margin: 0px;
	padding: 0px;
	height: 255px;
	width: 350px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	left: 25px;
	top: 22px;
}

#minidivehaute {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	left: 40px;
	top: 0px;
	background-image: none;
}

#minidivebasse {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	left: 40px;
	top: 0px;
	background-image: none;
}
#divecv {
	width: 380px;
	padding-left: 220px;
}

/*------------------------- BOUTONS DE LA PAGE PORTFOLIO ------------------*/

#boutoncarrephoto {
	float: left;
	height: 125px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#boutoncarreillustration {
	float: left;
	height: 125px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#boutoncarregraphisme {
	float: left;
	height: 125px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*------------ BOUTON DES PAGES PORTFOLIO ---------------*/

#retour {
	height: 40px;
	width: 130px;
	float: left;
	background-image: url(images/retour3.jpg);
}

#retour:hover {
	height: 40px;
	width: 130px;
	float: left;
	background-image: url(images/retoursurvol3.jpg);
}

#flechedroite {
	height: 40px;
	width: 30px;
	background-image: url(images/flechedroite5.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 345px;
	top: -80px;
}

#flechedroite:hover {
	height: 40px;
	width: 30px;
	background-image: url(images/flechedroitesurvol11.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 345px;
	top: -80px;
}

#flechegauche {
	height: 40px;
	width: 30px;
	background-image: url(images/flechegauche3.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 25px;
}

#flechegauche:hover {
	height: 40px;
	width: 30px;
	background-image: url(images/flechegauchesurvol7.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 25px;
}

#diapo {
	height: 40px;
	width: 130px;
	background-image: url(images/diapo.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 145px;
	top: -40px;
}

#diapo:hover {
	height: 40px;
	width: 130px;
	background-image: url(images/diapolecture.jpg);
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	position: relative;
	left: 145px;
	top: -40px;
}

#norbert {
	background-image: url(images/cadrebleu.jpg);
	height: 425;
	width: 700px;
	margin-top: 125px;
	margin-left: 50px;
	padding: 25px 0px 0px;
}

#norbertjeu {
	height: 400px;
	width: 650px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding: 0px;
}
#vignettenorbert {
	width: 98px;
	height: 123px;
	margin-left: 50px;
}