/* interface/css/style.css */
body{
	margin-bottom:10px;
	padding-bottom:10px;
	background: url(../logos/fond2.gif) ;
}


#main{
	margin:180px 231px 20px 80px;
	padding:0;
	font-family:verdana;
}

#header{
	position:absolute;
	top:118px;
	left:65px;
	width:750px;
	height:34px;
	background-color:#FFF;
	z-index:1;
}

#logo{
	position:absolute;
	top:0px;
	left:74px;
	width:800px;
	height:127px;
	padding-top:0px;
	z-index:2;
	text-align:left;
}

#logo img{
	border:0;
}



#footer{
left:74px;
width:765px;
top:163px;
text-align:center;
position:absolute;
font-size:6pt;
z-index:30;
border-left:1px solid #ad129e;
	border-right:1px solid #ad129e;
}


#foot{
position:absolute;
font-size:8pt;
width:500px;
padding:0 0 10px 80px;
}


/* multi-colonnes (accueil) */
#colonne2{
    position:absolute;
    top:180px;
	width:131px;
	height: 600px;
	left:74px;
	margin:0;
	padding:0px 5px 0px 5px;
	background:#FFF;
	background: url(../logos/degrade.gif);
	font-size:8pt;
}

#adresse{
    position:absolute;
    top:180px;
	width:131px;
	height: 600px;
	left:74px;
	margin:0;
	padding:0px 0px 0px 5px;
	background:#FFF;
	background: url(../logos/degrade.gif);
}

#bass{

	width:131px;
	height:15px;
	margin:0;
	padding:3px 0 0px 0;
	text-align:center;
	bottom:0;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
}

#colonne1{
    top:180px;
    position:absolute;
    width:450px;
	height: 600px;
	left:229px;
	margin:0px;
	padding:20px 0px 20px 0px;
	background:#FFF;
    background: url(../logos/degradelong.gif);
}

#coldetail{
    top:180px;
    position:absolute;
    width:450px;
	height: 600px;
	left:229px;
	margin:0px;
	padding:20px 0px 0px 10px;
	background:#FFF;
    background: url(../logos/degradelong.gif);
}

#colonb{
    top:180px;
    position:absolute;
    width:455px;
	left:74px;
	margin:0px;
	padding:20px 0px 5px 0px;
	background:#FFF;
    height: 600px;
    background: url(../logos/degradelong.gif);
}

#colb{
    position:absolute;
    width:260px;
    top:180px;
	left:278px;
	margin:0px;
	padding:20px 0px 5px 0px;
	background:#FFF;
    height: 600px;
	background: url(../logos/degradelong.gif);
	z-index:4;
}

#cola{
    position:absolute;
    top:180px;
    width:180px;
	left:74px;
	margin:0px;
	padding:20px 0px 5px 0px;
	background:#FFF;
    height: 600px;
	background: url(../logos/degradelong.gif);
		
}



#colonne1 p{
	display:table-cell;
/*	height:150px;
	min-height:150px;*/
	overflow:visible;
	margin:0.4em 0;
	padding:0.4em 0;
}



/* sous-menu */
#navcontainer{
	position:absolute;
	top:159px;
	left:701px;
	width: 135px;
	margin: 0 auto;
	font-family: verdana, serif;
	font-size: 8pt;
	text-align: center;
}

#navcontainera{
	position:absolute;
	top:180px;
	left:701px;
	width: 135px;
	padding: 20px 0  40px 0 ;
	text-align: left;
	background: url(../logos/degrade.gif);
	height: 600px;
}

#navcontainerb{
	position:absolute;
	top:180px;
	left:555px;
	width: 285px;
	padding: 0px 0  40px 0 ;
	text-align: left;
	background: url(../logos/degradelong.gif);
	height: 600px;
}

#navcontainerc{
	position:absolute;
	top:180px;
	left:560px;
	width: 280px;
	padding: 20px 0  40px 0 ;
	text-align: left;
	background: url(../logos/degradelong.gif);
	height: 600px;
	z-index:25;
}

#navcontainerd{
	position:absolute;
	top:180px;
	left:580px;
	width: 260px;
	height: 600px;
	align:left;
	padding: 10px 0px  40px ;
	background: url(../logos/degradelong.gif);
}

#oldnews{
position:absolute;
	top:180px;
	left:705px;
	width: 135px;
	padding: 40px 0  40px 0 ;
	font-size: 8pt;
	text-align: center;
	background: url(../logos/degrade.gif);
	

}

#fona{
   width:260px;
   padding:20px 5px 30px 5px;
   border-top:4px solid #FFF


}

#fon{
width:449px;
    padding:20px 5px 30px 5px;
    border-top:4px solid #FFF;


}

.fon{
width:449px;
    padding:20px 5px 30px 5px;
    border-top:4px solid #FFF;


}

.fona{
   width:260px;
   padding:20px 5px 30px 5px;
   border-top:4px solid #FFF


}

/* options Menu dynamique */
dl, dt, dd, ul, li {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

#mmmenu {
	position: absolute;
	top:20px;
	left:0px;
	width: 140px;
	z-index:5;
	text-align:left;
	padding-bottom:0px;
	background: url(../logos/degrade.gif);
	font-size:8pt;
	
		
}

#mmmenu dt {
	cursor: pointer;
	margin:0;
	font-weight: strong;
	
}

#mmmenu dd {
padding-left:5px;
	font-size:7pt;
	background: #FFF;
}

#mmmenu li {
	margin-top:1px;
}

#mmmenu li a, #mmmenu dt a {
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	padding: 5px;

	
	
}

/* en cours */
#mmmenu li a:hover, #mmmenu dt a:hover , #mmmenu dt:hover{
color: #FFF;
		background: #cc9f00;
}

#mmmenu li a:actif, #mmmenu dt a:actif , #mmmenu dt:actif{
color: #FFF;

}
.mmmenu li a:actif, .mmmenu dt a:actif , .mmmenu dt:actif{
color: #FFF;

}

.sscat, .sscat dt, .sscat dt a, .sscat a{
color:  #FFF;
	font-weight: bold;
}

.mactif, .mactif dt, .mactif dt a, .mactif a{
       color:  #FFF;
		background: #cc9f00;
}

.mmactif, .mmactif li, .mmactif li a, .mmactif a{
   color:  #FFF;
		background: #FFF;
		border-left:7px solid #cc9f00;
}


/* menu principal */
#menu{
	position:absolute;
	top:0;
	left:0px;
	margin:0px;
	padding:9px;
	background: url(../logos/menu2.png) no-repeat top left;
	text-align:center;
	text-align:middle;
		font-size:10pt;
}

#menu ul{
	list-style-type:none;
	width:100%;

}

#menu li{
	list-style-type:none;
	float:left;
	width:81px;

}

#menu li a{
	display:block;
	margin:0;
	padding: 9px;
	color:#666;
	font-family:helvetica;
	font-weight:strong;
	text-decoration:none;
	background-color:#FFF;
}

#menu li a:hover{
	background-color:#cc9f00;
	color:#FFF;
}

ul#menu li#actif a{
	background-color:#cc9f00;
	color:#FFF;
}


/* barre de recherche*/

#search{
	position:absolute;
	top:130px;
	left:695px;
	width:146px;
	height:28px;
	z-index:5;
	padding:0px 0px 0 0px;
	background-color:#cc9f00;
}

#q{
position:absolute;
	top:135px;
	left:700px;
	width:110px;
	background-color:#FFF;
	margin:0px 0px 0 0px;
	border:0px;
	border-color:#666;
	z-index:8;
}

#qa{
font-size:8pt;
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	width:200px;
	height:15px;
	background-color:#FFF;
	margin:0px 0px 0 0px;
	border:3px solid #cc9f00;
	z-index:8;
}


#go{
	position:absolute;
	top:135px;
	left:815px;
	margin:0px 0px 0 0px;
	z-index:8;

}

#voir{
	position:absolute;
	top:135px;
	left:747px;
	margin:0px 0px 0 0px;
	z-index:8;

}

/* ŽlŽments */



h1{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:15pt;
	align:justify;
	padding-left:5px;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
}

h2{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12pt;
	align:justify;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;

}

h3{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10pt;
	align:justify;
	text-transform:uppercase;
	color:#666;
}

h4{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:8pt;
	align:justify;
	color:#666;
}

h5{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10pt;
	align:center;
	padding-left:0px;
	text-transform:uppercase;
	color:#cc9f00;
}

h6{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:9pt;
	align:justify;
	padding-left:0px;
	color:#666;
}

h7{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:7pt;
	align:justify;
	padding-left:5px;
	color:#666;
}

h8{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:8pt;
	align:justify;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
}

h9{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:8pt;
	align:justify;
	color:#666;
}

.mini{ 
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align:justify;
font-size:7pt; }

.moy{ 
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
font-size:0.8em; }

.grand{ 
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
font-size:0.9em; 
}



hr{
	border:1px solid #FFF;
	/*clear:both;*/
}

img{ border:0; }

a:link, a:visited{
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-decoration:none;
	color: #666;
}

a:hover{ 	color:#333; }

 a:active{ 	color:#333; }

/* form */
input{
	border-width:0px:
}

textarea{

	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	width:430px;
	height:500px;
}

p{
	font-size:8pt;
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding:0.2em;
}

.needed{
	border-bottom:2px solid #cc9f00;
}

.justif{ 	text-align:justify; }

.floatl{
float:left;

	
}

.floatr{
float:right; 
margin-left:10px;
  }

.clean{
	clear:both;
	display:none;
}


.fiche{
	border-bottom:2px solid #cc9f00;
	padding-bottom:1em;
}

.sq{
	list-style-type:square;
	color:#FF0000;
	margin:0.1em;
	padding:0.1em 0 0.1em 1em;
	font-size:0.7em;
}

.epuise{
	filter:alpha(opacity=50);
	-moz-opacity:0.6;
	opacity: 0.6;
}

.field{ width:8em;
        font-size:0.8em; 
		
}

.champ{
	width:25em;
	font-size:0.8em;
}

.btn{
	background-color:#cc9f00;
}


.important{
	font-weight:strong;
}

.droit{  position:absolute;
	top:5px;
	right:5px;
 }

.box{
	padding-right:8px;
}

#active{
	border:1px solid #cc9f00;
	padding:0 2px;
}

#tri{
 position:absolute;
	top:5px;
	border:15px solid #cc9f00;
	padding:0 2px;
}




.centre{ text-align:center; }


#main dt{ color:#cc9f00;
font-size:0.7em;
font-weight:bold; }

#main dd{
font-size:0.7em;
 }
 
 
 
 #multi{
	margin:0.5em 0;
	padding:0.5em 0;
}

.enligne li{
	display:inline;
	margin-left:0.5em;
	list-style-type:none;
}

.enligne p, .enligne input{
	display:inline;
	margin-left:12px;
	padding-left:12px;
	background:url(../logos/check2.gif) no-repeat top left;
}

.marge{
	margin-left:12px;
	padding-left:12px;
}
 #trait{
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	border-left:1px dashed #555;
	border-right:1px dashed #555;
}

 #traitdoc{
    margin:5px 5px 5px 0;
    padding:5px;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	
}

 #trait2{
 	position:absolute;
	top:190px;
	left:200px;
	width:450px;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	border-left:1px dashed #555;
	border-right:1px dashed #555;
}

 #trait3{
	position:absolute;
	top:140px;
	left:0px;
	width:537px;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	border-left:1px dashed #555;
	border-right:1px dashed #555;
}

.arti{ 
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	line-height:10.5pt;
	font-color:#FF0000;
	font-size:8pt;
    text-align:justify;
    padding:0px 10px 0px 0px;



}

.arti2{ 
    display: block;
		font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
    align:left;
    text-align:justify;
    padding:3px 10px 0px 0px;
    margin:0px 10px 0px 0px;
    width:267px;
}


#rech{ position:absolute;
	top:210px;
	left:90px;
	width:560px;

}


#sort{
    position:absolute;
	top:210px;
	left:90px;
	width:560px;
    background-color:#cc9f00;

}

.four{
    display:inline;
     position:absolute;
	top:0px;
	right:0px;
    background-color:#FFF;
    align:left;
    width:150px;
    font-size:10pt;
    height:130px;
	z-index:10;


}

#couvr{
    display:inline;
    position:absolute;
    top:-10px;
	right:150px;
    background-color:#fff;
    height:130px;
	font-size:7pt;
	z-index:11;

}


#mininewsa{
   border-bottom:4px solid #FFF;
   padding:10px 0px 0px 0px;
   height:70px;
}

#vign{
   border-bottom:4px solid #FFF;
   padding:10px 0px 0px 0px;
   height:140px;

}

#mininewsb{
   font-size:10pt;
   border-bottom:4px solid #FFF;
   padding:10px 0px 0px 0px;
   height:70px;
}

#flash{
    position:absolute;
	top:180px;
    width:460px;
    height:260px;
    overflow: hidden;
	left:74px;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:#cc9f00;

}

#sep{
    position:absolute;
	top:180px;
    width:25px;
    height:680px;
	left:545px;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:#cc9f00;
    background: url(../logos/sep2.gif);
}

#img250{
    position:absolute;
    top:50px;
    width:257px;
    height:150px;
    overflow: hidden;
    left:0px;
}

#bignews{
   position:absolute;
   padding:5px 0px 0px 5px;
   top:210px;
   left:0px;
   width:260px;
   border-bottom:4px solid #FFF;
}

#restnews{
    top:500px;
	left:580px;
    width:260px;
    position:absolute;
    align:left;

}

#videonews{
    top:465px;
	left:580px;
    width:260px;
    position:absolute;
    align:left;
	backgroun:#FF0000;

}

#teaseliva{

   width:400px;
   align:left;


}

#teaseexpa{
    top:200px;
    width:400px;
    position:absolute;
    align:left;
    left:0px;



}

#teasefond{
    top:450px;
	left:74px;
    width:460px;
    height:400px;
    position:absolute;
    align:left;
	background:url(../logos/degrade.gif);
	z-index:1;
}

.panier{
   float:right;
   padding:5px 5px 5px 5px;
}

#lien{
top:0;
font-size:8pt;
float:right;
width:174px;
padding:0px 5px 5px 5px;
margin:0px 0px 0px 5px;

}

#vids{
    float:left;
	width:264px;
	border-right:2px solid #666;
	padding-bottom:50px;
	
}