@charset "UTF-8";
/* CSS Document */
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li{
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
p {
	font-size: 0.8em;
	line-height: 1.4em;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after{
	clear: both;
}

.cf{
	/* [disabled]zoom: 1; */
}
.boxClear {
	clear: both;
	height: 15px;
}

#bandeNoire {
	height: 30px;
	margin-top: 5px;
	background: #CCC;
}
#bandeBlanche {
	height: 10px;
}
#tagLine {
	font-size: 0.7em;
	width: 1000px;
	margin: 0 auto;
	z-index: 500;
	height: 25px;
}
#tagLine ul li {
	text-decoration: none;
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}
#tagLine li {
	/* [disabled]display: inline-block; */
}
#logoNav {
	width: 1000px;
	margin: 0 auto;
	/* [disabled]background: #0FC; */
	height: 20px;
	position: relative;
}
#logo {
	float: left;
	height: 40px;
	width: 113px;
	position: absolute;
	z-index: 1000;
	top: -35px;
	background: url(../_img/logo.jpg);
	left: -4px;
}
#navPrincipale {
	width: 750px;
	float: right;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 249px;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
}
#navPrincipale ul li {
	list-style: none;
	float: right;
}

#navPrincipale li a {
	display: block;
	text-decoration: none;
	color: #054F78;
	line-height: 30px;
	padding: 0 15px;
	/* [disabled]margin: 0 0 0 10px; */
}
#navPrincipale li a:hover {
	color: #FFF;
	background: #999999;
}
#navPrincipale li a:active {
	background-color: #054F78;
}
#navPrincipale .current  {
	color: #FFF;
	cursor: default;
	background: #054F78;
	margin: 0;
}
#titre {
	width: 1000px;
	margin: 15px auto;
}
#titre h1 {
	font-weight: normal;
	text-align: center;
}
#titre p {
	text-align: center;
	font-style: italic;
}
#navSecondaire {
	height: 30px;
	border-top: 1px solid #CCC;
	text-align: center;
	margin: 0 auto;
	font-size: 0.9em;
	width: 1000px;
}
#navSecondaire ul li {
	list-style: none;
	display: inline-block;
	position: relative;
}

#navSecondaire li a {
	display: block;
	text-decoration: none;
	color: #999999;
	line-height: 25px;
	padding: 0 15px;
	margin: 0 10px;
	border-top: 3px solid #FFF;
}
#navSecondaire li a:hover {
	color: #054F78;
	background: #FFF;
	border-top: 6px solid #054F78;
	height: 25px;
	margin-top: -3px;
}
#navSecondaire .current {
	border-top: 6px solid #054F78;
	margin-top: -5px;
	cursor: default;
	color: #054F78;
}
#container {
	width: 1000px;
	position: relative;
	margin: 15px auto;
}
#colMetiers {
	width: 235px;
	float: left;
	margin-bottom: 30px;
}
.boxClient {
	float: left;
	height: 260px;
	width: 235px;
	margin: 0 0 15px 15px;
	background: #FF0;
}
#boxClient #img {
	position: static;
}
.cartoucheClient {
	background: #FFF;
	display: inline-block;
	/* [disabled]opacity: .7; */
	color: #000;
	padding: 4px 8px;
	position: relative;
	top: -27px;
	font-size: 0.8em;
	z-index: 1000;
	font-weight: bold;
}
a #boxClient {
	text-decoration: none;
}
a:hover #boxClient  #img{
	opacity: .7;
}
a:hover #boxClient #cartoucheClient {
	background: #054F78;
	color: #FFF;
}
.boxClientCorp {
	float: left;
	height: 260px;
	width: 235px;
	margin: 0 0 15px 15px;
	/* [disabled]background: #FF0; */
}
#boxClientCorp #img {
	position: static;
}
.cartoucheClientCorp {
	background: #000;
	/* [disabled]display: inline-block; */
	/* [disabled]opacity: .7; */
	color: #FFF;
	padding: 4px 8px;
	position: relative;
	top: -27px;
	font-size: 0.8em;
	z-index: 1000;
	font-weight: bold;
}
a #boxClientCorp {
	text-decoration: none;
}
a:hover #boxClientCorp  #img{
	/* [disabled]opacity: .7; */
}
a:hover #boxClientCorp #cartoucheClientCorp {
	background: #000;
	color: #FFF;
	opacity: .5;
}
#contenuClients {
	float: right;
	width: 750px;
	position: relative;
	padding: 25px 0 0 0;
}
#ficheCover {
	height: 150px;
	width: 200px;
	z-index: -10;
	float: left;
	margin: 0 0 20px 0;
}
#ficheEditeur {
	height: 150px;
	width: 200px;
	z-index: -10;
	float: left;
	margin: 0 0 20px 0;
}
#ficheNom {
	float: right;
	z-index: 500;
	margin: 0 0 30px 0;
	width: 750px;
}
#ficheNom h1 {
	border-bottom: 1px solid #CCC;
}
#ficheNom p {
	clear: both;
	margin: 5px 0 0;
	padding-top: 5px;
}
#ficheNom ul li {
	list-style: none;
	font-size: 0.7em;
	float: right;
	text-transform: uppercase;
	display: inline-block;
	line-height: 30px;
	margin: 2.5px 10px 10px 0;
}
#ficheNom li {
	display: inline-block;
}
#ficheNom ul li a {
	display: block;
	height: 20px;
	line-height: 25px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}
#ficheNom ul li a:hover {
	color: #054F78;
	border-top: 5px solid #054F78;
	margin-top: -5px;
}
#ficheNom ul li .current  {
	color: #054F78;
	cursor: default;
	border-top: 5px solid #054F78;
	margin-top: -5px;
}
#imgDisplay {
	width: 730px;
	clear: both;
	margin: 10px 0 25px 0;
}
#imgDisplayEdition {
	width: 550px;
	/* [disabled]clear: both; */
	margin: 0 20px 25px 0;
	float: left;
}
#imgDisplayFond {
	width: 730px;
	clear: both;
	margin: 10px 0 25px 15px;
	z-index: -100;
}
.imgSmall {
	height: 60px;
	float: left;
	margin: 0 15px 15px 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	cursor: pointer;
}
a .imgSmall  {
	box-shadow: 2px 2px 7px 2px #CCC;
}
a:hover .imgSmall  {
	box-shadow: none;
	margin:3px 12px 12px 3px;
}
#navClients {
	float: left;
	width: 235px;
}
#navClients ul li{
	font-size: 0.85em;
	list-style: none;
	text-align: left;
}
#navClients a{
	display: block;
	width: 230px;
	text-decoration: none;
	color: #999999;
	line-height: 30px;
	margin: 0 0 5px 0;
}
#navClients a:hover{
	color: #666666;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	/* [disabled]text-align: right; */
	margin-bottom: 4px;
}
#navClients .current  {
	color: #054F78;
	list-style: circle inside;
	font-weight: bold;
	border-bottom: 1px solid #054F78;
	text-align: right;
	margin-bottom: 4px;
	cursor: default;
}
#contenuContact {
	float: right;
	width: 750px;
	position: relative;
	padding: 25px 0 0 0;
}
#colContact .souligné {
	display: block;
	border-bottom: 1px solid #CCC;
	font-size: 0.7em;
	line-height: 2em;
}
#contenuContact h1 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 25px;
}
#colContact {
	width: 235px;
	float: left;
	margin-bottom: 30px;
	padding: 25px 0 0 0;
}
#colContact h1 {
	border-bottom: 1px solid #CCC;
}

#footer {
	clear: both;
	height: 20px;
	border-top: 1px solid #CCC;
	text-align: right;
	font-size: 0.95em;
	background: #CCC;
	margin-top: 50px;
}
#navPied {
	float: right;
	height: 20px;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
}
#navPied ul li {
	list-style: none;
	float: right;
}

#navPied li a {
	display: block;
	text-decoration: none;
	color: #054F78;
	line-height: 20px;
	padding: 0 15px;
	/* [disabled]margin: 0 0 0 10px; */
}
#navPied li a:hover {
	color: #FFF;
	background: #999999;
}
#navPied li a:active {
	background: #054F78;
}
#navPied .current  {
	color: #FFF;
	cursor: default;
	background: #054F78;
	margin: 0;
}
.imgBorder {
	border: 1px solid #CCC;
	width: 800px;
}