/* CSS Document */


 


/* anulation des marges par defaut pour éviter les difference des navigateurs */

body, p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img, form
{
	margin:0;
	padding:0;
	border:0;
}

hr, .masque, #logo span, #loading, #print, #print legend,
#accroche span, #colonne2 legend, #ficheproduit legend,
#pictopen span,
.ecrire_formulaire span, .reponse_formulaire span,
#produit legend
{
	display:none;
}

.wrap
{
	clear:both;
}

#mh .spip_surligne /* correction surlignage google */
{
	display:inline;
	padding:0;
	margin:0;
}

/*********** STYLE GENERAL *********/



body
{
	background:url(../img/fond.body9.gif) repeat-x left top #171717; /* #665750 */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #000; /* ou 333 */
	text-align:center; /* center pour ie 5 */
	margin:0 0 0 0;
}

/* Largeur élément général de la page */

#bandeau, #contenu, #mh
{
	width:950px;
}
#bandeau, #contenu, #contenu2
{ /* anul le bug positionnement ie 5 */
	text-align:left;
}
#contenu2,
#bloc2,
#colonne3
{
	width:900px;
}

/***** HEADER ACCES *****/

#acces
{ /* acces rapide haut page */
	position:absolute;
	width:910px;
	top:20px;
	right:-20px;
	/*background-color:#444;*/
}


/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	height:105px; /* 95 */
	margin:auto;
}

#logo
{
	position:relative;
	width:105px;
	margin:0 auto;
	/*padding:1px;*/
	top:15px;
}



/***** PAGE *****/
#contenu, #contenu2,
#colonne1,
#colonne2,
#visuel, #visuellarge, /* hauteur limite visuel */
#bloc, #bloc2, #bloc2fond
{ /*hauteur body */
	height:361px;
}
#contenu, #contenu2
{
	position:relative;
	background:#000;
	margin:auto;
	border:#bababa 3px solid;
	background:url(../img_site/fond.page.gif) repeat-x left top #A6A7A9;
}
#contenu2
{
	left:-25px;
}

/**** COLONNE ***/
#colonne1
{
	position:static;
	float: left;
	width: 530px; 
	/*height: 361px;  hauteur dans syle.css ligne 97 */
	margin-left: 0px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-right:20px;
	padding:0px 0px 0px 0px;
	border-right:#bababa 2px solid;
}
#colonne2
{
	position:relative;
	float: left;
	width: 280px; 
	/*height: 361px;  hauteur dans syle.css ligne 97 */
	margin-left: 0px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-right: 0px;
	padding:0px 0px 0px 0px;
	/*background: burlywood;*/
}
#bloc
{
	position:static;	
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	margin:0 0px 0 0px;
	padding:0;	
	font-size:80%;
	/*background:url(../img/fond.parquet.jpg) repeat-x left top;
	height:900px; 
	background: #f03;*/
}
#bloc2
{
	position:absolute;
	top:30px;
	right:-50px;
	width:600px;
	border:#bababa 1px solid;
	font-size:80%;
	display:none;
}
#bloc2fond
{
	position:static;
	background:url(../img_site/fond.body.png) repeat-x left top;
}

/********** MENU HAUT ***********/
#mh
{
	position:relative;
	margin:1em auto 1em auto;
	z-index:1;
}


/********** MENU BAS ***********/
#mb
{

}



/*** FOOTER ***/
#logop
{
	position:absolute;
	right:50%;
	margin-right:-520px;
	top:30px;
	z-index:50;
	width:300px;
}
#logop img
{
	margin:0 0.5em;
}
/* menu bas page */
#footer
{ /* acces rapide haut page */
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	clear:both;
	margin: 0 auto 0 auto;
	background-color:#232323;
	border-top:#333 1px solid;
	z-index:5;
	opacity: 0.8;  /* standard w3c */
	filter: alpha(opacity=80); /* ie */
}



/***** POPUP ZOOM *****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	/*background-position: center center;*/
}
#pagezoom .titrezoom
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
}
#pagezoom .imgzoom img
{
	border:#e3ddc3 1px solid;
	background-color:#fff;
	padding:8px;
}

#pagezoom #menu1Container
{ /* page zoom */
	position:relative;
}
#planzoom
{
	position:relative;
	margin:50px auto;
	text-align:left;
	width:80%;
}
#pagezoom #mots
{
	width:95%
}




/*** MOTS BAS PAGE ***/


/*** Signature Kyxar ***/
.kyxar
{
	position: absolute;
	/*z-index:10;*/
	clear:both;
	white-space: nowrap;
	left:40px;
	margin-top:-5px;
	padding: 5px 0px 3px 0px;
}

.kyxar a
{
	color: #777;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #999;
}