@charset "utf-8";
/* CSS Document */

	#IE6 .bloc{
		border: 1px solid #cb8f2e;
		border-top: none;
	}

#left{
	display: block;
	width: 65%;
	float:left;
}
	#IE6 #left{padding-right:0;}
object, iframe{
	display: block;
	margin: 15px auto 0;
	z-index:1;
}
.first{ border:1px solid #CD8F2E;}

#container{
	position:relative;
	/*padding-bottom: 20px;*/
}
	#IE8 #container{overflow: hidden;}

#container .news{
	background: url(../interface/background/cible.png) 50% 30% no-repeat;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	width: 100%;
	clear: both;
	min-height: 410px;
}
.news object, .news iframe{ margin-top: 10px;}
.news h2{
	background: url(../interface/background/gradientOrange-background.png) repeat-x top; /*iE*/
	background-size: 100% 100%;
	background: -moz-linear-gradient(270deg, rgba(255,221,54,1)0%, rgba(255,221,54,0)70%, rgba(255,221,54,0)100%); /*Firefox*/
	background-image: -o-linear-gradient(270deg, rgba(255,221,54,1)0%, rgba(255,221,54,0)70%, rgba(255,221,54,0)100%); /*opera 11*/
	background: -webkit-linear-gradient(top, rgba(255,221,54,1)0%, rgba(255,221,54,0)70%, rgba(255,221,54,0)100%); /*Chrome+Safari*/
	background: linear-gradient(270deg, rgba(255,221,54,1)0%, rgba(255,221,54,0)70%, rgba(255,221,54,0)100%); /*future*/
	background-color: #d66f00;
	color: #000;
}
	#IE6 .news h2, #IE7 .news h2{
		-pie-background: linear-gradient(90deg, #D66F00 0%, #D66F00 30%, #FFDD36 100%); /*pie*/
		behavior: url(../PIE.htc);
	}
	/*#IE8 .news h2{
		background: url(../interface/background/gradientOrange-background.jpg) repeat-x 100%;
	}
	#IE9 .news h2{
		background: url(../interface/menu-background.jpg) repeat-x 100%;
		background-size: 100% 100%;
	}*/
#container .news h2{border-bottom: solid 1px #cd8f2e;}
#container .news h2 img{vertical-align: -20%;}
#container .news p.date{
	font-size: 0.6em;
	margin: 10px 0 10px 20px;
}

#container .news p.sortie{
	font-weight: bold;
	margin: 0;
	color: #000;
	text-shadow: /*-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,*/ 0 0 0.6em #e3d6c7, 0 0 0.5em #e3d6c7, 0 0 0.5em #e3d6c7, 0 0 0.2em #e3d6c7, 0 0 0.2em #e3d6c7;
	filter:glow(color=#e3d6c7,strength=2);
}

/*#container .news.concours img{ clear: both;}
#container .news.concours h2, #container .news.concours h3, #container .news.concours p{
	display: block;
	float: left;
	padding:0;
}

#container .news.concours h2{
	background: none;
	border: none;
	margin:0 0 0 30px;
}
#container .news.concours h2 img, #container .news.concours h3 img{margin:0;}

#container .news.concours h3{ 
    float: right;
    margin: 0;
}*/
#container .news.concours h3{
	font-size: 1.2em;
	margin: 0;
}
#container .news.concours h3 a img{ margin: 0}
#container .news.concours img{
	float: left;
	margin: 0 10px;
}
#container .news.concours p.slogan{
	margin: 20px 12px;
	font-size: 0.95em;
	text-align: left;
}

.news.FL-A h3{
	font-size: 2em;
	float:left;
}
.news.FL-A h3 img{
	margin-right: -20px;
    vertical-align: -70%;
}
.news.voleur img[alt="LIVE"]{ margin: 0 80px;}
.news.voleur img,
.news.FL-A img[alt="Caméra FL-A et photo d'un tigre"], 
.news.FL-A img[alt="FL-A camera with picture of a tiger"]{
	float: left;
    margin: 20px 0 0 20px;
}
.news.voleur img{ margin: 0 5px;}
.news.voleur img[alt="TINY-W"]{ margin: 0 38px;}
.news.voleur img[alt="Camera TINY-W"]{ margin: 20px 5px;}
.news.FL-A p.slogan, .news.voleur p.slogan{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
.news.voleur p.slogan{
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.news.voleur p a{
	font-size: 0.97em;
	font-weight: bold;
	text-decoration: none;
}
.news.FL-A p.more, .news.voleur p.more{clear: both;}

.scrollable {
	/* required settings */
	display: none;
	position:relative;
	overflow:hidden;
	width: 500px;
	height:90px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items ul{
	float:left;
	width: 513px;
}
.intro{
	display: block;
	width:370px;
	float: left;
	padding: 0;
	margin-right: -180px;
	margin-top: -10px;
	font-variant: small-caps;
	font-weight: bold;
}
#n1 img{
	display: block;
	margin: 0 auto;
}
#n2 img{
	display: block;
	margin: 0 auto;
}
/*#n1 .intro{
	width: 160px;
	margin: 70px 35px 0 0;
	float: right;
	font-size: 1.05em;
	clear: both;
}*/
/*#n2 .intro{
	width:300px;
	margin-right: -20px;
}*/
.news.live .intro{
	margin: 150px 20px 0 0;
	font-size: 1.05em;
}
img[alt="SDB-85"]{
	display: block;
	float: right;
	margin: 0px 45px 0 0;
}
img.No{
	display: block;
	margin: 40px 0 20px 90px;
}
#n8 .intro{
	width:300px;
	margin-right: -120px;
	margin-top: -30px;
}
#n9 .intro{
	width:300px;
	margin-right: -20px;
	margin-top: 40px;
}
.intro p{
	font-size: 0.9em;
}
p.intro{
	font-size: 0.8em;
	float: none;
	width: 94%;
}

.petite{
	color:#fff;
	font-size: 1.5em;
	text-shadow: 0 0 0.1em #CB8F2E, 0 0 0.3em #CB8F2E;
	behavior: url(../PIE.htc);
}
img[alt="TINY-W"], img[alt="TINY"]{ margin-bottom:10px;}
.news.live img{
	margin: 0 0 0 20px;
	float:left;
}
.news.live h3 img{ margin: 0;}

p.available{
	clear: both;
	font-size: 0.9em;
	float: left;
}
.news.live p.available, .news.live p.more{ margin-top: -10px;}
.newProducts, .newProductsFR, ul.IR{
	display: block;
	margin: 0 auto;
	margin-left: 0;
}
ul li p.more{
	font-variant: normal;
	font-size: 0.85em;}
ul li p{
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bold;
}
.newProducts, ul.IR li{
	display:block;
	width:88%;
	float: left;
	padding: 10px 0 10px 20px;
	margin: 20px 0 0;
	border-right: solid 1px #cd8f2e;
	/*background: url(../interface/background/gradientGray-background.png) repeat;
	background: -moz-radial-gradient(18% 50% 90deg, circle farthest-corner, rgba(82,70,58,0.8), rgba(53,42,31,.5));/*Firefox*/
	/*background: -webkit-gradient(radial, 18% 50%, 0, 18% 50%, 300, from(rgba(82,70,58,0.8)), to(rgba(53,42,31,.5))); /*Safari*/
	/*background-image: radial-gradient(18% 50% 90deg, circle farthest-corner, rgba(82,70,58,0.8), rgba(53,42,31,.5)); /*opera*/
}
.TINY{
	background: none;
	border: none;
}
ul.IR li{width:46.29%;}
	#IE8 ul.IR li{width:46.19%;}
ul.IR li:last-child{ border: none;}
.newProducts > li{ list-style: none;}
.newProducts li{ display: inline-block;}
ul.IR li img{ margin: 5px 5px 0 0;}
/*.newProducts li:last-child{ display: block;}*/
ul.IR li img.left{
	display: block;
	float:left;
	margin-right: 10px;
}
ul.IR li p{ margin: 5px 0;}

.newProducts li{ height: 250px;}
/*.newProducts li img, ul.IR li img{
	float: left;
	margin: 0 20px 10px 0;
	vertical-align: middle;
}*/
.bloc .newProducts h3{
	font-size: 1.7em;
	color: #000;
	font-style: italic;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	margin-top: 0;
	text-align: left;
}
.bloc .accessoires h3{text-align: center;}
ul.IR li h3{
    font-size: 1.1em;
	font-style: italic;
	margin-top: 0;
	text-align: left;
}

.bloc .newProducts h3 img, ul.IR li h3 img{
	float: left;
    margin: 0 20px 10px 0;
	vertical-align: top;
}
/*.bloc .newProducts h3 img[alt=TINY-W]{float: none;}*/
ul.IR li h3 img{margin: 0 10px 10px 0;}
.bloc ul.IR li.accessoires h3 img{
	display: block;
	margin: 0 auto 10px auto;
	float:none;
}
.newProducts ul, ul.IR li ul{
	margin: 0 0 0 140px;
	text-align: left;
}
ul.IR li ul{margin-left: 120px;}
.newProducts ul.bloodline{
	clear: both;
	margin: 0 0 0 15px;
}
.newProducts ul.bloodline li{width: 236px;}
.newProducts ul.bloodline li:first-child{
	color: #FFFFFF;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px 2px #000000;
}
.newProducts ul li, ul.IR li ul li{
	list-style: disc outside;
	padding: 0;
	margin: 0 0 9px 0;
	border: none;
	background: none;
	width: auto;
	line-height: 1.2em;
	height: auto;
}
.newProducts ul li span, , ul.IR li ul li span{ font-size: 0.8em;}

#newsChange{
	display: block;
	border-top: solid 1px #cd8f2e;
	margin: /*20px*/ 0 0 0;
	padding: 0 0 15px 0;
	background: url(../interface/background/background_gray.png) repeat;
	background: rgba(235,210,183,0.1);
	max-height: 120px;
	/*height: 120px;*/
}
	#IE6 #newsChange{background: url(../interface/background/background_gray2.gif) repeat;}
	
#newsChange ul{
	list-style: none;
	margin: 15px 0;
}
#newsChange ul li{
	display: block;
	float: left;
	width:100px;
	height: 70px;
	margin: 0 13px;
	border: solid 1px #cd8f2e;
}
#newsChange ul li.n1{ background: url(../Images/accueil/news/thumbnails/news1.jpg) no-repeat;}
#newsChange ul li.n2{ background: url(../Images/accueil/news/thumbnails/news2.jpg) no-repeat;}
#newsChange ul li.n3{ background: url(../Images/accueil/news/thumbnails/news3.jpg) no-repeat;}
#newsChange ul li.n4{ background: url(../Images/accueil/news/thumbnails/news4.jpg) no-repeat;}
#newsChange ul li.n5{ background: url(../Images/accueil/news/thumbnails/news5.jpg) no-repeat;}
#newsChange ul li.n6{ background: url(../Images/accueil/news/thumbnails/news6.jpg) no-repeat;}
#newsChange ul li.n7{ background: url(../Images/accueil/news/thumbnails/news7.jpg) no-repeat;}
#newsChange ul li.n8{ background: url(../Images/accueil/news/thumbnails/news8.jpg) no-repeat;}
#newsChange ul li.n9{ background: url(../Images/accueil/news/thumbnails/news9.jpg) no-repeat;}

#newsChange ul li a{
	display: none;
	height: 60px;
    padding: 5px;
    text-decoration: none;
    width: 90px;
}
#newsChange ul li:hover, #newsChange ul li.thumbHover{border-color: #ffb43b;}
#newsChange ul li:hover a, #newsChange ul li.thumbHover a{
	display: block;
	background: url(../interface/background/background-black30.png) repeat;
	background: rgba(0,0,0,0.5);
	color: #e3d6c7;
    font-size: 0.85em;
	font-weight: bold;
    text-align: center;
}
#newsChange a.prev, #newsChange a.next{
	display: none;
	width: 9px;
	height: 35px;
}
#newsChange a.prev{
	background: url(../interface/images/arrow2.gif) left top no-repeat;
	float: left;
	margin: 35px 0 0 10px;
}
#newsChange a.next{
	background: url(../interface/images/arrow2.gif) right top no-repeat;
	float: right;
	margin: 35px 10px 0;
}
#newsChange a.prev:hover{background-position: left bottom;}
#newsChange a.next:hover{background-position: right bottom;}
.canaux{
	display: block;
	height: 60px;
	/*margin: 113px 0 0 0;*/
}
.canaux ul{
	display: block;
	/*float: right;
	margin: -50px 50px 0 0;*/
	margin: 0 auto;
	list-style: none;
	/*width: 200px;*/
	/*height: 75px;*/
}
.canaux ul li{
	display: block;
	float: left;
	width: 76px;
	height: 30px;
	color:#e3d6c7;
	/*padding-bottom: 10px;*/
	text-align: center;
	/*margin: 0 10px;
	/*background: url(../interface/background/background_gray.png) repeat;
	background: rgba(235,210,183,0.1);*/
}
.canaux ul li+li{ width:43px;}
.canaux ul li.google{ margin: 5px 0 0 8px;}
.canaux ul li.facebook{ height: 60px;}
	/*#IE6 .canaux ul li{
		/*background: url(../interface/background/background_gray2.gif) repeat;*/
		/*width: 255px;
		margin: 10px 10px 10px 0;
		border: 1px solid #cb8f2e;
		border-top: none;
	}*/
/*ul#canaux li:first-child{margin-left:0px;}
ul#canaux li:last-child{margin-right:0px;}
	#IE ul#canaux li + li{ margin-right:0px;}
	#IE6 ul#canaux li + li{margin: 10px 0 10px 10px;}
/*ul#canaux li h3{
	font-size: 1.1em;
	line-height: 1.2;
	font-variant: small-caps;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 2px;
}
ul#canaux li h3 img{ vertical-align: middle;}*/
/*ul#canaux li a{
	display: block;
	float: left;
}*/
.canaux ul li a img{margin: 0 auto -10px;}

img.flottant{margin: -140px 0 -15px 220px;}
img.flottant2{margin: 10px 30px;}

#right{
	width: 33%;
	float: right;
	padding: 0;
}
.bloc{
	width: 100%;
	margin: 15px 0;
	padding: 0 0 1px 0;
}
#right .bloc, .service{ padding-bottom: 10px;}
/*.concours{margin: 15px 0;}*/
.banner{margin: 15px 0;}
.bloc h3{
	font-size: 0.9em;
	line-height: 1.2;
	font-variant: small-caps;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 2px;
}
/*.concours h3{
	text-align: center;
	background: none;
	color: #FFF;
}*/

h3.tiny{ margin-top: -30px;}
h3.live{
	margin: -30px 70px 0 0;
	float: right;
}
.bloc p{
	margin: 10px 20px;
	text-align: left;
}
.album img{
	display: block;
	float: left;
	margin: 0 20px 5px;
}
.album p{margin: 15px 20px 5px 290px;}
.album p+p{ margin-top: 10px;}
p a.bouton{
	display: block;
	width: 180px;
	height: 20px;
	padding: 6px 0 4px 33px;
	margin: 10px auto 0 0;
	color: #cb8f2e;
	text-decoration: none;
	font-weight: bold;
	border: none;
	text-align: left;
}
p a.bouton:hover{
	/*background-position: 0px -30px;*/
	color: #fff;
}
p a.galerie{background: url(../interface/images/icones.png) 0px -240px no-repeat;}
p a.galerie:hover{background-position: 0px -270px;}

p a.send, p a.tel{float: left;}
p a.send{
	background: url(../interface/images/icones.png) 0px -300px no-repeat;
	margin-right: 70px;
    width: 100px;
}
p a.send:hover{background-position: 0px -330px;}
p a.tel{
	background: url(../interface/images/icones.png) 0px -360px no-repeat;
	width: 120px;
}
p a.tel:hover{background-position: 0px -390px;}

p a.faq{background: url(../interface/images/icones.png) 0px -60px no-repeat;}
p a.faq:hover{background-position: 0px -90px;}
p a.manuel{background: url(../interface/images/icones.png) 0px -120px no-repeat;}
p a.manuel:hover{background-position: 0px -150px;}
p a.update{background: url(../interface/images/icones.png) 0px -420px no-repeat;}
p a.update:hover{background-position: 0px -450px;}

ul#newProducts, ul#newProductsFR{
	display: block;
	margin: 0 auto;
}
ul#newProducts li, ul#newProductsFR li{
	display:block;
	float: left;
	padding: 10px;
}
ul#newProducts li:first-child, ul#newProductsFR li:first-child{ margin-left:0px;}
ul#newProducts li:last-child, ul#newProductsFR li:last-child{ margin-right:0px;}
ul#newProducts li{ height: 240px;}

ul#newProducts h4, ul#newProductsFR h4{
	font-size: 1.7em;
	color: #000;
	font-style: italic;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
ul#newProducts ul, ul#newProductsFR ul{
	margin: 0 0 0 110px;
	text-align: left;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	filter: Shadow(Color=#000000, Direction=135, Strength=3);
}
ul#newProducts ul.bloodline{
	clear: both;
	margin: 0 0 0 15px;
}
ul#newProducts ul.bloodline li{width: 236px;}
ul#newProducts ul li, ul#newProductsFR ul li{
	list-style: disc, outside;
	padding: 0;
	margin: 0 0 9px 0;
	border: none;
	background: none;
	width: auto;
	line-height: 1.2em;
	height: auto;
}
ul#newProductsFR ul li{
	width: 234px;
}
ul#newProducts ul li span, ul#newProductsFR ul li span{ font-size: 0.8em;}
ul#newProducts p.more, ul#newProductsFR p.more{margin: 15px 0 0;}

p.more{
	clear: both;
	font-size: 0.7em;
	text-align: right;
	font-weight: bold;
	margin: 15px 10px 0 0;
}
.bloc p.more{margin: 5px 10px 0;}
p.more a{text-decoration: none;}
.news p.more{
	clear:none;
	float: right;
	margin: 15px;
}

/*p.archives, p.archives2{
	clear: both;
	display: block;
	float: right;
	background: url(../interface/images/icones.png) 0% 0% no-repeat;
	height: 20px;
	width: 180px;
	margin: 10px 10px -8px;
}*/
a.archives, a.archives:link,
a.archives2, a.archives2:link{
	display: block;
	float: right;
	background: url(../interface/images/icones.png) 0px 0px no-repeat;
	height: 20px;
	/*width: 180px;*/
	margin: 10px 10px -8px;
	padding:6px 0 4px 33px;
	font-weight: bold;
	color: #cb8f2e;
	font-size: 0.8em;
	text-decoration: none;
}
a.archives2{width: 100px;}
a.archives:hover, a.archives2:hover{
	color: #fff;
	background-position: 0px -30px;
}