/*-----------------------------------------------------------------------------//
// Feuille de styles du client ------------------------------------------------//
//-----------------------------------------------------------------------------//
// Client :  -
//-----------------------------------------------------------------------------*/
@import url(reset.css); /* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css); /* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font: 62.6% "Trebuchet MS", Arial, Helvetica, Sans-serif;
	color: #eee;
	background: #333333 url(/images/Bg_Page.png) repeat-x top;
}
form { display:block; background: url(/images/Bg_Body.png) repeat-y 50% 0; }
object { outline:none; }

h1 { font-size: 2.4em; font-weight: bold; color: #fff; text-transform: uppercase; }
h2 { font-size: 2em; color: #ec1c23; }
h3 { font-size: 1.4em; font-weight: bold; color: #fff; }
h4 { font-size: 1.2em; font-weight: bold; color: #ec1c23; }
h5, h6 { font-size: 1.1em; font-weight: bold; color: #727272; margin:0 0 0.5em 0; }

a { color: #fff; text-decoration: none; outline: none; }
a:hover { color: #ec1c23; }

/*- Structure principale de la page -------------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

/*-- Entete -------------------------*/
#WrapperEntete {
	max-width: 1110px;
	background: url(/images/Bg_Corps.jpg) repeat-y 50% top;
	margin: 0 auto;
}
#Entete {
	position: relative;
	min-width: 950px; height: 108px;
	margin: 0 auto;
	overflow: hidden;
}
#Entete .Navi { position: relative; width: 950px; margin: 0 auto; z-index:  10; }
#Entete .Logo { position: absolute; top: 36px; }
#Entete .Logo .Acc { display: none; }

#Entete .NavFixe { position: absolute; left: 310px; }
#Entete .NavFixe li { float: left; font-size:11px; line-height: 36px; padding: 0 8px; }
		
#Entete .Lang { position: absolute; right: 0; top: 9px; }
#Entete .Lang li { float: left; font-size:11px; line-height: 36px; padding-left: 8px; }
#Entete .Lang li a { display: block; width: 20px; line-height:  18px; text-align: center; }
#Entete .Lang li a.On { color: #fff !important; background: #ec1c23; }

#Entete .Reseaux { position: absolute; right: 0; top: 47px; }
#Entete .Reseaux li { float: left; padding-left: 6px; }

/*-- Corps --------------------------*/
#WrapperCorps {
	max-width: 1110px; min-height: 328px;
	background: url(/images/Bg_Corps.jpg) repeat-y 50% top;
	margin: 0 auto; padding-bottom:2px;
}
#Corps { width: 950px; margin: 0 auto; }

/*-- Contenu ------------------------*/
#Contenu p.Section, .Contenu p.Section {
	float: left;
	font-size: 1.4em; color: #fff; line-height: 34px; text-transform: uppercase;
	background: url("/images/Bg_MenuPrincipal.jpg") no-repeat 50% 50%;
	margin-bottom: 8px; padding: 0 10px;
}
#Contenu h1, .Contenu h1 { margin: 0 0 .8em; clear: both; }
#Contenu h2, .Contenu h2 { margin: 0 0 .4em; }
#Contenu h3, .Contenu h3 { margin: 0 0 1em; }
#Contenu h4, .Contenu h4 { margin: 0 0 0.7em; }

#Contenu p,       .Contenu p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 1em; }
#Contenu a,       .Contenu a { color: #ec1c23; text-decoration: none; outline: none; }
#Contenu a:hover, .Contenu a:hover { color: #fff; }
#Contenu strong,  .Contenu strong { color: #fff; }
#Contenu em,      .Contenu em { color: #727272; }

#Contenu > ul,      .Contenu   ul    { font-size: 1.3em; margin: 0 0 1em; }
#Contenu > ul li,   .Contenu   ul li { background: url(/images/Puce_Liste.gif) no-repeat 2px 5px; padding: 0 0 .6em 1.2em; }
#Contenu > ol,      .Contenu   ol    { font-size: 1.3em; margin: 0 0 1em 2em; }
#Contenu > ol > li, .Contenu ol > li { list-style: decimal outside; padding: 0 0 .6em; }
#Contenu > ul ul,   #Contenu > ul ol,
#Contenu > ol ol,   #Contenu > ol ul,
.Contenu   ul ul,   .Contenu   ul ol,
.Contenu   ol ol,   .Contenu   ol ul { font-size: 1em; margin: .6em 0 0; }

#VeloContenu table {
	width:100%;	
}
#VeloContenu td {
	width:45%;
	padding-right:5%;
	vertical-align:top;
}

/*-- Pied de page -------------------*/
#WrapperPiedPage {
	max-width: 1110px; min-height: 230px;
	background: url(/images/Bg_Corps.jpg) repeat-y 50% top;
	margin: 0 auto;
}
#PiedPage { width: 950px; margin: 0 auto; padding-top: 25px; }
#PiedPage .Nav {
	width: 890px;
	background:url(/images/Bg_ContenuSepar.png) no-repeat 50% top;
	margin: 0 auto 20px; padding-top:20px;
}
#PiedPage .Nav li {
	float:left; width:153px;
	border-right:1px solid #000;
	padding-right:14px; margin-right:10px;
}
#PiedPage .Nav li.DernierItem { border:0; }
#PiedPage .Nav li a { display:block; font-size:12px; color:#a2a2a2; text-transform:uppercase; margin-bottom:8px; }
#PiedPage .Nav li a:hover { color:#ec1c23; }
#PiedPage .Nav li li { float:none; width:auto; border:0; padding:0; margin:0; }
#PiedPage .Nav li li a { font-size:11px; color:#727272; text-transform:none; margin-bottom:2px; }

#PiedPage .Copy {
	font-size:11px; color: #eee; text-align: center;
	background:url(/images/Bg_ContenuSepar.png) no-repeat 50% top;
	padding:20px 0 30px;
}
#PiedPage .Copy a { color: #eee; }
#PiedPage .Copy a:hover { color: #ec1c23; }

/*- Menu principal / Sous-menus -----------------------------------------------*/
#MenuPrincipal {
	position:  absolute; top: 36px; right: -115px;
	width: 755px; height: 39px;
	background: url(/images/Bg_MenuPrincipal.jpg) no-repeat 0 0;
}
	#MenuPrincipal li {
		float: left;
	}
		#MenuPrincipal > li > a {
			display: block; height: 39px;
			background-repeat: no-repeat;
			text-indent: -9999px; overflow: hidden;
		}
		#MenuPrincipal > li > a:hover, #MenuPrincipal > li > a.On, #MenuPrincipal > li > a.Over {
			background-color: #363636;
		}
		#MenuPrincipal > li > ul {
			position:  absolute; top: 39px; right: 0;
			width: 755px; height: 33px;
			background: url(/images/Bg_SousMenu.jpg) no-repeat 0 0;
			display: none;
		}
			#MenuPrincipal > li > ul > li > a {
				display: block;
				font-size:11px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 33px;
				padding: 0 10px;
			}
			#MenuPrincipal > li > ul > li > a:hover, #MenuPrincipal > li > ul > li > a.On {
				color: #ec1c23;
				background: url(/images/Bg_SousMenu_Item.gif) no-repeat 50% 100%;
			}

/*- Éléments récurents de mise en page ----------------------------------------*/
#FilAriane {
	position: relative; height: 48px;
	background:url(/images/Bg_VeloContenu.png) no-repeat 50% bottom;
	margin-bottom: 18px; z-index: 50;
}
#FilAriane > li {
	float: left; position: relative; font-size:11px; color: #ec1c23;
	background: url(/images/Puce_Liste.png) no-repeat 6px 50%;
	margin-top: 18px; padding-left: 20px;
}
#FilAriane > li:first-child { background-image: none; padding-left: 0; }
#FilAriane > li.Partager {
	float: right; line-height: 16px;
	background: url(/images/Puce_Partager.gif) no-repeat 0 50%;
	padding-left: 22px;
}
#FilAriane > li > div {
	display: none;
	position: absolute; left: 0; top: 20px;
	text-transform: uppercase; white-space: nowrap;
	background: url(/images/Bg_Caroussel_Nav_Top.gif) no-repeat 50% 0;
	-moz-box-shadow:-4px 4px 10px #000; -webkit-box-shadow:-4px 4px 10px #000; box-shadow:-4px 4px 10px #000;
}
#FilAriane > li > div > h4 {
	font-size: 1.2em; height: 34px;
	background: url(/images/Bg_FilAriane_Nav.png) repeat-x;
	margin-top: 5px;
	/*-moz-box-shadow:-4px 4px 6px #000; -webkit-box-shadow:-4px 4px 6px #000; box-shadow:-4px 4px 6px #000;*/
}
#FilAriane > li > div > h4 a {
	display: block;
	color: #fff; line-height: 34px;
	background: url(/images/Btn_Velo_Collapse.png) no-repeat 100% -68px;
	padding: 0 34px 0 14px;
}

#FilAriane > li > div > h4 a:hover {
	background-position: 100% -102px;
}

#FilAriane > li > div > ul {
	background: url("/images/Bg_SousMenu.jpg") repeat-y 75% top;
	border: 4px solid #ec1c23; border-top: 0;
	padding: 5px 10px;
	/*-moz-box-shadow:-4px 4px 6px #000; -webkit-box-shadow:-4px 4px 6px #000; box-shadow:-4px 4px 6px #000;*/
}
#FilAriane > li > div > ul > li { font-weight: bold; /*line-height: normal;*/ padding: 3px 0; }
#FilAriane > li > div > ul > li a { display: block; width: 100%; }

#Caroussel {
	position: relative; height: 112px;
	padding-bottom: 30px;
}
#Caroussel > a {
	position: absolute; top: 0;
	display: block; width: 19px; height:  112px;
	background: url(/images/Bg_Caroussel_Nav.png) no-repeat;
	text-indent: -9999px; overflow: hidden;
}
#Caroussel > a.Prec { left: 0; background-position: 0 0; }
#Caroussel > a.Prec:hover { left: 0; background-position: 0 -112px; }
#Caroussel > a.Suiv { right: 0; background-position: 100% 0; }
#Caroussel > a.Suiv:hover { right: 0; background-position: 100% -112px; }

#Caroussel > div { width: 888px !important; height: 112px; margin: 0 auto; overflow: hidden; }
#Caroussel > div li { float: left; position: relative; width: 288px; height: 112px; margin-right: 12px; overflow: hidden; }
#Caroussel > div li img.Over { position: absolute; bottom: 14px; left: 14px; z-index: 10; display: none; }
#Caroussel > div li.Flickr img.Pic1 { position: absolute; top: 14px; left: 138px; border: 5px solid #fff; }
#Caroussel > div li.Flickr img.Pic2 { position: absolute; top: 14px; left: 227px; border: 5px solid #fff; }

#Caroussel > div li:hover img.Over { display: inline; }

/*- Gabarit :  Accueil --------------------------------------------------------*/
body.Accueil #Entete { height: 607px; background: url(/images/Bg_AccEntete.jpg) no-repeat; }
body.Accueil #Entete .Logo .Int { display: none; }
body.Accueil #Entete .Logo .Acc { display: inline; }
body.Accueil #Entete .NavFixe li a, body.Accueil #Entete .Lang li a { color: #fff; }
body.Accueil #Entete .NavFixe li a:hover, body.Accueil #Entete .Lang li a:hover { color: #ec1c23; }

body.Accueil #WrapperPiedPage { background:#000 url(/images/Bg_Corps_Acc.jpg) no-repeat 50% 50%; }

#AccPhotos { position: relative; height: 607px; overflow: hidden; }
#AccPhotos li { position: absolute; width: 100%; background: no-repeat 50% 0; }
#AccPhotos li img { display:block; width: 1110px; height: 607px; }

#AccPhotosNav { position: absolute; left: 626px; top: 147px; }
#AccPhotosNav li { float: left; }
#AccPhotosNav li a { display: block; width: 81px; height: 50px; }
#AccPhotosNav li a:hover img { border: 5px solid #727272; }
#AccPhotosNav li a.On img { border: 5px solid #ec1c23; }

#AccPhotosInfo { position: absolute; left: 626px; top: 250px; width: 324px; }
#AccPhotosInfo > li { position: absolute; width: 324px; }
#AccPhotosInfo > li.Hidden h2,
#AccPhotosInfo > li.Hidden div { display:none; }
#AccPhotosInfo h2 { width: 324px; height: 34px; text-indent: -999px; overflow: hidden; }
#AccPhotosInfo div { background: #fff url(/images/Bg_AccPhotosInfo.png) repeat-y; padding: 6px 10px ; }
#AccPhotosInfo p { min-height: 4.5em; font-size: 2em; font-weight: bold; color: #fff; margin-bottom:10px; }
#AccPhotosInfo div > ul > li {
	font-size:11px; font-weight: bold; text-transform: uppercase;
	background: url(/images/Puce_Liste.png) no-repeat 0 50%;
	padding-left: 18px; margin-bottom: 5px;
}
#AccPhotosInfo div > ul > li a { color: #eee; }
#AccPhotosInfo div > ul > li a:hover { color: #ec1c23; }
	
#AccReseaux { margin-bottom: 20px; background:url(/images/Bg_ContenuSepar.png) no-repeat 50% top; padding-top: 30px; }
#AccReseaux h2 { font-size: 2em; color: #fff; margin: 0 20px 30px 0; float:left; }
#AccReseaux div.FacebookLikeAccueil { float:left; width:550px; margin:4px 0 0 0; }
#AccReseaux > .Bloc { float: left; min-height: 220px; border-right: 1px solid #727272; }
#AccReseaux > .Bloc a { color: #ec1c23; }
#AccReseaux > .Bloc a:hover { color: #363636; }

#AccReseaux .FaceTwit { width: 253px; padding-right: 30px; }
#AccReseaux .FaceTwit img { position: absolute; }
#AccReseaux .FaceTwit p { font-size: 13px; line-height: 1.25em; margin: 0 0 30px 22px; }
#AccReseaux .FaceTwit p span { display: block; font-size: 11px; color: #808080; }

#AccReseaux .Flickr { width: 285px; padding: 0 20px 0 30px; }
#AccReseaux .Flickr ul { margin-bottom: 12px; }
#AccReseaux .Flickr ul > li { float: left; margin: 0 10px 10px 0; }
#AccReseaux .Flickr ul > li img { border: 5px solid #727272; }
#AccReseaux .Flickr ul > li a:hover img { border-color: #ec1c23; }

#AccReseaux .Youtube { width: 300px; padding-left: 30px; border-right: 0; }
#AccReseaux .Youtube p { margin-bottom: 12px; }
#AccReseaux .Youtube p:first-child a {
	display: block; width: 290px; height: 172px;
	background-position: 50% 50%; border: 5px solid #727272;
}
#AccReseaux .Youtube p:first-child a:hover { border-color: #ec1c23; }

/*- Gabarit :  Chapitres ------------------------------------------------------*/
#Chapitre { margin-bottom: 30px; }
#Chapitre #Contenu { float: left; width: 640px; border-bottom: 1px solid #727272; padding: 40px 0 20px; }

#Chapitre .Titre { float: left; width: 250px; margin-right: 60px; }
#Chapitre .Titre p {
	float: left;
	font-size: 1.4em; color: #fff; line-height: 34px; text-transform: uppercase;
	background: url("/images/Bg_MenuPrincipal.jpg") no-repeat 50% 50%;
	margin-bottom: 8px; padding: 0 10px;
}
#Chapitre .Titre h1 { line-height: 1em; margin-bottom: 12px; clear: both; }
#Chapitre .Titre li { font-size:11px; font-weight: bold; text-transform: uppercase;
}
#Chapitre .Titre li a {
	float: left;
	color: #727272; line-height: 17px;
	background: url(/images/Puce_Lien_Over.png) no-repeat 99% 3px;
	padding-right: 22px;
}
#Chapitre .Titre li a:hover { color: #ec1c23; background-image: url(/images/Puce_Lien.png); }

#ChapitreListe > li {
	position: relative; width: 950px; height: 122px;
	background: url(/images/Bg_ChapitreListe_Item.jpg) no-repeat right top;
	margin-bottom: 2px;
}
#ChapitreListe > li div { position: absolute; left: 279px; top: 0; width: 611px; height: 104px; padding: 18px 30px 0; }
#ChapitreListe > li div h2 a { color: #fff; }
#ChapitreListe > li div p { font-size: 1.2em; line-height: 1.4em; }
#ChapitreListe > li div p a { color: #eee; }
#ChapitreListe > li div img { position: absolute; left: -9px; top: 52px; }

#ChapitreListe > li div.Over { background: url(/images/Bg_ChapitreListe_Item.jpg) no-repeat right bottom; z-index: 10; }
#ChapitreListe > li div.Over h2 a { color: #fff; }
#ChapitreListe > li div.Over p a { color: #fff; }

/*- Gabarit :  Catégories -----------------------------------------------------*/
#Categorie { float: left; width: 250px; margin-right: 60px; }
#Categorie > p {
	float: left;
	font-size: 1.4em; color: #fff; line-height: 34px; text-transform: uppercase;
	background: url("/images/Bg_MenuPrincipal.jpg") no-repeat 50% 50%;
	margin-bottom: 8px; padding: 0 10px;
}
#Categorie h1 { line-height: 1em; margin-bottom: 16px; clear: both; }
#Categorie > ul li { width: 250px; height: 60px; text-transform: uppercase; margin-top: 12px; }
#Categorie > ul li a {
	position: relative;
	display: block; width: 250px; height: 60px; color: #727272;
	background: url(/images/Bg_ThumbBorder.png) no-repeat;
}
#Categorie > ul li a span {
	position: absolute; left: 0; top: 0;
	display: block; width: 250px; height: 60px;
	background: url(/images/Bg_ThumbBorder.png) no-repeat 0 -60px;
	cursor: pointer;
}
#Categorie > ul li a img { float: left; display: block; padding: 5px 20px 5px 5px; }
#Categorie > ul li a table { float: left; height: 60px; width:140px; }
#Categorie > ul li a table td { font-size:11px; font-weight: bold; color: #fff; }
#Categorie > ul li a:hover table td { color: #ec1c23; }

#CategorieListe { float: left; width: 640px; }
#CategorieListe > li {
	position: relative;
	float: left;
	width: 279px; height: 282px;
	background: url(/images/Bg_CategorieListe_Item.png) no-repeat left top;
	margin: 0 0 2px; padding: 20px;
}
#CategorieListe > li.Alt { float: right; }
#CategorieListe > li img { display: block; }
#CategorieListe > li h2 {
	font-size: 14px; line-height: 26px; text-transform: uppercase;
	background: url("/images/Bg_MenuPrincipal.jpg") no-repeat 50% 50%;
	padding-left: 6px;
}
#CategorieListe > li h2 a { font-weight: bold; color: #fff; }
#CategorieListe > li p {
	height: 126px;
	font-size: 1.1em;
	/*background: url("/images/Bg_SousMenu.jpg") repeat-y 75% top;*/
	padding: 8px 6px 0;
	overflow: hidden;
}
#CategorieListe > li p a { color: #eee; }
#CategorieListe > li p a strong { font-size: 1.2em; color: #fff; }
#CategorieListe > li > a.Over {
	position: absolute; left: 0; top: 0;
	display: block; width: 319px; height: 322px;
	background: url(/images/Bg_CategorieListe_Item.png) no-repeat left bottom;
}

/*- Gabarit :  Fiche d'un vélo ------------------------------------------------*/
#VeloDescription {
	background: url(/images/Bg_VeloContenu.png) no-repeat 50% 100%;
}
#VeloDescription > h2 {
	position: relative; height: 34px;
	font-size: 12px; font-weight: bold; text-transform: uppercase;
	background: #9e0b0f no-repeat 0 0;
}
#VeloDescription > h2 span { visibility: hidden; }
#VeloDescription > h2 a {
	position: absolute; right: 0; top: 0;
	width: 233px;
	color: #fff; line-height: 34px;
	background: #ec1c23 url(/images/Btn_Velo_Collapse.png) no-repeat 100% 0;
	padding-left: 10px;
}
#VeloDescription > h2 a:hover { background-color: #bf1717; }
#VeloDescription > h2 a.On { background-position: 100% -34px; }
#VeloDescription > div h1 { float: left; width: 280px; line-height: 1em; margin-right: 30px; padding: 18px 0 22px; }
#VeloDescription #Contenu { float: left; width: 640px; padding: 18px 0 22px; }

#VeloInfo { position: relative; width: 950px; min-height: 560px; }
#VeloPhotos li { position: absolute; width:950px; height:560px; background:#000; }
#VeloLoading {
	position: absolute; z-index: 30;
	width: 950px; height: 560px;
	background: #000 url(/images/Bg_Loading.gif) no-repeat 50% 50%;
	display: none;
}

#VeloFeatures { position: absolute; right: 0; z-index: 40; }
#VeloFeatures > h3 { width: 243px; height: 34px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#VeloFeatures > h3 a {
	float: right;
	width: 233px;
	color: #fff; line-height: 34px;
	background: #363636 url(/images/Btn_Velo_Collapse.png) no-repeat 100% 0;
	padding-left: 10px;
}
#VeloFeatures > h3 a:hover { background-color: #484848; }
#VeloFeatures > h3 a.On { background-position: 100% -34px; }
#VeloFeatures > ul { display: none; width: 243px; background: url(/images/Bg_VeloFeatures.png); border-top: 1px solid #363636; }
#VeloFeatures > ul li { font-size:11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #363636; }
#VeloFeatures > ul li a { display: block; color: #eee; padding: 10px; }
#VeloFeatures > ul li a:hover { color: #ec1c23; background: #242424; }

#VeloPhotosNav { position: absolute; left: 10px; top: 34px; z-index: 20; }
#VeloPhotosNav li { float: left; }
#VeloPhotosNav li a { display: block; width: 81px; height: 50px; }
#VeloPhotosNav li a:hover img { border: 5px solid #727272; }
#VeloPhotosNav li a.On img { border: 5px solid #ec1c23; }

#VeloQuickLinks { position: absolute; left: 10px; top: 100px; z-index: 20; }
#VeloQuickLinks li { float: left; font-size:11px; font-weight: bold; text-transform: uppercase; }
#VeloQuickLinks li a {
	display: block;
	color: #fff; line-height: 18px;
	background: url(/images/Puce_Liste.png) no-repeat 0 50%;
	margin-right: 12px; padding-left: 14px;
}
#VeloQuickLinks li a:hover { color: #ec1c23; }
#VeloQuickLinks li.Zoom a { background-image: url(/images/Puce_Zoom.png); padding-left: 18px; }

#VeloSpecTitle {
	position: absolute; left: 10px; top: 132px; z-index: 20;
	width: 300px; font-size: 2.4em; font-weight: bold; color: #ebebeb;
}

#VeloContenu { float: left; position: relative; width: 950px; z-index: 10; }
#VeloContenu .PosAnim { padding-top: 508px; }
#VeloContenu .PosAnim > h3 {
	font-size: 2em; font-weight: normal;
	background: #242424 url(/images/Bg_VeloContenu.png) no-repeat 50% 100%;
	padding-bottom: 2px;
}
#VeloContenu .PosAnim > h3:hover {
	background-color:#363636;
}
#VeloContenu .PosAnim > h3 a {
	display: block;
	color: #fff; line-height: 50px;
	background: url(/images/Btn_Velo_Collapse.png) no-repeat 99% 9px;
	padding: 0 10px;
}
#VeloContenu .PosAnim > h3 a:hover {  }
#VeloContenu .PosAnim > h3 a.On { background-position: 99% -25px; }
#VeloContenu .PosAnim .Contenu { background: #363636 url(/images/Bg_VeloContenu.png) no-repeat 50% 100%; padding: 18px 10px 32px;  }
#VeloContenu .PosAnim .Contenu p { font-size: 1.3em; margin: 0 0 1em; }

#VeloZoom {
	position: absolute; left: 0; top: 0; z-index: 40;
	width: 950px; height: 560px;
	background: #000;
}
#VeloZoom .ColG { float: left; width: 707px; height: 560px; overflow: hidden; }
#VeloZoom .ColD { float: left; width: 243px; height: 560px; position: relative; }
#VeloZoom .ColD > h3 { width: 243px; height: 34px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#VeloZoom .ColD > h3 a {
	display: block; width: 233px;
	color: #fff; line-height: 34px;
	background: #363636 url(/images/Btn_Velo_Collapse.png) no-repeat 100% -34px;
	padding-left: 10px;
}
#VeloZoom .ColD > h3 a:hover { background-color: #484848; }
#VeloZoom .ColD > p { padding: 10px; }
#VeloZoom .ColD > .Thumb { position: absolute; bottom: 0; width: 243px; height: 182px; overflow: hidden; }

#VeloDescripSuite { /*border-bottom: 1px solid #727272;*/ }
#VeloDescripSuite > .ColG,
#VeloDescripSuite > .ColD { float: left; min-height: 70px; font-size: 1.1em; padding: 0 10px 10px; position: relative; }
#VeloDescripSuite > .ColG { width: 482px; border-right: 1px solid #727272; }
#VeloDescripSuite > .ColD { width: 427px; }
#VeloDescripSuite > div { float:left; }
#VeloDescripSuite > div.Specs { width:466px; /*border-right:1px solid #727272;*/ padding:15px 0 15px 10px;}
#VeloDescripSuite > div.FacebookLike { width:450px; margin:15px 0 0 20px;  }
#VeloDescripSuite > div p, #VeloDescripSuite > div li { font-size:11px; margin: 0 0 .4em; }
#VeloDescripSuite > div li { background: url(/images/Puce_Liste.gif) no-repeat 2px 5px; padding-left: 12px; }

#VeloAthletes { background:url(/images/Bg_ContenuSepar.png) no-repeat 50% 0%; padding: 20px 10px 0 10px; clear: both; }
#VeloAthletes h2 { font-size: 2em; color: #fff; margin: 0 0 20px; }
#VeloAthletes li { float: left; width: 232px; height: 60px; font-size:11px; text-transform: uppercase; margin-bottom:20px; }
#VeloAthletes li a {
	position: relative;
	display: block; width: 232px; height: 60px;
	color:#fff;
	background: url(/images/Bg_ThumbBorder.png) no-repeat;
}
#VeloAthletes li a span {
	position: absolute; left: 0; top: 0;
	display: block; width: 232px; height: 60px;
	background: url(/images/Bg_ThumbBorder.png) no-repeat 0 -60px;
	cursor: pointer;
}
#VeloAthletes li a img { float: left; display: block; padding: 5px 20px 5px 5px; }
#VeloAthletes li a table { float: left; width:115px; height: 60px; }
#VeloAthletes li a table td { font-size:11px; font-weight: bold; color: #fff; }
#VeloAthletes li a:hover table td { color: #ec1c23; }

/*- Gabarit :  Liste de contenus ----------------------------------------------*/
#ContenuListe { margin-top: 18px; }
#ContenuListe div.ColG { float: left; width: 475px; }
#ContenuListe div.ColG.Solo { float: none; width: auto; }
#ContenuListe div.ColG h3 { background: #9e0b0f; }
#ContenuListe div.ColD { float: right; width: 475px; }
#ContenuListe div.ColD h3 { background: #e01920; }

#ContenuListe h3 { font-size: 1.6em; color: #ebebeb; line-height: 40px; padding-left: 14px; }
#ContenuListe li {
	position: relative;
	font-size: 1.1em; line-height: 1.4em;
	background: #363636 url(/images/Bg_ContenuSepar.png) no-repeat 50% top;
	padding: 22px 14px;
}
#ContenuListe li a { display: block; color: #e01920; }
#ContenuListe li > a { position: absolute; width: 110px; height: 60px; background: url(/images/Bg_ThumbBorder.png) no-repeat; }
#ContenuListe li > a img { display: block; padding: 5px; }
#ContenuListe li > h4, #ContenuListe li > p { margin-left: 110px; }
#ContenuListe li > h4 { font-size: 1.3em; margin-bottom: 2px; }
#ContenuListe li > a.Over {
	position: absolute; z-index: 10;
	width: 101px; height: 60px;
	background: url(/images/Bg_ThumbBorder.png) no-repeat 0 -60px;
}

/*- Gabarit :  Photos de contenu ----------------------------------------------*/
#ContenuPhotos { float: right; margin: 0 0 10px 30px; }
#ContenuPhotos #ContenuPhotosListe { position: relative; width: 640px; height: 477px; background: #000; overflow: hidden; }
#ContenuPhotos #ContenuPhotosListe li { position: absolute; right: 0; }
#ContenuPhotos #ContenuPhotosListe li img { display: block; }

#ContenuPhotos .Nav {
	width: 620px; height: 40px;
	font-weight: bold; line-height: 14px; text-transform: uppercase;
	background:#484848 url(/images/Bg_ContenuSepar.png) no-repeat 50% top;
	padding: 10px;
}
#ContenuPhotos .Nav a { color: #fff; }
#ContenuPhotos .Nav a:hover { color: #ec1c23; }
#ContenuPhotos .Nav .Zoom, #ContenuPhotos .Nav li { float: left; }
#ContenuPhotos .Nav ul, #ContenuPhotos .Nav > span { float: right; padding-left: 5px; }
#ContenuPhotos .Nav .Zoom { display: block; background: url(/images/Puce_Zoom.png) no-repeat; padding-left: 18px; }
#ContenuPhotos .Nav li { padding-right: 5px; }
#ContenuPhotos .Nav li a, #ContenuPhotos .Nav li strong {
	display: block; width: 13px; height: 13px;
	background: url(/images/Bg_ContenuGalerie_Item.png);
	overflow: hidden;
}
#ContenuPhotos .Nav li a { background-position: 0 0; }
#ContenuPhotos .Nav li strong { background-position: 0 -13px; }
#ContenuPhotos .Nav span span { color: #ec1c23; }

/*- Gabarit :  Détaillants ----------------------------------------------------*/
#Detaillants .ColG { float: left; width: 280px; margin-right: 30px; }
#Detaillants .ColG h2 { line-height: 40px; margin: 0 0 10px; }
#Detaillants .ColG p { padding: 0 0 12px; }
#Detaillants .ColG p label {
	display: block; height: 20px;
	font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase;
}
/* Commenté Cédric + Nicolas 2010-08-27
#Detaillants .ColG > p { padding: 0 0 12px; }
#Detaillants .ColG > p > label {
	display: block; height: 20px;
	font-size: 1.1em; font-weight: bold; color: #363636; text-transform: uppercase;
}
*/
#Detaillants .ColG > p.Separ {
	height: 29px; padding: 12px 0 18px;
	background: url(/images/Bg_Detaillants_Separ.gif) no-repeat 0 12px;
}
#Detaillants .ColG > p.Separ strong {
	display: block; width: 29px; line-height: 29px;
	font-size: 11px; color: #fff; text-transform: uppercase; text-align: center;
}

#Detaillants .ColD { float: left; width: 640px; }
#Detaillants .ColD .Nav { height: 40px; background: url("/images/Bg_ChapitreListe_Item.png") repeat 100% 100%; margin: 0 0 30px; }
#Detaillants .ColD .Nav > li { float: left; }
#Detaillants .ColD .Nav > li a {
	display: block; line-height: 40px;
	font-size:12px; font-weight: bold; color: #c2c2c2; text-transform: uppercase;
	background: no-repeat 50% 100%; padding: 0 10px;
}
#Detaillants .ColD .Nav > li a:hover { background-image: url(/images/Bg_SousMenu_Item.gif); }
#Detaillants .ColD .Nav > li a.On { color: #fff; background:url("/images/Bg_MenuPrincipal.jpg") no-repeat 50% 50%; }

#Detaillants .ColD .Pages { float: left; margin: 0 0 18px; }
#Detaillants .ColD .Pages > li {
	float: left;
	font-size: 1.3em; font-weight: bold; line-height: 29px;
	background: url(/images/Bg_Detaillants_Pages.gif) no-repeat 100% 10px;
	padding: 0 8px;
}
#Detaillants .ColD .Pages > li:first-child { padding-left: 0; }
#Detaillants .ColD .Pages > li:last-child { background-image: none; }
#Detaillants .ColD .Pages > li a.On { color: #ec1c23; }

#Detaillants .ColD .Nmb { float: right; margin: 0 0 18px; }
#Detaillants .ColD .Nmb strong, #Detaillants .ColD .Nmb select { float: left; }
#Detaillants .ColD .Nmb strong { font-size: 1.1em; color: #363636; line-height: 29px; padding-right: 10px; }

#Detaillants .ColD .Resultats { /*border-bottom: 1px solid #727272;*/ clear: both; }
#Detaillants .ColD .Resultats > li {
	font-size: 1.3em; line-height: 1.4em;
	background: url(/images/Bg_HautBlocGris.png) repeat-x 0px -32px; /*border-top: 1px solid #727272;*/
	padding: 0px 12px 18px;
}
#Detaillants .ColD .Resultats > li div.RetailerName {
	padding:8px 10px 8px 0px;
	margin-bottom:3px;
}
#Detaillants .ColD .Resultats > li img { float: right; margin-top:2px; }
#Detaillants .ColD .Resultats > li strong { color: #EEEEEE; }
#Detaillants .ColD .Resultats > li a { color: #ec1c23; }
#Detaillants .ColD .Resultats > li a:hover { color: #363636; }

#GmapContent { font: 11px/14px Verdana, Arial, Geneva, sans-serif; color: #585858; }
#GmapContent strong { color: #363636; }
#GmapContent a { color: #ec1c23; text-decoration: none; outline: none; }
#GmapContent a:hover { color: #363636; }

/*- Gabarit : Plan du site ----------------------------------------------------*/
#SiteMap > ul > li { border-top: 1px solid #727272; padding: 16px 0; clear: both; }
#SiteMap > ul > li:first-child { border-top: 0; padding-top: 0; }
#SiteMap > ul > li > a {  font-size: 2em; color: #ec1c23; clear: both; }
#SiteMap > ul > li > a:hover { color: #363636; }
#SiteMap > ul > li > strong { font-size: 2em; clear: both; font-weight:normal; }

#SiteMap > ul > li > ul > li { float: left; width: 285px; font-weight: bold; padding: 16px 30px 16px 0; }
#SiteMap > ul > li > ul > li:last-child { padding-right: 0; }
#SiteMap > ul > li > ul > li > a { font-size: 1.3em; font-weight: bold; }
#SiteMap > ul > li > ul > li > strong { font-size: 1.3em; font-weight: bold; }

#SiteMap > ul > li > ul > li > ul { padding-top: 16px; }
#SiteMap > ul > li > ul > li > ul > li { padding: 0 0 2px; }
#SiteMap > ul > li > ul > li > ul > li > a {
	display: block; line-height: 16px;
	font-size: 1em; font-weight: bold; color: #727272; text-transform: uppercase;
	background: url(/images/Puce_Lien.png) no-repeat 0 2px; padding-left: 20px;
}
#SiteMap > ul > li > ul > li > ul > li > a:hover { color: #ec1c23; background-image: url(/images/Puce_Lien_Over.png); }
#SiteMap > ul > li > ul > li > ul > li > strong {
	display: block; line-height: 16px;
	font-size: 1em; font-weight: bold; color: #727272; text-transform: uppercase;
	padding-left: 20px;
}
#SiteMap > ul > li > ul > li > ul > li > ul { margin:0 0 10px 20px; }
#SiteMap > ul > li > ul > li > ul > li > ul > li > a { color: #727272; }
#SiteMap > ul > li > ul > li > ul > li > ul > li > a:hover { color: #ec1c23; }

/*- Formulaires ---------------------------------------------------------------*/
#Formulaire .ColG { float: left; width: 280px; margin-right: 30px; }
#Formulaire .ColG h2 { margin: 0 0 .6em; }
#Formulaire .ColG p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 1em; }
#Formulaire .ColG strong { color: #fff; }

#Formulaire .ColD { float: left; width: 640px; }
#Formulaire .ColD h2 { margin: 0 0 .4em; }
#Formulaire .ColD div.Champs + h2 { margin-top: 18px; }

#Formulaire div.Champs {
	background: #242424;
	padding: 10px 12px 2px 0;
}
#Formulaire div.Champs > p { padding: 0 0 12px 12px; clear: both; }
#Formulaire div.Champs > p.Col { float: left; width: 302px; clear: none; }
#Formulaire div.Champs > p.Note { color: #7f8080; }
#Formulaire div.Champs > p > label {
	display: block;
	font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase;
	margin: 0 0 6px;
}

#Formulaire div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border: 1px solid #b46f6d;
	padding: 9px 11px;
	margin-bottom: 12px;
}
#Formulaire div.SommaireValidation ul {}
#Formulaire div.SommaireValidation ul li {}

input, textarea, select, input.TxtBox, textarea.TxtArea, select.SelectList {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
input.TxtBox, textarea.TxtArea, select.SelectList {
	display: block;
	font-weight: bold; color: #fff;
	background: #363636; border: 0;
	padding: 8px 10px;
}
textarea.TxtArea { overflow: auto; }
select.SelectList { padding: 7px; }

#Formulaire div.Champs > p.Checkbox > label { display: block; float: left; margin: 0 5px 5px 5px; }
#Formulaire div.Champs > p.Checkbox > input { display: block; float: left; }

a.Btn {
	display: inline-block;
	font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase;
	background: url(/images/Bg_Btn_Over.gif) no-repeat 100% 50%;
	padding-right: 6px;
}
a.Btn span { display: inline-block; background: #ec1c23; padding: 8px 10px; }
a.Btn:hover { background-image: url(/images/Bg_Btn.gif); }
a.Btn:hover span { color: #363636; background: #fff; }

/*- Styles de l'éditeur ----------------------------------------------------*/
sup { font-size: 80%; line-height: 100%; vertical-align: text-top; padding-bottom: 5px; }
div.HR { height: 1px; background: #727272; margin: 20px 0; overflow: hidden; }
div.HR.Ombre { background: url(/images/Bg_VeloContenu.png) no-repeat 50% top; padding: 20px 0; margin:0; }

/*- Classes pour les textes ----*/
p.ParaAvecPuce { background: url(/images/Puce_Liste.gif) no-repeat 2px 5px; padding-left: 12px;}
p.Note, span.Note { font-size: 11px !important; font-style: italic; color: #727272; }

/*- Classes pour les hyperliens ----*/
a.LienAvecPuce {
	display: inline-block; line-height: 13px;
	font-size: 12px; font-weight: bold; color: #727272 !important; text-transform: uppercase;
	background: url(/images/Puce_Lien.png) no-repeat 100% 50%; padding-right: 18px;
}
a.LienAvecPuce:hover { color: #ec1c23 !important; background-image: url(/images/Puce_Lien_Over.png); }
a.Pdf {
	display: inline-block; min-height:16px; line-height:16px;
	background:transparent url(/images/Ico_Pdf.png) no-repeat 0 0;
	padding-left: 20px;
}

/*- Classes pour les images ----*/
img.ImageContour { border: 1px solid #000; }
img.ImageGauche { float: left; margin: 0 15px 10px 0; }
img.ImageDroite { float: right; margin: 0 0 10px 30px; }

/*- Classes pour les tableaux ----*/
table.Tableau { margin: 1.2em 0 1.8em; }
/*#VeloContenu table.Tableau { width:60%; }*/
table.Tableau td, #VeloContenu table.Tableau td {
	font-size: 1.1em; font-weight: bold; color: #ebebeb; line-height: 1.4em;
	background: #e01920; border-right: 1px solid #363636;
	padding: 12px;
	width:auto;
	vertical-align: top;
}
table.Tableau td:last-child, #VeloContenu table.Tableau td:last-child { border-right: 0; }
table.Tableau td.CelluleTitre, #VeloContenu table.Tableau td.CelluleTitre { font-size: 1.3em; color: #464646; background: #fff; border-right: 0; }
table.Tableau td.CelluleSousTitre, #VeloContenu table.Tableau td.CelluleSousTitre { font-size: 1.3em; font-weight: normal; color: #e0e0e0; background: #363636; border-right: 0; }
table.Tableau td.CelluleAlternative, #VeloContenu table.Tableau td.CelluleAlternative { background: #9e0b0f; }

/*--------------------------------------------------------------------------*/
/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, div#Contenu ol ol, div#Contenu ol ul, div#Contenu ul ol,
table.Tableau ul, table.Tableau ol, table.Tableau li,
table.Tableau p,
table.Tableau h1, table.Tableau h2, table.Tableau h3, table.Tableau h4, table.Tableau h5, table.Tableau h6 {
	font-size: 1em;
}