body {
    margin: 0px;
    padding: 0px;
	background-image:url(../img/motif_fond.jpg);
	background-repeat:repeat;
	
	font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* HEADER */

#header
{
    text-align: center;
	margin: 0px;
}
#header_titre {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/titre.jpg);
	background-repeat:no-repeat;
}
#header_titre_de {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/titre_de.jpg);
	background-repeat:no-repeat;
}

#header_menu {
    background-color: #861308;
    height: 51px;
    margin-top: 19px;
	background-repeat:repeat-x;
	width:100%;
}

#menu_rubrique{
	display:inline;
	float:left;
}
#menu_logo{
	margin-top:-30px;
}
.W4{width:4%;}
.W5{width:5%;}
.W6{width:6%;}
.W7{width:7%;}
.W8{width:8%;}
.W9{width:9%;}
.W10{width:10%;}
.W11{width:11%;}
.W12{width:12%;}
.W15{width:15%;}
.W16{width:16%;}

#milieu{

}

#page{
	margin-left:0px;
}

/* GAUCHE */

#gauche {
    padding: 14px 10px;
    width: 154px;
    float: left;
}

#gauche_haut{
	background-image:url(../img/gauche_haut.png);
	background-repeat:no-repeat;
	height:35px;
}
#gauche_milieu{
	background-image:url(../img/gauche_milieu.png);
	background-repeat:repeat-y;
	margin-top:-21px;
	padding-left:10px;
}
#gauche_bas{
	background-image:url(../img/gauche_bas.png);
	background-repeat:no-repeat;
	height:25px;
	margin-top:-21px;
}


/* CENTRE */

#centre{
	padding-top:25px;
    margin-left: 174px;
    margin-right: 170px;
}

#centre_hd, #centre_hg, #centre_bd, #centre_bg {
	height: 22px;
	width: 22px;
}
#centre_hg {
	background-image: url(../img/centre_hg.png);
	float:left;
	margin-left:14px;
}
#centre_hc{
	background-image:url(../img/centre_hc.png);
	background-repeat:repeat-x;
	height:22px;
	margin:0px 40px 0px 36px;	
}
#centre_hd {
	background-image: url(../img/centre_hd.png);
	float: right;
	margin-right:18px;
}

/**/

#centre_fondmg{
	margin: 0px 0px 0px 32px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_mg.png);
    background-repeat: repeat-y;
    /*width: 100%;*/
	border: solid 0px red;
}
*+html #centre_fondmg{
	/*width:auto;*/
	margin: 0px 0px 0px 32px;
}
#centre_fondmd{
	margin: 0px 18px 0px -18px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_md.png);
    background-position: right;
    background-repeat: repeat-y;
    /*width: 100%;*/
}
*+html #centre_fondmd{
	/*width:auto;*/
	margin: 0px 18px 0px -18px;
}

/*
#centre_fondmg{
	margin: 0px 0px 0px 32px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_mg.png);
    background-repeat: repeat-y;
    width: 100%;
	border: solid 0px red;
}
*+html #centre_fondmg{
	width:auto;
	margin: 0px -32px 0px 32px;
}
#centre_fondmd{
	margin: 0px 0px 0px -18px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_md.png);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
}
*+html #centre_fondmd{
	width:auto;
	margin: 0px 18px 0px -18px;
}
*/


#centre_mg {
	float:left;
	width:22px;
}
#centre_mc {
	background-image: url(../img/centre_mc.png);
	background-repeat:repeat;
	margin:0px 18px 0px 14px;
	/*text-indent:40px;*/
	/height:1%;
	border-right: 2px solid #7C0E05;
	border-left: 2px solid #7C0E05;
	padding-left:20px;
	padding-right:20px;
	
}
#centre_md {
	float:right;
	width:22px;
}

/**/

#centre_bg {
	background-image: url(../img/centre_bg.png);
	float:left;
	margin-left:14px;
}
#centre_bc{
	background-image:url(../img/centre_bc.png);
	background-repeat:repeat-x;
	height:22px;
	margin:0px 22px 0px 22px;	
}
#centre_bd {
	background-image: url(../img/centre_bd.png);
	float: right;
	margin-right:18px;
}


/* DROITE */

#droite {
    padding: 11px 10px 11px 0px;
    width: 158px;
    float: right;
}

#droite_haut{
	background-image:url(../img/droite_haut.png);
	background-repeat:no-repeat;
	height:47px;
}

#droite_haut_2009{
	background-image:url(../img/droite_haut_2009.png);
	background-repeat:no-repeat;
	height:47px;
}

#droite_haut_2010{
	background-image:url(../img/droite_haut_2010.png);
	background-repeat:no-repeat;
	height:47px;
}

#droite_milieu{
	background-image:url(../img/droite_milieu.png);
	background-repeat:repeat-y;
	margin-top:-21px;
	padding-top:10px;
}
#droite_bas{
	background-image:url(../img/droite_bas.png);
	background-repeat:no-repeat;
	height:25px;
	margin-top:-21px;
}




#footer {
    padding: 10px;
    text-align: center;
    clear: both;
} 


#gauche li{
	list-style:url(../img/puce.png);
	margin-left:-25px;
	padding-right:10px;
}

#droite li{
	list-style:url(../img/puce.png);
	margin-left:-15px;
	padding-right:10px;
}


.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.clearL{clear:left;}
.clearR{clear:right;}



a:link, a:visited{
	font-family:"Comic sans MS", Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
	color:#871408;
	font-weight:bold;
}
a:active{
	text-decoration:underline;
	font-weight:bold;
}


#gauche a:link, #gauche a:visited, #droite a:link, #droite a:visited{
	text-decoration:none;
}



h1{
	color:#871408;
}

h2{
	margin:0px;
	padding:0px;
	font-size:24px;
	color:#871408;
}

h3{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#871408;
}

h3 a:link, h3 a:visited{
	text-decoration:none;
	color:#861308;
}
h3 a:hover{
	text-decoration:underline;
	color:#000000;
}

h4{
	margin-top:50px;
	margin-bottom:2px;
	font-size:14px;
	color:#871408;
}







#loupe_menu{
	margin-top:10px;
	margin-left:-60px;
}

*+html #loupe_menu{
	margin-left:-35px;
}

#ssmenu{
	margin-left:-20px;
}
*+html #ssmenu{
	margin-left:45px;
}

#marmotte_menu{
	margin-left:-80px;
}

*+html #marmotte_menu{
	margin-left:-55px;
	margin-bottom:10px;
}

#center{
	text-align:center;
}

#texte{
	float:left;
	width:100%;
	text-align:justify;
}

#texte_gauche{
	float:left;
}



#texte_droite{
	background-image:url(../img/filet_station.png);
	background-repeat:repeat-y;
	float:right;
	text-align: center;
	width:200px;
	margin-left:20px;
	margin-bottom:10px;
}

#accueil_affiche{
	float:right;
	text-align: center;
	width:250px;
	margin-left:20px;
	margin-bottom:10px;
}


#photo_station{
	padding-bottom:15px;
}


#station_li{
	list-style:url(../img/puce-station.png);
	padding-left:10px;
	margin-bottom:10px;
	padding-top:-5px;
}


/************** Inscription ***************/

#inscription td{
	padding:10px 5px;
}

.mm{
	display:none;
}

/************************************************************** ACCUEIL **************************************************************/

#bloc{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.blocL{
	float:left;
	margin:5px 20px 10px 0px;
}
.blocR{
	float:right;
	margin:5px 0px 10px 20px;
}

#right{
	float:right;
	margin:5px 0px 5px 20px;
}
#left{
	float:left;
	margin:5px 20px 10px 0px;
}

.left{
	float:left;
}

#bloc_partenaires_2010{
	margin:auto;
	width:600px;
	text-align:center;
}

#bloc_partenaires{
	margin:auto;
	width:660px;
	text-align:center;
}


/************************************************************** CALENDRIER **************************************************************/



#case{
	background-color:#871408;
	/*width:14%;*/
	color:#FFFFFF;
	/*width:119px;
	height:99px;*/
	vertical-align:top;
	height:50px;
}
#casevide{
	
}

#texte_date{
	border: solid 1px white;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#texte_date a:link, #texte_date a:visited{
	font-size:12px;
	color:white;
	font-weight:normal;
}
#texte_date a:hover{
	font-size:12px;
	font-weight:normal;
	color:#D7E67F;
}

.date{
	color:white;
	font-size:18px;
}



#mois{
	margin-top:-64px;
	position:absolute;
	right:28px;
}

*+html #mois{
	margin-top:-83px;
}

#mois_espace{
	float:left;
	margin:Opx;
}
#mois_fleche_G{
	float:left;
	margin: 14px 10px 0px 10px;
}
#mois_nom{
	float:left;
}
#mois_fleche_D{
	float:left;
	margin: 14px 30px 0px 10px;
}





/* Titre header */

#header_titre_calendrier_fr {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/calendrier.jpg);
	background-repeat:no-repeat;
}


.PB10{
	padding-bottom:10px;
}





/* CENTRE CALENDRIER */

#centre_calendrier{
	padding-top:25px;
    margin-left: 10px;
    margin-right: 10px;
}



#centre_hg_calendrier {
	background-image: url(../img/coin_hg_calendrier.png);
	float:left;
	margin-left:14px;
	height:64px;
	width: 22px;
}
#centre_hc_calendrier{
	background-image:url(../img/centre_hc_calendrier.png);
	background-repeat:repeat-x;
	height:64px;
	margin:0px 373px 0px 36px;	
}
#centre_hd_calendrier {
	background-image: url(../img/centre_hd_calendrier.png);
	float: right;
	margin-right:18px;
	height:64px;
	width:344px;
}

/**/

#centre_fondmg_calendrier{
	margin: 0px 0px 0px 32px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_mg_calendrier.png);
    background-repeat: repeat-y;
    width: 100%;
	border: solid 0px red;
}
*+html #centre_fondmg_calendrier{
	width:auto;
	margin: 0px -32px 0px 32px;
}
#centre_fondmd_calendrier{
	margin: 0px 0px 0px -18px;
    padding: 0px 0px 0px 0px;
    background-image:url(../img/centre_md_calendrier.png);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
}
*+html #centre_fondmd_calendrier{
	width:auto;
	margin: 0px 18px 0px -18px;
}
#centre_mc_calendrier {
	/*background-image: url(../img/centre_mc.png);
	background-repeat:repeat;*/
	margin:0px 54px 0px 22px;
}

/**/

#centre_bd_calendrier, #centre_bg_calendrier {
	height: 22px;
	width: 22px;
}

#centre_bg_calendrier {
	background-image: url(../img/centre_bg_calendrier.png);
	float:left;
	margin-left:14px;
}
#centre_bc_calendrier{
	background-image:url(../img/centre_bc_calendrier.png);
	background-repeat:repeat-x;
	height:22px;
	margin:0px 40px 0px 36px;	
}
#centre_bd_calendrier {
	background-image: url(../img/centre_bd_calendrier.png);
	float: right;
	margin-right:18px;
}


/*=================================================== BILAN ======================================================================================================*/
#bilan_img{
	width:100%;
}
#bilan_blocimg{
	margin:20px;
	float:left;
	height:133px;
}


/************************************************************** LISTE STATIONS **************************************************************/

#bloc_liste{
	float:left;
	width:257px;
	margin-bottom:20px;
}

#index #bloc_liste a:link, #index #bloc_liste a:visited{
	text-decoration:none;
}


.alignLeft{
	text-align:left;
}


/************************************************************** INSCRIPTIONS **************************************************************/

#cadre_tlchg{
	border:2px solid #7C0E05;
	padding:20px;
	width:500px; 
	margin:auto;
}

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


.center{text-align:center;}

.W660{width:660px;}

.MR30{margin-right:30px;}

.TAJ{text-align:justify;}


