/* CSS Document */

/*
dark 	blue : 033568
light 	blue : 2a73bd

*/



/***********************************************
BODY
************************************************/

body {
	margin: 0;
	padding: 0;
	background: #f6f7f6;
	font: 11px verdana, arial, sans-serif;

    scrollbar-face-color: #F7A42E;
    scrollbar-shadow-color: #D37051;
    scrollbar-highlight-color: #F6D758;
    scrollbar-3dlight-color: #F6D758;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #F6D758;

}


/***********************************************
BOUTONS
************************************************/

	.bt-login, .bt-edit, .bt-insert, .bt-update, .bt-delete, .bt-cancel, .bt-store, .bt-ajout, .bt-retour, .bt-redirection {
			height:20px;
			margin:1px;
			padding: 2px 2px 2px 22px;
			border:1px solid #ddd;
			background-color:#fff;
			color:#555;
			text-decoration:none;
			text-transform:capitalize;
			background:transparent;
	}
	/* insert et delete en rouge */
	.bt-insert, .bt-delete {
			border:1px solid #b82b24;
			color:#b82b24;
	}
	.bt-insert:hover, .bt-delete:hover {
		
			background-color:#b82b24;
			color:#fff;
	}
	/* update et login en bleu */
	.bt-update, .bt-login  {
			border:1px solid #004c87;
			color:#004c87;
	}
	.bt-update:hover, .bt-login:hover  {
		
			background-color:#004c87;
			color:#fff;
	}
	/* les autres en gris */	
	.bt-edit:hover, .bt-cancel:hover, .bt-store:hover, .bt-ajout:hover, .bt-retour:hover, .bt-redirection:hover {
		
			background-color:#ddd;
			color:#fff;
	}

/***********************************************
HEADER
************************************************/
#header
	{
	margin-top					: 0px;
	margin-left					: 5px;
	margin-right				: 0px;
	margin-bottom				: 0px;
	padding						: 0px;
	color						: #638ac6;
	height						: 170px;	
	background-image			: url(../image/css/header_top.png);
	background-repeat			: no-repeat;
	width						: 978px;
	}


#headerspacer
	{
	display						: block;
	font-size					: 1px;
	margin-left					: 5px;
	border-left					: 1px solid #033568;
	border-right				: 1px solid #033568;
	width						: 978px;
	}
/* Set up NN4 values - purely to prevent vertical "looseness" */
#headerspacer
	{
	margin						: 0px;
	margin-top					: -10px;
	padding						: 0px;
	margin-left					: 5px;
	border-left					: 1px solid #033568;
	border-right				: 1px solid #033568;
	width						: 978px;
	}
/* Set up default spacer values */
#headerspacer
	{
	/*/*/
	margin						: 0px;
	padding						: 0px;
	margin-left					: 5px;
	border-left					: 1px solid #033568;
	border-right				: 1px solid #033568;
	width						: 978px;
	/* */
}


/***********************************************
MAIN MENU
************************************************/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
color:#965201;
margin: 0;
padding: 0;
list-style-type: none;
font-size:14px;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 175;
left: 17;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 13.2em;
z-index:100;
}
#menu dt {
width:190px;
height:42px;
cursor: pointer;
text-align: center;
vertical-align:top;
font-weight: normal;
background: transparent;
margin: 1px;
z-index:100;
}
#menu dd {
display: none;
z-index:100;
}
#menu li {
width:190px;
height:40px;
text-align: center;
background: #FFF;
z-index:100;
background:transparent;
}
#menu li a, #menu dt a {
color: #965201;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
z-index:100;
background-image:url(../image/css/btn_menu.jpg);
background-repeat:no-repeat;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
z-index:100;
background-image:url(../image/css/btn_menu_on.jpg);
background-repeat:no-repeat;
}

/***********************************************
CENTER
************************************************/
#centerBox {
	/*
	top							: xxx px
	Cf fichier modele_ie.css
	Cf fichier modele_firefox.css
	*/
	/*
	width							: xxx px
	Cf fichier modele_ie.css
	Cf fichier modele_firefox.css
	*/
	margin-left					: 5px;
	z-index						: 0;
	border-left					:1px solid #FABC40;
	border-right				:3px solid #3F2A0A;
	margin-top					:0px;
	margin-bottom				:0px;
	background-color			:#fef9ff;
}

#centerContent {

	width						: 950px;
	margin						: 0px;
	margin-right				: 5px;
	margin-left					: 5px;
	padding-top					: 50px;
	padding-bottom				: 20px;
	color						: #033568;
	z-index						: 0;
	border						: 0px solid #033568;
}
	


/***********************************************
BOX DEFAULT
************************************************/
.defaultBox {
	padding						: 10px;
	z-index						: 0;
	color:						: #965201;
}
.defaulttitredate {
	text-align:right;
	color:#965201;
}
.defaulttitre {
	padding-left:10px;
	padding-right:10px;
	color:#965201;
	font-weight:bold;
	border-top:1px solid #FFF;
	font-size:13px;
	height:33px;
	background-image:url(../image/css/cadre_titre.jpg);
	background-repeat:repeat-x;
}
.defaultcontent {
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #F7D758;
	border-left:1px solid #F7D758;
	color:#965201;
}

.defaultcontent img {
	float:right;
	margin-right:10px;
	margin-left:10px;	

	border:none;
}
.defaultauteur {
	text-align:right;
	border-right:1px solid #F7D758;
	border-left:1px solid #F7D758;
	padding-right:10px;
	font-style:italic;
	color:#965201;
}
.defaultauteurdate {
	font-size					:9px;
	font-style:italic;
	text-align:right;
	font-weight:bold;
	padding-right:10px;	
	border-right:1px solid #F7D758;
	border-left:1px solid #F7D758;	
	padding-bottom:5px;
	border-bottom:1px solid #F7D758;
	color:#965201;	
}


/***********************************************
INFO EDITO
************************************************/
.editoBox {
	width						: 590px;
	padding						: 10px;
	z-index						: 0;
	color:						: #965201;
}
/***********************************************
INFO ACCUEIL
************************************************/
.infoaccueilBox {
	float:right;
	width						: 290px;
	padding						: 10px;
	z-index						: 0;
	color:						: #033568;
}

/***********************************************
INFO
************************************************/
.infoBox {
	margin-left: auto;
	margin-right: auto;
	text-align					:center;
	width						: 690px;
	padding						: 10px;
	z-index						: 0;
	color:						: #033568;
}

/***********************************************
ALBUM PHOTO
************************************************/
.albumphotoBox {
	width						: 390px;
	padding						: 10px;
	z-index						: 0;
	color:						: #033568;
}
.albumphototitredate {
	text-align:right;
	color:#965201;
}
.albumphototitre {
	padding-left:10px;
	padding-right:10px;
	color:#965201;
	border-top:1px solid #FFF;
	font-weight:bold;
	font-size:13px;
	height:33px;
	background-image:url(../image/css/cadre_titre.jpg);
	background-repeat:repeat-x;
}
.albumphotocontent {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	border-right:2px solid #F7D758;
	border-left:2px solid #F7D758;
	height:180px;
	color:#965201;	
}
.albumphotocontent img {
	float:right;
	border-right:2px solid #F7D758;
	border-left:2px solid #F7D758;
	color:#965201;	
}

.albumphotoEnd{
	border-right:2px solid #F7D758;
	border-left:2px solid #F7D758;
	border-bottom:2px solid #F7D758;
	color:#965201;	

}
/***********************************************
CALENDRIER
************************************************/
.calendrierBox{
	float:right;
	width:250px;
	height:250px;	
	background-image:url(../image/css/calendrier_fond.png);
	background-position:center;
	background-repeat:no-repeat;
}
.calendrierTexte{
	visibility: visible;
	width:240px;
	color:#404895;
	font-weight:bold;
	font-size:12px;
	padding:5px;
}
.divCalendrierJourEmpty{
	width:19px;
	height:19px;
}
.divCalendrierJourFull{
	width:19px;
	height:19px;	
	background-image:url(../image/css/calendrier_marque.png);
	background-position:center;
	background-repeat:no-repeat;
}

/***********************************************
FOOTER
************************************************/
#footerBox {	
	margin-left					: 5px;
	z-index						: 0;
	
	background-image			:url(../image/css/header_bottom.png);
	background-position			:bottom;
	background-repeat			:no-repeat;
	width						:978px;
	height						:170px;
	margin-top					:0px;
	margin-bottom				:0px;
	
}
#footerContent {

}


#divPageTitle {
	color:#573708;
	letter-spacing:10px;
	width:750px;
	padding:5px;
	font-size:22px;
	font-weight:normal;
}
#divMessageAlert {
	background-color:#FFCC66;
	border:1px solid #FF6600;
	
	color:#000099;
	padding:5px;
}