/* STRUCTURE ET GENERALITES */
a, a:visited, a:hover, a:link {color:#003C9E; text-decoration: none;}
a:hover {text-decoration: underline;}
a, img, a img {border: none;}
.clear {height: 1px; width: 100%; clear: both; overflow: hidden;}
hr {margin: 5px 0; border:none;}
label {cursor: pointer;}
abbr {border: none;}
body {
	font-family: Arial, verdana, sans-serif;
	font-size: 0.75em;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	background:#ded7d4 url(../images/bk_body.gif) repeat-x top left;
}

ul {padding-left:15px;}

#container {width:962px; margin:0 auto;text-align: left; position: relative; border:1px solid #9d8981; border-top: none;}

#header, #header-isf {text-align: right; height: 170px; margin:0; padding:0;}
#header {background:#FFF url(../images/bk_header.png) no-repeat top left;}
#header h1 {/*font-size: 18px; */ display: none;}
#header #logo, #header-isf #logo {float: left; padding:20px 0 0 23px;}

#don-background {margin:50px 0 0 520px; position:absolute; height:28px; width:214px; background-image:url(../images/donnezenligne.png); background-repeat: no-repeat; background-position: top left;}
#don {position:absolute; margin:50px 0 0 520px;text-align: left; height: 28px;}
#espaceprive-background {margin:50px 0 0 520px; position:absolute; height:30px; width:250px; background-image:url(../images/espaceprive.png); background-repeat: no-repeat; background-position: top left;}
#espaceprive {position:absolute; margin:50px 0 0 520px;text-align: left; height: 30px;}

div#top {width: 818px; float:right; margin:0 0 0 0 ; padding:0;}
div#bandeau {margin:100px 0 0 0px; float: right;}
div#menus {width:624px; height: 69px; float: left;}
div#actions {width: 624px; padding: 0px 0 0 0; margin:0;}
div#actions ul {margin: 0; padding:0; list-style-type: none;}
div#actions li {margin: 0; padding:0; display: inline;}

div#menu {width: 624px; padding: 0 0 0 0; margin:0;}
div#menu ul {margin: 0; padding:0; height:30px; list-style-type: none;}
div#menu li {margin: 0; padding:0; display: inline;}

div#connexion, div#connexion-blanc {text-align:left;float:right; width: 194px; height:69px;}
div#connexion {background: url(../images/bk_connexion.gif) no-repeat left top;}
div#connexion div.texte, div#connexion-blanc div.texte {text-align:left;padding: 5px 5px; color:#FFF; font-size:100%;}
div#connexion div.texte strong, div#connexion-blanc div.texte strong {font-size:110%;}
div#connexion img, div#connexion-blanc img {margin: 0 ; padding:0;}
div#connexion .deconnexion, div#connexion-blanc .deconnexion {text-align: right; font-size:90%;padding: 0 10px 20px 0;}
div#connexion .deconnexion a, div#connexion-blanc .deconnexion a {color:#FFF;}
div#connexion-actif .deconnexion, div#connexion .deconnexion, div#connexion-blanc .deconnexion {text-align: right; font-size:90%;padding: 0 10px 20px 0; margin:0px;}
div#connexion-actif {text-align:left; float:right; width: 190px; height:64px; background: none; margin:0px 25px 0 0; border:2px solid #003d9f; padding:4px;}

/* ZONE CENTRALE */
div#contenu {background: url(../images/bk_contenu.gif) repeat-y left top;}
div#contenu-wide {background:#FFF;}
div#interne {padding:0 0 70px 0; float: left; width: 767px;}
div#interne-wide {padding:0 30px 0px 30px; float: left; width: 900px;}

div#mesespaces {margin: 10px 0 10px 20px; padding:5px;width: 703px;}
div#mesespaces a {color:#022A69; font-weight:bold;}
div.espaceprive{margin:0 5px; padding: 5px;float: left; width: 330px;}
div.espaceprive h2 {margin:0 0 5px 0; padding: 5px;color:#022A69; font-size:120%; border-bottom:1px solid #B1C7EB;}
div.espaceprive ul {margin:0; padding: 0; list-style-type: none;}
div.espaceprive li {margin:0; padding: 5px 0 5px 14px; background: url(../images/puce-fleche.gif) no-repeat 0px 9px; border-bottom:1px solid #fff;}
div#retour {text-align:right;}

div.bloc{margin: 10px 0;}
div.bloc div#maselection {padding:0 20px 0px 20px; background: url(../images/maselection_fd.gif) repeat-y left top;}
div.bloc div#maselection-bas {padding:0 20px 0px 20px; height: 82px;background: url(../images/maselection_bas.gif) no-repeat left bottom;}
div.bloc div#donprioritaire {padding:0 20px 20px 20px; background: url(../images/don_prioritaire_bas.gif) no-repeat left bottom;}
div.bloc div#donregulier {padding:0 20px 20px 20px; background: url(../images/don_prioritaire_bas.gif) no-repeat left bottom;}
div.bloc div#donrapide {padding:0 20px 20px 20px; background: url(../images/don_prioritaire_bas.gif) no-repeat left bottom;}
div.bloc h2 {margin: 0; padding:0;}
div.bloc a {color:#000; padding: 0;}

/* HOME : LA CAUSE DU MOIS */
div#lacausedumois {margin: 50px 0 10px 20px; padding:5px;width: 703px;}
div#lacausedumois div.titre {background: url(../images/bk_cause.gif) no-repeat left bottom; display:block; padding:0 0 42px 0;}
div#lacausedumois div.texte {padding:10px;width: 677px; background: #fff4e3;border: 3px solid #e96b10;}
div#lacausedumois div.texte div.boutons {text-align: right; margin:10px 10px 0 0;}
div#lacausedumois div.texte div.boutons ul {margin: 0; padding:0; list-style-type: none;}
div#lacausedumois div.texte div.boutons li {margin: 0; padding:0; display: inline;}
div#lacausedumois img.image {float:left; margin: 0 10px 0 0; padding-right:10px;}
div#lacausedumois h3 {color: #e96b10; text-transform: uppercase; margin: 0; padding: 0;}
div#lacausedumois h4 {margin: 0; padding: 0;}
div#lacausedumois div.titre h2 {font-size:150%; padding: 18px 0 0 15px; margin:0; display:block; float:left; color:#fff; text-transform:uppercase;}
div#lacausedumois div.titre div.infos {text-align: right;}
div#lacausedumois div.titre div.infos ul {margin: 0; padding:0; list-style-type: none; display:block; float:right;}
div#lacausedumois div.titre div.infos li {text-transform: uppercase; margin: 0 0 0 5px; display: block; float:left; color:#FFF; font-weight: bold; text-align:center;}
div#lacausedumois div.titre div.infos li.promesses {padding:5px 0; width:227px; background:url(../images/bk_promesses.gif) no-repeat top left;}
div#lacausedumois div.titre div.infos li.objectifs {padding:5px 0; width:171px; background:url(../images/bk_objectifs.gif) no-repeat top left;}

/* PAGE INTERNE : RUBRIQUES */
div#rubrique {margin: 20px 0 10px 20px; padding:5px;width: 703px;}
div#rubrique div.item {margin: 10px 0 0 20px; padding:10px; border-bottom: 1px solid #052e71;}
div#rubrique div.titre{background: url(../images/bk_rubrique.gif) no-repeat left bottom; border-bottom:3px solid #c3d4ef;padding:5px 0 0px 5px;}
div#rubrique div.titre h2 {padding:0; margin : 0; text-transform:uppercase; font-size:18px;}
div#rubrique div.titre h2 span.bleu {color:#003D9F;}
div#rubrique div.item div.image {float:left; margin:0 10px 0 0;}
div#rubrique div.item div.image img{width: 150px;}
div#rubrique div.item div.texte {padding:0;}
div#rubrique div.item div.texte a.savoir {color: #e96b10; font-weight: bold;}
div#rubrique div.item div.form {margin:5px; text-align: center;}
div#rubrique div.item form input, div#rubrique div.item form select {vertical-align: middle; margin:0 10px;}
div#rubrique h3 {color: #e96b10; text-transform: uppercase; margin: 5px 0; padding: 0; font-size:14px;}


/* DIV DROITE */
div#droite {float: left; width: 195px; /*background:#e3e5e8;*/}

/* DAS DE PAGE */
#bottom {width:723px; position: absolute; bottom:0;text-align: left; border-top:1px solid #003d9f;}
#bottom-wide {background:#FFF;padding: 0 10px;text-align: left; border-top:1px solid #003d9f;}
#bottom ul {float: right; margin:0 ; padding:0; list-style-type: none;}
#bottom-wide ul {float: right; margin:0 ; padding:0; list-style-type: none;}
#bottom li {text-align: left; margin:0 ; padding:0;}
#bottom li a {color: #003d9f;}
#bottom img.image {float:left; padding:10px;}
#bottom-wide img.image {float:left; padding:10px 0;}

/* FOOTER */
#footer {width:962px; margin:5px auto; text-align: left;}

/* MENU */
div#menu-principal {width: 624px; padding: 0 0 0 0; margin:0;}
#menu-principal li {text-align: left; display:block;list-style-type:none; position: relative; padding:0px; margin: 0px;}
#menu-principal li a, #menu-principal li a img {}
#menu-principal li a {text-decoration:none;}
#menu-principal ul ul {display: none; position: absolute; margin:0px; padding: 0px; background:#d2def3;}
#menu-principal ul.niveau1 {padding:0; margin:0px; width:100%; float:left;}
#menu-principal ul.niveau1 li{float:left;}
#menu-principal ul.niveau1 li a{display:block;}
#menu-principal ul.niveau2 {	left:0px; top:30px;width:220px; padding:0px 0px 0 0 ;}
#menu-principal ul li ul.niveau2 li {display:block; float:none; height:auto; border:solid #ffffff; border-width:1px 0px 0px 0px; padding:5px 0px 5px 15px; background: #d2def3;}
#menu-principal ul.niveau1 li ul.niveau2 li a, #menu-principal ul.niveau1 li ul.niveau2 li a :hover{color:#063072;}
#menu-principal ul li ul.niveau2 li:hover {margin:0 ;padding:5px 0px 5px 15px; color:#063072;background-color: #b1c7e9;}
#menu-principal li:hover ul.niveau2, #menu-principal li.sfhover ul.niveau2 {display: block}
#menu-principal li:hover li:hover, #menu-principal li.sfhover li.sfhover {background:#d2def3;}

/* FORMULAIRE */
div#formulaire div.titre h2 {color:#e96b10; text-transform: uppercase;}
.formulaire form h3, .formulaireCart h3, .formulaire h3 {background:url(../images/fleche-bleue.gif) no-repeat top left; padding:3px 0 10px 30px; display:block;}
.formulaire div.texte{width:36em; float: left; margin:2px 0;padding:0; font-size:100%;}
.formulaire div.texteCrypto{width:20em; float: left; margin:2px 0;padding:0; font-size:100%;}
.formulaire, .formulaire-misc{margin:0; padding:0; font-size:100%; color: #022A69;}
#formulaire-misc {padding:0px 0px 0px 10px;}
.formulaire.selection, .formulaireCart.selection {border-bottom:2px solid #DB5208;}
.formulaire label{margin:0; padding:0; font-size:100%; color: #022A69;}
.formulaire ul{margin:0; padding:0; list-style-type :none;}
.formulaire li{margin:0; padding:0 20px 0 0; display: inline;}
.formulaire input, .formulaire select {margin:0; color:#000000;font-size:110%; padding:1px 2px;background: #d2def3; border: none;}
.formulaireCart input, .formulaireCart select, .formulaireDonReg input, .formulaireDonReg select, .formulaireRib input, .formulaireQuestion select, .formulaireQuestion input {margin:0; color:#000000;font-size:110%; padding:1px 2px;}
.formulaire input.texte {width:18em;}
.formulaire input.radio {background: none;}
.formulaire input.textecourt {width:25%; border: 1px solid #cccccc; color:#000000;}
.formulaire select {margin:0; padding:0; /*width:50%;*/ font-size:100%;color:#000000;}
.formulaire textarea {margin:0; padding:0; width:52em; border: none; background: #d2def3;color:#000000;}
.formulaire input.submit {margin:0; padding:0; font-size:100%;}
.formulaire input.submit-login {margin: 0 0 0 10px; padding:0; font-size:100%;}
.formulaire div.textinfo, .formulaire div.textinfo2, .formulaire div.textinfo3, .formulaire div.textinfo4{float:left; text-align: right; padding:2px 10px 0 0; width:10em; font-size:100%;}
.formulaire div.textinfo2{width:12em;}
.formulaire div.textinfo3{width:22em;}
.formulaire div.textinfo4{width:52em;}
div.textinfo img, div.textinfo2 img {vertical-align: top;}
.formulaire fieldset, .formulaireCart fieldset{margin:0; padding:0 0 10px 0; border-bottom:solid #fff4e3; border-width:0 0 1px 0;}
.formulaire fieldset.coordonnees{margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px solid #DB5208;}
.formulaire legend{color:#e96b10;}

.formulaire div.texte-large{width:100%; text-align: left; float: left; margin:2px 0;padding:0; font-size:100%;}
.formulaire div.texte-large input.texte-large {width:50.7em;}
.formulaire div.texte-court{width:20em; text-align: left; float: left; margin:2px 0;padding:0; font-size:100%;}
.formulaire div.texte-court input.texte-court {width:5em;}
.formulaire div.texte-court .texte-moyen {width:16em;}
.texte-moyen2 {width:15em;}
.formulaire div.marge {margin-left: 50px;}
.formulaire div.marge2 {margin-left: 20px;}
.formulaire div.texte-captcha div.textinfo {width:auto;}
.formulaire div.texte-extralarge{margin:4px 0;}
.formulaire div.texte-extralarge a {margin:2px 0;}
.formulaire div.texte-extralarge div.textinfo {width:32em;}
.formulaire div.texte-extralarge h4 {padding:0 0 0 25px; margin:0; text-align: left; background:#D2DEF3;}
/* FORMULAIRE WIDE*/
.wide div.texte{}
.formulaire div.bloc {margin:0 10px; padding: 5px;float: left; width: 41%;background: #d2def3;/* border:1px solid pink;*/}
.formulaire div.bloc div {padding:5px;}
.formulaire h4 {color:#e96b10; margin:0px 0 5px 25px;; padding:0px; font-size:100%;}
.formulaire div.bouton, .formulaireDonReg div.bouton, .formulaireRib div.bouton, .formulaireQuestion div.bouton {text-align: center; margin:10px 0 5px 0px;; padding:0px; border:none;}
.formulaire div.bouton input.submit {background: none; border:none;}
.formulaire div.bloc h5 {background:#FFFFFF; margin:0; padding:2px; font-size:100%;}
.formulaire div.bloc h6 {margin:5px 0 0 0px; padding:0; font-size:90%;}

table.maselection {width: 60%; padding: 2px 5px;}
table.maselection td{padding: 2px 5px;}
table.maselection tr.impair{background:#D2DEF3;}
table.maselection tr.pair{background:#FEFEFE;}
table.maselection a {color:#e96b10;}

#logoutForm {padding: 0px; margin: 0;}
#nfform_cart {padding: 0px; margin: 0;}

div#don_rapide {margin: 20px 0 0 20px; padding:0 20px;}

table.historique, table.donReg, table.question {width: 100%;}
table.rib {width: 500px; margin-left: 100px;}
table.historique caption, .historiqueNoDon {font-weight: bold; font-size:1.2em ; color: #063072; text-align: left; margin:0 0 10px 25px;}
table.historique tr.entete, table.donReg tr.entete, table.rib tr.entete, table.question tr.entete {background:#063072; color: #FFF;}
table.rib tr.entete {text-align:center;}
table.historique tr.entete th, table.donReg tr.entete th, table.rib tr.entete th, table.question tr.entete th {padding:5px;}
table.historique tr.pair, table.donReg tr.pair, table.rib tr {background:#FFF ;}
table.historique tr.impair, table.donReg tr.impair, table.question tr {background:#D2DEF3;}
table.rib tr {background:#D2DEF3; text-align:center;}
table.historique td, table.donReg td, table.question td {color:#063072; padding:2px 5px;}
table.donReg .first {padding-left:100px;}

h2.titreLogin {font-size:large;}
h1 {font-size:large;}
ul.ulLogin {list-style: disc outside;}
ul.ulLogin li {display: list-item;}
ul.ulLogin li {list-style-image: url(../images/puce-fleche.gif);


#formulaire	.t11a					{vertical-align:middle; width:25%; text-align:right; padding:0 5px;}
#formulaire	.t11b					{vertical-align:middle; width:25%; color:#243D9F; padding:0 5px;}
#formulaire .t12a					{width:10%; text-align:right; padding:3px 0 0 0;}
#formulaire .t12b					{width:40%; padding:0 0 0 5px; white-space:nowrap;}

.passFail {font-weight: bold; color: red;}
.passOk   {font-weight: bold; color: green;}
/* ERROR */
.error {color: #D70018;}