/* css - 'A&M' par rodolphe metayer 'ubacto', http://www.ubacto.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003,  Rodolphe Metayer */
/* Added: Decembre 10th, 2003 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


body {
color:#666;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}

div#intro {
background-image:url("../images/AetM-maries2.jpg");
background-repeat:no-repeat;
background-position:left top;
padding-left:1em;
padding-right:12em;
}

div#bandeau {
background-image:url("../images/espacefutursmaries2.jpg");
background-repeat:no-repeat;
background-position:left top;
padding-left:1em;
padding-right:12em;
}

div#h1 {
clear: both;
position:absolute;
background: transparent;
padding-top: 5px;
padding-right: 0;
display:block;
width:20px;
height: 20px;
}

h1, h2, h3, h4, form {
margin:0;
}

div#intro p {
}

h1 span, h3 span, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
display:none;
}

#explanation h3 span, #preamble h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #fondtext h3 {
display:block;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:1.3em;
color:#c9380b;
}

div#pageHeader h2 {
clear: both;
color:#ccc;
padding-top:270px;
font-size:0.8em;
font-weight:normal;
letter-spacing:0.4em;
padding-left:1em;
}

div#pagesinter h2 {
clear: both;
padding-top: 1.2em;
padding-bottom: 3.5em;
padding-right: 0.5em;
display:block;
text-align: right;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:2em;
color:#c9380b;
}

div#quickSummary {
margin-left:0.8em;
}

div#quickSummary a, div#footer a, p a {
color:#c9380b;
text-decoration:none;
font-weight:bold;
}

div#quickSummary a:hover, p a:hover, div#footer a:hover {
text-decoration:underline;
}
div.back {
clear: both 
}
  
div.map {
position: absolute;
display:block;
background-attachment: fixed;
width: 10.6em;
top: 0em; right: 0em; bottom: 0em; left: auto;
background-color:#9999CC;
border-left:1px solid #666666;
margin-left:3em;
height:100em;
}
html>body div.map {
  position: fixed;
}

div.mapesmaries {
position: absolute;
width: 10.6em; height: auto;
top: 0em; right: 0em; bottom: 0em; left: auto;
background-image: url("../images/AetM-laboutique.jpg");
background-repeat: no-repeat;
background-position: center top;
background-color:#9999CC;
border-left:1px solid #666666;
height:60.43em;
}

div#linkList2 {
background-color:#9999CC;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
margin-left:-0.85em;
margin-right: 0px;
padding: 0em;
width:170px;
overflow: auto;
/*height:550px;*/
height:34.43em;
position:absolute;
top:0px;
left:350px;
z-index:1;
}

h3.linkListe {
position:relative;
white-space: nowrap;
text-indent: 0;
margin-top:0;
margin-left:-0.85em;
margin-bottom:0;
background-image:url("../images/lecatalogue.gif");
background-repeat:no-repeat;
padding-left:1em;
z-index:2;
width:175px;
height:50px;
}

h3.select {
position:relative;
white-space: nowrap;
text-indent: 0;
margin-top:0;
margin-left:-0.85em;
background-image:url("../images/titrelesrubriques.gif");
background-repeat:no-repeat;
padding-left:1em;
z-index:2;
width:175px;
height:50px;
}

div#lselect ul, div#lesboutiques ul {
color:#000;
font-size:0.9em;
margin:0px;
padding:0px;
padding-left:15px;
}

div#lselect li {
background-image: url("../images/puceblanche.gif");
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
font-size:0.8em;
line-height: 1.2em;
z-index:2;
}

div#lesboutiques li {
background-image: url("../images/pucebleu.gif");
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
font-size:0.8em;
line-height: 1.2em;
z-index:2;
}

div#lselect a, div#lesboutiques a {
color:#663399;
text-decoration:none;
font-weight:bold;
}

div#lselect a.c, div#lesboutiques a {
color:#fff;
font-weight:normal;
}

div#lselect a:hover, div#lesboutiques a:hover {
text-decoration:underline;
}

h3.boutique {
position:relative;
white-space: nowrap;
text-indent: 0;
margin-top:0;
margin-left:-0.85em;
background-image:url("../images/titrelesboutiques.gif");
background-repeat:no-repeat;
padding-left:1em;
z-index:2;
width:175px;
height:50px;
}

legend.archives {
display:block;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:0.8em;
font-weight:bold;
color:#e6e6fa;
}
fieldset.archives {
margin-top:0em;
margin-left:4px;
margin-right:4px;
padding: 2px 2px 2px 2px;
border-collapse: collapse; border: 1px solid #e6e6fa;
}

.archinsert {
color:gray;
width:71%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.7em;
font-weight:bold;
border: double 3px #e6e6fa;
}

.archinput {
color:white;
background-color:#333366;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.7em;
font-weight:bold;
border: double 3px #e6e6fa;
margin-left:1px;
}

/* Site navigation menu, along the top */

div#banner {
clear: both;
display:block;
text-align: right;
margin-top: 0em;	/* MacIE 5.2 needs 'margin' rather then 'right' */
padding: 0;
top: 0em; right: 0em; bottom: auto; left: 0em;
 }
div#banner p {
clear: both;
top: 0em; right: 0em; bottom: auto; left: 0em;
padding-top: 1em;
padding-bottom: 0em;
padding-right: 1em;
margin: 0;
display:block;
float: right;
line-height: 0.9em;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:0.9em;
color:#c9380b;
}

a.aban {
font-weight: normal;
font-size:0.9em;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
}

/* div#fairecadeau {*/
/*  position: absolute;*/
/*  float: left; margin-right: 1em;*/
/*  top: 0.2em; right: 0em; bottom: auto; left: 0em;*/
/*  text-align: left  This seems to help Opera 6... */
/*}*/

.fairecadeau {
display:none;
}

div#blocdroite {
display:block;
float: left;
width: 15em;
padding: 0.7em 0.5em 0em 0.8em;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:normal;
font-size:75%;
}

div#blocdroite p.p1 {
text-align: center;
}

div#blocphoto {
display:block;
float: left;
width: 150px;
margin:0px 25px 5px 0px;
}

div#blocphoto p.p1 {
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
text-align: center;
font-weight:normal;
font-size:75%;
}

div#preamble, div#explanation, div#participation, div#benefits, div#requirements, div#infobaspage, div#fondtext {
width: 95%;
font-size:75%;
}

div#preamble {
left:10px;
top:500px;
padding-top:0.02em;
}

div#preamble h3, div#requirements h3, div#participation h3 {
}

.h4 {
display:block;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:bold;
font-size:1.3em;
color:#666;
text-align:center;
}

.h5 {
display:block;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-weight:bold;
font-size:1.1em;
color:#c9380b;
}

div#preamble p, div#requirements p, div#participation p, div#explanation p, div#benefits p, div#preamble h3, div#requirements h3, div#participation h3, div#explanation h3, div#benefits h3, div#requirements p, div#requirements h3, div#infobaspage p, div#fondtext p {
padding-top:1em;
padding-left:8px;
padding-right:8px;
text-align:justify;
line-height:135%;
}

div#explanation {
}

div#explanation p.photo {
text-align: center;
}

div#explanation h3, div#benefits h3 {
}

div#participation {
}

div#benefits {
}

div#requirements {
}

fieldset.cache {
margin:0;
padding:0;
border-collapse: collapse; border: 0px solid #FFFFFF;
}

/* Table d'accËs ý espace web. */

div#table table {
width:100%;
}

.text100 {
width:100%;
background:#f5f5f5 100%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.8em;
}
.text100fonce {
width:100%;
background:#dcdcdc 100%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.8em;
}
.text50 {
width:50%;
background:#f5f5f5 50%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.8em;
font-weight:bold;
}

.text50text {
width:50%;
background:#f5f5f5 50%;
text-align:center;
}

.text50input {
width:50%;
background:#dcdcdc 50%;
text-align:center;
}

.text100input {
width:100%;
background:#dcdcdc 100%;
text-align:center;
}

/* Table listes. */

div#tablelistes {
text-align:center;
border-collapse:collapse;
table-layout:fixed;
}


.boutinsert {
color:gray;
background-color:transparent;
width:95%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.8em;
text-align:center;
border: double 3px gray;
}

.boutinput {
color:white;
background-color:gray;
width:95%;
font-family:Century Gothic, AvantGarde, Verdana, Arial, sans-serif;
font-size:0.8em;
text-align:center;
border: double 3px white;
}

div#infobaspage p {
padding-top:2em;
text-align: center;
font-size:0.9em;
font-weight:bold;
}

div#footer {
position:absolute;
top:470px;
left:0.8em;
}

div#footer a:before {
content: url("puce_rouge.gif");
}

p {
font-size:1em;
}
p photo {
text-align: center;
}

p first-letter {
font-size: 200%;
font-style: italic;
font-weight: bold;
float: left }

.signature {
text-align: right;
}

.notes {
color:#a52a2a;
font-family:Arial;
font-weight:bold;
}

span demo {
text-align: center;
font-size:0.8em;
font-weight:bold;
}
.margingPhoto {
	margin-top: 0.40em; margin-right: 0.80em; margin-bottom: 0.10em }

#requirements .p5 {
margin-top:15px;
color:#ccc;
}

/* --------- liens classiques petit sans indication --------- */

a.mini { font-size: 9px; text-decoration: none }
a.mini:hover { font-size: 9px; text-decoration: underline }
a.mini:active { font-size: 9px; text-decoration: underline }
a.masquelink { color: #ffffff; font-size: 1px; text-decoration: none }

.margingPhoto { margin-top: 5px; margin-right: 15px; margin-bottom: 15px }

.ContText {
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	}
#fondtext {
	background-color: transparent;
/*	margin-left: 5em;
/*	margin-right: 5em;
  	margin-top: 5em; */
/*	margin-bottom: 1em; */
/* 	padding: 15px; */
	}

#bloctext, #bloctext1, #bloctext2 {
/* 	background-image:url(""); */
/* 	background-repeat:no-repeat; */
	background-color: transparent;
	clear: left;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 15px;
	border-collapse: collapse; border: 1px solid #333333;
	}

#blocTextPos p, #blocTextPos1 p, #blocTextPos2 p, #blocTextPos3 p, #blocTextPos4 p { 
  	font: 9pt/17pt verdana; 
 	margin-top: 0px;
 	text-align: justify;
	}

#blocTextPos, #blocTextPos1, #blocTextPos2, #blocTextPos3, #blocTextPos4 {
	background-color: transparent;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1px;
	margin-bottom: 1em;
	padding: 0px;
	}	
.mPhotoright { 
	float: right;
	clear: inherit;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
.mPhotoleft { 
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-spacing: 0px;
	}
#EnsPhotoright, #EnsPhotoright1, #EnsPhotoright2, #EnsPhotoright3, #EnsPhotoright4,{
	}
#EnsPhotoleft, #EnsPhotoleft1, #EnsPhotoleft2, #EnsPhotoleft3, #EnsPhotoleft4,{
	}
#titre, #titre1, #titre2, #titre3, #titre4 {
	text-align: center;
	}
#paragraphe, #paragraphe1, #paragraphe2 {
	text-align: justify;
	margin-top: 2em; 
	margin-bottom: 2em; 
	}
#titre1 p h2, #titre2 p h2 {
	text-align: center;
	color: #333333;
	font: 18pt verdana; 
	font-weight: bold; 
	}
#paragraphe1 p h4, #paragraphe2 p h4 {
	text-align: justify;
	font: 10pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #333333;
	}
#titreimg, #titreimg1, #titreimg2, #titreimg3, #titreimg4 {
	text-align: center;
	font: 12pt verdana;
	font-weight: bold;
	color: #333333;
	}
#titreright, #titreright1, #titreright2, #titreright3, #titreright4 {
	text-align: left;
	font: 12pt verdana;
	font-weight: bold;
	color: #333333;
	}
#titreleft, #titreleft1, #titreleft2, #titreleft3, #titreleft4 {
	text-align: left;
	font: 12pt verdana;
	font-weight: bold;
	color: #333333;
	}
#titrecenter, #titrecenter1, #titrecenter2, #titrecenter3, #titrecenter4 {
	text-align: center;
	font: 12pt verdana;
	font-weight: bold;
	color: #333333;
	}
#textimg, #textimg1, #textimg2, #textimg3, #textimg4 {
	text-align: justify;
	}
#legende, #legende1, #legende2, #legende3, #legende4 {
	font: italic normal 9pt verdana; 
	margin-bottom: 0px; 
	color: #99CC99;
	}
.legende {
	font: italic normal 8pt verdana; 
	margin-bottom: 0px; 
	color: #99CC99;
	text-align: left;
	}
#liens, #liens1, #liens2, #liens3, #liens4 {
	font: italic normal 9pt verdana; 
	margin-bottom: 0px; 
	color: #EEE8AA;
	}
#blocform {
	text-align: center;
	background-image:url("");
	background-repeat:no-repeat;
	background-color: transparent;
	clear: left;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 15px;
	border-collapse: collapse; border: 1px solid #333333;
	}
.selector { 
	color: #666666;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 1px;
	background-color: #333333;
	border: solid 1px #333333;
	cursor:hand;
	}
.intext {
	color: #333333;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	border: solid 1px #99CC99;
	}
.pop {
	color: #333333;
	font-weight: bold;
	font-size: 9pt;
	font-family: "Courier New", Courier, Monaco;
	padding: 2px;
	border: solid 1px #666666;
	}