@charset "utf-8";
/* 
Site : Sport guide
Ver. : 2.0
Date : 07/08/2009 [fr]
Auth : Churchill
*/

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1,h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea,p, blockquote, th, td{margin: 0; padding: 0; text-align:left;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
strong{font-weight:bold;}
ol, ul{list-style: none;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
q:before,q:after{content: '';}
abbr, acronym{border: 0;}
/* css reset */

/* General site setup */
body{font-size:100.1%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#171017; background:#ffd301;text-align:left;}
h1,h2,h3,h4,h5,h6{}
abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}
em {font-style: italic;}
blockquote, ul, ol, dl {margin: 1em;}
ol, ul, dl {margin-left: 2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left: 1em;}
th, td {padding:.25em 0;}
th {font-weight: bold; text-align:left;}
caption {margin-bottom: 0.5em; text-align:left;}
p, fieldset, table {
	margin-bottom: 1em;
	text-align:left;
}
a{color:#065690; font-weight:bold; text-decoration:none;text-align:left;}

/* Useful classes */
.float_left{float:left;}
.float_right{float:right;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.error,.alert{color:#c00;}

/* layout grids */
.subcols{overflow:hidden; height:1%;}
.c50l{float:left; width:50%;}
.c58l{float:left; width:57.9%;}
.c50r{float:right; width:50%;}
.c20l{float:left; width:20%;}
.c22l{float:left; width:22%;}
.c30l{float:left; width:29.9%;}


/* Structures */
#page{width:873px; margin:0 auto;}

.topmenu{background:#23375f; font-size:68.8%; text-align:center; margin:0; padding:7px 35px;}
.topmenu li{display:inline; color:#fff;}
.topmenu a{color:#fff; text-decoration:none; font-weight:normal;}
.topmenu a:hover{text-decoration:underline;}

.home #header{border-bottom:1px solid #fff; padding:10px 20px}
#header{padding:34px 20px 26px;}
#header h1{display:inline;}
#header .pub{margin-left:15px;}

#main{overflow:hidden; height:1%;}

/* info en continue */
.scroller{background:url(../img/bloc-info-continue-bas.png) no-repeat bottom left; font-size:68.8%; margin-top:15px; margin-left:20px;padding-bottom:16px;}
.scroller_cadre{background:url(../img/bloc-info-continue-bg.png) repeat-y; overflow:hidden;}
.ejs_scroll{padding:15px 27px 0;}
.scroller .date{font-weight:bold; color:#ff8300; background:url(../img/puce-date.png) no-repeat 0 3px; padding-left:20px; margin:2px 0; margin-left:-20px;}
.scroller .date a{color:#ff8300;}
.scroller .titre{font-weight:bold; color:#0070c2;margin:2px 0;}
.scroller .titre a{color:#0070c2;}
.scroller .extrait{margin:0;}
.scroller .plus{font-weight:bold; color:#192269;margin:0 0 1em;;}
.scroller .plus a{color:#192269; text-decoration:underline;}
.scroller .plus a:hover{text-decoration:none;}
/* FIN info en continue */

.home .menu{margin:15px auto 0; width:144px;}
.home .menu li{list-style-type:none;}
.menu{overflow:hidden; height:1%; margin:0;}
.menu li{display:inline; float:left}
.usermenu{margin:21px auto 0; width:150px;}
.usermenu li{list-style-type:none;margin-bottom:3px;}

.decryptage{margin:0 auto; width:134px;}
.decryptage p{margin:3px 0;}

#pub{text-align:center; padding-top:15px;}

.infosmarques{background:url(../img/bloc-infos-marques-bas.png) bottom left no-repeat #ffeb8c; padding:15px 15px 17px; margin:21px 17px 0; font-size:68.8%;}
.infosmarques h2{margin:-15px -15px 10px;}
.infosmarques p{color:#1c3866;}
.infosmarques a{text-decoration:underline; color:#1c3866;}
.infosmarques a:hover{text-decoration:none;}

#col1{width:605px; padding:48px 13px 48px 45px; float:left;font-size:68.8%; background:url(../img/col1-bg.png) no-repeat left top;}
#col1_content{padding:7px 25px 18px 25px; background:url(../img/col1_content-bg.png) no-repeat bottom #fff; overflow:hidden;}
#col1_content h2{background:#a5cd14 url(../img/h2-bg.png) no-repeat top; color:#fff; padding:8px 15px 8px; width:400px; margin:0 0 1em; font-weight:bold; font-size:145.5%;}
#col1_content h3{background:#86a418 url(../img/puce-h3.png) no-repeat 5px 8px; color:#fff; padding:2px 15px 4px; width:400px; margin:2em 0 1em; font-weight:bold;}
#col1_content .titre{color:#06c;}
#col1_content .cadre{border:1px solid #D44E00; background:#FFEFC0; padding:10px 10px 0; margin-bottom:1em;}

/*news*/
.news{border-bottom:1px dotted #86A418; margin-bottom:1em;}
.news h4{margin:2em 0 .25em; font-weight:bold; color:#D44E00;}
/* FIN news */

#col2{width:210px; float:left;}
#col2_content{padding:37px 20px 48px 15px;}

#col2 .infosmarques{background:#fff url(../img/bloc-infos-marques-col2-bg.png) repeat-y; width:174px; margin:0; padding:0;}
#col2 .infosmarques h2{margin: 0 0 10px;}
#col2 .infosmarques .listmarques{background:url(../img/bloc-infos-marques-col2-bas.png) no-repeat bottom; padding-bottom:20px;}

.contextmenu{margin:0 0 17px;}
.contextmenu li{margin:0 0 4px; font-size:81.3%;list-style-type:none;}
.contextmenu a{border:1px solid #fff; background:url(../img/puce-contextmenu.png) no-repeat 5px 50% #8fb407; padding:5px 5px 5px 21px; color:#fff; display:block;}

/* formulaires */
label{font-weight:bold; color:#3f3e3a;}
.inlineForm{display:inline; margin:0 5px 0 0;}
.boutons{text-align:center;}
.boutons input{background:#bacb7c; border:1px solid #6a6964; color:#3f3e3a; padding-left:5px; padding-right:5px; font-weight:bold;}
.cadre_code{margin:1em auto;}
/* FIN formulaires */

/* tableaux */
.tableaux{width:99%; border-collapse:collapse; border:2px solid #D44E00;}
.tableaux th,.tableaux td{padding:2px 5px;}
.tableaux th{border:1px solid #fff; border-top:0; background:#D44E00; color:#fff;}
.tableaux td{border-bottom:1px solid #D44E00; color:#000;}
.tableaux .total{background:#F9DA7D; font-weight:bold;}
#facture input{border:0; text-align:right; background:none;}
/* FIN tableaux */

#footer{position:relative;background:url(../img/footer-bg.jpg) repeat-y right #ea2d11; clear:both; padding:10px 15px; font-size:62.5%;}
#footer ul{margin:0;}
#footer li{display:inline; margin-right:30px;}
#footer a{color:#fff; font-weight:normal;}
#footer a:hover{text-decoration:underline;}
#footer .copyright{color:#fff; position:absolute; right:15px; top:10px; font-size:90%;}