/* CSS Document */
body {
	background-image: url('images/Fond-C2G-Interactive.jpg');
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: justify;
}
table {
	font-size: 12px;
}
.spip {
	margin-top:0px;
	line-height:14px;	
}
strong.spip {
	margin-top:0px;
	line-height:14px;
	font-weight:normal;
	color: #666;	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:14px;
	font-weight:normal;
	margin-bottom:14px;
	color: #666;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #666;
}
a {
	color: #234E79;	
	text-decoration:none;
}
a.bleu {
	color: #234E79;	
	text-decoration:none;
}
a:hover, a.actif {
	text-decoration:none;
	color: #EAA41D;
}
#haut {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 906px;
	height: 8px;
	background-image: url('images/Carte-Haut.gif');
}
#conteneur {
	margin-right: auto;
	margin-left: auto;
	width: 906px;
	min-height: 549px;
	overflow:auto;
	background-image: url('images/Carte-Centre.gif');
	background-repeat: repeat-y;
}
#separateur {
	clear:both;
}
#contenu {
	z-index: 1;
	margin-right:20px;
	margin-left:20px;
	width:866px;	
/*	float:right; */
}
#fade {
	visibility:hidden;
	margin-top:100px;
	margin-right:20px;
	margin-left:226px;
	width:600px;
}
#texte {
	z-index: 1;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	width:600px;	
}
#intro {
	z-index: 1;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	width:480px;	
}
#texte2 {
	z-index: 1;
	margin-top:0px;
	margin-right:20px;
	margin-left:226px;
	width:600px;	
}
#clients {
	z-index: 1;
	margin-top:0px;
	margin-right:8px;
	margin-left:214px;
	width:676px;
	height: 100%;
	
}
#pied-page {
	background-image: url('images/Carte-Centre.gif');
	margin-right: auto;
	margin-left: auto;
	width: 906px;
	height: 40px;
}
#bas {
	margin-right: auto;
	margin-left: auto;
	width: 906px;
	height: 8px;
	background-image: url('images/Carte-Bas.gif');
}
hr {
	margin-top:0px;
	border: 0;
	height: 1px;
	color:#EAA41D;
	background-color:#EAA41D;
}
#logo {
	float:left;
	margin-left:15px;
	margin-top:5px;
}
#menu {
	float: right;
	width: 660px;
	height: 50px;
	margin-top:47px;
	margin-right:20px;
	margin-left:0px;
	background-image: url('images/Fond-Menu.gif');
	
}
#flash {
	z-index: 2;
}
a.rubriques {
	text-align:left;
	text-decoration:none;
	font-size: 17px;
	font-weight: bold;
	color: #234E79;
}
a.rubriques:hover {
	text-decoration:none;
	color: #EAA41D;
}
a.rubrique-active {
	text-align:left;
	text-decoration:none;
	font-size: 17px;
	font-weight: bold;
	color: #EAA41D;
}
a.toggler {
	font-size: 14px;
}
a.toggler:hover {
	font-size: 14px;
	color: #EAA41D;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:underline;
	font-size: 16px;
	line-height:16px;
	font-weight: normal;
	color: #EAA41D;
}

.titre-petit {
	text-align:left;
	text-decoration:underline;
	font-size: 13px;
	font-weight: bold;
	color: #EAA41D;
}
table.bord-jaune {
	border: 1px solid #EAA41D;
}
img.vignette {
	border: 1px solid #234E79;
	margin-left:3px;
	margin-right:0px;
}
img.vignette:hover {
	margin-left:1px;
	border: 2px solid #EAA41D;
}
img.photo {
	border: 1px solid #234E79;
	margin-left:15px;
	margin-bottom:10px;
}
img.photo:hover {
	border: 1px solid #EAA41D;
}
.warning {
	color:#EAA41D;
/*	color:#999966; */
}
div#Menu1 {
	z-index: 10;
	width: 205px;
	height: 20px;
	overflow: hidden;
	float:left;
	position:relative;
	background-color: #FFFFFF;
}
div#Menu2 {
	z-index: 10;
	width: 180px;
	height: 20px;
	overflow: hidden;
	float:left;
		position:relative;
	background-color: #FFFFFF;
}
div#Menu3 {
	z-index: 10;
	width: 175px;
	height: 20px;
	overflow: hidden;
	float:left;
		position:relative;
	background-color: #FFFFFF;
}
div#Menu3 a.rubriques {
	text-align:left;
}
div#Menu4 {
	z-index: 10;
	width: 100px;
	height: 20px;
	overflow: hidden;
	float:left;
	background-color: #FFFFFF;
}
div#Menu4 a.rubriques, div#Menu4 a.rubrique-active {
	text-align:right;
}
div#Menu1 a, div#Menu2 a, div#Menu3 a, div#Menu4 a {
	display: block;
	padding-top: 3px;
}
div#Menu1 div a, div#Menu2 div a, div#Menu3 div a, div#Menu4 div a {
	margin-top: 2px;
	margin-bottom: 3px;
	border-top: 0px solid #EAA41D;
	border-bottom: 1px solid #EAA41D;
	border-right: 1px solid #EAA41D;
	border-left: 1px solid #EAA41D;
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	position:relative;


}
