@charset "iso-8859-1";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;  
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
  font-family: Arial, sans-serif; 
  font-size : 11px; 
 
}
html, body { height: 100%;}

/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
	 
	width: 100%; 
  	line-height: 1;
  	color: black;
  	background: white;
}
ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px solid red;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

body {height: 100%; width: 100%; border: 0px solid black; margin: 0; padding: 0; background-color: black; } 
table.main {border-collapse: collapse; height: 100%; width: 100%; margin: 0; border: 0px solid white;}   
table.body {width: 100%;} 
table.auto {} 
table.sortieoff {width: 98%; border-collapse: collapse; margin: 0; border: 0px solid #FFCCFF} 
table.sortir_liste {width: 97%; border: 1px solid black} 
table.accueil {margin: 5; border: 10px solid #FFCCFF;}  	
table.sortir {width: 60%; border-collapse: collapse; margin: 0; border: 0px solid black; text-align: center}  	
table.comment {width: 60%; border-collapse: collapse; margin: 0; border: 0px solid #993399; text-align: center}  
table.commentform {width: 60%; border-collapse: collapse; margin: 0; border-top: 0px solid white; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; text-align: center}  
table.commentform2 {width: 60%; border-collapse: collapse; margin: 0; border-top: 0px solid white; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; text-align: center}  
table.fiche-main {margin: 5; border: 0px solid black; width: 98%}  
table.fiche-main-20 {margin: 5; border: 0px solid black; width: 20%; vertical-align:top}  
table.fiche-main-60 {margin: 5; border: 0px solid black; width: 60%}  
table.fiche-main-70 {margin: 5; border: 0px solid black; width: 70%}  
table.fiche {border: 1px solid white; width: 100%; }  
table.ficheusers {border: 1px solid white; width: 100%; height: 100%;}
table.fiche2 {border: 0x solid white; width: 100%; height: 100%}  
table.info-cell {height: 100%;  width: 100%;  border: 1px solid black}
table.info {width: 100%}
table.poll {}
td.poll {margin: 0; padding-top: 0.5em; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; border: 1px solid black; text-align: justify; color: black; background-color: white}
table.bold {border: 2px solid black; }

tr {margin: 0; padding: 0; border: 0px solid black; }	  
td {margin: 0; padding: 0; border: 0px solid black; }
tr.title {} 
tr.height100 {height: 100%}
td.height100 {height: 100%; vertical-align: top}
td.title {margin: 0; background-color: black; text-align: center; padding-left: 0; padding-right: 0; padding-top: 0.25em; padding-bottom: 0.25em}	
td.menu_side {margin: 0; background-color: white; width: 14%; vertical-align: top; border-left: 0px solid black; border-right: 0px solid black; border-top: 1px solid black; border-bottom: 0px solid black; padding: 0}												
td.body {margin: 0; background-color: #FFCCFF; width: 72%; border-top: 1px solid black; border-bottom: 0px solid black; border-left: 1px solid black; border-right: 1px solid black; padding: 0; vertical-align: top}													
td.body_white {margin: 0; background-color: #FFFFFF; width: 72%; border-top: 1px solid black; border-bottom: 0px solid black; border-left: 1px solid black; border-right: 1px solid black; padding: 0; vertical-align: top}	
td.menu_side_bottom {margin: 0; background-color: black; width: 14%; vertical-align: middle; border-left: 0px solid black; border-right: 0px solid black; border-top: 0px solid red; border-bottom: 1px solid white; padding: 0}												
td.body_bottom { margin: 0; background-color: black; width: 72%; border-top: 0px solid #FFCCFF; border-bottom: 1px solid white; border-left: 1px solid black; border-right: 1px solid black; text-align: center; padding: 0; vertical-align: middle}
td.decouvrir-films-liste {margin: 0; background-color: #FFCCFF; border: 0px solid black; padding: 1em;, vertical-align: middle; text-align: center; width: 25%}													
td.decouvrir-livres-liste {margin: 0; background-color: #FFCCFF; border: 0px solid black; padding: 1em;, vertical-align: middle; text-align: center; width: 25%}													
td.titre {margin: 0; background-color: #FFCCFF; width: 50%; border: 0px solid black; padding-left: 0.5em; padding-bottom: 0; padding-right: 0; padding-top: 0.5em; vertical-align: middle;}													
/*td.accueil1 { margin: 5; padding: 5; border: 0px solid black }		 
td.accueil2 { margin: 5; padding: 5; border: 1px solid black }		*/ 
td.accueil1 {}		 
td.white {border: 10px solid #FFCCFF; border-bottom: 0 solid #FFCCFF; background-color: white; margin: 0; padding: 0em; vertical-align: top; height: 100%}	
td.purple {border: 1px solid black; background-color: purple}
td.blue {border: 1px solid black; background-color: blue}
td.cyan {border: 1px solid black; background-color: cyan}
td.green {border: 1px solid black; background-color: green}
td.yellow {border: 1px solid black; background-color: yellow}
td.orange {border: 1px solid black; background-color: orange}
td.red {border: 1px solid black; background-color: red}		
td.black {border: 1px solid black; background-color: black}		 
td.sortir {margin: 0; border: 0px solid black; padding-left: 0; padding-right: 0; padding-top: 0.25em; padding-bottom: 0.25em; vertical-align: middle; text-align: left}	
td.sortir_center {margin: 0; border: 0px solid black; padding-left: 0; padding-right: 0; padding-top: 0.25em; padding-bottom: 0.25em; vertical-align: middle; text-align: center}			
td.commentformtitle {margin: 0; padding: 0; border: 1px solid white; vertical-align: middle; text-align: left; background-color: #993399; color: white}												
td.commentformbody {margin: 0; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.50em; padding-right: 0.50em; border: 0px solid #993399; vertical-align: middle; text-align: center}												
td.commenttitle {margin: 0; padding: 0; border: 1px solid white; vertical-align: middle; text-align: left; font-weight: normal; background-color: #993399; color: #FFCCFF}		
td.commentbody {margin: 0; padding: 0; border: 1px solid white; vertical-align: middle; text-align: left; background-color: lemonchiffon}		
td.commentconnect {margin: 0; padding: 0; border: 0px solid #993399; vertical-align: middle; text-align: center}	
td.commentconnect-bordertop {margin: 0; padding: 0; border: 0px solid #993399;  border-top: 1px solid white; vertical-align: middle; text-align: center}	
td.commentconnect-paddingbottom {margin: 0; padding: 0; padding-bottom: 0.25em; border: 0px solid #993399; vertical-align: middle; text-align: center}	

td.actu {padding-left: 0em; padding-right: 0.50em;}
											
td.sortieofftitle {margin: 0; padding: 0; border: 1px solid #993399; vertical-align: middle; text-align: left; font-weight: normal; background-color: #993399; color: #FFCCFF}	
td.sortieoff {margin: 0; padding: 0em; border: 1px solid #993399; vertical-align: middle; text-align: left; font-weight: normal; background-color: white}		
td.sortietitle {margin: 0; padding: 0; border: 1px solid #993399; vertical-align: middle; text-align: left; font-weight: normal; background-color: #993399; color: #FFCCFF}	
td.sortie {margin: 0; padding: 1em; border: 1px solid #993399; vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFCCFF}		
td.sortir_liste {padding: 1em; border: 0px solid #993399; vertical-align: middle;}	
td.info-cell {vertical-align: top;}

td.sortir_liste_top {vertical-align: top; padding-top: 0.50em; padding-left: 0em; padding-right: 0.25em}	
td.sortir_liste_top2 {color: #FFCCFF; vertical-align: top; padding-top: 0.50em; padding-left: 0em; padding-right: 0.25em}	
td.sortir_liste_bottom {padding-top: 0.25em;padding-bottom: 0.50em;}
td.fiche-main {padding-left: 0.5em; padding-right: 0.5em;  border: 0px solid red; vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFCCFF}	
td.fiche-main2 {vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFCCFF}	
td.fiche-main-60 {padding-left: 0.5em; padding-right: 0.5em;  border: 0px solid red; vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFCCFF; width: 60%}	
td.fiche-main-70 {padding-left: 0.5em; padding-right: 0.5em;  border: 0px solid red; vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFCCFF; width: 70%}	
td.fiche-main-20 {padding-left: 0.5em; padding-right: 0.5em;  border: 0px solid white; vertical-align: top; text-align: left; font-weight: normal; background-color: #FFCCFF; width: 20%; height: 100%}	

td.fiche-title {border: 1px solid white; vertical-align: middle; text-align: left; font-weight: normal; background-color: #993399}	
td.fiche-title-admin {border: 1px solid white; vertical-align: middle; text-align: left; font-weight: normal; background-color: #FFFFCC}
td.fiche-title2 {border: 1px solid white; vertical-align: middle; text-align: center; font-weight: normal; background-color: #993399}	
td.fiche-body2 {vertical-align: top; text-align: left; font-weight: normal; background-color: #FFCCFF}	
td.fiche-body-100-noborder {width: 100%; border: 0px solid white; vertical-align: top; text-align: left; font-weight: normal; background-color: #FFCCFF; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em;}	
.sortir_liste_color0 {background-color: lavender}
.sortir_liste_color1 {background-color: lemonchiffon}
.sortir_liste_color2 {background-color: black}
td.sortir_liste_icon {vertical-align: middle; text-align: center; padding-top: 0.25em}	

td.fiche-body-name {border: 1px solid white; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em;vertical-align: middle; text-align: left; font-weight: bold; background-color: plum}	
td.fiche-body {border: 1px solid white; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em;vertical-align: top; text-align: left; font-weight: normal; background-color: #FFCCFF; }	
td.justify {text-align: justify}

td.message {text-align: justify; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 2em}
div.float_cell{float: left; margin: 0 6 0 0}

a {color: #993399; text-decoration: none; font-weight: bold; font-size: 11px;}
a:link {color: #993399; text-decoration: none}
a:visited {color: #993399; text-decoration: none}
a:hover {color: #993399; text-decoration: underline}
a.liste {color: black; text-decoration: none; font-weight: normal; font-size: 11px;}
a.liste:link {color: black; text-decoration: none}
a.liste:visited {color: black; text-decoration: none}
a.liste:hover {color: #993399; text-decoration: underline; font-weight: normal;}
p {margin: 0 0 0 0; padding: 0.25em;} 
.a-menu-1 {margin: 5}
a.a-menu-1 {text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-1:link {color: #FFFFFF; text-decoration: none}
a.a-menu-1:visited {color: #FFFFFF; text-decoration: none}
a.a-menu-1:hover {color: #FFCC99; text-decoration: none}

p.form-options { padding-left: 0.50em; }
p.signature {text-align: right; padding-right: 1em}

.p-menu-2 {margin: 0 0 0 5; padding: 0.25em; border: 0px solid red}	
.p-deco {margin: 0 0 0 5; padding: 0.25em; border: 0px solid red; padding-top: 0}	
p.connect {margin: 0 0 0 5; padding: 0.25em}	
.a-menu-2 {margin: 0; }
a.a-menu-2 {text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-2:link {color: #000000; text-decoration: none}
a.a-menu-2:visited {color: #000000; text-decoration: none}
a.a-menu-2:hover {color: #CC6633; text-decoration: none}
		
p.p-menu-1 {color: #FFFFFF; margin: 0; background-color: #000000; border: 1px solid white; font-weight: normal; font-size: 11px;vertical-align: top}	
p.p-menu-3 {color: #FFFFFF; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; margin: 0; text-align: center; background-color: #000000; font-weight: normal; font-size: 11px; vertical-align: top}		
.a-menu-1 {margin: 5;}
a.a-menu-1 {text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-3 {margin: 15;text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-3:link {color: #FFFFFF; text-decoration: none}
a.a-menu-3:visited {color: #FFFFFF; text-decoration: none}
a.a-menu-3:hover {color: #FFCC99; text-decoration: none}   

a.a-menu-lettre {text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-lettre:link {color: #FFFFFF; text-decoration: none}
a.a-menu-lettre:visited {color: #FFFFFF; text-decoration: none}
a.a-menu-lettre:hover {color: #FFCC99; text-decoration: none}   

a.a-selected {text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-selected:link {color: #FFFFFF; text-decoration: underline}
a.a-selected:visited {color: #FFFFFF; text-decoration: underline}
a.a-selected:hover {color: #FFCC99; text-decoration: underline}   

a.a-menu-bottom {margin-left: 15; margin-right: 15; padding-bottom: 0.20em; text-decoration: none; font-weight: normal; font-size: 11px;}
a.a-menu-bottom:link {color: #FFFFFF; text-decoration: none}
a.a-menu-bottom:visited {color: #FFFFFF; text-decoration: none}
a.a-menu-bottom:hover {color: #FFCC99; text-decoration: none}

a.a-menu-3-select {margin: 15}		
a.a-menu-3-select:link {color: #FFCC99; text-decoration: none}
a.a-menu-3-select:visited {color: #FFCC99; text-decoration: none}
a.a-menu-3-select:hover {color: #FFCC99; text-decoration: none}  

.p-menu-4 {border: 1px solid white; text-align: center; margin: 0; background-color: #000000;}	
.p-menu-4 {border: 1px solid white; text-align: -moz-center; margin: 0; background-color: #000000;}	
p.p-menu-4 {vertical-align: middle; }	
.p-menu-5 {border: 1px solid white; margin: 0; padding-left: 1em; width: 100%; text-align: left; background-color: #993399;}	

p.admin {color: #993399; border: 1px solid #993399; width: 100%; margin: 0; text-align: center; background-color: #FFFFCC; vertical-align: middle}	
a.admin:link {color: #993399; text-decoration: none; font-weight: normal}
a.admin:visited {color: #993399; text-decoration: none; font-weight: normal}
a.admin:hover {color: black; text-decoration: none; font-weight: normal}

p.titre-liste {color: white; border: 1px solid white; width: 100%; padding-left: 0.50em; text-align: left; background-color: #993399; vertical-align: middle; font-weight: normal}	

p.p-liste {border: 1px solid black;}	
p.a-liste {margin: 5; text-align: center; }
a.a-liste:link {color: #FFCC99; text-decoration: none; font-weight: bold}
a.a-liste:visited {color: #FFCC99; text-decoration: none; font-weight: bold}
a.a-liste:hover {color: #993399; text-decoration: none; font-weight: bold}

#googleSearchUnitIframe {margin: 0 10 0 10; padding: 0; border: 0px solid black; text-align: justify}
#googleSearchForm {margin: 0 10 0 10; padding: 0; border: 0px solid black; text-align: center}
p.p-body {margin: 0 10 0 10; padding: 0; border: 0px solid black; text-align: justify}
/*p.p-body {margin: 0; padding: 0; border: 0px solid black; text-align: justify}*/
p.p-body-alert {width: 60%; margin: 0; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em; border: 0px solid black; text-align: justify; background-color: mintcream}
p.p-sortir-detail {margin: 5 10 0 5; padding: 0; border: 0px solid black; text-align: justify}
p.p-sortie {margin: 0; padding: 0em; border: 0px solid black; text-align: justify}
p.p-accueil {margin: 5 5 5 5; padding: 0.25em; border: 0px solid black; text-align: justify; color: white}

p.fiche-title { color: white; margin: 0 0 0 5; padding: 0.25em; border: 0px solid white; }
p.fiche-title2 { color: white; margin: 0 0 0 0; padding: 0.25em; border: 0px solid white; }
p.p-fiche-body { color: black; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em; border: 0px solid white}
p.p-fiche-body-radio { color: black; padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.50em; border: 0px solid white}

.p-body-bottom {color: #FFFFFF; border-left: 0px solid white; border-right: 0px solid white; border-top: 1px solid white; border-bottom: 0px solid white; margin: 0; text-align: center; vertical-align: middle; background-color: black}		
.span-body-bottom{color: #FFFFFF; border: 0px solid white;; margin: 0 15 0 15; text-align: center; background-color: #000000;}		
.p-menu-side-bottom {color: white; background-color: black; text-align: center; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 0px solid white;}	

p.p-champ {margin: 0 0 0 5; padding: 0.25em; border: 0px solid black; color: #000000; font-weight: bold; }
		   
a.tab:link {color: #000000; text-decoration: none; font-weight: bold; font-size: 11px;}
a.tab:visited {color: #000000; text-decoration: none; font-weight: bold; font-size: 11px;}
a.tab:hover {color: #FFCC99; text-decoration: none; font-weight: bold; font-size: 11px;}   

.text-dark {
color: #000000;	   	
}

.text-clear {color: #FFFFFF; }

.highlight {color: black; font-weight: bold; padding-bottom: 0.20em; }

.text-medium {color: #993399} 

h1 {margin: 5 0 5 0; padding: 0 0 5 0; text-align: center; border-left: 0px solid black; border-right: 0px solid black; border-top: 0px solid black; border-bottom: 1px solid #993399; font-weight: bold; font-size: 16px; color: #993399}
h2 {margin: 10 0 10 0; padding: 0; text-align: center; border: 0px solid black; font-size: 14px; font-weight: bold; color: #993399}
h3 {margin: 5 10 10 20; padding: 0; text-align: left; border: 0px solid black; font-weight: bold; font-size: 12px; color: #993399}
p.sortir-liste-detail-titre {font-weight: bold; font-size: 12px; color: black}
h4 {margin: 5 10 10 20; padding: 0; text-align: left; border: 0px solid black; font-weight: bold; color: #993399}
h3.accueil {margin: 0; padding: 0.25em; padding-left: 0.50em; text-align: left; border: 0px solid black; font-weight: bold; font-size: 11px; color: #FFCCFF; background-color: black}
h3.region {margin: 5 10 0 10; padding-left: 0.25em; text-align: left; border: 0px solid black; font-weight: bold; font-size: 12px; color: #993399}

a img {border: 0;}	   
a.table { padding-bottom: 0.25em}
a.table:link {padding-bottom: 0.25em; color: #993399; text-decoration: none; font-weight: bold}
a.table:visited {padding-bottom: 0.25em; color: 993399; text-decoration: none; font-weight: bold}
a.table:hover {padding-bottom: 0.25em; color: #993399; text-decoration: underline; font-weight: bold}

a.table_black:link {color: black; text-decoration: none; font-weight: bold}
a.table_black:visited {color: black; text-decoration: none; font-weight: bold}
a.table_black:hover {color: black; text-decoration: underline; font-weight: bold}

a.titre_table_black:link {color: black; font-size: 12px; text-decoration: none; font-weight: bold}
a.titre_table_black:visited {color: black; font-size: 12px; text-decoration: none; font-weight: bold}
a.titre_table_black:hover {color: black; font-size: 12px; text-decoration: underline; font-weight: bold}

a.title:link {color: white; text-decoration: underline; font-weight: normal}
a.title:visited {color: white; text-decoration: underline; font-weight: normal}
a.title:hover {color: #FFCCFF; text-decoration: underline; font-weight: normal}

p.flash {margin: 0; padding-left: 1em; padding-top: 0.50em; text-align: left; border: 0px solid black; font-weight: bold; color: #993399 }
p.p-login {margin: 0; padding: 0.25em; text-align: center; border: 0px solid black; font-weight: bold; color: #993399 }
p.p-titre {margin: 0; padding: 0.25em; text-align: center; border: 0px solid black; font-weight: bold; font-size: 18px; color: #993399 }
p.p-description {margin: 0; padding: 0.25em; text-align: center; border: 0px solid black; font-weight: bold; font-size: 18px; color: #CCFF33}   
p.p-commenttitle {margin: 0 0 0 5; padding: 0.25em; text-align: left; border: 0px solid black; color: white}
p.p-commentbody {margin: 0 0 0 5; padding: 0.25em; text-align: left; border: 0px solid black; color: black}
p.p-sortieofftitle {margin: 0 0 0 5; padding: 0.25em; text-align: center; border: 0px solid black; font-size: 14px; color: white}
			  
/*#float_right {float: right; margin: 5 20 0 15; padding: 0; border: 0px solid #FFCCFF}
#float_left0 {float: left; margin: 5 0 0 5; padding-right: 0.5em; padding-top: 0.25em; border: 0px solid #FFCCFF}		
#float_left1 {float: left; margin: 0 10 0 10; padding: 0em; border: 0px solid #FFCCFF}		
#float_left2 {float: left; margin: 0 5 0 5; padding: 0em; border: 0px solid #FFCCFF}		
#float_right0 {float: right; margin: 5 0 0 10; padding-right: 0.5em; padding-top: 0.25em; border: 0px solid #FFCCFF}	   
#float_right1 {float: right; margin: 5 5 5 5; padding: 0; border: 0px solid #FFCCFF}
#float_r {float: right; margin: 0; padding: 0; border: 0px solid #FFCCFF}
#float_l {float: left; margin: 0; padding: 0; border: 0px solid #FFCCFF}	*/

/*div.float_left {float: left; margin: 5 15 0 20; padding: 0; border: 0px solid #FFCCFF}		   */
div.float_left1 {float: left; margin: 0 10 0 10; padding: 0em; border: 0px solid #FFCCFF}		
div.float_left2 {float: left; margin: 0 5 0 5; padding: 0em; border: 0px solid #FFCCFF}		
div.float_right2 {float: right; margin: 10 10 0 10; padding: 0; border: 0px solid #FFCCFF}
div.float_r {float: right; margin: 0; padding: 0; border: 0px solid #FFCCFF}
div.float_l {float: left; margin: 0; padding: 0; border: 0px solid #FFCCFF}	
div.bottom {position: relative}

div.float_left {float: left; margin: 0 5 0 10; padding: 0; }
div.float_right {float: right; margin: 0 10 0 5; padding: 0; }

div.float_right1 {float: right; margin: 10 10 5 10; padding: 0; border: 0px solid #FFCCFF}
div.float_left0 {float: left; margin: 5 0 0 5; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.25em;  padding-bottom: 0.25em; border: 0px solid #FFCCFF}		
div.float_right0 {float: right; margin: 5; padding: 0.25em; border: 0px solid #FFCCFF}		   

input, textarea, select, form {font-family: Arial, sans-serif; font-size : 11px;}
input.text {color: #000000; background: #FFFFFF;  padding-left: 0.25em; padding-right: 0.25em; }		  
input.password {color: #000000; background: #FFFFFF; text-indent: 0px; margin: 0; padding-left: 0.25em}	
input.checkbox {text-indent: 0px; margin: 0; padding: 0em; border: 0px solid #000000; border-width: 0}				  
input.submit: {color: #000000; background: #FFFFFF; text-indent: 0px; border: 1px solid #000000; cursor: pointer; font-weight: bold; padding: 0; margin: 0; border-width: 0; letter-spacing: 0em}	
textarea {color: #000000; background: #FFFFFF; padding-left: 0.25em; padding-right: 0.25em; overflow: scroll; 
overflow-y: scroll; 
overflow-x: hidden; 
overflow:-moz-scrollbars-vertical;
 
}	
select {width: 15em}

hr {color: #993399; height: 1};

p.info1 {margin: 0 0 0 0; padding-top: 0.5em; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; border: 0px solid black; text-align: justify; color: black; background-color: white}
p.info2 {margin: 0 0 0 0; padding-top: 0.5em; padding-left: 1em; padding-right: 1em; padding-bottom: 0em; border: 0px solid black; text-align: justify; color: black; background-color: white}
p.info3 {margin: 0 0 0 0; padding-top: 0.50em; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; border: 0px solid black; text-align: justify; color: black; background-color: white}

.test {font-size: 14px; font-weight: bold; color: #993399}

img {vertical-align: middle; margin-bottom: 0.25em;}

a.blink {text-decoration: blink}

span.bouton {border: 0 solid black; width: 1.5em; height: 1.5em; background-color: #993399; vertical-align: middle}
a.bouton:link {color: white; text-decoration: none; font-weight: bold}
a.bouton:visited {color: white; text-decoration: none; font-weight: bold}
a.bouton:hover {color: #FFCCFF; text-decoration: none; font-weight: bold}

span.bouton2 {border: 0 solid black; width: 1.5em; height: 1.5em; background-color: #FFCCFF; vertical-align: middle}
a.bouton2:link {color: #993399; text-decoration: none; font-weight: bold}
a.bouton2:visited {color: #993399; text-decoration: none; font-weight: bold}
a.bouton2:hover {color: #993399; text-decoration: none; font-weight: bold}

form.inline { display: inline; padding-bottom: 0.20em; border: 0px solid blue}


table.forum_title {width: 100%; /* largeur du tableau */
			margin: 0; /* marge extérieure */
		  	padding: 0; /* marge intérieure */
			border: 0px solid black; }

table.forum {width: 100%; /* largeur du tableau */
			margin: 0; /* marge extérieure */
		  	padding: 0; /* marge intérieure */
			border: 1px solid white}


/* General font families for common tags */
font,th,td,p { font-family: Arial, sans-serif }
/*hr	{ height: 0px; border: solid #FFCCFF 0px; border-top-width: 1px;}*/

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFCCFF; border: 0px #000000 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFCCFF; border: 2px #000000 solid; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFCCFF;
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 11px; font-weight : normal;
	background-color: #993399;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#FFCCFF; border: 1px solid white; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border: 1px solid white;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.title,th.thCornerR {padding: 0em;
	font-weight: normal; border: 1px solid white; /*height: 28px;*/
}
td.row3Right,td.spaceRow {
	background-color: #FFCCFF; border: 1px solid white; padding-left: 0.50em;
}

th.thHead,td.catHead { font-size: 11px; margin: 0; /* marge extérieure */
		  	padding: 0.25em;  padding-left: 0.50em;/* marge intérieure */
			border: 1px solid white;}
th.thSides,td.catSides,td.spaceRow	 { margin: 0; /* marge extérieure */
		  	padding: 0.25em; /* marge intérieure */
			border: 1px solid white; }
th.thRight,td.catRight,td.row3Right	 { margin: 0; /* marge extérieure */
		  	padding: 0.25em; /* marge intérieure */
			border: 1px solid white; }
th.thLeft,td.catLeft	  { margin: 0; /* marge extérieure */
		  	padding-left: 1em; /* marge intérieure */
			border: 1px solid white; }
th.thBottom,td.catBottom  { margin: 0; /* marge extérieure */
		  	padding: 0.25em;  padding-left: 0.50em;/* marge intérieure */
			border: 1px solid white; }

th.thTop	 { margin: 0; /* marge extérieure */
		  	padding: 0.25em; /* marge intérieure */
			border: 1px solid white; }
th.title { margin: 0; /* marge extérieure */
		  	padding: 0.25em;  padding-left: 0.50em;/* marge intérieure */
			border: 1px solid white;}
th.thCornerR { margin: 0; /* marge extérieure */
		  	padding: 0.25em; /* marge intérieure */
			border: 1px solid white;}

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FFCCFF; border: 1px solid white; padding-left: 0.50em;}
td.row1icon	{ background-color: #FFCCFF; border: 1px solid white;}
td.row2	{ background-color: #FFCCFF; border: 1px solid white; padding: 0.25em; padding-left: 0.50em; padding-right: 0.50em;}
td.row3	{ background-color: #FFCCFF; border: 1px solid white; padding-left: 0.50em;}
td.row3Right	{ background-color: #FFCCFF; border: 1px solid white; padding-left: 0.50em;}
td.row4	{ background-color: #FFCCFF; border: 1px solid white; padding-left: 0.50em;}
td.myrow1 {background-color: #FDDEFF; border: 1px solid white; padding: 0.25em; padding-left: 0.50em; padding-right: 0.50em}
td.myrow2 {background-color: #EED4FF; border: 1px solid white; padding: 0.25em; padding-left: 0.50em; padding-right: 0.50em}

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-size: 14px; font-weight: bold; color: #993399; 
}
a.maintitle:link {color: #993399; text-decoration: none}
a.maintitle:visited {color: #993399; text-decoration: none}
a.maintitle:hover {color: #993399; text-decoration: underline}

.test {font-size: 14px; font-weight: bold; color: #993399}

/* General text */
.gen { font-size : 11px; padding-bottom: 0.25em}
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #993399; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #000000;  }
a.mainmenu:hover{ text-decoration: underline; color : #993399; }

/* Forum category titles */
.catLeft	{ font-weight: bold; font-size: 11px ; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 11px; color : #993399; }
a.forumlink:link,a.forumlink:active,a.forumlink:visited 	{ text-decoration: none; color : #993399; }
a.forumlink:hover{ text-decoration: underline; color : #993399; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #993399;}
a.nav:link,a.nav:active,a.nav:visited { text-decoration: none; color : #993399; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle, {font-weight: bold; font-size: 11px; color: #993399}
a.topictitle:link   { text-decoration: none; color : #993399; }
a.topictitle:visited { text-decoration: none; color : navy; }
a.topictitle:hover	{ text-decoration: underline; color : #993399; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 11px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 11px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : #000000 }
a.postlink:visited { text-decoration: none; color : #993399; }
a.postlink:hover { text-decoration: underline; color : #993399}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;
	background-color: #FFCCFF; border: #FFCCFF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;
	background-color: #FFCCFF; border: #FFCCFF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: 0px;}
a.copyright		{ color: #000000; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}



/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #FFCCFF; border-style: none; }

td.forum { padding-left: 0.50em; padding-right: 0.50em; padding-top: 0.25em; padding-bottom: 0.25em}

table.width70, p.width70, td.width70 {width: 70%}
table.width78, p.width78, td.width78 {width: 78%}
table.width80, p.width80, td.width80 {width: 80%}
table.width22, p.width22, td.width22 {width: 22%}
table.width40, p.width40, td.width40 {width: 40%}
table.width50, p.width50, td.width50 {width: 50%}
table.width30, p.width30, td.width30 {width: 30%}
table.width35, p.width35, td.width35 {width: 35%}

input.width15em {width: 15em}
textarea.width100, input.width100, table.width100, p.width100 {width: 100%}
table.height100, p.height100 {height: 100%}
div.center, td.center, table.center, p.center {text-align: center}
div.center, td.center, table.center, p.center {text-align: -moz-center}
table.top, td.top {vertical-align: top;}
table.top2, td.top2 {vertical-align: top; padding-top: 0.40em}
td.middle {vertical-align: middle}
td.titlefake {border: 0; border-bottom: 1px solid white; padding-top: 0.40em; padding-bottom: 0.40em}
p.left {text-align: left}
td.bottomwhite {border-bottom: 1px solid white;}
p.fontnormal {font-weight: normal}
p.justify {text-align: justify}
p.bottom, td.bottom {vertical-align: bottom;}
.bgwhite {background-color: white}
   
td.padding1 {padding: 1em}