@import url(accueil.css);
@import url(lightbox.css);

/***********************************
	MISE EN PAGE GENERALE
***********************************/

body {
	font-family :  "Verdana", "Arial", "Helvetica", serif ;
	font-size : 80%;
	text-align : center;
	padding : 0px;
	margin : 0px;
}

h1 {
	color : #FC6200;
}

h2 {
	font-size : 200%;
	color : #557F8D ;
}

#conteneur1 {  
	background : transparent url(bord_gauche.png) repeat-y scroll left top;
	margin : 0px;
	padding : 0px;
}

#conteneur2 { 
	background : #ECECEC url(bord_droit.png) repeat-y scroll right top;
	margin : 0px;
	margin-left : 40px;
	padding : 0px;
}


#page {
	background :  transparent url(fond.png) repeat-x left top;
	margin : 0px;
	padding : 0px;
	margin-right : 40px;
}

a img {
	border : none;
}

.erreur {
	font-size : 90%;
	color : red;
	margin-left : 80px;
}

.small {
	font-size : 80%;
	padding : 10px;
}

.item_panel {  /*Les éléments du panneau de contrôle admin*/
	padding : 20px;
	width : 80px;
	float : left;
}

.groupe_item {
	width : 500px;
	margin : auto;
	overflow : hidden;
}



/*-------------------------------------------
	Position des éléments              
	   (images surtout)
--------------------------------------------*/
.centre {
	text-align : center;
}

.flottant_gauche {
	float : left;
	margin-right : 10px;
}

.flottant_droit {
	float : right;
	margin-left : 10px;
}
/*-----------------------------------------*/

/***********************************
	EN-TETE
***********************************/

#en-tete {
	padding : 0px;
	margin : 0px;
	height : 210px;
}

#header_droit {
	background : url(header_droit.png) no-repeat right top;
	float : right;
	height : 460px;
	width : 40px;
}

#header_gauche {
	background : url(header_gauche.png) no-repeat left top;
	float : left;
	height : 460px;
	width : 40px;
}

#logo {
	position : absolute;
	top : 0px;
	left : 50px
}

#banniere {
	background : url(banniere.jpg) no-repeat scroll right top;
	position : absolute;
	top : 0px;
	right : 40px;
	width : 472px;
	height : 158px;
}

#menu {
	list-style-type:none;
	padding : 0px;
	margin : 0px;
	position : absolute;
	top : 158px;
	right : 32px;
	text-align : right;
}

#menu a{
	font-weight : bold;
	color : #FF8D36;
}

#menu a:hover {
	color : white;
}

#menu li{
	border-left : 1px solid #FF8D36;
	font-size : 90%;
	list-style-type:none;
	padding : 0px 5px;
	padding-top : 3px;
	float:right;
}

#menu a{
	float:left;
}

#menu .lastitem {
	border : none;
}

	
/***********************************
	CORPS DE PAGE
***********************************/
	
#corps {
	text-align : justify;
	padding : 10px;
	margin-bottom : 0px;
	list-style-type:none;
	min-height :270px; 
}

#centre {
	margin : auto;
	text-align : center;
	margin-bottom : 80px;
}

* html #corps { /*Pour IE6 */
	height : 270px; 
}

h1 {
	text-align : center;
	margin : auto;
	margin-top : 20px;
	margin-bottom : 10px;
	font-size : 250%;
	font-family : "Verdana", "Arial", serif;
	font-weight : bolder;
}

a {
	color : #F60;  
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

.chapeau {
	margin : auto;
	margin-bottom : 30px;
	width : 95%;
	font-style : italic;
}

.fenetre {
	width : 120px;
	height : 90px;
	position : absolute;
	background-color : transparent;
	z-index : 10;
	padding : 5px;
	display : none;
}

.fenetre h3 {
	margin-bottom : 5px;
	margin-top : 5px;
}

.tableauAlbums {
	margin : auto;
	margin-bottom : 50px;
}

.tableauAlbums  .lien{
	background-color : white;
	border : 1px solid #C2C2C2;
	width : 140px;
	height : 140px;
	padding : 10px;
}

#modif_album , #suppr_album, #nouveau_album, #nouveau_photo, #day, #inscription {
	background : white;
	border : 1px solid #C2C2C2;
	width : 350px;
	margin : auto;
	padding : 10px;
	margin-bottom : 30px;
}

/*Un cadre simple */
.cadre { 
	background : white;
	border : 1px solid #C2C2C2;
	width : 350px;
	margin : auto;
	padding : 15px;
	margin-bottom : 30px;
}

/*Un cadre masqué */
.cadre_mask { 
	display : none;
}

/*Un cadre de succès */
.cadre_success { 
	background : white url(symboles/success.png) no-repeat 10px 10px;
	border : 1px solid #C2C2C2;
	width : 500px;
	margin : auto;
	padding : 15px;
	padding-left : 60px;
	margin-bottom : 30px;
	color : #0C9D00;
	font-weight : bold;
}

/*Un cadre d'erreur */
.cadre_error { 
	background : white url(symboles/error.png) no-repeat 10px 10px;
	border : 1px solid #C2C2C2;
	width : 500px;
	margin : auto;
	padding : 15px;
	padding-left : 60px;
	margin-bottom : 30px;
	color : #B50106;
	font-weight : bold;
}

/*Un cadre d'interdit */
.cadre_forbidden { 
	background : white url(symboles/forbidden.png) no-repeat 10px 10px;
	border : 1px solid #C2C2C2;
	width : 500px;
	margin : auto;
	padding : 15px;
	padding-left : 60px;
	margin-bottom : 30px;
	color : #BC290A;
	font-weight : bold;
}

/*Un cadre d'info */
.cadre_info { 
	background : white url(symboles/info.png) no-repeat 10px 10px;
	border : 1px solid #C2C2C2;
	width : 500px;
	margin : auto;
	padding : 15px;
	padding-left : 60px;
	margin-bottom : 30px;
	color : #122E5F;
	font-weight : bold;
}

.news {
	width : 600px;
	margin : auto;
	text-align : justify;
	margin-top : 20px;
}

.news .head{
	background : #FF9400 url(fond_evenement.png) repeat-x left top;
	color : #D94200;
	padding : 5px;
	font-size : 90%;
	font-weight : bold;
	margin-bottom : 5px;
	border: 1px solid #D94200; 
}

.news .head a, .news .head a:hover{
	color : white;
}

.news .titre {
	font-size : 140%;
	font-weight : bolder;
	color : white;
}

.news .contenu {
	background : white;
	border : 1px solid #C2C2C2;
	padding : 10px;
}

#cadre_simple {
	margin : auto;
	width : 445px;
	background : url(fond_cadre.png) repeat-y left top;
}

#haut_cadre {
	width : 445px;
	height : 30px;
	background-image : url(haut_cadre.png);
}

#bas_cadre {
	width : 445px;
	height : 30px;
	background-image : url(bas_cadre.png);
}

#identification , #centre_cadre { 
	width : 360px;
	margin : auto;
	padding : 20px 10px 20px 0px;
	text-align : center;
}

#identification{ 
	background : transparent url(cadenas.png) no-repeat left top;
	text-align : right;
}

.canevas_images {
	text-align : center;
	vertical-align : middle;
	margin : auto;
}

.canevas_images .miniature {
	height : 100px;
	width : 100px;
	border : 1px solid #CCCCCC;
	padding : 0px;
}

.suppr_fichier {
	padding : 0px;
	margin : 0px;
	position : relative;
	margin-left : -30px;
	bottom : 3px;
}

/***********************************
	PIED DE PAGE
***********************************/

#pied_page {
	margin : 0px;
	padding : 0px;
	height : 68px;
	background : url(fond_footer.png) repeat-x bottom;	
}

#pied_page a {
	color : #557F8D;
}

#footer_gauche {
	position : relative;
	left : -40px;
	float : left;
	background : url(footer_gauche.png) no-repeat left bottom;
	width : 242px;
	height : 68px;
	margin : 0px;
	padding : 0px;
}

#footer_droit {
	position : relative;
	right : -38px;
	float : right;
	background : url(footer_droit.png) no-repeat left bottom;
	width : 250px;
	height : 150px;
	margin : 0px;
	margin-top : -87px;
	padding : 0px;
}

#texte {
	text-align : center;
	color : #557F8D;
	font-size : 80%;
	padding : 12px;
	padding-right : 210px;
}