/* CSS NEOMA-Interactive - 2007
inspiré du thème graphique 'Skylight' par kloobik.org pour Pluxml*/

html {font-size : 70%;
	font-family : Tahoma, Helvetica, Arial, sans-serif;
	text-align: justify;
	color : #454545;
	background : url(img/fond_page.jpg) repeat-x #8bd9ff;}
body {width : 777px;
	margin : auto; padding : 0;
	background : url(img/fond_contenu.jpg) repeat-y center;}
#global {padding : 0 0 0 0;}
	
/* Styles généraux */
h1 {font-size : 1.6em; color:#44526A;}
h2 {font-size : 1.3em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0; color:#44526A;}
p {margin : 0; padding : 3px 10px 3px 0;}
a {color : #000;
text-decoration:none;}
a:hover {color : #383833;
text-decoration:none;
border-bottom: 1px #000 dotted}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* Entete du site */
#top {height : 372px;
	background : url(img/entete.jpg) no-repeat;
	}

/* Zone de contenu */
#content { /* Bloc */
	float : left;
	width : 470px;
	margin-left: 30px;
}
.post { /* Conteneur de l'article */
	padding : 0 0 35px 10px;
}
.post h2{
	padding-top: 20px;
}
.articletitle { /* Titre de l'article */
	color : #C2B996;
	font-size : 1.5em;
	font-weight : bold;
	margin : 0; padding : 3px 0 0 0;
}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #A79F7E;
	text-decoration : none;
}
.articletitle a:hover{
	color : #C2B996;
	text-decoration:none;
	border-bottom: 1px #000 dotted;
}
.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #F42B22;
	margin : 2px 0 4px 0; padding : 0;
}
.post-info a{color : #F42B22;
	text-decoration:none;
	font-size : 1.1em;
}
.post-info a:hover {color : #F42B22;
	text-decoration:none;
	border-bottom: 1px #000 dotted;
}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;
}
.photo {
	border: 5px double #C2B996;
}
	
/* Menu */
#sidebar {
	float : right;
	width : 230px;
	text-align:left;}
#sidebar div {	margin : 8px 0 ;}
#sidebar h2 { /* Titre des menus de la sidebar */
	font-size : 1.2em;
	margin: 0;
	padding : 3px 0 3px 10px;
	font-weight : bold;}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 6px 0;}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 2px 0 2px 30px;}
#sidebar li a { /* Liens dans les listes */
	color : #623901;
	text-decoration : none;}
#sidebar li a:hover {color : #49546C;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;}

/* Pied de page (#footer) */
#basdepage {
	text-align : center;
	background : url(img/basdepage.jpg) repeat-y center;
	width : 777px;
	height: 166px;
	margin : auto;
}
#copiraite {
	width: 550px;
	text-align : center;
	padding-top: 70px;
	font-size : 1.00em;
}

/* FX AJAX */
#content-diapo { /* Bloc */
	float: left;
	/*width : 500px;*/
	
	padding-left: 17px; 
	margin-left: 0px;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade-diaporama-1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 506px;
	height: 380px;
	visibility: hidden;
}

li img {
	display: block;
	border: 3px solid #FFF;
}
.caption {
	clear: both;
	padding: 1em;
}
.diaporama {
	position: relative;
	padding:0;
	margin-bottom: 1em;
	width: 500px;
	height: 460px;
}

.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 50px;
	font-weight: bold;
	color: #FFF;
}
#fade-diaporama-1-next {
	right: 8%;
	top: 70%;
}
#fade-diaporama-1-previous {
	left: 6%;
	top: 70%;
}