/* Général */
form, div, h1, h2, h3, h4, ul, p, input, img, li {margin: 0; padding: 0; }
body{width:99%;height:100%;font-family: Verdana, Arial;font-size:12px; color:#000000; background: url(../images/fondextralight.jpg) repeat; }
a { text-decoration: none; color: #666666; }
a:hover { color: #0C88A4; }
img { border: 0px; }
.erreur { background-color: #FFCCCC; color: #FF0000; }
.warning { background-color: #FFFFCC; color: #FFCC00; }
.info { background-color: #DDFFDD; color: #00FF00; }
ol { margin-top: 0px; margin-bottom: 0px; }
.next { text-align: right; padding-top: 12px; display: block; }
h4 { padding-top: 12px; }
span.actions { display: block; float: right; }

/* Les blocs */
#main {width: 970px; margin: 5px auto 5px auto; background-color: #FFFFFF; }
#header {height: 183px; margin-bottom: 10px; width: 970px; }
/*#logo {background: url(../images/logo.gif) no-repeat; width: 200px; height: 183px; float: left; cursor: pointer;}*/
#logo {background: #FFFFFF; width: 200px; height: 183px; float: left; cursor: pointer;}
#headerright { width: 770px; height: 183px; float: right;}
#headerrighttop { width: 770px; min-height: 128px; }
#identification { width: 200px; height: 128px; float: right; overflow: hidden; }
#edj {background: #FFFFFF; width: 570px; height: 128px; float: left; }
#menu {background: url(../images/menu55.png) repeat-x; width: 770px; height: 55px; }
#center {width: 100%; }
#centerleft {width: 680px; float: left; }
#centerright {width: 290px; float: right; }
#centerright img.sidebyside { display: inline; }
#footer {width: 970px; clear: both; }

/* salon */
.imgmini { float: left; padding-right: 10px; padding-left: 10px; }
.salon { font-size: 16px; padding: 5px 10px 5px 10px; text-align: center; display: block; font-weight: bold; }
.salondate { font-size: 12px; font-weight: normal; }

/* Les cadres */
.haut700 {background: url(../images/haut700.png) no-repeat; width: 680px; height: 24px; }
.milieu700 {background: url(../images/milieu700.png) repeat-y; width: 680px; }
.bas700 {background: url(../images/bas700.png) no-repeat; width: 680px; height: 24px; }
.texte700 { margin: 0px 24px 0px 24px; background: #FFFFFF; }
.haut300 {background: url(../images/haut300.png) no-repeat; width: 290px; height: 24px; }
.milieu300 {background: url(../images/milieu300.png) repeat-y; width: 290px; }
.bas300 {background: url(../images/bas300.png) no-repeat; width: 290px; height: 24px; }
.texte300 { margin: 0px 24px 0px 24px; background: #FFFFFF; }
.haut1000 {background: url(../images/haut1000.png) no-repeat; width: 970px; height: 24px; }
.milieu1000 {background: url(../images/milieu1000.png) repeat-y; width: 970px; }
.bas1000 {background: url(../images/bas1000.png) no-repeat; width: 970px; height: 24px; }
.texte1000 { margin: 0px 24px 0px 24px; background: #FFFFFF; }
.haut600 {background: url(../images/haut600.png) no-repeat; width: 570px; height: 24px; }
.milieu600 {background: url(../images/milieu600.png) repeat-y; width: 570px; }
.bas600 {background: url(../images/bas600.png) no-repeat; width: 570px; height: 24px; }
.texte600 { margin: 0px 24px 0px 24px; background: #FFFFFF; height: 80px; }
.haut200 {background: url(../images/haut200.png) no-repeat; width: 200px; height: 24px; }
.milieu200 {background: url(../images/milieu200.png) repeat-y; width: 200px; height: 80px; }
.bas200 {background: url(../images/bas200.png) no-repeat; width: 200px; height: 24px; }
.texte200 { margin: 0px 24px 0px 24px; background: #FFFFFF; }

/* Articles */
p {padding-bottom: 1em; text-align: justify; }
.texte200 p { color: #0C88A4; }
.texte200 p + p { color: #000000; }
h2 { font-weight: bold; padding-bottom: 10px; font-size: 16px; }
h3 { font-weight: bold; padding-bottom: 10px; font-size: 16px; }
h4 { font-style: italic; text-align: right; color: #0C88A4; font-size: 16px; }
h4 a { color: #0C88A4; }
.article { min-height: 128px; text-align: justify; }
.teaser { text-align: justify; }
#centerleft .article img.illustration { float: left; margin: 0px 10px 10px 0px; padding: 0px 16px 0px 0px;  }
#centerleft .article p { text-align: justify; }
#centerleft #titres { margin: 10px 0px 0px 20px; }
#centerleft hr { width: 25%; margin: 10px auto 10px auto; color: #0C88A4; }
#static li { padding-bottom: 4px; margin-left: 20px; }
#static li ul { padding-left: 20px; padding-top: 4px; }
#static li ul li { padding-bottom: 0px; margin-left: 0px; }
#static .strike { text-decoration: line-through; color: #AAAAAA; }

/* Login-Password */
input.loginpwd { width: 128px; color: #AAAAAA; }
#identification img { width: 24px; height: 24px; }

/* Bloc d'en-tête */
h1 { color: #888888; font-family: Comic Sans MS; font-size: 48px; font-weight: bold; padding-left: 24px; } /*text-shadow: 3px 3px 5px #0C88A4; }*/
.ie6 h1 { font-size: 32px; }
.ie7 h1 { font-size: 40px; }
#edj p { color: #AAAAAA; text-align: right; padding-top: 10px;}

/* Footer */
ul.footer { margin-left: 248px; }
ul.footer li { margin: 30px; display: inline; text-align: center; font-weight: bold; }

/* Menu */
#menu {padding-top: 20px; }
#menu li { padding-bottom: 36px; margin: 0px 32px 0px 32px; display: inline; font-size: 12px; font-weight: bold; }
.ie7 #menu li { height: 55px; }
#menu li ul { margin-top: 20px; float: left; border: solid 1px #0C88A4; position: absolute; display: none; }
#menu li ul li { display: block; position: relative; background: #BFE0E7; line-height: 24px; margin: 0px; padding: 0px 12px 0px 12px; border: solid #0C88A4; border-width: 0px 1px 1px 1px; } 
.ie6 #menu li ul li { height: 24px; width: 160px; }
.ie7 #menu li ul li { height: 24px; width: 160px; }
#menu li ul li a { color: #0C88A4; }
#menu li ul li a:hover { color: #40CCFF; }
#menu_association ul { margin-left: 18px; }
.ie7 #menu_association ul { position: relative; }
.ie6 #menu_association ul { left: 534px; top: 183px; }
#menu_activites ul { margin-left: 172px; }
.ie7 #menu_activites ul { position: relative; }
.ie6 #menu_activites ul { left: 534px; top: 183px; }
#menu_partenaires ul { margin-left: 324px; }
.ie7 #menu_partenaires ul { position: relative; }
.ie6 #menu_partenaires ul { left: 534px; top: 183px; }
#menu_membres ul { margin-left: 498px; }
.ie7 #menu_membres ul { position: relative; }
.ie6 #menu_membres ul { left: 534px; top: 183px; }
#menu_administration ul { margin-left: 624px; }
.ie7 #menu_administration ul { position: relative; }
.ie6 #menu_administration ul { left: 534px; top: 183px; }
.gecko #menu li:hover ul, .opera #menu li:hover ul, .webkit #menu li:hover ul, .ie8 #menu li:hover ul, .chrome #menu li:hover ul { display: block; }
.ie6 #menu li.open ul, .ie7 #menu li.open ul { display: block; }

/* Jeu du moment */
#centerright img { max-height: 128px; display: block; margin: 0px auto 10px auto; }
/*.ie6 #centerright { width: 280px; }*/
/*.ie6 #centerright img { height: 128px; }*/

/* Mon Profil */
#monprofil label { padding-left: 16px; }
#monprofil input[type="text"] { width: 96px; }
#monprofil input[type="password"] { width: 96px; }
#monprofil tr:first-child td:first-child { width: 128px; }
#profil td:first-child { padding-right: 16px; }
#listettrictrac { padding-left: 20px; }

/* Anniversaires */
h4.anniversaires { text-align: left; padding-bottom: 8px;}

/* Publication */
#formpublication table.frm td { padding-bottom: 12px; padding-right: 12px; }
#formpublication input#titre { width: 400px }
#formpublication input[readonly="readonly"] { color: #A0A0A0; }

/* Titres */
.titres li { padding-bottom: 4px; margin-left: 20px; }

/* Sous-formulaire */
#subform ul { margin-left: 16px; }

/* Questionnaires, membres */
.admintable td { border: 1px solid black; padding: 5px; margin: 0px; text-align: center; font-size: 10px; }
.admintable img { width: 24px; height: 24px; }
.admintable img.thumb { width: auto; height: auto; }
.hidetr { display: none; border: 0px; }
.showtr { display: block; }
.showtr td { border: 0px; text-align: left; }
.subtr { height: 2px; }

/* Galeries */
table.showgalery td { width: 148px; padding: 4px; }
table.showgalery2 td { width: 224px; padding: 4px; }
div.showimg { text-align: center; }
img.galerythumbnail { display: inline; }
.admgalery td { padding: 8px; }

/* Static */
img.staticright { float: right; padding-left: 16px; padding-bottom: 8px; }
img.staticleft { float: left; padding-right: 16px; padding-bottom: 8px;  }

/* Trombi */
#trombi td.trombiimg { padding: 12px 12px 3px 12px; }
#trombi td.trombitxt { padding: 3px 12px 12px 12px; }

/* Unanimo */
input.error { background-color: #FFDDDD; color: #000000; }
input.ok { background-color: #DDFFDD; color: #000000; }
input.warning { background-color: #FFFFDD; color: #000000; }
.result td { padding-left: 10px; padding-right: 10px; text-align: center; border: 1px solid grey; }

/* Calendar */
#formaddcalendar input { width: 400px; }
#formaddcalendar textarea { width: 400px; height: 200px; }
#formcalendar textarea { width: 400px; }
#formcalendar .titlecalendar { width: 200px; }
.calendar { font-weight: bold; }
#calendar .teaser { text-align: left; }
div.visible { display: block; }
div.hidden { display: none; }