@charset "utf-8";
/* CSS Document */
* 
{
margin:0;
padding: 0;
border: 0;
color: inherit;
font-family: inherit;
font-size: 100%;
/*list-style: none;*/
text-decoration: none;
}
.clear {
clear:both;
visibility: hidden;}



/*BLOC BODY____________________________________________________________________*/

body {
	background-color: fff;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	padding: 0;
	font: normal 9px Verdana;
	color: #fff;
	text-align:center;
}

/*BLOC GLOBAL____________________________________________________________________*/
#global {
	width:920px;
	height: auto;
	background-color:#fff;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}

.traduc{
width:920px;
	height: auto;
	background-color:#ccc;
	margin-right: auto;
	margin-left: auto;
}

/*BLOC logo____________________________________________________________________*/
#logo
{
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 920px;
color:#000;}

#contact{
text-align:right;
float:right;
padding-right:5px;
padding-top:5px;}

.lien
{padding:0 5px;
	font-size:12px;
	color:#000;
	text-align: right;
	*margin-top: 3px;
padding-top: 5px;
}
a:link.lien,a:visited.lien
{color:#000;
text-decoration: none;
}
a.lien, a:hover.lien,a:active.lien
{
text-decoration:underline;
color:#ff33ff ;}



.lien2{
color:#fff;
text-decoration: none;	text-align:center;
	float:right;
padding-right: 20px;
	font: normal 14px Verdana;}

a:link.lien2,a:visited.lien2
{color:#fff;
text-decoration: none;
}
a.lien2, a:hover.lien2,a:active.lien2
{
text-decoration:underline;
color:#ff33ff ;}


.envoirplus
{
	font-size:10px;
	color:#000;
	text-align: right;
}
a:link.envoirplus,a:visited.envoirplus
{color:#000;
text-decoration: none;
}
a.envoirplus, a:hover.envoirplus,a:active.envoirplus
{
text-decoration:underline;
color:#ff33ff ;}


.envoirplusblanc
{
	font-size:10px;
	color:#fff;
	text-align: right;
	padding-right:15px;
}
a:link.envoirplusblanc,a:visited.envoirplusblanc
{color:#fff;
text-decoration: none;
}
a.envoirplusblanc, a:hover.envoirplusblanc,a:active.envoirplusblanc
{
text-decoration:underline;
color:#ff33ff ;}

/*Nav____________________________________________________________________*/
#nav {
	width:920px;
	height: 40px;	
	margin-left: auto;
	margin-right: auto;
	text-align:center;}

#menu{
	height:40px;
	width:902px;
	font-family:Verdana;
	color:#fff;
background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;}
div#menu a {color:#fff;}
div#menu ul li {position:relative; list-style: none; float:left; padding-top: 15px; 

  z-index:3000;}
#menu ul li a:hover {
color: #ff33ff ;}

/* on enleve la taille de ul et labordure*/
#menu ul {
	}
div#menu ul li {position:relative; list-style: none; float:left;
}
div#menu ul ul {position: absolute; display:none; width:100px; 	line-height:20px;}
div#menu li a {text-decoration: none;  display:block; width:100px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;padding: 0px; 
	margin:0;
	background-color: #000;
	background-image: url(images/sousmenu.gif);
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:1px solid;}
div#menu ul.niveau1{	
	margin-left:40px;}	
div#menu ul.niveau3 {top:0; left: 100px;}

/*Accueil____________________________________________________________________*/

#centre{
	width:920px;
	height: auto;
text-align: center;
margin-left : auto;
margin-right : auto;}

#banner{
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left : auto;
	margin-right : auto;
	width: 920px;
	height: 285px;
	background-position: center top;}

#news{
	float:right;
	height:274px;
	width: 800px;
background-image: url(images/news.gif);
background-repeat: no-repeat;
	background-position: right top;}



/*Accueil bas____________________________________________________________________*/
#bas{	
	width: 900px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;

}

#left{float:left;
	background-image: url(images/presentation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 335px;
	width: 319px;
}
#left_text{
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
font: normal 12px Verdana;
	text-align:left}

#right{
	float:right;
	height: 335px;
	width: 580px;
	
}
#zoom{
	background-image: url(images/zoom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 36px;
	width: 576px;
}
#illustration{
	float:right;
	height: 293px;
	width: 221px;
	background-image: url(images/illustration.gif);
	background-repeat: no-repeat;
}

#bloc1{
	float:left;
	height: 300px;
	width: 355px;
}
#dollz{
	background-image: url(images/dollz.gif);
	background-repeat: no-repeat;
	height: 135px;
	width: 350px;
}



#me{
height: 37px;
width: 354px;}

#blog{
	background-image: url(images/blog.gif);
	background-repeat: no-repeat;
	height: 122px;
	width: 350px;}
	
.illustration{
padding-top: 35px;
padding-right: 15px;
}



#foot{
	width: 920px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	color:#000;}

#rss{	
text-align: left;
padding-top:25px;
margin-left: auto;
	margin-right: auto;
		color:#000;
		font-size:12px;
	height: 100px;
	width: 250px;}

#rss a{
color:#000;
text-decoration: none;}

#rss ul li a:hover {
color: #ff33ff ;
text-decoration: underline;}

/*liens ____________________________________________________________________*/
#lien{
	width:888px;
	margin-left:auto;
	margin-right:auto;
	height:1000px;}
#lien_gauche{
	float:left;
	width:441px;
	height:992px;
background-image: url(images/lien.gif);
	background-repeat: no-repeat;
	background-position: center center;}
#lien_droit{
	float:right;
	width:440px;
	height:992px;
	background-image: url(images/lien2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
.lien_titre{
padding-top:6px;
	width:441px;
	height:30px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}	
.lien_text{font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left:50px;
	line-height: 18px;}
.lien_rubrique{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ff33ff;
	padding:5px;
	list-style-type: none;
	text-indent: -40px;
}	

a:link.lien_lien,a:visited.lien_lien
{
text-decoration: none;
color: #000000;}
a.lien_lien, a:hover.lien_lien,a:active.lien_lien
{
text-decoration:underline;
color:#ff33ff ;}