/* Affiche la structure générale du layout */
/* Intégrateur : G.Mélot */
/* Date Intégration : 30 Mars 2009 */

/* Import du reset CSS de Eric Meyer */
@import url('reset.css');

/* Import des sous-templates */
@import url('main_extend.css');

/* Import des styles pour la compatibilité avec tinyMce */
@import url('main_extend_tinymce.css');

/* Styles pour l'accessibilité W3C W.A.I. */
.w3c_wai{
display:none;
}

/* BODY */
#body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#252525;
background:url(../../images/layout/main.body.jpg) top center repeat-x;
}

a{
text-decoration:none;
color:#6f706f;
}

/* ENTETE */
#header{
width:680px; /* 700 - 2*10 */
height:90px;
margin:11px auto 0 auto;
position:relative;
}

	#header_logo{
	float:left;
	}
	
	#header_bloc_right{
	float:right;
	}
	
		#header_langues{
		float:right;
		margin-right:7px;
		}
			
			#header_langues li{
			float:left;
			width:21px;
			line-height:21px;
			text-align:center;
			}
			
				#header_langues a{
				color:#6F706F;
				background:url(../../images/layout/main.langues.png);
				width:21px;
				line-height:21px;
				display:block;
				text-transform:capitalize;
				}
				
				#header_langues a:hover, #header_langues a.actif{
				color:#252525;
				background-position:bottom center;
				}
		
		#header_menu{
		float:right;
		background:#252525 url(../../images/layout/main.lang.left.png) no-repeat top left;
		line-height:21px;
		padding:0 0 0 5px;
		color:#FFFFFF;
		}
			
			#header_menu li{
			float:left;
			}
			
				#header_menu li a{
				color:#FFFFFF;
				line-height:21px;
				}
				
				#header_menu li.actif a, #header_menu li a:hover{
				color:#ffdc00;
				}
			
				.header_menu_last{
				background:url(../../images/layout/main.lang.right.png) top right no-repeat;
				width:9px; height:21px;
				}
		
		#header_espace_client{
		clear:both;
		background:url(../../images/layout/main.espace.client.gif) no-repeat top left;
		width:115px; height:35px;
		padding-left:50px;
		line-height:35px;
		float:right;
		margin-top:20px;
		font-size:14px;
		padding-top:3px;
		}
			
			#header_espace_client a{
			color:#666666;
			font-weight:600;
			}
			
			#header_espace_client a:hover{color:#aaaaaa;}
		
		#header_espace_client_actif{
		background:url(../../images/layout/main.espace.client.actif.gif) no-repeat top left;
		position:absolute;
		top:40px;
		right:0px;
		height:35px;
		line-height:35px;
		}	
			
			#header_espace_client_actif div{
			background:url(../../images/layout/main.espace.client.actif.end.gif) no-repeat top right;
			font-size:11px;
			padding-left:60px;
			padding-right:5px;
			padding-top:4px;
			}
			
			#header_espace_client_actif input{
			width:18px; height:18px;
			margin-left:5px;
			background:url(../../images/layout/main.menu.deconnexion.gif) center center no-repeat;
			border:none;
			cursor:pointer;
			}
			
			#header_espace_client_actif strong{
			font-weight:bold;
			text-transform:capitalize;
			}
		
		#header_espace_client_deconnexion{
		
		}
		
		#header_menu_back{
		display:block;
		float:left;
		background:url(../../images/layout/main.menu.top.arrow.back.gif) top left no-repeat;
		width:30px; height:40px;
		}
		
			#header_menu_back:hover{
			background-position:top right;
			}

/* CORPS */
#content{
width:680px; /* 700 - 2 * 10 */
padding:10px 10px 0 10px;
margin:0 auto;
clear:both;
background:#eeeeee url(../../images/layout/main.content.top.jpg) top left no-repeat;
}

	#content_menu{
	background:url(../../images/layout/main.menu.top.png) no-repeat top left;
	width:680px; height:40px;
	margin:0 auto;
	margin-bottom:5px;
	}
		
		#content_menu ul{
		float:left;
		width:620px;
		height:40px;
		margin:0 auto;
		overflow:hidden;
		}
		
			#content_menu li{
			display:block;
			float:left;
			}
			
				#content_menu li a{
				font-size:14px;
				display:block;
				line-height:40px;
				background:url(../../images/layout/main.menu.top.separation.png) no-repeat top right;
				padding:0 0.5em;
				color:white;
				font-weight:600;
				}
				
				#content_menu li.actif a, #content_menu li a:hover{
				color:#ffdc00;
				}
		
		#header_menu_next{
		display:block;
		float:right;
		background:url(../../images/layout/main.menu.top.arrow.next.gif) top right no-repeat;
		width:30px; height:40px;
		}
		
			#header_menu_next:hover{
			background-position:top left;
			}
	
	#content_menu_client{
	background:url(../../images/layout/client.menu.jpg) no-repeat top left;
	width:625px; height:30px;
	padding-left:50px;
	padding-right:5px;
	color:#FFFFFF;
	margin-bottom:5px;
	}
		
		#cmc_back{
		width:20px; height:30px;
		margin-right:5px;
		float:left;
		background:url(../../images/layout/espace.boule.back.gif) no-repeat center left;
		}
		#cmc_back:hover{background-position:center right;}
		
		#cmc_next{
		width:20px; height:30px;
		float:right;
		background:url(../../images/layout/espace.boule.next.gif) no-repeat center right;
		}
		#cmc_next:hover{background-position:center left;}
		
		#content_menu_client ul{
		margin:0 auto;
		width:570px;
		float:left;
		height:30px;
		overflow:hidden;
		/*border:1px solid blue;*/
		}
		
		#content_menu_client ul li{
		display:block;
		float:left;
		}
		
			#content_menu_client ul li a{
			color:#FFFFFF;
			line-height:30px;
			}
			
			#content_menu_client ul li.actif a, #content_menu_client ul li a:hover{
			color:#ffdc00;
			}
	
	#content_banniere{
	position:relative;
	width:680px;
	height:240px;
	margin-bottom:10px;
	}
	
		#content_cuivre{
		position:absolute;
		z-index:200;
		bottom:10px;
		right:10px;
		width:165px; 
		height:56px;
		}
		
			#conten_cuivre_cache{
			position:absolute;
			z-index:200;
			}
			
			#content_cuivre_infos{
			position:absolute;
			z-index:300;
			padding:10px 0 0 10px;
			width:155px;
			color:#454545;
			}
				
				#content_cuivre_arrow{
				float:left;
				margin:0 10px 0 0;
				}
			
			#content_cuivre_valeurs{
			float:left;
			width:115px;
			}
				
				.content_cuivre_valeur{
				font-size:24px;
				line-height:28px;
				}
				
		#content_slogan{
		position:absolute;
		top:20px;
		right:10px;
		z-index:300;
		background-color:#fff;
		padding:5px;
		color:#006093;
		line-height:16px;
		border:1px solid #999999;
		}
	
		#content_banniere_js{
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		border:1px solid #858585;
		width:678px;
		height:238px;
		}
	
	#content_sous_menu, #content_sous_menu_client{
	background:url(../../images/layout/main.sous.menu.gif);
	height:26px;
	line-height:26px;
	width:670px;
	padding:0 5px 0 5px;
	margin-bottom:7px;
	}
	
		#content_sous_menu li{
		float:left;
		}
		
		#content_sous_menu li a{
		color:#FFFFFF;
		background:url(../../images/layout/main.ss.menu.puce.gif) no-repeat center left;
		padding:0 15px 0 12px;
		}
		
		#content_sous_menu li.actif a, #content_sous_menu li a:hover{
		background:url(../../images/layout/main.ss.menu.puce.actif.gif) no-repeat center left;
		color:#ffdc00;
		}
	
	#content_sous_menu_client{
	background:url(../../images/layout/main.sous.menu.espace.client.png) no-repeat center left;
	}
	
		#content_sous_menu_client li{
		background:url(../../images/layout/main.puce.sous.menu.gif) no-repeat center left;
		padding:0 15px 0 12px;
		}
		
			#content_sous_menu_client li a{
			color:#FFFFFF;
			}
			
			#content_sous_menu_client li.actif a{
			color:#FFDC00;
			}
	
	#content_view{
	height:auto !important;
	min-height:500px;
	height:500px;
	}
	
		#content_view a{
		font-weight:bold;
		color: #3366FF;
		}
		
		#content_view a:hover{
		color: #A1A1A1;
		}
	
	#content_view_bottom{
	background:url(../../images/layout/main.content.bottom.png) top left no-repeat;
	width:700px;
	height:11px;
	clear:both;
	margin:0 auto 10px auto;
	}

/* FOOTER */
#footer{
width:690px; /* 700 - 5 * 2 */
margin:0 auto;
background:#b6b6b6 url(../../images/layout/main.footer.backg.jpg) top left no-repeat;
padding:5px;
}

	#footer a{
	color:#e6e6e6;
	}
	
	#footer a:hover{
	color:#FFDC00;
	}
	
	#footer_menu{
	float:left;
	width:490px;
	color:#e6e6e6;
	}
	
		#footer_menu li{
		display:block;
		float:left;
		}
		
		#footer_menu li a{
		color:#e6e6e6;
		}
		
		#footer_menu li.actif a, #footer_menu li a:hover{
		color:#FFDC00;
		}
	
	#footer_novitis{
	float:right;
	}
	
	#footer_keywords{
	clear:both;
	line-height:1.25em;
	text-align:justify;
	padding-top:10em;
	color:#AAAAAA;
	font-size:11px;
	}