@charset "iso-8859-1";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*LINK*/
/*----------------------------------------------------------------------------------------------------------------------------*/
a, a:link, a:visited, a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;}
a, a:link, a:visited {color: #00b9e9; text-decoration: underline;}
a:hover {color: #FFF; text-decoration: none;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*BODY GLOBAL*/
/*----------------------------------------------------------------------------------------------------------------------------*/
html, body {
margin: 0; 
padding: 0; 
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-style: normal; 
font-weight: normal;
font-size: 12px;
color: #FFF;}

.header, .banniere, .bb, .main, .content, .contenu_bg, .infini, .footer, .ref {margin: 0 auto; width: 980px;}
.content {background-color: #002f73;}
.main {height: 63px;}
.footer {background-color: #001e51; height: 60px; clear: both;}

p, h1, h2, h3, h4, h5, h6, ul, li {margin: 0; padding: 0;}

a img {border: 0;}

hr {color: #00b9e9; background-color: #00b9e9; height: 1px; border: 0;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*ELEMENTS GRAPHIK*/
/*----------------------------------------------------------------------------------------------------------------------------*/
.header {background-image: url(../images/img_01.jpg); height: 98px; clear: both;}
.banniere {background-image:url(../images/img_02.jpg); height: 254px; clear: both;}

.bb {height: 2px; background-color:#FFF;}

.trois {background-image: url(../images/img_03.jpg); width: 89px; height: 63px; float: left;}
.quatre {background-image: url(../images/img_04.jpg); width: 30px; height: 63px; float: left;}
.menu {background-image: url(../images/img_05.jpg); background-repeat: repeat-x; width: 742px; height: 63px; float: left;}
.sept {background-image: url(../images/img_07.jpg); width: 30px; height: 63px; float: left;}
.huit {background-image: url(../images/img_08.jpg); width: 89px; height: 63px; float: left;}

.contenu_bg {background-image: url(../images/img_09.jpg); background-repeat: repeat-x; height: 288px; clear: both;}
.global {margin-left: 100px; width: 676px; float: left;}

.global_photo {margin: 0 auto; width: 780px;}

.texte_un, .texte_deux {width: 318px; margin: 20px 20px 0 0; float: left;}

.contact {width: 656px; margin-top: 20px; clear: both;}

.infini {background-color: #002f73; background-repeat: repeat-y; clear: both; padding-top: 20px;}
.global_deux {margin-left: 100px; padding: 20px 0 20px 0; width: 656px; clear: both;}
.global_prix {padding: 40px;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*MENU*/
/*----------------------------------------------------------------------------------------------------------------------------*/
.menu li {display: inline; margin: 13px 0 0 40px; padding: 2px; float: left;}
.menu ul a, .menu ul a:link, .menu ul a:visited, .menu ul a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: bold;}
.menu ul a, .menu ul a:link, .menu ul a:visited {color: #FFF; text-decoration: none;}
.menu ul a:hover {color: #002f73;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*CONTENU TEXTE*/
/*----------------------------------------------------------------------------------------------------------------------------*/
h1 {margin-top: 64px; float: right;}
h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 26px; color: #FFF; text-decoration: none;}

h2, h3, h4 {width: 318px; border-bottom: 1px solid #00b9e9; font-size: 18px; font-style: italic;}

.infini p, .texte_un p, .texte_deux p, .contact p {text-align: justify; margin: 1px;}

.footer p {margin: 20px; float: left;}
.ref p {text-align: center; color: #999; margin-top: 2px;}
.footer span {margin: 20px; float: right;}
.footer a, .footer a:link, .footer a:visited {color: #FFF; text-decoration: underline;}
.footer a:hover {color: #00b9e9; text-decoration: none;}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*PHOTO*/
/*----------------------------------------------------------------------------------------------------------------------------*/










