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


.wrap
{
	clear:both;
}

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

html
{
	font-size:100%;
	height:100%; /* firefox */
}

body
{
	/*background:url( ) repeat-x left top #133D6F;*/
	background: #083063 url(../img/fond.jpg) no-repeat fixed center bottom;
	padding: 0 0 12em 0;
	/*height:100%;  firefox */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #001733;
	text-align:center; /* center pour ie 5 */
	overflow : hidden;
}
#bodyhome
{
	padding:0;
	margin:0;
}

/* resizable background */
html { overflow-x : hidden; }

#bg {
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: 1;*/
	overflow: hidden;
	border:0;
	visibility: visible;
	height: 100%;
	width: auto;
}
#bg-container
{
	/*width:100%;  ie6.css
	height:0; */
	
}


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

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


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

#acces
{ /* acces rapide haut page */
	position:absolute;
	top:0;
	right:0em;
	z-index:5;
	/*background-color:#eee;*/
}
#bodyhome #acces
{ /* acces rapide haut page */
	right:-2em;
}

/**** HOME *****/
#home #bandeau
{
	width:100%;
}
#home
{
	min-width:950px;
	max-width:80%;
	position:relative;
	margin:auto;
	/*border:#fff 1px dashed;*/
}
#home #logo
{
	position:absolute;
	bottom:0;
	width:384px;
	margin:auto;
}
#home #accroche1
{
	position:absolute;
	top:230px;
	left:20px;
	
	left:60px;
	top:180px;
	width:350px;
	color:#fff;
	font-size:110%;
	text-align:justify;
	font-weight:normal;
	/*border:#e00 1px solid;*/
}
#home #accroche1 a
{
	color:#fff;
}
#home #accroche1 a:hover
{
	color:#ABE6FF;
}
#accroche2
{
	position:absolute;
	top:-145px;
	right:5em;
	width:290px;
	color:#fff;
	font-size:110%;
	text-align:justify;
}
#accroche2 p
{
	margin-top:100px;
}

/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	height:151px;
	margin:auto;
	z-index:2;
	/*background-color:#c00;*/
}

#logo
{
	position:absolute;
	top:15px;
	left:1em;
	bottom:auto;
	width:384px;
	margin:auto;
}
#accroche1
{
	position:absolute;
	top:50px;
	left:auto;
	right:5em;
	/*border:#e00 1px solid;*/
}
#accroche1 a
{
	display:block;
	background:url(../img/ ) no-repeat left top;
	width:331px;
	height:62px;
}


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

#contenu
{
	margin:auto;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	min-height:380px;
}

#contenufond
{
	background:url(../img/fond.body.01.png) repeat-y left top;
	padding: 0px 0px 0px 0px;
	min-height:380px;
}

#contenufondpied
{
	position:relative;
	width:950px;
	height:3px;
	overflow:hidden;
	background:url(../img/fond.body.02.png) no-repeat left top;
	padding-bottom:0px;
}


#contenu p
{
	margin: 0.6em 0 0.3em 0;
	text-align:justify;
}
#conteneur
{
	position:relative;
	margin:50px 50px 50px 30px;
}

/*** STYLE PAGE ***/
/**** COLONNE ***/
#colonne1
{
	position:relative;
	float: left;
	width: 200px; /* 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:20px 0px 10px 20px;	
	/*background: burlywood;*/
}
#colonne1 p
{
	text-align:center;
}
#colonne2
{
	position:relative;
	float: right;
	width: 200px; /* 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 10px 0px;
	/*background: #f03;*/
}


/********** MENU HAUT ***********/
#bodyhome
{
}
#mh
{
	position:static; /* ie6 */
	margin:0 auto 10px auto;
	height:27px;
	background:url(../img/menu.01.png) no-repeat left top;
}

/********** MENU BAS ***********/
#mb
{
	/*position:static;  ie6 */
	margin:auto;
	height:27px;
	/*background:url(../img/menu.02.png) no-repeat fixed left top #c00;*/
}
#mbfond
{
	position:static; /* ie6 */
	width:950px;
	height:27px;
	background:url(../img/menu.02.png) no-repeat left top;
}



/*** FOOTER ***/

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

#mots
{
	position:relative;
	z-index:1;
	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: #D4C9A5;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	/*font-weight: normal;*/
	display:inline;
	padding:0;
}
.ref a:hover{
	color: #FFF4D1;
	/*font-weight:normal;*/
	font-size: 10px;
	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: #D4C9A5;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

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