/* CSS Document */
body {
	min-height: 645px;
	_height: 645px;
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #483D3D;
	text-align : justify;
}

img {border: 0;}
a { text-decoration: underline;  color: #685D4D;}
a:hover { text-decoration: none; }

.center { text-align: center; }
.left {float:left;}
.aLeft {text-align: left;}
.right {float: right;}
.aRight {text-align: right;}
.inLine {display:inline;}
.bigText{ font-size:16px;}
.clear { clear: both; }
.bold{ font-weight:bold;}
.smallSpacer { padding-top: 4px;}
.mediumSpacer { padding-top: 14px;}
.spacer { padding-top: 20px;}
.smallText{font-size:10px;}
.bigText{font-size:16px;}


textarea{ border: #000000 solid 1px;}
.input{ border: #000000 solid 1px;}

.button{
	background-color:#F29000;
	border: #F29000 solid 1px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	min-width: 155px;
	min-height: 20px;
	_height: 20px !important;
}

.buttonRose{
	background-color:#EA6BA5;
	border: #EA6BA5 solid 1px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	min-width: 155px;
	min-height: 20px;
	_height: 20px !important;
}

.buttonGreen{
	background-color:#B1CA00;
	border: #B1CA00 solid 1px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	min-width: 155px;
	min-height: 20px;
	_height: 20px !important;
}

#header {
	height: 122px;
	_height: 122px !important;
	background: url(../pics/menu.gif) no-repeat;
	background-position: 267px top;
}

#conteneur {
	position: relative;
	width: 975px;
	margin: 0 auto; 
	background: url(../pics/border-left.gif) no-repeat left top;
}

#droite{
	position: absolute;
	right:0;
	top:0;
	width: 253px;
	height: 500px;
	_height: 500px !important;
	text-align:center;
	font-size:18px;
	color:#F29000;
	background: url(../pics/border-right.gif) no-repeat right top;
}

#droite div{
	padding-left: 25px;
}

#conception{
	height: 20px;
	_height: 20px !important;
	right:0;
	position:absolute;
	bottom:0;
}

#title{
	background: url(../pics/barTitle.gif) no-repeat left top;
	margin-left: 247px;
	margin-right: 150px;
	height:25px;
	_height: 25px !important;
	padding-left: 23px;
	padding-top:3px;
}

#title a{
	text-decoration:none;
	color: #FFFFFF;
	position:static;
	z-index:5;
}

#title a:hover{
	text-decoration:underline;
}

#title.Bleu1{
	background: url(../pics/barTitleBleu1.gif) no-repeat left top;
}

#title.Bleu2{
	background: url(../pics/barTitleBleu2.gif) no-repeat left top;
}

#title.Bleu3{
	background: url(../pics/barTitleBleu3.gif) no-repeat left top;
}

#title.Green1{
	background: url(../pics/barTitleGreen1.gif) no-repeat left top;
}

#title.Green2{
	background: url(../pics/barTitleGreen2.gif) no-repeat left top;
}

#title.Green3{
	background: url(../pics/barTitleGreen3.gif) no-repeat left top;
}

#title.Rose1{
	background: url(../pics/barTitleRose1.gif) no-repeat left top;
}

#title.Rose2{
	background: url(../pics/barTitleRose2.gif) no-repeat left top;
}

#title.Rose3{
	background: url(../pics/barTitleRose3.gif) no-repeat left top;
}

#pageContent{
	padding-left: 230px;
	padding-right: 210px;
	padding-top: 25px;
	padding-bottom: 55px;
	min-height: 470px;
	_height: 470px !important;
	background: url(../pics/border-bottom.gif) no-repeat left bottom;
	font-size:12px;
}

#pageContent h3{
	font-size:24px;
	color:#F29000;
	border-bottom: #F29000 solid 2px;
	width: 550px;
}

#pageContent h2{
	font-size:18px;
	color:#F29000;
}

#pageContent h1{
	font-size:14px;
	color:#F29000;
}

#pageContent li{
	list-style-type:none;
	padding-left:10px;
	background: url(../pics/puce-orange.gif) no-repeat;
	background-position: left 4px;
	padding-bottom:5px;
}

#pageContentBleu{
	padding-left: 215px;
	padding-right: 230px;
	padding-top: 25px;
	padding-bottom: 80px;
	
	min-height: 470px;
	_height: 470px;
	background: url(../pics/border-bottom.gif) no-repeat left bottom;
	font-size:12px;
}

#pageContentBleu h3{
	font-size:24px;
	color:#009DAB;
	border-bottom: #009DAB solid 2px;
	width: 550px;
}

#pageContentBleu h2{
	font-size:18px;
	color:#009DAB;
}

#pageContentBleu h1{
	font-size:14px;
	color:#009DAB;
}

#pageContentBleu li{
	list-style-type:none;
	padding-left:10px;
	background: url(../pics/puce-blue.gif) no-repeat;
	background-position: left 4px;
	padding-bottom:5px;
}

#pageContentGreen{
	padding-left: 215px;
	padding-right: 230px;
	padding-top: 25px;
	padding-bottom: 80px;
	min-height: 470px;
	_height: 470px;
	background: url(../pics/border-bottom.gif) no-repeat left bottom;
	font-size:12px;
}

#pageContentGreen h3{
	font-size:24px;
	color:#B1CA00;
	border-bottom: #B1CA00 solid 2px;
	width: 550px;
}

#pageContentGreen h2{
	font-size:18px;
	color:#B1CA00;
}

#pageContentGreen h1{
	font-size:14px;
	color:#B1CA00;
	
}

#pageContentGreen li{
	list-style-type:none;
	padding-left:10px;
	background: url(../pics/puce-green.gif) no-repeat;
	background-position: left 4px;
	padding-bottom:5px;
}

#pageContentRose{
	padding-left: 215px;
	padding-right: 230px;
	padding-top: 25px;
	padding-bottom: 85px;
	min-height: 470px;
	_height: 470px;
	background: url(../pics/border-bottom.gif) no-repeat left bottom;
	font-size:12px;
}

#pageContentRose h3{
	font-size:24px;
	color:#EA6BA5;
	border-bottom: #EA6BA5 solid 2px;
	width: 550px;
}

#pageContentRose h2{
	font-size:18px;
	color:#EA6BA5;
}

#pageContentRose h1{
	font-size:14px;
	color:#EA6BA5;
}

#pageContentRose li{
	list-style-type:none;
	padding-left:10px;
	background: url(../pics/puce-rose.gif) no-repeat;
	background-position: left 4px;
	padding-bottom:5px;
}

#pageContent.popup{
	background:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 560px;
}
#pageContentBleu.popup{
	background:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 560px;
}
#pageContentGreen.popup{
	background:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 560px;
}
#pageContentRose.popup{
	background:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 560px;
}

.item{
	padding-top: 57px;
	padding-left: 303px;
}

.item li{
	margin-left:3px;
	background-position: left 3px;
	list-style-type:none;
	padding-left:13px;
	height:22px;
}

.item li a{
	text-decoration:none;
	color: #FFFFFF;
	font-size:14px;
}

.item li a:hover{
	font-weight:bold;
}

.itemBold{
	background: url(../pics/puce-sup.gif) no-repeat;
	font-weight:bold;
}

#footer{
	text-align:right;
	color: #FFFFFF;
	position: absolute;
	right:210px;
	bottom:0;
	padding-bottom: 23px;
	width:500px;
}

#footer a{
	text-decoration:none;
	color: #FFFFFF;
}

#footer a:hover{
	text-decoration:underline;
}

#droite {
	position: absolute;
	right:0;
	top:0;
	width: 205px;
	height: 500px;
	background: url(../pics/border-right.gif) no-repeat right top;
}

#parentClub{
	text-align:left;
	position: absolute;
	right:0;
	bottom:0;
	padding-bottom: 45px;
}

#parentClub a{
	text-decoration:none;
	color: #898A5E;
	font-weight:bold;
}

#parentClub a:hover{
	text-decoration:underline;
}

#encartActualite{
	background: url(../pics/actualite.gif) no-repeat left top;
	height: 188px; 
	width: 195px;
	color:#FFFFFF;
	padding: 3px 6px 6px 6px;
	top:147px;
	left:249px;
	position:absolute;
}

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

#flashIntro{
	height: 120px;
	weight: 420px;
	top:170px;
	left:490px;
	position:absolute;
}

#Box{
	height: 120px;
	weight: 420px;
	top: 330px;
	left: 250px;
	position: absolute;
}

#Box h1{
	font-size:23px;
	font-weight:bold;
	color: #F29000;
	margin:3px;
}

#carte{
	top: 440px;
	left: 250px;
	position: absolute;
}

#carte h1{
	font-size:23px;
	font-weight:bold;
	color: #F29000;
	margin:3px;
}

.error{
	color:#FF0000;
	font-size:12px;
}

ul{
	left:25px;
}

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

#POPUP .RUBRIQUE {
margin-left:20px;
margin-right:20px;
padding-top:35px;
position:relative;
text-align:left;
width:440px;
}
.RUBRIQUE .colonne {
float:left;
margin-right:10px;
width:275px;
}
.RUBRIQUE .coltitre {
background-color:#7A6EAC;
color:#EAE9E9;
font-size:12px;
font-weight:bold;
padding:3px;
text-align:center;
}
.RUBRIQUE .colonne .list {
background:transparent url(imgs/P-list.gif) no-repeat scroll 0pt 7px;
font-size:11px;
margin-left:5px;
padding:3px 10px;
text-align:left;
}
.RUBRIQUE .colonne a:link, .RUBRIQUE .colonne a:visited, .RUBRIQUE .colonne a:active {
color:#7A6EAC;
text-decoration:none;
}
.RUBRIQUE .colonne a:hover {
color:#767676;
text-decoration:none;
}
.RUBRIQUE .floatright {
background-color:#F6A925;
float:right;
margin-left:15px;
padding:5px;
position:relative;
z-index:1;
}
.text {
font-size:11px;
padding-bottom:10px;
text-align:justify;
}
.sstitre {
border-bottom:1px solid #A6A8AA;
font-size:11px;
font-weight:bold;
line-height:15px;
margin-bottom:10px;
position:relative;
text-align:left;
width:100%;
}
#form {
text-align:left;
}
#form .bloctextform {
display:inline;
float:left;
font-size:11px;
line-height:20px;
padding-right:5px;
text-align:right;
width:120px;
}
#form .bloctexterror {
display:inline;
float:left;
font-size:11px;
line-height:20px;
margin-left:130px;
padding-right:5px;
text-align:left;
color:#FF0000; 
}
#form .bloclistform {
clear:left;
float:left;
font-size:11px;
line-height:20px;
padding-right:5px;
text-align:right;
width:200px;
}
#form .bloclistform2 {
float:left;
font-size:11px;
line-height:20px;
padding-right:5px;
text-align:right;
width:200px;
}
#form .blocvideform {
display:inline;
line-height:20px;
width:143px;
}
#form .blocform {
font-size:11px;
}
#form .bloctitreform {
border-bottom:1px solid #A6A8AA;
font-size:11px;
font-weight:bold;
line-height:15px;
text-align:left;
width:380px;
}