body{	margin: 0; 	padding: 0; background-color: #ffffff;}
ul {padding:0 0 0 3px; margin:0}

#tableau_gen {background-color: white; width: 780px; }


.textegris a {color: #CC0234;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 9px; text-decoration: underline}
.texte gris a:link {text-decoration: underline;}
.textegris a:hover {text-decoration:underline; font-weight: normal}
.textegris a:visited {	text-decoration: underline}
	
.margintop20 {margin-top:20px}
.margintop5 {margin-top: 5px}

a img {border: 0}

a {color: #666}

/* MENU NAVIGATION */

.menu {background-color: transparent; padding: 0; margin: 0 0 0 20px; display: block; float: left}
.menu li { background-color: transparent ; font-family: Verdana; font-size: 10px; color: white; list-style: none; height: 23px;  vertical-align: middle;
 /* display: inline ; */
 display: block;  float: left; 
 /*padding-bottom: 5px; */
padding: 3px 5px 0 0px; }
.menu li a { color: white; padding: 0px 50px 0px 0px;	}
.menu li a:link {	text-decoration: none;}
.menu li a:visited {	color: white;text-decoration: none;}
.menu li a:hover {color: #D9D9D9 ;	text-decoration: underline;	font-weight: normal;}

/* SOUS MENU NAVIGATION */
.ssmenu {padding: 0; margin: 0;	background-color: transparent; text-align: left;}
.ssmenu li {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color : #CC0234; vertical-align: middle; display: block ;	float: left; padding: 0 25px 0 0;}
.ssmenu li a {	color: #CC0234;	}
.ssmenu li a:link {text-decoration: none;	color: #CC0234;}
.ssmenu li a:visited{text-decoration: none;	color: #cc0234;}
.ssmenu li a:hover{	text-decoration: underline;color: #8F8F8F;font-weight: normal;	}


	
/* #td0{padding: 10px;}
#td1 {padding: 10px;}
#td2 {padding: 10px;}
#td3 {padding: 10px;} */

.center {margin-left: auto; margin-right:auto; display: block}

.titre01 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 18px;  font-weight: bold;  color: #696969}
.titre02 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;  color: #696969}
.titre03 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #CC0234}
.titre04 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #696969}
.baseline01 {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #696969; font-weight: bold}
.texterouge {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #CC0234;	padding:0;}
.texterouge_bold {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #CC0234;	text-decoration: none;	font-weight: bold;	padding:0;}
.rouge_txt {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #CC0234;	/*font-weight: bold;*/}
.boldrouge_txt {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #CC0234;	font-weight: bold;}
.textegris {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #696969 ;	vertical-align: top;}
.textegrisbold {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	color: #696969  ;	}
.textegris ul{	list-style-image: url(images/puce.gif);	list-style-position: outside;   margin: 0 0 0 15px;}	
.grosTitre{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 18px;  font-weight: bold;  color: #696969; margin-left:60px}
.tx_rouge{color: #CC0234;}

.td_titres {border-bottom : 1px solid silver; color : #696969;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	padding: 3px 3px 3px 10px;	margin:0px ; background-color: White; background-image: url(images/buttons_bg.jpg); background-repeat: repeat-x; background-position: bottom; height: 32px}
.td_titres a {font-size: 10px; color : #696969; text-decoration: none; font-weight: bold}
.td_titres a: link {	font-size: 10px; text-decoration: none; color : #696969;}
.td_titres a: hover {	font-size: 10px; text-decoration: underline; color : #696969;}
.td_titres a: active {	font-size: 10px; color : #696969; text-decoration: none;}
.td_titres a: visited {	font-size: 10px; color : #696969; text-decoration: none;}

.td_droite {background-color: #d9d9d9; vertical-align: top; border: 2px solid silver; border-bottom: 0px; width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#666}
.table_droite {width: 100%; }
.td_droite #td0 {border-bottom : 1px solid silver;  color : #696969;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	padding: 3px 3px 3px 10px;	margin:0px ; background-image: url(images/buttons_bg2.jpg); background-repeat: repeat-x; background-position: bottom; height: 30px}

.encarts {border-bottom: 1px solid silver; border-top: 1px solid silver; color : #696969; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	padding: 3px 3px 3px 10px;	margin:0px ; background-color: White}
.encarts ul{list-style-image: url(images/puce.gif);	list-style-position: inside;	margin:0;	padding: 10px;}	
.encarts2 {border-bottom: 1px solid silver; border-top: 1px solid silver; color : #696969; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	padding: 3px 3px 3px 10px;	margin:0px ; background-color: White; background-image: url(images/buttons_bg.jpg); background-repeat: repeat-x; background-position: bottom; height: 28px}


.basdepage {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 9px;	color: Silver;	text-align: center; 	vertical-align: middle;	font-weight: normal; background-color: #cc0032}
.basdepage a {color: white}
.basdepage a:link {text-decoration:underline}
.basdepage a:visited {text-decoration: underline}
.basdepage a:hover {font-weight: normal; text-decoration:underline; color: silver}


.button {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #CC0232;	font-size: 10px;}

#tableau_extern td {padding : 5px 10px 5px 5px }

.td_gris {	background-color: #d9d9d9;	margin : 0; padding : 0;}


.champnormal{background-color: White; color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; border: 1px solid #696969; background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; padding-left: 5px}
.champfocus { background-color  :#ffffff; border: 1px solid Lime; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal;}
.champerreur{ background-color: silver;  border: #CC0232 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal;}
.erreur{color:#CC0232; font-weight:bold}
.localisation  { border-top: 1px solid silver ; border-left : 1px solid silver; border-bottom: 1px solid silver; padding: 3px 0 5px 10px}

.td_droite_marge {padding: 20px 10px 20px 10px}
#intractiv {background-color: #ffffff}

.login #td_droite {border: 1px solid #CC0234;  width: 260px; vertical-align: top; padding-right: 10px}

table#logins { width: 500px}
.tablelogin {padding: 10px; width: 250px; background-color: #f5f5f5}
.tablelogin td {padding: 5px;}


.pub {background-color: #d9d9d9; vertical-align: top; border-top: 1px solid silver; border-bottom: 1px solid silver; height: 280px}

#tableau_accueil {width: 540px}
.tdright {padding: 10px}

#animflash {vertical-align: top}

.contenu, .plan {padding-top: 15px; vertical-align: top}

.lien1 a, .lien1 a:link, .lien1 a:active, .lien1 a:visited {color: #CC0234; font-size: 12px; font-weight: bold; text-decoration: underline}
.lien1 a:hover {text-decoration: underline}
.lien2 a, .lien2 a:link, .lien2 a:active, .lien2 a:visited {color: #696969; font-size: 10px; text-decoration: none}
.lien2 a:hover {text-decoration: underline}
.lien3 a, .lien3 a:link, .lien3 a:active, .lien3 a:visited {color: #696969; font-size: 10px; font-weight: bold; text-decoration: none}
.lien3 a:hover {text-decoration: underline}

#tableau_espaceclient {border : 1px solid silver; width: 250px; padding: 2px; margin-left: 30px}
#table_newsletter td {padding: 10px}

.hautdepage {text-align: right; font-size: 8px}

#td_contact {padding: 10px}

.normal {padding: 15px 10px 0 0}
.normal td {border : 1px solid silver; padding: 5px}
.fdrose {padding: 5px 10px 0 0}
.fdrose td{border : 1px solid silver; padding: 5px; background-color: #fae1e1}

/* chaine services */

#chaineServicesgauche {width: 40%; float: left}
#chaineServicesdroite{width: 60%; float: left; background:url(images/services_fleche.gif) center left no-repeat; height: 400px; padding-top: 20px }
#chaineServicesdroite p{margin: 60px 0 0 100px; width: 140px; border: 1px solid #CC0234; padding: 10px }

/* solutions */
#sommaireSolutions {width: 98%;margin: 25px auto}


#solutionsExternaliseesDroite{width: 60%; float: left; background:url(images/solutionsExt_fleche.gif) center left no-repeat; height: 400px; padding-top: 20px }
#solutionsExternaliseesDroite p{margin: 20px 0 0 100px; width: 140px; border: 1px solid #CC0234; padding: 10px }

#directRiskDroite{width: 60%; float: left; background:url(images/solutionsExt_fleche.gif) center left no-repeat; height: 400px; padding-top: 20px }
#directRiskDroite p{margin: 40px 0 0 100px; width: 140px; border: 1px solid #CC0234; padding: 10px }


.btnEDN {width: 150px; height: 60px; display: block; float: left; background:url(images/bg_btnSolutions.gif) bottom left repeat-x #fff; text-align: center; margin: 20px 10px; }
.btnEDN a{color: #c40132; font-size: 12px; text-align: center; text-decoration:none; line-height: 55px}
.btnEDN a:hover{color: #333;}

/* Formulaire recrutement  */
.note{font-size: 0.9em;color: #999999;}
legend {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight: bold; color:#CC0232; margin: 0 0 4px 0; padding: 0 6px; background-color: #fff}
fieldset {margin-bottom: 1em; border: 1px dotted #CC0232; width: auto; margin: 0.5em; padding: 10px}
fieldset span.label {
 	float: left;
 	width: 30%;
 	text-align: right;
 	padding-right: 10px;
 	clear:both;
 }
 fieldset span.label2 {
 	
 	width: 5%;
 	text-align: right;
 	padding-right: 10px;
 	clear:both;
 }
 
fieldset span.text {
 	float: right;
 	width: 200px;
 	text-align: left;
 }
 


.bouton { float : right; margin-right:100px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #CC0232;	font-size: 10px;}

/*Formulaire de contact*/
a.form{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000066;
	font-size:15px; text-decoration:underline; text-align:center; font-weight:bold;}
#contact {
	position: relative;
	width: 85%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 1em;
}




label.champstext {
	display: block;
	float: left;
	width: 17%;
	text-align: left; 
	margin: 0 1em 0 10px;
	padding: 0.1em;
}

label.champstextM {
	width: 5%;
	text-align: left; 
	margin: 0 1em 0 10px;
	padding: 0.1em;
}

.radioCheck {
	margin: 0 1em 0 0.25em;	
}

/*input.text,
textarea {
	border: 1 solid black;
	margin-right: 0.25em;
	width:40%	
}*/
.envoi {margin: 1em 42% 0 0;text-align: right;}
.envoi label {border: 0;}

#Message_voeux{display:none}

.accordeon{border-bottom:1px solid silver; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:10px 3px 10px 10px; margin:0px; background-color:White; background-image:url(images/fd_gris.gif); background-repeat:repeat-x; background-position:bottom; cursor:pointer }


.Tablo{ border-spacing:0; border-collapse:collapse;border-top:1px solid #de9e9e;border-right:1px solid #de9e9e; width:99%; margin-left:2px}
.Tablo th{border-bottom:1px solid #ffffff;border-left:1px solid #de9e9e; background:#de9e9e; text-align:center; padding:4px;}
.Tablo th, .Tablo th *{color:#CC0032;}
.Tablo th.gauche{ text-align:left;}
.Tablo td{border-bottom:1px solid #de9e9e;border-left:1px solid #de9e9e; background:#FFFFFF; padding:5px; text-align: justify}

.j{text-align:justify}

#MenuGauche ul{margin:0; padding:0;width:100%;}
#MenuGauche li{margin:0; padding:0; background:none;list-style:none;border-bottom:1px solid silver; color:#696969; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:10px 3px 3px 10px; background-image: url(images/buttons_bg2.jpg); background-repeat: repeat-x; background-position:top;}
#MenuGauche li a{text-decoration:none;}
#MenuGauche li.active{margin:0; padding:0; background:none;list-style:none;border-bottom:1px solid silver; color:#696969; font-weight:bold; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:10px 3px 3px 10px; background-image: url(images/buttons_bg.jpg); background-repeat: repeat-x; background-position:top; cursor:pointer}
#MenuGauche ul ul li a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#696969;}
#MenuGauche ul ul li a:hover, #MenuGauche ul ul li a.active{ font-size: 10px;color:#CC0234;}

#MenuGauche ul ul li a.class1{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:#696969;  background:none; text-decoration:none;}
#MenuGauche ul ul li a.class1:hover{color:#CC0234}
#MenuGauche ul ul{display:block;width:200px; margin:0 auto; padding:22px 0 20px 0;}
#MenuGauche ul ul li{ font-size: 10px;border:none;margin:0; padding:0; background:none;list-style-image: url(images/puce.gif);	list-style-position: outside;   margin: 0 0 0 15px;}
.pointer{cursor:pointer}
.c{text-align:center}

.fleft{float:left}
.clear{clear:both}
#solutions a.cadre{border: 1px solid #c5c5c5;padding: 1px;margin:10px 10px 10px 0}
#solutions a.cadre:hover{border: 1px solid #CC0234;padding: 1px;margin:10px 10px 10px 0}


#BlocFinance{width:250px;height:196px;background:url(images/blochaut.jpg)no-repeat top left;float:left;margin-right:30px}
#BlocFinance div {background:url(images/FinanceService_gauche.jpg)no-repeat bottom left; float:left;width:100%;height:167px }
#BlocFinance div div{background:url(images/FinanceService_droite.jpg)no-repeat bottom right; width:100%;height:167px }
#BlocFinance p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #CC0234;margin:0;padding:5px}
#BlocFinance ul{width:175px; float:right;margin-top:5px}
#BlocFinance li{padding-bottom:2px;}
#BlocFinance a{text-decoration:none;color:#696969}
#BlocFinance a:hover{text-decoration:underline;color:#696969}

#BlocIT{width:250px;height:196px;background:url(images/blochaut.jpg)no-repeat top left;float:left}
#BlocIT div {background:url(images/IT_gauche.jpg)no-repeat bottom left; float:left;width:100%;height:167px }
#BlocIT div div{background:url(images/IT_droite.jpg)no-repeat bottom right; width:100%;height:167px }
#BlocIT p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #CC0234;margin:0;padding:5px}
#BlocIT ul{width:175px; float:right;margin-top:5px}
#BlocIT ul ul{ width:160px;list-style :none;margin:0}
#BlocIT ul ul li{padding:0;font-weight:normal}
#BlocIT li{padding-bottom:5px;font-weight:bold}
#BlocIT a{text-decoration:none;color:#696969}
#BlocIT a:hover{text-decoration:underline;color:#696969}

#BlocConseils{width:531px;height:151px;background:url(images/conseilshaut.jpg)no-repeat top left;float:left}
#BlocConseils div {background:url(images/conseilsbas.jpg)no-repeat bottom left; float:left;width:100%;height:121px }
#BlocConseils p{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #CC0234;margin:0;padding:5px}
#BlocConseils ul{width:350px; float:right;margin-top:30px}
#BlocConseils li{padding-bottom:5px; font-weight:bold}
#BlocConseils a{text-decoration:none;color:#696969}
#BlocConseils a:hover{text-decoration:underline;color:#696969}



.serviceAttache {	background: url(images/coin_tl.gif) no-repeat top left;width: 450px; margin:0 auto;padding-left:20px}
.serviceAttache_top {	background: url(images/coin_tr.gif) no-repeat top right; padding-top:10px}
.serviceAttache_bt {	background: url(images/coin_bl.gif) no-repeat bottom left;padding-bottom:10px}
.serviceAttache_bt div {	background: url(images/coin_br.gif) no-repeat bottom right;padding-bottom:10px}
.serviceAttache_content {	background: url(images/coin_r.gif) top right repeat-y;}

.serviceAttache_top div,.serviceAttache_top,
.serviceAttache_bt div, .serviceAttache_bt {	width: 450px;	height: 15px;	font-size: 1px;}
.serviceAttache_content, .serviceAttachebt {margin-top: -10px;width: 450px;}
.serviceAttache_content { padding: 0 10px 0 20px; width: 420px;}
.mt10{margin-top:10px}
.fdblanc{background-color:#ffffff}


div.curvyInfo										{_position:relative; color:#1C3856; font: normal 13px Century Gothic, Apple Gothic, sans serif;}
div.curvyInfoT										{height:30px; overflow:hidden; position:relative;width:100%;}
div.curvyInfoB										{height:35px; overflow:hidden; position:relative;width:100%;}
div.curvyInfoT s,
div.curvyInfoB s									{height:100%; display:block; overflow:hidden;}
div.curvyInfoT s s									{background:#ffffff; margin:0 30px 0 30px; display:block;}
div.curvyInfoB s s 									{background:#ffffff; margin:0 30px 0 30px;  display:block;}
div.curvyInfoT										{background:url(images/bloc/coin_tl.gif) no-repeat top left;}
div.curvyInfoT s									{background:url(images/bloc/coin_tr.gif) no-repeat top right;}
div.curvyInfoB										{background:url(images/bloc/coin_bl.gif) no-repeat bottom left;}
div.curvyInfoB s									{background:url(images/bloc/coin_br.gif) no-repeat bottom right;}
div.curvyInfoT s s									{background:url(images/bloc/trait_hautX.gif) repeat-x top right;}
div.curvyInfoB s s									{background:url(images/bloc/trait_basX.gif) repeat-x bottom;}
div.curvyInfoL										{background:url(images/bloc/trait_left.gif) repeat-y left ;}
div.curvyInfoR										{background:url(images/bloc/trait_right.gif) repeat-y right;}
div.curvyInfoInt									{background:#ffffff;margin:0 12px 0 30px; padding:5px 25px 10px 0}


ol{list-style-type: none; padding:0; margin:0;}
ol li{font-family:Century Gothic, Apple Gothic, sans serif; background: url(images/arrow.gif) no-repeat 0 .3em; padding:0 0 0 14px; margin:0 0 12px 4px; border:0; text-align:justify}
.news h1{font-family:Century Gothic, Apple Gothic, sans serif; font-size:18px; color:#d4003c; font-weight:normal; margin:0 0 10px 0; text-decoration:none; }
.news em{font-family:Century Gothic, Apple Gothic, sans serif; font-size:13px; color:#666666; font-style:normal}
.gros_titre{font-family:Century Gothic, Apple Gothic, sans serif; font-size:18px; color:#d4003c; font-weight:bold; margin:0 0 10px 0; text-decoration:none; }
.fleche{background:url(images/arrow.gif) no-repeat; padding:0 0 0 15px}