@charset "utf-8";
/* CSS Document */

html, body 	{ padding:0; margin:0; }
body		{ background-image:url(../../images/bg.jpg); background-repeat:repeat-x; background-position:top left; background-color:#101923; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h3 { font-size:14px;}
/* WRAPPER ----------------------------------------------------------------------------------------- */
#wrapper1-sinoco 					{ width:100%;  padding:0 0 10px 0; margin:0; background-image:url(../../images/bg-header-sinoco.jpg); background-position:top center; background-repeat:no-repeat;}

/* HEADER ------------------------------------------------------------------------------------------ */
#header-sinoco						{ width:767px; height:117px; padding:0; margin:0 auto;}
#header-sinoco a.logo-sinoco 		{ float:left; display:block;background-image:url(../../images/logo-sinoco-web.png); background-position:top left; background-repeat:no-repeat; height:96px; width:270px;}
#header-sinoco a.logo-sinoco img	{ display:none;}

#header-bloc { float:right; margin:15px 0 0 0; padding:0 0 0 10px; width:198px; background-image:url(../../images/bloc-header-2.png); background-position:top right; background-repeat:no-repeat;}
#header-bloc ul{ list-style-type:none; margin:0; padding:0;}
#header-bloc ul li{ margin:0; padding:0; }
#header-bloc ul li.menu { overflow:hidden; text-align:center; padding:3px 0 13px 7px; width:183px; background-image:url(../../images/bloc-header-1.png); background-position:top left; background-repeat:no-repeat;}
#header-bloc ul li.menu a{text-align:center; margin:0; color:#FFFFFF; padding:10px 5px 0 7px; text-decoration: none; background-image:url(../../images/bloc-header-over.gif); background-repeat:no-repeat; background-position:0 15px;}
#header-bloc ul li.menu a:hover{ background-image:url(../../images/bloc-header-a.gif); }

#header-bloc ul li.basket { display:table; padding:0; width:198px; background-image:url(../../images/bloc-header-4.png); background-position:bottom right; background-repeat:no-repeat;}
#header-bloc ul li.basket div{ overflow:hidden; color:#5c5d5f; font-weight:bold; margin:0; padding:0 15px 15px 15px; width:168px; background-image:url(../../images/bloc-header-3.png); background-position:bottom left; background-repeat:no-repeat;}
#header-bloc ul li.basket div a { color:#5c5d5f; }

/* MENU FRANCAIS -------------------------------------------------------------------------------------------- */
#menu-sinoco 						{ width:767px; height:54px; padding:0; margin:0 auto; background-image:url(../../images/bg-menu-center.gif); background-position:top left; background-repeat:repeat-x;}
#menu-wrapper1						{ width:767px; height:54px; padding:0; margin:0; background-image:url(../../images/bg-menu-right.gif); background-position:top right; background-repeat:no-repeat;}
#menu-wrapper1 ul					{ padding:16px 14px 0 14px; margin:0 auto; height:38px; background-image:url(../../images/bg-menu-left.gif); background-position:top left; background-repeat:no-repeat; list-style-type:none; overflow:hidden;}
#menu-wrapper1 ul li 				{ list-style-type:none; float:left;}
#menu-wrapper1 ul li a 				{ display:block; background-image:url(../../images/menu-a.gif); background-position:top right; background-repeat:no-repeat; padding:0; margin:0; color:#002f64; font-weight:bold; text-decoration:none;}
#menu-wrapper1 ul li a span 		{ display:block; background-image:url(../../images/menu-normal.gif); background-position:top left; background-repeat:no-repeat; padding:10px 17px 10px 20px; margin:0;}
#menu-wrapper1 ul li a:hover span 	{ background-image:url(../../images/menu-over.gif);}
#menu-wrapper1 ul li a.current span { background-image:url(../../images/menu-over.gif);}

/* MENU ENGLISH -------------------------------------------------------------------------------------------- */
#menu-wrapper1en					{ width:767px; height:54px; padding:0; margin:0; background-image:url(../../images/bg-menu-right.gif); background-position:top right; background-repeat:no-repeat;}
#menu-wrapper1en ul					{ padding:16px 14px 0 14px; margin:0 auto; height:38px; background-image:url(../../images/bg-menu-left.gif); background-position:top left; background-repeat:no-repeat; list-style-type:none; overflow:hidden;}
#menu-wrapper1en ul li 				{ list-style-type:none; float:left;}
#menu-wrapper1en ul li a 				{ display:block; background-image:url(../../images/menu-a.gif); background-position:top right; background-repeat:no-repeat; padding:0; margin:0 11px; color:#002f64; font-weight:bold; text-decoration:none;}
#menu-wrapper1en ul li a span 		{ display:block; background-image:url(../../images/menu-normal.gif); background-position:top left; background-repeat:no-repeat; padding:10px 22px 10px 25px; margin:0;}
#menu-wrapper1en ul li a:hover span 	{ background-image:url(../../images/menu-over.gif);}
#menu-wrapper1en ul li a.current span { background-image:url(../../images/menu-over.gif);}

/* CONTENT ----------------------------------------------------------------------------------------- */
#content-wrapper1					{ position:relative; display:block; background-image: url(../../images/bg-content2-sinoco.gif); background-repeat: repeat-y; background-position:top left; width: 767px; min-height: 342px; height:100%; padding:0; margin:0 auto;}
#content-wrapper2					{ position:relative; display:table; background-image: url(../../images/bg-content1-sinoco.gif); background-repeat: no-repeat; background-position:top left; width: 767px; min-height: 342px; height:100%; padding:0; margin:0;}

/* STUB LEFT --------------------------------------------------------------------------------------- */
#stub-left									{ float:left; position:relative; top:0; left:0; width:186px; margin:0; padding:15px 0 0 15px; }

#stub-left .bloc							{ background-image:url(../../images/stub-left-3.gif); background-position:top left; background-repeat:repeat-y; width:auto; padding:0; margin:0 0 5px 0;}
#stub-left .bloc ul							{ background-image:url(../../images/stub-left-4.gif); background-position:bottom left; background-repeat:no-repeat; width:auto; list-style-type:none; padding:0 0 20px 0; margin:0;}
#stub-left .bloc ul	li						{ background-image:url(../../images/stub-left-2.gif); background-position:top left; background-repeat:no-repeat; width:auto; min-height:32px; height:auto; list-style-type:none; padding:0; margin:0;}
#stub-left .bloc ul	li.title				{ background-image:url(../../images/stub-left-1.gif); background-position:top left; background-repeat:no-repeat; min-height:21px; height:21px; width:auto; padding:11px 0 0 31px; margin:0; font-size:12px; font-weight:bold; color:#c95d00;}
#stub-left .bloc ul	li.content				{ width:auto; padding:5px 31px 5px 31px; margin:0; color:#002f63; font-size:10px;}

#stub-left .bloc ul li ul.menu 				{ width:auto; padding:0; margin:0; background-image:none;}
#stub-left .bloc ul li ul.menu li			{ background-image:none; height:auto; min-height:12px; margin:0; padding:0;}
#stub-left .bloc ul li ul.menu li a 		{ display:block; text-decoration:none; color:#002f63; font-weight:bold; padding:5px 0 5px 31px; margin:0 10px 0 0; background-image:url(../../images/stub-left-sep.gif); background-position:bottom right; background-repeat:no-repeat; }
#stub-left .bloc ul li ul.menu li a:hover 	{ color:#494848;}

/* STUB RIGHT -------------------------------------------------------------------------------------- */
#stub-right							{ width:523px; margin:0 0 0 223px; padding:15px 20px 0 0;}
#stub-right .bloc					{ background-image:url(../../images/content-bloc-2.gif); background-position:top right; background-repeat:repeat-y; width:528px; padding:0; margin:0 0 5px 0;}
#stub-right .bloc ul.blocul				{ background-image:url(../../images/content-bloc-3.gif); background-position:bottom right; background-repeat:no-repeat; width:100%; list-style-type:none; padding:0 0 20px 0; margin:0;}
/*#stub-right .bloc ul.blocul	li			{ display:block; list-style-type:none; padding:0; margin:0;}*/
#stub-right .bloc ul.blocul	li.title	{ background-image:url(../../images/content-bloc-1.gif); background-position:top right; background-repeat:no-repeat; min-height:21px; height:21px; width:auto; padding:11px 0 0 31px; margin:0; font-size:12px; font-weight:bold; color:#c95d00;}
#stub-right .bloc ul.blocul	li.title2	{ background-image:url(../../images/content-bloc-1-3.gif); background-position:top right; background-repeat:no-repeat; min-height:21px; height:21px; width:auto; padding:11px 0 0 31px; margin:0; font-size:12px; font-weight:bold; color:#c95d00;}

#stub-right .bloc ul.blocul	li.content	{ display:table; height:auto; padding:5px 31px 5px 31px; margin:0; color:#002f63; font-size:12px;}
#stub-right .bloc ul.blocul	li.content	a			{ color:#002f64;}
#stub-right .bloc ul.blocul	li.content	a:hover		{ color:#c95d00;}

#stub-right .bloc ul.superblocul				{ background-image:url(../../images/content-bloc-3.gif); background-position:bottom right; background-repeat:no-repeat; width:100%; list-style-type:none; padding:0 0 20px 0; margin:0;}
#stub-right .bloc ul.superblocul	li.supertitle	{ background-image:url(../../images/content-bloc-1-1.gif); background-position:top right; background-repeat:no-repeat; min-height:21px; height:23px; width:auto; padding:8px 0 3px 10px; margin:0; font-size:16px; font-weight:bold; color:#fff; overflow:hidden}
#stub-right .bloc ul.superblocul	li.title	{ background-image:url(../../images/content-bloc-1-2.gif); background-position:top right; background-repeat:no-repeat; min-height:18px; height:18px; width:auto; padding:7px 0 0 31px; margin:0; font-size:12px; font-weight:bold; color:#c95d00; }
#stub-right .bloc ul.superblocul	li.title2	{ background-image:url(../../images/content-bloc-1-3.gif); background-position:top right; background-repeat:no-repeat; min-height:18px; height:18px; width:auto; padding:7px 0 0 31px; margin:0; font-size:12px; font-weight:bold; color:#c95d00;}
#stub-right .bloc ul.superblocul	li.title3	{ background-image:url(../../images/content-bloc-1-4.gif); background-position:top right; background-repeat:no-repeat; min-height:18px; height:auto; width:auto; padding:7px 0 0 0; margin:0; font-size:12px; font-weight:bold; color:#c95d00;}
#stub-right .bloc ul.superblocul	li.content	{  width:97%; display:table; height:auto; padding:0 8px 5px 8px; margin:0; color:#002f63; font-size:12px;}
#stub-right .bloc ul.superblocul	li.content	a			{ color:#002f64; }
#stub-right .bloc ul.superblocul	li.content	a:hover		{ color:#c95d00;}
#stub-right .bloc ul.superblocul	li.content	p			{ padding-left:23px; padding-right: 23px;}

#stub-right .bloc ul.superblocul	li.content ul.listeNominal { padding:0; margin:0;}
#stub-right .bloc ul.superblocul	li.content ul.listeNominal li{ padding:0; margin:0; border:none; background-image:url(../../images/bg-nominal-part.gif); background-repeat:repeat-x; background-position:bottom left; min-height:20px; height:auto;}
*+html  #stub-right .bloc ul.superblocul 	li.content ul.listeNominal li { display:inline;} /*ie7 seulement*/

#stub-right .bloc ul.superblocul	li.content ul.listeNominal li table{ padding:0; margin:0;}
#stub-right .bloc ul.superblocul	li.content ul.listeNominal li table tr { padding:0; margin:0;}
#stub-right .bloc ul.superblocul	li.content ul.listeNominal li table tr td { padding:0 0 2px 0; margin:0;}


#stub-right .accueil ul.blocul				{ padding:0 0 20px 0; margin:0;width:528px;}
#stub-right .accueil ul.blocul	li.title	{ background-image:url(../../images/accueil-1.gif); background-position:top left; background-repeat:no-repeat; min-height:19px; height:19px; width:auto; padding:8px 0 3px 10px; margin:0; font-size:16px; font-weight:bold; color:#fff; overflow:hidden}
#stub-right .accueil ul.blocul	li.content	{ background-image:url(../../images/accueil-2.jpg); background-position:top left; background-repeat:no-repeat; display:block; height:177px; width:100%; padding:0; margin:0; color:#002f63; font-size:12px;}
#stub-right .accueil ul.blocul	li.content	a			{ color:#002f64; }
#stub-right .accueil ul.blocul	li.content	a:hover		{ color:#c95d00;}
#stub-right .accueil ul.blocul	li.content	p			{ padding-left:23px; padding-right: 23px;}


#clearDiv	{ clear:both;}
/* FOOTER ------------------------------------------------------------------------------------------ */
#footer-wrapper1							{ background-image: url(../../images/bg-footer2-sinoco.gif); background-repeat:no-repeat; background-position:bottom left; width: 767px; min-height: 95px; height:auto; padding:0; margin:-5px auto 0 auto; }
*+html #footer-wrapper1	 {margin:0 auto;} /*seulement IE7*/
#footer-wrapper2							{ background-image: url(../../images/bg-footer1-sinoco.gif); background-repeat:no-repeat; background-position:top left; width: 767px; min-height: 45px; height:auto; padding:50px 0 0 0; margin:0 auto; text-align:center; }

#footer-wrapper2 ul.menu 					{ margin:0 auto; padding:0; list-style-type:none; text-align:center; }
#footer-wrapper2 ul.menu li 				{ display:inline; padding:0 10px 0 10px; margin:0; text-align:center; }
#footer-wrapper2 ul.menu li a 				{ color:#FFFFFF; text-decoration:none; }
#footer-wrapper2 ul.menu li a:hover 		{ color:#FFFFFF; text-decoration:underline; }

#footer-wrapper2 ul.copyright 				{ margin:0 auto; padding:3px 0 0 0; list-style-type:none; clear:both; color:#adadad; }
#footer-wrapper2 ul.copyright li a			{ color:#adadad; text-decoration:none; }
#footer-wrapper2 ul.copyright li a:hover	{ text-decoration:underline; }


#categorie-produit { margin:0; padding:0; width:auto; background:none; overflow:visible;}
#categorie-produit ul { display:block; margin:0; padding:0; list-style-type:none; background:none; }
#categorie-produit ul li	{ display:block; margin:10px; padding:0; list-style-type:none; width:210px; height:200px; border:1px solid #999999; float:left; background:none; text-align:center;}

#affProduits	{ margin:5px 0 0 0; padding:0;}
#affProduits ul { margin:0; padding:0; list-style-type:none; background:none;}
#affProduits ul li	{ display:block; margin:0 0 3px 0; padding:0; list-style-type:none; border:2px solid #eeefef; width:506px; font-size:12px;}
#affProduits ul li.over { background-color: #eeefef; }
#affProduits ul li.out { background-color: #FFFFFF; }
#affProduits ul li table.border1 { border:1px solid #ffffff; }
#stub-right .bloc ul.superblocul	li.content	#affProduits p { padding:0;}
#affProduits ul li table.over { background-color: #eeefef; }
#affProduits ul li table.out { background-color: #FFFFFF; }

#affDetProduits	{ margin:5px 0 0 0; padding:0;}
#affDetProduits ul { margin:0; padding:0; list-style-type:none; background:none;}
#affDetProduits ul li	{ display:block; margin:0 0 3px 0; padding:0; list-style-type:none; border:2px solid #eeefef; width:506px; font-size:12px;}
#affDetProduits ul li.over { background-color: #eeefef; }
#affDetProduits ul li.out { background-color: #FFFFFF; }
#affDetProduits ul li table.border1 { border:1px solid #ffffff; }
#stub-right .bloc ul.superblocul	li.content	#affDetProduits p { padding:0;}

a.sitemap{ line-height:17px; background-image:url(../../images/arrow.gif); background-position:0 3px; background-repeat:no-repeat; padding:0 0 0 13px; margin:3px 0;}

a.produits { font-size:15px; font-weight:bold; text-decoration:none;}
a.produits:hover { text-decoration:underline;}

a.submitButton { display:block; margin:0; height:24px; padding-right: 0px; text-decoration: none; background-image:url(../../images/button-left.gif); background-repeat:no-repeat; background-position:top left; color:#ffffff;}
a.submitButton span { display: block; line-height: 14px; padding: 5px 28px 5px 9px; background-image:url(../../images/button-right.gif); background-repeat:no-repeat; background-position:top right; color:#ffffff; font-size:11px; font-weight:bold;}

a.button { display:block; margin:0; height:24px; padding: 0px; text-decoration: none; background-image:url(../../images/button-left.gif); background-repeat:no-repeat; background-position:top left; color:#ffffff;}
a.button span { display: block; line-height: 14px; padding: 5px 0px 5px 9px; background-image:url(../../images/button-normal-right.gif); background-repeat:no-repeat; background-position:top right; color:#ffffff; font-size:11px; font-weight:bold;}

a.details { display:block; margin:0; height:24px; padding-right: 0px; text-decoration: none; background-image:url(../../images/button-left.gif); background-repeat:no-repeat; background-position:top left; color:#ffffff;}
a.details span { display: block; line-height: 14px; padding: 5px 28px 5px 9px; background-image:url(../../images/button-details.gif); background-repeat:no-repeat; background-position:top right; color:#ffffff; font-size:11px; font-weight:bold;}

a.add { float:right; display:block; margin:0; height:24px; padding-right: 0px; text-decoration: none; background-image:url(../../images/button-left.gif); background-repeat:no-repeat; background-position:top left; color:#ffffff;}
a.add span { width: auto; display: block; line-height: 14px; padding: 5px 28px 5px 9px; background-image:url(../../images/button-add.gif); background-repeat:no-repeat; background-position:top right; color:#ffffff; font-size:11px; font-weight:bold;}

img.inputtext	{ float: left; padding:0; margin:0; }
input.inputtext	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float: left; border-left:none; border-right:none; border-top: 1px solid #7b8ca0; border-bottom: 1px solid #7b8ca0; margin:0; padding:2px 0 0 0; height:16px;}
select, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
textarea { border:1px solid #7b8ca0;}
td.details	{ font-size:10px; font-weight:normal;}

h1	{ font-size:16px; font-weight:bold; color:#002f64; }
.subtitle { color:#c95d00; font-weight:bold;}
.require{ font-weight:bold; color: #CC0000;}
.handcursor{ /*cursor:hand; */ cursor:pointer; }