html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, 
em, font, img, 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-style: none;
}

body{
background-color:#E9E9E9;
}

a{
color:#666666;
text-decoration:underline;
}

a:hover{
color:#CC0000;
}

ul{
 list-style-type : none;
}

thead{
color: #666666
}

fieldset{
margin-bottom: 20px;
}

legend{
font-weight: bold;
}

textarea{
width: 500px;
height: 150px;
border: 1px solid #AEAEAE;
}

form input[type="submit"], form input[type="button"]{
float: right;
}

form input[type="text"], form input[type="password"]{
width: 300px;
border: 1px solid #AEAEAE;
}

#ajoutCourse .date, #modifCourse .date{
width: 150px;
}

.gras{
font-weight: bold;
}

.invisible{
display:none;
}

.right{
float: right;
}

.left{
float: left;
}

.center{
text-align:center;
}

.img_middle{
vertical-align: middle;
}

.img_bottom{
vertical-align: bottom;
}

.erreur {
display: none;
color: #FF0000;
padding:5px;
}

.titre{
clear: both;
margin: 20px 0 10px 0;
font-weight: bold;
}

.label{
padding-top: 10px;
width: 200px;
}

.champ{
width: 300px;
}

#page{
width: 1000px;
margin: auto;
position: relative;
color: #666666;
font-family:arial,helvetica,sans-serif;
font-size: 12px;
}

#haut{
float: left;
width: 1000px;
height: 300px;
}

#slideshow img {
position:absolute;
top:0;
left:0;
z-index:0;
opacity:0.0;
}

#slideshow img.active {
z-index:2;
opacity:1.0;
}

#slideshow img.last-active {
z-index:1;
}

#bas{
float: left;
width: 1000px;
background-color: #FFFFFF;
}

#footer{
float: left;
width: 990px;
margin-bottom: 10px;
border-top: 1px solid #CCCCCC;
text-align: center;
background-color: #FFFFFF;
padding: 5px;
}

#menu_v{
float: left;
}

#logo{
border-bottom: 1px solid #CCCCCC;
}

#logo img{
width: 216px;
height: 78px;
}

#fond_menu{
width: 232px;
height: 300px;
background-color:#FFFFFF !important;
background-image:none !important;
position:absolute;
left: 10px;
z-index:3;
opacity:0.2;
filter : alpha(opacity=20);
}

#navigation{
background-color: #FFFFFF;
position:absolute;
left: 18px;
top: 8px;
width:216px;
height: 280px;
z-index:4;
text-align: center;
color: #444444;
}

.item_menu{
background: url(../images/bg_menu.jpg);
background-repeat: no-repeat;
height: 27px;
border-bottom: 1px solid #CCCCCC;
line-height: 27px;
}

.item_menu:hover{
cursor: pointer;
background-image: none;
background-color: #FFFFFF;
color: #CC0000;
}


#menu_h{
float: left;
padding-top: 5px;
width: 980px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #CCCCCC;
background-color: #F9F9F9;
}

.nav{
background-color: #E3E3E3;
}

.nav:hover{
cursor: pointer;
}

#menu_ligne ul{
margin: auto;
}

#menu_ligne li{
float: left;
padding: 10px 20px 0 20px;
}

#carousel li:hover, #menu_ligne li:hover{
color: #E00000;
}

#carousel a, #menu_ligne a{
text-decoration: none;
}

.img_menu{
border: 1px solid #CCCCCC;
}

.accueil {
width: 300px;
}

.accueil_logo{
width: 300px;
text-align: center;
}

.accueil_club{
margin-bottom: 30px;
}

#actu{
float: left;
width: 222px;
padding: 10px;
text-align: justify;
}

#contenu{
float: right;
width: 717px;
padding: 0 20px 10px 20px;
border-left: 1px solid #CCCCCC;
min-height: 500px;
/*color: #333333;*/
text-align: justify;
}

#titre_contenu{
width: 717px;
background-image: url(../images/big_bg_title.gif);
margin: 10px 0 10px 0;
padding: 5px 0 5px 0;
font-size: 14px;
text-align: center;
color: #555555;
}

.item_actu{
width: 218px;
margin-bottom: 25px;
}

.titre_item_actu{
text-align:left;
width: 217px;
color: #555555;
background-color: #cccdcd;
background-repeat: repeat-x;
background-image: url(../images/title.gif);
padding: 3px 0 3px 5px;
}

.contenu_actu{
width: 212px;
text-align: justify;
padding: 5px;
background-color: #FAFAFA;
}

.editeur{
margin:auto;
width: 705px;
height: 600px;
}

.bas_formulaire{
float: right;
padding-top: 20px;
}

.obligatoire{
padding-top: 20px;
}

#admin_vertical{
float: left;
text-align: center;
width: 216px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-bottom: 20px;
}

#admin_horizontal{
margin-bottom: 10px;
}

#admin_horizontal li{
float: left;
padding-right: 20px;
padding-bottom: 10px;
}

#aide_ordre{
float: right;
width: 400px;
border: 1px dashed #CCCCCC;
padding: 10px;
}

#liste-fichier{
margin-top: 10px;
margin-left: 15px;
}

#liste-fichier td{
padding-bottom: 2px;
padding-right: 5px;
}

#liste-fichier .lien{
padding-left: 15px;
}

#liste-fichier input[type="text"]{
width: 200px;
}

#liste-header, #liste-son{
margin-top: 10px;
margin-left: 15px;
}

#liste-header td, #liste-son td{
padding-bottom: 10px;
padding-right: 50px;
}

.item_actu_xl{
float: left;
width: 717px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #FAFAFA;
padding-bottom: 10px;
}

.item_actu_xl .right{
padding-right: 10px;
}

.titre_actu_xl{
border-bottom: 1px dashed #CCCCCC;
font-weight: bold;
color: #444;
background-color: #FFF;
}

#contenu_news{
margin-top: 10px;
}

.contenu_actu_xl{
padding: 0 10px 0 10px;
text-align: justify;
}

.contenu_actu_xl img{
float:left;
margin-right: 5px;
}

#pagination{
float: right;
margin-top: 20px;
}

#rechercheAnnonce{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: #EEEEEE;
border: 1px solid #AEAEAE;
}

#rechercheAnnonce table{
border-spacing: 0px;
border-collapse: collapse; 
}

#rechercheAnnonce table td{
padding: 0 5px 5px 5px;
}

#rechercheAnnonce input[type="text"]{
width: 100px;
}

#rechercheAnnonce #modele{
width: 300px;
}

#tabBoutique {
margin-top: 10px;
margin-bottom: 10px;
}

#resAnnonce table, #tabBoutique table{
width: 717px;
border-spacing: 0px;
border-collapse: collapse;
text-align: center;
border-left: 1px solid #AEAEAE;
border-right: 1px solid #AEAEAE;
}

#resAnnonce table thead, #tabBoutique table thead{
border-top: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
}

#resAnnonce table td, #tabBoutique table td{
padding: 5px;
border-bottom: 1px solid #AEAEAE;
}

#resAnnonce table thead th, #tabBoutique table thead th{
background-image: url(../images/title.gif);
padding: 4px 0 4px 0;
}

#resAnnonce table #date{
width: 80px;
}

#resAnnonce table #photo_annonce{
width: 140px;
}

#resAnnonce table #titre{
width: 250px;
}

#resAnnonce table #modele_annonce{
width: 122px;
}

#resAnnonce table #prix{
width: 75px;
}

#tabBoutique table #photo_boutique{
width: 210px;
}

#tabBoutique table #titre{
width: 399px;
}

#tabBoutique table #prix{
width: 77px;
}

#annonceDetail{
width: 717px;
text-align: center;
}

#annonceDetail table{
width: 717px;
margin-top: 20px;
text-align: left;
}

#annonceDetail table td:not([class="legendeAnnonce"]){
padding: 5px 20px 10px 20px;
}

#annonceDetail table .description{
padding: 20px 20px 30px 20px;
}

#calendrier{
width: 717px;
text-align:center;
border-spacing: 0px;
border-collapse: collapse;
text-align: center;
border-left: 1px solid #AEAEAE;
border-right: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
}

#calendrier th{
background-image: url(../images/title.gif);
padding: 4px 0 4px 0;
}

#calendrier thead{
border-top: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
}

#calendrier td{
padding: 4px;
}

#ajoutArticle #description, #modifArticle #description{
height: 200px;
}

#photo_article{
text-align: center;
margin-bottom: 10px;
}

#lienBon{
margin-top: 10px;
}

#lienBon input[type="button"]{
float: none;
}

#adminFil #contenuPerso{
vertical-align: top;
}

#adminFil #contenu{
width: 500px;
}

#imageAnnonce{
margin-bottom: 10px;
}

#annonceDetail ul li{
display: inline;
margin-right: 10px;
}

.legendeAnnonce{
border-bottom: 1px dashed #CCCCCC;
color: #CC0000;
}

#lecteur{
margin-top: 5px;
}

.tabAdmin {
width: 250px;
margin-bottom: 15px;
}

.tabAdmin a{
text-decoration: none;
}

.tabAdmin img{
vertical-align: middle;
}

.tabAdmin td{
padding: 3px 0 3px 10px;
}

.espace_admin{
height: 130px;
padding-left: 40px;
}

#depot_annonce{
width: 717px;
text-align: right;
margin-top: 5px;
}

.zoneTexte{
width: 717px;
float: left;
}