@charset "iso-8859-1";

html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background:#333333 url(../images/nuages.jpg); 
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D2311D;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D2311D;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #D2311D;
	}
a.autres:link { font-size:0.7em;
	
	text-decoration: none; 
	color: #B7A5DF;
	}
a.autres:visited { 
	font-size:0.7em; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a.autres:hover, a.autres:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
/* specific divs */
#container { position:relative;
	background: #fff url(../images/fond2.jpg); 
	padding: 0 0px 0 0px;  
	margin: 0 auto; 
	width:1100px;background-color:;height:760px;min-height:760x;
	}

#container2 { position:relative;
	background: white url(../images/fond2.jpg) ; 
	padding: 0 0px 0 0px;  
	margin: 0 auto; 
	width:1100px;background-color:;height:880px;min-height:880x;
	}

#intro { width:850px;
	margin: 0 auto;background: transparent url(../images/photos-mariage.gif) no-repeat top center; 
	min-height:600px;
	}
	
#intro1 { width:850px;
	margin: 0 auto;background: transparent url() no-repeat top center; 
	min-height:600px;
	}
	
#allong-page { width:1100px;
	margin: 0 auto;background: white url(../images/fond2.jpg); 
	min-height:370px;height:370px;
	}

#allong-pageville { width:1100px;
	margin: 0 auto;background: white url(../images/fond2.jpg) ; 
	min-height:225px;height:225px;
	}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { position:absolute;top:2px;left:620px;
	background: transparent url() no-repeat top left; 
	margin: 0px 0 0 0px; 
	width: 346px; 
	height: 100px; 
	float: left;z-index:2;
	}
#pageHeader h1 span {
	
	}
#pageHeader h2 { position:absolute;top:2px;left:100px;
	background: transparent url() no-repeat top left; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 611px; 
	height: 50px; 
	float: left;
	}
#pageHeader h2 span {
	color:#333333;text-align:justify;
	font: 0.7em verdana, arial,georgia, sans-serif;
	
	}
#pageHeader {	
	padding-top: 20px;
}

#menu {
	
	margin: 30px 50px 20px 0px; 
	width: 270px; height:220px;
	float: right;
	background: transparent url(../images/) no-repeat bottom left; 
	
	}
#menu p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}
#menu ul {
list-style-type:none; display:block;  }

#menu li  {border-bottom: 1px dotted #F2310C;
font: bold 1.2em Georgia, Times, serif;
margin: 2px 8px;list-style-position: outside;
}


li.lienchoisi {color:#ffcc00;}

#menu a:hover {font-size:2em;text-decoration: underline;font: georgia, sans-serif; 
	color: #000;}
#menu a:link {font-size:1em;font-weight: bold; font: georgia, sans-serif;
	text-decoration: none; 
	color: #000;}
#menu a:visited {font-size:1em;font-weight: bold;font: georgia, sans-serif;
	text-decoration: none; 
	color: #000;}
#menu a:active {font-size:1em;text-decoration: underline; font:  georgia, sans-serif;
	color: #000;}
	
#preamble {
	clear: right; height:auto;
	padding: 0px 10px 0 40px;
	}
	
#preamble h3 {position:absolute;
	top:410px;left:120px;
	width:180px;height:200px;
	background: transparent url(../images/pinceau.gif) no-repeat top center; 
	color:#333333;
	font: 1.3em verdana, arial,georgia, sans-serif;}



#preamble h2 {
	position:absolute;
	top:549px;
	left:110px;
	width:180px;
	height:130px;
	z-index:2;
}

#supportingText {background: transparent url(../images/) no-repeat top right; ;width:900px;position:absolute;left:90px;top:220px;
	padding-left: 0px; 
	margin-bottom: 40px;	
	}

	
#supportingText2 {background: transparent url(../images/) no-repeat top right; ;width:450px;position:absolute;left:90px;top:80px;
	padding-left: 0px; 
	margin-bottom: 40px;	
	}	
#explanation h3 {position:absolute;top:100px;left:430px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.9em;}
#explanation {position:absolute;top:0px;left:0px;color:#000;}


.p2 {width:350px;font: 120% verdana, arial, georgia, sans-serif;
line-height: 1.85;margin: 100px 0 0 50px;}
.p3 {width:350px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 1em;
line-height: 1.4;margin: O 0 0 0px;float:left;padding:10px;}
.p4 {width:350px;font: 110% verdana, arial, georgia, sans-serif;
line-height: 1.4;margin: 0 0 0 0px;float:left;}

.p5 {width:350px;font: 110% verdana, arial, georgia, sans-serif;background-color:transparent;
line-height: 1.4;margin: 0 0 0 0px;float:left;position:relative;top:20px;left:50px;padding:10px;}

.p6 {width:450px;font: 110% verdana, arial, georgia, sans-serif;background-color:transparent;
line-height: 1.4;margin: 0 0 0 0px;float:left;position:relative;top:20px;left:30px;padding:10px;}


#menu-index {
	
	
	width: 800px; height:20px;text-align:center;
	margin:0 auto;
	background: transparent url(../images/) no-repeat bottom left; 
	
	}

#menu-index ul {
margin: 0;
padding: 0;
font: bold 1em Georgia, Times, serif;
list-style-type: none;  }

#menu-index li  {
font: bold 1em Georgia, Times, serif;
display: inline;margin: 0 8px;
}
#menu-index a:hover {text-decoration: underline;font: 1em verdana, arial, georgia, sans-serif;
	color: #fff;}
#menu-index a:link { font: 1em verdana, arial, georgia, sans-serif;
	text-decoration: none; 
	color: #fff;}
#menu-index a:visited {font: 1em verdana, arial, georgia, sans-serif;
	text-decoration: none; 
	color: #fff;}
#menu-index a:active {text-decoration: underline; font: 1em verdana, arial, georgia, sans-serif;
	color: #fff;}
#footer { background-color:transparent;position:relative;z-index:8;
	text-align: center; padding:5px 0 0 0;color:#fff;margin:0 auto;
	}
#footer a:link, #footer a:visited { 
	margin-right: 0px; 
	}
	



#linkList {
	margin-left: 0px; 
	position: absolute; 
	top: 0; 
	right: 0;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent() top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 0px; 
	}
#linkList3 { 
	background: transparent url() no-repeat top left; 
	margin: 0 0 0 0; 
	width: 0px; 
	height: 4px; 
	
	}
#linkList h3.select span {color:transparent;
	display:none
	}




#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	line-height: 2.5ex; 
	background: transparent url() no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {font: 100% arial, sans-serif;
	color: #000;
	}
#linkList li a:visited {font: 100% arial, sans-serif;
	color: #666;
	}


#extraDiv1 {
	background: transparent url() top left no-repeat; 
	position: absolute; 
	top: 5px; 
	left: 132px; 
	width: 300px; 
	height: 200px;
	}
	
#extraDiv2 {
	background: transparent url() no-repeat bottom right; 
	position: absolute; 
	top: 0px; 
	left: 400px; 
	width: 250px; 
	height: 308px;
	}
#extraDiv3 {
	background-color:transparent; 
	position: absolute; 
	top: 70px; 
	left: 630px; 
	width: 300px; 
	height: 300px;
	}
	
#extraDiv4 {
	background: transparent url() top left no-repeat; 
	position: absolute; 
	top: 58px; 
	left: 122px; 
	width: 330px; 
	height: 350px;margin:0;padding:0;
	font-family : verdana, arial, helvetica, sans-serif;
font-size : 1.1em;
	}
	
#extraDiv5 {
	background: transparent url() no-repeat bottom right; 
	position: absolute; 
	top: 240px; 
	left: 430px; 
	width: 254px; 
	height: 400px;
	}
#extraDiv6 {
	background: transparent url() no-repeat center center; 
	position: absolute; 
	top: 220px; 
	left: 670px; 
	width: 320px; 
	height: 400px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.9em;
	}
#extraDiv6 span {position:relative;left:30px;}	

#extraDiv7 {
	background: transparent url() top left no-repeat; 
	position: absolute; 
	top: 15px; 
	left: 420px; 
	width: 230px; 
	height: 200px;
	}
	


#extraDiv8 {
	background: transparent url() top left no-repeat; 
	position: absolute; 
	top: 60px; 
	left: 102px; 
	width: 300px; 
	height: 190px;font:  1em verdana, arial,helvetica,sans-serif;
	}
#extraDiv8 ul {list-style-type:square; display:block;  }
	
#extraDiv8 li {
font:  1em verdana, arial,helvetica,sans-serif;
margin: 0 8px;list-style-position: outside;}

#extraDiv9 {
	background: transparent url() no-repeat center center; 
	position: absolute; 
	top: 220px; 
	left: 670px; 
	width: 320px; 
	height: 400px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.9em;
	}
#extraDiv9 span {position:relative;left:30px;}	
#extraDiv10 {
	background: transparent url() no-repeat center center; 
	position: absolute; 
	top: 220px; 
	left: 530px; 
	width: 500px; 
	height: 400px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.9em;
	}
#extraDiv10 span {position:relative;left:30px;}	

	
#extraDiv11 {
	background: transparent url() no-repeat center center; 
	position: absolute; 
	top: 430px; 
	left: 120px; 
	width: 780px; 
	height: 400px;font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.9em;
	}
h4 {font:arial,sans-serif;
	font-size:90%;}
div#footer span {font-family : verdana, arial, helvetica, sans-serif;
font-size : 9px;}	



#monForm
{color : #333;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
	width: 550px;border:0px;background-color:transparent;margin: 0 0 0 20px;
}

#monForm p
{text-align:left;color:#333;
	margin: 2px 0;width:220px;
}

/* fieldset , legend */




#monForm fieldset 
{
	padding: 0 10px;width:500px;
	border:0px;
	font-size: 1.2em;
	color: #555753;
	font-family : verdana, arial, helvetica, sans-serif;

}


 


/* Input */
#monForm input, #monForm select, #monForm textarea
{
	background-color: #FFFBE8;
	width: 220px;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover,#monForm textarea:hover,  #monForm input:focus, #monForm select:focus,#monForm textarea:focus
{
	border: #999 1px solid;width: 220px;
	background-color: #B188B5;
}


  

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 220px;background-color:#F83A18;
	color:#fff;
}



#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 220px;background-color:#F83A18;
	color:#fff;
}

#monForm p.cnil {color:#666;width:510px;font-size:0.7em;font-style:italic;font-family : verdana, arial, helvetica, sans-serif;}
#monForm p {color:#666;width:510px;font-size:0.9em;font-family : verdana, arial, helvetica, sans-serif;}
#gauche {float:left;width:240px;}
#droite {float:left;width:240px;}
.livre { 
	font: italic normal 0.9em georgia, sans-serif;
	letter-spacing: 1px; 
	
	color: #7D775C;
	}