/*

----
File: styles.css - main style sheet for laclafontaine.qc.ca
Created by: Melanie Genereux - hello@melaniegenereux.com
Date: March 9th, 2007.
----

*/


html, body {

	background-color: #95bcbb;
	background-image: url("../graphics/bg_repeat_x.jpg");
	background-repeat: repeat-x;
	
	height: 100%; /* Needed for container min-height. */
	
	margin: 0px;
	padding: 0px;
	
	text-align:center;
	
	border: 0px solid yellow;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
}

body {
	
	height: 100%; /* Needed for container min-height. */
	
	margin: 0px;
	padding: 0px;
	
	
	
	border: 0px dotted blue;
}

div#container {
	
	background-image: url("../graphics/bg_beige_repeat_y.jpg");
	background-repeat: repeat-y;
	background-position: center;
	
	position: relative; /* Needed for footer positioning. */
	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px dashed red;
}

div#mainbg {
	
	position: relative; /* Needed for footer positioning. */
	
	background-image: url("../graphics/bg_main_no_repeat.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */

	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px 0px 0px 0px; /* bottom padding for footer */
		
	border: 0px solid blue;	
}

div#mainbg2 {
	
	position: relative; /* Needed for footer positioning. */
	
	background-image: url("../graphics/bg_main_no_repeat2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */

	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px 0px 0px 0px; /* bottom padding for footer */
		
	border: 0px solid blue;	
}

div#footer {
	/*position: absolute;*/
	bottom: 0px;
	width: inherit;	

	margin: 0px;
	
	border: 0px solid green;
	
	height: 120px;
	
	color: #A6A395;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

div#content {
	
	width: 780px;
	
	position: relative; /* Needed for footer positioning. */
	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px;
	
	/* Repeat green, white and black rows */
	background-image: url("../graphics/bg_content_repeat_y.jpg");
	background-repeat: repeat-y;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px dashed red;
}

div#content2 {
	
	width: 780px;
	
	position: relative; /* Needed for footer positioning. */
	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px;
	
	/* Repeat green and white rows */
	background-image: url("../graphics/bg_content_repeat_y2.jpg");
	background-repeat: repeat-y;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px dashed red;
}



div#leftmenu {

	width: 223px;
	height: 685px;

	float: left;
	
	text-align: left;
	
	vertical-align: top;
	
	border: 0px solid blue;
	
	padding-bottom: 50px;
}

div#leftbottom {

	width: 223px;
	
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	text-align: left;
	float: left;
	
	border: 0px solid red;
}

div#header {
	
	width: 557px;
	height: 299px;
	
	float: left;
	
	border: 0px solid blue;
}

div#header_QF {
	
	width: 557px;
	height: 240px;
	
	float: left;
	
	border: 0px solid blue;
}


div#topmenu {
	
	width: 557px;
	height: 27px;
	
	text-align: left;
	
	border: 0px solid red;
}

div#rightcontent {

	width: 392px;

	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px solid yellow;
	
	float: left;
	text-align: left;
	
	margin: 0px;
	padding: 0px;
}


div#textcontent {
	
	/*padding: 0px 15px 30px 20px;*/
	padding: 0px 0px 30px 0px;
	
	width: 392px;
	/*width: 357px;*/
	
	border: 0px dashed green;
	
	float: left;	
}

div#textcontent_QF {
	
	/*padding: 0px 15px 30px 20px;*/
	padding: 0px 0px 30px 0px;
	
	width: 557px;
	/*width: 357px;*/
	
	border: 0px dashed green;
	
	float: left;	
}




div#textcontent_NEWS {
	
	/*padding: 0px 15px 30px 20px;*/
	padding: 0px 0px 30px 0px;
	
	width: 557px;
	/*width: 357px;*/
	
	border: 0px dashed green;
	
	float: left;	
}

div#textcontent p {

	width: 280px;
	
	border: 0px solid red;
	
	float: left;
	
	/*padding: 0px 0px 10px 22px;*/
	margin: 0px 0px 10px 22px;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	
	vertical-align: text-top;
}

p.text_QF {

	width: 500px;
	
	border: 0px solid red;
	
	float: left;
	
	padding: 0px 0px 10px 22px;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	
	vertical-align: text-top;
}

div#textcontent_QF p {

	width: 500px;
	
	border: 0px solid blue;
	
	float: left;
	
	margin: 0px 0px 15px 22px;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	
	vertical-align: text-top;
}

div#textcontent_NEWS p {

	width: 500px;
	
	border: 0px solid blue;
	
	float: left;
	
	margin: 0px 0px 15px 22px;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	
	vertical-align: text-top;
}


.subcontent {

	width: 360px;

	padding: 10px 0px 10px 20px;
	
	float: left;
	
	border: 0px solid blue;
}

img.left {

	float: left;
	
	margin: 0px 12px 0px 0px;
}

table {

	margin: 5px 0px 5px 22px;
	border: 0px solid red;
	
	float: left;
}

table.table_fleche {

	margin: 0px 0px 0px 0px;
	border: 0px solid red;
	
	float: left;
}

.leftalign {

	float: left;
}

.rightalign {

	float: right;
}

.text_QF img {

	margin: 10px 0px 10px 0px;
	border: 0px solid red;
}

div#textcontent_QF img {

	margin: 0px 0px 10px 0px;
	border: 0px solid red;
}

.subtext {

	width: 300px;
	
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px -22px;
	
	border: 0px solid red;
	
	float: left;
}

.activites {

	margin: 0px 0px 0px 22px;
	padding: 0px;
	
	border: 0px solid yellow;
}

.subtext p {

	margin: 0px 0px 0px -22px;
	padding: 0px;
	
	border: 0px dashed green;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

div#rightnews {

	width: 165px;
	
	float: left;
	
	text-align: left; 
	
	background-image: url("../graphics/news_black_start.jpg");
	background-position: top;
	background-repeat: no-repeat;
	
	border: 0px solid red;
	
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div#rightnews p {

	width: 130px;
	padding: 0px 15px 0px 20px;
	margin: 0px 0px 0px 0px;
	
	float: left;
	
	border: 0px solid green;
	
	color: #C1BEAF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

div#rightnews h3 {

	font-size: 11px;
	font-weight: bold;
	color: #C1BEAF;
	
	margin: 0px;
	padding: 0px 15px 0px 20px;
	
}

ol.subleftmenu {

	/*margin: -25px 0px 0px 0px;
	padding: 10px 0px 10px 65px;*/
	margin: -15px 0px 10px 0px;
	padding: 0px 0px 0px 65px;
	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	
	border: 0px solid red;
	
	list-style: disc;
}

ul {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	
	border: 0px solid red;
	
	width: 500px;
	
	float: left;
	
	margin: 0px 0px 15px 22px;
	padding: 0px 0px 0px 22px;
	
	list-style: none;
}

ul.sitemap {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	
	border: 0px solid red;
	
	width: 500px;
	
	float: left;
	
	margin: -10px 0px 15px 22px;
	padding: 0px 0px 0px 22px;
	
	list-style: none;
}

li.sitemapli {

	margin: 0px 0px 0px 0px;
	padding: 0px;
	
	border: 0px dashed yellow;
}

div#submenu {

	background-image: url("../graphics/leftmenu_down.jpg");
	background-repeat: repeat-y;
	
	border: 0px solid blue;
	
	float: left;
}

.nospaceimg {

	padding: 0px;
	margin: 0px;
	border: 0px;
}

.top {

	position: absolute;
	top: 0px;
	
	border: 0px solid yellow;
}

.bottom {

	position: absolute;
	bottom: 0px;
	left: 0px;
	
	border: 0px solid red;
}

.bleu {

	color: #7A9E9D;
}

.gris {

	color: #999999;
}

.beige {

	color: #c1bb8b;
}

.titlebeige {

	font-size: 13px;
	font-weight: bold;
	color: #c1bb8b;
}

.menubeige {
	font-size: 12px;
	color: #F7F3DB;
}

.credits {

	color: #BDBBAC;
	font-size: 11px;
}

.fleche {

	margin: 10px 0px 0px 0px;
}

p.flash {
	
	margin: 0px 0px 0px 22px;
}

.rouge {

	color: #FF0000;
}

/* Bottom menu links */
A.menu:link				{color:#A6A395;text-decoration:none;}
A.menu:link:hover		{color:#A6A395;text-decoration:underline;}
A.menu:active			{color:#A6A395;text-decoration:none;}
A.menu:visited			{color:#A6A395;text-decoration:none;}
A.menu:visited:hover	{color:#A6A395;text-decoration:underline;}

/* Bottom menu links */
A.leftmenu:link				{color:#e1dec6;text-decoration:none;}
A.leftmenu:link:hover		{color:#e1dec6;text-decoration:underline;}
A.leftmenu:active			{color:#e1dec6;text-decoration:none;}
A.leftmenu:visited			{color:#e1dec6;text-decoration:none;}
A.leftmenu:visited:hover	{color:#e1dec6;text-decoration:underline;}

/* Bottom menu links DOWN */
A.leftmenuD:link				{color:#FFFFFF;text-decoration:none;}
A.leftmenuD:link:hover		{color:#FFFFFF;text-decoration:underline;}
A.leftmenuD:active			{color:#FFFFFF;text-decoration:none;}
A.leftmenuD:visited			{color:#FFFFFF;text-decoration:none;}
A.leftmenuD:visited:hover	{color:#FFFFFF;text-decoration:underline;}

/* Bottom menu links */
A.credits:link			{color:#BDBBAC;text-decoration:none;}
A.credits:link:hover	{color:#BDBBAC;text-decoration:underline;}
A.credits:active		{color:#BDBBAC;text-decoration:none;}
A.credits:visited		{color:#BDBBAC;text-decoration:none;}
A.credits:visited:hover	{color:#BDBBAC;text-decoration:underline;}

/* "En savoir plus" links */
A.clink1:link 			{color: #7A9E9D;text-decoration:none;}
A.clink1:link:hover 	{color: #7A9E9D;text-decoration:underline;}
A.clink1:active 		{color: #7A9E9D;text-decoration:none;}
A.clink1:visited		{color: #7A9E9D;text-decoration:none;}
A.clink1:hover			{color: #7A9E9D;text-decoration:underline;}

/* "Lire la nouvelle" links */
A.clink2:link 			{color: #9EBDBD;text-decoration:none;}
A.clink2:link:hover 	{color: #9EBDBD;text-decoration:underline;}
A.clink2:active 		{color: #9EBDBD;text-decoration:none;}
A.clink2:visited		{color: #9EBDBD;text-decoration:none;}
A.clink2:hover			{color: #9EBDBD;text-decoration:underline;}

/* default links */
A:link 			{color: #7A9E9D;text-decoration:none;}
A:link:hover 	{color: #7A9E9D;text-decoration:underline;}
A:active 		{color: #7A9E9D;text-decoration:none;}
A:visited		{color: #7A9E9D;text-decoration:none;}
A:hover			{color: #7A9E9D;text-decoration:underline;}

/* Redéfinition de la balise img */
img {
	
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.myclear {

	clear: both;
}

h1 {

	padding: 0px;
	margin: 0px;
	border: 0px solid red;
}

h2 {

	padding: 0px;
	margin: 0px;
	
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h3 {

	padding: 0px 0px 10px 22px;
	margin: 0px 0px 0px 0px;
	
	font-size: 13px;
	font-weight: bold;
	color: #5A5A5A;
	
	font-family: Arial, Helvetica, sans-serif;
}

/* Grey headlines */
h4 {

	padding: 0px 0px 0px 22px;
	margin: 0px 0px 0px 0px;
	
	font-size: 11px;
	font-weight: bold;
	color: #5A5A5A;
	
	font-family: Arial, Helvetica, sans-serif;
	
	float: left;
}

/* Beige headlines */
h5 {

	padding: 0px 0px 10px 22px;
	margin: 0px 0px 0px 0px;
	
	font-size: 13px;
	font-weight: bold;
	color: #c1bb8b;
	
	font-family: Arial, Helvetica, sans-serif;
	
	border: 0px solid blue;
}

div.mainbloc {

	border: 0px solid blue;
	
	float: left;
	width: 520px;
	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 22px;
	
	background-image: url("../graphics/bg_repeat_forfaits.jpg");
	background-repeat: repeat-y;
}

div.leftbloc {

	border: 0px solid black;
	
	float: left;
	width: 140px;
	
	padding: 5px 0px 5px 0px;
}

div.otherbloc {

	border: 0px solid yellow;
	
	float: left;
	width: 110px;
	
	padding: 5px 5px 5px 5px;
}

div.otherbloc2 {

	border: 0px solid yellow;
	
	float: left;
	width: 110px;
	
	padding: 5px 5px 5px 5px;
	
	/*background-color: #ebebeb;*/
}


/* walma */
.commentairesgrande{margin:0 auto; text-align:center;}

.video {

	text-align: center;
}


/*english*/

div#englishTop {
	width: 780px;
	height: auto;
	float: left;
}


div#header_english {
	
	width: 780px;
	height: auto;
	
	float: left;
	
	border: 0px solid blue;
}


div#content2english {
	
	width: 780px;
	position: relative; /* Needed for footer positioning. */
	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px;
	text-align: left;
	
	/* Repeat green and white rows */
	/*background-image: url("../graphics/bg_content_repeat_y2.jpg");
	background-repeat: repeat-y;*/
	background-color: #FFFFFF;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px dashed red;
}


div#textcontent_english {	
	width: 717px;	
	height: auto;
	border: 0px dashed green;	
	float: left;	
	text-align: left;
	padding-left: 30px;
	padding-right: 33px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

div#content_english {	

	width: 717px;	
	height: auto;
	border: 0px dashed green;	
	float: left;	
	text-align: left;
	padding-left: 30px;
	padding-right: 33px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

div#content_english p {		
	width: 717px;	
	float: left;
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;	
}

div#english1 {		

	margin: 0px auto; /* Center, not in IE5. */
	width: 780px;
}
div#english2 {		

	margin: 0px auto; /* Center, not in IE5. */
	width: 780px;	
	
}
div#english5 {		

	margin: 0px auto; /* Center, not in IE5. */
	width: 717px;
	
	padding-left: 33px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	text-align: left;
	
	background-image: url("../graphics/fond_english.jpg");
	background-repeat: repeat-y;
	background-position: center;

}
body.fondEnglish {
	
	background-image: url("../graphics/fond_english2.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

div#leftmenuEnglish {

	width: 223px;
	height: 685px;
	float: left;	
/*	text-align: left;	
	vertical-align: top;	
	border: 0px solid blue;	
	padding-bottom: 50px;*/
}


div#textcontent_QFenglish {
	
	/*padding: 0px 15px 30px 20px;*/
	padding: 0px 0px 30px 0px;
	
	width: 714px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 33px;
	padding-left: 30px;
	/*width: 557px;*/
	
	border: 0px dashed green;
	
	float: left;	
}

div#content2english {
	
	width: 780px;
	
	position: relative; /* Needed for footer positioning. */
	margin: 0px auto; /* Center, not in IE5. */
	padding: 0px;
	
	/* Repeat green and white rows */
	background-image: url("../graphics/bg_content_english.jpg");
	background-repeat: repeat-y;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px dashed red;
}

div#rightcontentEnglish {

	width: 780px;

	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	border: 0px solid yellow;
	
	float: left;
	text-align: left;
	
	margin: 0px;
	padding: 0px;
}
div#splashTop{
	width: 576px;
	height: auto;
	float: left;
}
div#containerSplash{
	width: 576px;
	height: auto;
	float: left;
}
div#splashContent{
	width: 576px;
	height: auto;
	background-image: url("../graphics/splash_bg_blanc2.jpg");
	background-repeat: repeat-y;
	float: left;
}
div#splashTxt{
	width: 576px;
	height: auto;
	background-image: url("../graphics/splash_bg_blanc.jpg");
	background-repeat: no-repeat;/*
	background-color:#FFFFFF;*/
	float: left;
}
#splashTxt p{
	text-align: left;
	padding-left: 30px;
	padding-right: 33px;
	padding-top: 20px;
}
div#splashFooter{
	width: 576px;
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a6a395;
	text-align: right;
	padding-top: 3px;
	background-image: url("../graphics/splash_footer.jpg");
	background-repeat: repeat-y;
	float: left;
}
div#splashFooter a{
	color: #a6a395;
}
div#splashFooter a:hover{
	color: #a6a395;
}
div#sp {
	
	width: 576px;
	height: auto;
	position:absolute;
	left: 50%;
	margin-left: -288px;
	padding:0px;

}