/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

body {
	background: #D4E9F2;
	font: normal 80%/1em  verdana, Arial, sans-serif;
	color: #3867AD;
	margin: 0;
	text-align: left;
}

h1 {
	text-indent: -7000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #3867AD;
	font-weight: bold;
	font-size: 1.2em;
}

h2 span {
	color: #244B86;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #3867AD;
}

h4 {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #003333;
}

#contenu h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-top:5px;
	/*font-variant: small-caps;*/
	font-size: 1.25em;
	background: transparent url(h2.jpg) top left no-repeat;
	color:#FFFFFF
}
#contenu h3 {
	margin: 20px 0 10px 0;
	letter-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#contenu .vignette {
	padding: 5px;
	float:right;
	margin:auto;
}

a#lien-accueil {
 position: absolute;
 left: 40px;
 top: 10px;
 width: 550px;
 height: 60px;
}

a {
	color: #274778;
	text-decoration: none;
}
a:visited {
	color: #3867AD;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	background : transparent;
}
a img {
	border: 0 none;
}
.cache {
	text-indent: -7000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

tt, samp {
	font-size: 1em;
	color: green;
}

code {
	font-size: 1.1em;
	color: #369;
}

q {
	font-style: italic;
}
kbd {
	font-size : 1.1em;
	padding: 0px 1px;
	border: 1px solid #E2F576;
	border-right: 1px solid #2995BC;
	border-bottom: 1px solid #2995BC;
	background: #FFFFC4;
}

ul, li {
	margin: 0;
	padding: 0;
}


.actupro {
	color: #2995BC;
	font-weight: bold;
}

.gauche {
	float: left;
	margin-right: 8px;
}
.droite {
	float: right;
	margin-left: 8px;
}
.textegauche {
	text-align : left;
}
.textedroite {
	text-align : right;
}


/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#evitement {
	position: absolute;
	top: 12px;
	right: 30px;
	text-align: right;
	width: 380px;
}
#evitement ul {
	margin: 0;
	padding: 0 15px 2px 0;
}
#evitement li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: white;
	line-height:1.5em;
}
#evitement li a {
	color: white;
}
#publicite {
	position: absolute;
	top: 50px;
	left:320px;
	width: 460px;
}
#headersous p {
	margin: 0;
	padding: 10px 0 2px 20px;
	width: 460px;
}

/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */
#menu {
	position: relative;
	width: 800px;
	height: 10px;
	left: 30px;
	background: url(fondmenu.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}
#menu-haut {
	width: 800px;
	height: 25px;
	margin: 0 auto;
	background: url(fondmenu.jpg) left top no-repeat;

}


#menu ul {
	position: absolute;
	top: 1px;
	width: 791px;
	height: 39px;
	padding: 0;
	margin:0;
	list-style: none;
	background: transparent url(menu.jpg) top left no-repeat;
}
#menu li {
	float: left;
	padding: 0;
	margin:0;
	text-indent: 50px;
}

#menu li a {
	display: block;
	height: 40px;
	width: 98px;
	text-decoration: none;
	font-size: 1px;
	line-height: 39px;
	color: #C6C1A3;
}

#menu li a span {
	position: absolute;
	left: -5000px;
}
#menu li a:hover {
	background: transparent url(menu.jpg) top left no-repeat;
}
#menu a#agenda:hover {
	background-position: 0px -40px;
	color: #6882c3;
}
#menu a#resultat:hover {
	background-position: -98px -40px;
	color: #8fab10;
}
#menu a#club:hover {
	background-position: -196px -40px;
	color: #ffc326;
}
#menu a#bonus:hover {
	background-position: -294px -40px;
	color: #ffc326;
}
#menu a#ecole:hover {
	background-position: -392px -40px;
	color: #ffc326;
}
#menu a#minime:hover {
	background-position: -490px -40px;
	color: #ffc326;
}
#menu a#cadet:hover {
	background-position: -588px -40px;
	color: #ffc326;
}
#menu a#junior:hover {
	background-position: -686px -40px;
	color: #ffc326;
}


/* ------------------------------------ */
/*                                      */
/*            Mise en place            */
/*                                      */
/* ------------------------------------ */

#global {
	width:800px;
	background: url(fondglobal.jpg) left top repeat-y;
	margin: 0 auto;
	text-align: left;
}

#global #sidebar {
	float: right;
	width: 247px;
	background: url(decoration.jpg) right top no-repeat;
	padding-top: 3px;
	line-height: 1.1;
	padding-right:30px;
}

#global #general {
	float: left;
	width: 490px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header {
	position: relative;
	width: 800px;
	height: 96px;
	background: url(header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}

#headersous {
	width: 800px;
	height: 86px;
	background: url(header-sous.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}

.cote_gauche {
		float: left;
		width: 230px;
		padding: 0 0 0 0px;
		margin: 10px 0;
	}
.cote_droit {
		float: right;
		width: 230px;
		color: #414141;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
#footer {
	width: 800px;
	height: 138px;
	background: url(footer.jpg) left bottom no-repeat;
	color:#333333;
	font-size: 0.95em;
	font-weight:bold;
	text-align: left;
	margin: 0 auto;
}	

#global #sidebar h2 {
	padding-left:0em;
}
#global #sidebar p {
	padding-left: 20px;
}
#global #sidebar ul {
	width: 190px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	list-style-image: url(puce.png);
	background: url(hr2.png) left bottom no-repeat;
}
#global #sidebar li {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	width:155px;
	line-height: 1em;
	color: #2995BC;
}
#actupro #sidebar li {
	background: url(hr.gif) left bottom no-repeat;
}

#global #sidebar li.last {
	background: none;
}

#global #sidebar .aussi {
	font-size: 1.1em;
	font-weight:bold;
	line-height: 33px;
	text-align: justify;
	background: url(aussi.jpg) left bottom no-repeat;
	padding-left:50px;
	clear:both;
	color:#333333;
}
#global #sidebar .aussi a{
	color:#333333;
}

#global #sidebar h2 {
	width: 190px;
}
#global #sidebar h2.realisation {
	margin-top: 1em;
}
#global #sidebar h2.realisation:first-letter {
	color: #244B86;
}
#global #sidebar p.realisation {
	width: 170px;
	padding-left: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: #3867AD;
	font-size:smaller;
}

#global #photo {
	float: left;
	margin: 0 0 5px 0;
}




#global .sport {
	font-size: 0.8em;
	font-weight:bold;
	float:left;
}

#clearombre {
	width: 791px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

div#contenu {
	margin: 0 0 0 0;
	padding:  0 0 0 20px;
}
div#contenu p {
	margin-bottom: 1.3em;
	text-align: left;
	line-height: 1.1em;
	padding:  0 0 0 5px;
}
div#contenu p.fil {
	color:#3867AD;
	font-size: 0.9em;
}

div#contenu blockquote {
	margin: 1em;
	padding: 0.5em 1em 0 38px;
	background: white url(citation.jpg) left top no-repeat;
	font-style: italic;
	color: #797342;
}
#contenu dl {
	margin-bottom: 2em;
	padding-bottom: 20px;
	background: url(hr3.png) left bottom no-repeat;
}
#contenu dt {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #999900;
}
#contenu dd {
	margin-bottom: 0.5em;
}

#contenu ul {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style-type: none;
}
#contenu li {
	margin: 0 0 0 0;
	line-height: 1.2em;
	margin-bottom: 4px;
	margin-top: 4px;
	background: url(puce.png) left top no-repeat;
	padding-left: 20px;
}

/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */


#footer p {
	margin: 0px 35px 0 40px;
	padding-top:5px;
}
#footer a {
	color:#333333;
}
#footer ul {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style-type: none;
}
#footer li {
	margin: 0 0 0 0;
	line-height: 1.2em;
	padding-left: 40px;
}



#lien ul {
	padding-top:15px;
	list-style-type: none;
	list-style: none;
}
#lien li {
	float:left;
	padding-left:10px;
}
/* ------------------------------------ */
/*                                      */
/*            galerie                    */
/*                                      */
/* ------------------------------------ */

/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
dl.gallery
{
border: 1px solid #000;
width: 150px;
text-align: center;
padding: 2px;
float: left;
margin:2px;
margin-left:5px;
height:170px;
}

.gallery dt { 
font-weight: bold; 
width: 150px;
margin: 0;
padding: 0;
background-color:#B9DFF7;
}

.gallery dt img 
{
margin: 0;
padding: 0;
border: 1px solid #000;
}
.gallery a
{
border: 0px;
}
.gallery a img
{
	margin: 0 auto;
	padding: 0;
	border: 0px;
}

.gallery dd
{
	margin: 1px;
	padding: 1px;
font-size:10px;
width: auto;
}
.gallery p
{
	margin: 0 auto;
	padding: 0;
}

.accroche {
	padding: 0 0 0px 0;
}
.accroche img {
	padding-left:15px;;
}
#textePub {
	float:right;
	padding: 15px 45px 5px 0;
	color:#FFFFFF;
	width:225px;
}
#textePub a{
	color:#FFFFFF;
}

#textePub ul {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style-type: none;
}
#textePub li {
	margin: 0 0 0 0;
	line-height: 1.2em;
	padding-left: 20px;
}