body {
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #000000; 
  /*background-color:#e8e8e8; 
  background-image: url(../../images/back_striped.gif);
  background-repeat:repeat; */
  font-size: 11px;
  margin: 0;
  padding: 0;
  }

#breadcrumbsgp,#breadcrumbspro,#breadcrumbsgite,#breadcrumbs {
	width: 100%;
	height: 31px;
	font-weight:bold;
	padding-top:7px;
	font-size: 11px;
	color:#8795E8;
	font-weight:bold;
	font-family: Verdana;
	clear:both;
}
#breadcrumbs { background: transparent url(/boutique/images/centre_01.gif) left top no-repeat; }
#breadcrumbsgp { background:#f96825;padding-top: none; }
#breadcrumbspro { background:#f9a825; }
#breadcrumbsgite { background:#b1d41f;padding-top: none; }

#coord { text-align:center;}
h1      { /*font-size: 17px; font-weight: bold; color: #000099;*/font-size:inherit; }
h2      {/* font-size: 15px; font-weight: bold;*/ }

table {
	margin: 0px;
	padding:0px;
}
a {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.top {
  text-decoration: none;
  color:#fff;
}

.top:link {
  text-decoration: none;
  color:#fff;
}

.top:visited {
  text-decoration: none;
  color:#fff;
}

.top:hover {
  text-decoration: underline;
  color:#fff;  
}

.titre { font-weight: bold;}

.entetetitre { font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size:24px; line-height:28px;}

.prix { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000;}

.label_gris { font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #666666;}

.right { font-family: Verdana, Arial , sans-serif; font-size: 13px; font-weight: bold; color: #000000;padding:3px;}

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000000;}

.blanc { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff;}

.formulaire1 {
color:#000000;
border: solid 1px #8795E8;
background-color:#fff;
font-size:11px;
font-weight: none;
}

.bouton {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #fff;
	background-color:#8795E8;
	border: solid 1px #5B3900;
	margin-bottom: 1px;
	
}	



.etoile {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

.red {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

hr {
color: #8795E8;
height: 1px;
}

td {
	/* vertical-align:top;*/
	line-height : 15px;
}

.entete {
	font-weight:bold;
	padding:1px;
	font-size: 13px;
	color:#000000;
	font-weight:bold;
	font-family: Verdana;

}

.tetiere {
	font-weight:bold;
	padding:1px;
	font-size: 13px;
	color:#000000;
	font-weight:bold;
	font-family: Verdana;
}

.tetieresite {
	font-weight:bold;
	font-size: 13px;
	color:#000000;
	font-weight:bold;
	font-family: Verdana;
	clear:left;
}

.entetecat {
	font-weight:bold;
	padding:1px;
	font-size: 11px;
	color:#8795E8;
	font-weight:bold;
	border: 1px solid #CCCBCB;
	font-family: Verdana;
}

.entetespec {
	font-weight:bold;
	padding:1px;
	font-size: 11px;
	color:#8795E8;
	font-weight:bold;
	border: 1px solid #CCCBCB;
	font-family: Verdana;
}



td.newsCelluleOne {
	border-right: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCelluleTwo {
	border-bottom: 1px dashed #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCellulePromos {
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCelluleNouveautes {
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.caddie {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	/*background: #3253A4;*/
	background: transparent url(/boutique/images/flyOutBlueBR.gif) top left repeat;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align : center;
	text-transform : uppercase;
	font-size : 11px;
	vertical-align: middle;
	
}

td.lignecaddie {
	border-bottom: 1px solid #EEEEEE;
	background: #ffffff;
	color: #000000;
	font-size : 11px;

	
}

#menudyn {
	margin : 0;
	padding-bottom : 20px;
	padding-left : 10px;
	padding-right : 10px;
	background : #3253A4;
}

#menudyn li	{
	list-style-type : none;
	margin-right : 8px;
	padding : 0;
	float:left;
}

#menudyn a:link, #menudyn a:visited	{
	background : #3253A4;
	color : #FFFFFF;
	float : left;
	font-weight : normal;
	line-height : 14px;
	padding : 1px 1px 1px 1px;
	text-decoration : none;
	font-size: 11px;
}

#menudyn a:hover	{
	color : #ffffff;
	background : #98A9D2;
	border-bottom : 1px solid #ffffff;

}

#section-1 #menudyn li#nav-1 a, 
#section-2 #menudyn li#nav-2 a,
#section-3 #menudyn li#nav-3 a,
#section-4 #menudyn li#nav-4 a,
#section-5 #menudyn li#nav-5 a,
#section-6 #menudyn li#nav-6 a,
#section-7 #menudyn li#nav-7 a,
#section-8 #menudyn li#nav-8 a,
#section-9 #menudyn li#nav-9 a,
#section-10 #menudyn li#nav-10 a,
#section-11 #menudyn li#nav-11 a,
#section-12 #menudyn li#nav-12 a {
background : #98A9D2;
color : #ffffff;
	
}

.normal { font-size: 11px; color: #000000; text-align:left;}

.error { font-size: 13px; color: #DD0000; font-weight: bold;}

.label { font-size: 11px; color: #000000; font-weight: bold;}

.label_rouge { font-size: 13px; color: #B6282B; font-weight: bold;}

.texte { 
font-size: 11px; 
color: #000000;
font-family: Verdana;
}

.titre { font-weight: bold;font-size: 12px;color: /*#000000*/rgb(29, 88, 134); text-transform:uppercase;}
/*.titre:link {text-decoration:none; }
.titre:link { text-decoration:none;}*/
.titre:link {text-decoration:none;color: rgb(29, 88, 134); text-decoration:underline; }


.menu_caddie { font-weight: bold;font-size: 12px;color: #e8e8e8;}
.menu_caddie:link {text-decoration:none; }
.menu_caddie:link { text-decoration:none;}
.menu_caddie:link {text-decoration:none; }


a:link { text-decoration:none;color : #333;}
a:visited { text-decoration:none;color : #333;}
a:hover { text-decoration:underline;color : #6D9CCD;}

.titredroite { font-size: 12px;font-weight:bold;color: #666666; text-align:center;}
.titredroite_rouge { font-size: 12px;font-weight:bold;color: #B6282B; text-align:center;}

.menuleft { text-decoration : none;margin-right : 1px;color : #333;font-weight : normal; font-size:11px; }
.menuleft:link { color : #333;}
.menuleft:visited { color : #333;}
.menuleft:hover { color: #6D9CCD;}


.footer { color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.footer:hover { color: #ffffff;text-decoration: underline;}
.footer:link { color: #ffffff;text-decoration: none;}
.footer:visited { color: #ffffff; text-decoration: none;}


.menuright { font-size: 11px;color: #000000;}
.menuright:link { color: #666666;}
.menuright:visited { color: #666666;}
.menuright:hover { color: #cc0000;}

.addcart { font-size: 11px;color: #2E1D87; font-family: Verdana;font-weight:bold;}
.addcart:link { color: #2E1D87;}
.addcart:visited { color: #2E1D87;}
.addcart:hover { color: #E60003;}

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}
 
img{
	border: none;
	}	

.total {
	color:#CC0000;
	font-weight:bold;
	font-size:11px;
}


.titre_details { font-weight: bold; color:#51B9EF;font-size:11px;}

.searchImg {
	border: 1px solid #E0E0E0;
	}


#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 620px;
	height: 0px;
	z-index: 200;
}

.menuhaut { font-size: 11px;color: #fff;}
.menuhaut:link { color: #fff;}
.menuhaut:visited { color: #fff;}
.menuhaut:hover { text-decoration:underline;color: #fff;}


p {
margin: 0 0 10px 0;
}

.formnewsletter {
color:#000000;
border: solid 1px #5BB7DC;
background-color:#ECF5FF;
font-size:11px;
font-weight: none;
width:75px;
}

.boutonnewsletter {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	border: solid 1px #5BB7DC;
	background-color:#ECF5FF;
	margin-bottom: 1px;
	
}	


#pscroller1{
width: 140px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}



.someclass{ //class to apply to your scroller(s) if desired
}

tr.caddie {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	/*background: #3253A4;*/
	background: transparent url(/boutique/images/flyOutBlueBR.gif) top left repeat;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align : center;
	text-transform : uppercase;
	font-size : 11px;
	vertical-align: middle;
	
}

td.lignecaddie {
	border-bottom: 1px solid #EEEEEE;
	background: #ffffff;
	color: #000000;
	font-size : 11px;

	
}
/* ----- ----- */

#divcompte { background: transparent url(/boutique/images/fond-compte.gif) top left no-repeat; padding-left:32px; }
#divcaddie { background: transparent url(/boutique/images/fond-caddie.gif) top left no-repeat; padding-left:32px; margin-top:15px; }
.divcaddie { background: transparent url(/boutique/images/fond-caddie.gif) top left no-repeat; padding-left:32px; margin-top:15px; height:25px; }
#divnew { background: transparent url(/boutique/images/fond-news.gif) top left no-repeat; padding-left:32px; margin-top:15px; }
#divventes { background: transparent url(/boutique/images/fond-ventes.gif) top left no-repeat; padding-left:32px; margin-top:15px; }

#box,#boxgp,#boxpro,#boxgite {
display:block;
clear:both;
float: right;
margin-top: 0px;
width: 220px;
font-size: 10px;
}
#box { background: url(/images/box-bg-body.gif);}
#boxgp { background: url(/images/box-bg-body-gp.gif);}
#boxpro { background: url(/images/box-bg-body-pro.gif);}
#boxgite { background: url(/images/box-bg-body-gite.gif);}

#box-body,#box-body-gp,#box-body-pro,#box-body-gite {
margin: 15px;
}
#box-bg-top,#box-bg-top-gp,#box-bg-top-pro,#box-bg-top-gite {
height: 10px;
font-size: 1px;
}
#box-bg-top { background: url(/images/box-bg-top.gif); }
#box-bg-top-gp { background: url(/images/box-bg-top-gp.gif); }
#box-bg-top-pro { background: url(/images/box-bg-top-pro.gif); }
#box-bg-top-gite { background: url(/images/box-bg-top-gite.gif); }

#box-bg-bottom,#box-bg-bottom-gp,#box-bg-bottom-pro,#box-bg-bottom-gite {
height: 16px;
font-size: 1px;
}
#box-bg-bottom {background: url(/images/box-bg-bottom.gif); }
#box-bg-bottom-gp {background: url(/images/box-bg-bottom-gp.gif); }
#box-bg-bottom-pro {background: url(/images/box-bg-bottom-pro.gif); }
#box-bg-bottom-gite {background: url(/images/box-bg-bottom-gite.gif); }


#listproduits, #guidepratique, #catalogue, #adhesion {
	padding-top:6px;
	width:100%;
}
#tetecolgauche {
width: 220px; height: 60px; background:#D9DEE8 url(/boutique/images/haut_gauche.gif) top left no-repeat;
}
#tetecolgaucherech {
width: 220px; height: 60px; background:#D9DEE8 url(/boutique/images/haut_gauche_rech.gif) top left no-repeat;
}
#tetecolgauchegp {
width: 220px; height: 60px; background:#f96825 url(/boutique/images/haut_gauche_gp.gif) top left no-repeat;
}
#tetecolgauchepro {
width: 220px; height: 60px; background:#f96825 url(/boutique/images/haut_gauche_pro.gif) top left no-repeat;
}
#tetecolgauchegite {
width: 220px; height: 60px; background:#f96825 url(/boutique/images/haut_gauche_gite.gif) top left no-repeat;
}
#tetecoldroitesite {
width: 220px; height: 60px; background: transparent url(/images/droite-site.gif) top right no-repeat; text-align:center;
}
#tetecoldroite {
width: 220px; height: 60px; background:#D9DEE8 url(/boutique/images/haut_droite.gif) top right no-repeat;
}
#tetecoldroitegp {
width: 220px; height: 60px; background:#f96825 url(/boutique/images/haut_droite_gp.gif) top right no-repeat;
}
#tetecoldroitepro {
width: 220px; height: 60px; background:#D9DEE8 url(/boutique/images/haut_droite_pro.gif) top right no-repeat;
}
#tetecoldroitegite {
width: 220px; height: 60px; background:#D9DEE8 url(/boutique/images/haut_droite_gite.gif) top right no-repeat;
}
.droitecol {
width:220px;/*background:#D9DEE8 url(/boutique/images/fond_droite.gif) top center no-repeat;*/background-color:#D9DEE8;vertical-align:top;
}

/* For the resizable rounded corner, the margin value for reounded-corner totally depends on you */
/* Top only */
#rounded-corner{
	width:20em;
	background:url(/boutique/images/sample-bg-1.jpg) top repeat-x;
	margin:3em auto 0 auto;
}
.rounded-cornercent{
	width:100%;
	background:url(/boutique/images/sample-bg-1.jpg) top repeat-x;
	margin:3em auto 0 auto;
}
.rounded-cornercentzero{
	width:/*100%*/506px;
	background:url(/boutique/images/sample-bg-1.jpg) top repeat-x;
	margin:0em auto 0 auto;
}
.left-corner{
	background:url(/boutique/images/left-corner.jpg) left 0 no-repeat;
}
.right-corner{
	background:url(/boutique/images/right-corner.jpg) right 0 no-repeat;
	padding:1em 1.5em 0 1.5em;
}

/* Four corners */
.container { 
	width: 20em; 
	background: #fcfcb2 url(/boutique/images/sample-bg.jpg) top repeat-x;
	margin:3em auto 0 auto;
}
.containerrub { 
	width: 100%; 
	background: #fcfcb2 url(/boutique/images/sample-bg.jpg) top repeat-x;
	margin:0 auto 0 auto;
}
.containerrubzero { 
	width: /*100%*/506px; 
	background: #fcfcb2 url(/boutique/images/sample-bg.jpg) top repeat-x;
	margin:0 auto 0 auto;
}
.containercent { 
	width: 100%; 
	background: #fcfcb2 url(/boutique/images/sample-bg.jpg) top repeat-x;
	margin:3em auto 0 auto;
}
.containercentzero { 
	width: 470px; 
	background: #fcfcb2 url(/boutique/images/sample-bg.jpg) top repeat-x;
	margin:0 auto 0 auto;
}
.top-left {
	background: url(/boutique/images/top-left.jpg) top left no-repeat; 
}
.top-right {
	background: url(/boutique/images/top-right.jpg) top right no-repeat; 
}
.bottom-left {
	background:  url(/boutique/images/bottom-left.jpg) bottom left no-repeat; 
}
.bottom-right  {
	background: url(/boutique/images/bottom-right.jpg) bottom right no-repeat; 
	padding: 1em;
}
/* ----- NAVIGATION ETAPE PAIEMENT ----- */
/*table {font-size:inherit;font:100%;}*/

/* 99% for safari; 100% is too large */
/*select, input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}*/

/* Bump up !IE to get to 13px equivalent */
/*pre, code {font:115% monospace;*font-size:100%;}*/
/* ----- add selectors here for font sizing ----- */
add selectors here {font-size: 77%} /* =10 */
add selectors here {font-size: 85%} /* =11 */
add selectors here {font-size: 92%} /* =12 */
add selectors here {font-size: 100%} /* =13 */
add selectors here {font-size: 107%} /* =14 */
#mainNav li a em, h4 {font-size: 114%;} /* =15 */
	
add selectors here {font-size: 122%} /* =16 */
add selectors here {font-size: 129%} /* =17 */
add selectors here {font-size: 136%} /* =18 */
add selectors here {font-size: 144%} /* =19 */
h2 {font-size: 152%} /* =20 */
add selectors here {font-size: 159%} /* =21 */
add selectors here {font-size: 167%} /* =22 */
add selectors here {font-size: 174%} /* =23 */
add selectors here {font-size: 182%} /* =24 */
add selectors here {font-size: 189%} /* =25 */
add selectors here {font-size: 197%} /* =26 */

/* ----- base links ----- */
/*a:link {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:visited {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:hover {color:#004882;outline:none;font-weight:bold;}
a:active {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:focus{color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
:focus { -moz-outline-style: none; }*/
/* ----- random base styles and styles used in conjunction with javascript ----- */
.clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
.clearfloat {clear: both; display: block;}
.floatRight{float:right;}
.floatLeft{float:left;}
img{border:none;}
p{line-height:1.4em; margin:0 0 7px 0; text-align:left;}
.displayNone{display:none;}
.displayBlock{display:block;}
hr{border-top: 1px dashed #BFBFBF;border-right: none;border-bottom: none;border-left: none;*margin-top:-3px;}
ul, ol { list-style-position:inside;}
fieldset{border:none;padding:0;margin:0}
.txtCenter{text-align:center;}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(/boutique/images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#d6083b;
	background-image: url(/boutique/images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#0078c9;
	background-image: url(/boutique/images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#0078c9;
	background-image: url(/boutique/images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:2px 0 0 4px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:4px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:107px;}
#mainNav.fourStep li.mainNavNoBg{width:109px;}
#mainNav.fourStep li a{width:107px;}
/* #mainNav.threeStep */
#mainNav.threeStep li{width:153px;}
#mainNav.threeStep li.mainNavNoBg{width:154px;}
#mainNav.threeStep li a{width:153px;}