video#clip
{
margin-top: 40px;
position: absolute;
top:40px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: 1000px;
height:300px ;
z-index: -1000;
overflow: hidden;
behavior : url(PIE/PIE.php);
}
video
{
	object-fit:cover;
	behavior : url(PIE/PIE.php);
}
body#eurotech
{
color:#fff;
background-color:white;
background-image:url(images/clip.mp4);
background-repeat:no-repeat;
background-size: contain;
background-position:right;
background-size: 800px 800px;
behavior : url(PIE/PIE.php);
}

body#quisommesnous
{
	color:#fff;
	width: 100%;
	height: 100%;
	background-image: url(images/CI2.jpg);
    background-color:white;
    background-repeat:no-repeat;
    background-size: 100% 700px;
    behavior : url(PIE/PIE.php);
}
@media only screen and (min-width:400px) {
 body
 {
    width: auto
    behavior : url(PIE/PIE.php);
 }
 nav
 {
 	width: auto;
 	behavior : url(PIE/PIE.php);
 }
}

@viewport {
	width: device-width;
	zoom:1;
	behavior : url(PIE/PIE.php);
}

body#services
{
    color:#fff;
    width: 100%;
    height: 100%;
	background-image: url(images/see.jpg);
    background-color:white;
    background-repeat:no-repeat;
    background-position: 0% 70%;
    background-size: 100%;
    behavior : url(PIE/PIE.php);
}

body#carrieres
{
    color:#fff;
    width: 100%;
    height: 100%;
	background-image: url(images/cajpg.jpg);
    background-color:white;
    background-repeat:no-repeat;
    background-size: 100% 700px;
    behavior : url(PIE/PIE.php);
}

body#culture
{
	color: #fff;
	width: 100%;
    height: 100%;
	background-image: url(images/cuu.jpg);
	background-color:white;
	background-repeat:no-repeat;
    background-size: 100%;
    behavior : url(PIE/PIE.php);
}

body#contact
{
	color: #fff;
	width: 100%;
    height: 100%;
	background-image: url(images/co.jpg);
	background-color:white;
	background-repeat:no-repeat;
    background-size: 100%;
    behavior : url(PIE/PIE.php);
}
	

.postulez{ display:block; margin:0 auto; margin-top:10px; width:91px; height:31px; background-image:url(images/btn_postulez.gif); background-repeat:no-repeat; }

html, body, div
{
	width: 100%;
	height: 100%;   
	behavior : url(PIE/PIE.php);
}

body
{
	overflow-x: hidden;
	behavior : url(PIE/PIE.php);
}

div.header
{
	margin-left:0px;
	margin-right:0px;
	background-color: white;
	color:white;
	behavior : url(PIE/PIE.php);
}

div.container
{
	width:960px;
	margin:0px auto; 
	behavior : url(PIE/PIE.php);
}

h1 a
{
	color:#000000;
	text-decoration:none;
	behavior : url(PIE/PIE.php);
}
h1
{
	margin:0px;
	font-family: 'Smokum', cursive;
	font-size:6em;
	text-shadow:3px 3px #555;
	text-transform:uppercase;
	text-align:center;
	behavior : url(PIE/PIE.php);
}

img.logom
{
    position: relative;
    right: 340px;
    bottom: 16px;
    width: 300px;
    height: 50px;
    behavior : url(PIE/PIE.php);
}

/*Accueil.html/Nav*/
#nav
{
	display: block;
	background: white;
	position: relative;
	bottom: 30px;
	right: 8px;
    width: 100%;
    height: 95px;
    z-index: 9999;
    behavior : url(PIE/PIE.php);
}

#nav li
{
	display:block;
	text-align: center;
	behavior : url(PIE/PIE.php);
}

	/*Menu "link" design setting*/
#nav a:link
{
   color: black;
   background:transparent;
   padding: 30px 0px 0px 0px;
   float: left;
   position: relative;
   top: 10px;
   left: 320px;
   -webkit-transition-property: color, width, font-size;
   -webkit-transition-duration: 1s;
   /*display:block;*/
   height:50px;
   width:150px;
   opacity: 0.8;
   border-left:white 1px transparent;
   border-top:white 1px transparent;
   border-bottom:white 1px solid;
   border-radius: 5px;
   text-decoration:none;
   font:bold 1em/1em 'proxima-nova', sans-serif;
   text-transform:uppercase;
   font-size: 12px;
   behavior : url(PIE/PIE.php);
}

#nav a:visited
{
   color: black;
   background:white;
   float: left;
   -webkit-transition-property: color, width, font-size;
   -webkit-transition-duration: 1s;
   /*display:block;*/
   height:200px;
   width:150px;
   opacity: 0.8;
   border-left:white 1px solid;
   border-top:white 1px solid;
   border-bottom:white 1px solid;
   text-decoration:none;
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   font-size: 12px;
   behavior : url(PIE/PIE.php);
}

#nav a.current
{
	color:#00008B;
	behavior : url(PIE/PIE.php);
}

#nav a:hover 
{
   color:#1E90FF;
   text-decoration: none;
   behavior : url(PIE/PIE.php);
}

/*quisommesnous.html*/

samp.apropos
{
	display: block;
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    left: 230px;
    top: 320px;
    behavior : url(PIE/PIE.php);
}

span.pref
{
	display: block;
    color: #646464;
    font: 1em/1em Arial, sans-serif;
    font-size: 15px;
    position: relative;
    left: 50px;
    bottom: 100px;
    width: 450px;
    text-align: justify;
    behavior : url(PIE/PIE.php);
}
div.euro 
{
	display: block;
	position: relative;
	right: 180px;
	bottom: 145px;
	behavior : url(PIE/PIE.php);
}
div.euro1
{
	display: block;
	color: #646464;
	font:1em/1em Tahoma, sans-serif;
	font-size:15px;
	position: relative;
	left: 650px;
	bottom: 370px;
	width: 620px;
	text-align: justify;
	behavior : url(PIE/PIE.php);
}

div#eurotech
{
    display: block;
    background-color: white;
    position: relative;
    top:560px;
    right: 8px;
    width: 100%;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

span.blues
{
	color: #00008B;
	behavior : url(PIE/PIE.php);
}

/*services.html*/
div.service 
{
	width: 100%;
	height: 300px;
	behavior : url(PIE/PIE.php);
}

div#EM
{
	display: block;
    background-color: white;
    position:relative;
    top: 560px;
    right: 8px;
    width: 100%;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

samp.EM 
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    left:570px;
    top: 10px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

div.service li 
{
	color: #00008B;
	font:1em/1em Tahoma, sans-serif;
	font-size: 15px;
	behavior : url(PIE/PIE.php);
}

li.first
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-right: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 552px;
	bottom: 154px;
	behavior : url(PIE/PIE.php);
}

li.first:hover
{
	color: white;
    background-color:black;
    behavior : url(PIE/PIE.php);
}

li.second
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 352px;
	bottom: 154px;
	behavior : url(PIE/PIE.php);
}
li.second:hover
{
	color: white;
	background-color: black;
	behavior : url(PIE/PIE.php);
}

li.third
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	border-right: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 148px;
	bottom: 154px;
	behavior : url(PIE/PIE.php);
}

li.third:hover
{
	color: white;
	background-color: black;
	behavior : url(PIE/PIE.php);
}

li.fourth
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-right: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 552px;
	bottom: 10px;
	top: 242px;
	behavior : url(PIE/PIE.php);
}

li.fourth:hover
{
	color: white;
	background-color: black;
	behavior : url(PIE/PIE.php);
}

li.fifth
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 352px;
	top: 242px;
	behavior : url(PIE/PIE.php);
}

li.fifth:hover
{
	color: white;
	background-color:black;
	behavior : url(PIE/PIE.php);
}

li.sixth
{
	display: block;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	background-color: transparent;
	border-top: #F6F6F6 4px solid;
	border-bottom: #F6F6F6 4px solid;
	border-right: #F6F6F6 4px solid;
	border-left: #F6F6F6 4px solid;
	width: 200px;
	height: 150px;
	position: absolute;
	right: 148px;
	top: 242px;
	behavior : url(PIE/PIE.php);
}

li.sixth:hover
{
	color: white;
	background-color:black;
	behavior : url(PIE/PIE.php);
}

samp.serv
{
	display: block;
	background-color:transparent;
	text-align: center;
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    left: 420px;
    width: 500px;
    height: 400px;
    top: 25px;
    behavior : url(PIE/PIE.php);
}

samp.serv1
{
	display: block;
	background-color:transparent;
	text-align: center;
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 16px;
    position: absolute;
    left: 40px;
    bottom:230px;
    behavior : url(PIE/PIE.php);
}

strong.ble 
{
    color:#00008B;
    behavior : url(PIE/PIE.php);
}

p.title
{
	display: block;
    color: #656578;
    font:1em/1em Tahoma, sans-serif;
    font-size: 15px;
    text-align: justify;
    width: 400px;
    position: absolute;
    left: 40px;
    bottom: 80px;
    behavior : url(PIE/PIE.php);
}

a.en
{
	color: white;
	position: relative;
	top:10px;
    left: 40px;
    behavior : url(PIE/PIE.php);
}

a.ens
{
	color: white;
	position: relative;
	top:5px;
	bottom: 10px;
    left: 40px;
    behavior : url(PIE/PIE.php);
}

a.E 
{
	color: white;
	position: relative;
	top:40px;
    left: 40px;
    behavior : url(PIE/PIE.php);
}
strong.more
{
	background: url(images/z_more.gif) 0px 5px no-repeat;
    padding-left: 12px;
    font-weight: normal;
    behavior : url(PIE/PIE.php);
}


/*popup services*/
div#content p
{
	display: block;
	text-align: justify;
	font-size:14px;
    font-family: Tahoma;
    color: #656578;
    width: 550px;
    position: relative;
    left :70px;
    behavior : url(PIE/PIE.php);
}

samp.efinancial
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 18px;
    behavior : url(PIE/PIE.php);
}

span.bluess
{
	color:#656578;
	behavior : url(PIE/PIE.php);
}

strong.und 
{
	text-decoration: underline;
	behavior : url(PIE/PIE.php);
}

span.nc 
{
	display: block;
	color: #656578;
	font:bold 1em/1em Tahoma, sans-serif;
    font-size: 14px;
	position: relative;
	left: 110px;
	behavior : url(PIE/PIE.php);
}

span.ne , span.nf, span.ng, span.nh, span.ni
{
	display: block;
	color: #656578;
	font:bold 1em/1em Tahoma, sans-serif;
    font-size: 14px;
	position: relative;
	left: 170px;
	behavior : url(PIE/PIE.php);
}
/*culture.html*/
div#culture
{
	display: block;
    background-color: white;
    position:relative;
    right: 8px;
    top:560px;
    width: 100%;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

div.cul1
{
    display: block;
	background-color:transparent;
	text-align: center;
	width: 350px;
    height: 400px;
    position: relative;
    bottom: 15px;
    behavior : url(PIE/PIE.php);
}

samp.cul 
{
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    right:80px;
    width: 350px;
    height: 400px;
    top: 110px;
    behavior : url(PIE/PIE.php);
}

samp.cul3
{
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: absolute;
    right: 209px;
    top:5px;
    bottom: 5px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

span.blue
{
	color: #00008B;
    font-weight: bold;
    text-decoration: underline;
    font:15px;
    behavior : url(PIE/PIE.php);
}

p.cul
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: relative;
	left: 30px;
	top: 110px;
	width: 300px;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

p.cult
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right: 500px;
	bottom: 0px;
	top: 70px;
	width: 400px;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

p.cult1
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right: 50px;
	bottom: 0px;
	top: 70px;
	width: 400px;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

p.cult2
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right: 500px;
	bottom: 0px;
	top: 250px;
	width: 400px;
    height: 100px;
    behavior : url(PIE/PIE.php);
}

p.cult3
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right: 50px;
	bottom: 0px;
	top: 250px;
	width: 400px;
    height: 100px;
    behavior : url(PIE/PIE.php);
}

/*carrieres*/
div.carrieres
{
	display: block;
    background-color: white;
    position:relative;
    right: 8px;
    top:560px;
    width: 100%;
    height: 300px;
    behavior : url(PIE/PIE.php);
}

div.carr
{
	display: block;
	background-color:transparent;
	text-align: center;
	width: 350px;
    height: 400px;
    position: relative;
    bottom: 15px;
    behavior : url(PIE/PIE.php);
}

p.carr
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: relative;
	left: 50px;
	top: 90px;
	width: 400px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

div.carr2
{
	display: block;
	background-color:transparent;
	text-align: center;
	width: 500px;
    height: 400px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    behavior : url(PIE/PIE.php);
}

samp.carr3
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 23px;
    position: relative;
    right: 70px;
    top: 80px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

p.carr3
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right:240px;
	top: 130px;
	width: 500px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

samp.carr4
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 30px;
    position: relative;
    left: 30px;
    top:10px;
    bottom: 0px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

p.carr4
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	left:30px;
	top: 510px;
	width: 300px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

samp.carr5
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 30px;
    position: relative;
    left:550px;
    bottom: 80px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

p.carr5
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	left:550px;
	top: 510px;
	width: 300px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

samp.carr6
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 30px;
    position: absolute;
    right:0px;
    left: 1020px;
    bottom: 0px;
    top: 410px;
    width: 700px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

p.carr6
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	text-align: justify;
	position: absolute;
	right:50px;
	top: 510px;
	width: 300px;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

/*contact.html*/
div.contact
{
	display: block;
	background-color: white;
	position: relative;
	right: 8px;
    top:560px;
    width: 100%;
    height: 400px;
    behavior : url(PIE/PIE.php);
}

div.contact p
{
	color: #646464;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
	behavior : url(PIE/PIE.php);
}

div.nouscontacter
{
	display: block;
	background-color: #F6F6F6;
	position: absolute;
	right:30px;
	top:80px;
	bottom: 50px;
    width: 800px;
    height: 800px;
    behavior : url(PIE/PIE.php);
}

samp.contact
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    left: 30px;
    top: 9px;
    behavior : url(PIE/PIE.php);
}

samp.nouscontacter
{
	color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: relative;
    left: 30px;
    behavior : url(PIE/PIE.php);
}

samp.plan
{
    color: #212121;
    font:bold 1em/1em Tahoma, sans-serif;
    font-size: 20px;
    position: absolute;
    bottom: 352px;
    right: 600px;
    behavior : url(PIE/PIE.php);
}

p.contact
{
	position: relative;
	left: 250px;
	bottom: 130px;
	behavior : url(PIE/PIE.php);
}

p.mail 
{
	position: relative;
	left: 250px;
	bottom: 130px;
    behavior : url(PIE/PIE.php);
}

p.contact1
{
    position: absolute;
	right: 420px;
	bottom: 300px;
	behavior : url(PIE/PIE.php);
}

p.trans
{
    display: block;
    width: 500px;
    position: absolute;
    bottom: 250px;
    right:225px;
    behavior : url(PIE/PIE.php);
}

p.transp 
{
	display: block;
	width: 500px;
	position: absolute;
	bottom: 180px;
	right: 220px;
	behavior : url(PIE/PIE.php);
}

a.plan, a.mail
{
    color: #1E90FF;
    behavior : url(PIE/PIE.php);
}

img.euro
{
	position: relative;
	top: 25px;
	width: 200px;
	behavior : url(PIE/PIE.php);
}

img.contact1
{
	position: absolute;
	right: 220px;
	top: 220px;
	width: 500px;
	height: 400px;
	behavior : url(PIE/PIE.php);
}

/*footer*/
div#footer li 
{
    color: #656578;
    text-decoration: none;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 11px;
	background-color: transparent;
	position: relative;
	behavior : url(PIE/PIE.php);
}

a
{
	text-decoration: none;
	color: #656578;
	behavior : url(PIE/PIE.php);
}
p.bl 
{
	color: #656578;
	font: bold 1em/1em Tahoma, sans-serif;
	font-size: 13px;
	position: relative;
	bottom: 250px;
	left: 550px;
	behavior : url(PIE/PIE.php);
}

strong.bl 
{
	color: #656578;
	font: 1em/1em Tahoma, sans-serif;
	behavior : url(PIE/PIE.php);
}

ul.bl 
{
    list-style-type: none;
    position: relative;
    background-color: transparent;
    position: relative;
    bottom: 150px;
    width: 10px;
    height: 10px;
    behavior : url(PIE/PIE.php);
}

li#q 
{
	display: block;
	text-align: center;
	border-right: #656578 solid 1px;
	position: relative;
	bottom:50px;
	left: 380px;
	width: 150px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

li#s 
{
	display: block;
	text-align: center;
	position: relative;
	bottom:61px;
	left: 500px;
	width: 150px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

li#c 
{
	display: block;
	text-align: center;
	border-left: #656578 solid 1px;
	position: relative;
	bottom:71px;
	left: 630px;
	width: 100px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

li#ca 
{
	display: block;
	text-align: center;
	border-left: #656578 solid 1px;
	position: relative;
	bottom:81px;
	left: 730px;
	width: 100px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

li#m 
{
	color: #656578;
	display: block;
	border-left: #656578 solid 1px;
	text-decoration: none;
	text-align: center;
	position: relative;
	bottom: 91px;
	left: 830px;
	width: 150px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

li#e 
{
	display: block;
	text-align: center;
	position: relative;
	bottom: 113px;
	width: 200px;
	height: 10px;
	behavior : url(PIE/PIE.php);
}

div#footer
{
    width: 100%;
    height: 10px;
    position: relative;
    top: 30px;
    margin: 0 auto;
    behavior : url(PIE/PIE.php);
}

div.servf
{
	display: block;
	width: 100%;
	height: 10px;
	position: relative;
	top: 300px;
	behavior : url(PIE/PIE.php);
}

div.culf
{
	display: block;
	width: 100%;
	height: 10px;
	position: relative;
	top: 960px;
	behavior : url(PIE/PIE.php);
}

div.carf
{
	display: block;
	width: 100%;
	height: 10px;
	position: relative;
	top:270px;
	behavior : url(PIE/PIE.php);
}

div.contf
{
	display: block;
	width: 100%;
	height: 10px;
	position: relative;
	top: 610px;
	behavior : url(PIE/PIE.php);
}

div.menf
{
	display: block;
	width: 100%;
	height: 10px;
	position: relative;
	bottom: 170px;
}

img.bl 
{
	display: block;
	width: 1500px;
	right: 8px;
	height: 50px;
	position: relative;
	bottom: 250px;
	behavior : url(PIE/PIE.php);
}

/*Mentions légales.html*/
p.entete
{
	display: block;
	width: 100%;
	height: 100px;
	position: relative;
	right: 8px;
	bottom: 50px;
	text-align: center;
	background-color: #000331;
	color: white;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 30px;
}
div.contenu
{
    display: block;
    width: 100%;
    height: 100%;
}

div.contenu p
{
	color: #656578;
	font: 1em/1em Tahoma, sans-serif;
	font-size: 15px;
}

a.contenu
{
    text-decoration: none;
    color: #00009B;
}

a.clic 
{
	text-decoration: underline;
	color: #00001B;
}

samp.contenu
{
	color: #212121;
	font: 1em/1em Tahoma, sans-serif;
	font-size:20px;
}

p.contenu
{
	display: block;
	width:500px;
	text-align: justify;
	position: relative;
	left: 450px;
	bottom: 500px; 
}