/* Général */
body {
	color: #303030;
	background: #ffffff;
}
a {
	color: #768200;
}
a:hover, a:focus {
	color: #768200;
}
#entete {
	background: url(images/bandeau_haut.jpg) bottom left no-repeat;
	background-size: 100%;
}
#menutop {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menutop li {
	display: inline;
}
#menutop a {
	margin: 0 2px;
	color: #666D71;
	text-decoration: none;
}
#menutop a:hover {
	text-decoration: none;
	font-weight: bold;
}
/******************/
			/* Menu graphique */
			/******************/
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;		/* Création du contexte de formatage */
}
#nav #en-cours {
	color: #8B9E00;
	display: block;
	/*background: #900 url(lienNormal.png) left top no-repeat ;*/
	font: 1.3em "helvetica", Bitstream Vera Sans, Lucida Grande, sans-serif;
	line-height: 1em;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
}
#nav li {
	float: right;
	width: 150px;
	/*border: 1px solid #600 ;*/
	margin-right: 1px;
	color: #000000;
	background: #ffffff;
}
#nav li a {
	display: block;
	/*background: #900 url(lienNormal.png) left top no-repeat ;*/
	color: #000000;
	font: 1.3em "helvetica", Bitstream Vera Sans, Lucida Grande, sans-serif;
	line-height: 1em;
	padding: 4px 0;
	text-align: center;
	text-decoration: none;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	/*background: #033 url(lienHover.png) left top no-repeat ;*/
	color: #768200;
	text-decoration: none;
}
/* Conteneur central */
#centre {
	background: url(images/bandeau_bas.jpg) top left no-repeat;
	background-size: 100%;
}
#centre-bis {
/*background: url(img/11-coldroite.png) repeat-y right top;*/
}
/* Gauche */
#gauche {
}
#gauche img {
	display:block;
	margin:0 auto;
}

/*----------les boutons avec effet hover page d'accueil------------*/
#rond_edivista{
position:relative;
width:299px;
height:294px;
background: url(images/rond_edivista.png) no-repeat;
top:-10px
}

#bouton11{
position: relative;
width:130px;
height:174px;
top:18px;
left:20px;
margin:0;
background: url(images/bouton1_1.png) no-repeat;
z-index:1;
cursor:pointer;
}
#bouton21{
position: relative;
width:129px;
height:120px;
top:-157px;
left: 150px;
margin:0;
background: url(images/bouton2_1.png) no-repeat;
z-index:2;
cursor:pointer;
}
#bouton31{
position: relative;
width:253px;
height:153px;
top:-167px;
left: 29px;
margin:0;
background: url(images/bouton3_1.png) no-repeat;
z-index:0;
cursor:pointer;
}


/* Contenu principal */
#principal {
	color: #181A12;
}
#principal a {
	color: #768200;
}
#principal a:hover, #principal a:focus {
	color: #768200;
}

div#cadrecentresynakene {
	width: 297px;
	padding-top: 70px;
	background: url(images/boxe_synakene_titre.png) top left no-repeat;
}
div#bloccadrecentresynakene {
	padding: 3px 0px 4px 0px;
	Height: 143px;
	background: url(images/boxe_synakene_bas.png) top left no-repeat;
}
div#bloccadredroitsynakene img {
	float: left;
	padding: 0;
}
div#bloccadrecentresynakene p {
	padding: 0px 15px 0px 15px;
}
div#bloccadrecentresynakene a {
	text-decoration: underline;
	color: #349DC1;
}
div#bloccadrecentresynakene a:hover {
	text-decoration: underline;
	color: #349DC1;
	font-weight:bold;
}
/* Contenu secondaire */
#droite {
}
div#cadredroitactalite {
	width: 297px;
	padding-top: 38px;
	background: url(images/boxe_actualite_titre.png) top left no-repeat;
}
div#bloccadredroitactalite {
	padding: 2px 15px 5px 15px;
	Height: 178px;
	background: url(images/boxe_actualite_bas.png) top left no-repeat;
}
div#bloccadredroitactalite img {
	float: right;
	padding: 0px;
}
div#bloccadredroitactalite h3 {
	margin-top: 3px;
}
div#cadredroitcontact {
	width: 297px;
	padding-top: 38px;
	background: url(images/boxe_contact_titre.png) top left no-repeat;
}
div#bloccadredroitcontact {
	padding: 10px 0px 2px 0px;
	Height: 178px;
	color: #ffffff;
	background: url(images/boxe_contact_bas.png) top left no-repeat;
}
div#bloccadredroitcontact img {
	float: left;
	padding: 0;
}
div#bloccadredroitcontact p {
	padding: 0px 15px 0px 15px;
	font-weight:bold;
}
div#bloccadredroitcontact a {
	text-decoration: underline;
	color: #ffffff;
}
div#bloccadredroitcontact a:hover {
	text-decoration: underline;
}
#pied {
	height: 80px;
}
a.E {
	vertical-align:middle;
	display:inline-block;
	width:88px;
	height:20px;
	background-image: url('images/espace_client_on.png')
}
a.E:hover {
	visibility: visible
}
a.E:hover img {
	visibility: hidden
}
a.F {
	float: right;
	display:inline-block;
	width:86px;
	height:25px;
	margin:15px 0 0 0;
	background-image: url('images/espace_actualite_off.png')
}
a.F:hover {
	visibility: visible
}
a.F:hover img {
	visibility: hidden
}
.ligne {
	background: transparent;
	border-color: #666D71;
	border-width: 0 0 1px;
	border-style: solid;
}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	/*max-width: 90em;*/
	max-width: 980px;
	width:auto !important;
    width:980px;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
}
/* En-tête */
#entete {
	padding: 0 0 0 0;
	height: 109px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
#logo {
	position: relative;
	float: left;
	top:0px;
	left:0px;
}
#menutop {
	height: 55px;
	background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	padding: 0;
}
/* Bloc central */


#centre-bis {
	width: 100%;
	overflow: hidden;
		height:460px;
}
/* Menu de navigation */
#gauche {
	float: left;
	width: 304px;
	padding: 0px 10px 20px 30px;
}
/* Contenu principal */
#principal {
	margin-left: 324px;
	margin-right: 324px;
	padding: 10px 20px;
}
#principal > :first-child {
	margin-top: 0;
}
#principal p, #principal li {
	line-height: 1.5;
}
/* Contenu secondaire */
#droite {
	float: right;
	width: 324px;
	padding: 0px;
	margin-top: 10px;
}
/* Pied de page */
#pied {
	margin: 0;
	font-size: .85em;
}
#pied p {
	padding: 15px 0px 10px 0px;
	text-align:center;
}
/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}
/*--------------------Société, slide notre équipe-------------------*/
#equipe_slide{
position: relative;
width:296px;
height:227px;
top:7px;
background: url(images/equipe_1.png) no-repeat;
overflow: hidden;
cursor:pointer;
}

#bonhom{
position: relative;
width:129px;
height:220px;
top:7px;
left:1px;
background: url(images/equipe_2.png) no-repeat;
z-index:2;

}

#cache_blanche{
position: relative;
width:296px;
height:227px;
top:-220px;
/*left:0px;*/
left:296px;
background: url(images/cache_blanc.png) no-repeat;
z-index:1;
}