/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */

* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
}
body { 
	font: normal 100% Tahoma, sans;
	margin: 0px;
	padding: 0px;
	font-size:11px;
}
img{
	border:0px;
}
p{
	padding-bottom:5px;	
}
.conteneur {
	margin: 0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;
}
.contenu{
	width:920px;
	margin:0 40px 0 40px;
	position:absolute;
}
#bandeau{
	background:url(../medias/bandeau.jpg) no-repeat center top;
	height:215px;
}
h1{
	width:220px;
	height:66px;
	float:left;
	padding-top:28px;
}
h2{
	float:left;
	padding:43px 0 0 15px;
}

/*----------------- page 1 -----------------------*/

form{
	width:330px;
	clear:both;
	padding:0 0 0 300px;
}

fieldset{
	border:none;
}
legend{
	color:#282727;
	font-weight:bold;
	font-size:100%;
	padding-bottom:20px;
}
form p{
	margin-bottom:5px;
	float:left;
}
label{
	color:#666666;
	width:80px;
	float:left;
}
#login, #mdp{
	border: #cccccc 1px solid;
	height:15px;
	width:245px;
	float:right;	
}
#mot-passe{
	float:right;
	color:#666666;
	font-size:91%;
	text-decoration:underline;
	margin-left:120px;
}
#envoyer{
	border: #cccccc 1px solid;
	height:15px;
}

#mot-passe:hover{
	float:right;
	color:#282727;
	font-size:91%;
	text-decoration:underline;
}
#connexion{
	float:right;	
	padding-left:235px;
	padding-top:10px;
}
#compte-bloc{
	clear:both;
	padding:30px 0 0 300px;
	width:330px;	
}
#compte{
	color:#282727;
	font-weight:bold;
	font-size:100%;
	clear:both;
	padding-bottom:5px;
}
#contact{
	color:#666666;
	text-decoration:underline;
}
#contact:hover{
	color:#282727;
	text-decoration:underline;
}

#menu-secondaire{
	list-style-type:none;
	color:#999999;
	clear:both;
	padding:150px 0 0 330px;
}
#menu-secondaire li{
	float:left;
	padding-left:8px;
}
#menu-secondaire li a{
	text-decoration:none;
	color:#999999;
}
#menu-secondaire li a:hover{
	text-decoration:underline;
	color:#999999;
}

/* ----------------------------------- PAGE 2 ------------------------------------------- */

#menu{
	width:376px;
	float:left;
	list-style-type:none;
	padding:0 40px 0 0;
}

.barre1, .barre2{
	margin:0 0 5px 0;
}
.barre2 a{
	width:368px;
	height:17px;
	padding:5px 0 0 8px;
	background:url(../medias/barre-menu.gif);
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.barre2 a:hover, .barre2 a.active{
	width:368px;
	background-position:0 22px;
}
.barre1 a{
	width:368px;
	height:18px;
	padding:10px 0 0 8px;
	background:url(../medias/barre1.gif);
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.barre1 a:hover, .barre1 a.active{
	width:368px;
	padding:10px 0 0 8px;
	background-position:0 28px;
}

.ss-menu-bloc{
	background:#e4dddd;
	width:366px;
	list-style-type:none;
	padding:10px 0 10px 10px;
	margin-bottom:5px;
}
.ss-liste{
	background-image:none;
	width:376px;
	list-style-type:none;
	background:url(../medias/puce.gif) no-repeat;
	background-position:0 4px;
	padding:0 0 10px 10px;
}
.ss-liste a{
	color:#282727;
	font-weight:bold;
	text-decoration:none;
	background-image:none;
	text-transform:none;
	height:10px;
	padding:0;
}
.ss-liste a:hover, .ss-liste a.active{
	color:#282727;
	font-weight:bold;
	text-decoration:underline;
	height:10px;
	padding:0;
}


#medias{
	width:500px;
	margin-top:7px;
	float:left;
}
.bloc{
	float:left;
}
.bloc p{
	width:500px;	 
 }
.titre{
	color:#282727;
	font-weight:bold;
	padding:0 0 3px 0;
	width:500px;
}
.infos{
	width:500px;
}
.type{
	color:#999999;
	font-weight:bold;
	width:420px;
	float:left;
}
.telecharger{
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
	float:right;
}
.telecharger:hover{
	color:#282727;
	font-weight:bold;
}

.trait{
	background:url(../medias/trait.gif) repeat-x;
	height:1px;
	width:500px;
	float:left;
	margin:10px 0 10px 0;
}


/* Modif Nico   */
#firstpane{
	width:376px;
	float:left;
	list-style-type:none;
	padding:0 40px 0 0;
}

.menu_list {	
	width: 150px;
}
.menu_head {
	cursor: pointer;
	position: relative;
	margin:1px;
    /*background: #eef4d3 url(medias/left.png) center right no-repeat;*/

	padding:10px 0 0 8px;
	width:368px;
	height:17px;
	padding:5px 0 0 8px;
	background:url(../medias/barre-menu-1.gif) no-repeat;
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:5px;
}

.menu_head_1 {
	cursor: pointer;
	position: relative;
	margin:1px;
    /*background: #eef4d3 url(medias/left.png) center right no-repeat;*/
	width:368px;
	height:18px;
	padding:10px 0 0 8px;
	background:url(../medias/barre-1.gif) no-repeat;
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	
}

.menu_body {
	display:none;
	width:376px;
	margin-left:1px;
	margin-top:-2px;
}
.menu_body a{
  display:block;
  color:#000000;
  padding-left:20px;
  font-weight:bold;
  text-decoration:none;
  background:url(../medias/puce2.gif)  8px center no-repeat #E4DDDD;
line-height:25px;
}

.menu_body a.active{

  text-decoration:underline;
 
}

.spacer_top{

}

.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }

#submit{
	float:right;	
	margin-left:235px;
	padding-top:10px;
	background:url("../medias/se-connecter.gif") no-repeat;
	border:0;
	 width:87px;
	 height:16px;
	 cursor:pointer;
}

#btn_deco a{
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
	margin-left:420px;
}

#btn_deco a:hover{
	color:#282727;
	font-weight:bold;
}

#btn_retour a{
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
	/*margin-left:420px;*/
	
}

#btn_retour a:hover{
	color:#282727;
	font-weight:bold;
}