@charset "utf-8";
body {
	height: 100%;
	margin: 0px;
	padding-top: 20px;

	/padding-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
head {
	height: 100%;
	margin: 0px;
}

#global {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	/margin-top: 50px;
}
#menu #lien {
	float: left;
	width: 225px;
	height: 60px;
	cursor: default;
}

#menu {
	height: 65px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
}
#menu2 {
	padding-top: 36px;
	float: left;
	margin-left: 5px;
}

#bouton1 {
	width: 127px;
	height: 29px;
	background-image: url(images/bouton1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	float: left;
}
#bouton2{
	width: 127px;
	height: 29px;
	background-image: url(images/bouton2.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#bouton3{
	width: 127px;
	height: 29px;
	background-image: url(images/bouton3.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#bouton4{
	width: 127px;
	height: 29px;
	background-image: url(images/bouton4.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#bouton5 {
	width: 127px;
	height: 29px;
	background-image: url(images/bouton5.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}

#conteneur {

	clear: both;
	background-image: url(images/rouge.gif);
	background-repeat: repeat-y;
}
#conteneur2 {
	overflow: auto;
	clear: both;
	background-image: url(images/fond2.gif);
	background-repeat: repeat-y;
}
#conteneur3 {
	overflow: auto;
	clear: both;
	background-image: url(images/fond3.gif);
	background-repeat: repeat-y;
}
#conteneur4 {
	overflow: auto;
	clear: both;
	background-image: url(images/fond4.gif);
	background-repeat: repeat-y;
}

#conteneur5 {
	overflow: auto;
	clear: both;
	background-image: url(images/fond5.gif);
	background-repeat: repeat-y;
}
#gauche  {
	float: left;
	width: 225px;
	margin: 0px;
	padding: 0px;
}
.gauche2 {
	float: left;
	width: 225px;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding: 0;
	display: block;
	margin: 0px;
	text-align: left;
}
.ligne_menu_gauche {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.texte-bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-align: left;
}
#corps  {
	width:530px;
	background-image: url(images/texte.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 180px;
	float: right;

}

#corps li {
	list-style-image: url(images/puce-tte-petite-rouge.gif);
	list-style-type: none;
/*	border:1px solid blue;*/

}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: 0;
	letter-spacing: 2px;
	color: #666666;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	font-style: italic;
	text-align: left;
	font-size: 13px;
}

.ssmenu {
	list-style-image: url(images/puce-tte-petite.gif);
	list-style-type: none;
}


.violet {
	color: #852F74;
}

.rouge {
	color: #F20000;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: normal;
	text-align: justify;
	vertical-align: top;
	word-spacing: normal;
	color: #000000;
	margin: 0px;
}
.cadre  {
	text-align: left;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #842165;
	float: right;
	width: 200px;
	margin-left: 50px;
	background-color: #DADADB;
	font-size: 11px;
}

.img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 60px;
	margin-right: 50px;
}

#corps a {
	text-decoration: none;
}
.violet {
	color: #990066;
	overflow: auto;
}


.violet-texte {
	color: #852F74;
}
.rouge-texte {
	color: #F20000;
}
.menu_gauche2 {
	float: left;
	width: 225px;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding: 0;
	display: block;
	margin: 0px;
}


#footer {
	height: 82px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	float: left;
	width: 955px;
}
#footer2 {
	height: 82px;
	background-image: url(images/footer2.gif);
	background-repeat: no-repeat;
	float: left;
	width: 955px;
}
#footer3 {
	height: 82px;
	background-image: url(images/footer3.gif);
	background-repeat: no-repeat;
	float: left;
	width: 955px;
}
#footer4 {
	height: 82px;
	background-image: url(images/footer4.gif);
	background-repeat: no-repeat;
	float: left;
	width: 955px;
}

#footer5 {
	height: 82px;
	background-image: url(images/footer5.gif);
	background-repeat: no-repeat;
	float: left;
	width: 955px;
}
#recrute {
	width: 163px;
	margin: 0px;
	float: right;
	height: 82px;
}


.spacer {
clear: both;
}
#lien {
	display: block;
}
h     p     ul     li     img  {
	margin: 0px;
}
.italique {
	font-style: italic;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#photo {
	float: right;
	width: 230px;
	text-align: right;
	margin-left: 10px;
}
#download {
	background-image: url(images/zone_download.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 280px;
	float: left;
	background-position: center top;
	padding-top: 40px;
	padding-left: 20px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#anim {
	height: 600px;
	float: left;
	width: 955px;
	z-index: 100;
}
#lien2 {
	display: block;
	cursor: hand;
	height: 80px;
	_height: 40px;
	padding: 0px;
	width: 180px;
	margin-left: 775px;
}
.gras {
	font-weight: bold;
}
#photogauche {
	float: left;
	text-align: left;
	margin-right: 30px;
}
#developpement {
	margin-left: 230px;
	_margin-left: 115px;
	height: 35px;
	margin-top: 20px;
	width: 450px;
	float: left;
}
#contact {
	margin-left: 230px;
	_margin-left: 115px;
	width: 520px;
	height: 20px;
	float: left;
	margin-top: -20px;
	_margin-top: -35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
#contact a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
#global #conteneur #toto a {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
.interlignage {
	white-space: nowrap;
	line-height: 15px;
}
#download_right {
	background-image: url(images/zone_download.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 280px;
	float: right;
	background-position: center top;
	padding-top: 40px;
	padding-left: 20px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#bouton_et_flou {
	margin-right: 50px;
	margin-left: 90px;
	width: 500px;
	height: 100px;
	text-align: center;
}
.bouton_visualiser {
	clip: rect(auto,auto,auto,120px);
	margin-left: 180px;
}

#rapport{
width:107px;
margin-left:540px;
position: absolute;
text-align: center;

}

#rapport img{
border:none;
}

#rapport a {
color:#dd2823;
}

a{
outline:none;
}

#legende{
width:300px;
color:#0c7346;
text-align:center;
}

#legende2{
width:240px;
color:#dd2823;
text-align:center;
}