/* CSS header pages */
*{margin:0; padding:0}
body { background:#868688; font: 11px Verdana, Arial, Helvetica, sans-serif; margin:20px;	overflow:hidden;overflow-y: auto;overflow : -moz-scrollbars-vertical;}
#global{background:#fff url(../images/motif-top.png) no-repeat top right; width:955px; position:relative; left:50%; margin-left:-478px; height:100%}

h1 { font: italic bold 18px/19px Georgia, "Times New Roman", Times, serif; color: #868688;}
h2{font: italic bold 14px Georgia, "Times New Roman", Times, serif;color: #3399ff;}
#ombre_bas{background:url(../images/ombre_bas.jpg) no-repeat; background-position:bottom; width:904px; height:22px; position:relative;right: 10px}

#header {width:955px; height: 100px}
#navBar {float: right; height: 41px; margin-top:10px}
#navBar ul { font-weight: bold; font-size: 11px; color: #fff; list-style-type: none; margin-top:10px}
#navBar li { float: left; margin: 0  0 0 4px; text-align:center}
#navBar li span { background:transparent url(../images/menu-bleu.png) no-repeat; display:block; width: 94px; height:35px; padding-top: 6px}
#navBar li a { color:#000; text-decoration:none; background:transparent url(../images/menu-gris.png) no-repeat; display:block; width: 94px; height:35px; padding-top: 6px}
#navBar li a:hover, #navBar li a:focus, #navBar li a:active { color:#fff; text-decoration:none; background:transparent url(../images/menu-bleu.png) no-repeat}
#newsletter { text-align: right}
#newsletter input { font:10px Verdana, Arial, Helvetica, sans-serif; padding: 1px}
#newsletter img {padding-left: 5px; border:none}
#newsletter a.ok_btn { background:transparent url(../images/ok-button-off.png) no-repeat; display:block; width: 33px; height: 27px}
#newsletter a.ok_btn:hover { background:transparent url(../images/ok-button-over.png) no-repeat}
#logo_bot_left { border-top: solid 1px #868688; position:absolute;width:12px; top:-1px;left:67px;}
#logo_bot_center { border-top: solid 1px #FFFFFF; position:absolute;width:106px; top:-1px;left:79px;}
#logo_bot_right { border-top: solid 1px #868688; position:absolute;width:12px; top:-1px;left:185px;}

#promotions{width:458px; height: 234px; position:absolute;}
#promotions #promotions_content{width:380px; height: 234px; position:relative;top:0;margin-left:50px;line-height:16px}
#promotions #promotions_content h1{margin:20px 0}

#produits_mois{width:458px; height: 234px; position:absolute;margin-left:458px;}
#produits_mois #produits_mois_content{width:380px; height: 234px; position:relative;top:0;margin-left:50px;line-height:14px}
#produits_mois #produits_mois_content h1{margin-top:20px;margin-bottom:-5px;margin-bottom:15px}

#content_page_accueil { background:#fff url(../images/header-bottom.png) no-repeat 10px 0; position:relative; top:0; left: 20px; width: 895px; height: 600px; border: 1px solid #db002f; padding: 30px 10px}
#content_page_accueil #fond_presentation{width:920px; height: 282px; margin-top: 60px; position:absolute;left:-16px}
#content_page_accueil #fond_presentation #box {width: 800px;margin-left:20px;position:relative;margin-top:-20px;}
#content_page_accueil #fond_presentation #box #box-content {width: 905px;}
#content_page_accueil #fond_presentation #box #box-content #box-text { margin-left: 20px; margin-top:15px;margin-right:250px;margin-bottom:15px;}
#content_page_accueil #fond_presentation #box #box-content #box-text h1 {margin-bottom:10px}
#content_page_accueil #fond_presentation #box #box-content #box-text p {padding-top:5px}
#content_page_accueil #fond_presentation #box #box-content #box-text a, a:hover, a:focus,a:active{ color: #3399ff}
#content_page_accueil #fond_presentation #carrousel {width: 870px;margin-left:70px; height:120px;margin-top:-10px;}
#content_page_accueil #offres_accueil{width:920px; height: 282px; margin-top: 350px; position:relative; right:26px}

#content_page_produit { background:#fff url(../images/header-bottom.png) no-repeat 10px 0; position:relative; top:0; left: 20px; width: 895px; min-height:300px; height: 90%; border: 1px solid #db002f; padding: 30px 10px;}
#content_page_produit #titre_rubrique{position:absolute; width: 29px; height:138px; z-index:2; margin-top:80px; left:-15px}
#content_page_produit #table_boucle{background:#fff ;width:904px; margin-top: 70px; position:relative; right:11px; border-top: 1px solid #efefef; border-right: 1px solid #efefef; border-left: 1px solid #efefef; padding-top:10px; min-height:380px;}

#liste_famille {width: 800px;margin-left:30px; height:100%; line-height:18px}
#liste_famille a, a:hover, a:focus,a:active{ color: #3399ff}
#title{background-color:#868688; width:110px; font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #fff; padding-left:10px; padding-bottom:2px; padding-top:2px; margin-bottom:5px}
#td_produit{background: url(../images/fond_produits.jpg) no-repeat; vertical-align:top}
#td_produit #produits_all{width:280px; height:180px; position:relative}
#td_produit #produits_all #titre_produit{font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #3399ff; font-weight:bold; width:230px; padding-top:10px; padding-left:15px; height:15px}
#td_produit #produits_all #image_produit{width:90px; height:60px; padding:15px; position:absolute}
#td_produit #produits_all #texte_produit{width:150px; height:60px; position:absolute; left:112px; padding-top:12px}
#td_produit #produits_all #lien_produit{width:200px; top:100px; padding-top:85px; padding-left:15px; line-height:16px}
#td_produit #produits_all #lien_produit a, a:hover, a:focus,a:active{ color: #3399ff}

#image_prod_det{width:260px;left:630px; height:300px; position:absolute}
#image_prod_det a, a:hover, a:focus,a:active {color: #3399ff}
#produit_detail{width: 530px;margin-left:30px; height:100%; line-height:18px; padding-bottom:25px; position:inherit}
#produit_detail h2{padding-bottom:15px}
#produit_detail p{font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:16px}
#carrousel_prod{width: 870px;margin-left:30px; height:120px;vertical-align:center;margin-top:50px;}
#carrousel_prod #carrousel_prod_title {width: 230px;margin-left:0px; height:40px;font: italic bold 14px Georgia, "Times New Roman", Times, serif;color: #868688; text-transform:uppercase;position:absolute;margin-top:55px}
#carrousel_prod #carrousel_prod_liste {width: 640px;margin-left:250px; height:120px;position:absolute;}

#content_offres { background:#fff url(../images/header-bottom.png) no-repeat 10px 0; position:relative; top:0; left: 20px; width: 895px; height: 600px; border: 1px solid #db002f; padding: 30px 10px}
#content_offres #offres{width:920px; margin-top: 70px; position:relative; right:26px}
#content_offres #offres #nouveautes{width:458px; height: 234px; position:absolute;margin-top:250px;}
#content_offres #offres #nouveautes_content{width:380px; height: 234px; position:relative;top:0;margin-left:50px;line-height:14px}
#content_offres #offres #nouveautes h1{margin-top:20px;margin-bottom:-5px;margin-bottom:15px}

#title_clientInt{width:290px; font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #868688; padding-left:10px}
#title_clientInt p{font: 10px Verdana, Arial, Helvetica, sans-serif}
#title_clientInt a, a:hover, a:focus,a:active{color: #3399ff}

.td_espace{}
.texte_alerte{line-height:18px}
.texte_form{color:#868688; vertical-align:top;font-weight:bold;}
.texte_form2{color:#868688; vertical-align:top;}
.texte_warning{color:#FF0000; vertical-align:top;}
.table{margin-top:10px; margin-bottom:30px}
.texte_info{line-height:18px;font-size:9px;font-style:italic;}
.input_text {background-color:#FFFFFF;border:1px solid #C3C3C3;font-family:verdana;font-size:11px;color:#333333;width:210px;height:17px}
.input_text_small {background-color:#FFFFFF;border:1px solid #C3C3C3;font-family:verdana;font-size:11px;color:#333333;width:165px;height:17px}
.input_textarea{border:1px solid #C3C3C3;width:350px;font-family:verdana;font-size:11px;color:#333333;height:150px;overflow-y:auto; overflow-x:hidden;
background: no-repeat fixed bottom;scrollbar-face-color : #E9E9E9;scrollbar-shadow-color : #ffffff;scrollbar-highlight-color : #ffffff;scrollbar-3d-light-color : #ffffff;scrollbar-dark-shadow-color : #ffffff;scrollbar-track-color : #ffffff;scrollbar-arrow-color : #000000;
}

#footer_txt {margin:10px 40px 10px 40px;line-height:18px;text-align:justify;}
#footer_txt p {margin:0px 0px 20px 0px;}
#footer_txt h1 {margin:0px 0px 10px 0px;}

/* CSS footer pages */
#footer{color:#666666;font: 10px Verdana, Arial, Helvetica, sans-serif; width:767px;margin-left:85px; position:relative; padding-bottom:20px;padding-top:20px}
#footer a, a:hover, a:focus,a:active{color: #666666;text-decoration:none}

#galerie {height:170px;position:relative}
#galerie img, #left-col #galerie img a {position:absolute; top:0; left:0; visibility:hidden; border:1px solid #666}

#thumbnail ul {list-style:none; margin:8px 0 0}
#thumbnail ul li {display:inline; float:left; margin:0 0 8px 8px; width:57px; height:40px; background:#e8e8e8;}
#thumbnail img {border:1px solid #000000}
#thumbnail ul li:first-child {margin-left:0}