/* --------------- Styles prédéfinis ----------------------------*/

body {
  background:url(images/B.jpg) left repeat-y #FFF3CA;   
  margin: 0px; 
  height:100%;
  min-height:100%;
	font-family:  "Trebuchet MS", Tahoma, "Microsoft Sans Serif", Arial, Verdana, "Century Gothic", Garamond;
	font-weight: normal;
	font-size: small;
	color: #a22938;
	width:100%;
	}

p {
	text-align: justify;
}

a {
	text-decoration:none;
	border-bottom:dashed 1px;
	color: #e93e12;
	font-weight: bold;
	}

a:hover {
	font-weight:bolder;
	color:#ff8334;
}

a:visited {
}

a:active {

}


/* --------------------- Découpage en 2 parties  ----------------*/

#gauche {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
}

#droite {
	position: absolute;
	top:0px;
	left:320px;
	width:100%;
	height:100%;
	margin-left:-320px;
	background:url(images/G.jpg) right repeat-y;
}


/* ----------- Styles spécifiques au logo et boîte d'outils -----*/

#outils {
  position:absolute;
  top:0px;
  left:0px;
  width:230px;
  height:109px;
	margin-top: 20px;
  margin-left: 45px;
  margin-right:45px;
	color: #990000;
	text-align:right;
	vertical-align:middle;
	font-family:  "tempus sans itc", "Trebuchet MS", "comic sans ms", "microsoft sans serif";

}

#outils a {
	color:#a22938;
	border:none;
}

#outils a:hover {
	color:#e93e12;
	border:none;
}

/* --------------- Styles spécifiques au menu ---------------------*/

#cote {
	position: absolute;
	width: 230px;
	top: 260px;
	left: 35px;
	margin-left:10px;
	font-family: "tempus sans itc", "Trebuchet MS", georgia, "comic sans ms", "microsoft sans serif";
}

#cote_menu {
	/*position: absolute;*/
  z-index: 2;
}

#cote_menu a {
  border-style:none;
}	

.secteuroff, .rubriqueoff { 
	color: #990000;
}

.secteuron, .rubriqueon, .secteur, .rubrique { 
	color: #e93e12;
}


a.secteuroff, a.rubriqueoff, a.secteuron, a.rubriqueon, a.secteur, a.rubrique {
  /*border-style:none;*/
}

a.secteuroff:hover, a.rubriqueoff:hover {

}

a.secteuron:hover, a.rubriqueon:hover, a.secteur:hover, a.rubrique:hover {

}


/* -----------  Styles spécifiques au bandeau et au titre -----------*/

#bandeau {
	position:relative;
	top: 0px;
	left: 320px;
	margin-left:-365px;
	height: 95px;
	min-height: 95px;
	background:url(images/inversion.jpg) no-repeat;
	background-position: 365px 0px;

}

#titre {
	margin-top:39px;
	margin-left:40px;
	padding-left:365px;
	font-size: 300%;
	font-weight:bold;
  font-style:italic;
  text-align:left;
  font-family: Georgia, "tempus sans itc", "Trebuchet MS";
}

#deroul {
	margin-top: 10px;
	font-size: 8pt;
	font-weight: bold;
  height:32px;
	}

/* --------------- page -------------------------*/

#page { 
	margin-left: 320px;
	margin-right: 35px;
	margin-top: -7px;
	background:url(images/D.jpg) no-repeat; 
}

.page_article {
 	padding: 20px; 

}

#page_localisation {
	font-size: 8pt;
	
}

#page_pied {
	clear: both;
	font-size: 8pt;
	text-align: center;
 /* background:#FBDB96;*/
padding: 35px

}



/* --------------- Styles spécifiques aux images ----------------------------*/

.cadre {
  float:left;
  max-width:575px;
  margin-right:20px;
  padding:35px;
  background:#FBDB96;
  text-align:center;
}

.cadre_gauche {
  float:left;
  max-width:575px;
  margin-right:20px;
  padding:35px;
  background:#FBDB96;
  text-align:center;
}

.cadre_droit {
  float:right;
  max-width:575px;
  margin-left:20px;
  padding:35px;
  background:#FBDB96;
  text-align:center;
}

.grand_cadre {
  padding:35px;
  background:#FBDB96;
  text-align:center;
}

.grand_cadre_justify {
  padding:35px;
  background:#FBDB96;
  text-align: justify;
}

.petit_cadre_justify {
  padding:6px;
  background:#FBDB96;
  text-align: justify;
}

.photo {
  max-width:505px;
  border:5px solid #a22938;
  background:#FFF3C4;
  padding:none;
  margin:none;
}

.photo_gauche {
  float: left;
  max-width:505px;
  border:5px solid #a22938;
  background:#FFF3C4;
  padding:none;
  margin-right:20px;
}

.photo_droite {
  float: right;
  max-width:505px;
  border:5px solid #a22938;
  background:#FFF3C4;
  padding:none;
  margin-left:20px;
}


.legende {
  clear:both;
  margin-top:20px;
  font-size:0.9em;
  font-style:italic;
  font-weight:bold;
  text-align:center;
}

.legende_dessous {
  clear:both;
  margin-top:20px;
  font-size:0.9em;
  font-style:italic;
  font-weight:bold;
  text-align:center;
}

.legende_acote {
  margin-top:20px;
  font-size:0.9em;
  font-style:italic;
  font-weight:bold;
  text-align:center;
}

.alaligne {
	clear:both;
}

/* --------------- Styles spécifiques à l'arrière plan ----------------------------*/

#A {
  position:absolute;
	left:0px;
	top:0px;
	width:320px;
	height:530px;
	background:url(images/A.jpg) top left no-repeat;
}

#C {
	position: absolute;
	top: 0px;
	left: 320px;	
	width:79px;
	height:130px;
	background:url(images/C.jpg) top left no-repeat;
}


#E {
	top:0px;
	height:260px;
	background:url(images/E.jpg) right top repeat-x;
}

#G {
	position:absolute;
	top:0px;
	height:320px;
	background:url(images/inversion.jpg) left top no-repeat;
	z-index:2;
}

#F {
	position:absolute;
	top:0px;
	right:0px;
	width:35px;
	height:260px;
  background:url(images/F.jpg) top right no-repeat;
}