/* Styles de base pour page index, home */

html, body {
	height: 100%;
	margin:0;
	padding:0;
}

body {
	background-color:#FEFEFE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#2F2F2F;
}

h1, h2, h3 {
	color:#777777;
	font-style:italic;
	font-weight: bold;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

h1 {
	font-weight:bold;
	letter-spacing:2px;
}

p{
	margin:0 10px 10px
}

a, a:visited{
	color:#333333;
	text-decoration:none;
}

a:hover {
	color: #000;	
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

.submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-family:Arial, Helvetica, sans-serif;
}

#header{
	position:relative;
	height:120px;
	background-color:#787878;
	color:#cccccc;
	border-bottom:solid 2px #F90;
}

#header img{
	margin:15px 0 0 10px;
}

#header h1{
	height:120px;
	line-height:120px;
	margin:0;
	padding-left:10px;
	color:#FEFEFE;
}

#login {
	position:absolute;
	right:15px;
	top:15px;
	color:#FEFEFE;
	font-size:100%;
}

#login p {
	margin-top:3px;
}

#login a, a:visited {
	text-decoration:none;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#login a:hover {
	color:#FFFFFF;
}

#login label {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

#login .champ {
	margin:0;
	border:0;
	margin-top:-1px;
	color:#FEFEFE;
	border:1px solid #D8D8D8;
	background-color:#787878;
	font-size:100%;
	font-style:italic;
}

#login .bouton {
	font-family:Arial, Helvetica, sans-serif;
}

#header p{
	margin:0 10px 0 0
}

.push {
	height: 30px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

#footer{
	height:30px;
	background:#787878;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:18px;
}

#footer p{
	margin:0;
	padding:6px 10px;
}

#footer a, a:visited {
	display:inline;
	padding:0;
	color: #CCCCCC;
	text-decoration:none;
}

#footer a:hover {
	display:inline;
	padding:0;
	color: #FEFEFE;
	text-decoration:none;
}

#footer .powered{
	float:right;
	text-align:right;
	margin-right:10px;
}

#mainContainer {
	border:solid 0px lime;
}

#mainContainer .animation_swf {
	margin-top:130px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow:hidden;
	border:solid 0px red;
}

#mainContainer .block_txt {
	margin-top:60px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow:hidden;
}

#mainContainer .block_txt p {
	text-align:justify;
}

#mainContainer a, a:visited {
  text-decoration:none;
  color:#777;
  font-weight:bold;
 }

#mainContainer a:hover {
  color:#333; 
  text-decoration:none;
  font-weight:bold;
}

.div_resultats_navigation_boutons {
	text-align:right;	
	margin:0 15px 15px 10px;
	display:block;
	/*border-bottom:dotted 1px #CDCDCD;*/
	padding-bottom:15px;
}

/************ Presentation du formulaire de contact ************/

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #2D2D2D;
	margin: 0;
	padding: 0;
	padding-top:10px;
	margin-left: 10px;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 ;
	border-color:#D8D8D8;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0 0 10px 0;
	font-size:10px;
	line-height: 15px;
	margin-left:40px;
	font-size:1em;
	line-height:1em;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 20px;	/*** ... et centrés verticalement. ***/
	color:#2D2D2D;
}
.champ_off {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #CDCDCD;
	background:#FFFFFF;
	color: black;
	font-family:Trebuchet MS;
	padding:2px;
}

.champ_on {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #333333;
	background:beige;
	color: black;
	font-family:Trebuchet MS;
	padding:2px;
}

/*** SLIDESHOW : set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
	width:960px;
	background-color:#FEFEFE;
	overflow:hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** 
 * storieshow style rules.
 */
#browse_stories {
	margin-left:420px;
	overflow:auto;
	width:538px;
}

#storieshow {
	margin:15px auto;
	width:536px;
	height:263px;
	/*background:transparent url(img/bg_storieshow.jpg) no-repeat 0 0;*/
	position:relative;
}

#storieshow #storiesContainer {
  margin:0 auto;
  width:460px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#storieshow #storiesContainer .slide {
  margin:0 auto;
  width:480px; /* reduce by 20 pixels of #storiesContainer to avoid horizontal scroll */
  height:263px;
}

#storieshow #storiesContainer img{
	float:left;
}

/** 
 * storieshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:48px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.gif) no-repeat 0 0;
}
.slide p {
  margin: 0 25px 0px 0px;
  text-align:justify;
}
.slide h2 {
  margin-left:0;
}
.slide img {
  float:left;
  margin:0 10px 0 0;
  border:none;
}

.slide a {
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}

#browse_archives {
	float:left;
	width:400px;
}

#browse_archives fieldset {
	margin:15px 5px;
	border:0px solid red;
	width:350px;
}

#browse_archives .champ {
	color:#2D2D2D;
	border:1px solid #D8D8D8;
	background-color:#FEFEFE;
	font-size:100%;
	font-style:italic;
	padding:3px;
	width:270px
}

#browse_archives .submit {
	font-family:Arial, Helvetica, sans-serif;
}

#browse_archives img {
	display:block;
	width:auto;
	margin:0 auto;	
}

/************ Addon Thematiques ************/

#galleria {
	height:500px;
	width:720px;
}

.boite_image {
	/*background-color: #f6f6b8;*/
	position: relative;
	padding: 10px;
	margin-top: 10px;
	width: 370px;
	float: left; 
	height:260px;
	overflow:hidden
}

.imgx {
	position:absolute;
	top:0;
	right:0;
}

.boite_texte {
	/*background-color: #c9ebe3;*/
	position: relative;
	padding: 0px;
	margin-top: 0px;
	width: 540px;
	float: left;
	margin-left: 30px;
	margin-bottom: 10px; 	
}

.boite_texte a, a:visited{
	font-weight:bold; 	
}

.textex {
	position:absolute;
	top:0;
	left:0;
}

.faux_bouton {
	font-size:0.9em;
	border:1px solid #D8D8D8;
	background-color:#D8D8D8;
	/*background:url(../bib/image/GED_fd_bouton.gif);*/
	color:#2D2D2D;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;	
}