/* 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, #logo span, #accroche1 span, #accroche2 span
{
	display:none;
}


.wrap, .sep
{
	clear:both;
}
.sep
{
	border-bottom:#d5d9de 1px dashed;
	margin:1em 0 0.5em 0;
}

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

html
{
	font-size:100%;
}

body
{
	background:url( ) repeat-x left top #e5e9ee;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #153C71;
	text-align:center; /* center pour ie 5 */
	margin:1em 0 0 0;
}

/* 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:-17px;
	right:0.5em;
	/*background-color:#eee;*/
}





/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	height:122px;
	margin:auto;
	background:url(../img/fond.bandeau.jpg) repeat-x left top #e0e4e6;
}

#logo
{
	position:absolute;
	top:15px;
	left:27px;
}
#accroche1
{
	position:absolute;
	top:17px;
	right:2px;
	/*border:#e00 1px solid;*/
}


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

#contenu
{
	position:relative;
	margin:auto;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
}
#contenu p
{
	margin: 0.3em 0 0.3em 0;
	text-align:justify;
}
#conteneur
{
	position:relative;
	margin:20px 20px 30px 20px;
	/*background:#CCFF00;*/
}

/**** COLONNE ***/
#colonne1
{
	position:static;
	float: left;
	width: 229px; /* largeur colonne */
	margin-left: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-right: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-bottom: 34px; 
	padding:0px 0px 0px 0px;	
	/*background: burlywood;*/
}
#colonne2
{
	position:relative;
	float: right;
	width: 245px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-left: 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 0px 0px;
	/*min-height:400px;
	background:#CCFF00;*/
}

/********** MENU HAUT ***********/
#mh
{
	/*width:880px;*/
	margin:auto;
	height:23px;
	padding-top:7px;
	background:url(../img/menu.jpg) no-repeat center bottom #e0e4e6;
	border-bottom:#081A5E 3px solid;
}

/********** MENU BAS ***********/
#mb
{
	/*width:880px;*/
	margin:0.8em auto;
	height:19px;
	background-color:#e5e9ee;
}



/*** FOOTER ***/

#footer
{
	margin:0.5em auto;
	background:url(../img/fond.gif) repeat-x left -40px;
}

#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: #9CA1A6; 
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	/*font-weight: normal;*/
	display:inline;
}
.ref a:hover{
	color: #494D52;
	/*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: #8C9196;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #494D52;
}