body {
font-family : Arial, Sans-serif;
font-size : 12px;
text-align : center;
color : black;
background-color : white;
margin-right : auto;
margin-left : auto;
margin-top : 15px;
margin-bottom : 0;
width : 900px;
}
a {
color : white;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
a:active {
text-decoration : underline;
}
a:visited {
color : white;
}
#page {
width : 900px;
border : 1px solid #404040;
}
#header {
background-image : url('images/baniere.jpg');
background-color : white;
height : 150px;
margin-bottom : 0;
}
#main {
background-color : white;
width : 900px;
}
.menu_head {
background-color : black;
background-image : url('images/fond_menu_head.png');
text-align : left;
width : 900px;
height : 30px;
}
.menu_head p {
margin : 0;
margin-left : 10px;
font-size : 18px;
}
.menu_head a {
line-height : 30px;
font-weight : bold;
padding-left : 15px;
padding-right : 15px;
margin-left : 5px;
text-decoration : none;
}
.menu_head a:hover {
color : #4f96b6;
text-decoration : none;
}
.menu_head a:visited {
text-decoration : none;
}
.menu {
background-color : rgb(214, 234, 232);
color : black;
text-align : left;
float : left;
width : 213px;
padding-top : 0;
padding-bottom : 0;
padding-left : 10px;
padding-right : 10px;
}
.menu a {
color : black;
}
.menu a:hover {
color : black;
text-decoration : underline;
}
.menu p {
margin : 0;
padding-top : 10px;
}
.menu h5 {
margin : 0;
padding-bottom : 10px;
padding-top : 10px;
font-size : 18px;
color : #4f96b6;
}
.menu img {
width : 150px;
height : 150px;
border : 1px solid black;
}
.article {
background-color : white;
background-image : url('images/fond.jpg');
margin-left : 233px;
width : 666px;
border-left : 1px solid black;
text-align : justify;
color : black;
}
.article p {
margin : 0;
padding : 20px;
}
.article h1 {
margin : 0;
padding-bottom : 10px;
padding-top : 20px;
padding-left : 20px;
font-size : 20px;
color : #4f96b6;
}
.article h3 {
padding-left : 20px;
}
.contact {
background-color : white;
background-image : url('images/fond.jpg');
margin-left : 233px;
width : 666px;
border-left : 1px solid black;
text-align : justify;
color : black;
}
.contact p {
margin : 0;
padding : 20px;
padding-bottom : 10px;
padding-top : 0;
margin-right : 250px;
}
.contact h1 {
margin : 0;
padding-bottom : 10px;
padding-top : 20px;
padding-left : 20px;
font-size : 20px;
color : #4f96b6;
}
.contact table {
text-align : right;
margin-left : auto;
margin-right : auto;
}
.contact form {
margin : 0;
padding : 10px;
text-align : center;
}
.merci {
background-color : white;
background-image : url('images/fond.jpg');
margin-left : 233px;
width : 666px;
border-left : 1px solid black;
text-align : center;
color : black;
}
.merci p {
margin : 0;
padding : 20px;
padding-right : 250px;
padding-top : 130px;
text-align : center;
}
.merci a {
color : black;
}
.bouton {
margin-top : 10px;
padding : 3px;
color : #4f96b6;
border : 1px solid #4f96b6;
font-weight : bold;
}
.infos {
float : right;
width : 200px;
text-align : center;
}
.infos a {
color : #4f96b6;
margin-top : 10px;
}
.infos p {
margin : 0;
padding : 0;
padding-top : 50px;
}
.infos img {
width : 150px;
height : 150px;
margin-top : 10px;
border : 1px solid black;
}
#adresse {
background-color : #4f96b6;
border-top : 2px solid black;
height : 30px;
font-weight : bold;
font-size : 15px;
color : white;
}
#adresse p {
line-height : 30px;
margin : 0;
}
#footer {
background-color : transparent;
color : black;
}
#footer p {
margin : 10px;
}
#footer a {
color : gray;
}