/* Global
------------------------------------------------------------------*/
body {
	background-color:#283344;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../../img/global/backgroud.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#ccc;
}
html, body, form, fieldset, hr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, dt, dd, address {
	margin:0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:none;
	color:#D76648;
}
a:hover{
	text-decoration:underline;
	color:#D76648;
}

img {
	border:0;
}
.invisible {
	display:none;
}
.leftImg {
	float:left;
	margin-right :10px;
	margin-bottom :5px;
}
.rightImg {
	float:right;
	margin-left :10px;
	margin-bottom :5px;
}
b.rtop{
	border-bottom:5px solid #333;
}

b.rtop, b.rbottom{
	display:block;
	background: #1e1e1e;

}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #333}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* container
------------------------------------------------------------------*/
#container {
	position: relative;
	margin:  0 auto;
	width: 900px;
	background-image:url(../../img/global/innerBackground.jpg);
}
* html #container {
        height: 100%;
}
#bottomCleaner{
	clear:both;
}
/**Messages form**/
.error{
	font-size:10px;
	color:#f00;
}
.valid{
	font-size:10px;
	color:#090;
}
/* header
------------------------------------------------------------------*/
#header {
	position: relative;
	margin:  0 auto;
	width: 896px;
	height: 135px;
	background-image:url(../../img/global/header.jpg);
}
#mainMenu {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	vertical-align:bottom;
	padding-left:18px;
	padding-top:100px;
}
#mainMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#mainMenu li {
	float:left;
	display:block;
	width: 120px;
	height: 33px;
	margin-right:2px;
	text-align:center;
}
#mainMenu li a {
	display:block;
	width: 120px;
	height: 33px;
	line-height : 33px;
}
#mainMenu li a:link,
#mainMenu li a:visited {
	background: url(../../img/global/tab.gif) no-repeat left bottom;
	color:#FFFFFF;
}
#mainMenu li a:link#current, #mainMenu li a:visited#current,
#mainMenu li a:hover {
	background-position:top;
	text-decoration:none;
	color:#000000;
}
#mainSubMenu{
	text-align:right;
	float:right;
	padding-top:10px;
	padding-right:18px;
}
#iconMenu{
	padding-top:78px;
}
#iconMenu a#login:link,
#iconMenu a#login:visited{
	display:block;
	float:left;
	width:22px;
	height:23px;
	background-image:url(../../img/global/login.jpg);
	margin-right:10px;
}

#iconMenu a#contacts:link,
#iconMenu a#contacts:visited{
	display:block;
	float:left;
	width:28px;
	height:23px;
	background-image:url(../../img/global/contacts.jpg);
	margin-right:10px;
}
#iconMenu a#home:link,
#iconMenu a#home:visited{
	display:block;
	float:left;
	width:29px;
	height:23px;
	background-image:url(../../img/global/home.jpg);
}
#iconMenu a:hover{
	background-position:bottom;
}

/* flashImage
------------------------------------------------------------------*/
#flashImage {
	position: relative;
	margin:  0 auto;
	width: 896px;
	height: 200px;
}

/* leftCol
------------------------------------------------------------------*/
#leftCol{
	float:left;
	padding-left:20px;
	margin-top:20px;
	width:240px;
	font-size:10px;
}
#leftCol .block{
	width:240px;
}
#leftCol .block .top{
	background-image:url(../../img/global/leftHeader.jpg);
	height:21px;
	padding-top:3px;
}
#leftCol h2{
	display:block;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#BEB966;
	padding-left:21px;
	margin-left:5px;
	line-height:16px;
	background-repeat:no-repeat;
}
#leftCol h2#news{
	background-image:url(../../img/global/newsIcon.jpg);

}
#leftCol h2#panier{
	background-image:url(../../img/global/panierIcon.jpg);

}
#leftCol h2.info{
	background-image:url(../../img/global/infoIcon.jpg);

}
#leftCol h2#menu{
	background-image:url(../../img/global/menuIcon.jpg);

}
#leftCol .block .content{
	background-color:#1e1e1e;
}
#leftCol .block .content .information{
	padding:10px 10px 10px 10px;
}
#leftCol .block .bottom{
	background-image:url(../../img/global/leftBottom.jpg);
	background-repeat:no-repeat;
	height:26px;
}
#leftCol .block .content .news .newsDate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCCCCC;
}
#leftCol .block .content .news{
	padding:10px 10px 10px 10px;
	border-bottom:#111 solid 1px;
}
#leftCol .block .content .news#noBorder{
	border-bottom:none;
}

#leftCol .block .content .news p{
	color:#CCCCCC;
}
#leftCol .block .content .news h3{
	background-image:url(../../img/global/puceNews.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
	margin-bottom:3px;
	font-size:11px;
	color:#99c0f1;
}
#leftCol .block .content .news a{
	float:right;
}
#leftCol .block .content  ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#leftCol .block .content  ul  a {
	font-size:11px;
	display: block;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width: 220px;
}
#leftCol .block .content  ul  a.border {
	border-bottom: 1px solid #111;
}
#leftCol .block .content  ul  a:link, #leftCol .block .content  ul a:visited {
	text-decoration: none;
	color: #fff;
}

#leftCol .block .content  ul  a:hover {
	background-color: #2a2a2a;

	text-decoration:none;
}
/* rightCol
------------------------------------------------------------------*/
#rightCol{
	margin-left:278px;
	margin-top:20px;
	width:600px;
}
#rightCol .block{
	width:600px;
}
#rightCol .block .top{
	background-image:url(../../img/global/rightHeader.jpg);
	background-repeat:no-repeat;
	height:6px;
}
* html #rightCol .block .top {
	margin-bottom:-7px;
}
#rightCol h1{
	font-size:18px;
	font-weight:bold;
	color:#99C0F1;
	background-image:url(../../img/global/puceH1.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-bottom:10px;
}
#rightCol .date{
	color:#999999;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-14px;
	margin-left:30px;
	margin-bottom:5px;
}
#rightCol h1.newsTitle{
	background-image:url(../../img/global/puceNewsH1.jpg);
}
#rightCol h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#BEB966;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	background-image:url(../../img/global/puceH2.jpg);
	background-repeat:no-repeat;
}
#rightCol .block .content{
	background-color:#1e1e1e;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	overflow: hidden;
	height:1%;
}

#rightCol .block .content .lighCell{
	margin-bottom:5px;
	background-color:#333;
	width:100%;
}
#rightCol .block .content .lighCell h4{
	color:#b0b966;
	font-size:12px;
	margin-right:10px;
	margin-left:10px;
}
#rightCol .block .content .lighCell p{
	margin-left:10px;
	margin-right:10px;
}
#rightCol .block .content label{
	width:180px;
	display:block;
	margin-top:5px;
	margin-right:10px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:11px;
}
#rightCol .block .content .textField{
	border:0px;
	width:200px;
	height:14px;
	font-size:10px;
	margin-bottom:10px;
	margin-right:20px;
	padding:3px;
	background-image:url(../../img/global/fieldBack.jpg);
}
#rightCol .block .content .combo{
	border:0px;
	width:200px;
	font-size:10px;
	margin-bottom:10px;
	padding:2px;
}
#rightCol .block .content .textField#captcha{
	width:80px;
	margin-left:17px;
	margin-bottom:7px;
}
#rightCol .block .content .button{
	font-size:12px;
	height:20px;
	margin:5px;
}

#rightCol .block .content .styleList {
	 margin-left: 10px;
	 margin-right: auto;
	 width:630px;
}
#rightCol .block .content .styleList label {
	color:#333333;
	margin:0px;
	padding:0px;
	width:auto;
	float:none;
	margin-right:92px;
}
#rightCol .block .content .styleList ul{
	text-align:right;
	margin:0px;
	padding:0px;
	width:600px;
	overflow: hidden;
	height: 1%;
}
#rightCol .block .content .styleList li{
	background-color:#FFFFFF;
	list-style-type: none;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:180px;
	height:66px;
}
#rightCol .block .content .styleList ul#style li{
	padding:3px
}
#rightCol .block .content .styleList img{
	float:right;
	margin-left:5px;
}
#rightCol .block .content .textArea{
	border:0px;
	padding:3px;
	width:200px;
	height:100px;
	font-size:10px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../../img/global/fieldBack.jpg);

}
#rightCol .block .content .radio{
	height:18px;
	margin-bottom:10px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#rightCol .block .content p{
	padding-top:5px;
	padding-bottom:10px;
}
#rightCol .block .content .cleaner{
	clear:both;
}
#rightCol .block .bottom{
	background-image:url(../../img/global/rightBottom.jpg);
	background-repeat:no-repeat;
	height:26px;

}
#rightCol .block .iconTop{
	float:right;
}
#rightCol .block .iconTop a.backHome:link,
#rightCol .block .iconTop a.backHome:visited{
	display:block;
	width:14px;
	height:11px;
	background-image:url(../../img/global/iconTop.jpg);
	background-repeat:no-repeat;
}
#rightCol .block .iconTop a:hover{
	background-position:right top;
}
#rightCol #faqList {
	margin-bottom:20px;
}
#rightCol #faqList li{
	margin-bottom:10px;
}
/* footer
------------------------------------------------------------------*/
#footer{
	background-image:url(../../img/global/footer.jpg);
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-top:10px;
	bottom:0px;
	width: 896px;
	height:52px;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color:#999;
}
#footer a:hover {
color:#D76648;
}
#footer #footer_menu{
	float:right;
	margin-top:17px;
	margin-right:30px;
}
* html #footer #footer_menu {
	margin-right:15px;
}

#footer #footer_menu ul {
	margin-top:0px;
	margin-right:0px;

}
#footer #footer_menu li {
	display: inline;
	border-left:solid 1px #999;
	margin-left:10px;
}

#footer #footer_menu a:link, #footer #footer_menu a:visited
{
	font-weight: bold;
	margin-left:10px;
}
#footer #copyright{
	color:#FFFFFF;
	float:left;
	margin-top:13px;
	margin-left:25px;
	font-size:9px;
}
* html #footer #copyright {
       	margin-left:15px;
}
/* liens
------------------------------------------------------------------*/
.lien{
	margin-right:10px;
	margin-left:10px;
	overflow: hidden;
	height: 1%;
}
.lien img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
/*faq
------------------------------------------------------------------*/
#accordion h5{
	font-size:12px;
	font-weight:normal;
	color:#beb966;
	margin-top:0px;
	padding-right:10px;
	padding-left:30px;
	padding-bottom:7px;
	background-image:url(../../img/global/accordionFaq.jpg);
	background-repeat:no-repeat;
}
#accordion ul{
	margin:0px;
	padding:0px;
}
#accordion li{
	list-style: none;
}
#accordion .answer{
	padding:10px;
	padding-left:30px;
	margin-bottom:5px;
	font-size:11px;
	background-image:url(../../img/global/accordionAnswer.jpg);
	background-repeat:no-repeat;
}
/*panier colonne gauche
------------------------------------------------------------------*/
#leftCol .panier .slider {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	width:126px;
}
#leftCol .panier a.caddyToggle{
	color:#99c0f1;
}
#leftCol .panier .slider img{
	margin-top:5px;
	margin-bottom:5px;
}
#leftCol .panier table{
	border:none;
	width:240px;
}
#leftCol .panier td{
	margin:0px;
	padding:3px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
}
#leftCol .panier th{
	padding:3px;
	color:#FFFFFF;

}
#leftCol .panier tr{
	margin:0px;
	padding:0px;
}
#leftCol .panier td.valid {
padding-top:10px;
	text-align:center
}
#leftCol .panier td.valid a{
	padding-top:10px;
	padding-left:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../../img/global/caddy.jpg);
	background-repeat:no-repeat;
}
#leftCol .panier th.nom{
	text-align:left;
	width:100%;
	padding-left:10px;
}
#leftCol .panier th.quantity{
	text-align:center;
	width:10px;
}
#leftCol .panier td.quantity{
	text-align:center;
	background-color:#2a2a2a;
}
#leftCol .panier th.price{
	text-align:right;
	width:30px;
	padding-right:10px;

}
#leftCol .panier td.total{
	text-align:right;
	font-weight:bold;
}
#leftCol .panier td.price{
	text-align:right;
	background-color:#2a2a2a;
	padding-right:10px;
	padding-left:10px;

}
#leftCol .panier td.nom{
	background-color:#2a2a2a;
	padding-left:10px;
}
/*panier colonne droite
------------------------------------------------------------------*/
#rightCol #panier {
	overflow:hidden;
	height:1%;
}
#rightCol #panier table{
	margin-left:10px;
	width:560px;

}
#rightCol #panier th{
	color:#FFFFFF;
}
#rightCol #panier td{
	margin:0px;
	padding:3px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#292929;
}
#rightCol #panier .nom{
	text-align:left;
	width:250px;
}
#rightCol #panier .format{
	text-align:center;
}
#rightCol #panier .support{
	text-align:center;
}
#rightCol #panier .quantity{
	text-align:center;
}
#rightCol #panier .textfield{
	border:0px;
	width:20px;
	height:14px;
	font-size:10px;
	margin:0px;
	text-align:center;
}
#rightCol #panier .dropList{
	border:0px;
	margin:0px;
	padding:0px;
	font-size:10px;
	text-align:left;
}
#rightCol #panier .panierToggle{
	color:#99c0f1;
}
#rightCol #panier .slider{
	padding-top:5px;
}

#rightCol #panier .prix{
	text-align:right;
}
#rightCol #panier .remove{
	width:20px;
}
#rightCol #panier .remove a{
	background-image:url(../../img/global/removepanier.jpg);
	display:block;
	width:25px;
	height:16px;
	text-indent:-999em;
	overflow:hidden;
}
#rightCol #panier .remove a:hover{
	background-position:bottom;
}
#rightCol #panier .total{
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	background-color:#333;
}
#rightCol #panier ul
{
	margin:0px;
	padding:0px;
	margin-right:10px;
	font-size:12px;
	font-weight:bold;
}
#rightCol #panier li
{
	display: inline;
	list-style-type: none;
	float:left;
	margin-left:80px;
	margin-top:10px;
}
#rightCol #panier ul a
{
	background-repeat:no-repeat;
	padding-left:30px;
	height:35px;
	width:1%;
	display:block;
	line-height:22px;
}
#rightCol #panier a#retour
{
	background-image:url(../../img/global/back.jpg);
}
#rightCol #panier a#recalculer
{
	background-image:url(../../img/global/refresh.jpg);
}
#rightCol #panier a#commander
{
	background-image:url(../../img/global/validate.jpg);
}
/*galerie
------------------------------------------------------------------*/

ul#galerie {
	margin:0px;
	padding:0px;
	margin-left:10px;
	overflow:hidden;
	height:1%;
}
ul#galerie li{
	list-style-type: none;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	width:126px;
	border:#fff solid 5px;
}
ul#galerie li img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

ul#galerie a.ajoutpanier{
	background-image:url(../../img/global/ajoutpanier.jpg);
	display:block;
	float:right;
	width:25px;
	height:16px;
	text-indent:-999em;
	overflow:hidden;
}
ul#galerie a.ajoutpanier:hover{
	background-position:bottom;
}
ul#galerie select{
	font-size:9px;
	width:126px;
	margin-top:2px;
	margin-bottom:3px;
}

/*****/
ul#galerie a.removeImg{
	background-image:url(../../img/global/removeimg.jpg);
	display:block;
	float:right;
	width:25px;
	height:16px;
	text-indent:-999em;
	overflow:hidden;
}
ul#galerie a.removeImg:hover{
	background-position:bottom;
}

/*****/
ul#styles_pv {
	margin:0px;
	padding:0px;
	margin-left:10px;
	overflow:hidden;
	height:1%;
}
ul#styles_pv li{
	list-style-type: none;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	width:126px;
	border:#fff solid 5px;
}
ul#styles_pv li img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

ul#styles_pv a.update_pv{
	background-image:url(../../img/global/refresh2.jpg);
	display:block;
	float:right;
	width:15px;
	height:15px;
	text-indent:-999em;
	overflow:hidden;
}
ul#styles_pv a.update_pv:hover{
	background-position:bottom;
}
ul#styles_pv select{
	font-size:9px;
	width:126px;
	margin-top:2px;
	margin-bottom:3px;
}
/**.styles_pv**/

/*****/
.navGal{
	width:550px;
	padding:5px;
	background-image:url(../../img/global/backnavGal.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.topNavGal{
	margin-bottom:10px;
}
.bottomNavGal{
	margin-top:10px;
	margin-bottom:5px;
}
a.prev{
	float:left;
	background-image:url(../../img/global/prevGal.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:5px;
}
a.next{
	float:right;
	background-image:url(../../img/global/nextGal.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
	margin-right:5px;
}

/*****affichage bg sur dernière page process****/
.bg_display{
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:80px;
	height:62px;
	padding:5px;
	background-color:#fff;
	text-align:center;
}