body{margin:0px auto; background:url(img/fond-site-barque-de-peche-canard.jpg) no-repeat fixed center top; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#333;}

div, p, span, img, a, h1, h2, h3, ul, li{margin:0px; padding:0px;}
img{border:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}

h1{padding:10px 20px; font-size:21px; color:#00AABC; font-weight:bold; text-align:center;}
h2{padding:5px 20px 10px; font-size:18px;}

.bleu{color:#00AABC;}
.vert{color:#8BC53F;}

p.phrase_importante{font-size:22px;}
p.titre_lien_telechargement{padding:14px 30px 6px; font-size:14px;}
p.lien_telechargement{padding:5px 60px; line-height:20px;}
p.lien_telechargement img.icone_pdf{width:16px; height:16px; margin-right:5px;}

#conteneur{margin:0px auto; width: 850px;}
#page{clear:both; width:850px; position:relative; height:auto; background-image:url(img/fond-page-barque-peche-technostrat.png); padding-bottom:100px;}
#contenu{padding:0px;}

#footer{margin-top:-215px; background:url(img/barque-peche-technostrat-footer.png) repeat-x scroll center bottom; width:100%; float:left; height:235px; position:relative;}
#footer p{padding-top:215px; text-align:center; vertical-align:baseline; color:#FFF; font-size:12px;}
#footer p a{color:#FFF;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- HEADER + LOGO ----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header{margin:15px 0px;}
#header img{float:left; margin:10px 10px 10px;}
#header #slogan{float:right; margin:15px; display:inline;}
h1.h1_logo{padding:0px; color:#FFF; font-family:Helvetica, "Trebuchet MS", sans-serif; font-size:26px; font-weight:normal; text-align:left;}
h2.h2_slogan{text-align:center; font-size:20px; color:#FFF; font-weight:normal;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- MENU --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#menu {margin:0px; padding:0px; list-style-type:none; width:850px; height:30px; background-color:#FFF; position:relative;}
#menu li{float:left; height:30px; text-decoration:none; margin:0 auto; padding:0px;	list-style-type:none;}
#menu li:hover, #menu li.active{background-color:#00AABC;}
#menu li a{float:left; padding:0px 19px; height:30px; text-decoration:none; text-align:center; line-height:30px; font-weight:bold;}
#menu li a.blog{padding:0px 22px;}
#menu li a:hover, #menu li.active a{color:#FFF;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- CONTENU PAGE ACCUEIL ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------- Diaporama Flash */
#diaporama_flash_accueil{float:left; margin:0px 22px; background-image:url(images/fond_diapo.png); width:540px; height:340px;}
#diaporama_flash_accueil object{margin:28px 0px 0px 14px; display:inline;}
/* ------------------- Devis Gratuit */
#devis_gratuit{float:left; width:218px; margin-top:28px;}
/* ------------------- Bloc contenu 1 */
#bloc_accueil_1{margin:10px 0px; background:url(img/3-barques-de-peche-technostrat.png); width:850px; height:314px; position:relative;}
#bloc_accueil_1 p{position:absolute; text-align:justify; width:266px;}
#bloc_accueil_1 p.notre_metier{top:160px; left:253px;}
#bloc_accueil_1 p.bonne_barque{top:80px; left:569px;}
/* ------------------- Bloc contenu 2 */
#bloc_accueil_2 h2{padding:20px;}
#bloc_accueil_2 p.bloc_contenu2_accueil{padding:0px 40px; width:350px; text-align:justify;}
#bloc_accueil_2 img{float:right; margin:10px 40px 10px 0px; display:inline;}
/* ------------------- Photos bas de page */
#bloc_photos_accueil{margin:20px 10px;}
#bloc_photos_accueil img.photos_accueil_ligne2{width:273px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- CONTENU PAGE CONCEPT ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------- Bloc contenu 1 */
#bloc_concept_1{margin:10px 0px;}
#bloc_concept_1 img.icone_concept{float:right; margin-top:90px;}
#bloc_concept_1 div.conception_concept{clear:left;}
#bloc_concept_1 div.conception_concept img{float:left; margin-right:50px;}
#bloc_concept_1 div.conception_concept p{padding-top:30px; width:560px; text-align:justify;}
/* ------------------- Photos bas de page */
#bloc_photos_concept, #bloc_photos_gamme{margin:0px 10px;}
#bloc_photos_concept img.photo_concept_1{float:right; margin:0px 40px 0px 0px;}
#bloc_photos_concept img.photos_concept, #bloc_photos_gamme img{clear:right; float:left; width:276px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------- CONTENU PAGE GAMME -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------- Bloc contenu 1 */
#bloc_gamme{position:relative; margin:10px 60px 0px 80px;}
#bloc_gamme img{margin-bottom:30px;}
#bloc_gamme img.devis_gamme{position:absolute; left:266px; top:280px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------ CONTENU PAGE ACCESSOIRES ----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#bloc_accessoires{}
#bloc_accessoires img{margin-left:40px;}
#legende_accessoires{float:left; margin:40px 0px; width:272px; height:373px; background:url(img/fond-legende-accessoire-barque-de-peche.png) no-repeat;}
#legende_accessoires p{padding:0px 15px; font-size:12px;}
#legende_accessoires p.titre_legende{padding:10px 15px 5px;font-size:13px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- CONTENU PAGE CONTACT ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#bloc_coordonnees{margin:0px 100px;}
#bloc_coordonnees p{float:left; margin-top:50px; text-align:center;}
#bloc_coordonnees img{float:right;}
#bloc_coordonnees p img{float:none;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- CONTENU PAGE GALERIE ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------- Galerie Photo */
div#galerie{width: 410px ;background: #00AABC ;border: 1px solid #dcb ;padding:15px ;margin-top: 15px;margin-left: 190px;margin-bottom: 0px;text-align: center ;font: 0.9em Georgia, serif ;}
ul#galerie_mini{margin: 0 ;padding: 0 ;list-style-type: none ;}
ul#galerie_mini li{float: left ;}
ul#galerie_mini li a img{margin: 2px 1px ;border: 1px solid #dcb ;}
dl#photo{clear: both ;margin: 0 auto ;}
dl#photo dt{font: italic 2em/1.5em Arial ;color: #ffffff ;}
dl#photo dd{margin: 0 ;}
dl#photo img{border: 1px solid #dcb ;}