body {
	background-image: url(/images/back.jpg);
	font-family: Arial;
	font-size: 12px;
	color: #332307;
	margin:0px;
	background-color: #89b601;
	background-repeat: repeat-x;
	background-position: center top;
}
a.lienTITREb{

text-decoration:none;
color:#FFFFFF;
font-size: 13px;
}
a.lienTITREb:hover{
	text-decoration:overline underline;
	color:#FFFFFF;
	font-size: 13px;
	}
#TITRE-G {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(images/giettoise-titres_r8_c4.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 13px;
}
#photo {
	border: 1px solid #413826;
	background-color: #FFFFFF;
	padding: 3px;
	margin-right: 5px;
}

#TITRE-CCM {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(images/giettoise-titres_r4_c4.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 13px;
		}
#TITRE-parcours {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(images/giettoise-titres_r6_c4.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 1px;
	margin-bottom: 5px;
	font-size: 13px;
}

#TITRE-divers {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(images/giettoise-titres_r2_c4.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 1px;
	margin-bottom: 5px;
	font-size: 13px;
}
.rebour {
	font-size: 18px;
	font-weight: bold;
	color: #b5cd9c;
}

#pave{width:740px; float:left; margin:5px; }
#pave2{
	width:360px;
	float:left;
	margin:5px;
}
a.SAVOIRPLUS{
color:#332307;
text-decoration:underline;
text-align:right;
font-size:10px;
}
a.SAVOIRPLUS:hover{
color:#ffffff;
text-decoration:underline;


}
#Generale:after {
content: "";
display: block;
clear: both;
}

#Generale {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	
}


div#colonneG{
	float: left;
	width:740px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #990000;*/
	}
	
div#colonneD {
	float:right;
	text-align:left;
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/bandeauV.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 187px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
	height: 100%;

		

	}

#paveMenu {
	height:12px;
	width:740px;
	background-color: #987f62;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	

}


/*------------------------------------------------------------------------------------------------------*/




.small {
	font-size: 10px;
		
}

#menu {
	color: #FFFFFF;
	background-color: #5D4B37;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 22px;
}

a.smallL:hover{
text-decoration:underline overline;
color:#AC1D0C}



.back {
	background-image: url(/images/giettoise-bike-week_r5_c2.jpg);
	background-repeat: repeat-y;
	background-position: lefts;
}
.back2 {
	background-image: url(/images/giettoise-bike-week_r5_c3.jpg);
	background-repeat: repeat-y;
	background-position: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p{
	padding:3px;
}
.grosTX {
	font-size: 33px;
	font-weight: bold;
}
/*
a{
	text-decoration:underline;
	color:#332307
}
a:hover{
	text-decoration:underline overline;
	color:#332307
}*/
.liste {
	list-style-type: none;
}
.liste2 {
	list-style-image: url(/images/puce-orange.jpg);
}

.cadre {
	border: 1px solid #5D4B37;
}
.cadre2 {
width:550px;
}
.trait_V {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AC1D0C;
	border-left-color: #AC1D0C;
}

.titre {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.txtVert {
	color: #8EBF49;
}
.txtRed {
	color: #E8541D;
}
#speBD {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	background-color: #E9531E;
	color: #332307;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#speBDccm {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	background-color: #22A0CC;
	color: #332307;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.txtBlanc {
	color: #FFFFFF;
}

.titreBLANC {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.BLANC {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.ss-titre {
	font-weight: bold;
	color: #332307;
	font-size: 12px;
	background-color: #F8BE20;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ss-titreROUGE {
	font-size: 18px;
	font-weight: bold;
	color: #AC1D0C;
}.backgiettoisebikeweek {
	background-image: url(/images/giettoise-bike-week.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 357px;
}

.gauche{

}
.champs {
	border: 1px solid #5D4B37;
	background-color: #FFFFFF;
}
.jaune{
background-color:#F0B938;
}
#bandeauV {
	background-image: url(images/bandeauV.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 187px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}
.back1 {
	background-image: url(images/back1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
P {
	padding: 8px;
	text-align: justify;
}
.puceRA {
	list-style-image: url(/images/OK_16x16.png);
	line-height: 20px;
	color: #FFFFFF;
	margin-left: 200px;
}
#txt {
	text-align: justify;
	padding: 10px;
	float: right;
	width: 650px;
	margin-left: 60px;
	margin-bottom: 5px;
}
.txt {
	text-align: justify;
	padding: 10px;
	float: right;
	width: 650px;
	margin-left: 60px;
	margin-bottom: 5px;
}

#gauche {
	float: left;
	width: AUTO;
}
#photo-Article {
	float: left;
	width: AUTO;
}
#texte-article {
	float: left;
	height:110px;
	width:440px;
	margin-bottom: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.formu {
	width: 550px;
}
#resume {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;

	padding: 8px;
	margin-bottom: 5px;

}
#Titre-prog {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #332307;
	color: #332307;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #332307;
	margin-top: 10px;
}

#resume2 {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #413826;
	padding: 5px;
	text-transform: uppercase;

}

.backBeige {
background-color: #987F62;
	}
.backBleu {
background-color: #22A0CC;
	}
.backOrange {
	background-color: #E8541D;
	}
.backJaune {
	background-color: #F0B938;
	}	
.TXTbleu {
	color: #22A0CC;
}
.TXTjaune {
	color: #F0B938;
}	

#container {
	width:80em;
	margin: 0 auto;
	padding: 0;
	background-image: url(/images/bandeauV.jpg);
	background-repeat: no-repeat;
	background-position: right 310px;
	display: block;

	
}
#banner {
	margin: 0;
	padding: 0;	
}

#content {
	padding: 0;
	margin-top: 0;
	margin-right: 15em;
	margin-bottom: 0em;
	margin-left: 0em;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	display: block;
	width:760px;
}
/* firefox*/
#content:after {
content: "";
display: block;
clear: both;
}

#mainnavi {
	margin: 0;
	padding: 0;
	width:80em;
	height:2em;
	background-color: #987f62;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3F3921;
	border-bottom-color: #433727;
	display: block;
	
}
#mainnavi:after {
content: "";
display: block;
clear: both;
}
/*
#mainnavi p{
	margin-left: 15em;
	padding: 0 10px;
}*/

#right {
	float: right;
	width: 16em;
	margin: 0;
	padding: 0;
	color:#ffffff;
}


/* -----------footer--------------------------- */
#footer {
	padding: 0;
	width:80em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:center;
	font-size: 10px;
}
#footer a {
	color:#332307;
	text-decoration:underline;
}
#footer a:hover {
	color:#332307;
	text-decoration:none;
}


.dateblock {
	text-align: center;
	font-family: Arial;
	padding: 4;
	color: #94cd5c;
			}
			.day {
	font-size: 120px;
	position: relative;
			}
			.month {
	font-size: 20px;
			}
			.year {
				font-size: 14px;
			}

/*-------------------------------------------------------------*/
/* CSS Document */

#PaveARTICLE{
	width:650px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #433727;
	background-color: #FFFFFF;
}
.text_central{
	margin-top:5px;
	margin-left:11px;
	padding:0px;
	width:600px;
	background-image:url(/images/flecha_gris.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
div.text_central h1{
	margin:0px 0px 0px 18px;
	padding:4px 0px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#433727;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
	


div.text_central  a.lien{
	margin:0px;
	padding:0px;
	color:#EA8C1B;
	text-decoration:none;
	font-weight: bold;
	}

#dateARTICLE{
	margin:0px;
	margin-left:13px;
	padding:0px;
	}
	#calendrier{
	margin-top:6px;
	padding:0px;
	width:52px;
	height:68px;
	background-image:url(/images/fondo_calendario.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 21px;
	}
#fleche-calendrier{
	margin:0px;
	margin-top:8px;
	margin-left:13px;
	padding:0px;
	width:30px;
	height:33px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#EA8C1B;
	text-decoration:none;
	line-height:12px;
	text-align:center;
	}
#annee_calendrier{
	margin:0px;
	margin-top:4px;
	margin-left:11px;
	padding:0px;
	width:30px;
	height:20px;
	font-family:Verdana;
	font-size:.8em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:12px;
	text-align:center;
	}

#descriptif{
	margin-top:8px;
	padding:0px;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	width:500px
	}
	
#boxHebergement {
	float:left;
	width:300px;
	margin-top: 0;
	padding:5px;
	margin-right: 5px;
	margin-left: 0;
	text-align: center;
	border: 1px dotted #FFFFFF;
	background-color: #FFCC00;
}
	/*------------------------------------------------------*/


#box_1 {
	float:left;
	width:300px;
	margin-top: 0;
	padding:5px;
	margin-right: 5px;
	margin-left: 0;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
}

#box_2 {
	float:left;
	width:170px;
	margin-top: 0;
	padding:5px;
	margin-right: 5px;
	margin-bottom: 2em;
	margin-left: 0;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	text-align: center;
	height:125px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;	
}
#box_2-desc {
	float:left;
	width:400px;
	margin-top: 0;
	padding:5px;
	margin-right: 5px;
	margin-bottom: 2em;
	margin-left: 0;
	text-align: left;
	height:125px;
	padding:5px;

}
 a {
	color:#FFFFFF;
	text-decoration:underline;}
a:hover {
color:#332307;
text-decoration:none
}

.titre13px{
font-size:13px;
}

#box_2  img{
	border: 5px solid #FFFFFF;
}

/* ALBUMS */
.thumbnail{
	width:200px; 
	height:200px;
	float:left;
	padding:0;
	margin:0;
}
.mini_thumbnail{
	width:105px; 
	height:100px;
	float:left;
	padding:0;
	margin:0;
}
img.contour{
	border:1px solid #CCCCCC;
	margin-right:2px;
}	
.explication{
	float:left; 
	width:650px; 
	padding-top:15px;
}
.back_album {
	text-align: left;
	height: 160px;
	width: 165px;
	background-color: transparent;
	background-image: url(/images/pictos/back-album.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding:9px 0 0 6px;
}
.back-photo {
	text-align: left;
	height: 160px;
	width: 160px;
	background-color: transparent;
	background-image: url(/images/pictos/back-photo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding:1px 0 0 1px;
}
.legende{
	font-weight:bold;
	text-align:left;
	padding-left:15px;
}
h2.year{
	width:600px;
	float:left;
	border-bottom:#332307 1px double;
	color: #332307;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 20px;
	border-top:1px double #332307;
	margin-top: 10px;
}
h2.year2{
	width:700px;
	float:left;
	border-bottom:#332307 1px double;
	color: #332307;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 20px;
	border-top:1px double #332307;
	margin-top: 10px;
	margin-left:20px;
}
h2.titre_album{
	width:630px;
	float:left;
	border-bottom:#332307 1px double;
	color: #332307;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 20px;
	border-top:1px double #332307;
	margin-top: 10px;
}
.desc_album{
	width:650px;
	margin-bottom:20px;
}
.retour_album{
	width:650px; 
	padding-right:15px;
}	
h3.titre_video{
	width:650px;
	float:left;
	border-bottom:#FFFFFF 1px double;
	font-size: 12px;
	border-top:1px double #FFFFFF;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 5px;
}
.format_video{
	float:left; 
	width:650px;
}
.format_video-g{
	float:left; 
	width:320px;
}
.format_video-d{
	float:right; 
	width:320px;
}

.TXT-MARRON {
	color: #332307;
}
/* Evenements */
	.post {
		padding-bottom:10px;
		width:650px;
		float:left;
	}
	/* Présentation de la date dans évènements */
	.date { /* date & author */
		color :#FFF;
		float:left;
		line-height:2.3em;
		margin:0 10px 5px 0;
		padding-right:0;
		border-right:1px solid silver;
		font-size:.8em;
		text-align:center;
		right:0;
	}
	
	.date_day {
		display:block;
		font-size:3em;
		text-align:right;
	}
	
	.date_month {
		display:block;
		font-size:3em;
		text-align:right;
		font-weight:bold;
	}
	
	.date_year {
		display:block;
		font-size:1.4em;
		line-height:.9em;
	}
	/* Présentation du chapo de chaque post  */
	.chapo_event, .chapo_content {
		width:600px;
		float:left;
		margin:0;
		text-align:justify;
		padding:0;
		margin:0;
	}
	.chapo_event h1, .chapo_content h1 {
		font-size:2em;
		margin:10px 0 0 0;
		padding:0;
	}
	.post h2 {
		font-size:1em;
		margin:0;
		padding:20px 0 0 0;
		
	}
	/*.post img{
		border:1px solid #EEE;
		padding:2px;
	}*/
	.chapo_event p{
		margin:0 0 1em 0;
		padding:0;
		color:#FFFFFF;
		text-align:justify;
	}
	.auteur_event{
		float:left; 
		width:600px; 
		padding:2px 0 5px 0; 
		color:#000;
	}
	.auteur_event a, .auteur_event a:visited{
		border: 0;
		font-size:12px;
		color:#332307;
		font-weight:bold;
		text-decoration:none;
	}
	.auteur_event a:hover{
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
	}
	.auteur_event h4 {
		font-size:1.1em;
		margin:0;
		padding:0;
		color:#000000;
		font-weight:bold;
	}
/* Fin Evenements */
fieldset#inscription table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
fieldset#inscription h2{
	font-size:15px;
}
fieldset#inscription h3{
	font-size:13px;
}
.choix{
	font-size:12px;
}

.form_ident{
	widht:500px;
	padding-top:15px;
}
fieldset{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
legend{
	color:#FFF;
	font-style:italic;
	font-size:11px;
	padding:0 10px;
}

