/* Rendering /var/www/prod/bigbandaixenprovence.com/www/templates/sh_3-boutique_headbanded/css/main.css */
/* Shopsailors' CSS File | Template : sh_3-boutique_headbanded | Variation : 0 | Value : normal */
/* UTF-8 Check : à  ç  é  è  */
*{outline:0;}
body{ background: #ffffff url(/images/template/variation/bg_bg.png?suf=66ab3) repeat 0 0; margin-left: auto; margin-right: auto; font-family: Arial,sans-serif; font-size: 12px; color: #333333;}
#mainContainer{ margin-left: auto; margin-right: auto; width: 950px;}
/* BACKGROUNDS*/
#bg_top{ background: transparent url(/images/template/content_top.png?suf=66ab3) no-repeat center top; height: 40px; margin-top: 5px;}
#bg_middle{ background: transparent url(/images/template/content_middle.png?suf=66ab3) repeat-y center top;}
#bg_bottom{ background-color: #000; height: 100px; margin: 10px 0 0 29px; clear: both; width: 903px;}
.hb_container{ margin-left: 10px;}
#hb_top{ background: transparent url(/images/template/variation/hb_top.png?suf=66ab3) no-repeat center top; height: 16px; width: 930px; margin: 0 auto;}
#hb_middle{ background: transparent url(/images/template/variation/hb_middle.png?suf=66ab3) repeat-y center top ; z-index: 100; width: 930px; margin: 0 auto;}
#hb_bottom{ background: transparent url(/images/template/variation/hb_bottom.png?suf=66ab3) no-repeat center top; width: 930px; margin: 0 auto;}
#hb_bottom_diapoNotset{ background: transparent url(/images/template/variation/hb_bottom.png?suf=66ab3) no-repeat center top; height: 45px; margin: 0 auto;}
/*LOGO and Top Title*/
#logo{ height: 160px; width: 480px; text-align: center; margin-left: auto; margin-right: auto;}
#logo img{ height: 160px; width: 480px;}
.topTitle{ height: 20px; overflow: hidden; font-size:100%; color: #333; width:890px; padding-top: 5px; margin: 0 auto; text-align: center;}
/* Champ de connexion */
#connectionContainer{ height: 20px; text-align: left; margin-top: 10px; margin-left: 35px; position: absolute; font-weight: bold;}
/* Flags */
.pictoFlagsContainer{ text-align: right; height: 20px; margin-right: 10px; padding-top: 10px;}
.pictoFlags{ width: 20px; margin-right: 4px; cursor: pointer;}
#bottom_menu{ margin-right: 20px; padding-top: 15px; text-align: right; clear: both;}
/* Menu and sub menus */
/*Main level*/
.menu_container{ width: 900px; text-align: center; padding-top: 5px; position: relative; z-index: 100;}
.menu_container div{ position: relative; margin-left: auto; margin-right: auto;}
.one_menuH>div>div{ position: absolute; display: block;}
/*submenus*/
.one_menuH .nothover{display:block;}
.one_menuH div.hover{width: 200px;}
.one_menuH div.hover div:first-child{border-top: 1px solid #ccc;}
.one_menuH div.hover div:last-child{border-bottom: 1px solid #ccc;}
.one_menuH div.hover div{ width: 100%; padding: 2px 5px 2px 2px; background: #ede9df; border-bottom: 1px dashed #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align:left;}
.one_menuH .hover{display:none;}
.one_menuH .oneMenuEntry:hover .hover{display:block;}
.one_menuH .oneMenuEntry:hover .nothover{display:none;}
.submenus_entryContainer a{ color: #333333; text-decoration: none;}
.submenus_entryContainer a:hover{ color: #990a00; text-decoration: underline;}
/*Menu2 : bas de page*/
.menu2{ padding-top: 5px; text-align: right; margin-left: auto; margin-right: 15px;}
.menu2 div{ position: relative; text-align: right; margin-left: auto;}
.menu2 .one_menuH .oneMenuEntry:hover .submenus_entryContainer{ display:none;}
/* End of menu */
/*contenu */
.content_middle{ padding: 0 10px 0 10px; width: 880px; margin: 0 auto;}
.page_content{ margin-top: 20px;}
.page_content a{ color: #333333;}
/*Diapo général*/
.diapo{}
.diapo ul.crossfade { padding: 0; margin: 0; list-style: none; position: relative;}
.diapo_fader li{ top: 0; left: 0; visibility: hidden;}
.diapo img { display: block; border: none;}
/*diapo: données propres au template*/
.bg_diapo{ background: transparent url(/images/template/bg_diapo.png?suf=66ab3) repeat-x center bottom; height: 138px; width: 903px; margin-left: 14px; padding-top: 16px; z-index: 1;}
.bg_diapo table{ margin-top: 1px; text-align: center; margin-left: auto; margin-right: auto;}
.bg_diapo td{ padding-left: 3px; padding-right: 3px;}
/* Diaporama */
.diapo_130, .diapo_130 div, .diapo_130 img { width:130px; height:130px;}
/*SEARCHER*/
#searcher{ text-align: right; height: 20px;}
#searcher input{ vertical-align:middle;}
#searcher img{ vertical-align:middle;}
.searcher_bgRight{ display: none;}
.searcher_bgLeft{ display: none;}
.searcher_input{ background-color: #ffffff; border: 1px solid #999; font-size: 90%; padding-top: 3px;}
.searcher_image{ border: none; margin-left: 5px;}
/*Search results: articles*/
.showList_content table tr td{ vertical-align: top;}
.search_results_type_name{ margin-top: 20px;}
.searcher_oneArticle_descContainer{ vertical-align: top;}
.searcher_oneArticle_image{ vertical-align: top; margin-right: 5px; border: 1px solid #990a00;}
.searcher_oneArticle_image img{ height: 60px;}
.search_results_type_name a{ font-weight: bold; font-size: 110%;}
.articleResult_contents{ margin-top: 10px;}
.articleResult_title a{ font-weight: bold; font-size: 110%;}
/*ShowList: liste d'aperçus d'articles*/
.showList_content table tr td{ vertical-align: top;}
.oneArticle_contents{ width: 370px; height: 105px; margin-top: 25px; margin-right: 25px; float: left;}
.oneArticle_image{ width: 102px; height: 102px;}
.oneArticle_image img{ width: 100px; height: 100px; margin-left: 1px;}
body.Internet_Explorer_7_0 .oneArticle_descContainer,body.Internet_Explorer_8_0.oneArticle_descContainer{ background: transparent url(/images/template/white_alpha60.png) repeat top center;}
.oneArticle_descContainer{ background-color: rgba(255,255,255,0.6); padding: 5px; min-height: 65px; max-height: 90px; width: 246px; overflow: auto; vertical-align: top; border: 1px solid #ccc; -moz-border-radius-topRight: 6px; -moz-border-radius-bottomRight: 6px; text-align: left;}
.oneArticle_title a{ font-weight: bold; font-size: 110%;}
/*NEWSLETTER*/
/*Newsletter new suscribe*/
.news_subscribe{ font-weight: bold; font-size: 110%;}
.nl_chooseList{ margin-top: 15px; font-weight: bold;}
.nl_autoChoosenList{ margin-top: 15px; font-weight: bold;}
.nl_autoChoosenList_name{ margin-top: 5px; font-weight: bold;}
.nl_autoChoosenList_desc{ margin-left: 5px; font-style: italic; width: 300px;}
.news_unsubscribe{ font-style: italic; margin-top: 5px;}
.newsList_intro{}
.newsList_title{ font-size: 110%; margin-top: 10px;}
.newsList_list{ margin-top: 10px;}
.newsList_list a{ font-weight: bold; margin-top: 3px;}
.nl_oneMonth_name{ font-style: italic; color: #990a00;}
.nl_list_oneLine{ margin-top: 5px;}
.nl_diffusionList{ font-weight: bold; margin-bottom: 10px;}
.nl_Sub_mailAddress{ font-weight: bold;}
.nl_Sub_mailAddress input{ width: 180px;}
.nl_chooseYourList{ margin-top: 10px; font-weight: bold;}
.nl_subscribeConfirmed{ font-size: 120%; font-style: italic; font-weight: bold;}
.nl_errorMessage{ font-weight: bold; font-style: italic; color: #660000; font-size: 110%; margin-bottom: 10px;}
/*Newsletter: show*/
.nl_backToList { margin-top: 20px; width: 100%; text-align: center;}
.nl_backToList a{ font-weight: bold;}
/*Newsletter: unsubscribe*/
.nl_unsub_intro{ margin-top: 10px;}
.nl_unsub_mailAddress{ margin-top: 10px; font-weight: bold; color: #990a00;}
.nl_unsub_mailAddress input{ width: 200px;}
.nl_unsub_submit{ margin-top: 5px;}
/* Page de contact */
#contact{ width: 900px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px;}
#contact table td{ vertical-align: top;}
#contact table input{width: 170px;}
#contactData_container{ margin-top: 10px;}
#contactData_container h3{ color: #990a00; font-size: 115%;}
.contact_intro{ text-align: left; width: 300px;}
.contact_address{ width: 200px; text-align: left;}
.contact_phone{ width: 200px; text-align: left;}
.contact_mail{ width: 200px; text-align: left;}
#sendMailForm_container{ width: 400px; margin-left: 140px;}
.sendMail_IEmargin{ height: 25px;}
#sendMailForm_container h3{ margin-top: 0px; text-align: center; font-size: 115%;}
#sendMailForm_container table{ width: 340px; text-align: center; margin-top: 14px; margin-left: auto; margin-right: auto;}
#sendMailForm_container div{ margin-left: auto; margin-right: auto; text-align: center;}
.sendmailContent{ padding-left: 0px;}
.contactMail_link{ color: #990a00;}
.mailContent{ width: 340px; height: 140px;}
.contact_submitCaptcha{ text-align: center; margin-top: 30px;}
.sendmailInput input { width: 150px;}
/*CAPTCHA*/
.captchaText{}
.captcha_container{ position:relative; width:240px; height:40px; margin-top:5px;}
.captcha_code{ position:absolute; left:0; top:0; width:130px;}
.captcha_reload{ position:absolute; left:210px; top:0; width:30px; cursor:pointer;}
.captcha_input{ position:absolute; left:140px; top:0; width:60px;}
.captcha_input input{ border: 1px solid #666;}
.captcha_code img{ border: 1px solid #666; width:130px; height:30px;}
#copyrights{ color: #333333; text-align:center; font-size:90%; font-weight: bold; clear: both;}
#copyrights a{ color: #333333;}
/*GENERAL ALL TEMPLATES*/
h1{ /* Grand titre des pages */
 color: #990a00; font-weight: bold; font-size: 160%; line-height: 24px; text-align: left; margin-top: inherit; margin-bottom: 0; padding-bottom: 0;}
h2{ /* Petit titre des pages */
 color: #990a00; font-weight: bold; font-size: 120%; line-height: 16px; text-align: left; text-indent: 15px;}
h3{ margin-bottom: 0;}
p{ /* Paragraphes */
   font-weight: normal;   line-height: 16px;   text-align: left;   text-indent: 2px;}
.border-top{ border-top: 1px solid #990a00;}
.border-right{ border-right: 1px solid #990a00;}
.border-bottom{ border-bottom: 1px solid #990a00;}
.border-left{ border-left: 1px solid #990a00;}
.alert-top{ border-top: 1px solid #660000;}
.alert-left{ border-left: 1px solid #660000;}
.alert-right{ border-right: 1px solid #660000;}
.alert-bottom{ border-bottom: 1px solid #660000;}
.hideLink{ text-decoration:inherit; color:inherit;}
input, textarea{ border: 1px solid #990a00;}
a:link, a:visited{ color: #333333;}
a:active, a:hover{ color: #990a00;}
.aLink{ cursor: pointer;}
.falseLink{ cursor: pointer; text-decoration: underline;}
.falseLink:hover{ color: #990a00;}
.fourFifth{ font-size:80%; font-style: italic;}
.table_description{ font-style: italic; color: #333333; font-size: 80%;}
img {  border: 0;}
/* Added contents from sh_wEditor */

