body
{
	background: url('../images/alubrosse.jpg');
	font: normal 9 pt Century Gothic;
	color: #000044;
	text-decoration: none;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #1fc4f0; } 

.image a:link
{
	color: #000000;
	text-decoration: none;
}

.image a:visited
{
	color: #000000;
	text-decoration: none;
}

.image a:hover
{
	color: #000000;
	text-decoration: none;
}

h1
{
	font: bold 12pt arial,helvetica;
	color: #000044;
	text-align: center;
	vertical-align: middle;
}

dl, dt, dd, ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.footmenu li
{
	float :left ;
}

.footmenu
{
	list-style:none;
	text-align:center;
	border-top:#1fc4f0 solid 2px;
	border-bottom:#1fc4f0 solid 2px;
	background-color:#FFFFFF;
	width:100%;
	height:70px;
	margin:0px;
}

.footmenu li a 
{
	display:block;
	width:100%;
	border-left:#1fc4f0 solid 1px;
 	line-height:45px;
 	color:#000000;
 	font-size:12px;
 	font-weight:bold;
 	text-decoration:none;
 	font-family:font: Century Gothic;
 	text-align:center;
 	margin-top:8px;
 	margin-left:14px;
 	margin-right:14px;
 	cursor:pointer; 
}

.footmenu li a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
	border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color:#1fc4f0;
}

.footmenu li.current a
{
	color:#FFFFFF;
	background-color:#1fc4f0;
	border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

span.article
{
	font: normal 10pt Century Gothic;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 0px;
	left: 0px;
}

span.right
{
	font: normal 10pt Century Gothic;
	text-align: center;
	vertical-align: middle;
	position: relative;
	left: 720px;
	top: -180px;
}

span.foot
{
	position: relative;
	bottom: 0px;
	left: 0px;
}

table
{
	border-width: 0px;
}

table.argent
{
	border: 1px #000000 solid;
	background-color: #EEEEEE;
	text-align: centert;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

table.classic
{
	font: normal 11pt Century Gothic;
	background-color: #FFFFFF;
	border: 0px;
	text-align: center;
	vertical-align: top;
}

table.rondclassic
{
	font: normal 11pt Minion Pro;
	background-color: #FFFFFF;
	border: 0px;
	text-align: center;
	vertical-align: top;
	border-radius: 10px 10px 10px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

table.hautclassic
{
	font: normal 11pt Minion Pro;
	background-color: #FFFFFF;
	border: 0px;
	text-align: center;
	vertical-align: top;
	border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.basclassic
{
	font: normal 11pt Minion Pro;
	background-color: #FFFFFF;
	border: 0px;
	text-align: center;
	vertical-align: top;
	border-radius: 0 0 10px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


table.entete
{
	font: normal 11pt Century Gothic;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

table.calendrier
{
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

td
{
	font: normal 11pt arial,helvetica;
	vertical-align: top;
	color: #000000;
}

td.dargent
{
	font: normal 11pt Century Gothic;
	border-right: solid 1px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

td.gargent
{
	font: normal 11pt Century Gothic;
	border-left: solid 1px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

td.petit
{
	font: normal 9pt Century Gothic;
	text-align: center;
	vertical-align: bottom;
	color: #000000;
}

td.petitleft
{
	font: normal 9pt Century Gothic;
	text-align: left;
	vertical-align: bottom;
	color: #000000;
}

td.article
{
	font: normal 11pt Century Gothic;
	text-align: justify;
	vertical-align: top;
	color: #000000;
}

td.comment
{
	font: normal 9pt Century Gothic;
	text-align: justify;
	color: #000000;
}
td.auteurcomment
{
	font: normal 9pt Century Gothic;
	text-align: right;
	color: #000000;
}

td.paru
{
	font: normal 9pt Century Gothic;
	text-align: right;
	color: #1fc4f0;
}

td.jourart
{
	font: normal 10pt Century Gothic;
	text-align: right;
	color: #1fc4f0;
}

td.moisart
{
	font: normal 10pt Century Gothic;
	text-align: right;
	color: #000000;
}

td.anneeart
{
	font: normal 14pt Century Gothic;
	text-align: center;
	color: #1fc4f0;
}

td.titre
{
	font: normal 16pt Century Gothic;
	vertical-align: middle;
	text-align: center;
	color : #000000;
}

td.titrer
{
	font: normal 10pt Century Gothic;
	vertical-align: middle;
	text-align: right;
	color : #1fc4f0;
}

td.titrel
{
	font: normal 10pt Century Gothic;
	vertical-align: middle;
	text-align: left;
	color : #1fc4f0;
}

td.accueil
{
	font: normal 10pt Century Gothic;
	vertical-align: middle;
	text-align: justify;
	color: #000000;
}

td.center
{
	font: normal 11pt Century Gothic;
	text-align: center;
	vertical-align: top;
	color : #1fc4f0;
}

td.centern
{
	font: normal 11pt Century Gothic;
	text-align: center;
	vertical-align: top;
	color : #000000;
}

td.compte
{
	font: normal 9pt Century Gothic;
	text-align: center;
	vertical-align: top;
	color : #000000;
}

td.compteur
{
	font: normal 10pt Century Gothic;
	text-align: center;
	vertical-align: middle;
	color : #000000;
}

td.entete
{
	font: normal 13pt Century Gothic;
	text-align: center;
	vertical-align: middle;
	color : #000000;
}

td.centeritalic
{
	font: italic 9pt Century Gothic;
	text-align: center;
	vertical-align: top;
	color : #000000;
}

td.centerf
{
	font: normal 11pt Century Gothic;
	text-align: center;
	vertical-align: middle;
	color : #000000;
}

td.centerr
{
	font: normal 11pt Century Gothic;
	vertical-align: middle;
	text-align: center;
	color : #8B0000;
}

td.rightn
{
	font: normal 11pt Century Gothic;
	vertical-align: middle;
	text-align: right;
	color : #000000;
}

td.leftn
{
	font: normal 11pt Century Gothic;
	vertical-align: middle;
	text-align: left;
	color : #000000;
}

td.lefttop
{
	font: normal 11pt Century Gothic;
	vertical-align: top;
	text-align: left;
	color : #000000;
}

td.leftmail
{
	font: normal 8pt Century Gothic;
	vertical-align: middle;
	text-align: left;
	color : #000000;
}

td.right
{
	font: normal 11pt Century Gothic;
	vertical-align: middle;
	text-align: right;
	color : #65760C;
}

td.mois
{
	font: bold 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #1fc4f0;
	text-align: center;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 5px 5px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;


}

td.moiscours
{
	font: bold 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #1fc4f0;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 30px;

}

td.semaine
{
	font: bold 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #1fc4f0;
	text-align: center;
	vertical-align: middle;
	width: 30px;
	height: 30px;


}

td.grille
{
	font: normal 9pt Century Gothic;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

td.grillecours
{
	font: normal 9pt Century Gothic;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 30px;
}

td.passe
{
	font: normal 9pt Century Gothic;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

td.jouragenda
{
	font: bold 9pt Century Gothic;
	color: #000000;
	background-color: #a8ecfe;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 30px;
	border-radius: 5px 5px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}

td.jouragendarose
{
	font: bold 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #1fc4f0;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 30px;
	border-radius: 5px 5px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}

td.agenda
{
	font: normal 9pt Century Gothic;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 30px;
}
 
 td.agendav
{
	font: normal 9pt Century Gothic;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 30px;
}
 
td.jour
{
	font: normal 8pt Century Gothic;
	color: #000000;
	background-color: #a8ecfe;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

td.heure
{
	font: bold 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #1fc4f0;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: middle;
	width: 30px;
	height: 30px;


}
td.evenement
{
	font: normal 8pt Century Gothic;
	color: #000000;
	background-color: #1fc4f0;
	border: 1px #1fc4f0 solid;
	text-align: center;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

fieldset.rond
{
  font: normal 11pt Century Gothic;
  border-color: #1fc4f0;
  color: #000000;
  text-align: left;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.rondrose
{
  font: normal 11pt Century Gothic;
  border-color: #1fc4f0;
  background-color: #a8ecfe;
  color: #000000;
  text-align: left;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.saint
{
  font: normal 9pt Century Gothic;
  border-color: #65760C;
  background-color: #DDFFB9;
  color: #000000;
  text-align: center;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.serre
{
  font: normal 9pt Century Gothic;
  border-color: #FE9C03;
  background-color: #FCDE8E;
  color: #000000;
  text-align: center;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.vernay
{
  font: normal 9pt Century Gothic;
  border-color: #853894;
  background-color: #EFA0FF;
  color: #000000;
  text-align: center;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.court
{
  font: normal 11pt Century Gothic;
  border-color: #1fc4f0;
  color: #000000;
  text-align: center;
  width: 260px;
  height: 110px;
  border-radius: 5px;
  border-radius: 5px;
}

fieldset.trescourt
{
  font: normal 11pt Century Gothic;
  border-color: #1fc4f0;
  color: #000000;
  text-align: center;
  width: 200px;
  height: 80px;
  border-radius: 5px;
}

legend
{
	font: bold 11pt Century Gothic;
	color: #000000;
}

textarea
{
	font: italic 10pt arial,helvetica;
	color: #000000;
}

img
{
	border: 0;
	vertical-align: middle;
}

div.foot
{
	font: normal 9pt arial,helvetica;
	color: #000000;
	position: fixed;
	top: 5px;
	right: 5px;
}

input.valide
{
	font: normal 9pt Century Gothic;
	color: #FFFFFF;
	background-color: #0597eb;
	border: 1px #0597eb solid;
	text-align: center;
  	border-radius: 4px;
}

.tstaff
{
	font: normal 9pt Century Gothic;
	color: #000000;
}

.staff
{
	position: relative;
	z-index: 0;
}

.staff:hover
{
	background: url('../images/grey-trans.gif') repeat;
	z-index: 999;
}

.staff span
{
	font: normal 9pt Century Gothic;
	position: absolute;
	background: url('../images/grey-trans.gif') repeat;
	border: solid thin ;
  border-color: #1fc4f0;
  border-radius: 4px;
  border-radius: 4px;
	visibility: hidden;
}

.staff span img
{
	border: 0px;
}

.staff:hover span
{
	visibility: visible;
	top: 60%;
	left: 70%;
	width: 100%px
}

#carousel
{
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 2px solid #999;
}

#carousel ul
{
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}

#carousel li
{
	display: inline;
	float: left;
}

.textholder
{
	text-align: justify;
	font-size: small;
	padding: 6px;
	border-radius: 6px 6px 0 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

table.carte
{
	font : normal 9pt Century Gothic;
  	color: #000000;
  	background: url('../images/carte_bonbons.jpg') no-repeat top center;
  	height: 184 px;
  	width: 300 px;
}

tr.carte1
{
	height : 37px;
}

tr.carte2
{
	height : 49px;
}

tr.carte3
{
	height : 51px;
}

div.bulle 
{
 	font : normal 9pt Century Gothic;
  color: #000000;
  background: url('../images/grey-trans.gif') repeat;
	position: absolu;
	z-index: 50;
	margin-left: 2em;
	margin-top: -5em;
  border: solid thin ;
  border-color: #1fc4f0;
  border-radius: 6px;
  border-radius: 6px;
}

div.bulle p 
{
	margin: 0;
	padding: 0 3px;
}

.bbcode_block
{
	position:absolute;
	font: normal 9pt Century Gothic;
	color: #b4b4b4;
	text-align:center;
	bottom:28px; 
}

.bbcode_hover
{
	cursor:pointer;
}

.content{
	position:relative;
}
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:20px auto;
    width: 1020px;
}
.ca-menu li{
    width: 230px;
    height: 230px;
    border: 10px solid #f6f6f6;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: #fff;
    margin-right: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #f6f6f6;;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-main{
    font-size: 24px;
    position: absolute;
    top: 110px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
}
.ca-sub{
    text-align:center;
    color: #000;
    font-size: 26px;
    position: absolute;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    top: 110px;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:hover{
    background: #f7f7f7;
    border-color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.ca-menu li:hover .ca-icon{
    color: #555;
    font-size: 60px;
}
.ca-menu li:hover .ca-main{
    display: none;
}
.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}