/*-----------------------------------   Contenu   ---------------------------------------------*/
/* CLASSES DE BASE */
p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	text-align: justify;
}
.ucfirst:first-letter{
	text-transform: uppercase;
}
img {
	border: 0;
}
p:first-letter {
	text-transform: uppercase;	
}
table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
		table tr td{
			vertical-align: top;
			padding: 0;
			padding-top: 4px;
			padding-left: 10px;
		}
		table tr td:first-child{
			padding-left: 0;
		}
		table tr th{
			vertical-align: top;
			padding: 0;
			padding-top: 4px;
			text-align: left;
			padding-left: 10px;
		}
		table tr th:first-child{
			padding-left: 0;
		}
h1 {
	font-size:12px;
	padding: 0;
	color: #a53029;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
h2, 
h3,
h4,
h5 {
	color: #A53029;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-transform: none;
	}
h2 {
	font-size: 26px;
}

h3 {
	font-size: 20px;
	color: #999;
}
h4{
	font-size: 13px;
}
h5{
	font-size: 12px;
	color: #333;
}
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter{
	text-transform: uppercase;
	}
/* CONTENU SPECIAL */
			div.box > div.bas > div.contenu div.errors,
			div.box > div.bas > div.contenu div.errors h1{
				color: #C52020;
				margin:0 0 5px 0;
				padding: 0px;
				border: 0px;
				font-size: 11px;
			}
				div.box > div.bas > div.contenu div.errors ul{
					margin: 0;
					padding: 0 0 10px 15px;
					font-size: 12px;
				}
					div.box > div.bas > div.contenu div.errors ul li{
						list-style: none;
					}
ul.infomessages{
	margin: 0;
	padding: 0 0 10px 15px;
	font-size: 12px;
}
	ul.errormessages li,
	ul.infomessages li{
		list-style: none;
		list-style-image: none;
		margin-left: 0px;
	}
/* STYLE DES INPUTS */
input[type="text"], 
input[type="password"], 
input[type="file"], 
select{
	width: 200px;
}
textarea{
	width: 200px;
	height: 150px;
}
/* STYLE DES LIENS */
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #B90000;	
}
/* POUR IE, ON ENLEVE LES MARGINS DU FORM */
form{
	margin: 0;
	padding: 0;
}

/* ESPACEMENT AUTOMATIQUE ENTRE LES BLOCKS DE CONTENU */
			#contenu div.box>div.bas>div.contenu>*{
				padding: 0;
				margin: 0;
				margin-top: 10px;
			}
				#contenu div.box>div.bas>div.contenu>*:first-child{
					margin-top: 0px;
				}
					#contenu div.box>div.bas>div.contenu>form>*{
						padding: 0;
						margin: 0;
						margin-top: 10px;
					}
					#contenu div.box>div.bas>div.contenu>form>*:first-child{
						margin-top: 0px;
					}
				#contenu div.box>div.bas>div.contenu>p.noMarginTop{
					margin-top: 0;
					}
/*------------------------------------ liens logout-------------------------------
a.logout1 {
	color: #666666;
	text-decoration: none;
	text-align: left;
	height: 14px;
	color: #333333;
	background-image: url(/images/logout1.gif);
	background-color: #E4E4E4;
	border-left: 1px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 3px 5px 0px 19px;
	text-transform: lowercase;
	display: block;
}
a.logout1:hover {
	background-image: url(/images/logout2.gif);
	background-color: #CCCCCC;
	border-left: 1px solid #FFFFFF;
}
a.logout2 {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	height: 14px;
	color: #333333;
	padding: 3px 8px 0px 16px;
	text-transform: uppercase;
	display: block;
	border-left: 1px solid #FFFFFF;
}
a.logout2:hover {
	background-color: #E4E4E4;
}*/
/*------------------------------------ liens page index-------------------------------*/
a.titreALaUne {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
}
	a.titreALaUne img {
	}
	a.titreALaUne div {
		margin-top: -25px;
		padding: 4px 5px 3px 5px;
		position: relative;
		/*text-align: center;*/
		width: 290px;
		height: 18px
	}
/*--------------------------------------- Formulaire de connexion dans le menu ------------------*/
	.formConnexionMenu .champs{
		margin-left: 9px;
		color: grey;
		font-size: 80%;
		width: 90px;
	}
a.lienBouton:link, 
a.lienBouton:visited{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B00100;
	border: 1px solid #AD0300;
	text-decoration: none;
	font-size: 11px;
	/*!font-size: 12px;*/
	font-family: arial;
	padding: 2px 10px 1px 10px;
	/*!padding-top: 0px;*/
}
/*------------------------------ formulaire ----------------------------*/
input[type="submit"] {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B00100;
	border: 1px solid #AD0300;
	padding: 1px 0px 1px 0px;
	/*!padding: 0px;
	!margin: 0px 0px -1px 0px;*/
}
input[type="text"], 
input[type="password"], 
select, textarea, 
input[type="file"] {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #999999;
	margin-bottom: 2px;
}
input[type="radio"]{
	margin-bottom: -3px;
}
input[type="checkbox"]{
	margin-bottom: 0px;
}
input[type="text"].error,
input[type="password"].error,
input[type="file"].error,
textarea.error,
select.error{
	border:1px solid #C52020;
	background-color: #FFCCCC;
}
select optgroup{
	font-style: normal;
}
/*----------------------------------- Pair et impair pour les tableaux -----------------------------*/
tr.pair td{
	border-bottom: 1px solid silver;
}
tr.impair td{
	border-bottom: 1px solid silver;
}
/*------------------------------------ Style pour les lightbox ------------------------------------*/
#gris{
	height: 100%;
	width: 300%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 1;
}
#lightbox{
	text-align: justify;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	z-index: 2;
}
/* ---------------------- CALENDAR ----------------- */
table.calendar{
	width: auto;
	margin: auto;
	border-collapse: collapse;
}
	table.calendar th{
		text-align: center;
		font-weight: normal;
	}
	table.calendar td{
		padding: 0px;
		height: 50px;
		background-image: url(/images/calendar/fond_agenda1.gif);
		background-position: center center;
		background-repeat: no-repeat;
		text-align: center;
	}
	table.calendar td:hover{
		background-image: url(/images/calendar/fond_agenda1_over.gif);
	}	
	table.calendar td.othermonth{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	table.calendar td.othermonth:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	table.calendar td.today{
		background-image: url(/images/calendar/fond_agenda_jour.gif);
	}
	table.calendar td.today:hover{
		background-image: url(/images/calendar/fond_agenda_jour_over.gif);
	}
	table.calendar td.selectedday{
		background-image: url(/images/calendar/fond_agenda1_over.gif);
	}
	table.calendar td.todayandselected{
		background-image: url(/images/calendar/fond_agenda_jour_over.gif);
	}
		table.calendar td a{
			display: block;
			padding: 14px 5px;
			width: 77px;
			height: 29px;
			text-decoration: none;
		}
			table.calendar td a strong{
				font-size: 9pt;
				font-weight: normal;
			}
			table.calendar td a div{
				margin-top: 4px;
				color: #000000;
				text-decoration: none;
			}
				table.calendar td a div img{
					margin: 0px 2px;
					border: none;
				}			
	div.month{
		width: auto;
		margin: 10px auto;
		text-align: center;
		background-color: #F7F7F7;
		border: 1px solid #999999;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		div.month a{
			/*font-weight: bold;*/
			display: inline-block;
			width: 100px;
			padding: 2px 0px;
			text-align: center;
			text-decoration: none;
			border-left: 1px solid #EEEEEE;
			border-right: 1px solid #EEEEEE;
		}
		div.month a.current, 
		div.month a:hover{
			background-color: #EEEEEE;
			border-color: #999999;
		}