html{background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}

	 .dmcontent_container 
	 {
	 text-align: center;
	 background-color: #opacity;
	 width: 150px;
	 height: 60px;
	 border-bottom:1px solid #opacity;
         border-top:1px solid #opacity;
	 }
	 .dmcontent_title 
	 {
	 text-align: center; 
	 height: 20px; 
	 line-height: 20px; 
	 font-family: Arial, Sans-Serif; 
	 font-size: 14px; 
	 font-weight: bold;
	 width: 150px;
	 color: #FFFFFF;
	 background-color:#opacity 
	 border-bottom:1px solid #opacity;
	 }
	 .dmcontent_body 
	 {
border-left:1px solid #opacity;
	 overflow-y: auto; 
	 text-align: left;
	 font-family: Arial, Sans-Serif; 
	 line-height: 18px; 
	 font-size: 12px; 
	 margin-left: auto; 
	 margin-right: auto;
	 width: 150px;
	 height: 40px;
	 color: #FFFFFF;
	 background-color: #opacity;
	 
	 }
	 
	 .dmcontent_body a:hover 
	 {
	 text-decoration:underline;
	 }
	 .dmcontent_link 
	 {
	 color: #FFFFFF;
	 text-decoration:none;
	 }



color:black;
background-color:white;
background-image:url(images/image_de_fond.png);

fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{font-size:100%}
legend{color:#fff}
del, ins{text-decoration:none}
input{border:0}
html,body{background-image:url(/style/front/interface/fond.png);font-size:100%; height:auto !important; min-height:100%;background-color:#5A99BA}/*04304d*/
body *{font-size:12px;font-family:Verdana,Geneva,Arial}
strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-weight:bold}
a{text-decoration:none;color:#fff}
a:hover{text-decoration:underline;color:#fff}
a:focus{outline:none;color:#fff} 
*{color:#fff}


/* Vidéos */
body#video{background-image:url(/style/front/interface/fondvideo.png);background-position: 0 -30px}



#videos{padding-top:70px;height:355px}

.prevPage{margin-bottom:3px}
.nextPage{margin-top:3px}
#videos #viewer{
	float:left;
	width:610px;
}
#list{
	float:left;
}
.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 	background-image:url(/style/front/interface/fondlistvideo.png);
    /* vertical scrollers have typically larger height than width */ 
    height: 308px; 
    width: 126px; 
} 
 
.scrollable .items img
{
	width: 100px;
	height: 75px;
	padding:0px;
	margin: 5px;
}
/* root element for scrollable items */ 
.scrollable .items{ 
    position:absolute; 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

/* UTILITAIRE */
body{text-align:center}
#supercontent *{text-align:left}
#content{width:1000px;background-color:#0a83d1;background-image:url(/style/front/interface/bg.png);background-repeat:repeat-x;text-align:center}

.clear{clear:both}
.toSlide li{text-align:left;padding:10px;padding-left:20px}
br.clear{line-height:0;height:0}
.selectField{width:150px}
.optionField{margin-right:10px}
#head{width:900px}
.leftBlock{float:left}

/* GENERAL */
#supercontent{background-image:url(/style/front/general/bg.png);background-repeat:repeat-x;margin:auto;width:1047px;background-color:#04304d}
.content{background-color:#d5d5d5;}
.separator{background-image:url(/style/front/general/bar.png);height:34px;margin-bottom:20px;width:957px}
.leftblockcontent ul{margin-left:5px}
.oldPrice{text-decoration:line-through}
.newPrice{font-weight:bold}

/* ARIANE */
#ariane{margin-bottom:6px}

/* BLOCKS */
.leftblock *{color:#fff}
.leftblock .leftblockcontent{margin-top:5px}

.ficheblock{border:1px solid #ccc;margin-bottom:20px}
.ficheblock .ficheblockcontent{padding:5px}

.defaultblock{border:1px solid #ccc;margin-bottom:20px}
.defaultblock .defaultblockcontent{padding:5px}

/* CONFIGURATION DES COLONNES DU SITE */
.col2{width:515px;padding:5px;min-height:500px}

/* Interface */
.drapeaux{background-image:url('/style/front/interface/bg-drap.png');height:26px;width:230px;margin:10px 0}
#drapi{margin-left:20px;margin-top:5px;float:left}
#navBar{height:32px;line-height:32px;margin-bottom:15px}
#navBar a{display:block;float:left;text-align:center;margin:0 10px;padding:0 5px}
.activePage{background-image:url('/style/front/interface/selectedpart.png');background-repeat:no-repeat;background-position:center center;color:#000}
.langue{float:right;margin:5px 4px}
a,.tabTitle{cursor:pointer}
#newsletter{background-image:url('/style/front/interface/bg-newsletter.png');height:26px;width:230px;margin:10px 0 30px 0}
#newsletter .submit{background-image:url('/style/front/interface/button-mail.png');height:18px;width:25px;cursor:pointer}
#newsletter *{margin-top:3px;vertical-align:middle}
#newsletter span{margin-left:5px}
#newsletter .email{height:14px;width:125px}
#shadowLeft{background-image:url('/style/front/interface/shadow-left.png');width:19px;height:486px}
#shadowRight{background-image:url('/style/front/interface/shadow-right.png');width:20px;height:486px}
#footerInfos{background-image:url('/style/front/interface/reflect.png');width:1000px;height:57px;font-weight:bold;text-align:right}
#footerInfos span{color:#000;font-weight:normal;margin-right:10px}
#footerInfos img{vertical-align:middle}
#copyright{font-size:8px;margin-right:10px}
#navBar .selected{background-image:url(/style/front/interface/selectedpart.png);background-position:center center;background-repeat:no-repeat;color:#000}

/* Formulaires */
label{display:inline-block;vertical-align:top;width:60px;float:left}
.error{color:#CC0000;font-weight:bold}
label.error{color:#CC0000;font-weight:bold;width:400px;margin-left:10px}
form p{padding:5px}
input, textarea{color:#000}
span.textfield{background-image:url(/style/front/form/text.png);background-color:transparent;height:23px;width:146px;display:block;float:left;margin-right:30px}
span.textfield input{margin:2px 0 0 7px;width:130px}
span.textarea{background-image:url(/style/front/form/textarea.png);background-color:transparent;height:81px;width:326px;display:block;float:left;margin-right:30px;margin-bottom:10px;}
span.textarea textarea{margin:2px 0 0 7px;width:310px;height:70px;border:none}
input.ok{background-image:url(/style/front/form/ok.png);width:29px;height:30px;background-color:transparent;margin-top:25px}



/* Tabs */
.tabContent .accroche{background-color:#064e7c;background-image:url(/style/front/tabs/line.png);min-height:60px;background-repeat:repeat-x}
.special .tabContent .accroche{background-image:none;background-color:transparent}

.tabContent .accroche .fakeAccroche{padding:20px}
.special .tabContent .accroche .fakeAccroche{padding:0 20px 20px 20px}
.tabContent{height:235px;overflow-y:scroll;overflow-x:hidden;margin:0 10px}
.buttonleft, .buttonmiddle, .buttonright, .tabTitle{float:left;height:23px}
.buttonleft{background-image:url(/style/front/tabs/nselected-left.png);width:5px}
.buttonmiddle{background-image:url(/style/front/tabs/nselected-middle.png)}
.buttonright{background-image:url(/style/front/tabs/nselected-right.png);width:5px}
.selected .buttonleft{background-image:url(/style/front/tabs/selected-left.png)}
.selected .buttonmiddle{background-image:url(/style/front/tabs/selected-middle.png)}
.selected .buttonright{background-image:url(/style/front/tabs/selected-right.png);width:4px}
.tabs{background-image:url(/style/front/interface/bgcontent.png);height:311px;width:515px}
.tabs.special{background-image:url(/style/front/interface/bgcontent-home.png);}
.tabButtons{padding:10px 0 0 10px}
.tabs img.title{margin:10px 0 0 10px}
.tabs img.title.special{margin:23px 0 0 15px}
#supercontent .tabs .icon{float:left;background-image:url(/style/front/tabs/icon.png);width:103px;height:30px;background-repeat: no-repeat;margin-right:10px;line-height:26px;text-align:center;font-weight:bold}
#supercontent .tabs .icon.antenne{background-image:url(/style/front/interface/antenne-btn.png);width:220px;height:72px;text-align:right;vertical-align:middle;line-height:40px}
#supercontent .tabs .icon.antenne span{padding-right:65px;font-size:12px}
#supercontent .tabs .smallicon{float:left;background-image:url(/style/front/tabs/smallicon.png);width:29px;height:30px;background-repeat: no-repeat;margin-right:10px;line-height:26px;text-align:center;font-weight:bold}
.tabs .iconmail{float:left;width:29px;height:30px;margin-right:10px;line-height:26px;text-align:center;font-weight:bold}
.tabs .accroche{width:1000px}
.fakeAccroche{width:475px}
.fakeForMore .fakeAccroche{width:390px;float:left}
#emailscontent img{vertical-align:middle;margin-right:15px}
#emailscontent h2 span{width:150px;float:left}
#emailscontent h2{margin-top:5px}
#infosregcontent, .tabContent{width:500px}
#new , #new *{text-align:left}
.statusTop{float: right; margin-right: 20px;}

/* Pub */
.pub{background-color:#888;}
.pub img{height:100%;width:100%}
.pubA{height:288px;width:229px;margin-top:30px}
.pubB{height:190px;width:229px;margin-top:10px}
.pubC{height:268px;width:516px;margin-top:0}
.pubD{height:190px;width:232px;margin-top:7px}
.pubF{height:66px;width:229px;margin-top:10px}
.pubH{height:66px;width:232px;margin-top:10px}
.pubvideo{width:790px;height:100px;background-color:#ccc;margin-left:10px;}