body {
	background:#7d8846 url(../_img/background.jpg) no-repeat top center;
	margin:0px;
	padding:0px;
}
#popup_cookies{
	background: #BEBEBE;
	width: 100%;
	margin: auto;
	box-shadow: inset 0 -1px 1px rgba(100, 100, 100, 0.4);
}

	#popup_cookies > div{
		width: 960px;
		margin: auto;
		padding: 7px 0 7px 0;
		position: relative;
	}
	#popup_cookies p{color: #FFF; margin:0; font-size: 12px; font-family: arial, sans-serif;}
	#popup_cookies a{color: #FFF; text-decoration: underline;}

	#popup_cookies .close_popup{
		display: block;
		background: #B4B4B4;
		color: #FFF;
		position: absolute;
		top: 2px;
		right: 0;
		border: 1px solid white;
		border-radius: 4px;
		padding: 3px;
		cursor: pointer;
		font-size: 12px; 
		font-family: arial, sans-serif;
		text-decoration: none;
	}
	#popup_cookies .close_popup:hover{
		background: #999;
	}
	
/* Classe ou propriété nouvelles */
#titre_article h1{
font-size:20pt;
color:#4B4B4D;
line-height:38px;
}
#titre_article img{
float:left;
margin-right:10px;
/*margin-left:10px;*/
}
#article_info{
width:610px;
background-color:#fff;
font-size:10pt;
margin:0px;
}
.uppercase{
text-transform:uppercase;
}
.bold{
font-weight:bold;
font-size:11pt;
}
.exergue{
font-weight:bold;
color:#005487;
font-size:10pt;
}
.exergue a{
text-decoration:none;
}
.prix{
font-weight:bold;
color:#005487;
font-size:12pt;
}
.select_quantite{
/*background-image:url(http://chariotderandonnee.com/_css/_img/fond_select_quantite.jpg);
border:none;*/
width:46px;
height:18px;
}

/* -- Slideshow Home -- */
#slideshow_articles {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* -- Slideshow Home Navigation -- */
#slideshow_home_nav {
	height: 242px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 250;
}

#slideshow_home_nav > div {
	height: 40px;
	margin: auto;
	position: relative;
	width: 601px;
}

#slideshow_home_nav .disabled {
	display: none;
	height: 242px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 300;
}

.nav_slideshow_home {
	/* background: url(http://chariotderandonnee.com/_img/bg-slideshow-nav.png); */ background: #FFF;
	display: block;
	height: 242px;
	padding: 0 10px;
	position: absolute;
	width: 95px;
	z-index: 250;
}

.nav_previous, .nav_previous:active, .nav_previous:focus, .nav_previous:hover, .nav_previous:visited {outline:none; left: -8px; text-align: center; }
.nav_next, .nav_next:active, .nav_next:focus, .nav_next:hover, .nav_next:visited { outline:none; right: -8px; text-align: center; }
/* .nav_previous.disabled { background-position: -56px -112px; cursor: default; }
.nav_next.disabled { background-position: -69px -112px; cursor: default; } */

/* -- Slideshow Home Slides -- */
#slideshow_articles ul, #slideshow_articles li {
	list-style: none;
    margin: 0;
    padding: 0;
}

#slideshow_articles ul {
	display: block;
	height: 240px;
	position: absolute;
	/* width: 4000px; */
	width: 15000px;
	z-index: 200;
}

#slideshow_articles li {
	display: block;
	float: left;
	height: 100%;
	padding: 0 10px;
	position: relative;
	/* width: 970px; */
}
#slideshow_articles li > img { border: 1px #000 solid; }
#flipContent{
	position:relative;
	width:601px;
	height:270px;
}
#buttonPrevious{
	position: absolute;
	top:0px;
	left:0px;
	width:43px;
	height:270px;
	cursor:pointer;
	z-index:5;
}
#buttonNext{
	position: absolute;
	top:0px;
	right:0px;
	width:43px;
	height:270px;
	cursor:pointer;
	z-index:5;
}
#flip {
	position: absolute;
	left:43px;
	top:0px;
	width:515px;
	height:270px;
	z-index:2;
	margin:0px !important;
}
.flipCurrent{
	z-index:200;
}
.ui-jcoverflip {
position: relative;
margin-left:0px;
}

.test{
position:absolute;
z-index:100;
}
.test2{
position:absolute;
opacity:0.7;
}
.ui-jcoverflip--item {
position: absolute;
display: block;
top:20px;
z-index:100;
}
.ui-jcoverflip--item  a{
text-decoration:none;
}
.ui-jcoverflip--item  img{
/*border:2px solid #CCCCCC;*/
border:1px solid #000000;
cursor:pointer;
}
#conteneur_cover{
position:relative;
width:600px;
height:300px;
}

IMG.border {
border: 1px solid black; 
}

A {
color: #005487;
text-decoration : underline;
}
A:hover {
color: #005487;
text-decoration : none;
}
A:active {
color: #000;
text-decoration : none;
}
/* -------------------------- */
#principal {
	height:100%;
	margin:10px auto 0px;
	text-align:left;
	width: 976px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	font-weight:normal;
	color:#000;
	
	position:relative;
}

#header {
	height:158px;
	width:976px;
	/*background-image:url(../_img/fond_header.png);*/
	background-repeat:no-repeat;
	background-position:center 0px;
}
#contenu_principal {
	height:auto;
	padding-bottom: 7px;
	padding-top: 2px;
	width:976px;
	/*padding-top:12px;*/
	background-color:#FFF;
	z-index:50;
	position:relative;
}

#espaceClient {
	position:relative;
	text-align:right;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	height:20px;
	font-weight:normal;
	color:#FFFFFF;
}
#espaceClient #headline {
	position:absolute;
	top:0px;
	left:0px;
}

#espaceClient a, #espaceClient a:link, #espaceClient a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#espaceClient a:hover, #espaceClient a:active{
	color:#FFDD00;
	text-decoration:none;
}

#animFlash {
	height:100px;
	text-align:left;
	overflow:hidden;
	position:relative;
}
#animFlash img{
	border:none;
}
#logo {
	display:block;
	position:absolute;
	height:80px;
	width:640px;
	left:0px;
	top:0px;
	text-decoration:none;
}
#picto_ultreia_rando {
	display:block;
	position:absolute;
	height:39px;
	width:92px;
	right:100px;
	top:50px;
}
#picto_ultreia_cyclo {
	display:block;
	position:absolute;
	height:39px;
	width:92px;
	right:0px;
	top:50px;
}


#menu {
	height:39px;
	position:relative;
	/*padding-top:9px;
	padding-left:15px;*/
	z-index: 400;
}

#menuGauche {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:5px;
}
#produits_vus {
	padding-top:5px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:5px;
}
.sticker {
	padding:0 7px 14px 7px;
}
.sticker_footer {
	float:left;
}
#sticker_footer_1{
	padding:7px 7px 7px 10px;
}
#sticker_footer_2{
	padding:7px 7px 7px 20px;
}
#sticker_footer_3{
	padding:7px 7px 7px 20px;
}

#content {
	float:left;
	width:601px;
	height:auto;
	overflow:hidden;
	position:relative;
}
#content.largeContent {
	width:790px;
}
#anim_index{
	margin:0px 0px 12px 12px;
	z-index:1;
	position:relative;
}

#edito {
	margin-top:10px;
	padding:10px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}
#titre_edito {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:24px;
	vertical-align:middle;
	color:#005487;
	font-weight: bold;
	font-style: italic;
}
#zoneClient, #zoneProcessus {
	padding:0px 10px 10px 10px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}
#zoneClient #titre {
	margin-bottom:10px;
}
#titre #texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:28px;
	vertical-align:middle;
	color:#005487;
}

#encarts_homepage {
	width:790px;
	height:auto;
	margin-top:12px;
}
#intitule_homepage{
	margin-left:12px;
}
.encarts_homepage{
	float:left;
	margin-top:12px;
	margin-bottom:4px;
	height:399px;
}
#rando_encart{
	width:382px;
	position:relative;
	background-color:#FCE6C0;
	left:12px;
}
#cyclo_encart{
	width:382px;
	position:relative;
	background-color:#E6EFC1;
	left:24px;
}
.clear{
	display:block;
	height:1px;
	clear:both;
}

.encart_pictures{
	/*margin-bottom:12px;*/
}
.encarts_texte{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	margin:12px 20px;
	text-align:justify;
}
.encarts_texte a{
	color:#000000;
	text-decoration:none;
}
.encarts_texte .encarts_titre{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	display:block;
	margin-bottom:8px;
}


#rando_encart .encarts_ensavoirplus,
#cyclo_encart .encarts_ensavoirplus {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	position:absolute;
	top:211px;
	right:12px;
}

#footer {
	margin: 0 auto;
	width:961px;
}
#footer #footerEdito {
	text-align:left;
	background: none repeat scroll 0 0 #005487;
    padding: 7px;
}
#footerEdito ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#footerEdito li{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	padding-left:7px;
	color:#FFFFFF;
}
#footerEdito a:link,
#footerEdito a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#footerEdito a:hover,
#footerEdito a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
.blocEdito {
	text-align:left;
	vertical-align:top;
	padding:10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
.blocEdito strong{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #4B4B4D;
	text-decoration: none;
}
.blocEdito a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#footer #links {
	width:975px;
	text-align:center;
	background-color:#4B4B4D;
	color: #F6F6F6;
	padding:4px 0px;
	font-size: 10px;
}
#footer #links a {
	width:975px;
	text-align:center;
	background-color:#4B4B4D;
	color: #F6F6F6;
	padding:4px 0px;
	font-size: 10px;
	text-decoration:none;
}
#footer #textline {
	text-align:center;
	background:#FFFFFF;
	color: #4B4B4D;
	padding:5px 120px 12px;
	font-size: 10px;
}
#textline a, #textline a:link, #textline a:visited{
	color:#4B4B4D;
	text-decoration:none;
}
#textline a:hover, #textline a:active{
	color:#298FA7;
	text-decoration:none;
}
#footer #tags {
	width:975px;
	text-align:center;
	background:#005487;
	color: #4B4B4D;
}


.blocTags {
	text-align:left;
	vertical-align:top;
	padding:10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width:33%;
}
.blocTags strong{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.blocTags a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


/******************************************/
/**				bloc boutique			 **/
/******************************************/
#largeContent #pictureShop {
	position: relative;
}
#content #pictureShop {
	position: relative;
	top: 25px;
	left: 0px;
	width:796px;
}
#pictureShop #visuel {
	position: relative;
	float: left;
	width: 275px;
	height: 340px;
	font-size: 16px;
}
#pictureShop #boutique {
	position: relative;
	width:796px;
}

#pictureShop div.resultat {
	position: relative;
	float: left;
	width:796px;
	padding:0px 0px 10px 10px;;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #f6C90E;
}
#pictureShop #boutique #article {
	position: relative;
	float: left;
	text-align: center;
}

#pictureShop #boutique #article .image {
	width: 100%;
}
#pictureShop #boutique #article img {
	border: 1px solid #CCCCCC;
}

#pictureShop #boutique #article.normal {
	padding: 0px 0px 25px 10px;
}
#pictureShop #boutique #article.last {
	padding: 0px 0px 25px 10px;
}
#pictureShop #article div.texte_gondole p {
	margin: 0 0 0 0;
}
#pictureShop #article p {
	text-align:left;
	margin: 4px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #article p .categorieTitre {
	text-align:left;
	margin: 2px 0 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #article p .produitPrix {
	text-align:left;
	margin: 2px 0 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}
#pictureShop #article p .produitTexte {
	text-align:left;
	margin: 11px 0 12px 0;
	width:154px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #4B4B4D;
	text-decoration: none;
}
#pictureShop #boutique #article img.produitImage {
	text-align:left;
	margin: 0;
	width:50px;
	text-decoration: none;
	border:none;
}
#pictureShop #boutique #article .url {
	padding-top:10px;
	padding-bottom:6px;
	padding-left:0px;
	width:150px;
	height:19px;
	background-image: url(../_img/addPanier.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;
}
#pictureShop #boutique #article .ajoutPanier {
	width:116px;
	height:19px;
	line-height:19px;
	text-align:center;
	vertical-align:middle;
	background-image: url(../_img/btn_cg1_voir_gamme.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#005C77;
}

#pictureShop #article div.texte_gondole {
	margin: -5px 0 0 0;
	#margin: -4px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	height: 340px;
}
#pictureShop #article a {
	display: block;
	cursor: pointer;
	text-decoration:none;
	border:none;
}

#pictureShop #pagination {
	position: relative;
	display: block;
	width: 740px;
	float: left;
	text-align: right;
	padding: 0 0 0 0px;
	margin: 0 0 25px 0px;
}




/*********************************************/
/**				fil d'ariane				**/
/*********************************************/

#filAriane{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#filAriane a.link, #filAriane a.link:link, #filAriane a.link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#filAriane a.link:hover, #filAriane a.link:active,#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #298FA7;
	text-decoration: none;
}
#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}

/*********************************************/
/**			précédent - suivant				**/
/*********************************************/

#triParListes{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#triParListes a.link, #triParListes a.link:link, #triParListes a.link:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #87888A;
	text-decoration: none;
}
#triParListes a.link:hover, #triParListes a.link:active,#triParListes a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #298FA7;
	text-decoration: none;
}
#filAriane a.hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #298FA7;
	text-decoration: none;
}

/******************************************bloc d'informations type errorBlock****************/
div.errorBlock {
	background-color:#FFF2F2;
	border:1px solid #FF6F78;
	color:#FF6F7C;
	font-size:12px;
	margin:0;
	padding:5px 5px 5px 10px;
	text-align:left;
	width:300px;
}
input.error, textarea.error  {
	background:#FA9599 none repeat scroll 0 0;
	border:1px solid #4A4B4D;
}
div.successBlock {
	background:#E0FFE2 url(../_img/sign_valid.png) no-repeat scroll 5px 2px;
	border:1px solid #008509;
	color:#008509;
	font-size:12px;
	height:23px;
	margin: auto;
	padding: 10px 5px 5px 27px;
	text-align:center;
	width:280px;
}
div.successPanier {
	background:url("../_img/sign_valid_small.png") no-repeat scroll 5px 10px #E0FFE2;
	border:1px solid #008509;
	color:#008509;
	font-family:Arial;
	font-size:11px;
	height:30px;
	margin:10px 0;
	padding:5px 5px 5px 40px;
	text-align:center;
	width:auto;
}
div.successPanier a:link, div.successPanier a:visited {
	color:#008509;
	font-weight:bold;
	text-decoration:none;
}
div.delBlock {
	width: 280px;
	height: 20px;
	font-size:12px;
	margin: auto;
	padding: 10px 5px 5px 27px;
	border: 1px solid #FFB900;
	background: url(../_img/sign_deleted.gif) 7px 4px no-repeat #FFEEBF;
	color: #AF7F00;
	text-align: center;
}

#conteneur_edito {
margin-left:1px;
width:162px;
}
#conteneur_edito h3{
margin:0px;
}
#conteneur_edito ul{
margin:0px;
padding:0px;
padding-bottom:10px;
}
#conteneur_edito li.header{
width:152px;
height:20px;
line-height:20px;
color:#FFFFFF;
background:#298FA7;
outline:medium none;
text-decoration:none;
padding-left:10px;
text-transform:uppercase;
font-weight:bold;
}
#conteneur_edito li.menu_edito{
	width:152px;
	/*height:14px;
	line-height:14px;*/
	color:#4B4B4D;
	outline:medium none;
	text-decoration:none;
	padding:5px 0px 0px 10px;
}
#conteneur_edito li.menu_edito a{
	/*line-height:14px;*/
	font-size:11px;
	color:#4B4B4D;
	outline:medium none;
	text-decoration:none;
	/*padding-left:10px;*/
}
#conteneur_edito li.menu_edito a:hover{
	color:#298FA7;
}

.banner-infos{
    text-align: center;
    background-color: red;
    color: #FFFFFF;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}