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;
    margin-bottom: 26px;
    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: 15px;
}
#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_middle input.email_newsletter {
    background:#ff9966;
    border:1px solid #5d1605;
    width:120px;
}
#menu_news_middle button.ok_email_newsletter {
    color:#ff9966;
    border:1px solid #5d1605;
    background:#5d1605;
    padding: 0 10px;
}
#menu_news_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_news_bottom.png') no-repeat left;
    height: 12px;
    margin-bottom: 15px;
}

#menu_other_events_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_other_events_top.png') no-repeat left;
    height: 12px;
}
#menu_other_events_middle {
    background: url('../../pages/img/design/menu_other_events_middle.png') repeat-y left top; /* 4px hauteur image => tous les items du menu => 4px*/
    color: #0c0015;
    font-weight: bold;
    padding: 0 10px 8px 10px;
}
#menu_other_events_middle h2 {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    color: #0c0015;
    width: 180px;
    margin: 0 0 8px 0;
}
#menu_other_events_middle a {
    display: block;
    text-decoration: none;
    line-height: 16px;
    font-size: 12px;
    width: 180px;
    font-weight: normal;
    color: #0c0015;
}
#menu_other_events_middle a:hover {
    color: #eeeeee;
}
#menu_other_events_middle a div.img {
    text-align: center;
}
#menu_other_events_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_other_events_bottom.png') no-repeat left;
    height: 12px;
    margin-bottom: 15px;
}

#menu_basket_top {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_basket_top.png') no-repeat left;
    height: 12px;
}
#menu_basket_middle {
    background: url('../../pages/img/design/menu_basket_middle.png') repeat-y left top; /* 4px hauteur image => tous les items du menu => 4px*/
    color: #330033;
    font-weight: bold;
    padding: 0 10px 8px 10px;
}
#menu_basket_middle h2 {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    color: #330033;
    width: 180px;
    margin: 0 0 8px 0;
}
#menu_basket_middle a {
    display: block;
    text-decoration: none;
    line-height: 16px;
    font-size: 12px;
    width: 180px;
    font-weight: normal;
    color: #330033;
}
#menu_basket_middle a:hover {
    color: #eeeeee;
}
#menu_basket_middle a div.img_and_num {
    background: url('../../pages/img/shop/basket_menu.png') no-repeat left;
    height: 24px;
    padding-left: 55px;
    padding-top: 12px;
    margin-bottom: 8px;
}
#menu_basket_middle a:hover div.img_and_num {
    background: url('../../pages/img/shop/basket_menu_eeeeee.png') no-repeat left;
}
#menu_basket_bottom {
	behavior:url(iepngfix.htc);
    background: url('../../pages/img/design/menu_basket_bottom.png') no-repeat left;
    height: 12px;
    margin-bottom: 15px;
}


/*************** 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;
}


/*************** Shop ***************/

.shop_modele_sexe{
    float: left;
    width: 300px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    border: 1px solid #ccc;
    background: #444;
    text-align: center;
}

.shop_modele_sexe .vignettes {
    margin-bottom: 15px;
}

.shop_modele_sexe .commande {
    border: 1px dotted #EF621E;
    background: #333;
}

.shop_modele_sexe .commande h3 {
    color: #EF621E;
    padding: 10px;
}

.shop_modele_sexe .commande .prix {
    font-weight: bold;
}

.shop_modele_sexe .commande .input_qte{
    width: 35px;
    text-align: center;
}

.shop_modele_sexe .commande td.align_right{
    text-align: right;
}


.shop_modele_sexe .stock_epuise{
    color: #EF621E;
    font-weight: bold;
}


/*************** Panier ***************/

.basket_timeline {
    margin: 20px 0;
}
.basket_timeline .blocs{
    background: url('../../pages/img/shop/basket_timeline_background.png') repeat-x center;
}

.basket_timeline .blocs td{
    width: 130px;
    height: 32px;
    text-align: center;
    font-weight: bold;
    font-size: 140%;
}

.basket_timeline .blocs td.bloc_left{
    width: 60px;
}

.basket_timeline .blocs td.bloc_actif{
    background: url('../../pages/img/shop/basket_timeline_bloc_pink.png') no-repeat center;
    color: #330033;
}

.basket_timeline .blocs td.bloc_inactif{
    background: url('../../pages/img/shop/basket_timeline_bloc_grey.png') no-repeat center;
    color: #bbbbbb;
}

.basket_timeline .sous-blocs td{
    color: #bbbbbb;
    height: 20px;
    font-size: 80%;
    text-align:center;
}

.basket_timeline .sous-blocs td.sous-bloc_actif{
    color: #ff00ff;
}



div.panier_vide {
    margin: 30px 100px;
    border: 1px solid #ccc;
    background: #444;
    text-align: center;
    padding: 50px 0;
    color: #EF621E;
    font-weight: bold;
    font-size: 150%;
}

h1.panier {
    color: #ff00ff;
}

div.panier {
    float:left;
}

table.panier thead th {
    background: #232323;
    padding: 2px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}
table.panier thead td {
    padding: 2px 16px;
    font-size: 12px;
    font-weight: normal;
}

table.panier td {
    padding: 0 16px;
    text-align: center;
}

table.panier .align_left {
    text-align: left;
}

table.panier .align_right {
    text-align: right;
}

table.panier td.img {
    padding: 0 ;
}

table.panier td.prix {
    color: #EF621E;
    font-weight: bold;
}

table.panier .color1 {
    background: #444;
}

table.panier .color2 {
    background: #333;
}

table.panier td.delete {
    padding: 0;
}


table.recap_prix {
    float:right;
}

table.recap_prix th.recap_prix, td.recap_prix {
    padding: 8px 16px;
    background: #444;
    text-align: right;
}

table.recap_prix th.recap_prix {
    font-weight: bold;
    font-size: 12px;
}

table.recap_prix td.recap_prix {
    color: #EF621E;
}

table.recap_prix td.prix_tot {
    font-weight: bold;
    font-size: 120%;
}

.panier_envoi {
    text-align:center;
}

.coord_bancaires td {
    font-size: 100%;
    padding: 4px 6px;
}
.coord_bancaires th {
    font-weight: normal;
}
.coord_bancaires td {
    font-weight: bold;
}


.basket_confir_elements {
    border: 1px solid #aaa;
    padding: 15px;
    margin-bottom: 15px;
}

.basket_confir_elements td{
    width: 250px;
}