/* Typography & Colors */

body {
	font-size: 15pt;
	font-family: arial, Sans-Serif;
	background-color: #6f7d88;
	color: #000000;
	text-align: center;
	}

#header {
	font-size: 10pt;
	font-family: courier, Sans-Serif;
	color: #000000;
	background-color: #f3f3f3;
	text-align: center;
	}

#divmenu {
	font-size: 10pt;
	font-family: courier, Sans-Serif;
	color: #000000;
	background-color: transparent;
	text-align: center;
	}

#page {
	border: 1px solid #959596;
	}

#footer {
	font-size: 8pt;
	font-family: arial, Sans-Serif;
	background-color: #f3f3f3;
	color: #6f7d88;
	}

#menu a {
	font-size: 12pt;
	font-family: courier;
	color: #000000;
	}

#content, #content2 {
	font-size: 14pt;
	font-family: courier, Sans-Serif;
	color: #000000;
	text-align: center;
	background-color: #E7D8AF;
	}

.titletext {
	font-size: 28px;
	font-family: courier, Sans-Serif;
	text-align: center;
	color: #000000;
	}	

.titlepage, .photo {
	font-size: 14px;
	font-family: courier, Sans-Serif;
	font-weight: bold;
	text-align: left;
	text-align: justify;
	color: #4D565E;
	}

.text, .text2, .text3 {
	font-size: 14px;
	font-family: courier, Sans-Serif;
	text-align: left;
	text-align: justify;
	color: #292E32;
	}

img {
	border: 0px;
	}

a.materiel {
	font-size: 15px;
	font-family: courier, Sans-Serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #4D565E;
	}

a.materiel:hover {
	font-size: 15px;
	font-family: courier, Sans-Serif;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	}

a.paine {
	font-size: 14px;
	font-family: courier, Sans-Serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #4D565E;
	}

a.paine:hover {
	font-size: 14px;
	font-family: courier, Sans-Serif;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	}

p.episode {
	font-size: 35px;
	font-family: arial, Sans-Serif;
	font-weight: bold;
	text-align: center;
	text-decoration: overline underline;
	color: #E71A00;
	}

/* End Typography & Colors */



/* Structure */

body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background-color: #73a0c5;
	}

#footer {
	padding: 0 0 0 0;
	margin: 0 auto;
	height: 80px;
	width: 100%;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#divmenu {
	margin: 181px 0 0 28px;
	padding: 0;
	height: 30px;
	width: 698px;
	}

#content, #content2 {
	margin: 10px 0 0 37px;
	padding: 0;
	border: solid 2px #A79C7D;
	border-top-color: #E7D8AF;
	height: 830px;
	width: 681px;
	}

#titlenews, #titlepresentation, #titleproduction, #titlerecrutement, #titleliens {
	margin: 0;
	padding: 0;
	height: 98px;
	width: 566px;
	position: relative;
	top: 20px;
	left: 55px;
	}

#hq, #bq {
	position: relative;
	left: -15px;
	}

.photo {
	margin: 0;
	padding: 0;
	position: relative;
	top: -125px;
	left: 170px;
	}

.titlepage {
	padding: 20px 20px 0 20px;
	}

.titletext {
	margin: 0;
	padding: 0;
	position: relative;
	top: 35px;
	}

.text {
	margin: 0;
	padding: 20px 35px 0 35px;
	position: relative;
	top: 25px;
	}

.text2 {
	margin: 0;
	padding: 0;
	height: 380px;
	width: 340px;
	position: relative;
	top: -380px;
	left: 325px;
	}

.text3 {
	margin: 0;
	padding: 0;
	height: 830px;
	width: 645px;
	position: relative;
	top: -360px;
	left: 20px;
	}

a.materiel {
	position: relative;
	left: 250px;
	}

p.episode {
	position: relative;
	top: -30px;
	left: center;
	}

/* End Structure */



/* Backgrounds */

#header {
	background: url('images/header3.jpg') no-repeat bottom center;
	}

#footer {
	background: url('images/footer.jpg') no-repeat bottom;
	border: none;
	margin: 0 0 0 -1px;
	}

#page {
	background: url('images/bg.jpg') repeat-y top;
	border: none;
	padding: 0px;
	}

#header {
	margin: 0 !important;
	margin: 0 0 0 1px;
	padding: 1px;
	height: 198px;
	width: 758px;
	}

#content {
	background: url('images/confidentiel1.jpg') no-repeat center;
	background-color: #E7D8AF;
	}

#content2 {
	background: url('images/confidentiel2.jpg') no-repeat center;
	background-color: #E7D8AF;
	}

#titlenews {
	background: url('images/titlenews.jpg') no-repeat center;	
	}

#titlepresentation {
	background: url('images/titlepresentation.jpg') no-repeat center;
	}

#titleproduction {
	background: url('images/titleproduction.jpg') no-repeat center;
	}

#titlerecrutement {
	background: url('images/titlerecrutement.jpg') no-repeat center;
	}

#titleliens {
	background: url('images/titleliens.jpg') no-repeat center;	
	}

/* End Backgrounds */



/* Menu */

#menu {
	width: 693px;
	padding: 0; 
	margin: 0 auto;
	list-style-type: none;
	}

#menu a {
	display: block;
	width: 134px;
	height: 20px;
	background: url('images/bouton1-2.jpg') no-repeat; 
	text-align: center; 
	padding: 5px 0; 
	text-decoration: none; 
	float: right; 
	}


#menu a:hover { 
	background: url('images/bouton2-3.jpg') no-repeat;
	}

#menu li {
	float: right;
	width: 134px;
	border: 2px solid transparent; 
	}

/* End Menu */