body {
	text-align:center;
	margin: 0;
	background:#DBE3F8;
	font-family:Arial, Helvetica, sans-serif;
}

h3{
	margin-top:0;
	margin-bottom:2px;
}

h3 a
{
	font-size:13px;
	color:#34363B;
}

#container{
	margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	width:760px;
	background:#FFFFFF;
	text-align:left;
	height:auto;
	padding-bottom:3px;
}
*html #container{
	width:761px;
}

#header {
	width:760px;
	height:98px;
	background:url(../images/header2.jpg) left top no-repeat;
}

#header h1, #header h1 a {
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:0.1px;
}
#header h1 a{
	padding-left:730px;
	padding-top:90px;
}
#colG{
  width:267px;
  padding:3px;
  float:left;
}
#colD{
	width:477px;
	float:right;
	padding-left:4px;
	margin-right:3px;
	font-size:11px;
	border-left:1px solid #B0AFAD;
	height:524px;
}
html>body #colD{
	height:auto;
	min-height:524px;
}
#menu{
	width:123px;
	float:left;
	margin-right:4px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu li{
	list-style:none;
	color:#FFFFFF;
	background:url(../images/puce-menu.jpg) no-repeat #BBA37F;
	height:17px;
	padding-left:32px;
	padding-top:3px;
	font-weight:bold;
	font-size:11px;
	margin-bottom:2px;
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}
#recherche{
	width:221px;
	height:31px;
	background:url(../images/loupe.jpg) 8px 7px  no-repeat #B0D4E4;
	border-bottom:2px solid #375C89;
	padding-left:45px;
	padding-top:9px;
	margin-bottom:4px;
}

#recherche .champ{
	border:none;
	width:140px;
	height:20px;
}
#recherche .champ_err{
	border:1px solid #CC3300;
	background-color:#F2DAD9;
	height:17px;
	width:138px;
}

#recherche .submit{
	font-weight:bold;
	color:#FFFFFF;
	background:#375C89;
	font-size:10px;
	border:none;
	height:auto;
	padding:4px;
	
}
#login {
	background:#375C89;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:4px;
	margin-top:4px;
}
#login h2{
	background:url(../images/acces-reseau.jpg) left top no-repeat;
	margin:0;
	padding-left:44px;
	font-size:11px;
	padding-top:15px;
	padding-bottom:16px;
}
#login h2.logged {
	background:url(../images/logged.jpg) left top no-repeat;
	padding-top:12px;
	padding-bottom:13px;
}
#login p{
	margin:4px;
	font-size:10px;
}
#login a{
	font-weight:normal;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:underline;
	padding:4px;
}
#login .champ{
	width:75px;
	border:none;
	haight:15px;
	font-size:10px;
	background:url('../images/form.png') right top no-repeat;
}
#login .champ_err{
	width:73px;
	height:11px;
	font-size:10px;
	border:1px solid #CC3300;
	background-color:#F2DAD9;
}
#login .submit{
	font-weight:bold;
	color:#375C89;
	background:#B0D4E4;
	font-size:10px;
	border:none;
	height:20px;
	width:100%;
	text-align:left;
	height:auto;
	margin:5px 0;
}
#footer {
	background:#B7B7B9;
	height:12px;
	font-size:10px;
	margin:3px;
	margin-bottom:0;
	padding:3px;
}
#footer, #footer a {
	color:#575757;
}
#footer ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	float:left;
	padding-left:15px;
	font-weight:bold;
}
#footer a {
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#annuaire {
	margin-right: 1px;
	border:1px solid #BDB9B6;
	float:right;
	width:136px;
	font-weight:bold;
	color:#676767;
	font-size:10px;
}
#annuaire h2, #agenda h2 {
	color:#FFFFFF;
	background:#375C89;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}
#annuaire p {
	margin:4px;
}
#annuaire p.link{
	text-decoration:underline;
	float:right;
}
#annuaire a{
	color:#676767;
}
#annuaire .champ{
	border:1px solid #333333;
	width:101px;
	font-size:10px;
}
#annuaire .champ_err{
	width:101px;
	border:1px solid #CC3300;
	background-color:#F2DAD9;
	font-size:10px;
}
#annuaire .submit {
	font-weight:bold;
	color:#FFFFFF;
	background:#375C89;
	font-size:10px;
	border:none;
	height:auto;
	padding:1px;
}
#agenda {
	margin-top:4px;
	margin-right: 1px;
	border:1px solid #BDB9B6;
	height:254px;
	font-size:10px;
}
html>body #agenda{
	height:auto;
	min-height:254px;
}
#agenda p {
	margin:4px;
}
#agenda p.link{
	text-decoration:underline;
	float:right;
}
#agenda a{
	color:#676767;
}
#offensiv{
	height:190px;
	background:url(../images/offensiv-pme.jpg) left bottom no-repeat;
	color:#666666;
	font-size:11px;
	padding-left:27px;
	padding-top:100px;
}
#offensiv ul, #offensiv li {
	margin:0;
	padding:0 15px;
	list-style-image:url(../images/puce.gif);
	font-weight:bold;

}
#offensiv li {
	padding:0;
}
#offensiv a{
	color:#666666;
}
#offensiv p {
	margin:2px 0;
}
#offensiv blockquote {
	margin:0;
	padding:2px 20px;
	
}
#annonces {
	width:234px;
	margin-top:4px;
	float:left;
	margin-right:4px;
	color:#676767;
	font-size:11px;
}
#annonces h2{
	color:#333333;
	background:#B0D4E4;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}

#annonceshome {
	width:475px;
	margin-top:4px;
	float:right;
	margin-bottom:0px;
	color:#676767;
	border:1px solid #B0D4E4;
	font-size:11px;
}
#annonceshome h2{
	color:#333333;
	background:#B0D4E4;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}
#annonceshome p {
	margin:4px;
}
#annonceshome p.link{
	float:right;
}
#annonceshome a{
	color:#676767;
	text-decoration:underline;
}
.couleurFondGris
{
	background-color:#666666;
	color:white;
}

#annonces p{
	margin:4px;
	text-align:justify;
}
#docs{
	width:233px;
	margin-top:4px;
	padding-left:4px;
	float:right;
	color:#676767;
	font-size:11px;
	border-left:1px solid #B0AFAD;
}
#docs h2{
	color:#FFFFFF;
	background:#BBA27F;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}
#docs p{
	margin:4px;
	text-align:justify;
}
#docs a{
	color:#676767;
}
#docs img {
	margin:4px;
	border:1px solid #BDB9B6;
}
.spacer{
	clear:both;
}
.floatleft{
	float:left;
}
.floatright {
	float:right;
}
.champ_err{
	border:1px solid #CC3300;
	background-color:#F2DAD9;
}	
.bton_nc {
	background:url(../images/bouton_bg.gif) left top repeat-x;
	font-weight:normal;
	font-size:11px;
	border:1px solid #666666;
}
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
	background-color:#CCCCCC;
}
#colD .champ {
	border:1px solid #CCCCCC;
	font-size:11px;
}
#colD input.champ, #colD textarea.champ{
	width:200px;
}
#colD textarea.champ, #colD textarea.champ_err{
	height:150px;
	overflow:auto;
}
#colD select{
	width:auto;
}
#colD .champ_err, #colD input.champ_err, #colD textarea.champ_err {
	font-size:11px;
	width:200px;
}
.comment {
	color:#666666;
}
.r, .red, .erreur {
	color:#CC3300;
}
.champ {
	background:url(../images/form.png) right top no-repeat;
}
#footfoot{
	width:760px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
}
#footfoot, #footfoot a{
	font-size:9px;
	color:#676767;
}
.child {
	width:15px;
	background:url(../images/enfant.gif) left -4px no-repeat;
}
.child_end {
	width:15px;
	background:url(../images/enfant_end.gif) left -4px no-repeat;
}
.bordered, .bordered td, .bordered th {
	border:1px solid #E7E7E7;
	border-collapse:collapse;
}
.bordered th {
	background:#E7E7E7;
}
.lined, .lined td, .lined th {
	border:none;
	border-collapse:collapse;
}
.lined td {
	padding:5px 0;
}
.lined tr {
	border-bottom:1px solid #E7E7E7;
}
.club {
	margin:5px;
	width:98%;
}
.club h2 {
	margin-top:0;
}
.breadcrumbs {
	font-size:10px;
	margin-bottom:20px;
}
#clubaction{
	width:200px;
	margin-top:20px;
	float:left;
	color:#676767;
	font-size:11px;
	border:1px dashed #B0AFAD;
}
#clubaction h2{
	color:#FFFFFF;
	background:#BBA27F;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}
#clubaction p{
	margin:4px;
	text-align:justify;
}
#clubagenda {
	border:1px solid #BDB9B6;
	float:right;
	width:100%;
	font-weight:bold;
	color:#676767;
	font-size:10px;
	margin-top:20px;
}
#clubagenda h2 {
	color:#FFFFFF;
	background:#375C89;
	text-align:center;
	margin:0;
	padding:3px 0;
	font-size:12px;
	font-weight:normal;
}
#clubagenda p {
	margin:4px;
}
#clubagenda p.link{
	text-decoration:underline;
	float:right;
}
#clubagenda a{
	color:#676767;
}
.footertab{
	margin-top:20px;
}
.autocomplete {
	border:1px solid #E7E7E7;
	color:#666666;
	background:#FFFFFF;
}
.autocomplete ul  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
.autocomplete ul li.focused { 
	background-color: #E7E7E7;
	cursor: pointer;
}
.rogneImg {
	width:100px;
	height:100px;
	margin-right:10px;
	overflow:hidden;
}
#navcal {
	color:#FFFFFF;
	text-decoration:none;
}


.calendarForm {
	margin-left:120px;
	margin-top:-25px;
	float:right;
}
.cssTable {
	width:238px;
	height:194px;
	border:1px solid #CCCCCC;
	background:#E7E7E7;
}


#navcal:hover {
	text-decoration:underline;
}

.cssTitle, .cssTitle b a {
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #CC3300;
	font-weight:bold;
	height:15px; 
	
} 

.cssHeading { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #CC3300; 
    border-top:1px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
} 

.cssDays { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #666666; 
	background-color: #E2E0CB; 
} 

.cssWeeks { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color:#9999CC; 
} 

.cssSaturdays { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #666666; 
	background-color: #D8D6BA; 
} 

.cssSundays { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #666666; 
	background-color: #CDCAA7; 
} 

.cssToday { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #FFFFFF; 
	background-color: #A6C000;
} 

.cssHilight { 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #666666; 
	background-color: #FFE89C; 
	cursor: pointer; 
}

/*MASKSCREEN*/
#maskScreen{
	position:absolute;
	margin:auto;
	z-index:499;
	top:0;
	left:0;
	background:#FFFFFF;
	filter:alpha(opacity=80);  
	-moz-opacity:0.80;
	opacity: 0.80;
	visibility:hidden;
	width:105%;
	height:100%;
}


#divStayTopLeft{
	position:absolute;
	margin:auto;
	z-index:500;
	top:0;
	left:0;
	visibility:hidden;
	width:100%;
	height:100%;
}
#popupLayer{
	position:absolute;
	margin:auto;
	z-index:501;
	top:0;
	left:0;
	width:70%;
	height:65%;
	top:17.5%;
	left:15%;
}
*html #popupLayer{
	position:absolute;
	margin:auto;
	z-index:501;
	top:0;
	left:0;
	width:70%;
	height:65%;
	top:17.5%;
	left:15.8%;
	text-align:center;
}
#popupFrame{
	width:100%;
	height:100%;
}
*html #popupFrame{
	width:80%;
	height:100%;
	border:1px solid #ADCB4E;
}

.lien{
color:#676767;
text-decoration:underline;
}
.retrait{
	margin-left:3px;
	padding-left:10px;
	border-left:1px dashed #CCCCCC;
}
.autocompleter
{
	border: 1px solid #6FBEFF;
	width: auto;
	text-align:left;
	background-color: #EFF8FF;
}
.autocompleter ul li
{
	padding: 2px 10px;
	white-space: nowrap;
	font-size: 11px;
	
}
.selectAutocompleter
{
	background-color: #d2fb8f;
}