/* EL GALET - 16/07/07 */
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #A21919;
}

img { border: 0; }
a { color: #000; }
a:hover { text-decoration: none; }
#bottom a { color: #D7D20F; font-size: 10px; }
.clear { clear: both; }
.mini { font-size: 9px; }
.petit { font-size: 10px; }
.moyen { font-size: 12px; }
.jaune { color: #F6DB0C; }
.bold { font-weight: bold; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.grand { font-size: 12px; }
strong em { text-decoration:underline; font-style: normal; }
.backOrange { background: #D35D0E;  }
.btn { background: #E7A56D; margin: 7px 0; }
.fleft { float: left; }
.fright { float: right; }

/* Galerie photo */
.present { display: block; padding: 6px; }
.title { 
	display: block; 
	height: 25px; 
	line-height: 25px;
	background: #C3B90F; 
	text-transform: uppercase; 
	color: #000; 
	font-size: 14px; 
	text-align:center; 
	font-weight: bold; 
}
.paginat { position: relative; background: #DE4218; height: 16px; line-height:16px; color: #FDF51A; }
.paginat a { color: #FDF51A; text-decoration: none; }
.absolut2 a { text-decoration: underline; }
.absolut1, .absolut2, .absolut3 { position: absolute; }
.absolut1 { left: 5px; color: #DE4218; }
.absolut2 { left: 50%; width: 150px; margin-left: -75px; }
.absolut3 { right: 5px; color: #DE4218; }
.galerie {
	position: relative;
	width: 227px;
	float: left;
	margin-right: 10px !important;
	margin-right: 2px;
	margin-top: 15px;
}
.nomargeR { margin-right: 0 !important; }
.galerieImg {
	position: relative;
	width: 227px;
	background: #A21919;
	text-align: center;
}
.galerieImg img { margin: 0; }
.galerieLink {
	position: relative;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
}
.galerieLink a {
	text-decoration: none;
	color: #FFF;
}
.galerieLink a:hover { text-decoration: underline; }
.galerieTitre { font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline; padding-left: 5px; }
#galerieGd {
	float: right;
	text-align: right;
}
#galerieGd img { margin-bottom: 35px; margin-left: 15px; }
#GalerieComment {
	color: #fff;
	font-size: 11px;
	margin-top: 10px;
}
#GalerieComment p { padding: 5px; }
.margeTop { margin-top: 20px; }
.margeTop2 { margin-top: 10px; }
/* Fin Galerie */


#menu, #centre, #bottom {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/* Actualités 5 images+texte */
.article { width: 800px; margin: 0px auto 30px auto; }
.articleTxt { position: relative; left: 5px; width: 660px; }
.articleTxt p { position: relative; margin: 10px; padding: 0; font-size: 11px; }


/* MENU (haut du site) */
#menu { 
	background: #C3B90F; 
	height: 50px;
}
#m00, #m01, #m02, #m03, #m04 {
	position: relative;
	display: block;
	height: 35px;
	float: left;
	margin-right: 95px;
}

#m00 { width: 80px; background: url(../images/m00.gif) no-repeat; }
#m01 { width: 100px; background: url(../images/m01.gif) no-repeat; }
#m02 { width: 85px; background: url(../images/m02.gif) no-repeat; }
#m03 { width: 165px; background: url(../images/m03.gif) no-repeat; }
#m04 { width: 145px; background: url(../images/m04.gif) no-repeat; margin: 0; }

#menu a:hover, #page1 #m00, #page1000 #m01, #page2000 #m02, #page3000 #m03, #page4000 #m04 {
	background-position: 0 -35px;
}

/* Date */
#date {
	font-size: 10px;
	color: #76700E;
	margin-top: 2px;
	margin-left: 5px;
}


/* CENTRE */
#centre {
	background: #C13305;
	color: #fff;
}

#TheActusAbsolute {
	position: absolute;
	top: 60px;
	color: #000;
	width: 240px;
	height: 105px;
	right: 38px;
	font-weight: bold;
}
#actu { position:relative;top:0;left:0; }

#edito {
	position: absolute;
	bottom:  0px;
	left: 215px;
	width: 465px;
	height: 90px;
	text-align: center;
	font-weight: bold; 
}

#drapeaux {
	position: absolute;
	bottom: 101px;
	height: 14px;
	left: 400px;
}

#colones {
	position: relative;
	top: 6px;
	background: url(../images/fond.gif) repeat-y left;;
	width: 960px;
}
#gauche {
	position: relative;
	width: 245px;
	float: left;
	padding-bottom: 206px;
	text-align: center;
}
#gauche ul {
	text-align: left;
	list-style: none;
	margin: 15px 10px;
	padding: 0;
}
#gauche li {
	padding-bottom: 10px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
#gauche li.select, #gauche li.select a { color: #fff; }
#gauche li.select a { text-decoration: underline; }
#gauche li a { color: #000; text-decoration: none; }
#droite {
	position: relative;
	width: 702px;
	left: 7px;
	float: left;
}

#actuLeft, #situLeft, #infoLeft { position: relative; float:left; padding-bottom: 240px; }
#actuRight, #situRight, #infoRight { position: relative; left: 5px; float: left; }
#situRight p { width: 330px; }
#infoRight p { width: 800px; }
#situMap { position: relative; float: left; left: 10px; }

/* Infos */
.backEtape { background: url(../images/backEtape.gif) repeat-y; }
.col1, .col2 { position: relative; width: 380px; left: 2px; float: left; padding: 20px 0; }
.col2 { left: 60px; width: 330px; }
.backEtape label { display: block; float: left; width: 90px; margin-left: 50px !important; margin-left: 5px; margin-bottom: 7px; }
.backEtape input, .backEtape select { margin-bottom: 7px; width: 170px; font: 11px verdana; border: 1px solid black; }
.backEtape select { width: auto; }
.backEtape textarea { width: 290px; height: 170px; }
.loi { position: relative; color: #EDB30B; font-style: italic; width: 290px !important; font-size: 10px !important; margin: 0 !important; top: 13px; }

/* BOTTOM */
#bottom {
	text-align: center;
	color: #D7D20F;
	font-weight: bold;
}
#bas {
	position: absolute;
	top: -206px;
	left: 0px;
}