@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0; border:none 0 px;}
body {
	background-color:#FFFFFF;
	background-image:url(imgweb/fond3.gif);
	background-repeat:repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
#conteneur {
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left:-425px;
	top: 40px;
		}
		
/*divs chapeaux*/		
		
#conteneur #top {
	position:relative;
	width: 100%;
	text-align:center;
	height:52px;
	color:#000000;
	background-color:#FFFFFF;
	}		
#conteneur #top #cadremenu {
	position:relative;
	width: 849px;
	height:30px;
	padding-top:5px;
	overflow:visible;
	vertical-align:top;
	}
#conteneur #top #cadremenu span {
	float:left;	
}	

/*divs du centre / contenu photo et textes	*/
	
#conteneur #calquemarges {
	height:410px;
	width:850px;
	white-space:nowrap;
	overflow:auto;
	background-color:#FFFFFF;
	overflow-y: hidden; 
	}
#calquemarges img {
	margin-right:5px;
	display:inline;
	}	
span.infos {
	display:none;
	}
				
#conteneur #calquecouleur {
	height: 410px;
	width:850px;
	white-space:nowrap;
	overflow:auto;
	background-color:#FFFF00;
	overflow-y: hidden; 
	}
#calquecouleur img {
	margin-right:2px;
	display:inline;
	}
#conteneur #calquerouge {
	height: 410px;
	width:850px;
	white-space:nowrap;
	overflow:auto;
	background-color:#FF0000;
	overflow-y: hidden; 
	}
#calquerouge img {
	margin-right:2px;
	display:inline;
	}
#conteneur #calquecarnet {
	height: 470px;
	margin-top:10px;
	width:850px;
	background-color:#FFFFFF;
	overflow: hidden; 
	}
#calquecarnet img {
	margin-left:52px;
}	
#conteneur #calquetexte {
	height: 410px;
	width:850px;
	overflow:auto;
	overflow-x: hidden; 
	}
#calquetexte a, #calquetexte a:visited, #calquetexte a:hover {
	color:#898989; 
	}
#calquetexte a:active {
color:#FFFF00;
}


/*divs du bas*/

#conteneur #bas {
	overflow:hidden;
	width:850px;
	padding-top:20px;
	margin-bottom:20px;	
	}

#conteneur #fleches {
	overflow:hidden;
	height:30px;
	width:850px;
	padding-top:20px;
	text-align:center;
	}	

	
img {
	border:none;
	}

.legende {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#3D3D3D;
	}
.caps {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height: 2.0em;
	}
.capsgeant {
	font: normal 24px Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	}	
.logo {
	float:left;
	margin-right:20px;
	}
	
.editorial, .editorial ul li ul li a:hover{
	color:#835D9E;
	text-decoration:none;
	}
.portfolio, .portfolio ul li ul li a:hover {
	color:#ED7B00;
	text-decoration:none;
	}
.commercial, .commercial ul li ul li a:hover{
	color:#E1007A;
	text-decoration:none;
	}
.clients, .clients ul li ul li a:hover {
	color:#00AEE5;
	text-decoration:none;
	}
.contact, .contact ul li ul li a:hover {
	color:#FF0000;
	text-decoration:none;
	}
.links, .links ul li ul li a:hover {
	color:#70BEA6;
	text-decoration:none;
	}
.gris {
	color:#898989;
	}