/* 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, #loading, #print, #print legend, #logo span, #accroche1 span, #accroche2 span,
#mh .masque
{
	display:none;
}


.wrap
{
	clear:both;
}

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

html
{
	font-size:100%;
}

body
{
	background: url("../img/fond.jpg") repeat-x fixed top center #323230;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #eee;
	text-align:center; /* center pour ie 5 */
}

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

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


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

#acces
{ /* acces rapide haut page */
	position:absolute;
	top:0;
	right:1em;
}





/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	height:132px;
	margin:auto;
	background:url(../img/bandeau.gif) no-repeat left center;
	/*background-color:#c00;*/
}

#logo
{
	position:relative;
	top:38px;
	width:145px;
	margin:auto;
}
#accroche1
{
	position:absolute;
	top:38px;
	left:0px;
	/*border:#e00 1px solid;*/
}
#accroche1 a
{
	display:block;
	width:380px;
	height:52px;
}
#accroche2
{
	position:absolute;
	top:38px;
	right:0px;
	/*border:#e00 1px solid;*/
}
#accroche2 a
{
	display:block;
	width:250px;
	height:52px;
}

/***** PAGE *****/

#contenu
{
	margin:auto;
	padding: 10px 0px 10px 0px;
}
#contenu p
{
	margin: 0.6em 0 0.6em 0;
	text-align:justify;
}
#conteneur
{
	position:relative;
	margin:20px 20px;
	font-size:80%;
}


/*** STYLE PAGE ***/

/**** COLONNE ***/
#colonne1
{
	position:static;
	float: left;
	width: 250px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-right: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	padding:15px 0px 10px 0px;	
	/*background: burlywood;*/
}

#colonne2
{
	position:relative;
	float: left;
	width: 340px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-right: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	padding:15px 0px 10px 0px;
	/*background: burlywood;*/
}

#bloc
{
	position:static; /* indispensable */
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	margin:0 0px 0 0px;
	padding:0px 0px 10px 0px;
	/*background: #f03;*/
}



/********** MENU HAUT ***********/
#mhhome
{
	margin:auto;
}


#mh
{
	margin:auto;
	height:30px;/**/
}

#mb
{
	/*width:880px;*/
	margin:auto;
	height:20px;
}

/********** MENU BAS ***********/



/*** FOOTER ***/

#footer
{
	margin:0.5em auto;
}

#mots
{
	width:950px;
	margin:auto;
	text-align:justify;
}

/*** MOTS BAS PAGE ***/


/*** POPUP ZOOM ****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	/*background-position: center center;*/
}
#pagezoom .titrezoom
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	color:#595335;
}
#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%
}

/*** AUTRE ***/

/* Style mots ref */

/* positionnement de #mots dans kyxar.css */

.ref, .ref a, .ref a:link, .ref a:visited {
	color: #555759;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	/*font-weight: normal;*/
	display:inline;
}
.ref a:hover{
	color: #BAB4A8;
	/*font-weight:normal;*/
	font-size: 11px;
	letter-spacing: 0px;
}

.ref2, .ref2 a, .ref2 a:link, .ref2 a:visited, .ref2 a:hover {
	color: #989069;
	font-size: 1px;
	text-decoration: none;
	Padding: 0px;
	margin: 0px;
	visibility: hidden;
	overflow:hidden;
	height:10px;
}

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

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

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