/* CSS Document */



/*********************
		GLOBAL
*********************/
html, body {
	height: 100%;
	margin: 0;
	background-image: url(images/bg_01.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12$;
	font-size: 12px;
}
	
div#global {
	min-height: 100%;
	width: 820px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
	
#header {
	overflow: hidden;
	height: 155px;
	width: 780px;
	z-index: 1;
}

#logo {
	background-color: #00CC00;
	float: left;
	height: 50px;
	width: 180px;
	z-index: 100;
}

div#center {
	overflow: hidden;
	width: 820px;
}

#sidebar-01 {
	float: right;
	width: 175px;
	margin-left: 10px;
}

#sidebar-proshop {
	float: left;
	width: 140px;
	background-image: url(images/bg_acc_proshop.jpg);
	background-repeat: no-repeat;
	height: 120px;
	margin-bottom: 10px;
	text-align: center;
}

#sidebar-parcours {
	float: left;
	width: 140px;
	background-image: url(images/bg_acc_parcours_02.jpg);
	background-repeat: no-repeat;
	height: 140px;
	margin-bottom: 10px;
	text-align: center;
}

#sidebar-photos {
	float: left;
	width: 140px;
	height: 120px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	text-align: center;
}

#bloc {
	width: 485px;
	float: left;
	margin-left: 10px;
}
#bloc-maxi {
	width: 475px;
	background-color: #FFFFFF;
	padding: 5px;
}
#bloc-photo {
	width: 480px;
}
#bloc-acc {
	width: 460px;
	background-image: url(images/bg_accueil_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	padding-bottom: 10px;
}

#bloc-actu {
	width: 480px;
	background-color: #FFFFFF;
	padding: 5px;
}

#bloc-actu h1{
	font-size: 16px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}


#bloc-actu h2{
	font-size: 13px;
	color: #333333;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#bloc-mini-01 {
	margin-top: 10px;
	width: 235px;
	float: left;
}

#bloc-mini-02 {
	margin-top: 10px;
	background-color: #3399FF;
	width: 235px;
	float: right;
}
#bloc-mini-news {
	margin-top: 10px;
	width: 215px;
	float: left;
	background-image: url(images/bg_acc_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	padding-right: 10px;
	padding-left: 10px;
}

#bloc-mini-cal {
	margin-top: 10px;
	width: 215px;
	float: right;
	background-image: url(images/bg_acc_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	padding-right: 10px;
	padding-left: 10px;
}

#foot {
	width: 480px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF42;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px;
}

/*********************
	LIEN
*********************/

a{
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin-left: -2px;
}
a:hover{
	color: #FFFFFF;
	background-color: #66CC00;
	padding: 2px;
	margin-left: -2px;
}
a:visited{
	color: #333333;
	padding: 2px;
	margin-left: -2px;
}
a:active{
	color: #66CC00;
	padding: 2px;
	margin-left: -2px;
	background-color: #FFCC00;
}


/*********************
		MENU
********************

#lien-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#lien-menu a:link {
	color: #FFFFFF;
}
#lien-menu a:visited {
	color: #FFFFFF;
}
#lien-menu a:hover {
	color: #FFFFFF;
	background-color: #009933;
}
#lien-menu a:active {
	color: #FFFFFF;
}
*/

/*********************
		MENU 1
*********************/
#mini-menu {
	float: left;
	width: 130px;
	background-image: url(images/bg_menu.jpg);
	background-repeat: repeat-x;
	height: 450px;
	padding: 5px;
/*	padding:5px;
	margin:0px;
*/
}
#mini-menu .menu-01 {
	width: 120px;
	display: block;
	padding: 5px;
	color: #FFFFFF;
	line-height:10px;
/*	padding:0px;
	margin:0px;
*/
}
#menu-01 a:link {
	color: #FFFFFF;
	background-color: #FFCC00;
}
#menu-01 a:hover {
	color: #FFFFFF;
	background-color: #009933;
}
#menu-01 a:visited {
	color: #FFFFFF;
}
#menu-01 a:active {
	color: #FFFFFF;
}

-->

/*********************
		MENU 2
********************

#links {
	float: left;
	width: 130px;
	background-image: url(images/bg_menu.jpg);
	background-repeat: repeat-x;
	height: 450px;
	padding: 5px;
}

#links ul {
	list-style-type: none;
	width: 130px;
	margin: 0px;
	display: block;
	float: left;
	padding: 0px;
}

#links li {
	margin: 0px;
	padding: 0px;
}

#links li a {
	color: #FFFFFF;
	display: block;
	padding: 5px;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
}


#links li a:hover {
	background: #009900;
}
*/

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

.image-gauche-01 {
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.image-droit-01 {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #73BE1E;
	padding-bottom: 0px;
	display: block;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #73BE1E;
	margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 0px;
	display: block;
	margin-bottom: 5px;
}
.com {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0066;
}
.nom-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}


/*********************
		LE BLOG
*********************/

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}



/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
.day-date{
	color: #888;
	font-size: 11px;
	text-transform: uppercase;
}

.post{
	margin-bottom: 15px;
	margin-top: 0px;
}

#post{
	margin-bottom: 15px;
	margin-top: 0px;
}


#post h2{
	color: #333333;
	background: transparent;
	font-size: 16px;
	margin: 0;
	text-decoration: none;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
*/
}

#post h2 a{
	color: #333333;
	background: transparent;
	font-size: 16px;
/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
*/
	margin: 0;
	text-decoration: none;
}

#post h2 a:active{
	color: #333333;
	background: transparent;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin: 0;
	text-decoration: none;
}

.post-title{
	color: #333333;
	background: transparent;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
	margin: 0;
	text-decoration: none;
}

.post-title a{
	color: #333333;
	background: transparent;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
	font-size: 16px;
	margin: 0px;
}


.post-title h2{
	color: #333333;
	background: transparent;
	font-size: 16px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
*/	margin: 0;
	text-decoration: none;
}

.post-title h2 a{
	color: #99CC00;
	background: transparent;
	text-decoration: none;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CC00;
*/	font-size: 16px;
	margin: 0px;
}


.post-info{
	margin-top: 0;
	color: #999966;
	font-size: 11px;	/*border-bottom: 1px solid #FC0;*/
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

.post-info a{
	margin-top: 0;
	color: #999966;
	font-size: 11px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
.post-info a:hover{
	color: #FFFFFF;
	background: #999966;
	text-decoration: none;
	padding: 3px;
}

.post-content{
	text-align: justify;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
}

#content{
	margin: 0 0 0 30px;
	padding: 1em 0 0 0;
}

#comments{
	margin-bottom: 5px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

#comments h3{
	font-size: 13px;
	color: #666666;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/* La barre de navigation
-------------------------------------------------------- */
#sidebar-actu {
	float: right;
	width: 170px;
	margin-left: 10px;
}

#sidebar-mini{
	background-color: #FFFFFF;
	width: 160px;
	margin-bottom: 10px;
	padding: 5px;
}

#sidebar-mini div ul{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#sidebar-mini li{
	margin: 0;
	padding: 0;
	list-style: square inside;
	display: block;
}

#sidebar-mini h2, #sidebar h3{
	color: #9ED200;
	margin: 0 0 1ex 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9ED200;
}

#sidebar-mini h3{
	font-size: 1em;
	margin: 0;
}

#sidebar-mini div#search{
	line-height: 2.3em;
}


#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 18px;
}


/********************
  SIDEBAR CALENDRIER
*********************/

#sidebar-mini table{
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar-mini table caption{
	margin: 0 auto;
	font-size: 12px;
	color: #FF6600;
	font-variant: normal;
	text-transform: uppercase;
}

#sidebar-mini table th{
	color: #FFFFFF;
	background: #006600;
	padding: 2px;
	font-variant: normal;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFF00;
	font-size: 10px;
	margin-bottom: 5px;
	font-weight: normal;
}

#sidebar-mini table td{
	width: 14%;
}

#sidebar-mini table td a{
	display: block;
	background: #66CC00;
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar-mini table td a:hover{
	background: #FFCC00;
	color: #006600;
}

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

/*
#sidebar-mini div#calendar{
	border-top: 1px solid #F0F0F0;
	font-size: 11px;
}

#sidebar-mini div#calendar table{
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar-mini div#calendar table caption{
	margin: 0 auto;
	font-size: 11px;
}

#sidebar-mini div#calendar table th{
	color: #493;
}

#sidebar-mini div#calendar table td{
	width: 14%;
	line-height: 1.6em;
	border: 1px solid #EEE;
}

#sidebar-mini div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#sidebar-mini div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

*/
.actu-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999966;
	padding: 3px 0px;
	font-weight: bold;
}
.actu-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
.actu-lien {
	font-size: 11px;
	color: #333333;
	margin-top: 5px;
	float: left;
}
.cal-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF3300;
	padding: 3px 0px;
	font-weight: bold;
}
.cal-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 3px 0px;
	font-weight: bold;
}
#ligne-01 {
	background-color: #CCCCCC;
	padding: 2px;
	margin-bottom: 5px;
}
#ligne-02 {
	background-color: #EEE;
	padding: 2px;
	margin-bottom: 5px;
}
/* PROMO */
#ligne-03 {
	background-color: #FF9900;
	padding: 2px;
	margin-bottom: 5px;
	color: #FFFFFF;
}

#condition{
	width: 460px;
	padding: 5px;
	background-color: #99FF66;
}
.ligne-titre {
	background-color: #66CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.ligne-00 {
	background-color: #F3FFD6;
	padding: 5px;
}
.ligne-01 {
	background-color: #D7FFB9;
	padding: 5px;
}
.ligne-02 {
	background-color: #99FF66;
	padding: 5px;
}
.ligne-03 {
	background-color: #FF3300;
	padding: 5px;
	color: #FFFFFF;
}
.padding {
	padding: 5px;
}
#anglais {
	font-size: 10px;
	font-style: italic;
	background-color: #BBDFFF;
	padding: 5px;
	margin-top: 10px;
}

#separator-10{
/*	background-color: #CC0000; */
	padding: 0px;
	margin: 0px;
	height: 10px;
}

#separator-20{
/*	background-color: yellow; */
	padding: 0px;
	margin: 0px;
	height: 20px;
}

#separator-30{
/*	background-color: blue; */
	padding: 0px;
	margin: 0px;
	height: 30px;
}

.titre-01{
	font-size: 13px;
	padding: 5px;
	color: #FFFFFF;
	background-color: #66CC00;
}


.important {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.important-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

.info-01 {
	font: normal 10px "Lucida Grande", Helvetica, Verdana, Arial;
	color: #0066CC;

	background: #E8F5FF url(../images/information.png) no-repeat 7px center;
	text-align: left;
	
	padding: 7px 10px 7px 30px;
	
	border-top: 1px solid #0066CC;
	border-bottom: 1px solid #0066CC;
	
	display: block;
	overflow: visible;
}


/**************************
		TABLEAU
***************************/


.tablo-01{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #66CC00;
}


.tablo-01-titre {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #B6DB85;
	font-size: 12px;
	font-weight: bold;
	color: #131313;
}

.tablo-01-titre-01 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #ACC77F;
	font-size: 12px;
	font-weight: bold;
	color: #131313;
}

.tablo-01-titre-03 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #FF9900;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.tablo-01-sstitre {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #A5D16D;
	font-size: 12px;
}
.tablo-01-ligne-01{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 12px;
	color: #333333;
	background-color: #CAE99C;
}

.tablo-01-ligne-02{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 12px;
	color: #333333;
	background-color: #E4F6C2;
}

.tablo-01-ligne-03{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 12px;
	color: #333333;
	background-color: #FDD2AA;
}

.tablo-03-ligne-01{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 12px;
	color: #333333;
	background-color: #C6D7DE;
}

#promo {
	padding: 10px;
	background: red;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	margin: 10px;
}