/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	height: 100%;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EFF4F7;
}
#centpourcent {
  height: 100%;
}
.cadre
{
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B8B8B8;
}
/* ******************************************************** GESTION DES LIENS ********************************** */
a {
	color: #008ecc;
	text-decoration: underline;
}
a:hover {
	color: #903;
	text-decoration: none;
}
a.lien {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	color: #008ecc;
	text-decoration: underline;
}
a.lien:hover {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	color: #903;
	text-decoration: underline;
}
a.lien_box {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 1px 4px 1px 10px;
}
a.lien_box:hover {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #fff;
	background-color: #F4F4F4;
	padding: 1px 4px 1px 10px;
}
a.lien_box2 {
	background-color: #333;
	width :70px;
	height:25px;
	text-align: center;
	filter:alpha(Opacity=50);
	-moz-opacity:0.5; /* Mozilla 1.6 et inférieur  */
	opacity: 0.5; /* POUR CSS3 */

	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
a.lien_box2:hover {
	background-color: #333;
	width :70px;
	height:25px;
	text-align: center;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9; /* Mozilla 1.6 et inférieur  */
	opacity: 0.9; /* POUR CSS3 */

	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
a.lien_box3 {
	background-color: #D44152;
	width :70px;
	height:25px;
	text-align: center;
	filter:alpha(Opacity=50);
	-moz-opacity:0.5; /* Mozilla 1.6 et inférieur  */
	opacity: 0.5; /* POUR CSS3 */

	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
a.lien_box3:hover {
	background-color: #D44152;
	width :70px;
	height:25px;
	text-align: center;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9; /* Mozilla 1.6 et inférieur  */
	opacity: 0.9; /* POUR CSS3 */

	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
a.lien_s {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 10px;
	color: #903;
	text-decoration: none;
}
a.lien_s:hover {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 10px;
	color: #903;
	text-decoration: underline;
}
/* LIEN CHEMIN */
.lien_chemin {
	font-family:  Verdana, Arial,  Helvetica;
	font-size: 11px;
	color : #5381A2;
	text-decoration: none;
}
/* ******************************************************** GESTION MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ******************************************************** GESTION LIENS NAVIGUATION ********************************** */
.lien_nav {
	font-family:  Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
a.lien_nav {
	font-family:  Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	border: 1px solid #999;
	padding: 0px 6px;
}
a.lien_nav:hover {
	font-family:  Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	border: 1px solid #900;
	padding: 0px 6px;
}
.lien_nav_on {
	font-family:  Arial,  Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	border: 1px none #999;
	padding: 0px 6px;
}
/* ******************************************************** GESTION LIENS NAVIGATION ********************************** */
.barre_navigation ul {
	list-style-type: none;
}
.barre_navigation li {
	float: left;
}
.barre_navigation li a, .barre_navigation li span.disable_barre_lien_nav, .barre_navigation li span.fleche_nav, .barre_navigation li span.fleche_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #fff;
	border: 1px solid #afafaf;
	text-decoration: none;
	color: #666;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
}
.barre_navigation li a:hover {
	background-color: #e7eee7;
	border: 1px solid #666;
}
.barre_navigation li span {
	cursor: default;
}
.barre_navigation li span.barre_lien_nav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #008ecc;
	border: 1px solid #afafaf;
	text-decoration: none;
	color: #fff;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
	font-weight: bold;
}
.barre_navigation li a.fleche_nav, .barre_navigation li span.fleche_nav {
	margin-right: 5px;
}
.barre_navigation li a.fleche_nav2, .barre_navigation li span.fleche_nav2 {
	margin-left: 5px;
}
.barre_navigation li span.disable_barre_lien_nav {
	color: #ccc;
}
.barre_navigation .infos_nav {
	display: block;
	margin: 5px 3px;
	color: #6f6b5a;
}
/* ******************************************************** GESTION DES TEXTES ********************************** */
.t_ {
	font-family: Arial, Helvetica;
	font-size: 19pt;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.2pt;
	line-height: 25px;
	}
.t0 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	font-weight: bold;
	color: #B3B3B1;
	letter-spacing: -0.2pt;
	}
.t1 {
	font-family: Verdana, Arial,  Helvetica;
	font-size: 13pt;
	font-weight: bold;
	color: #333;
	letter-spacing: -0.5pt;
}
.t2 {
	font-family: Verdana, Arial,  Helvetica;
	font-weight: bold;
	font-size: 11pt;
	color: #737373;
	font-style: normal;
}
.t3 {
	font-family: Verdana, Arial,  Helvetica;
	font-size: 13pt;
	font-weight: bold;
	color: #903;
	letter-spacing: -0.5pt;
}
.t4 {
	font-family: Arial,  Helvetica;
	font-size: 13px;
	font-weight: bolder;
	color: #666666;
}
.m {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #062641;
}
.m_blanc {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #fff; 
}
.m_gris {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #666666; 
}
.s {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #062641; 
}
.s_blanc {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #fff; 
	text-decoration: none;
}
.s_gris {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #666666; 
}
.copyright {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #818181; 
}
.admin {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #FF0000; 
}
/* ******************************************************** GESTION DES FORMULAIRES et BOUTONS ********************************** */
.form_login {
	font-family:  Verdana, Arial,  Helvetica;
	background-color: #DEE0DD;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	text-indent: 2px;
	border-top: 1px inset #666666;
	border-right: 2px inset #DEE0DD;
	border-bottom: 2px inset #DEE0DD;
	border-left: 1px inset #666666;
}
.form {
	font-family:  Verdana, Arial,  Helvetica;
	background-color: #DEE0DD;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	text-indent: 2px;
	border-top: 1px inset #999;
	border-right: 2px inset #fff;
	border-bottom: 2px inset #fff;
	border-left: 1px inset #666666;
}
.form_need {
	font-family:  Verdana, Arial,  Helvetica;
	background-color: #DEE0DD;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	text-indent: 2px;
	border-top: 1px inset #999;
	border-right: 2px inset #fff;
	border-bottom: 2px inset #fff;
	border-left: 4px solid #EB6800;
}
.form_need_mention {
	font-family:  Verdana, Arial,  Helvetica;
	background-color: #9B9B9B;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #F4F4F4;
	text-indent: 2px;
	border-top: 1px inset #666666;
	border-right: 2px inset #fff;
	border-bottom: 2px inset #fff;
	border-left: 4px solid #EB6800;
	padding-left: 4px;
}
.form_bt {
	font-family:  Verdana, Arial,  Helvetica;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	border: 1px solid #999;
	text-decoration: none;
	background-color: #EB6800;
	text-align: center;
	width: 80px;
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 1px solid #B3B3B1;
}
.xs1 {
	border: 1px solid #fff;
}
.xs2 {
	border: 2px solid #fff;
}
.bgtop {
	background-repeat: repeat-x;
	background-position: top;
}
.bgone {
	background-repeat: no-repeat;
	background-position: top;
}
.bgbottom {
	background-repeat: repeat-x;
	background-position: bottom;
}
.img_align_middle {
	vertical-align:middle; 
}
img {
	border: 0;
}
/* ******************************************************** GESTION DES POSITION ********************************** */
.txt_align_center {
	text-align: center;
}
.txt_align_justify {
	text-align: justify;
}
/* ******************************************************** GESTION DES COULEURS ET BACKGROUND ********************************** */
.bg_color_info {
	background-color: #900;
}
.bg_color_error {
	background-color: #900;
}
.bg_color_blanc {
	background-color: #fff;
}
.bg_color_gris {
	background-color: #EEEEEE;
}
.bg_color_0 {
	background-color: #EFF4F7; /* FOND */
}
.bg_color_1 {
	background-color: #B3B3B1; /* FOND MENU - GRIS  */
}
.bg_color_2 {
	background-color: #CAC9C9; /* FOND SOUS BANDEAU- GRIS */
}
.bg_color_3 {
	background-color: #DEE0DD; /* FOND COLONNE INFO - GRIS CLAIR */
}
.bg_color_4 {
	background-color: #585858; /* FOND COLONNE INFO - GRIS FONCE */
}
/* ******************************************************** GESTION BACKGROUND  ********************************** */
.bg {
	background: #EFF4F7 url('/design/images/bg.gif') repeat-y center;
}
/* HOME */
.bg_home_fondu {
	background: url('/design/images/home_fondu.jpg') repeat-x bottom;
}
.bg_home_ombre1 {
	background: url('/design/images/home_ombre1.jpg') no-repeat right bottom;
}
.bg_home_ombre2 {
	background: url('/design/images/home_ombre2.jpg') no-repeat right top;
}
/* BANDEAUX */
.bg_fractales {
	background: #fff url('/design/images/bg_fractales.jpg') no-repeat bottom right;
}
.bg_img_bande_1 {
	background: #5381A2; /* FOND BANDEAU - BLEU (home) */
}
.bg_img_bande_1_l {
	background: url('/design/images/bg_bande_1_l.jpg') no-repeat top right;
}
.bg_img_bande_1_r {
	background: url('/design/images/bg_bande_1_r.jpg') no-repeat top left;
}
.bg_img_bande_2 {
	background: #A95888; /* FOND BANDEAU - VIOLET (compagny) */
}
.bg_img_bande_2_l {
	background: url('/design/images/bg_bande_2_l.jpg') no-repeat top right;
}
.bg_img_bande_2_r {
	background: url('/design/images/bg_bande_2_r.jpg') no-repeat top left;
}
.bg_img_bande_3 {
	background: #D54253; /* FOND BANDEAU - ROUGE (software) */
}
.bg_img_bande_3_l {
	background: url('/design/images/bg_bande_3_l.jpg') no-repeat top right;
}
.bg_img_bande_3_r {
	background: url('/design/images/bg_bande_3_r.jpg') no-repeat top left;
}
.bg_img_bande_4 {
	background: #76A339; /* FOND BANDEAU - VERT (service) */
}
.bg_img_bande_4_l {
	background: url('/design/images/bg_bande_4_l.jpg') no-repeat top right;
}
.bg_img_bande_4_r {
	background: url('/design/images/bg_bande_4_r.jpg') no-repeat top left;
}
.bg_img_bande_5 {
	background: #EA6800; /* FOND BANDEAU - ORANGE (contact) */
}
.bg_img_bande_5_l {
	background: url('/design/images/bg_bande_5_l.jpg') no-repeat top right;
}
.bg_img_bande_5_r {
	background: url('/design/images/bg_bande_5_r.jpg') no-repeat top left;
}
.bg_img_bande_6 {
	background: #17395f; /* FOND BANDEAU - BLEU (rp quant indices) */
}
.bg_img_bande_6_l {
	background: url('/design/images/bg_bande_6_l.jpg') no-repeat top right;
}
.bg_img_bande_6_r {
	background: url('/design/images/bg_bande_6_r.jpg') no-repeat top left;
}
.bg_menu_sep {
	background: url('/design/images/bg_menu_sep.gif') no-repeat right center;
}

/* ******************************************************** GESTION PUSH NEWSLETTER  ********************************** */
.bg_push_newsletter {
	background: url(/design/images/bg_push_newsletter.jpg) no-repeat top left;
	width: 270px;
	height: 46px;
	padding: 64px 0 0 17px;
	line-height: 20px;
}
.bg_push_newsletter input.ok {
	background-color: #dee5ec;
	border: 2px solid #dbe1e7;
	color: #5381a2;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 26px;
	height: 19px;
	cursor: pointer;
	text-align: center;
}
.bg_push_newsletter input.ok:hover {
	background-color: #008ecc;
	border: 2px solid #008ecc;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 26px;
	height: 19px;
	cursor: pointer;
	text-align: center;
}
a.newsletter_link {
	background: url(/design/images/ico_mini_fleche.gif) no-repeat 0 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008ecc;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 13px;
	margin-left: 4px;
}
a.newsletter_link:hover {
	background: url(/design/images/ico_mini_fleche.gif) no-repeat 0 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008ecc;
	text-decoration: underline;
	padding-top: 10px;
	padding-left: 13px;
	margin-left: 4px;
}