/* @charset "utf-8";
CSS Document */

body {
	background:url(/images/charte/fond.jpg);
	background-color:#fbfaf4;
	background-attachment: fixed;
	background-repeat:repeat-x;
	font-family: /*"DejaVu Sans", *//*Verdana,*/ Arial, Helvetica, sans-serif; 
	font-size:14px; /*font-weight:bold;*/
	color:#000000;
}

#fondGene {
	position:fixed;
	background:url(/images/charte/filigran.png) 55% 47% no-repeat;
	width:100%;
	height:100%;
	margin:0;
}
#fondGeneIdx {
	position:fixed;
	background:url(/images/charte/filigran.png) 45% 50% no-repeat;
	width:100%;
	height:100%;
	margin:0;
}
#base {
	position:absolute;
	top:50%;
	width:100%;
	height:1px;
	left:0;
	overflow:visible;
	z-index:0;
}

#centrage {
	position:absolute;
	top:-300px;
	left:50%;
	margin-left:-477px;
	/*width:100%;*/
	width:955px;
	height:580px;
	
	/*left:-50%;*/
	/*border-left:#999999 1px solid;
	background-color:#0000FF;*/
	z-index:1;
}

#footer {
	position:absolute;
	width:955px;
	top:580px;
	margin:0 auto;
	/*z-index:3;*/
}

#iconView {
	position:absolute;
	width:40px;
	height:40px;
	left:820px;
	right:230px;
	z-index:6;
	overflow:hidden;
	top: 133px;
}

/* --Elements de mise en page ---------------------------------------------------------*/

#main{
top:0px; left:0px;
width:100%;
height:100%;	
}

/* PAGE D'ACCUEIL */
#logo_accueil {
	position:absolute;
	top:34px;
	left:284px;
	z-index:4; 
	}
	
#id_accueil {
	position:absolute;
	top:291px;
	left:202px;
	z-index:5; 
	}
#acc_accueil {
	position:relative;
	top:365px;
	z-index:6;
}

#btn_accueil {
	position: absolute;
	top:423px;
	left:342px;
	z-index:7;
}

#actu {
position:absolute;
top:494px; 
padding:0px 31px;
height:70px;
z-index:8;
}

/* PAGES SITE */
#actu_site {
background-image:url(/images/charte/translu.png);
background-repeat:repeat;
background-position:top left;
position:absolute;
top:484px; 
margin:0px 31px;
padding:8px 15px;
z-index:8; border-style:solid;
border-color:#bf000c;
border-width:2px; 
-moz-border-radius:14px;
border-radius:14px;
overflow:hidden;
height:70px;
}

#ENTETE{
position:absolute;
top:0px;
left:0px;
height:97px;
width:955px;
}

#smllogo { 
position:absolute; left:0px; top:0px;
}

#menu_bg {position:absolute;
top:6px; left:150px; 
}

#bg_pave { position:absolute;
left:auto; width:190px; height:140px;
background:url(/images/charte/bg_pannel.png) top left no-repeat;
}

#menu_links{
	position:absolute;
	top:51px;
	left:210px;
	width:688px;
}

#diarama { position:absolute; left:10px; top:98px;}
#diarama_h { 
	position:relative; 
	right:4px; 
	top :-10px;
	float: right;
	display:block;
	padding:4px;
	}

#display {
	position:absolute;
	left:150px;
	top:87px;
	width:780px;
}
#display_dyn {
	position:absolute;
	left:150px;
	top:87px;
	width:795px;
	height:404px;
	overflow-x:none;
	overflow-y:auto;
	
}	
#illus_site_accueil { display:block; position:relative; top:0px; right:0px; float:right; padding:4px;}
#illus_site_gauche { display:block; position:relative; top:0px; left:0px; float:left; padding:4px;  /*margin-top:8px;*/}
/* -- Styles overloading --------------------------------------------------------------*/
h1, h2, h3 { font-family: "DejaVu Sans", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
 	font-size: 11px;
	color:#bf000c;
	font-style:normal;
	padding:0 0;
	margin:4px 0;
	}
h1 { font-size:13px;}

h2 { color:#FFFFFF; 
background: transparent url(/images/charte/btn_back_left.png) no-repeat top left;
display: block;
float:left;
height:35px;
line-height:29px;
padding-left: 15px;
margin:0;
}

h2 span{
background: url(/images/charte/btn_back_right.png) no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
color:#FFFFFF;
}

h3 { 
	color:#FFFFFF;
	background: transparent url(/images/charte/title_back_left.png) no-repeat top left;
	display:block;
	float:left;
	height:35px;
	line-height:29px;
	padding-left:12px;
}

h3 span {
	background:url(/images/charte/title_back_right.png) no-repeat top right;
	display:block;
	padding:4px 15px 4px 0;
}
h3 span a{color:#FFFFFF;}
h3 span a:hover{color:#FFFF00;}

h2 span a{color:#FFFFFF;}
h2 span a:hover{color:#FFFF00;}
/*	
.inset1 { background:url(/images/charte/inset2.png) bottom left repeat-x;
	height:35px; 
	margin-left:-11px;
	margin-right:-11px;
	margin-top:-46px;
	}
	
.inset { background:url(/images/charte/inset.png) bottom left repeat-x;
	margin-left:-11px;
	margin-right:-11px;
	margin-top:-23px;
	}
*/
/*	
h1 { 
color: #f0eee9; 
}

h2 { 
	 font-size:18px; font-style:normal; font-weight:bold;
	 color:#f8e4a7;
	 margin-bottom: 8px;
	 background:url(/images/charte/filet_jaune.png) left bottom no-repeat;
	}
	
h3 { 
	font-size:16px; 
	font-style:normal;
	font-weight:bold;
	color:#66655d;
	margin-top:12px;
	margin-bottom:-12px;
	}
*/
/*hr { 
	border:none;
	background:url(/images/charte/filet_dte_gld.png) no-repeat;
}*/
	
p, li, .normal { font-family:/*"DejaVu Sans", *//*Verdana,*/ Arial, Helvetica, sans-serif; 
	font-size:13px; padding:0 0;
	margin: 7px 0;
	color:#666666;}

a { text-decoration:none; color:#bf000c;}
a:hover {color:#ffff00;}
/*a:visited { color:#CC000c;}*/
	
.present li {margin: 6px;}

/* -- Classes -------------------------------------------------------------------------*/
.menu, .menu a
{ 
	color:#ffffff; 
	font-size:13px; 
	font-weight:bold; 
	text-decoration:none;
}
.menu a:hover{text-decoration:none;color:#FFFF00;}
.menu2 
{ color:#ffffff; 
	font-size:13px; 
	font-weight:bold; 
	padding-left: 15px;
	padding-top:10px;
	}
a.slink {color:#FFFF00;}	
a.mlink{ text-decoration:none; color:#FFFFFF;}
/*a.mlink:hover{color:#FF00FF;}
a.mlink:visited{ color:#ffffff;}

a.rlink {color:#bf000c; text-decoration:underline;}
a.rlink:hover{color:#FF00FF;}
a.rlink:visited{ color:#990000;}*/

.note { font-size:10px; font-weight:bold; }
.accent { font-size:11px; text-indent: 0; color:#5c4c4c; }
/*
.legend { 
	background-image: url(filet_dte.png); 
	font-style:italic;}
*/
.slogan { font-size:18px; font-weight:bold;  color:#0;}

.accroche {font-size:18px; color:#bf000c;}
.accrochenormal { font-weight:bold; color:#bf000c;}
.accaps { font-weight:bold; color:#bf000c; text-transform:uppercase;}

.tarif {
	color:#666666; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:none;
}
.smalltitle { font-size:11px;}
.lieuforma { font-size:11px; font-weight:bold; text-transform:uppercase;}

.info { text-align:right; color:#5c4c4c;}

.filet_image { 
	background: url(/images/charte/translu.png) repeat;
	padding: 4px;
	/*-moz-border-radius:6px;
	border-radius:6px;*/
	}
	
.cell_margin { padding-left: 12px; padding-right: 12px; padding-top:0px;
}