html, body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

/************ CENTRAGE DE L'INTERFACE DANS LA PAGE ************/
#centpourcent {
	height: 100%;
	width: 100%;
}

/************ BLOC PRINCIPAL ************/
#conteneur {
	position: relative;
	width: 900px;
	height: 670px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/************ LOGO *********/
#logo {
	left:336px;
	position:absolute;
	top:10px;
	width:151px;
	/*attention ci-dessous : pas de ../ car le chemin est calculé à partir d'index.php - bizarrerie*/
z-index:10000;
}
/************ PHOTO *******************/

#photo{
	background: white -1px -1px no-repeat;
	height:470px;
	position:absolute;
	top:101px;
	width:900px;
	background-color: white!important;
}

/*************  MENU  ****************/

#rubrique1Haut {
	position: absolute;
	left: 51px;
	top: 75px;
}
#rubrique2Haut {
	position: absolute;
	left: 385px;
	top: 75px;
}
#rubrique3Haut {
	position: absolute;
	left: 708px;
	top: 75px;
}
#accueil{
	position: absolute;
	left: 0px;
	top: 603px;
	width:400px;
	color: rgb(153, 153, 153);
	font-size: 12px;
	display: none;
}
#popupaccueil {
margin:0px;
padding:0px;
width:620px;
top:48px;
position: absolute;
height:15px;
overflow:hidden;
left: 177px;
color: rgb(153, 153, 153); 
font-size: 12px;
}
#infos {
	font-size:11px;
	left:0px;
	position:absolute;
	top:580px;
	width: 900px;
	text-align: center;
}
#copyright {
	position: absolute;
	left: 778px;
	top: 572px;
	color: #999;
	font-size: 8px;
	width: 121px;
	height: 17px;
	text-align: right;
}


#menu_2{
color:white;
letter-spacing:1px;
font-weight:bold;
margin-left:470px;
margin-top:26px;
}

/*************  LIENS  ****************/

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration:none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #333;
}



a.liensChemin {
	text-decoration : none;
	font-size: 11px!important;
	color: #000;
}

a:hover.liensChemin {
	text-decoration : underline;
	font-size: 11px;
	color : #000;
}

a.lienRubriquesHaut {
	text-decoration : none;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
}

a:hover.lienRubriquesHaut {
	text-decoration : underline;
	color : #333;
}

a:link.lienInfos {
	text-decoration : none;
	color: #000;
}
a:visited.lienInfos {
	text-decoration : none;
	color : #000;
}
a:hover.lienInfos {
	text-decoration : none;
	color : #000;
}

a:link.liensBlancs {
	text-decoration: underline;
	color: #999;
	font-weight: bold;
}

a:hover.liensBlancs {
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

a:link.liensBlancs {
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}
a:visited.liensBlancs {
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}
a:hover.liensBlancs {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
}

a:link.lienRubriquesBas {
	text-decoration : none;
	font-size: 18px;
	color: #666;
}
a:visited.lienRubriquesBas {
	text-decoration : none;
	font-size: 18px;
	color : #666;
}
a:hover.lienRubriquesBas {
	text-decoration : none;
	font-size: 18px;
	color : #999;
}

a.lien_artango{
color:black;
text-decoration:none;

}

/************* TITRAILLE ***************/

h2{
	font-size:16px;
	margin:0px;
	margin-left:40px;
	margin-bottom:30px;
	padding:0px;
	color:#000;
}

/************* BOUTON ***************/

#valider, .bouton{
	background:url(../_images/fond_bouton.jpg) repeat-x;
	border:0px solid #e0d6d5;
	color:#FFF;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
}

#valider:hover, .bouton:hover{
	background:url(../_images/fond_bouton_over.jpg) repeat-x;
	border:0px solid #d6d3cc;
	color:#333;
	cursor:pointer;
}


/************* RETOUR ***************/

#retour{
	position:absolute;
	top:10px;
	right:20px;
	width:200px;
	height:40px;
	font-size:10px;
	font-weight:bold;
	color:#BBB;
	text-align:right;
}

#retour A,#retour A:visited{
color:#BBB;
}

/************* QUETSION 4 POPUP ***************/
#q4{
display:none;
}

/************* PANIER ***************/

.infos_panier#panier{
	background:url(../_images/onglet.gif) 0% 0% no-repeat;
	color:white;
	font-weight:bold;
	height:20px;
	position:absolute;
	right:20px;
	text-align:center;
	top:85px;
	width:60px;
	display:none;
	cursor:pointer;
}
#panier DIV{
color:black;
background:#F4F4F4;
border:1px solid #ddd;
border-top:none;
font-weight:normal;
}
