/*
boutons en haut = 83x27 pixels
site (complet) = 744x379px
kaki = 744x352px
blocs kaki foncˇs = 166x352px
blocs kaki clair = 412x352px
copyright = 100% x 18px

backgound: FFF7F0
couleur 1 (rouge) = 893D28
couleur 2 (bordeau) = 4A1F00

kaki foncˇ = ADB091
kaki clair = CFD2BE
copyright: ADB091



jaune: F7F8A3
copyright/citation: 499A4B

*/
body  { 
	margin:0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color:#fff;
  	overflow:hidden;
  background-color: #FFF;
}

embed {
	background-color:#F9DB70; 
}
td {
	font-size:12px;
}

.textlink a:link, .textlink:link { 
	color:#4A1F00; 
	background-color:transparent;
	text-decoration:none;
	font-size:11px; 
}
.textlink a:visited, .textlink:visited { 
	color:#4A1F00;
	background-color:transparent;
	text-decoration:none; 
}




.copylink a, .copylink a:link, .copylink:link,.copylink a:visited, .copylink:visited, .linkies, .linkies a, .linkies a:visited { 
	color:#fff; 
	background-color:transparent;
	text-decoration:none; 
}
.copylink a:hover, .copylink a:active, .copylink:hover, .copylink:active, .linkies a:hover, .linkies a:active  {
	color: #022F8B;
	text-decoration:underline overline; 
}

.copylink2 a, .copylink2 a:link, .copylink2:link,.copylink2 a:visited, .copylink2:visited {
	color:#fff;
	border: 1px #04A1D6 solid;
	padding:1px;
	text-decoration:none; 
	font-size:9px; 
}
.copylink2 a:hover, .copylink2 a:active, .copylink2:hover, .copylink2:active {
  background-color: #FFF7F0;

}
	
.hotlink:active, .textlink a:hover, a:active, .textlink:hover, .textlink:active, .berklink a:active, .berklink a:hover { 
	color:#022F8B;
	background-color:transparent;
}	
.hotlink a:link, .hotlink:link, .hotlink a:visited, .hotlink:visited { 
	color:#893D28;
	background-color:transparent;
	text-decoration:none; 
}
.hotlink a:hover, a:active, .hotlink:hover { 
	color:#4A1F00; 
	background-color:transparent;
	text-decoration:underline overline;
}

.invisiblelink, .invisiblelink a, .invisiblelink a:hover, .invisiblelink a:visited, .invisiblelink:hover, .invisiblelink:visited {
	text-decoration:none;
	color:#4A1F00;
	font-size:11px;
}
.linkies, .linkies a, .linkies a:link,.linkies a:hover, .linkies a:visited {
	font-size:9px;
	text-decoration:none;
	color:#4A1F00;
}

/******************************/

#outer { 
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: table;
 position: static;
   /*position: absolute; 
  top: 0; left: 0; right: 0; bottom: 18px;*/
  background-color: #FFF;
}
#centragesite { 
  display: table-cell;
  vertical-align: middle;
  position: static;
  background: transparent;
}


#Site {
	position:static;
	background-color:#9d9d9d;
	height:476px;
	width:744px;
	margin:auto auto auto auto;


}

.logotop {
	z-index:10;
	position:static;
	margin-top:-70px;
}
#Top {
	position:relative;
	margin-top:0;
	height:22px;
	background-color:#B6B7B6;
}
#Middle {
	margin-top:0;
	background-color:#E0E0E5;
	height:452px;
	width:742px;

}
/****************** MENU top  ********************/
#menu {
	margin-top:-32px;
	height:22px;
	width:418px;
	margin-left:328px;
}
#menu ul {
padding: 0px;
	list-style-type: none;
}
#menu li.type1, #menu li.type2, #menu li.type3 {
	float:left;
	position:relative;
	color: #fff;
	text-align: center;
	width:83px;
	height: 14px; /* 27-8 */
	padding-top:8px;/*
	line-height: 18px;*/
}
#menu li.type1 {
	background-color:#9DA09D;
}
#menu li.type2 {
	background-color:#B6B7B6;
}

#menu li.type3 {/*
	background-color:#0040C3;*/
	background-color:#0077C1;
}
#menu li a {
color: #fff;
	font-size:9px;
	letter-spacing:1px;
text-decoration: none;
display: block;
}

#menu li a:hover,li a:hover {
	color: #022F8B;
}
.menulink a:link, .menulink, .menulink a:visited {
	color: #F7F8A3;
	text-decoration:none; 
}
.menulink a:hover, .menulink a:active, .menulink:hover, .menulink:active {
	color: #022F8B;
	text-decoration:underline overline; 
}
/********************************************************/
#BigRight {
	float:left;
	position:relative;
	background-color:transparent; 
	width:565px;
	height: 452px;
	margin:0;/*
	border:2px green solid;*/
}
#Left {
	float:left;
	left:0;
	
}/**/
#Right {
	float:right;
	right:0;
	
}
#Left, #Right {
	position:relative;
	margin:0;
	top:0;
	left:0;
	background-color:#9DA09D;
	height:452px;
	width:176px;

}
.bigtitle {
	margin-left:6px;
	margin-top:-4px;
}
.bigtitle span {
	z-index:1;
	color: #fff;
	border-bottom: 2px #04A1D6 solid;
	padding:1px;/*
	color: #022F8B;
	font-variant:small-caps;
	letter-spacing:1px;	*/
	font-size: 18px;
}

#main {
	background-position: top;
	background-repeat: no-repeat;/*
	background-color:#CFD2BE;*/
	background: #E0E0E5 url(img/Kalyz-bg2.jpg) no-repeat fixed top;
			background-attachment:fixed;
			background-position: 300px 330px;
	width:564px;
	height:452px;
	overflow:auto;
	font-size: 12px;
}
 #main div.content {
	z-index:0;
	margin:12px 0px 0 0;
	padding-left:0px;
	background-color:transparent; 
	/*min-height:200px;
	border-top:1px solid #FF9366;
	overflow:visible;*/
}

.content div.title {
	z-index:2;/*
	height:40px;*/
	margin-left:8px;
}
.title span {/*
	z-index:1;
	border-bottom:1px solid #C28389;*/
	border-bottom: 2px #04A1D6 solid;
	color:#022F8B;
	font-variant:small-caps;
	letter-spacing:2px;	
	font-size: 16px;
	
}
.content p {
	z-index:0;
	margin:0px 0 0 0;
	padding:0px 8px 0px 8px; /*
	border-left:1px solid #FF9366; */
	background-color:transparent;
	color:#022F8B;
	text-align:justify;
}
/****************** SOUS MENU  ********************/
.SousMenu {
	position:absolute;
	width:162px;
	top:auto;
	bottom:0;
	left:0;
	vertical-align:bottom;
}
.SousMenu ul {
	bottom:0;
	left:0;
	padding: 0px;
	vertical-align:bottom;
	list-style-type: none;
}
.SousMenu li {
	color: #fff;
	letter-spacing:1px;
	list-style-type: none;
	text-align: left; /* 27-8 */
	padding-top:14px;
	padding-left:6px;
	font-size:11px;/*
	line-height: 18px;
	float:left;
	position:relative;
	width:82px;
	height: 19px;*/
}
.SousMenu li a {
	color: #fff;
	letter-spacing:1px;
	text-decoration: none;
	display: block;
}

.SousMenu li a:hover,li a:hover {
	color: #022F8B;
	text-decoration:underline overline;
}


/******************************/

img.imageLeft {
  	margin-top: 45px; 
  	margin-left:0px;

}


img.photoright, img.gifright {
  	float: right;
  	position: relative; 
  	margin-top: 0px; 
  	margin-right: 7px; 
  	margin-left: 10px; 
  	margin-bottom: 0px; 
  	border:0;
 }
img.photoleft, img.gifleft {
  	float: left;
  	position: relative; 
  	margin-top: 5px; 
  	margin-left: 10px; 
  	margin-right: 10px; 
  	margin-bottom: 0px;
  	border:0; 
 }
.photocenter, .gifcenter {
	text-align:center;
  	margin-top: 0px;
  	border:0;
  	/*float: left;
  	position: relative;
  	margin-left: auto; 
  	margin-right: auto; 
  	margin-bottom: 0px; */
 }
 img.photoright, img.photoleft, .photocenter {
	/*border: 2px solid #C28389;*/
	border-right: 2px solid #CFD2BE;
	border-bottom: 2px solid #CFD2BE;
 }

 
 .citation /* on dˇfinit un conteneur pour le bloc de citation */
 {
	 float: right;
	 width: 145px;
	 margin-left: 15px;
	 margin-right: 5px;
	 margin-top: 5px;
	 margin-bottom: 5px;
 	/*background-color: #D3D3D3;*/
	border: 1px dashed #499A4B;
 }
  
 .citationtexte
  { font-style: italic;
   font-size: 13px; 
 margin-right: 2px; 
   padding:2px;
  color: #499A4B;
  text-align: center }
  
 .citationauteur
 {
 padding-right: 2px; 
 width: 145px;  
  padding-bottom:6px;
 }
 .citationauteur p
 {

  font-family: arial, sans-serif; 
  font-size: 12px; 
  color: #499A4B;
  text-align: right;
 }
.contact { color:#000; padding-right:5px;}
 /******************************/ 

#copyline {
	z-index:2;
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	right:0;
	height:15px;
	background-color:#9DA09D;
	text-align:center;
	padding-top:3px;
	border-top: 1px solid #CFD2BE;
	border-bottom: 1px solid #9d9d9d;
}
#copyline span {
	font-size: 10px;
	letter-spacing:2px;
	color:#fff;
}