@charset "utf-8";

.flash{
	position: absolute;
	z-index: 1000;
}

body{
	width: 995px;
	margin: auto;
	background-color: #333333;
	border: 2px solid black;
	font-family: TimesNewRoman, Times, serif;
}

#en_tete{
	margin-bottom: 0px;
	width: 995px;
	height: 60px;
	background: url(skin/entete.jpg);
}

#en_tete2{
	margin-bottom: 10px;
	width: 150px;
	height: 60px;
	background: url(skin/titre2.jpg);
}

#menu_princ{
	width: 850px;
	margin-left: 149px;
	margin-bottom: 0px;
	height: 18px;
	color: white;
}

#menu{
	float: left;
	width: 150px;
	height: inherit;
	text-align: left;
	margin-bottom: 10px;
}

.element_menu
{
	margin-bottom: 50px;
	margin-left: 10px;
}

.bouton_menu_flash{
	text-align: center;
}

#corps{
	margin-left: 150px;
	margin-bottom: 10px;
	padding: 5px;
	background: #565555;
	min-height: 580px;
	border: 1px solid #333333;
}

#pied_de_page{
	padding: 5px;
	text-align: center;
}


/*
***********************
*---------------------*
*Styles pour les liens*
*---------------------*
***********************
*/
.liens_menu{
	text-decoration: none;
	color:#FFFF99;
}
a:hover.liens_menu{
	text-decoration: none;
	color: #FFFFFF;
}

.liens_menu1{
	text-decoration: none;
	color:#DADADA;
}
a:hover.liens_menu1{
	text-decoration: underline;
	color: #DADADA;
}



.liens_commentaire{
	text-decoration: none;
	color:#F7A8A8;
}
a:hover.liens_commentaire{
	text-decoration: none;
	color: #FFFFFF;
}

.voir_commentaire{
	text-decoration: none;
	color: #F7A8A8;
}
a:hover.voir_commentaire{
	text-decoration: none;
	color:#FFFFFF;
}

.liens_page{
	color:#FFFF99;
	text-decoration: none;
}
a:hover.liens_page{
	color:#A3EF8F;
	text-decoration: none;
}

.liens_admin{
	text-decoration: none;
	color: #C7C8FC;
}
a:hover.liens_admin{
	text-decoration: none;
	color: #CCF9CA;
}

.liens_agrandir_selec{
	text-decoration: none;
	color: #F7A8A8;
}

a:hover.liens_agrandir_selec{
	text-decoration: none;
	color:#CCF9CA;
}


.liens_precsvt_cal{
	text-decoration: none;
	color: white;
}

a:hover.liens_precsvt_cal{
	text-decoration: underline;
	color:white;
}

.image_vote{
	border: none;
}
/*
************************
*----------------------*
*Styles pour les photos*
*----------------------*
************************
*/
img.photoAffichee{
	border: 1px solid black;
}

img.photos_miniatures{
	margin-right: 5px;
	margin-left: 5px;
	border: none;
}

img.photos_miniatures_date{
	margin-right: 5px;
	border: none;
}

img.img_sup_photo{
	width: 70%;
	height: 70%;
}

.miniatures_div{
	text-align: center;
}

.photo_selec_mois_paysage{
	width: 215px;
	height: 162px;
}

.photo_selec_mois_portrait{
	width: 122px;
	height: 162px;	
}
/*
**************************
*------------------------*
*Styles pour les tableaux*
*------------------------*
**************************
*/
.tableauHaut{
	margin-bottom: 10px;
}

.tab_choix_date{
	margin-bottom: 20px;
}

/*
************************
*----------------------*
*Styles pour les textes*
*----------------------*
************************
*/
#titre_commentaires{
	text-decoration: underline;
	font-size: 16px;
}

.titre_menu{
	color: white;
}

.titre_photos{
	color: white;
	text-decoration: none;
	font-size:16px;
}

.texte_page_contact{
	color: white;
}

.titre_formulaire{
	color: #DADADA;
}

.titre_categories_admin{
	color: #00CC33;
}

.texte_informatif_admin{
	color: #FDDEB0;
}

.titre_com{
	color: #00CC33;
}

.info_com{
	color: white;
}

.hr_admin{
	color: #00CC33;
}

.pub_google{
  width: 100%;
  text-align:center;
}






.applemenu{
padding: 0;
width: 146px; /*width of menu*/
border: 1px solid #434343;
margin-left:1px;
margin-right:1px;
margin-top:1px;
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #333333;
padding: 0px;
height: auto;
max-height: 300px;
overflow: auto;
}