/*------Defaut-------  */
/*  red finition des balises HTML de base */
html, body {
	margin: 0;
}
body {
	padding: 0;
	font: 76% verdana, arial, sans-serif;
	text-align: center;
	background: #fff url(../imgfr/fond_deg.jpg) repeat-x top left;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
p, td, th, li {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	color: #333333;
}
li {
	margin-bottom: 5px;
}
th {
	font-weight: bold;
}
a {
	color: #000000;
}
a:hover {
	color: #C82224;
}
hr {
	height: 1px;
	color: #4682B4;
	padding: 0px 0px 0px 0px;
}
form {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.4em;
	color: #5c79a9;
	text-decoration: none;
}
h2 {
	font-size: 1.2em;
	color: #5c79a9;
	text-decoration: none;
}

h5{
 	font-size: 14px;
	color: #333333;
 }

/*------ principaux Div de structure de page-------  */
/* div container principal de la page*/
div#container {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	height: auto;
	text-align: left;
}
/*bannire haute */
div#header {
	margin: 0;
	padding: 65px 0 0 0;
	background: #EEE url(../imgfr/header.gif) no-repeat;
	width: 951px;
	border-left: 4px solid #e2e3de;
	border-right: 4px solid #e2e3de;
}
#wrapper {
	float: left;
	width: 951px;
	height: auto;
	background: #fff url(../imgfr/fond_gauche.gif) repeat-y 2px 0;
	margin: 0;
	padding: 0;
	border-left: 4px solid #e2e3de;
	border-right: 4px solid #e2e3de;
}
/* -- colonne gauche -- */
div#navigation {
	width: 150px;
	padding: 13px 15px 15px 15px;
	margin: 0;
	float: left;
}
/* -- colonne droite -- */
#col_droite {
	background: #fff;
	margin: 0;
	float: right;
	width: 190px;
	padding: 18px 17px 20px 0px;
}
/* -- contenu principal(ventre) -- */
div#content {
	float: left;
	width: 715px;
	margin: 19px 0 0 33px;
	padding: 0 0 5px 0;
}
div#content table {
	padding: 0;
	margin: 0;
}
div#content p {
	line-height: 1.3;
}
/* -- site footer -- */
div#footer {
	background: url(../shared/interface/footer.gif) no-repeat;
	width: 960px;
	height: 34px;
	clear: left;
	margin: 0;
	padding: 0;
}
div#footer p {
/*	font-family: arial, sans-serif; */
	font-size: 0.9em;
	color: #999999;
	margin: 0;
	padding: 6px;
}
div#footer a {
	text-decoration: none;
	color: #666666;
}
div#footer a:hover {
	text-decoration: underline;
}
/* -- stat bas de page -- */
div#stat {
	visibility: hidden;
}
/* -- menu outils -- */
#topsubmenu {
	padding: 2px 5px 0  0;
	margin: 0;
	width: auto;
	text-align: right;
	font-family: verdana, sans-serif;
	font-size: 11px;
}
#topsubmenu a {
	text-decoration: none;
}
#topsubmenu img {
	vertical-align: middle;
}
/* ==========  commandes haut de page ============= #topnav {
	float: right;
	padding-top: 3px;
	color: #ffffff;
	font-weight: bold;
}
#topnav a, #topnav a.visited {
	color: #ffffff;
}
*/
/* --- menu d roulant --- */
#topmenucontainer {
	position:relative; z-index:50;
	width: 100%;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px; 
	border-top: 1px solid #c00;
	background: #ddd url(../shared/interface/menubg.gif) repeat-x;
	margin: 2px 0 0px 0;

}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left; 
}
#nav li {
	float: left;
	position: relative;
}
#nav a {
	display: block;
	width: auto;
	w\idth: auto;
	color: #7C6240;
	text-decoration: none;
	padding: 4px 9px; 
}
#nav a:hover {
	color: #352a1c;
}
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}
#nav li ul {
	position: absolute;
	background: #efefef;
	left: -999em;
	height: auto;
	width: 19em;
	w\idth: 18em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;border-bottom: 1px solid #a8cdf3;
}
#nav li li {
	padding-right: 1em;
	width: 17em;margin:0;
	background: #efefef url(../shared/interface/menuli.jpg) repeat-x;
}

#nav li ul a {
	width: 17em;
	w\idth: 16em;margin:0;color: #7C6240;border-left:4px solid #a8cdf3; 
}
#nav li ul a:hover {
color: #000;border-left:4px solid #5c79a9; 
}
#nav li ul li.sep {
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #c6c3bd;margin:0;padding:0;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;margin:0;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;margin:0;
}
#nav li:hover, #nav li.sfhover {
	background: #a8cdf3;margin:0; 
}
/*  /menubar  */
/* ces deux style servent  la m me chose: nettoyage  faire. */
.clearboth {
	clear: both;
}
hr.clear {
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* .clearfix {display: inline-block;}   for IE/Mac */

/* -- boxes standards -- */
/* -- boite d'info g nraliste -- */
div.infobox {
	border: 1px solid #cccccc;
	border-left: 4px solid #FFCC33;
	background-color: #efefef;
	padding: 5px;
	margin: 14px 0 4px 0;
	color: #336699;
	clear:both;
}
div.infobox a {
	color: #336699;
}
/* -- typographie courante -- */
.small {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	color: #333333;
}
.big {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 14px;
	line-height: 14px;
	padding-left: 10px;
	color: #333333;
}


/* ===============  ddm - ddt : éléments  (new) ==============  */
.ddselect{
	float:left; 
	border-left: 4px solid #4e6ebf; width: 550px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;
	padding:5px;
	margin:10px 0 0 0;
	background: #efefef;
	color: #2f6197;
	font-weight: bold; width:695px;
}
.ddselect span{
font-size:12px; font-weight:normal;
}

.bann_ddd{
	float:left;width: 550px; height: 60px;
	padding:5px;
	margin:10px 0 ;
	background: url(../imgfr/imgfd_dd.jpg) no-repeat 3px 3px;
	color: #2f6197; clear:both;
}
.bann_ddt{
	float:left;width: 550px;
	padding:5px;
	margin:10px 0 ;
	background: url(../imgfr/imgfd_ddt.jpg) no-repeat 3px 3px;
	color: #2f6197; clear:both;
}
.bann_ddm{
	float:left; width: 550px;
	padding:5px;
	margin:10px 0 ;
	background: url(../imgfr/imgfd_ddm.jpg) no-repeat 3px 3px;
	color: #a430ac;
}
.bann_ddd span.tt, .bann_ddt span.tt, .bann_ddm span.tt{margin: 0 0 0 80px; color:#5c79a9; font-size:18px;font-weight: bold;}
.bann_ddd span.dd, .bann_ddt span.dd, .bann_ddm span.dd{margin: 0 0 0 80px; color:#cbceb3; font-size:14px;font-weight: bold;}


.cartgche_dd{float:left;
	border-left: 10px solid #4e6ebf; width: 145px;
	padding:5px;
	margin:10px 0 0 0;
	background: url(../imgfr/bangche_ddt.jpg) no-repeat left bottom;
	color: #2f6197;
	font-weight: bold;
}

/* panneau promotion PGI */
.cart_pgi {
height:59px;
	border-left: 4px solid #a430ac; 
	width: 700px; border: 1px solid #cccccc;
	padding:5px;
	margin:2px 0 10px 0;
	background: url(../imgfr/bann_pgi.jpg) no-repeat right 3px;
	color: #449455;
	font-weight: bold;
}

/* panneau promotion DDM */
.cart_ddm {
height:59px;
	border-left: 4px solid #a430ac; width: 700px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;
	padding:5px;
	margin:2px 0 10px 0;
	background: url(../imgfr/bann_ddm.jpg) no-repeat right 3px;
	color: #a430ac;
	font-weight: bold;
}
/* panneau promotion DDT */
.cart_ddt {
	height:59px;
	border-left: 4px solid #4e6ebf; width: 700px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;
	padding:5px;
	margin:2px 0 10px 0;
	background: url(../imgfr/bann_ddt.jpg) no-repeat right 3px;
	color: #2f6197;
	font-weight: bold;
}

.acc_ddm, .acc_ddt {float:left;
border-right: 2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9;
padding:5px;color: #2f6197; font-size:10px;
font-weight: normal; text-decoration:none;
width:46%; margin: 10px 5px 5px 0px; height:30px; font-weight:bold; font-size:18px;
}
.acc_ddm span, .acc_ddt span {float:left;
display:none;
}
.acc_ddm select, .acc_ddt select {
margin: -18px 10px 5px 60px; float:right
}


.acc_ddm {float:left;
background: url(../imgfr/imgfd_ddm.jpg) no-repeat 3px 3px;
}
.acc_ddt {float:left;
background: url(../imgfr/imgfd_ddt.jpg) no-repeat 3px 3px;
}


.cartgche_dd a, .ddselect > a, a.bt-export {
	border-right: 2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9;

	padding:5px;
	margin:5px; float:left;
	background:#fff;
	color: #2f6197; font-size:10px;
	font-weight: normal; text-decoration:none;
}
.cart_ddt a, .cart_ddm a, .cart_pgi a {
	border-right: 2px solid #2f6197; border-bottom: 2px solid #2f6197;
	padding:6px;
	margin:2px; float:right;
	background:#fff;
	color: #2f6197; font-size:12px;
	font-weight: bold; text-decoration:none;
}


.cart_ddt a:hover, .cart_ddm a:hover, .cartgche_dd a:hover, 
 .cart_ddt a:hover, .cart_ddm a:hover, .ddselect a:hover, 
 a.bt-export:hover,  .cart_pgi a:hover{
	background:#f6faff;

}


/* ===============  tableselect (new) ==============  */

.tableselect {
	padding: 0; 
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 100%; font-size:10px; line-height:11px;
	background: #ffffff;
}

.tableselect tr:hover {
	background-color: #fcfce3;
}
.tableselect td {
	padding: 4px;font-size:10px; line-height:11px;
	border-bottom: 1px solid #a9a9a9; white-space:nowrap;
	height: 18px;text-align: center; color: #003c76;
}
.tableselect td div{
	/*overflow:hidden;*/
	 width:100px
}
.tableselect tr.txt td {
	text-align: left; font-weight:normal;	white-space: normal;
	color: #333333;font-size:10px; line-height:11px;
	background: #cfe1f4; border: none;
	padding: 4px;
}
.tableselect tr.select th {
	font-size:10px; 
	line-height:11px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #000;
	background-color: #dfebf8;
	padding: 0 0 0 4px;
}

th.header { 
    background-image: url(../shared/flche_hautbas.gif) ;  
    cursor: pointer;
    background-repeat: no-repeat; 
    background-position: center center;
 }

th.headerSortUp { 
    background-image: url(../shared/flche_bas.gif); 
} 

th.headerSortDown { 
    background-image: url(../shared/flche_haut.gif); 
} 

/* ===============  tablepopup (new) ==============  */

.tablepopup {
	padding: 0; 
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 100%; font-size:10px; line-height:11px;
	background: #ffffff;
}
.tablepopup tr.altern {
	background: #eee;
}
.tablepopup tr:hover, tr.altern:hover {
	background: #fcfce3;
}
.tablepopup td {
	padding: 4px;font-size:10px; line-height:11px;
	border-bottom: 1px solid #a9a9a9;
	height: 18px;text-align: center; color:#003c76;
	 white-space: nowrap;
}

.tablepopup  th {
	text-align: center; font-weight:normal;	
	color: #333333;font-size:10px; line-height:11px;
	background: #cfe1f4;
	padding: 4px;
}
.tablepopup tr.dessus th {
	text-align: center; font-weight:bold;	
	color: #fff;font-size:10px; line-height:11px;
	background: #7aa3d0; border-bottom:#5084be 3px solid;
	padding: 4px;
}

.tablepopup th.select{font-size:10px; line-height:11px;
	text-align: center;	background: #ecf3fb url(../shared/border_th.gif) top right repeat-y;
	padding: 4px; color:#333333;
}

/* ===============  les tableaux listes (listing) ==============  */
.listing {
	padding: 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 100%;
	border-collapse: collapse;
}
.listing tr {
	background-color: #ffffff;
}
/*.listing tr:hover {
	background-color: #fcfce3;
}*/
.listing td {
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #A9A9A9;
	height: 18px;
}
.listing th,
.listing thead td {
	font-weight: bold;
	text-align: center;
	border: #ffffff 1px solid;
	color: #777e82;
	background-color: #CFE1F4;
	padding: 2px 4px 2px 2px;
}

.listing tfoot tr {
background-color:#FFE79F;
min-height:22px;
}
.listing tfoot td {
font-weight:bold;
}


#exporter{
	position:relative;
	display:block;
	margin-bottom:40px;
}
#exporter a{
	float:right;
}
#tableau{
	margin-bottom:25px;
}
/* colonne pour ordonner */
.listing thead tr.select2 th {
	line-height: 16px;
	text-align: center;
	border: #ffffff 1px solid;
	border-bottom: 1px solid #000;
	background-color: #dfebf8;
	padding: 0;
	margin: 0;
}

/* rangée couleur alternées*/
table.listing tbody tr.even td{
	background-color: #f0f0f0;
}

/* colonne comportant des valeurs numériques */
.listing td.integer {
	white-space: nowrap;
	text-align: right;
	padding-right: 2px;
	width: 100px;
}
.listing td.comment {
	width: 30px;
}
.listing td.period {
	text-align: left;
	white-space: nowrap;
}
.listing a:link, .listing a:visited {
	text-decoration: none;
}
.listing a:hover {
	text-decoration: underline;
	color: #C82224;
}


.tableSort tbody tr:hover td {
	background-color: #fcfce3 !important;
}

/*********CELLULES, BORDURES et TABLEAUX** ******/
/* --m nage  faire ici !!! -- */
.cellulebleueCFE1F4 {
	background-color: #CFE1F4;
}
.cellulebleue3774AF {
	background-color: #3774AF;
}
.cellulebleueF1F7FC {
	background-color: #F1F7FC;
}
.celluletitrebleue3774AF {
	background-color: #3774AF;
	padding-left: 5px;
}
.cellulebleueDBE2EA {
	background-color: #DBE2EA;
}
.bordureBCCDE7 {
	border: 1px solid #BCCDE7;
	background-color: #E2EAF7;
}
.pointillestableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bordure5F5F5F {
	border: 1px solid #5F5F5F;
}
.cellulebleueE1ECF6 {
	background-color: #E1ECF6;
}
/* --- blocs l gende (fiche chiffres)   --- */
h5.legend {
	font-size: 10px; 
	background-color: #d6d6d6;
	padding: 1px 3px 1px 3px;
	padding:4px;
	margin:0 ;
	width:90px;
	cursor:help;
}
div.legend {
	margin: 0 0 5px 0;
	padding: 7px;
	font-size: 11px;
border: 1px solid #d6d6d6;
	background-color: #f0f0f0 ;
}
div.legend p {
	margin: 2px;
}
/* ------------  TITRES et TEXTES ---------- */
/* -- srie titreproc utilis e dans la rubrique event A NETTOYER ! */
.titreproc1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #5c79a9;
	text-decoration: none;
}
.titreproc2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #5c79a9;
	text-decoration: none;
}
.titreproc3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5c79a9;
	text-decoration: none;
}
/* titre de rubrique en tte de page - bleu */
.titrerubpage, h2puce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #395386;
	text-decoration: none;
}
.h2puce {
	margin-top: 20px;
	font-size: 12px;
	padding-left: 16px;
	background: url(../shared/pce_liste_fiche.gif) no-repeat left center;
}
.bt_exporter {
	margin-top: 20px;
	font-size: 12px;
	padding-left: 16px;
	background: url(../shared/pce_exporter.gif) no-repeat left center;
}
.titreinscriptionrecherche {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	background-color: #CFE1F4;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
.txtlist {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #212BA9;
	text-decoration: none;
}
.txt11black {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.arial10px003366 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 10px;
	font-weight: normal;
	color: #003366;
}
.arial11px515151 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #515151;
	text-decoration: none;
}
.txt12blue {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}
.txt12bluebold {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	color: #395386;
	border-bottom: 1px dotted #486082;
	display:block;
	height:10px;
	padding-bottom:4px;
	margin-bottom:2px;
}
.arial11px003366 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}
.titresubblack {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	color: #254E76;
	text-decoration: none;
}
.arial12px000000 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.arialbold12px797171 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	color: #797171;
	text-decoration: none;
}
.listblue, .listblue A:link, .listblue A:visited {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding: 2px;
}
.listblue A:hover {
	color: #C82224;
	text-decoration: underline;
}
.arial11px212BA9 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: normal;
	color: #212BA9;
	text-decoration: none;
}
.arialbold12px484B50 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	color: #484B50;
}
.txtbold11 {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	color: #484B50;
	text-decoration: none;
}
.verdana14pxFFFFFF {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	left: 20px;
}
.verdanabold10pxFFFFFF {
/*	font-family: verdana, arial, sans-serif; */
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.celluleblancheFFFFFF {
	background-color: #FFFFFF;
}
.mentions:link, .mentions:visited {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.mentions:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
/********************************  formulaire ****************************/
textarea, select {color: #000000;
	font-size: 11px;
	line-height: normal;
	padding-left: 2px;
	background-color: #ffffff;
	border: 1px solid #34287C;
}
input.ftext {
	font-size: 11px;
	color: #000000;
	padding-left: 2px;
	background-color: #ffffff;
	border: 1px solid #5c79a9;
}
input.ftext_home {
	font-size: 12px;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
}
textarea.ftextarea {color: #000000;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	padding-left: 2px;
	background-color: #ffffff;
	border: 1px solid #5c79a9;
}
select.fselect {
	font-size: 11px;
	color: #34287C;
	padding-left: 2px;
	background-color: #ffffff;
	border: 1px solid #5c79a9;
}
label.bloclabel , label.inlinelabel {
	margin-top: 7px;
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size: 10px;
}
label.bloclabel {
	display: block;
}
label.inlinelabel {
}
.falert {
	background-color: #FF3333;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
/************************************  TOOLTIPS ************************************************/
.tooltip {
	position: absolute;
	z-index: 5;
	visibility: hidden;
	border: 1px dotted #FFBC5D;
	padding: 2px;
	background-color: #FFF4C1;
	font: 10px verdana, arial, sans-serif
}
/*  =========================== */
/*  ======= format de liste - tableau avec titre (t lchargements) ============= */
.thead {
	width: 100%;
	background: url(../shared/interface/thBg.gif) repeat-x;
	height: 23px;
	margin-top: 12px;
}
.theadLeft {
	background: url(../shared/interface/thLeft.gif) no-repeat left;
	width: 30px;
	height: 23px;
	float: left;
}
.theadRight {
	background: url(../shared/interface/thRight.gif) no-repeat right;
	width: 30px;
	height: 23px;
	float: right;
}
.thead h3 {
	font-weight: bold;
	font-size: 13px;
	color: #19345E;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
table.list {
	border: 1px solid #cccccc;
	background-color: #a9b8c2;
	border-collapse: collapse;
	clear: both;
}
table.list th {
	background-color: #EAEAEA;
	height: 25px;
	padding: 0px 5px 0px 5px;
	font-weight: normal;
}
/* Main table cell colours and backgrounds */
td.row1 {
	background-color: #F7F7F7;
	border: 1px solid #cccccc;
	border-width: 1px 1px 0px 1px;
	padding: 5px;
}
td.row1 a {
	color: #19345E;
	text-decoration: none;
}
td.row1 a:hover {
	color: #6699FF;
	text-decoration: underline;
}
td.row2 {
	background-color: #ECF0F4;
	border: 1px solid #cccccc;
	border-width: 1px 1px 0px 1px;
	;
	padding: 5px;
}
/*====================== barre d'index alphabetique ===========================*/
.alphaindex {
	font-family: verdana, arial, sans-serif;
	border: 1px solid Gray;
	height: 25px;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #333;
}
.alphaindex a, .alphaindex a:visited {
	border: 1px solid Gray;
	text-decoration: none;
	color: #333;
	margin: 2px;
	padding: 2px 2px 2px 2px;
	background-color: white;
}
.alphaindex a:hover {
	border: 1px solid red;
	text-decoration: none;
	color: #C82224;
	background-color: #F0E68C;
}
.motifvague {
	background-attachment: fixed;
	background-image: url(../img_site/motif_vagues.gif);
	background-repeat: repeat-x;
}
.remplace {
	width: 750px;
	height: 83px;
	font-family: sans-serif;
	text-align: left;
	padding: 25px 5px 0px 105px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #e6e6e6;
	text-decoration: none;
	background: url(../shared/bann_remplace.jpg) 0px 0px no-repeat;
}
.remplace ul {
	padding: 12px 0px 0px 0px;
	margin: 0px
}
.remplace ul li {
	padding:  0px;
	margin: 0px 4px 0px 0px;
	list-style-type: none;
	display: inline;
}
.remplace ul li  a {
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.remplace ul li  a:link:active:visited {
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.remplace ul li a:hover {
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.remplace span a {
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.remplace span a:link:active:visited {
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.remplace span a:hover {
	text-align: left;
	font-size: 11px;
	color: #e6e6e6;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
div#headactu {
	background: url(../imgfr/fond_headactu.gif) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	display: block;
	width: 379px;
	height: 20px;
	margin: 0 0 0 5px;
	line-height: 10px;
	padding: 18px 0 0 5px
}
div#actu {
	background: url(../imgfr/fond_actu.jpg) no-repeat;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
	color: #8b0a0a;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: block;
	width: 365px;
	height: 100%;
	margin: 0 0 0 5px;
	line-height: 10px
}
fieldset.simple {
	margin: 0px 0 6px 10px;
	padding: 6px;
	border: 1px solid #5c79a9;
}
fieldset.simple ul {
	margin: 0;
	padding: 4px 0 0 0;
	list-style-type: none;
	text-align: left
}
fieldset.simple ul li {
	display: block;
	padding: 0px;
	color: #000;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}
legend.vide {
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 2px 3px 1px 3px;
	font-weight: bold;
	font-size: 14px;
	color: #5c79a9;
	background-color: #FFFFFF;
}
.rech td {
	background: url();
	padding: 0;
	text-decoration: none;
	color: #cc0001;
	font-weight: normal;
	/*	font-family: verdana, arial, sans-serif; */
	font-size: 9pt;
	margin: 0;
}
_________.calend {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
.calend th {
	background: #9a9a9c;
	color: #fff;
	text-align: center;
	padding: 8px 5px 6px 5px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
.calend td {
	text-align: left;
	background: #fff url(../imgfr/fond_actu.jpg) repeat-x top left;
	padding: 6px 5px 8px 5px;
	text-decoration: none;
	color: #8b0a0a;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 5px;
}
.calend td.sans {
	width: 11px;
	text-align: left;
	background: #fff url() repeat-x top left;
	padding: 6px 5px 8px 5px;
	text-decoration: none;
	color: #8b0a0a;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 5px;
}
.calend td a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.calend td a:hover {
	color: #C82224;
}
.calend td a span {
	color: #cc0001;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
_________div#extra {
	float: left;
	width: 170px;
	margin-left: -175px;
	padding: 15px 0 0 0;
}
div#etoile {
	padding: 5px;
	text-decoration: none;
	background: url(../imgfr/fond_etoile.gif) no-repeat;
	color: #723ca6;
	font-weight: bold;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 8pt;
	display: block;
	width: 154px;
	height: 64px;
	margin: 0 0 0 10px;
	line-height: 10px
}
div#etoile a {
	text-decoration: none;
	color: #723ca6;
	font-weight: bold;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 8pt;
	padding: 5px;
}
div#chiffres {
	background: #f9e3b0 url(../imgfr/head_chiffre.gif) no-repeat;
	width: 160px;
	height: 130px;
	padding: 15px 0 0 5px;
	color: #cc0000;
	font-size: 9pt;
	font-weight: bold
}
div#agenda {
	background: #ededed url(../imgfr/head_agenda.gif) no-repeat;
	width: 160px;
	height: 230px;
	padding: 15px 0 0 5px;
	color: #cc0000;
	font-size: 9pt;
	font-weight: bold
}
div#navsuite , div.navsuite{
	width: auto;
	height: 15px;
	background: url(../imgfr/fond_titre_suite.gif) repeat-y;
	padding: 3px 0 0 3px;
	margin: 3px 0 0 0px;
	color: #4378d6;
	font-size: 9px;
	font-family: Arial; white-space:nowrap;
}
/*------liens & menu gauche-------  */
a.navsuite {
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
	margin: 0;
	padding: 0; white-space:nowrap;
	display: inline
}
a.navsuite:hover {
	text-decoration: none;
	color: #4378d6 ;white-space:nowrap;
}
a.moncompte {
	text-decoration: none;
	background: url(../imgfr/votre_compte.gif) no-repeat;
	color: #723ca6;
	font-weight: bold;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 8pt;
	display: block;
	width: 154px;
	height: 37px;
	margin: 0 0 0 10px;
}
a.moncompte:hover {
	text-decoration: none;
	background: url(../imgfr/votre_compte_hover.gif) no-repeat;
	color: #723ca6;
	font-weight: bold;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 8pt;
	display: block;
	width: 154px;
	height: 37px;
	margin: 0 0 0 10px;
}
a.menu {
	padding: 5px 20px 0 20px;
	text-decoration: none;
	color: #344155;
	font-weight: bold;
/*	font-family: verdana, arial, sans-serif; */
	font-size: 7pt;
	display: block;
	line-height: 10px;
	width: 154px;
	height: 30px;
}
/*a.menu1 {
	background: url(../imgfr/fondmenu1.gif) no-repeat;
}
a.menu1:hover {
	background: url(../imgfr/fondmenu1_hover.gif) no-repeat;
	color: #FFFFFF
}
a.menu2 {
	background: url(../imgfr/fondmenu2.gif) no-repeat
}
a.menu2:hover {
	background: url(../imgfr/fondmenu2_hover.gif) no-repeat;
	color: #FFFFFF
}
a.menu3 {
	background: url(../imgfr/fondmenu3.gif) no-repeat;
}
a.menu3:hover {
	background: url(../imgfr/fondmenu3_hover.gif) no-repeat;
	color: #FFFFFF
}
a.menu4 {
	background: url(../imgfr/fondmenu4.gif) no-repeat;
}
a.menu4:hover {
	background: url(../imgfr/fondmenu4_hover.gif) no-repeat;
	color: #FFFFFF
}
a.menu5 {
	background: url(../imgfr/fondmenu5.gif) no-repeat;
}
a.menu5:hover {
	background: url(../imgfr/fondmenu5_hover.gif) no-repeat;
	color: #FFFFFF
}
*/
/*------style typographiques-------  */
.agenda_contenu {
	font-size: 7pt;
	color: #000000;
	line-height: 7px;
}
.actus_contenu {
	font-size: 7pt;
	color: #666666;
}
/*------listes-------  */
/* -- menus colonne gauche --*/
ul.bleu {
	list-style-type: none;
	margin: 0;
	padding: 8px 0;
}
ul.bleu li {
	list-style-image: none;
	background: url(../imgfr/puce_bleu.gif) no-repeat bottom left;
	padding: 0px 5px 0px 20px; line-height:10px;
}
/* --listes cat gories d'adherents col gauche -- */
ul.catadh {
	margin: 1em 0 1em 0;
	padding: 1px 0px 1px 15px;
}
ul.catadh li {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 4px;
}
ul.catadh a {
	font-size: 11px;
	text-decoration: none;
}
li.adhpresse {
	list-style-image: url(../shared/pce_grande_mauve.gif);
}
li.adhbim {
	list-style-image: url(../shared/pce_grande_orange.gif);
}
li.adhannonceur {
	list-style-image: url(../shared/pce_grande_rouge.gif);
}
li.adhprofpub {
	list-style-image: url(../shared/pce_grande_verte.gif);
}
li.adhinterm {
	list-style-image: url(../shared/pce_grande_azur.gif);
}
li.adhmesureweb {
	list-style-image: url(../shared/pce_grande_bleue.gif);
}
li.adhautres {
	list-style-image: url(../shared/pce_grande_turq.gif);
}
ul.calend {
	list-style-type: none;
	margin: 0;
	padding: 0
}
ul.calend li {
	list-style-image: none;
	background-image: url(../imgfr/puce_bleu.gif);
	background-repeat: no-repeat;
	background-position: 6px 40%;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}
/* -- listes col gauche -- */
ul.bureaux, ul.extra {
	list-style-type: none;
	margin: 6px 0 0 0;
	padding: 0;
	overflow: hidden;
}
ul.bureaux li, ul.extra li {
	margin-bottom: 3px;
}
ul.bureaux li a, ul.extra li a {
	display: block;
	height: 24px;
	text-indent: -1000px;
}
ul.bureaux li a:hover {
	background-position: 0 -24px;
}
a.bur_pg {
	background: url(../imgfr/bur_pg.png) no-repeat;
}
a.bur_ss {
	background: url(../imgfr/bur_ss.png) no-repeat;
}
a.bur_bim {
	background: url(../imgfr/bur_bim.png) no-repeat;
}
a.bur_pp {
	background: url(../imgfr/bur_pp.png) no-repeat;
}
a.extra_international {
	background: url(../imgfr/logo_ifabc.gif) no-repeat;
}
/* ------------- BUTTONS --------------- */
/* pseudo bouton applicable  <a> et <input>*/
.button {
	background: #CCCCCC url(../shared/interface/button0.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #ececec;
	color: #395386;
}
a.button, a.button:visited {
	text-decoration: none;
}
a.button:hover {
	background-image: url(../shared/interface/button1.gif );
	color: black;
}
/* -- button with icon -- usage: <a href="" class="pictbutton pict_print">imprimer</a>*/
a.flatbutton {
	display: block;
	height: 22px;
	width: 160px;
	padding: 2px 2px 2px 26px;
	font-size: 11px;
	font-weight: bold;
	color: #486082;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-align: right;
	line-height: 1.78em;
	border-bottom: 1px dotted #486082;
}
a.pict_print {
	background: url(../shared/interface/printer.png) no-repeat 4px 4px;
}
a.pict_export {
	background: url(../shared/pce_exporter.gif)  no-repeat 4px 4px;
}
a.pict_adherent {
	background: url(../shared/interface/user.png) no-repeat 4px 4px;
}
a.pict_books {
	background: url(../shared/interface/moredata.png) no-repeat 4px 4px;
}
a.pict_close {
	background: url(../shared/interface/close.png) no-repeat 4px 4px;
}
a.pict_bargraph {
	background: url(../shared/interface/bargraph.png) no-repeat 4px 4px;
}
/* -- lien externes -- */
a.external {
	padding-right: 15px;
	background: url(../shared/interface/external.png) no-repeat right center;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
a.zoom {
	padding-right: 18px;
	background: url(../shared/interface/magnifier.png) no-repeat right center;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
/* -- lien block avec survol (news) -- */
a.block {
	display: block;
	padding: 3px;
	width: 100%;
}
a.block:hover {
	background-color: #CFE1F4;
}
/* -- item verrouill  -- */
.locked {
	padding-left: 20px;
	background: url(../shared/interface/locked.gif) no-repeat left center;
	text-decoration: none;
	line-height: 1.8em;
	color: #888888;
}
/* -- lien "en voir plus" ou "tout..." -- */
a.linknext {
	padding-left: 15px;
	background: url(../shared/interface/linknext.gif) no-repeat left center;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
/* lien mail */
/* -- lien "en voir plus" ou "tout..." -- */
a.email {
	padding-left: 15px;
	background: url(../shared/interface/mail.gif) no-repeat left center;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}



ul.lastnews {width:auto; margin: 0;padding: 0px ; list-style-type:none;
}
ul.lastnews li {
margin:0; padding: 0; border-bottom: 1px solid #CCC;
}

ul.lastnews li a {
margin:0;padding: 10px 10px 10px 18px;background:url(../shared/arrow_ydot.gif) 8px 13px no-repeat;
text-decoration:none; display:block;
}

ul.lastnews li a:hover{
margin:0;padding: 10px 10px 10px 18px;background: #eee url(../shared/arrow_ydot.gif) 8px 13px no-repeat;color:#000; 
}



#onglets {
	padding: 0; width:100%;
	margin: 0;
	float: left;color:#27537a; font-weight:bold;
}
#onglets div{ clear:both; width:98%; display:block; height:1px; background:none;
}
#onglets a {
	display: block; margin: 2px 0 0 0;font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;font-weight:bold;
	float:left; 
	text-align:center;
	width: 49%;
	w\idth: 49%;
	color: #7C6240;
	text-decoration: none;
	padding: 4px 2px 4px 3px ; 
	background: url(../shared/tab2.png) no-repeat 0 0;color:#27537a; 
}
#onglets a:hover {
	color: #352a1c;background: url(../shared/tab2.png) no-repeat 0 -50px; color:#FFF; 
}
#onglets a.selected {
	color: #352a1c;background: url(../shared/tab2.png) no-repeat 0 -50px; color:#FFF; 
}

div#selectexport {
	position: absolute; 
	display: none;
	width: 185px;
	/*height: 132px;*/
	background: #FFF;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
}

div#selectexport a { display: block; } 
div#selectexport a:hover { color: #C82224; }

.tout_afficher{
	display:block;
	float:right;
	text-align:center;
	padding:-3px 0 3px 0;
	margin-top:-20px;
	position:relative;
	color:#cccccc;
}
.tout_afficher img{
	float:center;
}

/* -- bloc VPN decisionnel */
#ojdint, .ban_ojdint  {
	float:left;
	width:729px;
	height:112px;
}
#ojdint {
	margin:10px 0}

.ban_ojdint {background:url(../imgfr/ban_ojdint.jpg) no-repeat}
.ban_ojdint:hover {background:url(../imgfr/ban_ojdint_o.jpg) no-repeat}



/* ------------ elements for tabs --------------- */
/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../shared/blue-tabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs */
/* small */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }
/* large */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }
/* very large */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
/* initially all panes are hidden */
div.panes div.pane {
	display:none;
	margin-top:5px;
}

/* ne pas afficher les éléments marqués "print"
 voir document.css qui annule cette directive pour les impression */
.print {display:none;}

/* barre de pagination  */
.pagination          { border:0; margin:0; padding:5px; font-size:11px; overflow: auto; }
.pagination a           { border:solid 1px #DDDDDD; margin-right:2px;}
.pagination span , .pagination a  {display:block; float:left; padding:3px 6px;}
.pagination .previous-off,
.pagination .next-off   { color:#cccccc; font-weight:bold; padding:3px 4px; }
.pagination .next ,
.pagination .previous { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active     { color:#ff0084; font-weight:bold;  padding:4px 6px; }
.pagination a:link,
.pagination a:visited   { color:#0063e3;  text-decoration:none; }
.pagination a:hover     { border:solid 1px #666666; }