/*
	Base Style Sheet for ROFFET.com
	rc04.
*/




/**************************************
	General rules
*/
body {
	line-height:     100%;
	color:           black;
	background:      #ffddaa;
	font-weight:     normal;
	font-family:     sans-serif;
	font-style:      normal;
	text-decoration: none;
	margin-left:     0px;
	margin-top:      0px; 
	margin-right:    0px;
	margin-bottom:   0px;
}


h1 {
	line-height: 1.5;
}


h2 {
	margin-top:  10px; 
	margin-bottom:  -5px; 
	padding-top: 25px;
	padding-bottom: 5px;
}


h3 {
	margin-top:  5px; 
	margin-bottom:  -10px; 
	padding-top: 15px;
	padding-bottom: 0px;
}


h4 {
	margin-top:  3px; 
	margin-bottom:  -10px; 
	padding-top: 5px;
	padding-bottom: 0px;
}


q {
	font-style: italic;
	font-family: cursive;
}


em {
	background-color: #ffffdd;
}


li {
	line-height: 1.40;
}


a:hover {
	color: blue;
	background-color: #eee;
}


a:active {
	color: red;
	background-color: yellow;
}


acronym:hover, abbrev:hover {
	cursor: help
}


abbrev[title], acronym[title], span[title] {
	border-bottom: thin dotted;
	cursor: help;
}


a:link img, a:visited img {
	border-style: none
}


img {
	vertical-align: middle;
	border: 0px;
}


.rc04-hidden {
	visibility: hidden;
	height: 0px;
	padding: 0px;
	margin: 0px;
}




/**************************************
	Layout RC04
*/
div.rc04-textbox {
	float:left;
	vertical-align: middle;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	font-size:120%;
	width: 229px;
	line-height: 1.2em;
	text-indent: 30px;
	font-family: times,serif;
	font-style: oblique
}


div.rc04-content {
	position: relative;
	width: 100%;
}


div.rc04-main {
	padding-top: 10px;
	padding-left: 230px;
	padding-right: 35px;
	padding-bottom: 10px;
	margin-top:114px; 
	margin-right:0px; 
	margin-left:0px; 
	text-align: justify;
	line-height: 1.20;
}


div.rc04-main-wo-menu {
	padding-top: 10px;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 10px;
	margin-top:114px; 
	margin-right:0px; 
	margin-left:0px; 
	text-align: justify;
	line-height: 1.20;
}


div.rc04-frise {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: 100px;
	text-align: right;
	background-color: #000000;
	color: white;
}


div.rc04-frise-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: 100px;
	text-align: right;
	color: white;
}


div.rc04-logo {
        position:fixed;
	top: 0px;
	left: 0px;
        margin-top:0;
        margin-bottom:0;
	text-align: left;
        font-size:120%;
	color: #00008D;
	line-height: 1.2em;
	height: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
}


div.rc04-flags {
        position:absolute;
	top: 50px;
	left: 0px;
        margin-top:0;
        margin-bottom:0;
	text-align: left;
        font-size:120%;
	color: #00008D;
	line-height: 1.2em;
	height: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
}


div.rc04-bas {
	clear: both;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin-top: 0;
	padding-top: .125em;
	padding-left: 0;
	padding-right: 0;
	border-top: solid 1px #000000;
	color: #666666;
	background-color: #ffcc11;
	font-size: 70%;
	text-align: right;
}


div.rc04-bas address {
	padding-right: 7px;
}


div.rc04-info {
	position: static;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	font-size:95%;
	line-height: 1.2em;
	text-indent: 30px;
	font-family: times,sans-serif;
	font-style: oblique;
	border: 2px dotted #9296A2;
	background-color: #fffbb3;
}


.rc04-info h1 {
	padding-top: 0px;
	font-size: 125%;
}


.rc04-affiliate p {
	text-align: right;
}


p.rc04-msgerr {
	text-align: center;
        font-size:145%;
	font-weight: bold;
	line-height: 1.6em;
	color: red;
}




/**************************************
	Onglets rc04
*/
div.rc04-nav {
	font-size: 90%;
	line-height: normal;
}


#rc04-nav ul {
	top: 63px;
	position: absolute;
	margin: 0 0 0 0;
	padding-left: 3px;
	padding-right: 0px;  
	padding-top: 25px;
	padding-bottom: 2px;
	background: url("../images/menu/bg.png") repeat-x bottom;
	width:100%;
	white-space: nowrap;
}


#rc04-nav li {
	display:inline;
	padding-top: 2px;
	padding-right:10px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 8px;
	margin-right: 0px;
	margin-bottom: 0;
	background:url("../images/menu/right.gif") no-repeat right top;
}


#rc04-nav a {
	display:inline;
	text-decoration:none;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: -5px;
	margin-top: 0px;
	background:url("../images/menu/left.gif") no-repeat left top;
	color:#432;
}


#rc04-nav #section_sel {
	background-image:url("../images/menu/right_sel.png");
	padding-top: 7px;
	padding-bottom: 5px;
	margin-top: 4px;
}


#rc04-nav #section_sel a {
	font-weight:bold;
	padding-top: 7px;
	margin-top: 4px;
	background-image:url("../images/menu/left_sel.png");
	padding-bottom: 5px;
	color: black;
}


#rc04-nav a:hover {
      color:#0d5cfd;
}




/**************************************
	Menu Navigation des sections
*/
div.rc04-menu-section {
	float: left;
	margin-left: 5px;
	margin-right: 1px;
	padding: 5px;
	width: 200px;
	margin-top: 10px; 
	text-align: justify;
	line-height: 1.25;
}


div.rc04-menu-section p {
	text-align: center;
	font-weight: bold;
	font-size: 1.15em;
}


div.rc04-menu-section p a {
	text-decoration: none;
	color: #444444;
}


div.rc04-menu-section p a:hover {
	text-decoration: underline;
	color: blue;
}


div.rc04-menu-section ul a { 
	text-decoration: none;
	color: #444444;
}


div.rc04-menu-section ul a:hover {
	text-decoration: underline;
	color: blue;
}


#rc04-menu-section-selected {
	font-weight: bolder;
	background-color:white;
}


#rc04-menu-section-selected a {
	color: black;
}


.rc04-menu-section ul {
	list-style: none;
	text-align: left;
}


.rc04-menu-section-level-1 {
	padding:0px;
}


ul.rc04-menu-section-level-1 li {
	margin-bottom:0px;
	margin-top:2px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	font-weight: bold;
	font-size: 100%;
}


.rc04-menu-section-level-2 {
	padding:0px;
	border-left-style: none;
}


ul.rc04-menu-section-level-2 li {
	padding-left:6px;
	margin-bottom:0px;
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
	font-size: 95%;
	border-style: none;
}


.rc04-menu-section-level-3 {
	padding:0px;
	border-left-style: none;
}


ul.rc04-menu-section-level-3 li {
	padding-left:15px;
	margin-bottom:0px;
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
	font-size: 80%;
	border-style: none;
}


.rc04-menu-section ul {
	padding:0px;
}


div.rc04-mini-menu-section {
	float: left;
	margin-left: 2px;
	margin-right: 0px;
	padding: 2px;
	width: 41px;
	margin-top: 2px; 
	text-align: justify;
	line-height: 1.25;
}





/**************************************
	CSS rc04 pour gérer des albums photos
*/
div.album-photo-date {
	float:left;
	vertical-align: middle;
	padding: 10px;
	margin: 10px;
	text-align: center;
	border: 1px dotted #333;
	background-color: #FAF88A;
}


div.album-photo-date a {
	text-decoration: none;
}


div.album-photo-date a:hover {
	text-decoration: underline;
}


div.album-photo-texte {
	float:left;
	vertical-align: middle;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	font-size:110%;
	width: 300px;
	line-height: 1.2em;
	text-indent: 30px;
	font-family: Times;
	font-style: oblique;
}


div.album-photo-photo {
	float:left;
	vertical-align: middle;
	border: 2px solid #333;
	padding: 10px;
	margin: 10px;
	text-align: center;
	background-color: #ffffff;
}


div.album-photo-video {
	float:left;
	vertical-align: middle;
	padding: 10px;
	margin: 10px;
	text-align: center;
}


p.album-photo-suite {
	float: right;
	clear: both;
	text-align: right;
}


div.rc04-photos-carte {
	float: left;
	vertical-align: middle;
	border: 1px solid white;
	padding: 10px;
	margin-left: 8px;
	margin-bottom: 8px;
	text-align: center;
	background-color: black;
	color: yellow;
}


p.rc04-photos {
	vertical-align: middle;
	margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 4px;
	text-align: center;
}


p.rc04-photos img {
	border: 8px solid black;
	padding: 0;
}


div.photos-thumbs img {
	border: 6px solid white;
	margin: 3px;
}





/**************************************
	Vidéos
*/
div.rc04-video {
	border: 8px solid black;
	padding: 0;
	background-color: black;
	text-align: center;
	color: white;
	font-size: 75%;
}

div.rc04-video strong {
	font-size: 150%;
}

div.rc04-video-info {
	border: 8px solid black;
	padding: 8px;
	margin: 0px;
	background-color: #fffbb3;
	text-align: justify;
	color: black;
	font-size: 96%;
}


.rc04-video-info h1 {
	padding-top: 0px;
	font-size: 115%;
}





/**************************************
	Section GO!
*/
div.rc04-go-logo {
	position: fixed;
	top: 0px;
	right: 0px;
	margin-top:0;
	margin-bottom:0;
	text-align: left;
	font-size:120%;
	color: #00008D;
	line-height: 1.2em;
	height: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
}


div.rc04-go-url {
	position: static;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	border: 1px  dotted gray;
}


div.rc04-go-links1 {
	display: table-cell;
	font-size: 90%;
	padding: 1%;
	width: 50%;
}


div.rc04-go-links2 {
	display: table-cell;
	font-size: 90%;
	padding: 1%;
	width: 50%;
	background-color: #ffcc11;
}


div.rc04-go-links4 {
	display: table-cell;
	font-size: 75%;
	padding: 1%;
	width: 25%;
}


div.rc04-go-links4 ul {
	margin-left: 5px;
	padding-left: 5px;
}


div.rc04-go-links4 p {
	margin: 0px;
	padding: 0px;
}


div.rc04-go-links5 { 
	display: table; 
	width: 100%;
	margin: 5px;
}


div.rc04-go-links5 h2 { 
	padding-top: 7px;
	padding-bottom: 3px;
	margin-top: 3px;
}


.rc04-go-links5 * h2 {
	font-size:100%;
}


table.rc04-go-topdesvisites {
	border-collapse: collapse;
	border: solid 2px;
	width: 100%;
}


table.rc04-go-topdesvisites th {
	font-weight: bold;
	text-align: right;
	border-bottom: solid 1px;
	border-color: gray;
	padding-left: 7px;
	padding-right: 7px;
}


table.rc04-go-topdesvisites td {
	border-bottom: solid 1px;
	border-color: gray;
}


td.rc04-go-topdesvisites-hits {
	font-style: italic;
	text-align: right;
}



/**************************************
	Section Photos
*/
div.rc04-photos-lc-bloclien {
	float: left;
	vertical-align: middle;
	border: 1px groove #333;
	padding: 10px;
	margin-left: 8px;
	margin-bottom: 8px;
	text-align: center;
	background-color: #fffae0;	
	width: 250px;
}


div.rc04-photos-lc-container {
	width: auto;
	clear:both;
	border-left: 10px dotted #9296A2; 
	margin-left: 10px; 
	padding-left: 10px; 
	text-align: justify;
	height: 100px;
}


#rc04-photos-lc-main h2 {
	clear: both;
}


#rc04-photos-lc-main h3 {
	clear: both;
}


#rc04-photos-lc-main h2 {
	border-top: 2px groove #9296A2;
	/*margin-top: 50px;*/
	padding-top: 20px;
}


div.rc04-photos-lc-container-bof {
        display: table;
	width: 100%;
	border-left: 1px dotted #9296A2; 
	margin-left: 10px; 
	padding-left: 10px; 
	text-align: justify 
}


div.rc04-photos-lc-bloclien-bof {
        display: table-cell;
        vertical-align: middle;
        border: 1px groove #333;
        padding: 50px;
        margin-left: 10px;
        margin-bottom: 10px;
        text-align: center;
        background-color: #ffffff;
        width: 240px;
}




/**************************************
	Section Québec 2005
*/
div.rc04-menu-navi {
	float: left;
	margin-left: 5px;
	padding: 5px;
	width: 200px;
	margin-top: 100px; 
	text-align: justify;
	line-height: 1.25;
}


div.rc04-menu-navi-part {
	float: left;
	width: 180px;
	padding: 2px;
	margin: 3px;
	background-color: #002495;
	text-align: center;
	/*-moz-border-radius: 15px;*/
}


div.rc04-menu-navi-part-square {
	height: 180px;
}


div.rc04-menu-navi-part h1 {
	font-weight: bold;
	font-size: 1.15em;
}


div.rc04-menu-navi-part h1 a { 
	text-decoration: none;
	color: white;
}


div.rc04-menu-navi-part h1 a:hover { 
	text-decoration: underline;
	color: blue;
}


div.rc04-menu-navi-part p {
	font-size: 0.96em;	
}


div.rc04-menu-navi-part p a { 
	text-decoration: none;
	color: white;
}


div.rc04-menu-navi-part p a:hover { 
	text-decoration: underline;
	color: blue;
}


div.rc04-photo-patchwork {
	float: left;
}




/**************************************
	Section Recettes de cuisine
*/
#recette h2 {
	color: white;
	background-color: red;
	font-size: 125%;
	color: white;
	background-color: red;
	font-size: 125%;
	padding-left: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
}


#recette p {
	padding-left: 30px;
	padding-right: 15px;
}


#recette #fiche li {
	display: block;
	padding-left: 15px;
}




/**************************************
	Section Mariage
*/
div.mariage-main {
	position: relative;
	margin-top:20px; 
	margin-left: 200px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	text-align: justify;
	line-height: 1.25;
	background-color: #FAE6E2;
}


div.mariage-top {
	position: relative;
	margin-top:112px; 
	margin-left: 200px;
	margin-right: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	text-align: justify;
	line-height: 1.25;
}


.mariage-top p {
	text-align: right;
}


.mariage-top h1 {
	text-align: center;
}


div.mariage-nav {
	margin: 0px; 
	position: absolute;
	padding: 0px;
	width: 195px;
	text-align: justify;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	background-color: white;
}


#menu_mariage_principal {
	left: 10px;
	top: 255px;
}


#menu_mariage_photos {
	left: 25px;
	top: 550px;
}


div.mariage-nav-picture {
	margin-left: 0px; 
	margin-right: 0px; 
	padding: 0px;
	width: 195px;
}


#menu_mariage_picture_fairepart {
	background: url(/rc04/images/faire-part-image.png) no-repeat center center; 
	height: 174px;
	margin-top: 0px;
	margin-bottom: -20px; 
}


#menu_mariage_picture_photos {
	background: url(/rc04/images/icone-photos-mariage.png) no-repeat center center; 
	height: 128px;
	margin-top: -20px;
	margin-bottom: 0px; 
}


div.mariage-nav ul {
	margin: 0px;
	width: 200px;
	padding: 0px;
}


div.mariage-nav li {
	display: block;
	font-weight: bold;
	margin: 15px;
	padding: 0px;
}


#menu_sel {
	background-color: #FAE6E2;
}


#menu_photos_sel {
	background-color: #FAE6E2;
}


div.mariage-nav li a { 
	text-decoration: none;
	color: #E90DF5;
}


div.mariage-nav li a:hover { 
	text-decoration: underline;
	color: blue;
}


div.mariage-flower {
	margin: 0px; 
	position: absolute;
	padding: 0px;
	width: 230px;
	height: 320px;
	left: 0px;
	top: 98px;
	background: url(/rc04/images/grande-fleur-rouge.png) repeat top right;
}


p.mariage_photo {
	text-align: center;
	margin: 15px;
}


p.mariage_thumbs {
	text-align: center;
	line-height: 305px;
}




/**************************************
	Section AN
*/
p.an-logo {
	text-align: center;
	margin: 15px;
}


#section-an {
	background: url(/an/applicationsnicolasfond2.jpg) repeat center center;
	padding-left: 200px;
}


#an-logo {
	background-color: navy;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	margin: 0px;
}


#an-logo a {
	color: white;
	font-weight: bold;
}


div.section-nav {
	margin: 0px;
	position: absolute;
	padding: 0px;
	width: 165px;
	text-align: left;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	background-color: white;
	left: 10px;
	top: 125px;
}


p.sub-section-title {
	font-weight: bold;
	padding-left: 10px;
}




/**************************************
	CSS de barre horizontale de menu supplémentaire pour AN
*/
#an-mini-tab {
	background-color: navy;
	padding: 5px;
	margin-top: -30px;
	margin-bottom: 10px;
	text-align: center;
}


#an-mini-tab li {
	list-style: none;
	display: inline;
	padding: 15px;
	margin: 15px;
}


#an-mini-tab li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	width:100px;
}
#an-mini-tab li a:hover {
	background-color: black;
}




/**************************************
	Tableaux
*/
table.joli-tableau {
	border: medium solid black;
	border-collapse: collapse;
}


.joli-tableau td, .joli-tableau th {
	border: thin solid black;
	padding: 4px;
}


.joli-tableau td.selectrow {
	background-color: yellow;
	font-weight: bold;
}


table.rc04-tableau-de-lignes {
	border: medium solid black;
	border-collapse: collapse;
}


.rc04-tableau-de-lignes td, .rc04-tableau-de-lignes th {
	border-top: thin solid black;
	border-bottom: thin solid black;
	padding: 5px;
}


table.joli-tableau2 {
	border: 2px solid gray;
}


.joli-tableau2 caption {
	text-align: left;
}


.joli-tableau2 caption:after {
	content: "\00a0:";
}


.joli-tableau2 td {
	padding: 3px;
	border:1px dotted gray;
	text-align:center;
}


.joli-tableau2 th {
	padding: 6px;
	border:1px solid gray;
	text-align:center;
	background-color: #dee0f1;
}




/**************************************
	Divers
*/
div.date a {
	text-decoration: none;
}


div.date a:hover {
	text-decoration: underline;
}


div.suite {
	float:right;
	vertical-align: middle;
	border: 2px solid #333;
	padding: 10px;
	margin: 10px;
	text-align: center;
	background-color: #acacff;
}


img.image-dans-texte {
	float: right;
	border: 0px;
	padding: 10px;
	margin: 10px;
}


p.gros {
	text-align: center;
        font-size:145%;
	font-weight: bold;
	line-height: 1.6em;
}


p.gros a {
	text-decoration: none
}


p.gros a:hover {
	text-decoration: underline;
}


div.long-texte {
	padding-left: 2.5em;
	padding-right: 2.5em;	
	padding-top: 2em;
	padding-bottom: 1em;
}


.long-texte p {
	text-indent: 2.5em;
	line-height: 1.2;
}


.long-texte h2 {
	padding-top: 1.2em;
	font-size: 120%;
	
}


.long-texte p:first-letter {
	font-size: 140%;
	
}


div.card-float {
	border: 2px dashed #333;
	padding: 10px;
	margin: 10px;
	text-align: center;
	background-color: white;
}


div.card-textbox {
	padding: 10px;
	margin: 10px;
	text-align: justify;
	font-size:120%;
	line-height: 1.2em;
	text-indent: 30px;
	font-family: Times;
	font-style: oblique;
}


div.card-textbox-break {
	clear: both;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	font-size:120%;
	line-height: 1.2em;
	text-indent: 30px;
	font-family: Times;
	font-style: oblique;
}


p.p-right {
	text-align: right;
	font-style: oblique;
}


h2.titre-bloc {
	border-top: 2px groove #9296A2;
	padding-top: 20px;
}


table.mots-croises-grille th {
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
}


table.mots-croises-grille td {
	font-size: 125%;
	background-color: white;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	border: thin solid black;
}


table.mots-croises-grille td.mots-croises-case-vide {
	background-color: black;
}


div.rc04-remarques, p.rc04-remarques {
	font-size: 66%;
	color: #393939;
}


p.rc04-gros-texte {
	font-size: 150%;
	font-weight: bold;
}