/* CSS Document */

html { 
  margin:0;
  padding:0;
  /*background: url(../divers/Godillot.png) no-repeat center fixed;
  background: url(../divers/Celte_reduc.jpg) no-repeat center fixed;  */
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisee */ 
  /* background-color: #3f1702;*/
}

img {border:none; !important}


#body
{
	/*background-color:#A68C5D;*/
	background-color:#cccccc;
	z-index: 0;
}

#bt_fond
{
	position:absolute;
	z-index:1;
	height: 96%;
	width: 96%;
	left: 2%;
	top: 2%;
	right: 2%;
	bottom: 2%;
}

#bt_fond1
{
  background-image: url(../divers/Celte_reduc.jpg); 
  background-repeat:no-repeat;
  background-size:100% auto;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisee */ 
	position:absolute;
	z-index:1;
	height: 96%;
	width: 96%;
	left: 2%;
	top: 2%;
	right: 2%;
	bottom: 2%;
}

#bt_entete
{
	top:0px;
	height:160px;
	width:100%;
	z-index: 2;
}

#bt_logo
{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 170px;
	height: 119px;
	z-index:3;
	background-image:url("../divers/Aloes_calques_gamma_80.jpg");
	background-repeat:no-repeat;
}

#bt_titre
{
	position:absolute;
	top: 30px;
	right: 30px;
	height: 119px;
	left: 231px;
	z-index:3;
}

#btgauche
{
	position:absolute;
	width:170px;
	top:180px;
	left:20px;
	bottom:20px;
	z-index:2;
}

#btmenu
{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:100;
}

#btlgnmenu {
	width:130;
	height:25;
	border:1px solid #FFCC33;
}

#btmentions
{
	position:absolute;
	width:100%;
	bottom:0px;
	z-index:3;
}

#bt_corps
{
	position: absolute;
	right: 0px;
	overflow: auto;
	top: 160px;
	left:210px;
	bottom:0px;
	z-index: 2;
}

#bt_corps1
{
	position:absolute;
	top:161px;
	bottom:5px;
	left:0px;
	right:0px;
	overflow: auto;
	z-index:2;
	}


#btcontenu {
	left:250px;
	top:161px;
	right:0px;
	bottom: 5px;
	position:absolute;
	z-index:2;
	overflow: auto; background-color:#3F1702;
}

#bt_silhouettes
{
  background: url(../divers/Silhouettes_web5.png) no-repeat center ; 
  -webkit-background-size: contain; /* pour Chrome et Safari */
  -moz-background-size: contain; /* pour Firefox */
  -o-background-size: contain; /* pour Opera */
  background-size: contain; /* version standardisee */ 
	position:absolute;
	top:16%;
	left:23%;
	right:40%; 
	bottom:13%;
	z-index:4;
	}

#bt_folien
{
  background: url(../divers/Folien_1886.jpg) no-repeat center ; 
  -webkit-background-size: contain; /* pour Chrome et Safari */
  -moz-background-size: contain; /* pour Firefox */
  -o-background-size: contain; /* pour Opera */
  background-size: contain; /* version standardisee */ 
	position:absolute;
	position:absolute;
	top:10%;
	left:36%;
	right:25%;
	bottom:32%;
	z-index:3;
	}
	
#bt_Yvon
{
	position:absolute;
	top:1px;
	right:1%;
	left:70%;
	bottom:70%;
	width:auto;
	z-index:10;
	}

#bt_Francette
{
	position:absolute;
	top:82%;
	right:50%;
	left:8%;
	bottom:16px;
	width:auto;
	height:auto;
	z-index:10;
	}

#bt_marie_fond {
	position:absolute;
	top:8%;
	left:10%;
	right:5%;
	bottom:5%;
	background:url(../images/Eclosion_37x15x12a.jpg) no-repeat 100% auto;	
	z-index::3;
}
	
#bt_video {
	position:absolute;
	top:8%;
	left:40%;
	right:5%;
	bottom:5%;
	width:55%;
	height:auto;
	z-index::4;
}

#btmentions
{
	position:absolute;
	width:100%;
	bottom:0px;
	z-index:3;
}


* ============= corps ==============*/	
#corps
{
	/*margin-right:5px;	*//* une marge à droite pr que le corps ne passe pas sous le menu */
	/*margin-bottom:0px;*/	/* pr éviter que le corps colle trop au pied de page */
	width:1024px;
	margin:auto;	
	float:center;	/* le corps flottera au centre */
	padding:0px;				/* pr éviter que le texte à l'int du corps ne colle trop à la bordure */
	color:#b3b3b3;
	background-color:#424242;	/* une couleur de fonds pr le corps */
	border:1px solid grey;			/* 1 bordure pr marquer les limites du corps et faire joli */
}


#btbaspage
{
	position:absolute;
	top:99%;
	right:10%;
}

.Style2 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				font-color:"#bbBBCC";
			}

/*.dynamic-style-2 {margin-left: 170px; text-align: left}
.mariage-style-3 {font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI'; font-size: 48px; line-height: 48px; color: #FFCC00}
.mariage-style-5 {font-family: 'Trebuchet MS'; font-size: 12px; line-height: 14px; color: #99CCFF; font-weight: bold}
.portrait-style-7 {font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI'; font-size: 14px;   color: #FFDDAA}
.DIVDefaultParaStyle {text-align: left}
.Style1 {font-family: Arial, Helvetica, sans-serif}
.rem-style-1 {font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI'; font-size: 8px;  color: #575757}
.nymph-style-6 {font-family: 'Trebuchet MS'; font-size: 18px; line-height: 24px; color: #99CCFF; font-weight: bold; align='middle'}


img {
	color:#999;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

.specif {
	height: 20px;
	width: 220px;
	background-color: silver;
	text-align: center;
	vertical-align: middle;
}
*/
.ligne_qep {
	font-size: 1.4em;
	/*line-height:2em;*/
	color:#6666ff;
	}

	/* titres ---- */

h2 {
	text-align:center;
	font-size:1.8em;
	line-height: 24px;
	color:#eeeeee;
}

h3 {
	font-size: 14pt;
	color: #FFCC00;
	/*font-weight: bolder;*/
	line-height: 18px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI';
	text-align: center;
	font-style:italic;
}

#subhead h3 {
	margin: 8px 0 0 0;
}

.bordure {
	border:3px solid red;	
	}



/* le pied de page */
#pied_de_page
{
	position:absolute;
	width:80%;
	bottom:2%;
	right:10%;
	padding:1px;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #929292;
}
.pied_de_page a														/* ts les liens se trouvant ds une liste */
{
  text-decoration:none;
	text-shadow:none;
	color: #929292;
}

.pied_de_page a:hover											/* qd on pointe sur un lien de la liste */
{
  text-decoration:none;
	background-color:#b3b3b3;
}

/* liens */
.aloes0
{
 list-style-type:none;
 
}
.aloes a
{
		text-decoration:none;
}
.aloes a:hover
{
	text-decoration:line-through:
}

.droits {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #828282;
}

.retour a														/* ts les liens se trouvant ds une liste */
{
  text-decoration:none;
	text-shadow:none;
	background-color:#000000;
}
.retour a:hover											/* qd on pointe sur un lien de la liste */
{
	text-decoration:none;
	background-color:#b3b3b3;
}

.retour {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #eeeeee;
}