/* -------------------------------------STYLE  */
body {background: url(http://www.bmxstcharles.com/_images/design/bg-global.jpg) top center repeat-x;font-family:Arial, Helvetica;color:#000;font-size:0.7em;text-align:left;margin:0;padding:0;background-color : #ffffff;}
#site {width: 801px;padding: 0;margin: 0 auto;text-align:left;}
/* -------------------------------------NAVIGATION PRINCIPALE  */
#nav-sec{height:31px;margin:0 72px 0 0 ;padding:0;position:relative;float:right}
#nav-sec span{display:none}
#nav-sec ul{margin: 0;padding: 0;}
#nav-sec ul li{margin: 0;padding: 0;display: inline;}
#nav-sec a.accueil{width:46px;height:22px;margin: 0;padding: 0;position:relative;float:left}
#nav-sec a.accueil:hover{background: url(http://www.bmxstcharles.com/_images/menu/accueil-over.gif) top no-repeat;width:46px;height: 22px;margin: 0;padding: 0;position: relative;float:left;}
#nav-sec a.contact{width:51px;height:22px;margin: 0;padding: 0;position:relative;float:left}
#nav-sec a.contact:hover{background: url(http://www.bmxstcharles.com/_images/menu/contact-over.gif) top no-repeat;width:51px;height: 22px;margin: 0;padding: 0;position: relative;float:left;}
#nav-sec a.liens{width:36px;height:22px;margin: 0;padding: 0;position:relative;float:left}
#nav-sec a.liens:hover{background: url(http://www.bmxstcharles.com/_images/menu/liens-over.gif) top no-repeat;width:36px;height: 22px;margin: 0;padding: 0;position: relative;float:left;}
/* -------------------------------------NAVIGATION PRINCIPALE  */
#nav-princ{background-image:url(http://www.bmxstcharles.com/_images/menu/bg-menu.jpg);width:747px;height:31px;margin:0;padding:0;position:relative;float:left}
#nav-princ span{display:none}
#nav-princ ul{margin:4px 0 0 40px;padding: 0;}
#nav-princ ul li{margin: 0;padding: 0;display: inline;}
#nav-princ a.photos{width: 83px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.photos:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-photos-over.gif) top no-repeat;width:83px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
#nav-princ a.informations{width: 134px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.informations:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-informations-over.gif) top no-repeat;width:134px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
#nav-princ a.resultats{width: 106px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.resultats:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-resultats-over.gif) top no-repeat;width:106px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
#nav-princ a.reglements{width: 122px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.reglements:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-reglements-over.gif) top no-repeat;width:122px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
#nav-princ a.a-vendre{width: 97px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.a-vendre:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-a-vendre-over.gif) top no-repeat;width:97px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
#nav-princ a.partenaires{width: 124px;height:17px;margin: 0;padding: 0;position:relative;float:left}
#nav-princ a.partenaires:hover{background: url(http://www.bmxstcharles.com/_images/menu/menu-partenaires-over.gif) top no-repeat;width:124px;height:17px;margin: 0;padding: 0;position: relative;float:left;}
/* -------------------------------------COLONNES  */
#header{background:transparent url(http://www.bmxstcharles.com/_images/design/header.jpg) no-repeat top left; width:747px;height:59px;margin:0;float:left}
#deux-colonnes{width:747px;margin:40px 0 0 0;padding:0;text-align:left;position: relative;float:left;}
#colonne-gauche{width:445px;margin:0 0 0 30px;padding:0;text-align:left;position: relative;float:left;}
#colonne-gauche ul{width:445px;color:#616161;line-height:1.3em;text-align:left;margin:0 0 20px 0 ;padding:0;float:left;position:relative}
#colonne-gauche li{list-style-type:none;background:url(http://www.bmxstcharles.com/_images/design/arrow.gif) no-repeat left top;text-align:left;margin:10px 0 0 10px;padding:0 0 0 25px;}
#colonne-gauche li.in, .in a, .in a:hover{list-style-type:none;background:url(http://www.bmxstcharles.com/_images/design/.gif) no-repeat left top;margin: 5px 0 0 35px}
#colonne-gauche li.in a, li.in a:hover{color:#666666}
#colonne-gauche li a,#colonne-gauche li a:hover{color:#252b32;text-align:left;text-decoration:underline;margin:0;padding:0;}
#colonne-droite{width:205px;margin:0 20px 0 0;padding:0;text-align:left;position: relative;float:right;}
#middle{background:#FFFFFF;width:747px;margin:0 0 20px 0;padding:0;position:relative;float:left}
div.col-gauche{width:225px;margin:0;padding:0;text-align:left;position: relative;float:left;}
div.col-droite{width:195px;margin:0;padding:0;text-align:left;position: relative;float:left;}
/*------------------------------------PARTENAIRE  */
#partenaires{background:transparent url(http://www.bmxstcharles.com/_images/partenaires/bg-partenaires.gif) no-repeat top left; width:747px;height:103px;margin:15px 0 0 0 ;position:relative;float:left}
div.bloc-partenaires{width:721px;height:56px;margin:19px 0 0 202px;padding:0;position:relative;float:left}
div.bloc-partenaires img{margin:0 30px 0 0;padding:0;position:relative;float:left}
div.bloc-partenaires-contact{width:721px;height:56px;margin:19px 0 0 202px;padding:0;position:relative;float:left}
div.bloc-partenaires-contact img{margin:0 0 0 0;padding:0;position:relative;float:left}
/*------------------------------------IMAGES  */
#borderg{background:transparent url(http://www.bmxstcharles.com/_images/design/border-g.jpg) no-repeat top left; width:25px;height:1000px;margin:0;float:left}
#borderd{background:transparent url(http://www.bmxstcharles.com/_images/design/border-d.jpg) no-repeat top left; width:29px;height:1000px;margin:0;float:right}
#logo-bmx{background:transparent url(http://www.bmxstcharles.com/_images/design/logo-bmx.jpg) no-repeat top left; width:747px;height:66px;margin:0;float:left}
#bande-image{background:transparent url(http://www.bmxstcharles.com/_images/design/bande-image.jpg) no-repeat top left; width:747px;height:189px;margin:0;float:left}
.calendrier{margin:20px 0 0 0}
.inscription{margin:0 0 0 0}
img{border:0}
.dashline{width:445px;margin:10px 0 10px 0;padding:0}
#map {margin: 30px 0 20px 0;border: 1px solid #666666;position:relative;float:left}
/*------------------------------------Texte + Titre  */
span.dark{color:#676364;}
p{color:#636363;line-height:1.3em;margin:10px 0 10px 0;padding:0;text-align:justify}
p a{line-height:14px;text-decoration:underline;margin:0;padding:0;}
p a:hover{color:#434848;line-height:14px;text-decoration:underline;margin:0;padding:0;}
p.haut{color:#0093d0;line-height:1.2em;text-align:right;margin:0 15px 15px 0;padding:0;}
p.haut a,p.haut a:hover{color:#0093d0;line-height:1.2em;text-align:right;margin:0;padding:0;}
p.bleu{color:#0093d0;line-height:1.7em;margin:10px 0 10px 0;padding:0;text-align:justify}
p.important{color:#FF0000;line-height:1.7em;margin:10px 0 10px 0;padding:0;text-align:justify;font-style: italic;}
h1{font-size:16px;line-height:1.5em;color:#404040;font-weight:900;text-align:left;margin:0 0 0 0;padding:0;background-color:transparent}

/*------------------------------------FOOTER  */
#footer{width:747px;height:45px;text-align:center;position:relative;float:left;margin:0 0 0 0;padding:0;}
#footer p{line-height:1.2em;color:#717171;text-align:center;margin:10px 0 0 15px;padding:0;}
#footer p a{color:#717171;line-height:14px;text-decoration:none;margin:0;padding:0;}
#footer p a:hover{color:#717171;line-height:14px;text-decoration:underline;margin:0;padding:0;}

/*------------------------------------CMS  */

#menu{position:relative;width:205px;margin:0 0 30px 20px}
#menu input#s{width:80%;background:#eee;border:1px solid #999;color:#000}
#menu ul{color:#ccc;font-weight:700;list-style-type:none;padding-left:3px;text-transform:lowercase;margin:0;}
#menu ul li{letter-spacing:0.1em;margin:10px 0 0 10px;padding-bottom:2px;color:#008ac9}
#menu ul ul{font-variant:normal;font-weight:400;line-height:100%;list-style-type:none;text-align:left;margin:0;padding:0;color:#008ac9;}
#menu ul ul li{list-style-type:none;background:url(../../../../_images/design/fleche_promo.gif) no-repeat left top;letter-spacing:0;margin:0 10px 0 7px;padding:2px 10px 0 14px;color:#008ac9;}
#menu ul ul li a{color:#008ac9;text-decoration:none;color:#434848;}
#menu ul ul li a:hover{text-decoration:underline;color:#434848;}
h2.nouvelles{border-bottom: 1px dotted #ccc;font-size:1.3em;line-height:1.2em;color:#008ac9;font-weight:bold;text-align:justify;margin:4px 15px 0 0;padding:0;background-color:transparent;text-decoration:none;text-transform:uppercase;}
p.time{color:#0093d0;line-height:1.2em;text-align:left;margin:5px 15px 15px 0;padding:0;}
h2, h2 a, h2 a:visited{color: #333;text-decoration: none}
.postmetadata { margin: 0 0 30px 0}
p.moretext{color:#0093d0;margin: 10px 0 15px 0}
p.moretext a{color:#0093d0;margin: 10px 0 15px 0;text-decoration:none}
p.moretext a:hover{color:#0093d0;margin: 10px 0 15px 0;text-decoration:underline}