/* Feuille de Style */

/* CSS reset */
* {
	margin:0;
	padding:0;
	border:0;
}

/* Elements communs _______*/

html {
	background: url('img/background.png') #F1F1F1 top repeat-x;
	font-family: "Times New Roman", Times, serif;
}

body {
	width: 45em;
	margin: 1em auto 0 auto;
	padding: 0.5em;
	background: white;
	color: #44433F;
	border: 1px solid #BBB;
}

/* Styles des liens _______*/

a {
	color: #44433F;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: underline;
	background-color: #E5E2D3;
	/* Disabled but functionnal - try it if you want.
	background: url('img/link_gradient.png') top repeat-x #E8E5D7;*/
}
a:visited { color:#34332F ;}
a img {
	border: 25px solid white;
}

/* Styles de texte _______*/

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	text-align: justify;
	text-indent: 2em;
}

.clearer { clear: both; }
.ref { font-style: italic; }

/* Reset des styles "Google" */
.google, .google:hover {
	color:#44433F;
	background-color:transparent;
	text-decoration: none;
	cursor:text;
}
.google strong {
	font-weight: normal;
}

/* Header, footer __________*/

#header a, #footer a {
	color: #F0EFE4;
}
#header a:hover, #footer a:hover {
	background: url('img/pattern2_bold.png') #64635F;
	color: #FFFFF4;
}

/* Titre __________________*/

#header h1 {
	display:block;
	padding: 2em  0 2em 2.5em ;
	background: url('img/pattern1_bold.png') #44433F 2px 0px;
}

#header h1 a {
	padding: 0 0.3em;
	font-family: Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}


/* Menu ____________________*/

#menu ul {
	height: 1.3em;
	margin: 0.5em 0 0 0;
	background: #44433F;
	color: #F0EFE4;
	list-style-type:none;
}

#menu li {
	float:left;
	width: 33.3%;
	text-align: center;
}
#menu li a {
	height: 1.3em;
	display:block;
	width: 100%;
	background: url('img/pattern1_bold.png') #44433F;
	color: #F0EFE4;
	text-decoration: none;
	font-weight: bold;
}
#menu li a:hover {
	background: url('img/pattern2_bold.png') #64635F;
	color: #FFFFF4;
}


/* Contenu ________________*/

#content, .banner {
	margin: 1em 0.5em 0 0.5em;
	background: #F6F6F6;
	padding: 1em 1.5em;
	border:1px solid #CCC;
}

.banner {
	background-color: #E5E2D3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.banner a:hover { background-color: #F6F6F6; }

#content h2 {
	margin: 0 0 1em 0.5em;
}
#content h2 a {
	color: black;
	text-decoration: none; 
}
#content h2 a:hover {
	text-decoration: underline;
}

#content h3  {
	margin: 1em 0 0.2em 0;
}

#content p {
	margin: 0 0 0.5em 0;
}

/* Page d'accueil _________*/

.home .photo1 {
	float:left;
	margin: 0.2em 1.5em 0.2em 0;
	background: none;
}

.home h2, .home h3 {
	display: inline;
}
.home h3 {
	padding: 0 0 0 1em;
	font-size: 0.8em;
}
.home .home_title {
	margin-bottom: 2em;
}

.home .author {
	font-weight: bold;
}
.home .from {
	font-size: 0.8em;
}

/* Galerie ________________*/

#pics {
	height: 100%;
}
#pics h3 {
	margin: 0 0 1em 0;
}
#pics p {
	text-indent: 0;
	margin: 0 0 1em 0;
}

#pics dt {
	float:left;
	clear: both;
	margin: 0.3em 0.7em 0 0;
	font-weight: bold;
}
#pics dd {
	display:block;
	margin: 0.3em 0 0 3em;
}
#pics .first {
	margin-top:0;
}


/* Images ________________*/

.pict {
	margin: 1.5em 0 3em 0;
	width: auto;
	height: auto;
}

.pict a, .pict a:hover {
	background: none;
	text-decoration: none;
}
.pict a.medium { width: 400px; }
.pict a.big { width: 550px; }

.pict img:hover { cursor: pointer; }

/* V-align the description on bottom */
.pict .wrapper { float: left; }

.pict .desc {
	position: relative;
	width: 195px; /* 650 - 450 - 5 */
	margin: 0 0 0 455px;
}
.pict .desc p {
	position: absolute;
	bottom: -9px; /* alignment, dunno why... */
	font-size: 0.8em;
	font-weight: bold;
}


/* Infos ______________*/

.infos ul, .infos .mail {
	margin: 0 0 0 1em !important;
}
.infos .mail {
	display:block;
	text-indent: 0;
}
.infos ul {
	list-style-position: inside;
	list-style-type: disc;
}
.infos .links li:hover,
.infos .link:hover {
	list-style-type: circle;
}
.infos ul a {
	font-weight: normal;
}

/* Evenement temporaire - Evreux __________ */

.evreux .expo_text * { text-align: center ; }

.evreux .affiche {
	display:block;
	margin: 20px auto;
	text-align: center;
}

.evreux h1, h2, h3 {
	display: block;	
}


/* Footer _______________*/

#footer {
	height: 1.5em;
	margin: 1em 0 0 0;
	padding: 0.2em 1em 0 1em;
	background: url('img/pattern1_bold.png') #44433F;
	color: #F0EFE4;
	font-size: 0.9em;
}
#footer .redirect {
	float:right;
}
#footer .copyright {
	float: left;
}
#footer .tech_infos {
	margin: 0 0 0 4em;
}
#footer .tech_infos a {
	margin: 0 0.2em;
}
#footer p {
	float:left;
	text-indent: 0;
}