F/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


/*SITE WEB*/
body{
background:black url(../images/bg.jpg) no-repeat center top;	
color:#604033;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

#header .nav{
position:absolute;
height:39px;
top:236px;
}

#header .nav ul {
list-style-type:none;
}

#header .nav li {
display:block;
float:left;
font-size:11px;
font-weight:bold;
text-align:center;
height:39px;
}

#header .nav #makingof{
width:123px;
padding-left:23px;
}

#header .nav #groupe{
width:118px;
padding-left:21px;
}

#header .nav #concours{
width:130px;
padding-left:22px;
}

#header .nav #produits{
width:130px;
padding-left:23px;
}

#header .nav a {
display:block;
float:left;
text-decoration:none;
}

#makingof a img,#groupe a img,#concours a img,#produits a img {
visibility:hidden;
}

#header .nav img {
float:left;
}


a{
color:#cc6600;
text-decoration:none;
}

a:visited{
color:#cc6600;
text-decoration:none	
}

a:hover{
color:red;	
text-decoration:none;
}

#wrapper{
background:black url(../images/bg.jpg) no-repeat center top;
margin:0 auto;
position:relative;
width:786px;
}

#header{
/*height:279px;	*/
padding-left:14px;
padding-top:1px;
}

#header .haut-header{
position:relative;
height:243px;
top:0;
}


#header .haut-header a img.logo {
visibility:hidden;
width:290px;
height:185px;
}

#header .haut-header a img.produits {
visibility:hidden;
width:177px;
height:280px;
right:0px;

}

#header .haut-header a.logo {
float:right;
text-decoration:none;
width:177px;
height:280px;
}

#header .haut-header a.produits {
float:left;
text-decoration:none;
width:290px;
height:185px;
}



#content{
padding: 0px 14px 0px 14px;
min-height:900px;
height:auto !important;
height:100%; /*hack permettant d'appliquer un min-height por ie6*/ /*A VIRER A PRIORI CA FIGE LA HAUTEUR*/
background: url(../images/bg-content.jpg) repeat-y  center ;
overflow:hidden;

}


#content-left{
float:left;
/*width:409px;*/
width:417px;
display: inline;
}

#content-left h1 {
margin:0 0 5px 5px;
font-size:9pt;
}

/*CONTENT-LEFT*/

#content-left .haut-description{
background: url(../images/haut-post.jpg) no-repeat ;
height:7px;
overflow:hidden;
}

#content-left .description{
background: url(../images/bas-contenu-left.jpg) no-repeat bottom;
padding:0px 12px 14px 12px;
overflow:hidden;
height:100%;
margin:0;
}

#content-left .description h2{
text-align:center;	
font-size:13px;
font-weight:bold;
}

#content-left .separateur-edito{
background: url(../images/separateur-fond.jpg) repeat-x center;
height: 20px;
margin:2px 5px;
}

#content-left .separateur-edito p{
color:#fff;
font-size: 15px;
font-weight: bold;
display:block;
background-color: #f0831f;
width:115px;
}

/*#content-left .post{
margin-top:15px;
}*/

#content-left .haut-post{
background: url(../images/haut-post.jpg) no-repeat ;
height:7px;
overflow:hidden;
}

#content-left .contenu-post{
background: url(../images/bg-post.jpg) repeat-y ;
padding:2px 12px;
overflow:hidden;
height:100%;
text-align:justify;
}



#content-left .contenu-post p{
margin-bottom:10px;
line-height:1.3em;
}

#content-left .text-news{
padding:5px 0px;	
}

#content-left .contenu-post h1{
font-size:18px;
font-weight:bold;
}

#content-left .bas-post{
background: url(../images/bas-post.jpg) no-repeat bottom;
padding:4px 9px;
height:20px;
margin-bottom:10px;
}

#content-left .contenu-post img.post{
border: 1px solid black;
margin:0 0 5px;
}

#content-left .bas-post .nb-comment{
background-color:#5f432e;
padding:0px 8px;
margin-right:8px;
float:left;
}

#content-left .bas-post .more{
background-color:#5f432e;
padding:0px 8px;
margin-right:8px;
float:left;
}

#content-left .bas-post .date{
float:right;
margin-right:8px;
font-size:9px;
background-color: #fff;
color:#9f1300;
font-weight: bold;
padding:2px;
}

#content-left .bas-post a,#content-left .bas-post a:visited{
color:#feffb9;
text-decoration:none;
font-size:9px;
line-height:14px;
}

#content-left .bas-post a:hover{
color:#feffb9;	
text-decoration:none;
font-size:9px;
}

#content-left .post-ratings{
padding:10px 0px;
}

/*pagination*/
#content-left .pagination {
margin:10px 0px 30px 0;
text-align:center;
}

/*IE 7 1px problem*/
*+html #content-left .pagination{
}

	
#content-left .pagination a {
color:#ffffcc;
padding:0px 3px;
text-decoration:none;
}

#content-left .pagination a:hover, #content-left .meneame a:active {
color:red;
}

#content-left .pagination span.current {
font-weight: bold;
padding:0px 3px;
}

#content-left .pagination span.disabled {
padding:0px 3px;
}


/*CONTENT-RIGHT*/

#content-right{
float:right;
/*width:328px;	*/
width:337px;
}

#content-right .haut-droite{
background: url(../images/haut-contenu-droite.jpg) no-repeat ;
height:7px;	
overflow:hidden;
}

#content-right .video{
background: url(../images/bas-contenu-droite.jpg) no-repeat bottom;
padding: 0px 4px 8px 8px;
margin-bottom:15px;
overflow:hidden;
height:100%;
}

#content-right .video p.menu{
text-align:center;
padding:5px 0px;
font-weight:bold;

}

#content-right .video a,#content-right .video a:visited{
font-size:16px;
color:#663333;
text-decoration:none;
}


#content-right .video a:hover{
color:red;
text-decoration:none;
}

#content-right .send-amigo{
background: url(../images/bas-contenu-droite.jpg) no-repeat bottom;
padding: 4px 8px 8px 8px;
margin-bottom:15px;
overflow:hidden;
height:100%;
}



#content-right .send-amigo input.envoyer{
background: url(../images/send-amigo.jpg) repeat-x ;
border:0;
height:22px;
color:#FFF;
font-weight:bold;
cursor:pointer;
}

input.envoyer{
background: url(../images/send-amigo.jpg) repeat-x ;
border:0;
height:22px;
color:#FFF;
font-weight:bold;
cursor:pointer;
float:right;
margin:0px 5px 0 0;
}

.mmf td {
vertical-align: middle;
}

span.mmf-list-item {
float: left;
}

#content-right .send-amigo input.mail{
border:solid 1px #d4bc8e; 
width:230px;
padding:2px 0px;
float:left;
}

#content-right .send-amigo p{
text-align:center;
font-weight:bold;
margin-bottom:5px;
font-size:13px;
}

#content-right .network{
background: url(../images/bas-contenu-droite.jpg) no-repeat bottom;
padding: 4px 4px 8px 8px;
margin-bottom:15px;
overflow:hidden;
margin-bottom:15px;
height:100%;
}

#content-right .network img{
float:left;
padding-right:2px;
}

#content-right .maracasutra{
background: url(../images/bas-contenu-droite.jpg) no-repeat bottom;
padding: 4px 4px 8px 8px;
overflow:hidden;
margin-bottom:15px;
height:100%;
}

#content-right .axe_boat, #content-right .mp3 {
overflow:hidden;
height:100%;
margin-bottom:10px;
}

#content-right .maracasutra .left-maracasutra{
float:left;	
width:188px;
padding:0px 6px;
}

#content-right .maracasutra .right-maracasutra{
float:right;
padding:8px;
}


#captcha {
margin-left:5px;
float:left;
}

span.mmf-form-control-wrap {
float:left;
}

/*#content-right .top{
background:#feffb9 url(../images/top-top.jpg) no-repeat ;
height:28px;
margin-top:15px;
padding:7px 12px 0px 12px;
}*/

#content-right .contenu-top{
background: url(../images/fond-contenu-droite.jpg) repeat-y;
padding: 4px 12px 8px 12px;
overflow:hidden;
height:100%;
}

#content-right .bas-top{
background: url(../images/bas-contenu-droite-replie.jpg) no-repeat bottom;
height:18px;
margin-bottom:10px;
}

#content-right .top-post{
padding:10px 0px;	
border-bottom:solid 1px #5a3f2a;
clear:both;
overflow:hidden;
}

#content-right img.top-articles{
border: 1px solid black;
position:relative;
}



#content-right span.image-top-articles{
float:left;	
padding-right:5px;
}

#content-right span.infos-top-articles p span {
float:left;
}

#content-right span.infos-top-articles a,#content-right span.infos-top-articles a:visited{
color:#FEFFB9;
padding:0 8px;
font-size:9px;
line-height:14px;
text-decoration:none;	
}

#content-right span.infos-top-articles a:hover{
color:#FEFFB9;
font-size:9px;
text-decoration:none;	
}

#content-right a.more{
background-color:#5f432e;
text-align:right;
color:#feffb9;
}

/*TAbs JS*/
@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}


@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-panel li{
list-style: none;
}

ul.ui-tabs-nav{
background: url(../images/top-top.jpg) no-repeat;
height:28px;
position:relative;
}

a.top-articles {
display:block;
width:95px;
height:28px;
position:absolute;
left:32px;

}
* html a.top-articles 
{
height:95px; 
he\ight:0;
}

a.liens {
display:block;
width:44px;
height:28px;
position:absolute;
left:212px;
}
* html a.liens
{
height:95px; 
he\ight:0;
}


#content-bas{
clear:both;
overflow:hidden;
background: url(../images/fond-bas-content.jpg) repeat-y;
margin:20px;
height:100%;
}

#content-bas h2{
padding-bottom:8px;
font-size:14px;
font-weight:bold;
color:#5e432d;
}

#content-bas p, #content-bas li {
font-size: 12px;
color:#fff;
line-height: 1.2em;
}

#content-bas a{
color:#fff;
text-decoration:none;
}

#content-bas a:visited{
color:#fff;
text-decoration:none;	
}

#content-bas a:hover{
color:red;	
text-decoration:none;
}

#content-bas .categories{
float:left;	
width:120px;
}

#content-bas .twittos{
float:left;		
width:292px;
padding-left:10px;
}

#content-bas p.twitter-message{
/*padding:4px 0px;*/
}

#content-bas .twittos .suivre-img{
margin-top:10px;
}

#content-bas .twittos .suivre-img span.suivre{
float:left;
font-size:11px;
padding-top:40px;
position:absolute;
}

#content-bas .twittos .suivre-img span.suivre a {
color:#5e432d;
text-decoration: underline;
}

#content-bas .twittos .suivre-img span.img-twitter{
float:right	
}

#content-bas .tags{
float:left;	
width:275px;
padding-left:20px;
}

#content-bas .tags h2 {
text-align: center;
}



/*FORMULAIRES COMMENTAIRES*/

textarea.comment {
width:410px;	
}



.commentlist {
padding:10px 0px;
text-align: justify;
}
.commentlist li {
padding: 5px 10px 3px;
list-style: none;
}

.commentlist li.even {
margin: 0;
padding: 10px;
background-color:#ffff99;
border: 1px solid #cc6633;
margin-top:15px;
}

.commentlist li.odd {
margin: 0;
padding: 10px;
background-color: #ffffcc;
border: 1px solid #cc6633;
margin-top:15px;
}


.commentlist li .avatar {
float: right;
border: 1px solid black;
margin: 5px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform {
padding-bottom:45px;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}

.commentlist a,.commentlist a:visited{
color:#cc6600;
text-decoration:none;
}

.commentlist a:hover{
color:red;	
text-decoration:none;
}



#footer{
background: url(../images/footer.jpg) no-repeat scroll center top;
height:33px;
padding:0 14px;
text-align:center;
padding-bottom:85px;
}



#footer span a,#footer span a:visited{
color:#FFFF99;
text-decoration:none;
}

#footer span a:hover{
color:red;	
text-decoration:none;
}



#footer span.itemdebut{
padding-right:5px;
}

#footer span.item{
border-left:1px solid red;
padding:0px 5px;
}

#products{
position:absolute;
bottom:9px;
right:-88px;
}

#stferror{
	margin-top:4px;
	color:#e52008;
	font-weight:bold;
}

.clear {
clear:both;
}