/* CSS Document */

body {
	background: #000;
	margin: 0px;
	padding: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9px;
	color: #00195a;
}

a:link, a:visited, a:hover {
	font-weight: bold;
	color:#ccc ;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}


/********************* POSITIONNEMENT DES BLOCS *********************/

.std-conteneur {
	position: absolute;
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/fond-index.jpg') top right no-repeat;
}

.std-uk {
	position: absolute;
	top: 120px;
	left: 770px;
	font-size: 11px;
	border: 0px solid green;
	}
	
a.std-lien-uk:link, a.std-lien-uk:visited {
	margin: 0px;
	padding: 0px;
	color: #000;
border: 0px solid white;
	}
	
a.std-lien-uk:hover {
	color: #fff; 
	text-decoration: underline;
}


.std-invisible{
	display: none;
}



/********************* INTERFACE *********************/

a.std-accueil:link, a.std-accueil:visited {
	display: block;
	position: absolute;
	top: 125px;
	left: 595px;
	height: 35px;
	width: 121px;
	background: #fff url('../images/bt-accueil-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-accueil:hover {
	background: #fff url('../images/bt-accueil-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-accueil span {
	display: none;
}

a.std-presentation:link, a.std-presentation:visited {
	display: block;
	position: absolute;
	top: 165px;
	left: 654px;
	height: 38px;
	width: 146px;
	background: #fff url('../images/bt-presentation-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-presentation:hover {
	background: #fff url('../images/bt-presentation-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-presentation span {
	display: none;
}

a.std-multimedia:link, a.std-multimedia:visited {
	display: block;
	position: absolute;
	top: 212px;
	left: 739px;
	height: 38px;
	width: 159px;
	background: #fff url('../images/bt-multimedia-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-multimedia:hover {
	background: #fff url('../images/bt-multimedia-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-multimedia span {
	display: none;
}

a.std-imprimerie:link, a.std-imprimerie:visited {
	display: block;
	position: absolute;
	top: 260px;
	left: 785px;
	height: 38px;
	width: 152px;
	background: #fff url('../images/bt-imprimerie-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-imprimerie:hover {
	background: #fff url('../images/bt-imprimerie-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-imprimerie span {
	display: none;
}

a.std-infographie:link, a.std-infographie:visited {
	display: block;
	position: absolute;
	top: 315px;
	left: 794px;
	height: 38px;
	width: 152px;
	background: #fff url('../images/bt-infographie-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-infographie:hover {
	background: #fff url('../images/bt-infographie-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-infographie span {
	display: none;
}

a.std-projets:link, a.std-projets:visited {
	display: block;
	position: absolute;
	top: 382px;
	left: 786px;
	height: 38px;
	width: 194px;
	background: #fff url('../images/bt-projets-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-projets:hover {
	background: #fff url('../images/bt-projets-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-projets span {
	display: none;
}

a.std-liens:link, a.std-liens:visited {
	display: block;
	position: absolute;
	top: 430px;
	left: 765px;
	height: 38px;
	width: 107px;
	background: #fff url('../images/bt-liens-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-liens:hover {
	background: #fff url('../images/bt-liens-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-liens span {
	display: none;
}

a.std-contact:link, a.std-contact:visited {
	display: block;
	position: absolute;
	top: 485px;
	left: 737px;
	height: 38px;
	width: 121px;
	background: #fff url('../images/bt-contact-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-contact:hover {
	background: #fff url('../images/bt-contact-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-contact span {
	display: none;
}



/********************* PRESENTATION *********************/

.std-body-pres-1 {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9px;
	color: #00195a;
	border:0px solid red;
}

.std-conteneur-pres {
	position: absolute;
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/presentation/fond-pres.jpg') top right no-repeat;
}

.std-conteneur-pres-self {
	position: absolute;
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/presentation/fond-self.jpg') top right no-repeat;
}


.std-conteneur-pres-cv {
	position: absolute;
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/presentation/fond-cv.jpg') top right no-repeat;
}

.std-interface-pres-1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 204px;
	background: transparent url('../images/presentation/interface-1-2.jpg') top left no-repeat;
	border:0px solid red;
}

.std-interface-pres-self {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 204px;
	background: transparent url('../images/presentation/interface-self.jpg') top left no-repeat;
	border:0px solid red;
}


a.std-pres-cv:link, a.std-pres-cv:visited {
	display: block;
	position: absolute;
	top: 278px;
	left: 165px;
	height: 76px;
	width: 182px;
	background: transparent url('../images/presentation/bt-1-cv-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-pres-cv:hover {
	background: transparent url('../images/presentation/bt-1-cv-over.jpg') top left no-repeat;
	text-decoration: none;
}

a.std-pres-self:link, a.std-pres-self:visited {
	display: block;
	position: absolute;
	top: 536px;
	left: 613px;
	height: 85px;
	width: 190px;
	background: transparent url('../images/presentation/bt-1-self-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.std-pres-self:hover {
	background: transparent url('../images/presentation/bt-1-self-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-txt-pres-cv {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 290px;
	top: 0px;
	width: 330px;
	height: 830px;
	background: transparent url('../images/presentation/cadre-cv.jpg') top left no-repeat;
	border: 0px solid red;
}

.std-txt-pres-cv table {
	margin: 15px;
	padding: 0px;
	margin-top: 100px;
	color: white;
	text-align: justify;
	font-size: 12px;
	border: 0px solid red;
}

.std-txt-pres-cv table th{
	margin: 15px;
	padding: 0px;
	margin-top: 100px;
	color: #d90a04;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid red;
}

.std-txt-pres-self {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 290px;
	top: 0px;
	width: 373px;
	height: 1033px;
	background: transparent url('../images/presentation/cadre-self.jpg') top left no-repeat;
	border:0px solid red;
}

.std-txt-pres-self table {
	margin: 15px;
	padding: 0px;
	margin-top: 75px;
	color: #23334a;
	text-align: justify;
	font-size: 12px;
	border: 0px solid red;
}

.std-filet {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 215px;
	border:0px solid red;
}

a.bt-cv-vers-self:link, a.bt-cv-vers-self:visited {
	display: block;
	position: absolute;
	top: 225px;
	left: 0px;
	height: 80px;
	width: 237px;
	background: transparent url('../images/presentation/bt-self-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.bt-cv-vers-self:hover {
	background: transparent url('../images/presentation/bt-self-over.jpg') top left no-repeat;
	text-decoration: none;
}

a.bt-self-vers-cv:link, a.bt-self-vers-cv:visited {
	display: block;
	position: absolute;
	top: 221px;
	left: 0px;
	height: 83px;
	width: 240px;
	background: transparent url('../images/presentation/bt-cv-out.jpg') top left no-repeat;
	border: 0px solid white;
}

a.bt-self-vers-cv:hover {
	background: transparent url('../images/presentation/bt-cv-over.jpg') top left no-repeat;
	text-decoration: none;
}

.std-self-accueil {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 80px;
	top: 32px;
	border: 0px solid red;
}

.std-self-presentation {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 11px;
	border: 0px solid red;
}

.std-self-multimedia {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 172px;
	top: 32px;
	border: 0px solid red;
}

.std-self-imprimerie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 79px;
	top: 117px;
	border: 0px solid red;
}

.std-self-infographie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 173px;
	top: 117px;
	border: 0px solid red;
}

.std-self-projets {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 40px;
	top: 14px;
	border: 0px solid red;
}

.std-self-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 213px;
	top: 14px;
	border: 0px solid red;
}

.std-self-contact {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 143px;
	border: 0px solid red;
}

.std-titre-neutre {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 58px;
	top: 54px;
	border: 0px solid red;
}



/********************* LIENS *********************/
.std-conteneur-liens {
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/liens/fond-liens.jpg') top right no-repeat;
}

.std-interface-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 204px;
	background: transparent url('../images/liens/interface.jpg') top left no-repeat;
	border:0px solid red;
}


.std-liens-accueil {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 80px;
	top: 32px;
	border: 0px solid red;
}

.std-liens-presentation {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 11px;
	border: 0px solid red;
}

.std-liens-multimedia {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 172px;
	top: 32px;
	border: 0px solid red;
}

.std-liens-imprimerie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 79px;
	top: 117px;
	border: 0px solid red;
}

.std-liens-infographie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 173px;
	top: 117px;
	border: 0px solid red;
}

.std-liens-projets {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 40px;
	top: 14px;
	border: 0px solid red;
}

.std-liens-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 213px;
	top: 14px;
	border: 0px solid red;
}

.std-liens-contact {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 143px;
	border: 0px solid red;
}

.std-txt-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 15px;
	top: 300px;
	width: 330px;
	border: 0px solid red;
}

.std-txt-liens table {
	margin: 0px;
	padding: 0px;
	color: white;
	text-align: justify;
	font-size: 12px;
	border: 0px solid red;
}

.std-txt-liens table th{
	margin: 15px;
	padding: 0px;
	margin-top: 100px;
	color: #d90a04;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid red;
}



/********************* INFOGRAPHIE *********************/
.std-conteneur-infographie {
	position: absolute;
	width: 980px;
	height: 1650px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/infographie/fond-infographie.jpg') top right no-repeat;
}


.std-interface-infographie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 204px;
	background: transparent url('../images/infographie/fond-interface.jpg') top left no-repeat;
	border:0px solid red;
}

.std-galerie {
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
}

.std-galerie img{
	margin: 2px;
	padding: 0px;
	border: 1px solid white;
}

.std-img-xl {
	position: absolute;
	left: 455px;
	top: 490px;
	margin: 0px;
	padding: 5px;
	color: white;
	font-size: 12px;
	text-align: center;
	border: 1px solid white;
}

.std-footer-infographie {
	position: absolute;
	top: 1800px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-align: center;
	color: #fff;
	border: 0px solid #fff;
}

/********************* IMPRIMERIE *********************/
.std-conteneur-imprimerie {
	position: absolute;
	width: 980px;
	height: 1450px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/imprimerie/fond-imprimerie.jpg') top right no-repeat;
}


/********************* MULTIMEDIA *********************/
.std-conteneur-multimedia {
	position: absolute;
	width: 980px;
	height: 1650px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/multimedia/fond-multimedia.jpg') top right no-repeat;
}

.std-footer-multimedia {
	position: absolute;
	top: 1600px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-align: center;
	color: #fff;
	border: 0px solid #fff;
}

/*================================CONTACT================================*/
.std-conteneur-contact {
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	font-size: 10px;
	border: 0px solid red;
	background: #000 url('../images/contact/fond-contact-temp.jpg') top right no-repeat;
}

.std-table-contact {
	margin: 0px;
	margin-top: 300px;
	padding: 0px;
	font-size: 10px;
	width: 900px;
	color: #FFF;
	border: 0px solid white;
}

.std-message-envoye {
	margin: 0px;
	padding: 0px;
	margin-left: 95px;
	border: 0px solid white;
}

/********************* PROJETS *********************/
.std-conteneur-projets {
	position: absolute;
	width: 980px;
	height: 1127px;
	left: 50%;
	margin-left: -490px;
	border: 0px solid red;
	background: #000 url('../images/projets/fond-projets.jpg') top right no-repeat;
}

.std-interface-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 204px;
	background: transparent url('../images/liens/interface.jpg') top left no-repeat;
	border:0px solid red;
}


.std-liens-accueil {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 80px;
	top: 32px;
	border: 0px solid red;
}

.std-liens-presentation {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 11px;
	border: 0px solid red;
}

.std-liens-multimedia {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 172px;
	top: 32px;
	border: 0px solid red;
}

.std-liens-imprimerie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 79px;
	top: 117px;
	border: 0px solid red;
}

.std-liens-infographie {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 173px;
	top: 117px;
	border: 0px solid red;
}

.std-liens-projets {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 40px;
	top: 14px;
	border: 0px solid red;
}

.std-liens-liens {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 213px;
	top: 14px;
	border: 0px solid red;
}

.std-liens-contact {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 125px;
	top: 143px;
	border: 0px solid red;
}

.std-txt-projets {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 15px;
	top: 300px;
	width: 900px;
	border: 0px solid red;
}

.std-txt-projets table {
	margin: 0px;
	padding: 0px;
	color: white;
	text-align: justify;
	font-size: 12px;
	border: 0px solid red;
}

.std-txt-projets table th{
	margin: 15px;
	padding: 0px;
	margin-top: 100px;
	color: #d90a04;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid red;
}

.std-txt-projets table img{
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
border: 0px solid red;
}


/********************* FOOTER *********************/

.std-footer {
	margin: 0px;
	padding: 0px;
	margin-top: 1100px;
	height: 20px;
	clear: both;
	text-align: center;
	color: #fff;
	border: 0px solid #000;
}

a.std-akeroz:link, a.std-akeroz:visited {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 0px solid white;
}

a.std-akeroz:hover {
	color: #330033;
	text-decoration: none;
}

.std-w3c  {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	width: 981px;
	border: 0px solid red;
}

.std-w3c-gauche	{
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	width: 490px;
	text-align: right;
	border: 0px solid blue;
}

.std-w3c-droite	{
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px solid green;
}


