/* Arriere plan et marge de page
**************************************/
form{
	padding:0px;
	margin: 0px;
}

body{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background: url(images/fond.jpg) repeat-x #cee2fa;
	padding:0px;
}

a{
	text-decoration : none;
	font-weight:bold;
	color:#313131;
}

a:hover{
	text-decoration : underline overline;
	font-weight:bold;
	color:#626262;
}

select{
	font-weight:normal;
	color:#000000;
	font-size: 10px;
	font-family: verdana;
}

#page {
	padding-top:10px;
	text-align:center;	
}

#homepage{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	background-color:white;
}

/* Arriere plan et marge de page
**************************************/
#partiegauche{
	border:1px solid #CAC9CE;
	border-bottom-width:0px;
	width:211px;
}

#partievide{
	width:18px
}

#partiecentre{
	border:1px solid #CAC9CE;
	border-bottom-width:0px;
	width:510px;
}

#partiedroite{
	border:1px solid #CAC9CE;
	border-bottom-width:0px;
}

/* ID --> Recherche
**************************************/
#recherche{
	width: 211px;
	height: 64px;
	border:1px solid #C9C8CE;
	border-top-width:0px;
	border-left-width:0px;
	padding-top:14px;
}

.txt_cnx{
	font-family:verdana;
	font-size:11px;
	color:#376193;
}

.txt_cnxError{
	font-family:verdana;
	font-size:11px;
	color:#FF0000;
	padding-top:3px;
}

.form_cnx{
	border:1px solid #CACAD2;
	height:18px;
	width:140px;
	color:#495970;
	font-family:verdana;
	font-size:11px;
	text-indent:2px;
}

#form_cnx_submit{
	border:0px solid #C4C8D3;
	background-color:#C4C8D3;
	height:18px;
	width:38px;
	color:#495970;
	font-weight:bold;
}

/* ID --> Articles
**************************************/
#tit_article, #tit_contenu{
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	color:white;
}

#tit_article{
	background-color:#98B1C5;
	padding:5px;
}
	
#text_article{
	font-family:verdana;
	font-size:10px;
	color:#626262;
	padding:6px;
	line-height:14px
}

#text_article ul{
	padding:3px;
	margin:0px;
	list-style:none;
}


/* ID --> Contenu
**************************************/
#tit_contenu{
	background-color:#3D5F85;
	padding:6px;
}

#soustit_contenu{
	background-color:#E8E9EE;
	padding:3px;
	color:#712450;
	font-family:arial;
	font-size:11px;
}
	
#text_contenu{
	padding:3px;
	color:#626262;
	font-family:verdana;
	text-align:justify;
	font-size:10px;
	line-height:14px;
}

/* ID --> Nom du foyer
**************************************/

#tit_nomdufoyer{
	font-family:arial;
	font-size:22px;
	color:#3B5E7E;
	font-weight:bold;
	border:0px solid #C9C8CE;
	border-right-width:1px;
}

#text_nomdufoyer{
	font-family:verdana;
	font-size:11px;
	color:#647E99;
}

/* Classe images
**************************************/
div.vignette{
	float:left;
	margin-right:5px;
}

.bouton{
	background-color:#F2D779;
	border: #202020 1px solid;
	color:#000000;
	font-size: 12px;
}

.pair{
	background-color:#DFDFFF; /*#CDE0FC;*/
	color:#000000;
	font-size: 11px;
	font-family: arial, verdana;
}

.impair{
	background-color:#EFEFEF;
	color:#000000;
	font-size: 11px;
	font-family: arial, verdana;
}

a.tableau{
	text-decoration : none;
	font-weight:bold;
	color:#808080;
}

a.tableau:hover{
	font-weight:bold;
	color:#303030;
	text-decoration:underline;
}

#tit_erreur{
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	color:white;
	background-color:#98B1C5;
	width:50%;
	padding:3px;
}
		
#partiegauche .vacTitre {
	background-color:#FFF;
	color:#98B1C5;
	font-weight:bold;
	height:16px;
	padding-left:10px;
}
#partiegauche .vacCalendar {
	border: 1px solid #BBB;
	height:auto; 
	width:160px;
	margin:0 auto;
}
#partiegauche .vacCalendarZone {
	min-height:100px; 
	text-align:center;
}
#partiegauche .vacCalendar td{
	font-size:10px;
	height:15px;
	padding:1px;	
}

a.tb_dateevent, a.tb_datenoevent, a.tb_todaynoevent, a.tb_todayevent, a.tb_fondcalvide, a.tb_dateferme{
	font-size:10px;
	text-align:center;
	margin:0px;
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

.tb_jours {
	color:white;
	font-family:tahoma; 
	font-size:10px; 
	background-color:#006699;
	padding:1px;
	text-align:center;
}
.tb_joursOff {
	color:white;
	font-family:tahoma; 
	font-size:10px; 
	background-color:#000000;
	padding:1px;
	text-align:center;
}
a.tb_dateevent {
	color:white;
	background-color:#FF0000;
	font-weight:bold;
	padding:1px;
}
td.tb_todaynoevent{
	color:#98B1C5;
	border:1px solid #98B1C5;
	padding:1px;
}
td.tb_todayevent {
	color:white;
	background-color:#FFCC00;
	border:1px solid #FF0000;
	font-weight:bold;
	padding:1px;
}
.tb_focus {
	background-color: #FF0000;
	color:#FFFFFF;
}

.diaporamaType {
	padding-top:0px;
	float:left;
	padding-right:5px;
}

ul.diaporama{
	position:relative;
	width:auto;
	margin:0px auto;
	padding:0px;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	margin:3px 0;
	padding:5px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:right;
}

.diaporama_controls a{
	font-weight:normal;
	width:16px;
	height:16px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px;
}

.diaporama_controls .prev{
	background:url(images/navigate_left.png) no-repeat center center;
}

.diaporama_controls .next{
	background:url(images/navigate_right.png) no-repeat center center;
}

.diaporama_controls .pause{
	background:url(images/media_pause.png) no-repeat center center;
}

.diaporama_controls .play{
	background:url(images/media_play.png) no-repeat center center;
}

#diaporamaContainer {
	margin:auto auto;
	display:none;
	border:3px solid #C0C0C0;
	position:absolute;
	z-index:100;
	padding:0;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	text-align:center;
}

#diaporamaZone {
	background-color:#FFFFFF;
	display:none;
	width:auto;
	height:auto;
	text-align:center;
	margin:auto;
}

#flou {
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	opacity:0.8;
	background-color:#C0C0C0;
	padding:0px;
	margin:0px;
}

#closeDiaporama {
	float:right; 
	clear:both;
	padding:5px;
}

.closeDiaporama {
	background:url(images/videocamera_stop.png) no-repeat center center;
}

.commentaires{
	color:#3D5F85;
	font-weight:bold;
	font-family:verdana;
	font-size:11px;
	padding: 3px 0px;
}

#inscZone {
	padding:5px;
	margin:5px;
	z-index:1;
}
.inscTab {
	border-right:3px solid #98B1C5;
	background-color:#3D5F85;
	color:white;
	font-weight:bold;
	float:left;
	padding:3px;
	padding-bottom:5px;
	padding-top:5px;
	margin-left:3px;
	font-size:11px;
	font-family:verdana;
	z-index:1000;
}
.inscTabSelected {
	border:1px solid #98B1C5;
	border-left:2px solid #3D5F85;
	border-top:2px solid #3D5F85;
	border-bottom-color:#FFFFFF;
	background-color:#FFFFFF;
	color:#3D5F85;
	font-weight:bold;
	float:left;
	padding:3px;
	padding-bottom:5px;
	padding-top:3px;
	margin-left:3px;
	font-size:11px;
	font-family:verdana;
	z-index:1000;
}
#inscForm {
	padding:5px;
	border:1px solid #98B1C5;
	min-height:300px;
	width:480px;
	margin-top:-1px;
}
#inscAdresse {
	margin-left:10px;
}

.cf_bouton
{
	font-family:verdana;
	font-size:10px;
	color:white;
	font-weight:bold;
	background-color: #3D5F85;
	border:1px solid #000000;
	height:16px;
}

.cf_50_18						
{	
	border:1px solid #BBB;
	font-family:verdana; 
	font-size:10px;
	color: #000;
	width:50px;
	height:18px;
	padding-left:2px;
}
.cf_80_18						
{	
	border:1px solid #BBB;
	font-family:verdana; 
	font-size:10px;
	color: #000;
	width:80px;
	height:18px;
	padding-left:2px;
}
.cf_100_18						
{	
	border:1px solid #BBB;
	font-family:verdana; 
	font-size:10px;
	color: #000;
	width:100px;
	height:18px;
	padding-left:2px;
}

.cf_200_18						
{	
	border:1px solid #BBB;
	font-family:verdana; 
	font-size:10px;
	color: #000;
	width:200px;
	height:18px;
	padding-left:2px;
}

.cf_400_18						
{	
	border:1px solid #BBB;
	font-family:verdana; 
	font-size:10px;
	color: #000;
	width:400px;
	height:18px;
	padding-left:2px;
}

/* Partie famille
**************************************/
#formFamille table td{
	font-family:verdana; 
	font-size:11px;
}

#familleFormTable td {
	padding:3px;
}

.familleFormField {
	font-size:11px;
	font-family:verdana;
	background-color:#98B1C5;
	color:white; 
	font-weight:bold;
	padding:2px;
} 

#formFamille #familleFormTable input.texteLong {
  font-family:verdana;
  font-size:10px;
  width:400px;
  font-weight:normal;
}

#formFamille #familleFormTable input.texteCourt {
  font-family: verdana;
  font-size:10px;
  width:200px;
  font-weight:normal;
}



/* Partie adhérents
**************************************/
.adherentFormTitre {
	background-color:#98B1C5; 
	color:white; 
	font-weight:bold;
	font-size:11px;
	font-family:verdana;
	padding:2px;
}

#adherentsTable {
	width:100%;
}

#adherentsTable .ligne0 {
	border-right:1px solid #98B1C5;
	padding:3px;
	background-color:#EAEAFF;
}

#adherentsTable .ligne1 {
	border-right:1px solid #98B1C5;
	padding:3px;
	background-color:#FFFFFF;
}

#adherentsTable .last {
	border-right:0px solid #98B1C5
}

.adherentFormField {
	font-size:11px;
	font-family:verdana;
}

#formAdherents #adherentsTable input {
  padding:0px;
  margin:0px;
}

#formAdherents #adherentsTable input.texteMoyen {
  font-family: verdana;
  font-size:10px;
  font-weight:normal;
  width:90px;
}

/* Partie activités
**************************************/
.activitesFormTitre {
	background-color:#98B1C5; 
	color:white; 
	font-weight:bold;
	font-size:11px;
	font-family:verdana;
	padding:2px;
}
#activitesTable {
	width:100%;
	font-size:11px;
	font-family:verdana; 
}

#activitesTable .ligne0 {
	border-right:1px solid #98B1C5;
	padding:3px;
	background-color:#EAEAFF;
}

#activitesTable .ligne1 {
	border-right:1px solid #98B1C5;
	padding:3px;
	background-color:#FFFFFF;
}

#activitesTable .last {
	border-right:0px solid #98B1C5
}

.activitesFormField {
	font-size:11px;
	font-family:verdana;
}

#activitesTable ul{
	padding:0px;
	margin: 0px;
}

#activitesTable li {
	margin-left:15px;
}

#activitesList td{
	font-size:10px;
	font-family:verdana;
	padding:0px 2px;
}

#activitesList th{
	font-size:11px;
	font-family:verdana;
}

#formActivites{
	padding:5px;
}
#formActivites label {
	font-size:10px;
	font-family:verdana;
}

#proposerActivites{
	background-color:#98B1C5; 
	color:white; 
	font-weight:bold;
	font-size:11px;
	font-family:verdana;
	padding:5px;
}

#popupActivites{
	border:1px solid #000000;
	position:absolute; 
	background-color:#FFFFFF; 
	display:none;
}
.titreTableau{
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	color:white;
	background-color:#98B1C5;
	padding:5px;
}

.boutonEnreg {
  font-family:verdana; 
  background-color: #98B1C5;
  font-size:10px;
  color:white;
  font-weight:bold;
}