/** --------------------------------------------
 * body et table
 -----------------------------------------------*/
body, table, input, textarea, select {
font-family: Arial, sans-serif;
font-size: 12px;
color: #333333;
}

body {
margin: 0;
padding: 0;
background: url('../imgs/web/fondpage.png') #333333 top center repeat-y;
}

table.collapse {
border-collapse: collapse;
margin: 0;
padding: 0;
}
table.collapse td {
margin: 0;
padding: 0;
}


#boxContainer {
	display: none;
}



/** --------------------------------------------
 * contenu general
 -----------------------------------------------*/
h4 {
	font-size: 12px;
}
h3 {
	font-size: 16px;
}
h2 {
	font-size: 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0;
}
a {
	text-decoration: none;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #B89507;
}



/** --------------------------------------------
 * centrage
 -----------------------------------------------*/
body.site {
text-align: center;
width: 940px;
margin: 0 auto;
}

.bodysite {
width: 940px;
text-align: left;
}




/** --------------------------------------------
 * top, recherche et contact
 -----------------------------------------------*/
#sitetop {
	background: url('../imgs/web/fondbody.png') top left repeat-y;
	padding: 0 10px 0px 10px;
}


/** --------------------------------------------
 * top, recherche et contact
 -----------------------------------------------*/
#top {
	z-index: 150;
	position: relative;
	height: 201px;
	background: url('../imgs/web/fondtop.png') top left no-repeat;
}

#logo {
	margin-left: 30px;
	display: block;
	margin-top: -3px;
	float: left;
}
#logo_noel {
	position: absolute;
	top: -26px;
	left: 105px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	
}


#top #contact, #top_home #contact {
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: -1px;
	cursor: pointer;
}
#top form, #top_home form {
	float: right;
	margin: 5px 5px 0 0;
	clear: right;
}
#top form #recherche, #top_home form #recherche {
	float: left;
	color: #333333;
	background: url('../imgs/web/fondrecherche.png') bottom left repeat;
	background-color: #999999;
	padding-left: 5px;
	border: 1px solid #999999;
	margin-right: 1px;
}
#top .submitrch, #top_home .submitrch {
	border: 0;
}
#top form #validRecherche, #top_home form #validRecherche {
	background: url('../imgs/web/fondbtrecherche.png') top left repeat;
}

#languages, #top_links {
list-style: none;
margin: 0;
padding: 10px 5px 0 0;
float: right;
}
#languages li, #top_links li {
float: left;
padding-left: 5px;
}
#languages a {
}

#top_links {
padding-top: 5px;
clear: right;
}
#top_links a {
color: #999999 !important;
}
#top_links a:hover {
color: #B89507 !important;
}

/** --------------------------------------------
 * menu niveau 1
 -----------------------------------------------*/
/*#zonemenu {
	z-index: 90;
	position: relative;
}
#menu1 {
	z-index: 90;
	position: relative;
	list-style: none;
	padding: 0;
	margin: -10px 0 0 0;
	height: 45px;
	background: url('../imgs/web/fondmenuzone.png') top left repeat;
}
#menu1 li {
	float: left;
	position: absolute;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
	background: url('../imgs/web/fondmenu1.png') bottom right no-repeat;
}
#menu1 a {
	display: block;
	color: #000000;
	padding: 18px 8px 8px 20px;
	text-transform: uppercase;
	text-decoration: none;
}
#menu1 a:visited {
	color: #000000;
}
#menu1 a:hover {
	color: #0000FF;
}
#menu1 .menuon {
	top: 6px;
	background: url('../imgs/web/fondmenu1over.png') bottom right no-repeat;
}
#menu1 .menuon a {
	color: #CCCC00;
	padding-top: 12px;
	padding-bottom: 14px;
}
#menu1 .clear {
	width: 160px;
	margin: 0;
	z-index: 89;
}
#m1 {
	width: 204px;
	z-index: 88;
}
#m2 {
	width: 248px;
	z-index: 87;
}
#m3 {
	width: 375px;
	z-index: 86;
}
#m4 {
	width: 532px;
	z-index: 85;
}
#m5 {
	width: 575px;
	z-index: 84;
}
#m6 {
	width: 656px;
	z-index: 83;
}*/

#zonemenu {
	z-index: 90;
	position: relative;
	height: 36px;
	background: url('../imgs/web/fondmenu1.png') bottom left repeat;
}

/*MAIN NAV*/
#main_nav_container {
	position: relative;
	float: left;
	width: 661;
	height: 36px;
	margin: 0;
	overflow: hidden;
	z-index: 90;
	background-image: url('imgs/web/bg_main_nav.gif');
	background-repeat: repeat-x;
}

/*UL*/
#main_nav_container #main_nav { margin: 0; padding: 0; }

/*LI*/
#main_nav_container #main_nav li { display: inline; margin: 0;}

/*A*/
#main_nav_container #main_nav li a { float: left; width: 21; height: 0; padding-top: 36px; overflow: hidden; }
#main_nav_container #main_nav li a { background-repeat: no-repeat; }

.zonemenu_fr #main_nav_container #main_nav li a {
background-image: url('../imgs/web/menu2_fr.png');
}
.zonemenu_en #main_nav_container #main_nav li a {
background-image: url('../imgs/web/menu2_en.png');
}


/*BASE*/
#main_nav_container #main_nav li#m1 a { width: 202px; position: absolute; top: 0px; left: 0px; }
#main_nav_container #main_nav li#m2 a { width: 45px; position: absolute; top: 0px; left: 202px; }
#main_nav_container #main_nav li#m3 a { width: 84px; position: absolute; top: 0px; left: 247px; }
#main_nav_container #main_nav li#m6 a { width: 104px; position: absolute; top: 0px; left: 331px; }

/*OFF*/
#main_nav_container #main_nav li#m1 a { background-position: 0px    0px; }
#main_nav_container #main_nav li#m2 a { background-position: -202px 0px;}
#main_nav_container #main_nav li#m3 a { background-position: -247px 0px; }
#main_nav_container #main_nav li#m6 a { background-position: -331px 0px; }

/*HOVER*/
#main_nav_container #main_nav li#m1 a:hover { background-position: 0px    -37px; width: 212px; z-index: 2; }
#main_nav_container #main_nav li#m2 a:hover { background-position: -202px -74px; width: 56px; z-index: 2; }
#main_nav_container #main_nav li#m3 a:hover { background-position: -247px -111px; width: 96px; z-index: 2; }
#main_nav_container #main_nav li#m6 a:hover { background-position: -331px -148px; width: 110px; z-index: 2; }

#main_nav_container.m2 #main_nav li#m1 a:hover { background-position: 0px    -222px;  width: 212px; z-index: 2; }
#main_nav_container.m2 #main_nav li#m2 a:hover { background-position: -202px -185px;  width: 56px; z-index: 2; }
#main_nav_container.m2 #main_nav li#m3 a:hover { background-position: -247px -259px; width: 96px; z-index: 2; }
#main_nav_container.m2 #main_nav li#m6 a:hover { background-position: -331px -296px;  width: 110px; z-index: 2; }

#main_nav_container.m3 #main_nav li#m1 a:hover { background-position: 0px  -370px;  width: 212px; z-index: 2; }
#main_nav_container.m3 #main_nav li#m2 a:hover { background-position: -202px  -407px; width: 56px; z-index: 2; }
#main_nav_container.m3 #main_nav li#m3 a:hover { background-position: -247px  -333px; width: 96px; z-index: 2; }
#main_nav_container.m3 #main_nav li#m6 a:hover { background-position: -331px -444px; width: 110px; z-index: 2; }

#main_nav_container.m6 #main_nav li#m1 a:hover { background-position: 0px  -518px;  width: 212px; z-index: 2; }
#main_nav_container.m6 #main_nav li#m2 a:hover { background-position: -202px  -555px;  width: 56px; z-index: 2; }
#main_nav_container.m6 #main_nav li#m3 a:hover { background-position: -247px  -592px; width: 96px; z-index: 2; }
#main_nav_container.m6 #main_nav li#m6 a:hover { background-position: -331px -481px; width: 110px; z-index: 2; }

/*ON*/
#main_nav_container.m2 #main_nav li#m1 a { background-position: 0px  -185px; }
#main_nav_container.m2 #main_nav li#m2 a { background-position: -202px  -185px; !important; }
#main_nav_container.m2 #main_nav li#m3 a { background-position: -247px  -185px; }
#main_nav_container.m2 #main_nav li#m6 a { background-position: -331px -185px; }

#main_nav_container.m3 #main_nav li#m1 a { background-position: 0px  -333px; }
#main_nav_container.m3 #main_nav li#m2 a { background-position: -202px  -333px; }
#main_nav_container.m3 #main_nav li#m3 a { background-position: -247px  -333px; !important; }
#main_nav_container.m3 #main_nav li#m6 a { background-position: -331px -333px; }

#main_nav_container.m6 #main_nav li#m1 a { background-position: 0px  -481px; }
#main_nav_container.m6 #main_nav li#m2 a { background-position: -202px  -481px; }
#main_nav_container.m6 #main_nav li#m3 a { background-position: -247px  -481px; }
#main_nav_container.m6 #main_nav li#m6 a { background-position: -331px -481px; !important; }



/** --------------------------------------------
 * zone generale de contenu
 -----------------------------------------------*/
#zonecontent {
	background: url('../imgs/web/fondcontent.png') bottom left repeat-y;
	min-height: 150px;
	height: 150px;
}
#sitetop > #zonecontent {
	height: auto;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}



/** --------------------------------------------
 * menu de niveau 2
 -----------------------------------------------*/
#zonemenu2 {
	float: left;
	width: 215px;
	background: url('../imgs/web/fondmenu2deg.png') top left no-repeat;
	min-height: 40px;
	margin-top: -1px;
	height: 40px;
}
#zonecontent > #zonemenu2 {
	height: auto;
}

.menu2 {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	
}
.menu2 li {
	position: relative;
	text-transform: uppercase;
	margin: -7px 10px 0 10px;
	background: url('../imgs/web/fondmenu2.gif') bottom left no-repeat;
	border: 0px solid blue;
}
.menu2 a {
	color: #333333;
	padding: 12px 5px 5px 10px;
	display: block;
	margin-bottom: -15px;
	text-decoration: none;
}
.menu2 a:hover {
	color: #dddddd;
	background: url('../imgs/web/fondmenu2over.gif') bottom left no-repeat;
}
	
.menu2 .menuon a {
	color: #FFCC00;
	margin-bottom: -3px;
}
.menu2 li > a, .menu2 li.menuon > a, .menu2 li.on > a, .menu2 li.menuon li > a { /*hack ie (because of margin-bottom*/
	margin-bottom: 0px;
}
.menu2 li.menuon {
	color: #FFCC00;
	background: url('../imgs/web/fondmenu2on.gif') bottom left no-repeat;
}
.menu2 li.menuon a:hover {
	color: #FFCC00;
	/*background: url('../imgs/web/fondmenu2over.gif') top left no-repeat;*/
}



/** --------------------------------------------
 * menu de niveau 3
 -----------------------------------------------*/
.menu2 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 1px;
}
.menu2 li ul li {
	font-size: 9px;
	background: none;
	padding: 0;
	margin: 0;
}
.menu2 .menuon li a {
	padding: 4px 16px 4px 20px;
	color: #cccccc;
}
.menu2 p {
	margin: 0;
	padding: 0 0 0 10px;
	background: url('../imgs/web/puce.gif') center left no-repeat;
}

.menu2 ul .on a {
	color: #FFCC00;
	background: url('../imgs/web/fondmenu3select.gif') center left no-repeat;
}
.menu2 ul .on p {
	background: url('../imgs/web/puceon.gif') center left no-repeat;
}

.menu2 li.menuon ul a:hover {
	color: #ffffff;
	background: url('../imgs/web/fondmenu3over.gif') center left no-repeat;
}
.menu2 ul a:hover p {
	background: url('../imgs/web/puceover.gif') center left no-repeat;
}

.menu2 li.menuon ul .on a:hover {
	color: #FFCC00;
	background: url('../imgs/web/fondmenu3select.gif') center left no-repeat;
}
.menu2 ul .on a:hover p {
	background: url('../imgs/web/puceon.gif') center left no-repeat;
}



/** --------------------------------------------
 * menu de niveau 4
 -----------------------------------------------*/
.menu3 {
padding: 0;
margin: 0;
padding: 0 0 0 1px;
}
.menu3 ul {	
margin: 0 0 0 -1px !important;
}
.menu3 a {
font-weight: bold;
color: #FFFFFF !important;
}
.menu3 .on3 a {
color: #FFCC00 !important;
}
.menu3 ul a {
font-weight: normal;
font-size: 90% !important;
}
.menu3 .on a {
color: #FFCC00 !important;
}



/** --------------------------------------------
 * zone partenaire
 -----------------------------------------------*/
#zonePartenaires {
	position: relative;
	z-index: 200;
}
#zonePartenaires p {
	padding-left: 10px;
}
#zonePartenaires a {
display: block;
text-align: center;
maring: 0;
padding: 0;
}
#zonePartenaires img {
margin: 0 auto;
}



/** --------------------------------------------
 * zone de contenu avec scroll
 -----------------------------------------------*/
 /*
#content {
	background: url('../imgs/web/fondtopcontent.png') top left repeat-x;
	float: left;
	margin-top: -1px;
	text-align: justify;
}

#contentscroll {
	width: 705px;
	height: 90px;
	min-height: 90px;
	margin-top: 25px;
	padding: 0 30px 0 30px;
	height: 330px;
	overflow-y: scroll;
}
#content > #contentscroll {
	margin-left: 0;
	width: 645px;
}
*/


/** --------------------------------------------
 * zone de contenu sans scroll
 -----------------------------------------------*/
#content {
	background: url('../imgs/web/fondtopcontent.png') top left repeat-x;
	float: left;
	margin-top: -1px;
	width: 705px;
	height: 90px;
	min-height: 90px;
	padding: 25px 30px 0 30px;
	text-align: justify;
}

#zonecontent > #content {
	margin-left: 0;
	width: 645px;
	height: auto;
}




/** --------------------------------------------
 * bottom et ligne legale
 -----------------------------------------------*/
#sitebottom {
	z-index: 15;
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
	clear: both;
}
#imgbottom {
}

#legal {
	text-align: right;
	z-index: 10;
	position: relative;
	padding: 0 40px;
	height: 56px;
	margin-top: 0;
	background: url('../imgs/web/fondlegal.gif') bottom center no-repeat;
}
/* IE */
#sitebottom > #legal {
	margin-top: -10px;
}
#legal p {
	font-size: smaller;
	color: #EEEEEE;
	padding: 10px 0 0px 0;
}
#legal a {
	color: #FFCC33;
	font-weight: bold;
	text-decoration: none;
}
#legal a:visited {
	color: #FFCC33;
}
#legal a:hover {
	color: #FFFFFF;
}



/** --------------------------------------------
 * Conten fullscreen
 -----------------------------------------------*/
.fullscreenVideo {
text-align: center;
display: block;
border-top: 1px solid #CCCCCC;
padding: 1em;
}

.fullscreenVideo:hover {
border-top: 1px solid #CCCC99;
}

.videoShow {
text-align: center;
background-color: #EEEEEE;
border-top: 0;
width: 100%;
}
.videoShow td {
vertical-align: bottom;
}

.video3d, .video2d {
float: left;
width: 48%;
margin-right: 2px;
padding: 0;
padding-top: 53px;
}
.video3d {
background: url('../imgs/iconsReport/icon3d.png') top center no-repeat;
}
.video2d {
background: url('../imgs/iconsReport/icon2d.png') top center no-repeat;
}
.videoDl2 {
display: block;
background-color: #EEEEEE;
border-bottom: 1px solid #CCCCCC;
background: url('../imgs/iconsReport/iconDl2.png') top center no-repeat;
padding-top: 29px;
text-align: center;
}

.clear {
	clear: both;
}



/** --------------------------------------------
 * divers
 -----------------------------------------------*/
img.png24_transp {
	/* chemin relatif au fichier html, ideal: chemin absolu: */
	behavior: url('libs/jscripts/iepngfix.htc');
}

.spacer {
clear: both;
font-size: 1pt;
height: 1px;
}

img {
border: 0;
}

hr {
border: 1px solid #CCCCCC;
border-bottom: none;
}

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

.inForm .label {
width: 150px;
vertical-align: top;
text-align: right;
}

fieldset {
border: 0;
border-top: 1px solid #CCCCCC;
}

fieldset p {
padding: 0.5em 0;   
}

legend {
font-style: italic;
font-weight: bold;
}

label {
float: left;
width: 150px;
text-align: right;
padding-right: 1em;
}


label.normal {
float: none;
}

input, textarea {
border: 1px solid #999999;
}

input.inputie {
border: 0;
}

.multiLangPicto, .imgHref {
cursor: pointer;
}
.multiLangPicto {
padding: 3px;
opacity: 0.7;
}
.multiLangPictoOver {
padding: 2px;
border: 1px solid #999966;
opacity: 1;
}

dfn {
display: none;
}

#content ul {
list-style-image: url('../imgs/puceul.gif');
}

.left {
float: left;
margin-right: 1em;
margin-bottom: 0.5em;
}
.right {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
}

.tableInfo {
border-collapse: collapse;
}
.tableInfo td {
border: 1px solid #999999;
padding: 3px 10px;
vertical-align: top;
}

.formCenter {
text-align: center;
padding-top: 2em;
}

.alert {
text-align: center;
color: #990000;
font-size: 150%;
font-weight: bold;
padding: 1em 0;
}

/** --------------------------------------------
 * lunettes
 -----------------------------------------------*/
.blocLeft {
float: left;
display: block;
margin-right: 5px;
}
.blocRight {
float: right;
display: block;
margin-left: 5px;
}

/** --------------------------------------------
 * contact, liens et qui somme nous
 -----------------------------------------------*/
#frmcontact label {
	float: left;
	width: 20%;
}
#frmcontact span {
	display: block;
	margin-left: 24%;
}
#frmcontact p {
	clear: both;
}
cite {
	display: block;
}


/** --------------------------------------------
 * faq
 -----------------------------------------------*/
.faq h3 {
font-size: 13px;
border-bottom: 1px solid #CCCCCC;
}



/** --------------------------------------------
 * page des categories
 -----------------------------------------------*/
.boxContent {
margin-top: 10px;
border-top: 1px solid #CCCCCC;
clear: both;
/*background: url('../imgs/web/fondmenu1.png') top left repeat-x;*/
}

.boxContent h4 {
margin: 0;
padding: 8px 0;
}

.special {
margin: 0;
padding: 0;
font-weight: bold;
color: #006600;
}


/** --------------------------------------------
 * menu autre
 -----------------------------------------------*/
.boxDetailOther a {
margin-top: 10px;
border-top: 1px solid #777777;
width: 189px;
}

.boxDetailOther > a {
width: 153px;
}


/** --------------------------------------------
 * Conditions de vente
 -----------------------------------------------*/
.conditions {
margin: 0;
padding: 5px;
}
.conditions li {
margin: 5px;
}

.conditions span {
font-weight: bold;
}



/** --------------------------------------------
 * Legendes photos
 -----------------------------------------------*/
.legende-right, .legende-center, .legende-left {
font-size: 90%;
color: #666666;
font-style: normal;
}
.legende-right span, .legende-center span, .legende-left span {
font-size: 80%;
}

.legende-right {
float: right;
text-align: center;
margin-left: 20px;
width: 40%;
}
.legende-left {
float: left;
text-align: center;
margin-right: 20px;
width: 40%;
}
.legende-center td {
text-align: center;
margin: 0 auto;
width: 40%;
}
.legende-justify td {
text-align: justify !important;	
}

.legende-right img, .legende-center img, .legende-left img {
border: 1px solid #BBBBBB;
padding: 1px;
}



/** --------------------------------------------
 * mailing list
 -----------------------------------------------*/
.inscription, .desinscription {
padding: 1em;
text-align: center;
font-weight: bold;
font-size: 1.2em;
}
.inscription {
border: 1px solid #009900;
background-color: #DDFFDD;
}

.desinscription {
border: 1px solid #990000;
background-color: #FFDDDD;
}



.explicit {
color: #990000;
font-size: 90%;
font-style: italic;
}


/** --------------------------------------------
 * informations
 -----------------------------------------------*/
 .informations {
 background: url('../imgs/intello.gif') #EEEEFF 10px center no-repeat;
 border: 1px solid #9999CC;
 color: #000066;
 font-size: 90%;
 padding-left: 70px;
 padding-right: 1em;
 }




.ifdesign {
clear: both;
position: absolute;
z-index: 1000;
text-align: right;
margin: 0;
padding: 0 !important;
padding-top: 3px !important;
left: 103px;
opacity: 0.80;
filter: alpha(opacity=80);
}

div > .ifdesign {
padding-top: 0 !important;
left: 0;
width: 153px;
}




/**
 FORMULAIRE
*/

.formulaire {
border-collapse: collapse;
width: 500px !important;
}
.formulaire input, .formulaire textarea {
width: 100%;
border: 1px solid #999999;
}
.formulaire td {
white-space: nowrap;
padding: 5px 2px;
}
.formulaire td.wrap {
white-space: normal !important;
}
.formulaire input.submit {
background-color: #999999;
border: 1px solid #444444;
font-weight: bold;
}
.formulaire input.submit:hover {
background-color: #CCCCCC;
cursor: pointer;
}
.formulaire .wrong td, .formulaire label strong {
color: #990000 !important;
}
.formulaire .wrong input {
border: 1px solid #990000;
backgroud-color: #FFEEEE;
color: #990000;
}
.formok {
padding: 20px;
font-weight: bold;
background-color: #EEEEFF;
color: #000099;
border: 1px solid #000099;
}
.formulaire .radio {
font-size: 90%;
}
.formulaire .radio label {
float: none;
text-align: left;
}
.formulaire .radio input {
width: auto !important;
border: none;
}
.formulaire label {
width: 100px;
}