body {font-size:62.5%;}
body#index {background:#0c76c8;}
@font-face {font-family: bell; src: url('BELL.TTF');}

header {background:#0c76c8 url(../img/fond_motif_logo.jpg); box-shadow: 8px 0px 8px #ccc;  height:100%; position:fixed; top:0; left:0; width:449px;}
a.logo {background:url(../img/logo.png) center center no-repeat; display:block; height:79px; margin:90px auto; text-indent:-9999em; width:447px;}
body#index a.logo {background:url(../img/logo_index.jpg) center center no-repeat; display:block; height:239px; margin:185px auto; text-indent:-9999em; width:1280px;}
.intro {background:url(../img/bg_intro.jpg) left top no-repeat; color:#fff; font-size:1.4em; margin:0 auto; text-align:justify; width:308px;}
nav {position:absolute; height:31.25%; bottom:0px; width:100%;}
nav ul {border-top:#fff 4px dashed;  margin-left:20px; padding-top:12px;}
nav a {color:#fff; font-size:2em; font-family:bell; font-weight:bold; margin-left:16px; line-height:1.1em; text-decoration:none;}
nav a:hover {color:#000;}
nav a.curent {color:#000; font-size:2.7em;}
.copy {color:#fff; font-size:1.4em; position:absolute; bottom:14px; text-align:center; width:449px;}
.copy a {color:#fff; text-decoration:none;}
.copy a:hover {color:#000;}

section {margin-left:449px; overflow:auto;}
body#historique {background:url(../img/bg_historique.jpg) 449px top no-repeat;}
body#mission {background:url(../img/bg_mission.jpg) 449px top no-repeat fixed;}
body#force {background:url(../img/bg_force.jpg) 449px top no-repeat fixed;}
body#domaine {background:url(../img/bg_domaine.jpg) 449px top no-repeat fixed;}
body#contact {background:url(../img/bg_contact.jpg) 449px top no-repeat fixed;}
body#dessin {background:url(../img/bg_contact.jpg) 449px top no-repeat fixed;}
body#mention {background:url(../img/bg_contact.jpg) 449px top no-repeat fixed;}
body#photo {background:url(../img/bg_contact.jpg) 449px top no-repeat fixed;}

article {background:url(../img/border_bottom.png)left bottom repeat-x; margin-bottom:-4px; position:absolute; bottom:31.25%; text-align:justify; width:699px;}
article p {font-size:1.6em; margin-left:181px;}
p.introduction {margin-left:auto; margin-bottom:34px; text-align:right;}
article.sansbord {background:none;  max-width:699px;}
article.sansbord2 {background:none; height:2069px; float:left; position:absolute; top:144px; text-align:justify; width:699px;}
article.sansbord3 {background:none; height:500px; float:left; padding-top:100px; text-align:justify; width:699px;}
article.sansbord4 {background:none; height:500px; float:left; padding-bottom:100px; text-align:justify;}
article.activite {position:absolute; top:144px; text-align:justify; margin-bottom:0; width:699px;} 
article.contact {top:144px; height:540px;}
.list {margin-left:23px; margin-top:-12px;}
body#mention article {border-bottom:none; position:absolute; top:144px; text-align:justify; width:712px;}

.footerarticle, .footerarticle2, .footerarticle3{background:url(../img/border_bottom.png)left top repeat-x;color:#0c76c8;display:block; height:31.25%; float:left; position:absolute; width:699px;}
.footerarticle {top:2232px;}
.footerarticle2 {top:897px;}
.footerarticle3{background:url(../img/border_bottom.png)left top repeat-x;color:#0c76c8;display:block; height:31.25%; float:left; clear:both; margin-top:-4px; width:699px;}
.footerarticle p ,.footerarticle2 p, .footerarticle3 p {float:right; font-size:1.6em; margin-top:28px; text-align:right;}

.actif {clear:both; height:129px; margin-left:164px; margin-bottom:57px;}
.actif img {float:left;}
.actif h1 {font-size:1.6em; font-weight:bold; line-height:0; margin-left:137px;}
.actif p {font-size:1.5em; margin-left:137px; margin-top:-7px;}
.img1 {background:url(../img/activite-1.png) left top no-repeat;}
.img2 {background:url(../img/activite-2.png) left top no-repeat;}
.img3 {background:url(../img/activite-3.png) left top no-repeat;}
.img4 {background:url(../img/activite-4.png) left top no-repeat;}
.img5 {background:url(../img/activite-5.png) left top no-repeat;}
.img6 {background:url(../img/activite-6.png) left top no-repeat;}
.img7 {background:url(../img/activite-7.png) left top no-repeat;}
.img8 {background:url(../img/activite-8.png) left top no-repeat;}
.img9 {background:url(../img/activite-9.png) left top no-repeat;}
.img10 {background:url(../img/activite-10.png) left top no-repeat;}
.img11 {background:url(../img/activite-11.png) left top no-repeat;}
.img1 h1 {padding-top:48px;}
.img2 h1 {padding-top:88px;}
.img3 h1 {padding-top:88px;}
.img4 h1 {padding-top:88px;}
.img5 h1 {padding-top:88px;}
.img6 h1 {padding-top:88px;}
.img7 h1 {padding-top:88px;}
.img8 h1 {padding-top:88px;}
.img9 h1 {padding-top:88px;}
.img10 h1 {padding-top:88px;}
.img11 h1 {padding-top:88px;}

.formulaire {margin-left:182px; width:530px;}
span.txtform, span.txtform2 {font-size:1.5em;}
span.txtform2 {margin:0 7px 0 20px;}
.contact_colone_gauche, .contact_colone_droite {float:left; margin:auto; padding:0;}
.contact_colone_gauche {width:277px;}
.contact_colone_droite {width:237px;}
.contact_colone_gauche input, .contact_colone_droite input {border:#000 solid 2px; height:16px; margin-bottom:7px; width:237px;}
.full input.adresse {border:#000 solid 2px; height:19px; margin-bottom:12px; width:514px;}
.full {margin-bottom:17px;}
.fullmessage {margin-top:32px;}
.full2 {margin:0 auto; margin-bottom:17px;width:360px;}
.choix {margin:4px 0 0 -7px;}
textarea {border:#000 solid 2px; height:78px; margin-bottom:12px; width:514px;}
.bouton {background:#000; border:solid 1px #313131; color:#fff; font-size:1.4em; margin-left:219px; width:79px;}
.lieu {margin-top:61px; margin-left:17px;}

a.lien {background:url(../img/fleche_bas.png) right center no-repeat; color:#0c76c8; font-size:1.6em; padding-right:16px; margin-bottom:-34px; position:absolute; bottom:31.25%; text-decoration:none;}
a.strenght {left:1045px;}
a.lien3, a.lien4 {color:#0c76c8; margin-top:28px; text-decoration:none;}
body#contact  a.lien {left:1007px;}
a.lien2 {background:url(../img/fleche_haut.png) left center no-repeat; color:#0c76c8; font-size:1.6em; float:right; padding-left:16px; margin-top:-40px; text-decoration:none;}
a.lien3:hover,a.lien4:hover {color:#000;}
article a {color:#000; text-decoration:none;}
article a:hover {color:#0c76c8;}
.up {text-transform:uppercase; font-weight:bold; font-size:1.2em;}

footer {color:#fff; font-size:1.4em; position:absolute; bottom:10%; text-align:center; width:100%;}

ul#slider1{height:100%; width:100%; position:absolute;}
ul#slider1 li { height:100%;text-align:justify; margin-left:-40px;}

.bouton_dl, .bouton_dlpw {margin-left:184px;}
.bouton_dl a {background:url(../img/bouton_dl.png) no-repeat; color:#000; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; height:42px; padding:10px 0 0 54px; text-decoration:none; width:593px;}
.bouton_dl a:hover {color:#fff;}
.bouton_dlpw p { font-size:1.2em;  text-align:right; width:593px;}
.bouton_dlpw a {color:#000; font-weight:bold; text-decoration:none;}
.bouton_dlpw a:hover {color:#0c77c9}
.titre_dl {font-size:1.8em; font-weight:600; margin-top:60px; margin-left:184px; text-transform:uppercase;}