@charset "UTF-8";
/* CSS Document */

/* ---------- Reset ---------- */

* {
	font-family:Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { 
	margin:0;
	padding:0;}
table {
	border-collapse:collapse;
	border-spacing:0;}
fieldset,img { 
	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	/*font-weight:normal;*/}
ol,ul {
	list-style:none;}
caption,th {
	text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;}
q:before,q:after {
	content:'';}
abbr,acronym { border:0;}
.hidden {
	display:none;}

/* ---------- CSS ---------- */

body {
	font-family:Helvetica, Arial, sans-serif;
	background-color:#d1beab;
	color:#454545;
	font-size:12px;
}

#dewplayer{
text-indent: -20000px;
}

#wrapper{
	background-image: url(../img/template/background.jpg);
	position: absolute;
	width:1024px;
	height:550px;
	margin-left:-512px;
	margin-top:-275px;
	left:50%;
	top:50%;

	/* OMBRE PORTEE */
	-moz-box-shadow: 4px 4px 6px #000;
  	-webkit-box-shadow: 4px 4px 6px #000;
  	box-shadow: 4px 4px 6px #000;
}

img.logo {
	position: absolute;
	right:38px;
	top:11px;
	width: 240px;
	height:90px;
}

hgroup {
	text-indent: -10000px;
}

p {
	text-align: justify;
}

a {
	text-decoration: none;
	color:#454545;
}

#home p {
	position: absolute;
	top:282px;
	left:255px;
	color:white;
	font-size: 22px;
}

#home img {
	padding-left:125px;
}

#sous-titre {
	width:281px;
	height:163px;
	margin:180px 18px;
	background-color:#8c121c;
}

#sous-titre p, #sous-titre h2 {
	font-family: Helvetica;
	font-size:12px;
	margin:25px 0px;
	color:white;
	padding:75px 50px;
}

.sous-titre {
	position:absolute;
	top:285px;
	left:40px;
}

h3 {
	font-size:13px;
	margin:10px -13px;
	text-decoration: underline;
}

li {
	list-style-image: url(../img/template/square.jpg);
	margin-top:1px;
}

article.liste {
	float:left;
	width:350px;
	margin:5px 25px;}

section#block {
	position:absolute;
	background-color: rgba(255, 255, 255, 0.93);
	width:810px;
	-moz-box-shadow: 4px 4px 6px #000;
  	-webkit-box-shadow: 4px 4px 6px #000;
  	box-shadow: 4px 4px 6px #000;}
section#block p {
	margin:10px 15px 0px 15px;
	text-indent: 20px;}

section#block.contact {
	top:183px;
	left:346px;
	font-size:20px;
	width:477px;
	height:172px;}
section#block.contact li {
	width:400px;
	margin:13px 45px;
	padding:2px 10px;
	color:#cf1a29;}
section#block.contact li a {
	color:#454545;}
section#block.contact li a:hover {
	text-decoration: underline;}
section#block.contact li span {
	color:#454545;
	font-size:15px;}

section#block.gestion-image, section#block.gestion-id {
	top:153px;
	left:210px;
	font-size:13px;
	height:188px;}
	
section#block.missions {
	top:153px;
	left:210px;
	font-size:13px;
	height:188px;
	padding-top:10px;
}

section#block.ereputation, section#block.notoriete  {
	top:120px;
	left:210px;
	font-size:13px;
	height:238px;}
	
#sous-titre.contact {
	margin:198px 147px;
}

#sous-titre.ereputation, #sous-titre.notoriete, #sous-titre.missions {
	margin-top:200px;
}
	
nav {
	position:absolute;
	top: 495px;
	right: 5px;}
nav ul li{
	list-style-image: none;
	float:left;
	margin:10px;
	letter-spacing: 2px;}
nav ul li a{
	padding:3px;
	color:#83101a;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.75s;
    -moz-transition-property: color;
	-moz-transition-duration: 0.75s;
	transition-property: color;
	transition-duration: 0.75s;}
nav ul li a:hover {
	color: #FF0000;}
	
footer {
	position: absolute;
	bottom:2px;
	left:8px;
	font-size:11px;
	color:white;
}

footer a{
	color:#ccc;
	text-decoration: none;
}

footer a:hover {
	color:#83101a;
}