@charset "utf-8";
/* CSS Document */

body  {
	background:#2bacd5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
}
.container {
	background:#fff;
	padding:0 20px; /* Ajoute 20 pixel de marge latérale - la 24 colonne disparu */
}
.sidebar {
	font-size:11px; /* taille de police réduite */
}
.mini {
	font-size:90%;
	font-weight:normal;
}
.big {
	font-size:120%;
}

a,
a:visited {
	color:#0e7bbc;
}
a:hover {
	color:#3bb0dc !important;
}

a.bullet,
a.bullet:visited {
	background:url(../_img/puce-link.png) center left no-repeat;
	padding-left:35px;
	color:#074e84;
	text-decoration:none;
	font-weight:bold;
}

h2,h3,h4,h5,h6 {
	margin:20px 10px 5px;
	line-height:1.2em;
}
p {
	margin:10px 10px 5px;
	line-height:1.2em;
}
blockquote {
	margin:20px 0 5px;
	padding:5px 0 0;
}
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
	margin:5px 10px -2px;
}
ul {
	list-style:none;
	margin:5px 10px;
	padding:0;
}
li {
	margin:3px 0;
	line-height:1.2em;
}

.box {
	background:#f3f3f3;
	padding:2px 0 5px;
}

input, select {
	padding:1px 0 3px;
	height:14px;
	border:1px solid #6d90b0;
	background:#f3f3f3;
	font-size:12px;
}

select {
	height:20px;
	padding:0;
}

table {
	margin:5px 0px;
	border-collapse:collapse;
}
	table th {
		border:2px solid #fff;
		background:#074e84;
		color:#fff;
		font-weight:bold;
	}
		table th p {
			margin:5px 10px;
		}
	table td {
		border:2px solid #fff;
		background:#f3f3f3;
	}
		table td p {
			margin:5px 10px;
		}

a.button,
a.button:visited {
	cursor:pointer;
	display:inline-block;
	background-image:url(../_img/bouton.png);
	background-repeat:no-repeat;
	background-position:right -40px;
	padding:0 5px 0 0;
	text-decoration:none;
}
a.button span,
a.button:visited span{
	padding:3px 0;
	display:inline-block;
	height:20px;
	line-height:20px;
	background-image:url(../_img/bouton.png);
	background-repeat:no-repeat;
	background-position:left -40px;
	padding:0 0 0 5px;
	text-align:center;
	color:#003c74;
	font-weight:normal;
}
a.button:hover { background-position:right -20px; }
a.button:hover span { background-position:left -20px; }
a.button:active { background-position:right 0; }
a.button:active span { background-position:left 0; }

div.hr { /* version transformé de la balise HR - via JS */
	border-bottom:1px dotted #ccc;
	height:1px;
	overflow:hidden;
	margin:10px 10px;
}

.span-12,
.span-13,
.span-14,
.span-15,
.span-16,
.span-17,
.span-18 {
	text-align:justify;
}
.span-12 blockquote {
	background:url(../_img/blockquote-12.png) center top no-repeat;
}

/* Fil d'ariane pour le cheminement boutique  */
.boutique-ariane {
	margin-top:20px;
}
.boutique-ariane li { /* élément futur */
	float:left;
	margin:3px 5px 3px 0;
	color:#aaa;
}
.boutique-ariane a { /* élément passé déjà validé - retour arrière */
	color:#c5da13 !important;
	text-decoration:none;
	font-weight:bold;
}
.boutique-ariane strong { /* élément courant */
	color:#0e7bbc;
}

.form-ok {
	background:#CCFF99;
}
.form-error {
	background:#FFCCCC;
}

/**********************************************************/

#center em {
	color:#0e7bbc;
	font-style:normal;
}
#center h2 {
	margin:20px 0 0;
	color:#fff;
	background:#074e84 url(../_img/box-head.png) left top no-repeat;
	line-height:20px;
	padding-left:40px;
	font-size:13px;
	font-weight:bold;
}
#center h3 {
	font-size:14px;
	font-weight:bold;
	color:#074e84;
	border-bottom:1px solid #fff;
}
#center h4 {
	font-size:12px;
	font-weight:bold;
	color:#074e84;
}
#center li {
	background:url(../_img/puce.png) 0 5px no-repeat;
	padding:0 0 0 10px;
	font-size:11px;
}


/**********************************************************/

#header {
	background:url(../_img/header.jpg) left top no-repeat;
	height:202px;
	width:950px;
	position:relative;
	left:-20px;
}
#header.admin {
	background:url(../_img/header-admin.jpg) left top no-repeat;
}
	#header h1 {
		position:absolute;
		top:5px;
		left:40px;
	}

	#header-menu {
		position:absolute;
		left:300px;
		top:2px;
	}
		#header-menu ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		#header-menu li {
			margin:0;
			padding:0;
			float:left;
			margin-right:20px;
		}
		#header-menu li a {
			display:block;
			font-size:11px;
			font-weight:bold;
			color:#074e84;
			text-decoration:none;
		}
		/*#menu-editions a { border-top:6px solid #00a1d3; }
		#menu-editions a:hover { background:#e6f6fb; }
		
		#menu-equipements a  { border-top:6px solid #b50567; }
		#menu-equipements a:hover { background:#f8e6f0; }
		
		#menu-vellesports a  { border-top:6px solid #f29400; }
		#menu-vellesports a:hover { background:#fef5e6; }*/
		#menu-editions a {border-top:6px solid #E9E25D;}
		#menu-editions a:hover {background:#FFFABF;}
		
		#menu-education a  {border-top:6px solid #00a1d3;}
		#menu-education a:hover {background:#e6f6fb;}
		
		#menu-equipements a  {border-top:6px solid #b50567;}
		#menu-equipements a:hover {background:#f8e6f0;}
		
		

#menu {
	background:url(../_img/menu.jpg) no-repeat;
	height:30px;
	width:940px;
	position:relative;
	left:-15px;
	margin-top:2px;
}

	#menu ul {
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		right:-1px;
	}
	#menu li {
		margin:0;
		padding:0;
		float:left;
	}
	#menu a,
	#menu a:visited {
		display:block;
		height:26px;
		line-height:26px;
		margin:2px 0;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		letter-spacing:-0.05em;
		color:#fff;
		text-decoration:none;
		border-right:1px solid #fff;
		padding:0 15px;
	}
	#menu a:hover,
	#menu li.on a {
		background:#f4e252;
		color:#569b31;
	}

#footer {
	background:#2bacd5 url(../_img/footer.png) no-repeat;;
	width:950px;
	position:relative;
	left:-20px;
	font-size:11px;
	color:#fff;
	padding:25px 0 10px;
	text-align:center;
}
	#footer a {
		color:#fff;
	}