/* ------------------------------------------------------------------------ */
/* -- CSS concernant l'architecture des pages du site autres que la home -- */
/* ------------------------------------------------------------------------ */
#header {
	width: 980px;
	padding:0px;
	margin:0px;
	border-top: 1px solid #898266;
}
#content {
	width: 980px;
}
#footer {
	width: 980px;
	clear:both;
}

/* ------------------------------ */
/* -- CSS concernant le header -- */
/* ------------------------------ */
/* CSS concernant les bandeaux de pub */
#pub_haut {
    text-align:center;
    padding:5px 0px 5px 0px;
    background-color: #EDEEF0;    
    border-bottom: 1px solid #898266;
}
#Bloc_identification {
	float:right;
	margin:5px 7px 5px 0px;
}
#Bloc_identification h1 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#789F24;
	text-decoration:underline;
}
#Bloc_identification input {
	border:1px solid #A1A2A6;
	width:118px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}
/* CSS du bloc identification une fois logué */
#Bloc_identification_on {
	float:right;
	margin:5px 20px 5px 0px;
}
/* Bloc Recherche */
#recherche {
	width: 756px;
	height: 35px;
	background-color: #C1B59B;
}
.champ {
	width: 376px;
	height: 20px;
	border: 1px solid #898266;
	vertical-align:middle;
	margin: 2px 5px 0px 10px;
}
/* Bloc ligne d'ariane */
#ariane {
	padding: 0px 0px 0px 223px;
	color: #89816A;
	font-size:9px;
}

/* ------------------------------- */
/* -- CSS concernant le content -- */
/* ------------------------------- */
/* CSS des 3 colonnes :  */
#col1 {
	width: 223px;
	float: left;	
}
#col2 {
	float: left;
	width: 593px;	
	border-left: 1px solid #898266;
	/* pour controler la hauteur minimum */
	_height: 660px;
	min-height: 660px;			
	/* special pour safari MO Opéra */
	display:table-cell;
}
#col3 {
	width: 163px;
	float: right;
}

/*  Pour les pages possédant Colonne 2 unique et 3 qui n'existe pas*/
#col2bis {
	float: right;
	width: 756px;
	border-left: 1px solid #898266;
}

/* CSS des blocs de la colonne 1 */
/* CSS du bloc menu */
#menu{
	margin:10px 24px 15px 44px;
	text-align:left;	
}
#menu a {
	color:#89816A;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}
#menu a:hover {
	color:#FF5200;
	text-decoration: underline;
}
#menu a.menu_videos {margin:3px 0px 0px 0px;}
#menu a.menu_videos span {
	background-color: #B8AD94;
	color: #FFFFFF;
	padding:1px 2px 1px 2px;	
}
#menu a.menu_videos:hover {
	text-decoration: none;
}
#menu h1 {
	color:#789F24;
	font-size: 10px;
	margin: 10px 0px 3px 0px;	
	font-weight: bold;	
	border-bottom: 1px solid #729A39;
}

/* CSS du bloc mon compte*/
#mon_compte {
	border-top: 1px solid #898266;
	padding:15px 24px 10px 44px;
	text-align:left;
}
#mon_compte a {
	color:#89816A;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}
#mon_compte a:hover {
	color:#FF5200;
	text-decoration: underline;
}
#mon_compte h1 {
	color:#789F24;
	font-size: 10px;
	margin: 0px 0px 3px 0px;	
	font-weight: bold;	
	border-bottom: 1px solid #729A39;
}
/* CSS du bloc guide environnemental*/
#guide_envir {
	margin:0px 24px 20px 44px;
}
/*CSS du pave de pub */
.pave_pub {
	margin:0px 24px 10px 0px;
	text-align: right;
}

/* CSS des blocs de la colonne 2 */
/* Bloc centrale */
#centre {
	margin: 20px 20px 0px 20px;	
}
#centreRecherche {
	margin: 20px 10px 0px 20px;	
}

/* CSS de la barre de naviguation */
#barre_nav {
	color: #89816A;
	font-size: 9px;
	margin:3px 0px 0px 0px;
}
#barre_nav a {
	color: #89816A;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
#barre_nav a:hover {
	color: #FF5200;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

/* CSS des blocs de la colonne 3 (colonne des sky de pub) */
.sky {
	margin: 15px 0px 0px 0px;
	text-align: right;
}

/* ------------------------------ */
/* -- CSS concernant le footer -- */
/* ------------------------------ */
#annonceur {
	float:left;
	width:223px;
	padding:5px 0px 0px 0px;
}
#annonceur a {
	margin:0px 0px 0px 44px;	
	color:#89816A;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}
#annonceur a:hover {
	color:#FF5200;
	text-decoration: underline;
}
#footer_vide {
	width: 223px;
	height: 35px;
	border-right: 1px solid #898266;
	float: left;
}
#liens {
	width: 980px;
	border-top: 1px solid #898266;
	clear:both;
	font-size:9px;
	text-align:center;
	color: #000000;
	padding: 10px 0px 0px 0px;
}
#liens a {
	text-decoration: none;
	color: #000000;
}
#liens a:hover {
	color:#FF5200;
}