* {	margin:0; padding:0; }
* { -moz-box-sizing: border-box; } 


/* --- bodies --- */


body {
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #999999;
	background-image: url(../images/bgr_canvas.jpg);
}

body.body_homepage {
	background-image: url(../images/bgr_homepage_blue.gif);
	background-repeat: repeat-x;
}


/* --- Elements --- */



h1, h2, h3 {
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-weight: bold;
}
	
h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 14px;
}

td {
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-size: 11px;
}


/* --- Intro --- */



#homepage {
	position:relative;
	top: 0px;
	left: 0px;
	width:850px;
	height:680px;
	margin-right: Auto;
	margin-left: Auto;
	text-align: center;
	border: 0px solid #0033CC;
}

#couple {
	position:absolute;
	top: 200px;
	left: 0px;
	width:130px;
	height:220px;
	background-image: url(../images/anim_bgr_cocktail.gif);
	background-repeat: no-repeat;
}

#video_bgr {
	position:absolute;
	top: 0px;
	left: 130px;
	width:600px;
	height:600px;
	background-image: url(../images/bgr_homepage.jpg);
	background-repeat: no-repeat;
}

#video_clip {
	position:absolute;
	top: 160px;
	left: 160px;
	width:480px;
	height:360px;
}

#bouton_entrez {
	position:absolute;
	top: 430px;
	left: 0px;
	height: 50px;
}


/* --- Pages --- */


#top_banner {
	position:absolute;
	top: 10px;
	left: 220px;
	width:580px;
	height:180px;
	text-align: left;
	background-image: url(../images/bgr_top_banner.jpg);
	background-repeat: no-repeat;
	border: 0px solid blue;
}

#menu_gauche_container {
	position:absolute;
	top: 10px;
	left: 10px;
	width:200px;
	height:670px;
	text-align: left;
	background-image: url(../images/bgr_menu_gauche.jpg);
	background-repeat: no-repeat;
	border: 0px solid red;
}

#centre_container {
	position:absolute;
	top: 190px;
	left: 240px;
	width:640px;
	border: 0px solid blue;
}

#footer_container {
	height: auto;
	margin-top: 10px;
	padding-left: 30px;
}


/* --- Bienvenue --- */


#menu_gauche_texte {
	position:absolute;
	top: 170px;
	left: 30px;
	width:170px;
	height:300px;
}

#marier_depuis_container {
	position:absolute;
	top: 420px;
	left: 20px;
	width:180px;
	height:170px;
	text-align:center;
	background-image: url(../images/bgr_bells.jpg);
	background-repeat: no-repeat;
}

#marier_avant {
	position:absolute;
	top: 85px;
	left: 5px;
	width:130px;
	height:60px;
	font-size: 12px;
	line-height:14px;
	color: #333333;
	display:block;
	display:none;
}

#marier_depuis {
	position:absolute;
	top: 90px;
	left: 5px;
	width:130px;
	height:60px;
	font-size: 12px;
	line-height:18px;
	color: #333333;
	display:none;
	display:block;
}

#saviez_vous_container {
	position:absolute;
	top: 600px;
	left: 20px;
	width:160px;
	height:130px;
	border: 0px solid blue;
}

.quotes_button {
	position:absolute;
	top: 10px;
	left: 10px;
	width:130px;
	height:30px;
	color:#1166b0;
	font-size:12px;
	background-color: transparent;
	border: 0px solid #e78fb4;
	background-image: url(../images/bgr_quotes_button.gif);
	background-repeat: no-repeat;
	vertical-align: text-top;
	text-align:center;
	cursor:pointer;
	background-position: 0 1px;
}

#quotes {
	position:absolute;
	top: 40px;
	left: 0px;
	width:160px;
	height:100px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-align: center;
	border: 0px solid red;
}

.quotes_line {
	width:80%;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
	border-top: 1px solid #ccc;
}

.quotes_script {
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* ---  --- */


.width_page_std {
	width:580px;
}

.width_page_large {
	width:640px;
}

.width_page_accueil {
	width:580px;
}

#centre_top_page_std {
	width:580px;
	height:20px;
	background-image: url(../images/bgr_centre_top.gif);
	background-repeat: no-repeat;
	float:left;
	border: 0px solid blue;
}

#centre_mid_page_std {
	position:relative;
	width:580px;
	background-image: url(../images/bgr_centre_mid.gif);
	background-repeat: repeat-y;
	float:left;
	border: 0px solid red;
}

#centre_bottom_page_std {
	width:580px;
	height:40px;
	background-image: url(../images/bgr_centre_bottom.gif);
	background-repeat: no-repeat;
	float:left;
}

#centre_top_page_large {
	width:640px;
	height:20px;
	background-image: url(../images/bgr_centre_top_large.gif);
	background-repeat: no-repeat;
	float:left;
	border: 0px solid blue;
}

#centre_mid_page_large {
	position:relative;
	width:640px;
	background-image: url(../images/bgr_centre_mid_large.gif);
	background-repeat: repeat-y;
	float:left;
	border: 0px solid red;
}

#centre_bottom_page_large {
	width:640px;
	height:40px;
	background-image: url(../images/bgr_centre_bottom_large.gif);
	background-repeat: no-repeat;
	float:left;
}

#centre_top_page_accueil, #centre_bottom_page_accueil {
	width:580px;
	height:0px;
	background-image:none;
	float:left;
	display:none;
	border: 0px solid blue;
}

#centre_mid_page_accueil  {
	position:relative;
	width:580px;
	width:480px;
	background-image:none;
	float:left;
	border: 0px solid red;
}


#centre_min_height_spacer {
	width:1px;
	height:400px;
	float:left;
	border: 0px solid green;
}

/* ---  --- */


#footer {
	padding-top: 5px;
	height: 40px;
	width:90%;
	text-align: center;
	border: 0px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
}

#last_update {
	width:90%;
	text-align: center;
	font-size: 11px;
	height: 20px;
	color: #999999;
	display:block;
}


/* ---  --- */



table.menus { 
	width: 170px; 
	border-collapse: collapse; /* this makes the borders on the internal cells overlap */ 
} 

.menus td a:link, .menus td a:visited {
	color: #403326;
	color: #1166b0;
	color: #000;
	padding-left: 20px;
	width: 100%;
	height:35px;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	line-height:32px;
	background-image: url(../images/bgr_items_on.gif);
	background-repeat: no-repeat;
	display: block;
	outline-style:none;
} 

.menus td.on a:hover, .menus td.on a:active {
	color: #fff;
	background-image: url(../images/bgr_items.gif);
	background-repeat: no-repeat;
	display: block;
	outline-style:none;
} 

.menus td.off a{
	background-image: url(../images/bgr_items.gif);
	background-repeat: no-repeat;
	outline-style:none;
} 

/* ---  --- */



.separator {
	width: 100%;
	margin-top:10px;
	height:20px;
	float:left;
	border-top: 1px solid #ccc;
}


.separator_dashed {
	width: 100%;
	margin-top:10px;
	height:20px;
	border-top: 1px dashed #ccc;
}



/* --- Pages --- */



/* --- Bienvenue --- */
img.img_pierre_celine {
	width:580px;
	height:480px;
	border:0;
	margin-bottom:0px;
}

#rose_accueil {
	position:absolute;
	top: -30px;
	left: 485px;
	width:110px;
	height:100px;
	background-image: url(../images/rose.gif);
	background-repeat: no-repeat;
}


/* --- Nous & autres --- */
#couple_quebec_france {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	width:200px;
	height:200px;
	float:left;
	background-image: url(../images/couple_quebec_france.jpg);
	background-repeat: no-repeat;
}

#centre_topmenus {
	position:absolute;
	top: -30px;
	left: 20px;
	width:530px;
	height:50px;
	padding-top:10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-image: url(../images/bgr_centre_topmenus.jpg);
	background-repeat: no-repeat;
}

#content_nous, #content_infos, #content_liste {
	position:relative;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 50px;
	padding:10px;
	width:450px;
	float:left;
	display:inline;
	border: 1px solid #CCCCCC;
}

#menucentre01, #menucentre02, #menucentre03, #menucentre04  {
	margin-top: 10px;
	margin-left: 10px;
	width:425px;
	height:auto;
	display:block;
	display:none;
	background-color: #f1f2f6;
	border: 0px solid blue;
}

#menucentre01 {
	display:block;
}


h2.h2_nous {
	color: #1166b0;
}

img.img_nous {
	border: 0px;
	margin-right: 20px;
	float:left;
}

img.img_nous_person, img.img_liste {
	border: 0px;
	margin-right: 20px;
	margin-bottom: 30px;
	width:100px;
	height:100px;
	border: 0px solid #dadce4;
	text-align: left;
	float:left;
	vertical-align: text-top;
}

img.img_liste {
	margin-bottom: 10px;
}

.text_nous_name {
	font-size: 16px;
	font-weight: bold;
	color: #1166b0;
}

.text_nous_desc {
	font-size: 14px;
	font-weight: normal;
	color: #0099FF;
	font-style: italic;
}

img.img_flag {
	margin-left: 5px;
	width:16px;
	height:11px;
	vertical-align: 0px;
	border: 0px solid #fff;
}

img.img_paypal{
	margin-right: 10px;
	width:40px;
	height:25px;
	vertical-align: -5px;
	border: 0px solid blue;
}

#merci, #merci_relative {
	position:absolute;
	top: 30px;
	left: 90px;
	width:300px;
	height:350px;
	background-image: url(../images/bgr_terrain_merci.gif);
	background-repeat: no-repeat;
}

#merci_relative {
	position:relative;
	top: 10px;
	left: 80px;
}

#merci_content {
	position:absolute;
	top: 25px;
	left: 30px;
	width:250px;
	height:350px;
}


/* --- Photos --- */

#content_photos {
	position:relative;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	padding:10px;
	width:450px;
	float:left;
	display:inline;   /* --- ie6 hack --- */
	border: 0px solid #CCCCCC;
}

.iframe_top_photos {
	width:510px;
	height:340px;
}

.iframe_bottom_photos {
	width:510px;
	height:90px!important;
	height:100px;
	overflow-x: scroll;
	overflow-y: hidden;
}

#photos_bottomframe {
	width:510px;
	height:auto;
	overflow: hidden;
}

#centre_bottom_under {
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
	width:580px;
	height:25px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	border: 0px solid #999999;
}

.text_icons {
	font-size: 11px;
	font-weight: normal;
	color: #1166b0;
	line-height: 1em;
}

#icon_audio {
	position:absolute;
	left:20px;
	top:10px;
	width:25px;
	height:25px;
	text-align: center;
	border: 0px solid #999999;
}

#icon_fullscreen {
	position:absolute;
	left:-10px;
	top:0px;
	width:50px;
	height:25px;
	text-align: left;
	border: 0px solid #999999;
	z-index:60;
}


/* --- Photo dropdown --- */

#mainMenu { /* --- main container --- */
	position: absolute;
	top:-18px;
	left:70px;
	width:540px;
	height:auto;
	text-align: left;
	margin:0 0 0 0;
	z-index:10;
	border: 0px solid red;
}

#menuList li {
	margin:0;
	display:inline;
	list-style: none;
}

.menu { /* --- attributes of submenu rectangles --- */
	text-align: left;
	background-color: #fff;
	position: absolute;
	width: 91px;
	visibility: hidden;
	border-left: 1px solid #C2CCD7;
	border-right: 1px solid #C2CCD7;
	border-bottom: 1px solid #C2CCD7;
}

.menu li a {  /* --- attributes of submenu rectangles links --- */
	background-color: transparent;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	border-top: 1px solid #C2CCD7;
	margin: 0px;
	padding: 3px 0 3px 7px;
	text-decoration: none;
}

.menu li a:link {  /* --- color of submenu texts --- */
	color: #4F5659;
	text-decoration: none;
}

.menu li a:hover, .menu li a:active {  /* --- color of submenu bgr+texts on hover --- */
	background-color: #E0E5EB;
	color: #4F5659;
	text-decoration: none;
}

.menu li a:visited {
	color: #4F5659;
	text-decoration: none;
}

a.starter, a.unconstrained {  /* --- attributes of fixed topmenu rectangles --- */
	width: 90px; 			/*moz width with padding*/
	_width: 70px; 
	height: 20px;
	float: left;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	color: #1166b0;
	border-top: 1px solid transparent;  /* --- so that content doesn't jump around on hover --- */
	border-right: 1px solid transparent;
	border-left: 1px solid #fff;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding: 0px;
	_border-top: 1px solid #C8CAE1;  /* --- ie6 hack --- */
	_border-right: 1px solid #C8CAE1;
	display:inline-block; /* --- ie7 hack --- */
}

a.unconstrained {  /* --- width of unconstrained topmenu rectangles --- */
	width: auto;
}

a.first { /* --- removes left separator on leftmost topmenu --- */
	border-left: 1px solid transparent;
	_border-left: 1px solid #C8CAE1;
}

a.starter:hover, a.starter:link, a.starter:visited, a.starter:active {
	text-decoration: none;
	font-weight: bold;
	color: #1166b0;
}

a.starter:hover {
	background-color: #FFFFFE;  /* --- can't be full white --- */
	background-color: #F1F2F6;
	border: 1px solid #FFFFFF;
	border-right: 1px solid #F1F2F6;
}

a.last:hover {  /* --- right border on last item --- */
	border-right: 1px solid #FFFFFF;
}

/* --- Videos --- */

#content_videos {
	position:relative;
	margin-top: 20px;
	margin-left: 60px;
	padding:10px;
	width:450px;
	float:left;
	display:inline;
	border: 0px solid #CCCCCC;
}

#centre_video_container {
	position:relative;
	margin-top: 180px;
	left: 0px;
	width:640px;
	height:auto;
	text-align: left;
	float:left;
	border: 0px solid blue;
}

#centre_video {
	position:absolute;
	top: 10px;
	left: 25px;
	width:480px;
	height:360px;
	text-align: left;
	background-color: #f1f2f6;
}


/* --- Guestbook --- */

#content_guestbook {
	position:relative;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
	padding:0px;
	width:500px;
	float:left;
	display:inline;
	border: 1px solid #CCCCCC;
}

#guestbook_frame {
	position:relative;
	width:500px;
	height:auto;
	text-align: left;
	border: 0px solid #CCCCCC;
	overflow: hidden;
}

.iframe_guestbook {
	position:relative;
	left:-40px;
	width:550px;
	height:500px;
}



/* --- links --- */



a:link, a:visited, a:active, a:hover {
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-decoration: underline;
	outline-style:none;
}

a:hover {
	text-decoration: underline;
}

a.a_center_menus:link, a.a_center_menus:visited, a.a_center_menus:hover {
	font-weight: bold;
	font-size: 14px;
	color: #1166b0;
	text-decoration: none;
	}

a.a_center_menus:hover {
	text-decoration: underline;
	}

a.a_footer:link, a.a_footer:visited, a.a_footer:hover {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	}

a.a_footer:hover {
	text-decoration: underline;
	}

a.a_big:link, a.a_big:visited {
	font-size: 14px;
	font-weight: bold;
	}

a.a_big:hover {
	color: #1166b0;
	}