/*//////////////////////////////////////////*/
/*////////  PROPRIETES DE LA PAGE  /////////*/
/*//////////////////////////////////////////*/

body{
	background-image: url(images/img-index/fond-page.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
	background-color: #aeb3bb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6762;
}
form{margin:0; padding:0;}
/*/////////////////////////////////////////*/


/*//////////////////////////////////////////*/
/*/////////  TABLEAU CONTENEUR  ////////////*/
/*//////////////////////////////////////////*/

.tableauPrincipal
{
	width:858px;
	background-color:#FFFFFF;
	border-left: 1px solid #2479b3;
	border-right: 1px solid #2479b3;
	border-bottom: 1px solid #2479b3;
}
.zoneMenu
{
	height:480px;
	background-image:url(../images/img-index/menu.jpg);
}
.zoneMenu2
{
	height:550px;
	background-image:url(../images/img-index/menu.jpg);
}

.footer
{
	height:72px;
	vertical-align:top;
	background-image:url(../images/img-index/footer.gif);
}
#adresseBas
{
display:inline;
font-size:11px;
line-height:13px;
padding:0;
margin:8px 0 0 100px;
float:left;
}
#btnMultibox{ float:left; margin:0px 0 0 270px;}
.boutonHaut
{
	height:64px;
	vertical-align:bottom;
}
/*  SPECIAL NAV  */
.zoneMenuNav
{
	height:480px;
	background-image:url(../images/img-nav/menu.jpg);
}
.zoneTitre
{
	height:126px;
	background-image:url(../images/img-nav/titre-nav.jpg);
}
#titrePage
{
	text-align:right;
	margin-top:59px;
	margin-right:12px;
	padding:0px;
}
.leTitre
{
	font-size:28px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
/*/////////////////////////////////////////*/


/*//////////////////////////////////////////*/
/*/////////  PICTOGRAMMES HAUT  ////////////*/
/*//////////////////////////////////////////*/
#recherche
{
	width:265px;
	background-image:url(../images/img-index/fond-recherche.jpg);
}
/*/////////////////////////////////////////*/

/*//////////////////////////////////////////*/
/*///////////  FLASH ACCUEIL  //////////////*/
/*//////////////////////////////////////////*/
.zoneFlash
{
	background-image:url(../images/img-index/flash.jpg);
	height:239px;
}
/*/////////////////////////////////////////*/

/*//////////////////////////////////////////*/
/*///////////  TEXTE ACCUEIL  //////////////*/
/*//////////////////////////////////////////*/
#centre3
{
	text-align:left;
	line-height:16px;
	background:url(../images/img-index/bg-barges.gif) no-repeat;
	width:321px;
	height:185px;
	padding:5px 40px 0 10px;
	margin:10px 0 0 0;
}
#centre2
{
	text-align:left;
	line-height:16px;
	background-image:url(../images/img-index/txt2.gif);
	width:291px;
	height:155px;
	padding:18px 40px 0 40px;
	margin:0;
}
#centre
{
	text-align:justify;
	line-height:20px;
	background-image:url(../images/img-index/txt.gif);
	width:291px;
	height:213px;
	padding:50px 40px 30px 40px;
	margin:0;
}
#centreUK
{
	text-align:justify;
	line-height:16px;
	background-image:url(../images/img-uk/txt.gif);
	width:291px;
	height:170px;
	padding:30px 40px 0 40px;
	margin:0;
}
/*/////////////////////////////////////////*/


/*//////////////////////////////////////////*/
/*/////////////  FORMULAIRE  ///////////////*/
/*//////////////////////////////////////////*/

.champ {
	margin-top:none;
	color:#333333;
	background-color:#ffffff;
	font-size:9pt;
	font-family:Arial;
	border: 1px solid;
	border-color:#5ea9df;
	width:340px;
	valign: top;
}
.noborder {
	border: none;
	background-color:transparent;
	width:100%;
}
.bouton {
	color:#333333;
	background-color:#ffffff;
	font-size:9pt;
	font-family:Arial;
	border: 1px solid;
	border-color:#5ea9df;
	width:100px
}

select {
	color:#333333;
	background-color:#ffffff;
	font-size:9pt;
	font-family:Arial;
	border-left:1px;
	border-right:1px;
	border-top:1px;
	border-bottom:1px;
	border-color:#951827;
	width:200px
}
/*//////////////////////////////////////////*/



/*//////////////////////////////////////////*/
/*/////////  LIENS PAR DEFAULT  ////////////*/
/*//////////////////////////////////////////*/
/*lien*/
a:link 
{
text-align:left;
font-size:9pt;
color:#ffffff;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}

/*lien visité*/
a:visited 
{
font-size:9pt;
color:#ffffff;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}

/*lien survolé*/
a:hover 
{
font-size:9pt;
color:#e32321;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}
/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/
/*////////  REALISATION ACCES WEB  /////////*/
/*//////////////////////////////////////////*/

#reaAccesWeb {
	margin-right:10px;
	margin-top:10px;
}
#reaAccesWeb a{
font-size:11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}

#reaAccesWeb a:hover{
color:#CC0000;
}
/*//////////////////////////////////////////*/


/*//////////////////////////////////////////*/
/*//////////  LISTE DES PRODUITS  //////////*/
/*//////////////////////////////////////////*/

#titreListe {
background:url(../images/img_listes/titre-liste.gif) no-repeat;
width:475px;
height:25px;	
padding-left:10px;
}
#titreVideo {
background:url(../images/img_listes/titre-liste.gif) no-repeat;
width:475px;
height:25px;	
padding-left:10px;
color:#FFF; 
font-weight:bold;
}
#titreListeComplement {
background:url(../images/img_listes/titre-liste-complement.gif) no-repeat;
width:475px;
height:25px;	
padding-left:10px;
}
#titreGamme {
background:url(../images/img_listes/separation1.gif) no-repeat;
width:475px;
height:50px;
text-align:center;
color:#4d90c1;
font-size:17px;
font-weight:bold;
}
#titreComplement {
background:url(../images/img_listes/separation.gif) no-repeat;
width:475px;
height:50px;
text-align:center;
color:#f2b200;
font-size:17px;
font-weight:bold;
}
#contenuListe {
background:#f3f4f6;
padding:5px 20px 0 10px;
color:#02417D;
}
#contenuListe span { font-size:11px;}
#footerListe {
background:url(../images/img_listes/ombre-bas.jpg) no-repeat;
width:475px;
height:30px;
}
#imageProduit {
width:120px;
height:80px;
border:3px solid #e1e3e8;
}
#imageVideo {
width:320px;
height:240px;
border:3px solid #e1e3e8;
}
#imagePlus {
width:120px;
border:0;
margin:0;
padding:0;
}

a#lienPlus:hover{
border:0;
margin:0;
padding:0;
background-color:transparent;
text-decoration:none;
}

a.fiche
{
font-size:9pt;
color:#e32321;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/
/*//////////  DETAIL DU  PRODUIT  //////////*/
/*//////////////////////////////////////////*/

#titreDetail {
background:url(../images/img-detail/titre-detail.gif) no-repeat;
width:515px;
height:25px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
.contenuDetail {
background:#f3f4f6;
color:#02417D;
font-size:11px;
}
#tabloBouton{
background:url(../images/img-detail/fond-bonton.gif) no-repeat;
width:515px;
height:67px;
}
#tabloDetail{
border:1px solid #d3d4d6;
background:#FFFFFF;
}
#footerDetail {
background:url(../images/img-detail/ombre.jpg) no-repeat;
width:515px;
height:30px;
}
#photoDetail {
width:205px;
border:3px solid #e1e3e8;
}
/*//////////////////////////////////////////*/

#titrenav {
background:url(../images/img-nav/fond-titre-nav.jpg) center;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
#flashSituation {
background:url(../images/img-nav/fond-anim-flash.jpg) center no-repeat;
height:239px;
}
.partenaire{
border:1px dashed #d3d4d6;
}
#CarteSituation{
background:url(../images/img-nav/fond-carte-france.jpg) center no-repeat;
height:260px;
}
#adresseSituation{
padding:110px 0 0 36px;
margin:0px;
}

#voirVideo {display:block; width:130px; height:31px; background:url(../images/bg-voir-video.jpg) no-repeat; text-decoration:none; padding:2px 28px 0 58px; color:#3c3c3c; line-height:14px; }

/*********************** ŕ l'affiche ************************/
	#affiche {
		float:left;
		padding:0;
		width: 195px;
		height:320px;
		margin: 0px 0 0 8px;
		background:#ddedf8;
	}
		#prochainement {
			float:left;
			padding:0;
			width: 195px;
			margin: 0px;
			height:200px;
			
		}
		
		#titreOccasions {
background:url(../images/bg-occas.jpg) no-repeat;
width:475px;
height:25px;
text-align:center;
color:#ffffff;
font-size:17px;
font-weight:bold;
vertical-align:middle;
}

		#photo {
			float:left;
			padding:0;
			width: 190px;
			margin: 0 0 0 2px;
			height:170px;
/*			background:url(../images/img-default/photo.jpg) no-repeat;
*/		}

		#effects { width: 114px; height: 266px; position: absolute; top: 0; left: 0; }
		#photo img { 
		background-color: white;	
		width:190px;
		height:150px;
		border:1px solid #e1e3e8;
		padding: 0px; 
		margin: 0px;
		text-align:center;
	
		}
		#photo .swfir { margin: 0; display: block; }


		.txtAffiche {
			color:#1479b9;
			padding:5px 30px 0 53px;
			margin:0;
			font-size:12px;
			text-align:left;
			line-height:20px;
		}
		.txtTitre {
			color:#1479b9;
			font-weight:900;
			margin:4px 0 4px 0;
			padding:0;
		}
		
		.txtTitre a:link,.txtTitre a:visited{
			color:#1479b9;
			font-weight:900;
         }
		 .txtTitre a:hover{
			color:#1479b9;
			font-weight:900;
			text-decoration:underline;
         }
		.scroll {
			SCROLLBAR-FACE-COLOR: #f3a400;
			SCROLLBAR-HIGHLIGHT-COLOR: #f3a400;
			SCROLLBAR-SHADOW-COLOR: #f3a400;
			SCROLLBAR-3DLIGHT-COLOR: #f3a400;
			SCROLLBAR-ARROW-COLOR:  #e85a10;/**couleur fleches**/
			SCROLLBAR-TRACK-COLOR: #f3a400;
			SCROLLBAR-DARKSHADOW-COLOR: #f3a400;
			background-color:TRANSPARENT;
		}
	/***********************************************************/


/**************************************************************/
/***********       AJOUT CSS  SLIDE  BARGES      **************/
/**************************************************************/
#titreAccueil{ margin:10px 10px 5px 0; padding:0; color:#1479b9; font-size:16px; border-bottom:1px solid #deedf8;}

.sample{padding:0; margin:0;}

.links {padding:5px;margin-top:10px}
.links a{font-size:14px;color:#1479b9;text-decoration:none}
.links a:hover{font-weight:bold}

.buttonsTop{padding:5px 0; margin:0;}
.buttonsTop span{color:#1479b9; border-right:1px solid #deedf8; padding:3px; cursor:pointer; font:10px Verdana}
.buttonsTop span.active, .buttons span:hover{background:#1479b9;color:#fff}

.buttons{padding:5px; margin:0; border-top:1px solid #deedf8; text-align:center;}
.buttons span{color:#1479b9; padding:0; cursor:pointer; font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#1479b9;color:#fff}
/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:345px;
	float:left;
}
#box8 div h3{ margin:10px 0 5px 0px; padding:0; color:#1479b9; font-size:14px;}
#box8 div p{ margin:0 0 5px 0; padding:0;}
#box8 .prev{
	float:left;
}
#box8 .next{
	float:right;
}
.sample8 .buttons{
	text-align:left;
	clear:both;
}
.sample8 .mask1{
	border-top:0px solid #ccc;
}
#box8 div h3
{
margin:0;
padding:0:
}
#box8 div  a.linkTitreActuBarge:link
{ margin:10px 0 0 0; padding:0; font-weight:bold;color:#6b6762;font-size:14px;
}
a.linkTitreActuBarge:hover
{ margin:10px 0 0 0; padding:0; font-weight:bold; color:#6b6762;text-decoration:underline;font-size:14px;
}
a.linkTitreActuBarge:visited
{ margin:10px 0 0 0; padding:0; font-weight:bold;color:#6b6762; font-size:14px;
}
/* ********************************** */

.mask1{
	position:relative;
	width:340px;
	height:130px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
	
}