body {
	background: url("../../img/common/back.gif") repeat-y center top;
	background-color: #3F3F3F;
	margin: 0px; 
	padding: 0px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #565656;
}
form {
	margin: 0;
	padding: 0;
}
a, a:visited, a:link {
	padding: 0;
	margin: 0;
	color: #00A0C6;
	text-decoration: underline;
}
a:hover {
	padding: 0;
	margin: 0;
	color: #00A0C6;
	text-decoration: none;
}
a.gris, a.gris:visited, a.gris:link {
	color: #565656;
	text-decoration: underline;
}
a.gris:hover{
	color: #565656;
	text-decoration: none! important;
}
/* div général de la page */
#general {
	margin:0 auto;
	text-align: left;
  	width: 898px;
}
hr#bloc{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
td.pied {
	background: url("../../img/common/back_pied.gif") repeat-x left top;
	background-color: #787878;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}
a.pied, a.pied:visited, a.pied:link {
	color: #FFF;
	text-decoration: none;
}
a.pied:hover{
	color: #FFF;
	text-decoration: underline! important;
}
input.newsletter {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 163px;
	background-color: #00A0C6;
	border: 1px #00A0C6 solid;
	font-size: 11px;
	color: #FFF;
}
input.newsletterok {
	margin: 0 10px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #00A0C6;
	border: 1px #00A0C6 solid;
	font-size: 11px;
	color: #FFF;
}
td.newsletter {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}
#entete {
	width: 100%;
	background: url("../../img/common/entete.jpg") no-repeat right top;
}
#colonneG {
	float: left;
	width: 230px;
	padding: 0;
	margin: 15px 0 0 11px;
}
#colonneG #menuJs {
	padding-bottom: 10px;
}
#colonneG #menuRubJs {
	padding: 0;
	margin: 0;
}
#colonneG h5.rub {
	background: url("../../img/common/menu_back.gif") no-repeat left top;
	width: 218px;
	padding: 4px 0 4px 4px;
	margin: 0;
}
#colonneG a.rub, #colonneG a.rub:visited, #colonneG a.rub:link {
	padding: 1px 0 2px 15px;
	background: url("../../img/common/menu_off.gif") no-repeat left top;
	color: #00A33D;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}
#colonneG a.rub:hover {
	padding: 1px 0 2px 15px;
	background: url("../../img/common/menu_on.gif") no-repeat left top;
	color: #00A0C6! important;
	text-decoration: none! important;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}
/* Menu gauche deuxième niveau */
#colonneG #menuJs div.menuSousRubJs {
	padding: 0;
	margin: 0;
}
#colonneG #menuSousRubJs {
	border-left: 4px solid #00A0C6;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	width: 181px;
	_width: 186px;
	padding: 3px 0;
	margin: 0 0 0 30px;
}
#colonneG h5.ssRub {
	padding: 0 0 0 5px;
	margin: 0;
}
#colonneG a.ssRub, #colonneG a.ssRub:visited, #colonneG a.ssRub:link {
	padding: 0;
	color: #00A0C6;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
}
#colonneG a.ssRub:hover {
	padding: 0;
	color: #00A0C6! important;
	text-decoration: none! important;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
}
#menuD {
	width: 170px;
	padding: 0 0 2px 0;
	margin: 15px 0 -20px 10px;
	border-top: 1px solid #00A0C6;
	border-bottom: 1px solid #00A0C6;
}
#menuD #menuJs {
	padding-bottom: 10px;
}
#menuD #menuRubJs {
	padding: 0;
	margin: 0;
}
#menuD h5.rub {
	padding: 2px 0 2px 0;
	margin: 0;
}
#menuD a.rub, #menuD a.rub:visited, #menuD a.rub:link {
	padding: 0 0 0 7px;
	background: url("../../img/common/fleche_bu.gif") no-repeat left top;
	color: #00A0C6;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}
#menuD a.rub:hover {
	padding: 0 0 0 7px;
	background: url("../../img/common/fleche_or.gif") no-repeat left top;
	color: #FF7F00! important;
	text-decoration: none! important;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}
/* Menu gauche deuxième niveau */
#menuD #menuJs div.menuSousRubJs {
	padding: 0;
	margin: 0;
}
#menuD #menuSousRubJs {
	padding: 3px 0;
	margin: 0 0 0 3px;
}
#menuD h5.ssRub {
	padding: 0;
	margin: 0;
}
#menuD a.ssRub, #menuD a.ssRub:visited, #menuD a.ssRub:link {
	padding: 0 0 0 7px;
	background: url("../../img/common/fleche_or.gif") no-repeat left top;
	color: #FF7F00;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
}
#menuD a.ssRub:hover {
	padding: 0 0 0 7px;
	background: url("../../img/common/fleche_or.gif") no-repeat left top;
	color: #FF7F00! important;
	text-decoration: underline! important;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
}
.blocOrange, .blocBleu {
	margin-bottom: 10px;
}
.blocOrange .blocOrangeTop, .blocBleu .blocBleuTop {
	width: 100%;
	display: block;
}
#suiteOrange a, #suiteOrange a:visited, #suiteOrange a:link, #suiteBleu a, #suiteBleu a:visited, #suiteBleu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#suiteOrange a:hover, #suiteBleu a:hover {
	color: #FFFFFF! important;
	text-decoration: underline! important;
}
.blocOrange .b1, .blocOrange .b3 {
	margin: 0;
	padding: 0;
	background: #FF7F00;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	display: block;
	overflow: hidden;
	height: 1px;
}
.blocOrange .b2 {
	margin: 0;
	padding: 0;
	background: #FF7F00;
	display: block;
	overflow: hidden;
	height: 1px;
}
.blocOrange .b2 {
	margin: 0 1px;
}
.blocOrange .b1 {
	margin: 0 2px;
}
#contentOrange {
	width: 100%;
	background: #FF7F00;
}
.blocBleu .b1, .blocBleu .b3 {
	margin: 0;
	padding: 0;
	background: #00A0C6;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	display: block;
	overflow: hidden;
	height: 1px;
}
.blocBleu .b2 {
	margin: 0;
	padding: 0;
	background: #00A0C6;
	display: block;
	overflow: hidden;
	height: 1px;
}
.blocBleu .b2 {
	margin: 0 1px;
}
.blocBleu .b1 {
	margin: 0 2px;
}
#contentBleu {
	width: 100%;
	background: #00A0C6;
}
#chemin_nav {
	width: 590px;
	padding: 0 0 8px 0;
	font-size: 10px;
	color: #787878;
	font-weight: normal;
}
#chemin_nav h1 {
	display: inline;
	padding: 0 0 0 11px;
	margin: 0 0 0 5px;
	background: url("../../img/common/chemin.gif") no-repeat left top;
	font-size: 10px;
	color: #787878;
	font-weight: normal;
}
h6.titre1 {
	padding: 0;
	margin: 0;
	color: #FF7F00;
	font-size: 12px;
	font-weight: bold;
}
h6.titre2 {
	padding: 0;
	margin: 0;
	color: #00A0C6;
	font-size: 12px;
	font-weight: bold;
}
h6.media {
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
#login {
	display: none;
	position: absolute;
	left: 65%;
	width: 200px;
	margin-top: 170px;
	text-align: left;
	padding: 0;
	border: 1px solid #047391;
	background-color: #FFF;
}
#login h2 {
	padding: 0;
	margin: 0;
	color: #047391;
	font-size: 10px;
	font-weight: bold;
}
#login h3 {
	padding: 0;
	margin: 0;
	color: #047391;
	font-size: 10px;
	font-weight: normal;
}
#login h4 {
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
}
input.login {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 70px;
	background-color: #047391;
	border: 1px #047391 solid;
	font-size: 11px;
	color: #FFF;
}
input.loginok {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #047391;
	border: 1px #047391 solid;
	font-size: 11px;
	color: #FFF;
}



td.image_cadre {
	border: 1px solid #b5b5b5;
	padding: 2px;
}

.padRight10 { margin-right: 10px; }
.padLeft10 { margin-left: 10px; }
.pad10 { margin-left: 10px; margin-right: 10px; }

/* ne pas supprimer les trois css suivants */ 
/* polices de caractères d'affichage du copyright des images */ 
.classCopyrightImage { color: black; font-size: 10pt; font-family: Arial, Helvetica, sans-serif }
/* retrait du texte gauche et droite pour les images */ 
.leftImage { padding-right: 10px }
.rightImage { padding-left: 10px }