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

html {
	height:100%;
}

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	font-family: "Myriad Pro", "Myriad Web", Arial, sans-serif;
	color: #756A5E;
}
br {
	clear:both;	
}

/* entoure le content*/ 
#wrapper{
width: 100%;
display:table;
border-spacing: 0;
border-collapse: collapse;
}
#firefox-bug-fix {
display:table-row;
}
.columns {
display: table-cell;
border: 0px solid #000;
vertical-align: top;
}
#c2, .c2 {
width: 100%;
padding: 20px;
}

#top{
	width: 100%;
	height: 115px;
	background-color: #A19689;
}

div#gauche {
	position: absolute;
	left: 0px;
	top: 115px;
	margin-top: 0px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 30px;
	text-align: center;
	width: 255px;
	height: 70%;
	display: block;
	z-index: 4;
}
div#gauche2 {
	position: absolute;
	left: 0px;
	top: 115px;
	margin-top: 30px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 30px;
	text-align: center;
	width: 55px;
	height: 70%;
	display: block;
	z-index: 4;
	
}


div#droite {
	/*height: 100%; aucune influence sur ffox2 et ie6*/
   margin-left: 0px;
   margin-right:0px;
   margin-top:20px;
   padding:0;
   voice-family: "\"}\"";
   voice-family: inherit;
  background-color:#ffffff;
  display: block;
  z-index: 5;
  
}
		
html>body div#droite {
	padding:0px;
	margin:0px;
   height:80%; /* joue sur firefox2 et supprime l'ascenseur -  pas sur ie6 */
}

div#droite div#flash {
	margin-left:280px;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	height:80%; /* joue sur firefox2 pas sur ie6 sauf création ascenseur*/
}
div#droite div#flash2 {
  background-color:#333fff;
		margin-left:280px;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	height:80%; /* joue sur firefox2 pas sur ie6 sauf création ascenseur*/
}

div#footer{
	/*float:left; aucun effet sur firefox2 et ie6*/
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 10px 0 0 0;
	background-color: #a19689;
	height: 50px;
	width: 100%;
	font-size: 11px;
	color: #0E3465;
}


/* les contenus */

.imgtitre {
	margin-left:115px;
}

#vignette {
	
}

#txt {
	padding-top:0px;
	padding-right:10px;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	text-align: left;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 11px;
}

#txt p {
	margin-top:0px;
}

#txt a:link, #txt a:visited {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #15509B;
}

#txt a:hover {
background-color: #15509B;padding:3px; margin:0px;
color: White;
}


#adresseQuille {
display: block;
float:left;
margin-left:20px;
width:325px;
	font-size: 10px;
}

#adresseGTB {
display: block;
float:left;
width:415px;
	font-size: 10px;
}

#webmaistre {
display: block;
float:left;
background-color: Gray;
}

spacer {
 	clear: both;
 }
 
 #footer a:link , #footer a:visited{
	background-color: #819C16;
	color: White;
	text-decoration: none;
	padding-left:3px;
	padding-right:3px;
}

 #footer a:hover {
	background-color: #15509B;
	color: White;
	text-decoration: none;
}