@charset "utf-8";

html { font-size: 100%; /* evite un bug d'IE 6-7 */ }


/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #FFF url(/img/fond.png);  height: 100%; color: #707173}

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {border-bottom: 1px dotted #000000; cursor: help; }

#conteneur { width: 1173px; margin: auto; background: #FFF; border: 1px solid #000}

/* zone entete */
#header1 { float: left; width: 450px; height: 309px; background: #000 url(/img/akilaria_01.png) no-repeat; padding-top: 80px; }
#header2 { float: left; width: 450px; height: 309px; background: #000 url(/img/akilaria_02.png) no-repeat; padding-top: 30px; }
#header3 { float: left; width: 273px; height: 400px; background: #000 url(/img/akilaria_03.png) no-repeat; }

#langue { padding-right: 20px; text-align: right; font-size: 70%; height: 50px; color: #006ab1; }
#langue a { color: #FFF; text-decoration: none; }
#langue a:hover { color: #FFF; }

/* contour diaporamas */
#dewslider1 { width: 444px; height: 296px; border: 12px solid #000; border-left: 0; border-right: 6px solid #000; }
#dewslider2 { width: 444px; height: 296px; border: 12px solid #000; border-left: 6px solid #000 ; border-right: 0}
#dewslider3 { width: 251px; height: 380px; border: 12px solid #000; border-top: 10px solid #000; border-bottom: 10px solid #000; border-right: 0; }

/* encadré actualités */
#cadreactu { float: right; color: #707173; width: 240px; margin: 10px 10px 10px 0; font-size: 90%; text-align: right; }
#cadreactu div { border: 1px solid #b1b1b2; padding: 10px; text-align: left; margin-top: 10px;}
#cadreactu div a { text-decoration: none; color: #1a171b; }
#cadreactu div a:hover { text-decoration: none; }

/* nav */
#navigation { font-size: 70%; font-style: italic; text-align: right; }
#navigation a:hover { color: #ED803C; }

/* menus dans menu.css*/

#contenu { margin-right: 264px; color: #707173; text-align: justify; font-size: 90%; min-height: 300px; padding: 0 20px 20px 20px; height: 1% /*bug hasLayout IE */; }

/* fiches bateaux */
.titrefiche { font-size: 150%; color: #006AB1; font-weight: bold}
#fiche { float: right; background: #D9DADC; color: #000; margin-left: 20px; margin-bottom: 10px; width: 250px;}
#fiche ul { margin-left: 0; padding-left: 0; list-style-type: none; padding: 10px}
#fiche span { color: #666; }
#fiche a { color: #fff; text-decoration: none; }
#fiche #pdf {  background: #000; color: #fff; overflow: auto; padding: 6px; padding-left: 20px;}

/* photos */
.album { float: left; width: 140px; margin-right: 20px; margin-top: 15px; text-align: center; font-size: 85% }
.titre_album { font-weight: bold; margin-bottom: 10px; font-size: 110%; text-transform: uppercase}
.photo { float: left; width: 125px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }
.photoP { float: left; width: 105px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }

.prix1 { float: right; margin-right: 290px; display: block;  }
.prix { float: right; margin-right: 190px; display: block; }
.devis { float: right; margin-right: 190px; display: block; font-size: 80%; font-style: italic; }

/* encadré bas */
#footer { background: #d9dadb; height: 20px; line-height: 20px; border-bottom: 5px solid #000; }

#coord { float: left; font-weight: bold; font-size: 70%; padding-left: 20px; }
#coord a { color: #3e3e40; text-decoration: none; }
#coord a:hover { color: #ed803c; text-decoration: none; }

#footer #lang{ float: left; font-weight: bold; font-size: 70%; padding-left: 250px; }

#mentions { text-align: right; font-weight: bold; font-size: 70%; padding-right: 20px; }
#mentions a { color: #3e3e40; text-decoration: none; }
#mentions a:hover { color: #ed803c; text-decoration: none; }

/* bas de page */
#copy { clear: both; color: #3E3E40; font-size: 70%; width: 951px; text-align: center; margin: auto; }
#copy a { color: #3E3E40; text-decoration: none; }
#copy a:hover { color: #006ab1; text-decoration: none; }

/* lignes de formulaire */
.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 20px; line-height: 22px; width: 500px; }
.entete { width: 150px; color: #111; float: left;}

h1 { font-size: 130%; color: #3E3E40; }
h2 { font-size: 125%; color: #006AB1; }
h3 { font-size: 110%; color: #ED803C; }
h4 { font-size: 150%; color: #006AB1; margin: 0}

a { color: #006AB1; }
a:hover { color: #ED803C; }

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #006AB1; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #006ab1; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #006ab1; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }
.vert { color: #7EC65F; }
.rouge { color: #FF0000; }