@CHARSET "UTF-8";
/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-size:57.5%;
	font-family:Trebuchet, "Verdana", serif;
	color:#000000;
	background:/*url(images/grid.gif) top center repeat-y */#fff; /* Uncomment to display the grid */
	border-top:0.5em solid #666;
	padding:0 1em;
}

/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}

/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
p{
	font-size:1.5em;
	line-height:1.5em;
	margin-bottom:1em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}

/*NAVIGATION
-------------------------------------------------------- */
#nav {
		border-bottom:0.2em solid #666; /* The border at the top of each grid */
		padding-top:.5em;
		padding-bottom:.5em;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#000;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}
h2{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#000;
	font-size:2em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

h3{
	color:#000;
	font-size:1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
	font-variant:small-caps;
}
h4{
	color:#000;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
p a{
	color:#000;
}
p a:hover{
	text-decoration:none;
}
h1 a{
	color:#000;
}
h1 a:hover{
	text-decoration:none;
}
li a{
	color:#000;
}
li a:hover{
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}


small, sub, sup { font-size: .60em } 
sub { vertical-align: sub }
sup { vertical-align: super } 

#menu li { 
    display: inline ; 
	padding-right:.5em;
    }
	
	#menu li a { 
    background: #c00 ; 
    color: #fff ; 
	line-height: 1em ; 
    padding: 4px 0 ; 
    text-align: center ; 
    } 
#menu li a:hover, #menu li a:focus, #menu li a:active { 
    background: #900 ; 
    }
	
#partenaires {
	/*border-top:0.1em solid #666;*/

	padding:.5em .5em;	
}

#partenaires h2 {
	margin-bottom:0.3em;	
}
	
#partenaires li { 
    display: inline ; 
	padding-right:.5em;
}

#partenaires img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	/*float:left;*/
	padding:4px;
	
	border:0px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}

#logoBarriere {
	background-color:#990033;
}

#intro {
	border-top:0.1em solid #666;
	padding:0 .5em;	
}


#tableauCalendrierEpreuve {
margin-left:auto;
margin-right:auto;
width:90%;
}

#tableauCalendrierEpreuve th {
	font-size: 1.5em;
	font-weight:bold;
	padding: 5px 15px 5px 5px;
}


#tableauCalendrierEpreuve td {
	font-size: 1.5em;
	border-top:1px solid grey;
	padding: 10px 15px 10px 5px;

}


#tableauCalendrierEpreuve td {
    margin-left: auto;
    margin-right: auto
    text-align: left;
    vertical-align: bottom
}



.blueHeader
{
	margin: 0px 0px 0px 5px;
    border: 0px solid #000000;
    color: #ffffff;
    /*width: 80%;*/
    padding: 10px;
    text-align: left;
    background-color: #66cccc;
    /*border: 3px solid #ffffff;*/

   /* background-image: url(images/fond_synth.jpg);
    background-repeat: no-repeat;*/

	/*Do rounding (native in Firefox and Safari, CC in IE)*/ 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

.orangeHeader
{
	margin: 0px 0px 0px 0px;
    border: 0px solid #000000;
    color: #ffffff;
    /*width: 80%;*/
    padding: 10px;
    text-align: left;
    background-color: #ff9900;
    /*border: 3px solid #ffffff;*/

   /* background-image: url(images/header_adh_bam.gif);
    background-repeat: no-repeat;*/

	/*Do rounding (native in Firefox and Safari, CC in IE)*/ 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

.myOrangeBox
{
    /*margin: 0 auto;*/
    border: 0px solid #000000;
    color: #ffffff;
    /*width: 300px;*/
    padding: 10px;
    text-align: left;
    background-color: #FF6600;
    /*border: 3px solid #ffffff;*/

    /*background-image: url(backrepeat.jpg);
    background-repeat: repeat-x;
	*/

/* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;*/
}

.myBox
{
    margin: 5px 5px 15px 5px ;
    border: 0px solid #000000;
    /*color: #ffffff;
     */
    /*width:auto;*/
    padding: 10px;
    text-align: left;
    /*background-color: #990033;
   */
   border: 1px solid #aaaaaa;

    /*background-image: url(backrepeat.jpg);
    background-repeat: repeat-x;
	*/

/* Do rounding (native in Firefox and Safari, CC in IE) 
    */
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
   CCborderRadius: 10px;
}

.myRedBox
{
    /*margin: 0 auto;*/
    border: 0px solid #000000;
    color: #ffffff;
    /*width: 300px;*/
    padding: 10px;
    text-align: left;
    background-color: #990033;
    /*border: 3px solid #ffffff;*/

    /*background-image: url(backrepeat.jpg);
    background-repeat: repeat-x;
	*/

/* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;*/
}

.myRedBox h2,.myRedBox h3, .myRedBox a { 
	color:#CCCCCC;
}



img.photo {
	width:120px;
	height:140px;	
	padding:4px;
	border:1px solid #ccc;
}

ul.listePartenaires  {
    margin-left: 0;
    padding-left: 0;
    display: inline;
   }
   
ul.listePartenaires li {
    margin-left: 0;
    list-style:square;
    display:inline-table;
	padding: 20px;

   }

.fn {
		font-size:1.5em;
}


.title {
		font-size:1.3em;
}

.menuResult {
	display:block;
}

 a.itemresult { 
    background:#66cccc ; 
    color: #000 ; 
    padding: 3px ;
	margin:3px; 
    text-align: center ; 
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    CCborderRadius: 4px;
	text-decoration:none;
    } 

 a.itemresult:hover, a.itemresult:focus,  a.itemresult:active { 
    background: #ff9900 ;
	color:#000000; 
}

ul.reslist {
	list-style:none;
	margin:10px 20px 0px -35px;
	display:table;
}

ul.reslist li {
	display:table-row;
	padding:5px;
}

.restlistactive {
	background:#dddddd;
}

div.resrang {
	width:auto;	
	font-size:1.5em;
	margin:5px;
	padding:5px;
	text-align:right;
	display:table-cell;
}

div.resjoueur {
	width:auto;	
	font-size:1.5em;
	margin:5px;
	padding:5px;
	text-align:left;	
	display:table-cell;
}
div.resseance, div.restotal {
	width:auto;	
	font-size:1.5em;
	margin:5px 5px 5px 10px;
	padding:5px;
	text-align:right;	
	display:table-cell;
}

 div.restotal {
 	font-weight:bold;
 }