/*
Theme Name: Quiberon Nautic Fr
Description: Feuille de style de la société Quiberon Nautic
Version: 1
Author: Thomas Bachere
Author URI: http://
Tags:  

Quiberon Nautic v1

This theme was designed and built by Thomas Bachere,

*/ 

/* Affiché uniquement pour le print */

.print { display: none; }



/* Begin css code */

* { margin: 0; padding: 0; border: 0; }

body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #FFF; color: #333; }

ul { list-style: none; }

.avertissement { text-align: center; }

.clear { clear: both; }

/*Header*/

/*Header Logo gauche*/

div#header_full { width: 100%; background: #FFFFFF url('../template/img/header_background.gif') repeat-x top; }

div#header { width: 1000px; margin: 0 auto; overflow: hidden; zoom: 1; }

a#headerleft { display: block; float: left;  width: 338px; height: 226px; background: url('../template/img/header_logo.jpg') no-repeat; }

/*Header droite*/

div#headerright { float: left; background: url('../template/img/logos.jpg') no-repeat 99% 50%; }

/*Header  search form*/

ldiv#headerright form#searchform #labelsearch { color: #77695c; }

div#headerright form#searchform { text-align: right; }

div#headerright form#searchform #searchsubmit { height: 16px; width: 20px; background: #77695c url('../template/img/searchsubmit_btn.gif') no-repeat bottom; }

div#headerright form#searchform #s { border: 1px solid #77695c; }

/* Header recherche */

form.recherche { overflow: hidden; zoom: 1; text-align: right; height: 20px;  float: right; }

form.recherche input { font-size: 10px; padding: 0 4px 0 4px; height: 17px; width: 150px; text-align: center; }

form.recherche input.btn { height: 18px; width: 20px; background: url('../template/img/searchsubmit_btn.gif') no-repeat 0px 3px; }

/*Header  menu*/

div#headerright ul#Nav { width: 660px; margin: 127px 0 0 0; }

div#headerright ul#Nav li { display: block; float: left; background: #002A58 url('../template/img/menu_background.gif') no-repeat; width: 128px; height: 22px; margin: 0 4px 0 0; padding: 5px 0 0 0; text-align: center; }

div#headerright ul#Nav li a { font-size: 15px; font-weight: bold; color: #77695c; text-decoration: none; }

div#headerright ul#Nav li:hover { background: #002A58 url('../template/img/menu_background.gif') no-repeat 0px -27px; }

div#headerright ul#Nav li:hover a { color: #FFF; }

div#headerright ul#Nav .current-item { display: block; float: left; background: #002A58 url('../template/img/menu_background.gif') no-repeat 0px -27px; width: 128px; height: 22px; margin: 0 4px 0 0; padding: 5px 0 0 0; text-align: center; }

div#headerright ul#Nav .current-item a { font-size: 15px; font-weight: bold; color: #FFF; text-decoration: none; }

/* Bloc du sous menu */

.menu { display: none; width: 128px; position: relative; z-index: 2; }

.menu li { padding: 10px 0 10px 0; background-color: #77695C !important; opacity: 0.7; filter:alpha(opacity=70); background-image: none !important; width: 128px; margin: 0 !important; }

.menu li a { font-size: 11px !important; color: #FFFFFF !important; }

/* Header fil d'arianne */

div#arianne { position: relative; z-index: 1; float: left; font-size: 11px; color: #002A58; padding: 20px 0 10px 0; }

div#arianne h1, h2 { font-size: 11px; color: #002A58; }

div#arianne a { font-size: 11px; color: #002A58; text-decoration: none; }

/* Header formulaire de tri lorsqu'on est en control produit */

div#form_tri { float: right; font-size: 11px; color: #77695C; padding: 20px 0 10px 0; }

div#form_tri select { font-size: 11px; color: #77695C; }

/* Header conteneur du corp du document */

div#content { width: 1000px; overflow: hidden; zoom: 1; margin: 0 auto; padding: 20px 0 20px 0; }

/* Header diaporama de la colonne de gauche */

ul#left_column { float: left; width: 330px; }

/*page  accueil controll accueil*/

div#accueil { width: 1000px; margin: 20px auto 20px auto; overflow: hidden; zoom: 1; }

div#accueil #img_left{ width: 322px; height: 490px; float: left; }

div#accueil #img_left h2, div#accueil #img_right h2 { background: url('../template/img/titre_accueil.png') no-repeat; width: 322px; height: 25px; padding: 5px 0 0 0; font-size: 13px; text-align: center; }

div#accueil #img_left ul { list-style-image: url('../template/img/puce_produit_indication.gif'); margin: 0 0 0 15px; }

div#accueil #img_centre{ background: url('../template/img/accueil_centre.jpg') no-repeat; margin: 0 0 0 21px; width: 316px; height: 490px; float: left; }

div#accueil #img_right{ margin: 0 0 0 21px; width: 316px; height: 490px; float: left; }

#occasion_accueil { overflow: hidden;  margin-top: 15px; }

#occasion_accueil .content{ overflow: hidden; position: relative; text-align: center; width: 150px; float: left; margin: 0 auto; }

#occasion_accueil .content h3{ font-size: 12px; margin: 10px 0 0 0;}

#occasion_accueil .content h3 a { text-decoration: none; color: black; }

#occasion_accueil .content .price { font-size: 12px; }

/*page produit  controll produit */

div#controll_produit { float: left; width: 670px; }

div#conteneur_produit_liste { }

div#conteneur_produit_detail { }

/*pagination controll produit*/

.pagination { background: #DDE7B0;/*url('../template/img/pagination_background.gif') no-repeat;*/ width: 670px; height: 16px; padding: 1px 0 0 0px; margin: 0 0 10px 0; text-align: center; }

.pagination a { color: #77695c; text-decoration: none; font-weight: bold; margin: 0 5px 0 0; }

.pagination a.page_selectionne { text-decoration: underline; }

/*Fiche produit liste*/

.groupe_produit_liste{ overflow: hidden; zoom: 1; }

.produit_liste { float: left; position: relative; width: 252px; margin: 0px; padding: 10px 10px 5px 10px; overflow: hidden; zoom: 1; border: 1px solid #77695C; text-align: center; }

.fiche_left { margin: 0 120px 0 0; }

.produit_liste a { text-decoration: none; color: #333; }

.produit_liste h2 { font-size: 15px; color: #333; width: 250px; margin: 0 0 15px 0; }

.produit_liste .prix { float: left; }

.produit_liste a.plus_detail { float: right; }

.produit_liste .accroche { text-align: center !important; overflow: hidden; zoom: 1; }

.produit_liste .accroche a { float: none !important; }

.produit_liste .accroche img { border: 1px groove #919090; }

/*Fiche produit detail*/

/*Titre de la fiche produit*/

div#conteneur_produit_detail h2 { color: #77695C; font-size: 18px; overflow: hidden; zoom: 1; margin: 0 0 10px 0; height: 30px; border-bottom: 1px dashed #002A58; padding: 0 0 10px 0; text-align: center; }

div#conteneur_produit_detail h2  span.titre { background: url('../template/img/puce_prix_detail_produit.gif') no-repeat left; float: left; width: 450px; height: 25px; padding: 5px 0 0 0; }

div#conteneur_produit_detail h2 span.prix { background: url('../template/img/puce_titre_detail_produit.gif') no-repeat left; float: right; width: 220px; height: 25px; padding: 5px 0 0 0; }

/*Photos de la fiche produit*/

div#photos_fiche_produit { overflow: hidden; zoom: 1; border-bottom: 1px dashed #002A58; padding: 0 0 10px 0; }

.photos_princ_detail { float: left; width: 450px; }

.photos_detail { float: left; width: 220px; text-align: center; }

.photos_detail img { cursor: pointer; }

/*Caractéristiques techniques la fiche produit*/

h3.titre_detail_technique { color: #77695C; font-size: 18px; background: url('../template/img/puce_prix_detail_produit.gif') no-repeat left; overflow: hidden; zoom: 1; margin: 0 0 10px 0; padding: 10px 0 10px 0; text-align: center; border-bottom: 1px dashed #002A58; }

.produit_detail { padding: 0 0 10px 0; width: 310px; float: left;}

.infos_sup { padding: 0 0 10px 0; width: 350px; float: left;}

.infos_sup p { padding: 4px 0 4px 7px; background: url('../template/img/puce_produit_indication.gif') no-repeat left; }

.produit_detail p { padding: 4px 0 4px 7px; background: url('../template/img/puce_produit_indication.gif') no-repeat left; }

/*Formulaire demande de renseignement de la fiche produit*/

div#conteneur_produit_detail form { font-size: 11px; color: #333; text-align: center; clear: both;}

div#conteneur_produit_detail form h3 { color: #77695C; font-size: 18px; background: url('../template/img/puce_prix_detail_produit.gif') no-repeat left; margin: 0 0 10px 0; padding: 10px 0 10px 0; text-align: center; border-bottom: 1px dashed #002A58; }

div#conteneur_produit_detail form input { height: 17px; padding: 3px 0 0 10px; font: 11px; color: #333; width: 500px; border: 1px solid #A3C300; }

div#conteneur_produit_detail form p.captcha { text-align: center; }

div#conteneur_produit_detail form input.captcha { height: 17px; padding: 3px 0 0 0; text-align: center; font: 11px; color: #333; width: 30px !important; border: 1px solid #A3C300; margin-left: 5px; }

div#conteneur_produit_detail form textarea { padding: 0 0 0 10px; font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; width: 500px; border: 1px solid #A3C300; }

div#conteneur_produit_detail form input.btn { width: 500px; height: 20px; background: url('../template/img/btn_submit.gif') no-repeat; color: #FFF; border: 0 !important; }

div#conteneur_produit_detail ul { list-style-image: url('../template/img/puce_produit_indication.gif'); margin: 0 0 0 11px;  }


/*page article  controll article */

div#controll_article { float: left; width: 670px; }

/*liste article*/

.article_liste { overflow: hidden; zoom: 1; }

.article_liste h3 { background: url('../template/img/puce_titre_liste_article.gif') no-repeat left; margin: 0 0 10px 0; padding: 10px 0 10px 20px; }

.article_liste h3 a { color: #77695C; font-size: 18px; text-decoration: none; }

.accroche { text-align: justify; }

.article_liste .accroche img { float: left; margin: 0 5px 0 0; }

.accroche a { float: left; text-decoration: none; color: #333; }

.article_liste a.plus_detail { color: #FFF; float: right; background: #77695C; padding: 2px; text-decoration: none; }

/*Titre detail article*/

div#conteneur_article_detail h3 { color: #77695C; font-size: 18px; background: url('../template/img/puce_titre_liste_article.gif') no-repeat left; margin: 0 0 10px 0; padding: 10px 0 10px 20px; }

div#conteneur_article_detail ul { list-style-image: url('../template/img/puce_produit_indication.gif'); margin: 0 0 0 11px;  }

/*Formulaire de contact de la société*/

div#conteneur_article_detail form { font-size: 11px; color: #333; text-align: center; }

div#conteneur_article_detail form input { height: 17px; padding: 3px 0 0 10px; font: 11px; color: #333; width: 500px; border: 1px solid #A3C300; }

div#conteneur_article_detail form textarea { padding: 0 0 0 10px; font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; width: 500px; border: 1px solid #A3C300; height: 200px; margin: 0 0 10px 0; }

div#conteneur_article_detail form input.btn { width: 500px; height: 20px; background:  url('../template/img/btn_submit.gif') no-repeat; color: #FFF; border: 0 !important; }

/*Tableau*/

div#conteneur_article_detail table { width: 670px; border-collapse: collapse; margin: 20px 0 20px 0; }

div#conteneur_article_detail tr { border: 1px solid #333; border-collapse: collapse; }

div#conteneur_article_detail th { font-weight: bold; border: 1px solid #333; border-collapse: collapse; padding: 5px; }

div#conteneur_article_detail td { border-collapse: collapse; border: 1px solid #333; padding: 5px; }



/*Footer*/

div#footer { width: 1000px; margin: 0 auto; padding-top: 20px; height: 200px; background: url('../template/img/footer_background.gif') no-repeat; color: #FFF; position: relative; font-size: 12px; line-height: 22px; text-align: center; clear: both; }

div#footer #capitainerie { position: absolute; top: 80px; right: 45px; width: 226px; }

div#footer #chantier_nautique { position: absolute; top: 80px; right: 305px; width: 226px; }