/* CSS Document */

body{
 background-color:#27658b;  
margin:0;
padding:0;
font: 12px white verdana;
}

a:link {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10pt}
a:visited {text-decoration: none; color: #999999; font-family: Verdana; font-size: 10pt}
a:active {text-decoration: none; color: #999999; font-family: Verdana; font-size: 10pt}
a:hover {text-decoration: none; color:  #555; font-size: 10pt; }


#mentions a:link {text-decoration: none; color: white; font-family: Verdana; font-size: 9pt}
#mentions a:visited {text-decoration: none; color: white; font-family: Verdana; font-size: 9pt}
#mentions a:active {text-decoration: none; color: white; font-family: Verdana; font-size: 9pt}
#mentions a:hover {text-decoration: underline; color:  white; font-size: 9pt; }
#mentions p {color:white;font-family: Verdana; font-size: 9pt} 

table.corps{
background-color: #fff;

/* Border-Right: solid 1px #666666;
Border-left: solid 1px #666666;*/
Border-Right: solid 1px #00273e;
Border-left: solid 1px #00273e;

}

table.actu{
border : solid 1px #333333;
font-size: 10px;
}

h1{ 
align: center;
color: white;
Font-Size: 17px;
Font-Weight: bold;
Text-Shadow:Red 10px 5px, Red 5px 5px;
}

h2{ 
align: center;
color: black;
Font-Size: 14px;
Font-Weight: bold;
Text-Shadow:Red 10px 5px, Red 5px 5px;
}

p.corps{
margin-left:10px;
font-size:12px;
}

td.foot{
background-color:#666666;
}
td.colact{
padding-top:5px;
}

.PositionMenu{
	Padding-top:122px;
	Padding-left:244px;
	position: absolute;
	z-index: 1000;
	left: 2px;
	top: -50px;


}

.PositionTitre{
Padding-top:92px;
Padding-left:30px; 
position: absolute;
}
/* ------------------------------------------CSS Header ----------------------------------------------------*/
#Tableau_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}

#charte3-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:694px;
	height:85px;
	background-image: url('../images/charte3_01.jpg');
}

#charte3-02_ {
	position:absolute;
	left:694px;
	top:0px;
	width:86px;
	height:35px;
}

#charte3-03_ {
	position:absolute;
	left:780px;
	top:0px;
	width:244px;
	height:768px;
}

#charte3-04_ {
	position:absolute;
	left:694px;
	top:35px;
	width:4px;
	height:80px;
}

#charte3-05_ {
	position:absolute;
	left:698px;
	top:35px;
	width:82px;
	height:35px;
}

#charte3-06_ {
	position:absolute;
	left:698px;
	top:70px;
	width:82px;
	height:30px;
}

#charte3-07_ {
	position:absolute;
	align:center;
	left:0px;
	top:85px;
	width:276px;
	height:29px;
	background-image: url('../images/charte3_07.jpg');
}

#charte3-08_ {
	position:absolute;
	left:276px;
	top:85px;
	width:418px;
	height:30px;
	background-image: url('../images/charte3_08.jpg');
}

#charte3-09_ {
	position:absolute;
	left:698px;
	top:100px;
	width:82px;
	height:15px;
	background-image: url('../images/charte3_09.jpg');
}

#charte3-10_ {
	position:absolute;
	left:0px;
	top:114px;
	width:276px;
	height:1px;
	background-image: url('../images/charte3_10.jpg');
}

#charte3-11_ {
z-index: 1;
margin:auto 0;
	position:absolute;
	left:0px;
	top:115px;
	width:780px;
	height:40px;
	background-image: url('../images/charte3_11.jpg');
}

#charte3-12_ {
	position:absolute;
	left:0px;
	top:155px;
	width:780px;
	height:368px;
	background-color: white;
	
}
.menu{
background-image: url('../images/charte3_12.jpg');
width:197px;
height:368px;
}
.page{
background-image: url('../images/fondpage.jpg');
width:582px;
border-right: solid 1px #014670;
padding: 7px;
}

#charte3-13_ {
	position:absolute;
	
	left:197px;
	top:155px;
	width:582px;
	height:364px;
	background-image: url('../images/charte3_13.jpg');
}

#charte3-14_ {
	position:absolute;
	left:197px;
	top:519px;
	width:583px;
	height:249px;
}

#charte3-15_ {
	position:absolute;
	left:0px;
	top:523px;
	width:197px;
	height:245px;
}

.foot{
	color: white;
	font-size: 12px;
	background: url('foot.jpg') ;
	width:780px;
	height:15px;
	text-align:center;
}

#PiedMenu{
position:absolute;
	left:26px;
	top:305px;
	width:130px;
	height:50px;
	background-color:white;
	border: solid 2px #333333;
}
/************ Menu ***********************/
#kwickcontainer {
	margin:auto 0;
}
#kwick {
	/*border-bottom: 3px double #333;*/
	margin-left: 207px;
	margin-top: 4px;
	width:572px;
	z-index: 1;
	display: block;
	height:30px;
}
#kwick .kwicks {
	display: block;
	height: 30px;
	margin: 0px;
}
#kwick li {
	float: left;
	height: 30px;
	margin:0;
	padding:0;
	list-style: none;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height:30px;
	width:80px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 0px solid #FFFFFF;
}
#kwick .kwick span {
	display:none;
}
#kwick .opt1 {
	background: url(../images/accueil.jpg) ;
}
#kwick .opt2 {
	background:  url(../images/club.jpg);
}
#kwick .opt3 {
	background:  url(../images/formation.jpg);
}
#kwick .opt4 {
	background:  url(../images/activites.jpg);
}
#kwick .opt5 {
	background:  url(../images/sports.jpg);
}
#kwick .opt6 {
	background:  url(../images/handi.jpg);
	border-right: 0;
}
#kwick .opt7 {
	background:  url(../images/orientation.jpg);
	border-right: 0;
}
/* menu vertical */
/* -------[Menu 2]-------- */

#verticalmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 10px;
}

#verticalmenu h1 {
display: block;
background-color:#add6ff;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #14416f;
margin: 0px;
width:159px;
}

#verticalmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#verticalmenu ul li {
margin: 0px;
padding: 0px;
}
#verticalmenu ul li a {
font-size: 10px;
display: block;
border-bottom: 1px dashed #339999;
padding: 3px 0px 2px 4px;
text-decoration: none;
color: white;
width:160px;
}

#verticalmenu ul li a:hover, #verticalmenu ul li a:focus {
color: #1879b5;
background-color: #eeeeee;
}
/**/
/* CSS du menu horizontal, bieler batiste */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 13px;
}
dl#menu {
width: 15em;
}
dl#menu dt {
font-size: 10px;
display: block;
border-bottom: 1px dashed #339999;
padding: 2px 0px 2px 2px;
text-decoration: none;
color: white;
width:160px;
}
dl#menu dd {

}
dl#menu li {
text-align: left;

margin-left: 10px;
width:130px;
}
dl#menu li a{
color: white;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt a {
color: white;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
color:#14416f;
}

/* forum actu etc... */

.actutete{
background-image: url('../images/fondactu.jpg');
color: white;
font: bold 13px white Verdana;
}
.actucorps{
background-color:white;
color: black;
padding-left: 5px;
text-align:left;
font-size: 11px;
}
.actu{
border: solid 1px yellow;
}

#forumder {
	position:absolute;
	left:5px;
	top:85px;
	width:418px;
	height:30px;
	z-index:11;
	color: white;
}
#forumder a{
	
	color: white;
}
.liensentete{
color:white;
font: bold 13px white verdana; 
background-color:#0d537e;
}