ul#accesLink 
{
	display: none;
}

body, html
{
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	background: url(bg-pattern.jpg) left top;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}


.ancre
{
	display: none;
}

.clear
{
	clear: both;
}
.fl{float: left;}
.fr{float: right;}

p.suite
{
	text-align: right;
}

p.suite a:visited, p.suite a:link
{
	text-align: right;
	font-size: 0.9em;
	color: #8ac4dc;
	text-decoration: none;
}

p.suite a:hover, p.suite a:active
{
	color: #8ac4dc;
	text-decoration: underline;
}

p
{
	margin: 0;
}

a
{
	text-decoration: none;
}

h2
{
	margin: 0;
	padding: 0;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

h3
{
	margin: 0;
	padding: 0;
	font-size:20px;
	font-weight:bold;
}

.blue {color:#081f25;}

#page
{
	text-align: left;
	width: 980px;
	margin: 0 auto;
	background: url(bg-mid-gradient.png) center top no-repeat;
}

#header
{
	padding: 0;	
	background: url(extratop.jpg);
	height: 160px;
	width: 980px;
	margin: 0px auto 0 auto;
}

p#subMenu {position: absolute;text-align:center;padding:0 15px;margin: 0 0 0 320px;left:50%;width:137px;line-height:37px;background: url(bg-extra-links.png) left top no-repeat;color:#8ac4dc;}
p#subMenu a {color:#8ac4dc;text-decoration: none;}
p#subMenu a:hover {color:#ffffff;text-decoration: underline;}

p#logo
{
	margin: 0 0 0 -30px;
	padding: 0;
	float: left;
}

p#logo a img
{
	margin: 0;
	border: none;
	padding: 0;
}


#menu-bg
{
	height: 43px;
	background: url(menu-barre.jpg);
	margin: 0 0 10px 0;
	padding: 0;
}

#main-menu
{
	padding: 0;
	height: 43px;
	text-align: left;
	width: 980px;
	margin: 0 auto;
}

#main-menu ul
{
	list-style-type: none;
	margin: O;
	padding: 0;
	float: left;
}

#main-menu ul li
{
	float: left;
	height: 33px;
	width: 90px;
	background: #031219;
	padding:5px;
	margin: 0 1px 0 0;
}

#main-menu ul li a:link,
#main-menu ul li a:visited
{
	display: block;
	height: 33px;
	line-height: 33px;
	/*width: 90px;*/
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

#main-menu ul li a:hover,
#main-menu ul li a:active
{
	background: #044d6e;
	color: #ffffff;
	text-decoration: none;
}

#main-menu ul li a#menuHoverStyle
{
	background: #044d6e;
	color: #ffffff;
	text-decoration: none;
}

/*_____________________MENU DEROULANT_____________________________*/
#main-menu ul.sousMenu{margin : 40px 0 0 100px ;position: absolute;z-index:100;border: 3px solid #031219;}
 
#main-menu ul.sousMenu li{width:110px;height:33px;line-height:33px;float: none;background-color: #044d6e;margin: 0px;padding: 0 10px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;-khtml-opacity: 0.8;text-align:left;text-transform:none;}
 
#main-menu ul.sousMenu li a {font-weight: normal;font-size: 11px;border: 0px;text-align:left;}

#main-menu ul.sousMenu li:hover {filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;-khtml-opacity: 0.9;}
/*_____________________MENU DEROULANT_____________________________*/

#bandeau {height:359px;border:1px solid #031018;padding:1px;margin: 0 0 40px 0;background:#04405a;}
#bandeauTof {position: relative;	width: 706px;height: 339px;}
#bandeauTof img {border:10px solid #08222f;border-right:none;}

/*_______________________________________________*/
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 706px;
	height: 339px;
	background-color: #FFF;
	visibility: hidden;
}
li img {
	display: block;
}
.caption {
	clear: both;
	padding: 1em;
	background-color: #FFF;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}

/*_______________________________________________*/

ul
{
	margin: 0;
	padding: 0;
}

li
{
	margin: 0;
	padding: 0;
}

ul#menu
{
	list-style-type: none;
	width: 250px;
	position: absolute;
	margin-left:228px;
	left:50%;
	border:10px solid #08222f;
	border-left:none;
}

ul#menu li
{
	
	border-top:1px solid #08222f;
	padding: 0;
	margin:0;
}

ul#menu li a
{
	margin: 0px;
	padding: 0px 0px 0px 30px;
	height:84px;
	line-height:84px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: #071d28;
	
}

ul#menu li a:hover
{
	color: #ffffff;background: url(btn-hover-categorie.png) 0 center no-repeat;margin: 0 0 0 -7px;padding: 0 0 0 37px;z-index:1000;
}

ul#menu li a#menu2HoverStyle
{
	color: #ffffff;background: url(btn-hover-categorie.png) 0 center no-repeat;margin: 0 0 0 -7px;padding: 0 0 0 37px;
}


#content
{
	margin: 0;
	padding: 0 0 42px 0;
	background: url(content-bg.jpg) bottom no-repeat;
}

/*--------------- cr�ation de la colonne de gauche ---------------*/
#bigSide
{
	width: 720px;
	float: left;
}
#bigSide a{color:#ffffff;font-weight:bold;text-decoration:none;}
#bigSide a:hover{text-decoration:underline;}

#bigSide h1
{
	font-size: 2.4em;
	text-align: left;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: times new roman;
}


#bigSide h2
{
	padding: 5px 0 ;
	margin: 10px 10px 15px 10px;
}

#intro h2
{
	padding: 0;
	margin: 10px 0;
}




#intro
{
	margin: 0;
	padding: 0 10px;
}

#intro p
{
	color: #9b9b9b;
}


/* deco de + d'infos */
p.plus-infos a:link, p.plus-infos a:visited
{
	display: block;
	height: 21px;
	font-size: 1em;
	font-weight: bold;
	color: #1d0e09;
	text-align: right;
	margin: 18px 0 0 0;
	padding-top: 4px;
	padding-right: 25px;
	background: url(arrow-title.gif) 0px no-repeat #48281d;
}

p.plus-infos a:hover, p.plus-infos a:active
{
	background-color: #f2d68f;
}

/* Bloc rowProduits */

#rowProduits
{
	padding: 0;
	margin: 10px 0 0 5px;
}

div#rowProduits div.rowProduitsArticle
{
	width: 700px;
	float: left;
	background: url(block-produit.jpg) top;
	margin: 0;
	padding: 0;
}

div#rowProduits div.rowProduitsArticle img
{
	margin: 5px auto;
	display: block;
	/*float: right;*/
}

div#rowProduits div.rowProduitsArticle a img {
	border:medium none;
	display:block;
	height:150px;
	margin:5px auto;
	max-width:200px;
}

div#rowProduits div.rowProduitsArticle h3
{
	margin: 15px 0 5px 0;
	font-size: 1em;
	padding: 0 0 0 5px;
	
}

div#rowProduits div.rowProduitsArticle p
{
	margin: 0;
	padding: 0 0 0 5px;
}


p.psuite
{
	text-align: right;
}

p.psuite a:visited, p.psuite a:link
{
	text-align: right;
	font-size: 0.9em;
	text-decoration: none;
	margin-right: 5px;
	color: #8ac4dc;
}

p.psuite a:hover, p.psuite a:active
{
	text-decoration: underline;
	color: #8ac4dc;
}

/* Fin bloc rowProduits*/


/*     fiche     */


div#form
{
	margin: 10px;
}

div#fiche
{
	width: 700px;
	margin: 0;
	padding: 10px;
}

div#fiche form
{
	width: 700px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div#fiche h2
{
	padding: 5px 0;
	margin: 0 0 10px 0;
}

div#fiche h3
{
	font-size: 12px;
	padding: 0;
	margin: 0 0 5px 0;
}

div#fiche img a
{
	border: none;
	margin: 0 0 10px 10px;
	float: right;
}

div#fiche img 
{
	border: none;
	margin: 0 0 10px 10px;
	float: right;
}

div.ficheGallery{text-align:center;}
div.imageGallery{margin:0 10px;}
div.ficheGallery a img,
div.imageGallery a img{display: block;/*float:left;*/padding: 1px;border:1px dotted #e5e5e5;}


/*   fin fiche     */


table
{
	width: 100%;
	border-collapse: collapse;
}




/* deco du titre */
h2.produits-title
{
	font-size: 1.3em;
	font-weight: bold;
	color: #f2d68f;
	padding-left: 10px;
	padding-top: 10px;
	margin: 0 0 10px 0;
}

object
{
	margin: 0;
	padding: 0;
}


/*--------------- cr�ation de la colonne de droite ---------------*/
#littleSide
{
	width: 260px;
	float: right;
	padding: 0;
	margin: 0;
}

#littleSide h2 {margin: 0 0 15px 10px;padding: 0;}
#littleSide h2 a {text-decoration: none;color: #ffffff;}
#littleSide h2 a:hover {text-decoration: underline;}

.ppuce
{
	padding-left: 15px;
	margin-bottom: 10px;
}


#btn-ok
{
	width: 50px;
	height: 25px;
	background: url(btn-ok.gif) no-repeat;
	border: none;
	margin-left: 10px;
	margin-top: 4px;
	color: #f2d68f;
}


.pev
{
	margin-right: 4px;
}

.clear
{
	clear: both;
}


/*_________________CAROUSEL_________________________*/
div.slideArticles {margin: 20px auto 0 auto;padding: 0px;width: 980px;height:260px;overflow:hidden;/*background:red;*/}
div.slideArticles ul{list-style:none;margin: 0;padding: 0px;width: 980px;height:260px;}
div.slideArticles ul li{list-style:none;width: 240px !important;height:235px !important;margin: 0 10px 0 0;background-color:#0b709b;}
div.slideArticles ul li a img{border:none;margin: 0 auto;/*border-top: 2px solid #044D6E;*/max-height:150px;width:110px;}
div.slideArticles ul li p{padding:10px;color:#044D6E;}
div.slideArticles ul li p.commentaire-slide{height:65px;margin:0;background-color:#ffffff;}
div.slideArticles ul li p.commentaire-slide:hover{background-color:#071d28;}
div.slideArticles ul li p:hover{background:#071D28;}
div.slideArticles ul li p a {color:#044D6E;text-decoration:none;font-weight: bold;}
div.slideArticles ul li p a:hover {color:#ffffff;text-decoration:underline;}
div.externalControl button.next  {border:0;background: url(btn-prev.png) right 0px no-repeat;width:22px;height:22px; margin: 0;display:block;}
div.externalControl button.prev  {border:0;background: url(btn-prev.png) left 0px no-repeat;width:22px;height:22px; margin: 0;display:block;}

div#bannerWhite div.bannerWidth a.littleButton:hover  {border:0;background: url(btn-prev.png) left -22px no-repeat;}
div#bannerWhite div.bannerWidth a.littleButtonNext  {border:0;background: url(btn-prev.png) right 0px no-repeat;width:22px;height:22px; margin: 0;display:block;}
div#bannerWhite div.bannerWidth a.littleButtonNext:hover  {border:0;background: url(btn-prev.png) right -22px no-repeat;}
/*div.externalControl button {background: #472c22;border: none;color: #ffffff;font-weight: bold;font-size: 11px;width: 20px;height:20px;line-height:20px;margin: 2px 3px 0 0;}*/
/*_________________CAROUSEL_________________________*/

div#bannerWhite {height:284px;background: #ffffff url(bg-white.jpg) left top repeat-x;padding: 25px 0 15px 0;}
div#bannerWhite div.bannerWidth{width:980px; margin: 0 auto;text-align:left;}
div#bannerWhite div.bannerWidth .bigButton {width:133px;height:22px;line-height:22px; margin: 0;text-align:center;background: url(btn-selection.png) left top no-repeat;}
div#bannerWhite div.bannerWidth a.bigButton  {color:#034d72;text-decoration: none;text-transform: uppercase;font-weight: bold;font-size: 11px;}
div#bannerWhite div.bannerWidth a.bigButton:hover {color:#034d72;text-decoration:underline;}
div#bannerWhite div.bannerWidth a.littleButton  {border:0;background: url(btn-prev.png) left 0px no-repeat;width:22px;height:22px; margin: 0;display:block;}
div#bannerWhite div.bannerWidth a.littleButton:hover  {border:0;background: url(btn-prev.png) left -22px no-repeat;}
div#bannerWhite div.bannerWidth a.littleButtonNext  {border:0;background: url(btn-prev.png) right 0px no-repeat;width:22px;height:22px; margin: 0;display:block;}
div#bannerWhite div.bannerWidth a.littleButtonNext:hover  {border:0;background: url(btn-prev.png) right -22px no-repeat;}

#footer-bottom
{
	text-align: left;
	padding: 0;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	width:980px;
	font-size:11px;
}


#footer-bottom a
{
	color: #8bc3dc;
	text-decoration: none;
}

#footer-bottom a:hover
{
	text-decoration: underline;
}


p#signature
{
	color: #8bc3dc;
	margin: 0;
	padding: 0;
	width:300px;

}

p#signature a:link,
p#signature a:visited
{
	color: #8bc3dc;
	text-decoration: none;
}

p#signature a:hover,
p#signature a:active
{
	text-decoration: underline;
}

img.linkSeparator {margin: 0 5px 4px 5px;}

ul#pageIndex
{
	list-style-type: none;
	margin: 20px 0 0 0px;
	padding: 0;
}

ul#pageIndex li
{
	float: left;
}

ul#pageIndex li a:link,
ul#pageIndex li a:visited
{
	display: block;
	float: left;
	height: 20px;
	margin: 10px 5px 10px 0;
	padding: 0px 5px;
	background: #031219;
	color: #88c4dc;
	text-decoration: none;
	border: 1px solid #07405b;
}

ul#pageIndex li a:hover,
ul#pageIndex li a:active
{
	background: #88c4dc;
	color: #031219;
	text-decoration: none;
	border: 1px solid #07405b;
}

ul#pageIndex li a:link.paginationHover,
ul#pageIndex li a:visited.paginationHover
{
	background: #88c4dc;
	color: #031219;
	text-decoration: none;
	border: 1px solid #07405b;
}

.captcha {
	border:1px solid #88c4dc;
	background: none;
	padding:2px;
}


/**************   Livre or *****************/

#livreGauche
{


	
}

#livreGauche h2
{
	font-size: 1.3em;
	margin: 0 0 10px 0;
	padding: 0;
	
}

#livreGauche p
{
	margin: 0 0 5px 0;
	padding: 0;
	
}

#livreGauche input, #livreGauche textarea 
{
	margin: 0 0 10px 0;
	border: 1px solid #000000;
	width: 100%;
	
}

#livreGauche textarea 
{
	height: 150px;
	
}

#livreGauche input#oklivre
{
	margin: 0 auto 10px auto;
	border: 1px solid #000000;
	width: 30px;
	display: block
	
	
}

#website
{
	display: none;
}

#livreDroite
{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

div#livreDroite div.topComment
{
	margin: 0;
	padding: 0;
}

#livreDroite div#comment div.bottomComment
{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
	color: #999999;
	border-bottom: 1px solid #999999;
}

#livreDroite h3
{
	font-size: 1.1em;
	margin: 0 0 10px 0;
	padding: 0;
	
}

#livreDroite p
{
	margin: 0;
	padding: 0;
	
}


#bDefil
{
	padding: 0;
	margin: 0 0 20px 0;
}