/* no touch*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	margin: 0;

	
	height: 100%;
	scrollbar-face-color: #868686;
	scrollbar-shadow-color: #868686;
	scrollbar-highlight-color: #868686;
	scrollbar-track-color: #CACACA;
	scrollbar-arrow-color: #FF6600;
   	scrollbar-base-color : #666666;
	scrollbar-DarkShadow-Color:#333333;
	overflow: yes; 
	
	
	
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #ECDCC1;

	
}
a {
	color: #ca4100;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #fca500;
}

#container {
	margin-left: auto;
  	margin-right: auto;
	background-color:black;
	background-image:url(../images/gui/fond2.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	min-height:1200px; 
}

#header {
	background: #ECDCC;
	width: 100%;
	height: 210px;
	position: absolute;
	top: 0px;
}



#footer {
	background: #000000;
	width: 100%;
	height: 60px;
}

#page {
	/*background: #e5e5e5;*/
	width: 99%;
/*	height: 690px; Adapte a la resolution par detection */
	padding: 10px;
	margin-left: -10px;
	overflow: auto;
}

#content {
	width: 980px;
	text-align: left;
}
.container{
	
	margin-top: 210px;
	margin-left: auto;
  	margin-right: auto;

	
}
.title {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

.column {
	float: left;
	width: 460px;
	margin-left: 4px;
	margin-right: 4px;
}

.iconColumn {
	float: left;
	width: 120px;
	margin-left: 4px;
	margin-right: 4px;
}

.narrowColumn {
	float: left;
	width: 412px;
	margin-left: 4px;
	margin-right: 4px;
}

.wideColumn {
	float: left;
	width: 820px;
	margin-left: 4px;
	margin-right: 4px;
}

.block {
	
	/*background: #54483E;*/
	max-width: 762px;
	padding: 32px;
	margin-bottom: 8px;
	border: solid 1px #cccccc;
	
	margin-right:auto;
	margin-left:auto;
	
}

.text {
	text-align: justify;
}

.note {
	text-align: justify;
	font-size: 0.8em;
}

.picto {
	margin-right: 4px;
	border: none;
}

.catbutton {
	margin-bottom: 10px;
}

.bottomline {
	text-align: center;
}
/* -----------jeje------------------*/

.images {
	border: solid 1px #cccccc;
	
}


 
#flashcontent {
		width: 100%;
		height: 640px;		
}
#extraDiv2 {
	/*
	background-image: url(bottom.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 5;
	*/
}
#extraDiv1 {
	/*
	z-index: 2;
	height: 800px;
	width: 100%;
	position: absolute;
	top: 0px;
	background-image: url(../fond.jpg);
	background-repeat: no-repeat;
	background-position: center;
	*/
}