body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
	background-color:#3E3E40;
}

a img {border:none}


#content hr {
height: 10px;
margin: 5px 0px 5px 0px;
background: url('../images/puceorange.png') repeat-x;
border: 0; outline: 0;
} 


#page {
	position:relative;
	width:793px;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url('./../images/body-bg.jpg');*/
	/*background-image:url('./../images/maquette-site mondial5-03.jpg');*/
	background-repeat:no-repeat;
}
#lolita {
	position:absolute;
	display:block;
	top:12px;
	right:30px;
	width:140px;
	height:58px;
	z-index:4;
}
#mondial {
	position:absolute;
	display:block;
	top:0px;
	right:262px;
	width:134px;
	height:133px;
	z-index:5;
}

/* Partie de gauche avec le logo */
#logo {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:279px;
	padding-top:0px;
	/*background-image:url('./../images/logo.jpg');
	background-position:top;
	background-repeat:no-repeat;*/
	z-index:2;
}
#logo ul {
	position:relative;
	top:3px;
	left:32px;
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
}
#logo ul a {
	text-decoration:none;
	color:#FFFFFF;
}
#logo ul a:hover {
font-weight:bold;
	color:#BBB;
}
#logo ul li {
	list-style-image:url('../images/li-left.jpg');
}

/* Menus */
#secondMenu {
	position:absolute;
	display:block;
	top:110px;
	right:25px;
	float:right;
    list-style:none outside none;
    margin:0;
    padding:0;
    z-index:3;
}
#secondMenu li {
    float:left;
    line-height:28px;
    margin:0;
    padding:0;
}
#secondMenu li a {
    background-image:url('../images/secondMenu-bg.jpg');
    background-repeat:repeat-x;
    color:#FFFFFF;
    display:block;
    padding:0 20px;
    text-decoration:none;
    font-size:10px;
    text-decoration:none;
}
#secondMenu li a:hover {
  background-image:url('../images/mainMenu-bg.jpg');
}
#mainMenu {
	position:absolute;
	display:block;
	top:136px;
	left:244px;
	float:right;
	list-style:none outside none;
	margin:0;
	padding:0;
	z-index:4;
	width: 461px;
	height: 54px;
}
#mainMenu li {
    float:left;
    line-height:28px;
    margin:0;
    padding:0;
}
#mainMenu li a {
    background-image:url('../images/mainMenu-bg.jpg');
    background-repeat:repeat-x;
    color:#FFFFFF;
    display:block;
    padding:0 18px;
    text-decoration:none;
    font-size:10px;
}
#mainMenu li a:hover {
	
    background-image:url('../images/secondMenu-bg.jpg');
}

/* Partie centrale */
#main {
	position:absolute;
	float:left;
	left:232px;
	width:539px;
	display:block;
	z-index:1;
}
#text {
	position:relative;
	padding-top:182px;
	padding-bottom:50px;
	min-height:459px;/*641px de la partie de gauche moins le padding top*/
	background-image:url('../images/bg-main.jpg');
	background-repeat:repeat-y;
}
#content {
	position:relative;
	margin-left:80px;
	width:420px;
	text-align:justify;
	font-size:11px;
}
#content h1 {
	padding:0;
	margin:0;
	text-align:left;
	font-size:14px;
	color: #FF6600;
	margin-top:14px;
	margin-bottom:14px;
	padding-left:30px;
	font-weight:bold;
	background-image:url('http://www.seize-arts.com/puces/P_R-gr-10.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	
}

#content a:link {
 color:#CC9900;}
#content a:hover {
 color: #666666; border-bottom:#FF6600 1px solid;}
#content a:visited {
 color:#CC9900; border-bottom:#FF6600 1px solid;}


#content .noborder a:hover { margin-top:3px; opacity: 0.8; }
#content .noborder a:visited { border:none; }
#content .noborder a:link { border:none; }

#content table {border:none}

.contenu_news{ height:550px; overflow:auto; padding-right:12px  }

#bottom {
	position:relative;
	text-align:center;
	height:59px;
	margin-top:10px;
	padding-top:69px;
	background-image:url('../images/bg-bottom.jpg');
	background-repeat:no-repeat;
	color:#79797B;
	font-size:9px;

}
#bottom a {
	color:#FFFFFF;
	text-decoration:none;
opacity: 0.3;
}
#bottom a:hover {
	color:#FFFFFF;
	text-decoration:underline;
opacity: 1;
}

#bottom .botimg {margin-top:-3px}



#bottom-content { position:absolute; top:5px; left:0px; float:left; display:inline; padding-right:30px; height:60px; }



#bottom ul li {
    float:left;
    line-height:28px;
    margin:0;
    padding:0;
list-style-type: none;
}
#bottom ul li a {
    color:#000;
    display:block;
    padding:0 7px;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
}







/* Partie de droite */
#right {
	float:right;
	right:0px;
	width:24px;
	height:641px;
	background-image:url('../images/bg-right.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}


@media only screen and (max-width: 600px) {

#logo {display: none}

    
#main {
	position:relative;
	left:0;
	width:100%;
	z-index:1;
}
    
    #mainMenu {
	position:absolute;
	display:block;
	top:136px;
	left:;
	float:right;
	list-style:none outside none;
	margin:0;
	padding:0;
	z-index:4;
	width: 100%;
	height: 80px;
}
}