/* CSS Document */

body, html {
	background-color: #FFFFFF;
	height: 100%;
}

.text_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.text_black_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.text_black_14_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.text_grey_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF6600;
}

#titre {
	position: absolute;
	text-align: right;
	left: 705px;
	top: 25px;
	width: 394px;
	height: 25px;
	z-index: 2;
}

#flags {
	position: absolute;
	text-align:right;
	left: 705px;
	top: 55px;
	width: 394px;
	height: 27px;
	z-index: 2;
}

/* debut menu */

#fond_menu {
	position: absolute;
	left: 49px;
	top: 19px;
	width: 251px;
	height: 614px;
	z-index:1;
}

.menu {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow:#333333;
	vertical-align: middle;
	line-height: 25px;
}

#logo_menu01_on {
	position: absolute;
	left: 0px;
	top: 7px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu01_on {
	position: absolute;
	left: 106px;
	top: 55px;
	width: 247px;
	height: 25px;
	text-align: center;
	text-shadow:#333333;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu01_off {
	position: absolute;
	left: 0px;
	top: 55px;
	width: 247px;
	height: 25px;
	text-align: center;
	text-shadow:#333333;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#logo_menu02_on {
	position: absolute;
	left: 0px;
	top: 107px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu02_on {
	position: absolute;
	left: 106px;
	top: 155px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu02_off {
	position: absolute;
	left: 0px;
	top: 155px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#logo_menu03_on {
	position: absolute;
	left: 0px;
	top: 207px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu03_on {
	position: absolute;
	left: 106px;
	top: 255px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu03_off {
	position: absolute;
	left: 0px;
	top: 255px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#logo_menu04_on {
	position: absolute;
	left: 0px;
	top: 307px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu04_on {
	position: absolute;
	left: 106px;
	top: 355px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu04_off {
	position: absolute;
	left: 0px;
	top: 355px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#logo_menu05_on {
	position: absolute;
	left: 0px;
	top: 407px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu05_on {
	position: absolute;
	left: 106px;
	top: 455px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu05_off {
	position: absolute;
	left: 0px;
	top: 455px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#logo_menu06_on {
	position: absolute;
	left: 0px;
	top: 507px;
	width: 96px;
	height: 73px;
	z-index: 2;
}

#menu06_on {
	position: absolute;
	left: 106px;
	top: 555px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

#menu06_off {
	position: absolute;
	left: 0px;
	top: 555px;
	width: 247px;
	height: 25px;
	text-align: center;
	background-color: #000000;
	vertical-align: middle;
	z-index: 2;
}

/* fin menu */

/* page accueil */

#logo {
	position: absolute;
	left: 445px;
	top: 150px;
	width: 227px;
	height: 185;
	z-index: 2;
}

#index_text {
	position: absolute;
	left: 678px;
	top: 314px;
	width: 421px;
	height: 92px;
	z-index: 2;
}

#photo_accueil {
	position: absolute;
	left: 442px;
	top: 455px;
	width: 657px;
	height: 144px;
	z-index: 2;
}

/* fin page accueil */

/* page historique */

#text_histo01 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 130px;
	width: 647px;
	height: 48px;
	z-index: 2;
}

#image_histo01 {
	position: absolute;
	left: 452px;
	top: 200px;
	width: 647px;
	height: 71px;
	z-index: 2;
}

#text_histo02 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 313px;
	width: 647px;
	height: 118px;
	z-index: 2;
}

#image_histo02 {
	position: absolute;
	left: 623px;
	top: 482px;
	width: 283px;
	height: 189px;
	z-index: 2;
}

/* fin page historique */

/* page structure */

#text_struct01 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 130px;
	width: 647px;
	height: 48px;
	z-index: 2;
}

#text_struct02 {
	position: absolute;
	left: 452px;
	top: 208px;
	width: 406px;
	height: 268px;
	text-align: justify;
	z-index: 2;
}

#img_struct01 {
	position:absolute;
	left: 880px;
	top: 208px;
	width: 218px;
	height: 380px;
	z-index: 2;
}

#img_struct02 {
	position: absolute;
	left: 452px;
	top: 496px;
	height: 92px;
	width: 168px;
	z-index: 2;
}

#img_struct03 {
	position: absolute;
	left: 630px;
	top: 543px;
	height: 45px;
	width: 228px;
	z-index: 2;
}

/* fin page structure */

/* page administration */

#text_admin01 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 130px;
	width: 647px;
	height: 48px;
	z-index: 2;
}

#text_admin02 {
	position: absolute;
	left: 452px;
	top: 188px;
	width: 354px;
	height: 419px;
	text-align: justify;
	z-index: 2;
}

#img_admin01 {
	position: absolute;
	left: 816px;
	top: 188px;
	width: 283px;
	height: 213px;
	z-index: 2;
}

#img_admin02 {
	position: absolute;
	left: 816px;
	top: 401px;
	width: 283px;
	height: 206px;
	z-index: 2;
}

/* fin page administration */

/* page trim and inspection */

#text_trim01 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 130px;
	width: 647px;
	height: 48px;
	z-index: 2;
}

#img_trim01 {
	position: absolute;
	left: 452px;
	top: 182px;
	width: 213px;
	height: 142px;
	z-index: 2;
}

#img_trim02 {
	position: absolute;
	left: 669px;
	top: 182px;
	width: 213px;
	height: 142px;
	z-index: 2;
}

#img_trim03 {
	position: absolute;
	left: 886px;
	top: 182px;
	width: 213px;
	height: 142px;
	z-index: 2;
}

#text_trim02 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 347px;
	width: 647px;
	height: 85px;
	z-index: 2;
}

#img_trim04 {
	position: absolute;
	left: 452px;
	top: 432px;
	width: 220px;
	height: 142px;
	z-index: 2;
}

#img_trim05 {
	position: absolute;
	left: 672px;
	top: 432px;
	width: 196px;
	height: 142px;
	z-index: 2;
}

#img_trim06 {
	position: absolute;
	left: 868px;
	top: 432px;
	width: 232px;
	height: 142px;
	z-index: 2;
}

/* fin page trim and inspection */

/* page survey */

#text_survey01 {
	position: absolute;
	text-align: justify;
	left: 452px;
	top: 130px;
	width: 647px;
	height: 268px;
	z-index: 2;
}

#img_survey01 {
	position: absolute;
	left: 452px;
	top: 432px;
	width: 200px;
	height: 150px;
	z-index: 2;
}

#img_survey02 {
	position: absolute;
	left: 653px;
	top: 432px;
	width: 236px;
	height: 142px;
	z-index: 2;
}

#img_survey03 {
	position: absolute;
	left: 890px;
	top: 432px;
	width: 207px;
	height: 142px;
	z-index: 2;
}

/* fin page survey */

/* bas de page */

#contact {
	position: absolute;
	left: 48px;
	top: 647px;
	width: 1051px;
	height: 23px;
	z-index: 2;
	text-align: center;
	background-color: #000000;
}

.contact {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.contact_mail {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

#copyright {
	position: absolute;
	left: 699px;
	top: 623px;
	width: 400px;
	height: 22px;
	z-index: 2;
}

.copyright {
	position: absolute;
	top: 680px;
	left: 100px;
	widows: 356px;
	text-align: right;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.lien_externe {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* fin bas de page */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity:0.5;
}

.toggleopacity:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

.toggleopacity img {
	border: 0px solid #ccc;
}

