@charset "utf-8";
/* CSS Document */

/* Normalise les marges et les remplissages */
body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalise les tailles de police pour les en-têtes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Supprime liste-style pour les listes */
ol, ul
{ list-style: none; }

/* Normalise les styles et graisses de font : font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img
{ border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th { text-align: left; }


html {
text-align:center;
 }

body{
	position: relative;
	width:800px;
	font-family: "Arial narrow",Helvetica,sans-serif;
	line-height:1.6em;
	background-color:white;
	margin: 0 auto;
	text-align:center;
	background-image:url(images/texture.png);
	background-repeat:repeat;
	background-position:center;
	
}

h1 {
	color: #FFCC00;
	font-family: "Arial narrow", Helvetica, sans-serif;
	font-size: 1.3em;
}

h3 {
    color: #FFCC00;
	font-family: "Arial narrow", Helvetica, sans-serif;
}

p {
	margin: 1em 30px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 1em;
	color: #69696B;
	
}

table {
padding-left:60%;
}
	


a {
    text-decoration:underline;
    color:#BD8633;
}

a:hover {
    text-decoration:none;
    color:#FFCC00;
}

cite {
   color: #69696B;
   font-style:italic;
}

form {
	text-align:center;
  }
  
input {
	text-align:center;
  }
  
address {
   font-size: 1em;
	color: #69696B;
}



input[type=text] {
   font-family:"Arial narrow",Helvetica,sans-serif;
   font-size:1em;
}

input[type=text]:focus {
   color:#BD8633;
   background-color:#FAF740;
}



textarea {
   font-family:"Arial narrow",Helvetica,sans-serif;
   font-size:1em;
}

textarea:focus {
color:#BD8633;
background-color:#FAF740;
}

#extraDiv1, #extraDiv2{
	width:35px;
	height:24px;
	position:absolute;
	margin-left:-24px;
	top:0px;
	background-image:url(images/coin-gauche.png);
	background-position:bottom left;
	background-repeat: no-repeat;
}

#extraDiv1{
    left:38%;
}


#extraDiv2{
	left:76.5%;
}


#footer_ind, #footer{
	position:absolute;
	top:0px;
	overflow:hidden;
	height:24px;
	width:180px;
	background-color:#FFCC00;
	text-align:left;
	background-image:url(images/coin-droit.gif);
	background-position:bottom right;
	line-height:15px;
	background-repeat: no-repeat;
	font-size: 1em;
	font-family: "Arial narrow",Helvetica,sans-serif;
	color: #FFFFFF;

}



#footer_ind{
	left:38%;
}

#footer{
	left:76.5%;
}



#content{
	position:relative;
	width:100%;

}

#main_content{
	width: 66.75%;
	padding-bottom: 10px;
	background: url(images/milieu-bas3.png) no-repeat;
	position:absolute;
	top: 75px;
	background-position: center bottom;
	left: 32%;
	
	
}

#main_contentgal{
	width:850px;
	height:875px;
	padding-bottom: 10px;
	position:absolute;
	top: 70px;
	left: -8%;
	text-align: left;
	background-image:url(images/fond_galerie.png);
	background-repeat: no-repeat;
	
	
}

#main_corp, #main_part{
	width:325px;
	height:875px;
	padding-bottom: 10px;
	background: url(images/fond_ind.png) no-repeat;
	position:absolute;
	top:30px;
	text-align:center;
}

#main_corp{
	left:-6%;
	
}

#main_part{
	left:63%;
	
	
}

#main_corp p, #main_part p{
	text-align: left;
}

#main_corp a, #main_part a{
	text-decoration:none;
	text-transform:uppercase;
}

#main_corp a{
	color:#009D92;
}

#main_corp a:hover{
	color:#FDC300;
}

#main_part a{
	color:#E9E314;
}

#main_part a:hover{
	color:#BD8633;
}
#sub_content, #sub_ind {
	width:33.25%;
	position:absolute;
	
 }
 
#sub_content{
	 left:0%;
	 top: -30px;
}

#sub_ind{
	left:32%;
	top:200px;
}

#branding{
    width: 100%;
	background-position:0 0;
}


#site_info{
	width: 100%;
	position:relative;
	text-align: center;
	font-size: 0.8em;
	color: #CCCCCC;
}

#main_nav {
	position:absolute;
	padding-bottom: 10px;
	background-position: center bottom;
	left: 87.5%;
	margin-top: 70px;
	z-index: 10;
	}
#sub_branding {
	position:absolute;
	left:129px;
	margin-top: 65px;
	}
	
#back_content {
	position: absolute;
	width: 100%;
	background-image: url(images/carre.png);
	height: 720px;
	background-repeat: no-repeat;
	background-position: 17px -126px;
}
	

#main_nav li {
	list-style:none;
	padding-left:3px;
	}


#main_content h2 {
	margin: 0;
	background: url(images/haut3.png) no-repeat;
	background-position: center top;
	text-align: center;
	color: #FFCC00;
	padding-top: 20px;
	padding-right: 15px;
	
}

#main_nav h2 {
	margin: 0;
	padding: 20px 30px 5px 40px;
	background-position: center top;
	text-align: left;
	color: #EDC200;
	background-image: url(images/hautbis.png);
	background-repeat:no-repeat;
	
}

#map {
   width:300px;
   height:300px;
   position:relative;
}

 
#footer a, #footer_ind a {
 text-decoration:none;
 }
 
#footer a, #footer_ind a {
  color:#FFFFFF;
  }
  
#footer a:hover, #footer_ind a:hover {
  color:#CC9900;
   text-decoration:none;
  
  }
  
.title {
	margin: 0;
	color: #FFCC00;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: bolder;
	text-align: center;
	}
	
.Style1 {
	color: #FFCC00;
	}

.Style3 {
	color: #EAE740;
	font-weight: bold;
}

.Style4 {
	color: #FFCC00;
	font-weight:bold;
	font-size: 1em;
	font-family: arial;
	
}
.Style5 {
	color: #976A28;
  }

.Style6 {
	font-size: 10em;
	font-weight: bold;
}
#main_content a[href="#titre"]:before {
    content:"";
	display:block;
	height:10px;
	width:10px;
	background-image: url(images/cube.png);
	background-repeat:no-repeat;
	padding-right:95%;
	background-position:center;
	padding-top:40px;
	text-decoration:none;
	}


.Style4:before {
    content:"";
	display:block;
	height:20px;
	width:20px;
	background-image: url(images/filigrane.png);
	background-repeat:no-repeat;
	padding-right:95%;
	background-position:center;
	padding-bottom:7px;
	}

.Style4 + p {
	font-family:Arial, Helvetica, sans-serif;
	color: #E9E314;
	font-weight:bold;
	font-size:90%;
	border-bottom:double #FAF740;
	}
	

.Style8 {color: #BD8633}
