html, body {
    margin: 0;
    padding: 0;
    color: #cccccc;
}

body {
    background: #202020 url('../../pages/img/design/background.png') top center;
}

body, td {
    font-family: verdana, arial, sans-serif, verdana;
    font-size: 12px;
    text-align: justify;
}

th {
    padding-right: 20px;
}

ul, li {
    margin: 0;
    padding: 0;
}

ul { list-style-type: none; }

a {
    color: #8dc63f;
    text-decoration: none;
    outline: 0;
}
a:hover {
    color: #8dc63f;
    text-decoration: underline;
    outline: 0;
}

.green { color: #8dc63f; }
.orange { color: #ef621e; }

h1 {
    margin-top: 0;
    font-size: 24px;
}

h1 span { color: #8dc63f; }

h2 {
    margin-top: 0;
    color: #8dc63f;
    font-size: 18px;
}
h2 span { color: #ccc; font-size: 60%; }

h3 {
    color: #ccc;
    font-size: 14px;
}
h3 span { color: #ef621e; font-size: 80%; }
    
img{
    border:0;
	behavior:url(iepngfix.htc);
}

/*************** formulaires ***************/

input, textarea{
    color: #000000;
    border: 1px solid #cccccc;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    padding: .2em;
    margin: 0;
}
input[type=checkbox], input[type=radio] { border: none; }
input[type=text] {
    width: 150px;
}


button {
    background: url('../../pages/img/design/bk_button.png');
    border: 1px solid #5d1605;
    color: #5d1605;
    font-weight: bold;
    padding: 0 15px;
}

.req_field, th span {
    color: #ef621e;
    font-weight: bold;
}

.form_error {
    color: #ef621e;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #ef621e;
    text-align: center;
    background: #444;
}


/*************** le site ***************/

#banner {
    background: url('../../pages/img/design/bk_banner.png') repeat center;
    height: 250px;
    text-align: center;
}

#inner_banner {
    width: 980px;
    margin: 0 auto;
    padding: 0;
}

#link_arcane_banner {
    float:left;
    margin-top: 55px;
}

#supported {
    width: 200px;
    float: right;
}

#container {
    width: 980px;
    margin: 0 auto;
    margin-top: 20px;
}

#left {
    float: left;
    width: 210px;
}


/*************** menu ***************/

#menu_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_top.png') no-repeat left;
    height: 12px;
}
#menu_middle {
    background: url('../../pages/img/design/menu_middle.png') repeat-y left top; /* 4px hauteur image => tous les items du menu => 4px*/
    color: #2e4d04;
    font-weight: bold;
}
#menu_middle ul {
    margin: 0 10px;
}
#menu_middle ul li {
    padding-bottom: 8px;
}
#menu_middle ul li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    font-size: 14px;
    color: #2e4d04;
}
#menu_middle ul li a.sub {
    display: block;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    font-size: 12px;
    color: #2e4d04;
    padding-left: 17px;
}
#menu_middle ul li a:hover, #menu_middle ul li a.active {
    color: #eeeeee;
}
#menu_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_bottom.png') no-repeat left;
    height: 12px;
    margin-bottom: 20px;
}
#menu_news_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_news_top.png') no-repeat left;
    height: 12px;
}
#menu_news_middle {
    background: url('../../pages/img/design/menu_news_middle.png') repeat-y left top; /* 4px hauteur image => tous les items du menu => 4px*/
    color: #5d1605;
    font-weight: bold;
    padding: 0 10px 8px 10px;
}
#menu_news_middle h2 {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    color: #5d1605;
    width: 180px;
    margin: 0 0 8px 0;
}
#menu_news_middle a {
    display: block;
    text-decoration: none;
    line-height: 16px;
    font-size: 12px;
    width: 180px;
    font-weight: normal;
    color: #5d1605;
}
#menu_news_middle a:hover {
    color: #eeeeee;
}
#menu_news_middle a span.date { color: #5d1605; }

#menu_news_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_news_bottom.png') no-repeat left;
    height: 12px;
    margin-bottom: 20px;
}


/*************** partie de droite ***************/

#right {
    float: right;
    width: 750px;
}


/*************** menu page top ***************/

#menu_page_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_page_top.png') no-repeat center;
    height: 16px;
    padding: 8px;
    text-align: center;
    color: #2e4d04;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 20px;
}
#menu_page_top a{
    color: #2e4d04;
    font-weight: bold;
    font-size: 12px;
    padding: 0 10px;
    text-decoration: none;
}
#menu_page_top a:hover, #menu_page_top a.active {
    color: #eeeeee;
}


/*************** page ***************/

#page_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/page_top.png') no-repeat center;
    height: 12px;
}
#page_middle {
    background: url('../../pages/img/design/page_middle.png') repeat-y center;
    padding: 10px 40px;
    color: #cccccc;
}
#page_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/page_bottom.png') no-repeat center;
    height: 12px;
}


/*************** right footer ***************/

#right_footer {
    font-size: 10px;
    font-weight: normal;
    color: #888888;
    text-align: center;
    padding: 4px;
    margin-left: 150px;
}

#right_footer .link_top {
    float: right;
    width: 150px;
    text-align:right;
}


/*************** guestbook ***************/

.add_guestbook_button {
    text-align: center;
    margin-bottom: 5px;
}
#add_guestbook {
    border: 1px solid #8dc63f;
    padding: 15px;
    background: url('../../pages/img/design/bk_guestbook_mess.png') repeat-x bottom;
}

.guestbook_table{ margin-bottom: 20px; }

.guestbook_mess {
    border: 1px solid #cccccc;
    border-bottom: 0;
    padding: 15px;
    background: url('../../pages/img/design/bk_guestbook_mess.png') repeat-x bottom;
}

.guestbook_info { background: url('../../pages/img/design/bk_guestbook_info.png') repeat-x; }
.guestbook_info td { padding-top: 6px; }
.guestbook_info td.guestbook_name {
    background: url('../../pages/img/design/bk_guestbook_bulle.png') no-repeat top right;
    padding-right: 46px;
    width: 10px;
}
.guestbook_info td.guestbook_name span {
    font-weight: bold;
    color: #ef621e;
}
.guestbook_info td.guestbook_date {
    font-size: 90%;
    text-align: right;
    width: 900px;
}


/*************** liens ***************/

.imgLiens{
    border: 1px solid #cccccc;
    padding: 5px;
}


/*************** news ***************/

.news {
    margin-bottom: 3em;
}

.news h2 {
    margin-bottom: 0;
    color: #8dc63f;
    margin-bottom: 0.6em;
    border-bottom: 1px solid #8dc63f;
}

.news h2 .date {
    color: #cccccc;
    font-size: 10px;
    float: right;
    padding-top: 6px;
}

.news .images {
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 10px 10px 0;
    text-align: center;
}


/*************** pager ***************/

.pager {
    text-align: center;
}

.pager a, .pager .activePage {
    padding: 4px 6px;
}

.pager a {
    text-decoration:none;
    border: 1px solid #ccc;
    color: #8dc63f;
    margin: 0 2px;
}
.pager a:hover {
    text-decoration:none;
    background: #8dc63f;
    color: #333;
}

.pager a.prevNext {
    border: 1px solid #333;
}
.pager a.prevNext:hover {
    border: 1px solid #ccc;
}

.pager .activePage {
    font-weight: bold;
}


/*************** journaux ***************/

div.medias {
    margin-left: 80px;
    margin-bottom: 40px;
}

div.medias .link_img{
    float: left;
    margin-right: 10px;
}

div.medias img {
    border: 1px solid #8dc63f;
    padding: 5px;
}


/*************** evenements ***************/

.affiche {
    width: 650px;
    border: 1px solid #ccc;
    padding: 5px;
}

.author {
    font-style: italic;
    text-align: right;
    margin: 10px 0;
}

/*************** Lightbox ***************/

.lightbox img {
    border: 1px solid #ccc;
    margin: 6px;
}


/*************** events ***************/

.contest_infos h2 {
    margin-top: 1em;
}

#sponsors {
    float: right;
    width: 220px; 
    padding: 0; 
    margin: 0 0 20px 20px; 
    border: 1px solid #ccc; 
    text-align: center;
}

#sponsors h2 {
    margin: 0.5em 0 ;
}

#sponsors img {
    margin: 0.5em 0 ;
}


/*************** Google map ***************/

#map_canvas{
    color: black;
}
#map_canvas h1{
    color: black;
    font-size: 14px;
}