@charset "utf-8";
/* CSS Document */
body {
margin: 0; padding: 0;
background-color: #f5f4ec;
background-image: url('img/background.jpg');
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#header {
margin: auto;
height: 282px;
padding-top: 31px;
width: 680px;
position: relative;
}

#photo {
float: left;
}

a {
color: #004c81;
font-weight: bold;
border: none;
}

img {
border: none;
}

a:hover {
color: #005fa1;
text-decoration: none;
}

p { 
margin: 0; padding: 0;
padding: 5px; }

ul {
margin: 0; padding: 0;
padding-left: 30px;
padding-top: 10px;
}

h2 { padding: 0; margin: 0; }

h1 {
margin: 0; padding: 0;
margin-left: 175px;
}

#header p {
width: 490px;
margin: 0; padding: 5px;
margin-top: 5px;
margin-left: 175px;
border: 1px dashed #bb0900;
background-color: #f5f4ec;
}

#newsletter {
width: 403px;
height: 78px;
background-image: url('img/back-newsletter.jpg');
background-repeat: no-repeat;
margin-left: 172px;
margin-top: 21px;
position: relative;
padding-left: 10px;
}

#newsletter h2{
margin: 0; padding: 0;
float: left;
margin-left: 15px;
width: 413px;
height: 19px;
background-image: url('img/h2newsletter.jpg');
background-repeat: no-repeat;
text-indent: -5000px;
}

input {
border: 0px;
}

#newsprenom {
width: 155px;
text-align: right;
font-weight: bold;
float: left;
margin-top: 11px;
}

#newsprenom input {
width: 150px;
height: 20px;
background-image: url('img/back-form.jpg');
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 5px;
background-color: #E6B043;
}

#newsmail input {
width: 150px;
height: 20px;
background-image: url('img/back-form.jpg');
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 5px;
background-color: #E6B043;
}

#newsmail {
width: 155px;
text-align: right;
font-weight: bold;
padding-left: 10px;
position: absolute;
left: 160px;
top: 30px;
}

.envoyer {
width: 73px;
height: 30px;
background-image: url(img/bouton-envoyer.jpg);
border: none;
float: right;
margin-top: 26px;
margin-right: 10px;
}

#blocs-accueil {
margin: auto;
width: 680px;
}

#meretrouver {
float: left;
width: 202px;
height: 209px;
background-image: url('img/back-meretrouver.jpg');
}

#meretrouver h2{
margin: 0; padding: 0;
width: 202px;
height: 21px;
background-image: url('img/h2meretrouver.jpg');
background-repeat: no-repeat;
text-indent: -5000px;
}

#meretrouver li {
color: #287ca0;
}

#sitesweb {
margin: auto;
width: 202px;
height: 209px;
background-image: url('img/back-sitesweb.jpg');
}

#sitesweb h2{
margin: 0; padding: 0;
width: 202px;
height: 21px;
background-image: url('img/h2sitesweb.jpg');
background-repeat: no-repeat;
text-indent: -5000px;
}

#sitesweb li {
color: #679738;
}

#sitesweb p {
padding-top: 20px;
}

#competences {
float: right;
margin: auto;
width: 202px;
height: 209px;
background-image: url('img/back-competences.jpg');
}

#competences h2{
margin: 0; padding: 0;
width: 202px;
height: 21px;
background-image: url('img/h2competences.jpg');
background-repeat: no-repeat;
text-indent: -5000px;
}

#content-haut {
width: 680px;
height: 9px;
background-image: url(img/backht-content.jpg);
background-repeat: no-repeat;
}

#content {
width: 680px;
background-image: url(img/back-content.jpg);
background-repeat: repeat-y;
margin: auto;
}

#content h2 {
color: #c90a00;
text-align: center;
}

#content p {
padding: 15px;
}

#content-bas {
width: 680px;
height: 9px;
background-image: url(img/backbs-content.jpg);
background-repeat: no-repeat;
}

#footer {
width: 700px;
margin: auto;
margin-top: 50px;
border-top: 5px #c90a00 solid;
text-align: center;
}