@charset "utf-8";

body {
font : 75% georgia, sans-serif;
margin-left : 0;
background : #8bb9db no-repeat top center;
}

html, body {
height : 100%;
margin : 0;
}

body {
font : 75% georgia, sans-serif;
background : #dddddd;
}

div#global {
min-height : 100%;
width : 850px;
padding : 0 10px;
margin : 0 auto;
position : relative;
padding : 0 10px;
}

div#header {
color : #fff;
height : 155px;
/* background : #3f9aca url(../Images/logoASM_tel.png) no-repeat left; */
/* background : #ddddff url(../Images/logoASM_tel.png) no-repeat left; */
position : relative;
}

div#header h1 {
margin : 0;
/* position : absolute; */
font : 2em georgia, serif;
}

div#header h3 {
margin : 0;
position : absolute;
bottom : 5px;
left : 5px;
font : 1em georgia, serif;
}

div#content {
float : right;
width : 680px;
margin-left : 10px;
font : 1.2em georgia, sans-serif;
text-align : left;
}

div#content h1 {
padding-left : 35px;
background : #ddddff url(/Images/tel1.png) no-repeat left center;
color : #97b102;
text-align : center;
}

div#content h2 {
padding-left : 35px;
background : #ddddff url(/Images/tel1.png) no-repeat left center;
color : #97b102;
text-align : center;
}

div#content h2 a {
padding-left : 35px;
color : #6c0;
text-align : center;
}

div#content h2 a:hover {
color : #ea670c;
}

div#content h3 {
color : #c00;
font-variant : small-caps;
}

div#content table {
border-collapse : collapse;
}

table#jeux td {
border : 1px solid #ffffff;
text-align : center;
}

/* div#content table td a:hover {
color : #ea670c;
}
*/
table#mailing_list {
float : right;
width : 680px;
margin-left : 10px;
font : 0.9em georgia, sans-serif;
}

table#mailing_list td {
padding : 5px;
border : 1px solid #ffffff;
}

table#mailing_title {
border : none;
text-align : center;
width : 100%;
}

table#kiosks_list {
margin-left : 10px;
font : 0.9em georgia, sans-serif;
}

table#kiosks_list td {
padding : 5px;
text-align : center;
/* border : 1px solid #ffffff; */
}

.date {
width : 45px;
font : 0.8em georgia, sans-serif;
text-align : center;
}

.kiosk {
width : 25px;
}

.description {
width : 150px;
font : 0.8em georgia, sans-serif;
}

.nbre {
width : 10px;
font : 0.8em georgia, sans-serif;
}

.message {
width : 570px;
font : 0.8em georgia, sans-serif;
text-align : left;
}

div#sidebar {
float : left;
width : 120px;
}

div#sidebar h3, div#footer p, div#sidebar p {
padding : 0 10px;
}

ul#menu {
margin : 0;
padding : 0;
list-style : none;
text-align : left;
}

ul#menu li a {
display : block;
height : 30px;
line-height : 30px;
padding-left : 20px;
margin : 2px 0;
border-bottom : 1px solid #ffffff;
color : #ffffff;
font : small-caps 1.1em/30px georgia, serif;
text-decoration : none;
}

ul#menu li a:hover {
background-position : left bottom;
color : #ea670c;
}

div#login {
display : block;
height : 165px;
padding-left : 5px;
margin : 2px 0;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
color : #ffffff;
font : small-caps 1.1em/25px georgia, serif;
text-decoration : none;
}

a {
/* display: block; */
color : #ffffff;
text-decoration : none;
}

a:hover {
color : #ea670c;
}

div#footer {
position : absolute;
margin : 2px 0;
width : 850px;
bottom : 0;
left : 10px;
font : 0.9em georgia serif;
color : #ffffff;
text-align : center;
}

div#footer table {
position : absolute;
margin : 2px 0;
width : 850px;
bottom : 0;
left : 10px;
font : 0.9em georgia serif;
color : #ffffff;
text-align : center;
}

.center {
margin-left : auto;
margin-right : auto;
width : 880px;
background-color : #3f9aca;
}

div#center {
padding-bottom : 50px;
overflow : auto;
}

input {
border : none;
}

textarea {
border : none;
}

hr {
color : #ffffff;
}