html {height: 100%}
body { font-family:Arial, Helvetica, sans-serif; font-size:10pt; margin:0; padding:0; background: #990099 url('../images/fond_band.png') fixed repeat-x; height:100%}
a {	color: #990099; }
a:hover { color: #ff9900 }
img { border:0; padding: 0; margin: 0}
h1 { font-family: "Arial Black"; font-size: 14pt; color: #FF9900; margin: 0; }
h1.accueil { font-family: "Arial Black"; font-size: 14pt; color: #FF9900; margin: 0; border-top: 3px #ff9900 solid; border-bottom: 3px #ff9900 solid; }
h2 { font-size: 12pt; color: #FF9900; margin: 0; font-weight: bold;}
h6 { font-family: "Arial"; font-size: 11pt;color: #FF9900; margin: 0; font-weight: bold;}
p{ margin:0; padding: 10px 0 0 0}
label {	font-size: 9pt;}
.gene { width: 990px; text-align:center; margin: 0 auto; }
.space { clear:both; height: auto; }
.ok{	vertical-align: bottom}
a.compte {	color: #ffee25; }
a.compte:hover { color: #3190ca }
input { font-family:Arial, Helvetica, sans-serif;}

/******* HEADER *******/
.header {width: 100%; clear:both; }
.header h1 {position: absolute; z-index: -1; top: 0; left: 200px; font-size:1px; color: #990099; float:left; margin:0; padding:0}
.header h2 {position: absolute; z-index: -1; top: 0; left: 200px; font-size:1px; color: #990099; float:left; margin:0; padding:0}
.header h3 {position: absolute; z-index: -1; top: 0; left: 200px; font-size:1px; color: #990099; float:left; margin:0; padding:0}
.header h4 {position: absolute; z-index: -1; top: 0; left: 200px; font-size:1px; color: #990099; float:left; margin:0; padding:0}
.header h5 {position: absolute; z-index: -1; top: 0; left: 200px; font-size:1px; color: #990099; float:left; margin:0; padding:0}
.logo { float:left; padding: 2px 0 5px 0;}
.cloche_band { margin: 0 80px; float:left }
.slogan_band { /*margin: 5px 0 0 45px;*/	float:left; text-align:right;}
.baseline { float: right; text-align:left; color: #ffee25; font-size: 15pt; padding: 10px 0 0 0; margin-top: 7px; margin-bottom:15px; margin-right: 75px;}
.laius {font-size: 9pt;}
.form_membres { text-align:left; float:right; color: white; margin: 0 22px 0 0;  width: 550px}
.form_membres input { font-size: 8pt; }
.form_membres a { font-size: 9pt; color: #ffffff }
.form_membres a:hover { color: #ffee25 }
.pub468_60 { float:right; margin:15px 5px 5px 0; }
.menu { width: 100%; margin-bottom: 12px;}
.menu img { vertical-align: middle; }
.menu a { padding: 0 12px;}
.menu a.petit { padding: 0 5px;}
.connect_membre { text-align:left; float:right;color: white; margin: -5px 22px 0 0; width: 350px}
.connect_membre a { font-size: 9pt; color: #ffee25; font-weight: bold }
.connect_membre a:hover { color: #FF9900; }
.connect_membre a.deconnect {color: #ffffff; text-decoration: none; font-weight: normal; }
.connect_membre a.deconnect:hover { color: #ffee25; }

/******* FIN DE HEADER *******/

.content {width: 100%; margin-top: 5px;}
/*.anim_pa {margin: 0; padding: 0 5px; text-align: left; background: #ffee25; font-size:12pt; line-height: 40px;height: 40px; width: 245px; border:1px #990099 solid; white-space:nowrap}*/
#fenetre {position:relative;overflow:hidden; margin-left: 50px; margin-top:5px; padding: 0px 5px; text-align: left; background: #ffee25; font-size:10pt; line-height: 30px;height: 30px; width: 190px; border:1px #990099 solid; white-space:nowrap}
#marquee{}
.sablier_schema {position: absolute; z-index: 100; margin-left:150px;margin-top: 100px;padding:0; }
ol.concept li { padding: 0 0 7px 0;}
.picto_acc { text-align: center; width: 70px; font-size: 8pt; margin-top: 0px;}
.picto_acc a {text-decoration: none; color: #000000;}
.picto_acc a:hover {text-decoration: none; color: #ff9900}

/******* CADRE GAUCHE *******/
.col_somm { float: left; width:208px; text-align:left; margin-right: 7px;  }
.col_droite { float: right; width:208px; text-align:left; }
.cadreH {height:13px; width: 208px;}
.coin {width: 13px;float: left;}
.ligneH{ background:url('../images/coinH.png') repeat-x; float:left; }
.ligneH_transp{ background:url('../images/coinH_transp.png') repeat-x; float:left; }
.ligneHv{ background:url('../images/coinHv.png') repeat-x; float:left; }
.ligneHe{ background: url('../images/coinHe.png') repeat-x; float:left;}
.cadreC {width: 208px;  height:100%/*background:url('../images/fond_somm.png') repeat-y;*/ }
.cadreC p { padding: 0 0 0 7px }
.cadreC div { padding: 0 0 0 7px }
.cadreC form { padding: 0 0 0 7px }
.cadreB {height:13px; width: 208px;}
.ligneB{ background:url('../images/coinB.png') repeat-x; float:left; }
.ligneB_transp{ background:url('../images/coinB_transp.png') repeat-x; float:left; }
.ligneBv{ background:url('../images/coinBv.png') repeat-x; float:left; }
.ligneBe{ background: url('../images/coinBe.png') repeat-x 0% 100%; float:left; }
.recherche { color: #990099; padding-top:10px; }
.recherche input, select { color: black; font-size: 11px;	}
.recherche input:focus, select:focus { background-color:#ffffff }
.rubriques { color: #990099; margin-top:10px; margin-left: 7px;}
.rubriques ul { margin: 0; padding:5px 0; }
.rubriques li { list-style-type: none; margin:2px 0px; padding:0; font-size:8.5pt; }
/******* FIN DE CADRE GAUCHE *******/


/******* CADRE CONTENU *******/
.contenu { float : left; width: 775px; text-align:left; }
.contenu_h { float : left; width: 560px; text-align:left; }
.contenu_h .contenuH {height:13px; width: 560px;}
.contenu_h .contenuC {width: 560px; background:url('../images/fond_somm_h.png') repeat-y; }
.contenu_h .contenuCv {width: 560px; background:url('../images/fond_somm_hv.png') repeat-y; }
.contenu_h .contenuB {height:13px; width: 560px;margin-bottom: 10px;}
.contenu_j { float : left; width: 560px; text-align:left; }
.contenu_j .contenuH {height:13px; width: 560px;}
.contenu_j .contenuC {width: 560px; background:url('../images/fond_somm_h_transp.png') repeat-y; }
.contenu_j .contenuB {height:13px; width: 560px;margin-bottom: 10px;}
.contenu_j .coin {width: 13px;float: left;}
.contenuH {height:13px; width: 775px;}
.contenu_e { float : left; width: 560px; text-align:left; }
.contenu_e .contenuH {height:13px; width: 560px;}
.contenu_e .contenuC {width: 560px; background:url('../images/fond_somm_h.png') repeat-y; }
.contenu_e .contenuCe {width: 560px; background:url('../images/fond_somm_he.png') repeat-y; }
.contenu_e .contenuB {height:13px; width: 560px;margin-bottom: 10px;}
.contenuH {height:13px; width: 775px;}

/*.contenuC {width: 775px; background:url('../images/fond_cont.png') repeat-y; }
.contenuC div { margin:0 0 0 10px;}
.contenuB {height:13px; width: 775px;}*/
.fond_contenu { padding: 0 15px 0 13px ;}
.fond_contenu_h { padding: 0 15px 0 13px}
.fond_contenu_e { padding: 0 15px 0 13px}
.fond_violet {background: #990099;padding: 0 15px 0 13px}
/******* FIN DE CADRE CONTENU *******/

/******* MON ESPACE *******/
.bouton { width: 200px; height:45px; color:#990099; padding-top: 12px;font-size: 12pt; font-family:Arial; font-weight:bold;white-space:nowrap; text-align:center; background: url('../images/bout_espace.png') no-repeat; }
.bouton a { color:#990099; text-decoration:none;}
.boutonJ { width: 200px; height:45px; color:#990099; padding-top: 12px;font-size: 12pt; font-family:Arial; font-weight:bold;white-space:nowrap; text-align:center; background: url('../images/bout_espaceJ.png') no-repeat; }
.boutonJ a { color:#990099; text-decoration:none;}

.messages { text-align:center; margin:0 auto; padding: 10px 0;}
.messages form {padding: 0; margin: 0;}
.messages .ligne {clear: both; margin: 0; line-height: 18px; padding: 5px 0; }
.messages .lu {float:left; width: 45px; }
.messages .supp {float:left; width: 80px; }
.messages .titre {float:left; text-align: left; width: 355px; padding: 0 5px 0 1px;}
.messages .titresupp {float:left; text-align: left; width: 320px; padding: 0 5px 0 1px;}
.messages .date {float:left; width:120px;}

/******* FIN DE MON ESPACE *******/

/******* JEU *******/
ul.lots {margin: 0; padding:0; color: #990099; }
a.lots  {text-decoration:none; font-size:90%; }
ul.lots li {font-weight:bold; list-style-type: none; padding:4px; margin: 8px auto; background: white url('../images/fond_lot.gif') no-repeat 50% 50%; text-align: center; border: #FF9900 2px solid; width: 450px;}

table.liste_lots {border-collapse:collapse; border: 1px solid black; width: 98%; margin: 8px auto;}
table.liste_lots td { border: 1px solid black; padding: 2px}

.patch {position: absolute; z-index: 10; margin: -5px 0 0 -5px}
.spirale {padding: 8px 0 0 0;}
.speeder1 {padding: 4px 0; margin-left: 30px; float: left; vertical-align: middle; width:370px;font-size: 12px}
.speeder2 {padding: 4px 0;margin-left: 60px;float: left; vertical-align: middle; width:390px; font-size: 12px}
.speeder_jeu {padding:10px;}
.agagner {position:absolute; z-index: 10; margin-left:-30px;margin-top:20px;}
.blanc_jeu {height:8px;}
.blanc_jeugd {height:12px;}
.artifice {padding: 0 3px}
/******* FIN DE JEU *******/

/******* DON *******/
.don {	padding: 20px 0; clear:both; }
.don .photo_don { float:left; padding: 0; margin:0 5px 0 0; }
.don h1	{font-size: 11pt; margin:0; padding:0;color: #FF9900;}
.don h1 a {	text-decoration:none;color: #FF9900;}
.don h1 a:hover {	text-decoration:underline;}
.don h2	{font-size: 9pt; margin:0; padding:0; font-weight:normal; color: black;}
.don h3	{font-size: 9pt; margin:0; padding:2px 0 0 0;font-weight: normal;}
.don h4	{font-size: 9pt; margin:0; padding:0; font-weight: normal;}
.don img {vertical-align: middle;border:0}
.alerte_don{color:red; border:1px #ff0000 solid; padding: 0 5px; text-align: center; margin: 15px 0 8px 0;}
#preneur a {color:#FF6600;}
#preneur a:hover {color:#990099;}

.aff_don {	padding: 10px 0; clear:both; }
.aff_don .photo_don { float:left; padding: 0;  margin:0 5px 0 0; }
.aff_don h1	{font-size: 11pt; margin:5px 0; padding:0;color: #990099;}
.aff_don h2	{font-size: 9pt; margin:5px 0; padding:0; font-weight:normal; text-align:justify;color: black;}
.aff_don h3	{font-size: 9pt; margin:5px 0; padding:0;font-weight: normal;}
.aff_don h4	{font-size: 9pt; margin:5px 0; padding:0; font-weight: normal;}
.aff_don img {vertical-align: middle;border:0}
.aff_don .center {	text-align:center;}

.aff_don_pt {	padding: 0; clear:both; }
.aff_don_pt .photo_don { float:left; padding: 0;  margin:0 5px 0 0; }
.aff_don_pt h1	{font-size: 10pt; margin:5px 0; padding:0;color: #990099;}
.aff_don_pt h2	{font-size: 8pt; margin:5px 0; padding:0; font-weight:normal; text-align:justify;color: black;}
.aff_don_pt h3	{font-size: 8pt; margin:5px 0; padding:0;font-weight: normal;}
.aff_don_pt h4	{font-size: 8pt; margin:5px 0; padding:0; font-weight: normal;}
.aff_don_pt img {vertical-align: middle; border:0}

.don_msg {clear:both; border:1px #990099 solid; margin: 0; float: left; padding: 5px }
.don_msg .photo_don { float:left; padding: 0; margin:0 5px 0 0; }
.don_msg h1	{font-size: 11pt; margin:0; padding:0;color: #FF9900;}
.don_msg h1 a {	text-decoration:none;color: #FF9900;}
.don_msg h1 a:hover {	text-decoration:underline;}
.don_msg h2	{font-size: 9pt; margin:0; padding:0; font-weight:normal;color: black;}
.don_msg h3	{font-size: 9pt; margin:0; padding:0;font-weight: normal;}
.don_msg h4	{font-size: 9pt; margin:0; padding:0; font-weight: normal;}
.don_msg img {vertical-align: middle; border:0}
/******* FIN DON *******/

/******* ENCHERES *******/
.aff_encheres {background: #990099; border-bottom: 2px solid #b476ab; border-right: 2px solid #b476ab;border-top: 2px solid #631f64; border-left: 2px solid #631f64; margin: 20px 5px 0 5px; color: #FBE912;}
.aff_encheres div {margin: 5px 0 5px -10px;}
.aff_encheres a {text-decoration: none;color: #FBE912;}
.aff_encheres a:hover {text-decoration: none;color: #FF9900;}
/******* FIN ENCHERES *******/


/******* HISTORIQUE *******/
ul.histo_dons li { padding: 2px 0; list-style-image:url('../images/pictov.png'); list-style-position:outside; vertical-align:middle;color: #990099}
ul.histo_dons a { text-decoration: none; }

ul.histo_demandes li { padding: 2px 0; list-style-image:url('../images/picto.png'); list-style-position:outside; vertical-align:middle;color: #ff9900}
ul.histo_demandes a { text-decoration: none; }

ul.histo_verses li { padding: 2px 0; list-style-image:url('../images/pictor.png'); list-style-position:outside; vertical-align:middle;color: #ff0000}
ul.histo_verses a { text-decoration: none; }

ul.histo_prises li { padding: 2px 0; list-style-image:url('../images/pictob.png'); list-style-position:outside; vertical-align:middle; color: #3366ff}
ul.histo_prises a { text-decoration: none; }

/******* FIN HISTORIQUE *******/

.footer_esp {text-align:center; width:100%; margin:20px 0 0 0; font-size: 8.5pt}
.footer_esp a {color: black; padding: 0 4px}
.footer_esp a:hover {color: #ff9900}


.footer {width:100%; text-align:center; margin:10px 0; font-size: 9pt}
.drapeaux img { vertical-align: bottom; margin-bottom:1px; padding: 0 5px}
.footer a {color: black; padding: 0 5px}
.footer a:hover {color: #990099}

.form_inscrip {	/*width: 480px;*/ margin: 10px 0;}
.form_inscrip input.champ_file { width: 205px; margin:0; padding:0; }
.form_inscrip input.champ { width: 200px; margin:0; padding:0; }
.form_inscrip select.champ { width: 204px;margin:0; padding:0;cursor:pointer;}
.form_inscrip textarea { width: 201px; margin:0; padding:0}
/*.form_inscrip input:focus, select:focus { background-color:#ffdf00 }*/
.form_inscrip .colG { text-align:left; float:left; margin: 0; width: 250px; padding: 2px 0; }
.form_inscrip .colD { text-align:left; margin: 0; padding: 2px 0; }

/******* popup *******/
.calque{ opacity:0.6; filter: alpha(opacity=50); color: #FFFFFF; position: absolute; z-index: 1000; visibility: hidden; padding: 0px; font-family: Arial; text-align: center; font-size: 8pt; background-color: #000000;  width: 100%; height : 100%; top : 0; left : 0 ; }
.image_calque{ height: 100%;}
.window{  color: #FFFFFF;  position: absolute; z-index: 1000;  visibility : hidden; padding: 0px; font-family: Arial; text-align: center; font-size: 8pt; background-color: #FFFFFF; width: 500px; height : 200px; top : 30%; left : 25% ;}
.contemp_window{ width: 100%; height : 100%; border : 0;}
.window2{  color: #FFFFFF;  position: absolute; z-index: 1000;  visibility : hidden; padding: 0px; font-family: Arial; text-align: center; font-size: 8pt; background-color: #FFFFFF; width: 500px; height: 520px; top: 10%; left: 25%; }
.contemp_window2{ width: 100%; height : 100%; border : 0;}
.windowCGU{  color: #FFFFFF;  position: absolute; z-index: 1000;  visibility : hidden; padding: 0px; font-family: Arial; text-align: center; font-size: 8pt; background-color: #FFFFFF; width: 650px; height : 520px; top : 5%; left : 16% ;}
.contemp_windowCGU{ width: 100%; height : 100%; border : 0;}
/******* fin popup *******/

/******* TYPO *******/
.milieu {vertical-align: middle;margin: 2px 0;}
.rouge { color: #FF0000; }
.noir { color: black; }
.jaune { color: #FBE912; }
.orange {	color: #FF9900; }
.orangefonce {	color: #FF6600; }
.violet { color: #990099; }
.bleu { color: #3366ff; }
.gris {color: #aaaaaa}
.texte_petit {font-size: 8pt; font-family:Arial, Helvetica, sans-serif;}
.texte_moyen {font-size: 9pt; font-family:Arial, Helvetica, sans-serif;}
.texte_normal {font-size: 10pt; font-family:Arial, Helvetica, sans-serif;}
.texte_gros {font-size: 12pt;}
.texte_droite {font-size: 11pt;}
.style17 { text-align: right;}
.center { text-align:center; margin: 0 auto;}
.gauche {float: left; }
.droite {float: right; }
.gras {	font-weight:bold}
#gras {	font-weight:bold; }
.rouge_gros { color: red; font-size: 12pt;}
.encadre {border:1px #990099 solid; padding: 5px; margin-bottom:10px; margin: 0;}
.encadre_rouge {border:1px #ff0000 solid; padding: 5px; margin: 0;}
.encadre_gris {border:1px #cccccc solid; padding: 5px; margin: 0;}
.encadre_noir {border:1px #000000 solid; padding: 5px; margin: 0;}
.fond_dons {background: url('../images/fond_dons.gif') no-repeat 50% 50%; height:98px;width: 280px; margin: 0 auto; padding-left: 10px;}
.fond_donsV {background: url('../images/fond_donsV.gif') no-repeat 50% 50%; border: 1px #990099 solid; height:108px;width: 290px; margin: 0 0 0 20px; }
.recap_euros {text-align: right; width: 320px; margin: 0 auto;}
.normal { font-family:Arial, Helvetica, sans-serif; font-weight: normal; }
.clignote {visibility: visible;}
.decompte {font-size:10pt; padding: 2px 4px; border-style: solid; border-color: rgb(180, 118, 171) rgb(99, 31, 100) rgb(99, 31, 100) rgb(180, 118, 171); border-width: 2px; color: red; font-weight: bold; }