/* screen */

@import url("styles.css");

/*
	1. styles par defaut
	2. mise en page des blocs
	3. gestion de la mise en page multi-colonnes
*/

/* 1. styles par defaut */

body{ text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; color:#737272;}
h1{}
h2{ font-size:14px; color:#897B59;}
h3{ font-size:12px; color:#897B59; margin:10px 0;}
h4{ font-size:11px; color:#666; margin:10px 0;}
p{ margin:10px 0;}
ul{ margin:0; padding:0; list-style:none;}
li{	background:url("../../../images/front/lot2/pict_chevron.png") no-repeat 0 5px; padding-left:0.8em; margin:2px 0;}
blockquote{}
caption{ text-align:left;}
table{ border-collapse:collapse; border-spacing:0; margin:10px 0;}
th,td{ margin:0; padding:5px; font-size:11px;}
img{ border:none;}
form{ margin:0; padding:0;}
input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle;
	background-color:#F2F2F2;
	border:1px solid #CCC;
	color:#666;
}

a{ color:#666;}
h2 a, h3 a, h4 a{ color:#897B59;}
a:hover{ color:#897B59;}
a:active{}
a:visited{}


/* 2. mise en page des blocs */

#page{
	position:relative;
	width:759px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #CECFD0;
	text-align: left; 
	
}

#accessibilite{
	display:none;
}

#logo{
	background-color:#EDEEEE;
	padding:16px 0;
}
#logo h1{
	margin:0;
	padding:0;
	text-align:center;
	height:42px;
}

#privilege{
	background:url("../../images/front/bg_privilege.png") no-repeat 0 0;
	height:15px;
}
#privilege p{
	margin:0;
	padding:0;
	text-align:right;
}

#flash{
	height:81px;
}
#flash p{
	margin:0;
}

#bandeau_print{ display:none;}

#breadcrumb{
	margin:3px 0 10px 137px;
	font-size:10px;
}
#breadcrumb a.link{
	color:#4F5557;
}
#breadcrumb span{
	color:#897B59;
}

#corps{
	position:relative;
	background-position:0 100%;
	background-repeat:no-repeat;
}
/* hide from mac \*/
* html #corps {height: 1%;} /* ajout pour IE6 : mauvais positionnement de menu-gauche */
/* end hide */ 

#contenu{
	margin-top:2px;
	margin-left:123px;
	margin-right:160px;
	padding:0 14px 50px;
	min-height:320px; /* ajuster pour permettre à la colonne centrale d'être toujours plus longue que les colonnes gauche et droite */
	_height:320px; /* idem pour IE */
}
* html .fiche{
 height:1%;
}
.fiche:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#menu{
	position:absolute;
	top:0;
	border-top:6px solid #FFF;
	left:0;
	width:123px;
	padding-right:1px;
}
#menu h2{
	height:auto;
	margin:-3px 0 13px 0;
	_margin:0 0 10px;
}
#menu ul{
	margin:10px 4px;
	padding:0;
	list-style:none;
	text-align:right;
}
#menu li{
	margin:4px 0;
	background:none;
}
#menu a{
	text-decoration:none;
}
#menu ul ul{
	font-size:10px;
	margin:0 0 10px;
}
#menu li.on, #menu a.on{
	color:#897B59;
}
#menu li li{
	background:url("../../images/front/pict_smenu_off.png") no-repeat 100% 6px;
	padding-right:6px;
	margin:0;
}
#menu li li.on{
	background:url("../../images/front/pict_smenu_on.png") no-repeat 100% 6px;
}

#menu-droite{
	position:absolute;
	top:0;
	right:0;
	padding-right:10px;
	width:160px; /* la largeur doit ?tre fixŽe pour IE mac */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:150px;
}
#menu-droite h2{
	height:14px;
	margin-bottom:0;
}
#menu-droite h3{
	color:#897B59;
}
#menu-droite h3, #menu-droite p, #menu-droite ul{
	margin:5px;
	padding:0;
	font-size:10px;
}

p#print{
	height:15px;
	background:url("../../images/front/pict_print.png") no-repeat 0 0;
	padding-left:22px;
}

p#top{
	background:url("../../images/front/pict_top.png") no-repeat 0 50%;
	padding-left:12px;
}

#contact{
	z-index:1;
	position:absolute;
	right:0;
	bottom:14px;
}
#contact p{
	margin:0;
}

/* footer */
#footer {
	clear: both;
	position:relative;
	text-align:center;
	border-top:1px solid #CECFD0;
	padding:5px 0;
	height:28px;
	font-size:10px;
}	
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	display: inline;
	padding: 0 10px 0 0;
	margin: 0;
	white-space: nowrap;
	background:none;
}

#footer #copyright{
	position:absolute;
	top:5px;
	left:5px;
	width:270px;
	text-align:left;
	margin:0;
	color:#AAA;
}

#footer #filial{
	position:absolute;
	top:10px;
	left:205px;
	width:360px;
	text-align:center;
	color:#666;
}


/* 3. gestion de la mise en page multi-colonnes */


/* 3 colonnes */
#page.layout-3cols #contenu{
	margin-left:123px;
	margin-right:160px;
}

/* 2 colonnes */
#page.layout-2cols #contenu{
	margin-left:123px;
	margin-right:0;	
}
#page.layout-2cols #menu-droite{
	display:none;
}
#page.layout-2cols p#print{
	float:right;
	width:120px;
	font-size:10px;
}

/* 1 colonne */

#page.layout-1col #contenu{
	margin-left:7px;
	margin-right:0;
	
}
#page.layout-1col #menu-gauche{
	display:none;
}
#page.layout-1col #menu-droite{
	display:none;
}