/* stylesheet.css Grosse Ile */

/* par Phil Turcotte le 11 mai 2009 */

/* www.numerique.ca */



* {

	margin:0px;

	padding:0px;

}



body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.7em;

	color:#7D7D7D;

	background-image:url(../images/pagesInterieures/img_background.gif);

	background-repeat:repeat-x;

	background-position:top;	

}



.cache {

	font-size:1px;

	position:absolute;

	visibility:hidden;

}



a {

	color:#4A98B7;

	text-decoration:none;

}



a:link { color:#4A98B7; }

a:visited { color:#4A98B7; }

a:hover { color:#4A98B7; text-decoration:underline; }

a:active { color:#4A98B7; }



a img { border:none; }



a.lienPDF {

	background-image:url(../images/pagesInterieures/img_icoPDF.gif);

	background-repeat:no-repeat;

	float:left;

	clear:left;

	margin-top:14px;

	padding-left:26px;

	padding-top:3px;

	padding-bottom:4px;

}





ul {

	list-style:none;

}



li {

	background-image:url(../images/pagesInterieures/img_bullet.gif);

	background-repeat:no-repeat;

	background-position:1px 6px;

	padding-left:15px;

}



h1 {

	font-size:1.6em;

	font-weight:normal;

	background-image:url(../images/pagesInterieures/img_icoTitrePrincipal.gif);

	background-repeat:no-repeat;

	background-position:0px 4px;

	padding-left:20px;

	margin-bottom:27px;

}



h2 {

	font-size:1.3em;

	font-weight:bold;

}



p.alignementDroite {

	float:right;

	text-align:right;

	margin-left:20px;

	margin-bottom:7px;

}



p.alignementDroite img {

	display:block;

	margin-bottom:6px;

}



table.tableau {

	border-collapse:collapse;

	border:2px solid #CAE1EA;

	width:100%;

}



table.tableau tr th {

	background-color:#77A1BA;

	color:#FFFFFF;

	border:1px solid #CAE1EA;

	border-collapse:collapse;

	padding-left:9px;

	padding-top:6px;

	padding-bottom:6px;

	text-align:left;

}



table.tableau tr td {

	border:1px solid #CAE1EA;

	border-collapse:collapse;

	background-color:#FFFFFF;

	padding-left:9px;

	padding-top:6px;

	padding-bottom:6px;

}



table.tableau tr td.bleuPale {

	background-color:#EEF4F8;

}



div#skipToContent {

	position:absolute;

	left:-9999px;

}



div#printTop {

	display:none;

}



div#basDePageImpression {

	display:none;

}









div#container {

	background-image:url(../images/pagesInterieures/img_backgroundTop.jpg);

	background-repeat:no-repeat;

	background-position:center 0px;

	width:100%;

}



div#containerInterieur {

	background-image:url(../images/pagesInterieures/img_backgroundTopInterieur.jpg);

	background-repeat:no-repeat;

	background-position:center 0px;

	width:100%;

}



div#containerPrincipal {

	background-image:url(../images/pagesInterieures/img_backgroundOmbres.png);

	background-repeat:repeat-y;

	width:978px;

	margin-left:auto;

	margin-right:auto;

}



div#margesContainerPrincipal {

	width:950px;

	margin-left:auto;

	margin-right:auto;

	padding-bottom:20px;

}



div#containerTop {

	background-image:url(../images/pagesInterieures/img_backgroundContainerTop.gif);

	background-repeat:repeat-x;

	background-position:0px 0px;

	width:950px;

	position:relative;

}



a#logoGrosseIle {

	margin-left:15px;

	position:relative;

	top:13px;

}



ul#containerLiensTop {

	position:absolute;

	right:25px;

	top:34px;

	list-style:none;

}



ul#containerLiensTop li {

	float:left;

	margin-left:15px;

	padding-left:0px;

	background-image:none;

}



ul#containerLiensTop li a {

	display:block;

	font-size:1.1em;

	padding-top:23px;

	background-repeat:no-repeat;

	margin-left:15px;

	color:#4A98B7;

	text-decoration:none;

}



ul#containerLiensTop li a:link { color:#4A98B7; }

ul#containerLiensTop li a:visited { color:#4A98B7; }

ul#containerLiensTop li a:hover { color:#4A98B7; text-decoration:underline; }

ul#containerLiensTop li a:active { color:#4A98B7; }





ul#containerLiensTop li#lienPhoto a {

	background-image:url(../images/pagesInterieures/img_icoPhotos.gif);

	background-position:center 0px;

	font-weight:bold;

}



ul#containerLiensTop li#lienSeRendre a {

	background-image:url(../images/pagesInterieures/img_icoSeRendre.gif);

	background-position:center 0px;

	font-weight:bold;

}



ul#containerLiensTop li#lienNouveautes a {

	background-image:url(../images/pagesInterieures/img_icoNouveautes.gif);

	background-position:center 0px;

}



ul#containerLiensTop li#lienNousJoindre a {

	background-image:url(../images/pagesInterieures/img_icoContact.gif);

	background-position:center 0px;

}









div#containerBaniereFlash {

	background-image:url(../images/pagesInterieures/img_backgroundDegradeTop.gif);

	background-repeat:repeat-x;

	background-position:0px 0px;

	float:left;

	width:950px;
	
	position:relative;
	
	z-index:90;

}



div#baniereFlash {

	margin-left:15px;
	
	position:relative;
	
	z-index:1;

}





div#containerBaniereFlash div.btnAction {

	left:650px;

	top:-80px;

	position:relative;

	width:110px;

	float:left;

	height:30px;

	text-align:center;

	font-weight:bold;
	
	z-index:99;

}



div#containerBaniereFlash div.btnAction a {

    color:#43611b;

	font-size:1.1em;

	height:30px;

	display:block;

	width:110px;

	padding-top:10px;	

}













div#containerContenuAccueil {

	background-image:url(../images/pagesInterieures/img_backgroundDegradeTop.gif);

	background-repeat:repeat-x;

	background-position:0px 0px;

	margin-top:15px;

	float:left;

	clear:both;

	width:950px;

	height:170px;

}



div.elementAccueil {

	width:274px;

	height:240px;

	float:left;

	position:relative;

	top:-53px !important;

	top:0px;

	margin-top:0px !important;

	margin-top:-53px;

	cursor: pointer;

}



div.elementAccueil img {

	margin-top:22px;

	margin-left:26px;

}



div.elementAccueil p img {

	margin-top:10px;

}



div.elementAccueil a.btnElementAccueil {

	position:absolute;

	right:29px;

	bottom:42px;

}



div.elementAccueil a img {

	margin-top:0px;

	margin-left:0px;

}



div#forfaitsAccueil {

	background-image:url(../images/accueil/img_backgroundForfaits.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	margin-left:50px !important;

	margin-left:25px;

}



div#horraireTarificationAccueil {

	background-image:url(../images/accueil/img_backgroundForfaits.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	margin-left:10px;

}



div#activitesAccueil{

	background-image:url(../images/accueil/img_backgroundActivites.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	margin-left:10px;

}











div#containerContenuInterieur {

	background-image:url(../images/pagesInterieures/img_backgroundDegradeTop.gif);

	background-repeat:repeat-x;

	background-position:0px 0px;

	margin-top:15px;

	float:left;

	clear:both;

	width:950px;

}



div#containerContenuGauche {

	float:left;

	width:172px;

	margin-left:14px !important;

	margin-left:0px;

	margin-top:35px;

}



div#containerContenuGauche ul#containerSousMenu {

	margin-left:0px !important;

	margin-left:14px;

}



div#containerContenuGauche ul#containerSousMenu li {

	background-position:1px 11px;

}



div#containerContenuGauche ul#containerSousMenu li.selected {

	background-image:url(../images/pagesInterieures/img_backgroundSousMenuSelected.gif);

	background-position:0px 8px;

	padding-left:17px;

	margin-left:-2px;

}



div#containerContenuGauche ul#containerSousMenu li.selected a {

	color:#7E7E7E;

}



div#containerContenuGauche ul#containerSousMenu li.selected a:link { color:#7E7E7E; }

div#containerContenuGauche ul#containerSousMenu li.selected a:visited { color:#7E7E7E; }

div#containerContenuGauche ul#containerSousMenu li.selected a:hover { color:#7E7E7E; }

div#containerContenuGauche ul#containerSousMenu li.selected a:active { color:#7E7E7E; }



div#containerContenuGauche ul#containerSousMenu li a {

	display:block;

	background-image:url(../images/pagesInterieures/img_borderSousMenu.gif);

	background-repeat:no-repeat;

	background-position:0px 100%;

	padding-top:6px;

	padding-bottom:6px;

	width:152px;

	padding-left:16px;

	margin-left:-16px;

}



div#containerContenuGauche ul#containerSousMenu li a.sansBordure {

	background-image:none;

}



div#containerContenuGauche a#btnConsultezVideo {

	display:block;

	background-image:url(../images/pagesInterieures/img_btnConsultezVideo.gif);

	background-repeat:no-repeat;

	width:172px;

	height:67px;

	margin-left:-14px !important;

	margin-left:0px;

	margin-top:25px;

}



div#containerContenuGauche a#btnConsultezVideo span {

	font-size:1px;

	position:absolute;

	visibility:hidden;

}

div#containerContenuGauche a#btnConsultezVideoAng {

	display:block;

	background-image:url(../images/pagesInterieures/img_btnConsultezVideo_ang.gif);

	background-repeat:no-repeat;

	width:172px;

	height:67px;

	margin-left:-14px !important;

	margin-left:0px;

	margin-top:25px;

}



div#containerContenuGauche a#btnConsultezVideoAng span {

	font-size:1px;

	position:absolute;

	visibility:hidden;

}


div#containerContenuGauche a#btnVisiteVirtuelle {

	display:block;

	background-image:url(../images/pagesInterieures/img_btnVisiteVituelle.gif);

	background-repeat:no-repeat;

	width:172px;

	height:67px;

	margin-left:-14px !important;

	margin-left:0px;

}



div#containerContenuGauche a#btnVisiteVirtuelle span {

	font-size:1px;

	position:absolute;

	visibility:hidden;

}


div#containerContenuGauche a#btnVisiteVirtuelleAng {

	display:block;

	background-image:url(../images/pagesInterieures/img_btnVisiteVituelle_ang.gif);

	background-repeat:no-repeat;

	width:172px;

	height:67px;

	margin-left:-14px !important;

	margin-left:0px;

}



div#containerContenuGauche a#btnVisiteVirtuelleAng span {

	font-size:1px;

	position:absolute;

	visibility:hidden;

}


div#containerDecouvrezGrosseIle {

 background-repeat:no-repeat;

 width:172px;

 margin-left:-14px !important;

 margin-left:0px;

 padding-top:15px;

 padding-bottom:18px;

 position:relative;

}



div#containerDecouvrezGrosseIle strong#titreDecouvrez {

 font-family:Georgia, "Times New Roman", Times, serif;

 font-weight:normal;

 color:#A3C870;

 font-size:18px;

 width:145px;

 margin-bottom:8px;

 display:block;

 margin-left:13px;

}



div#containerDecouvrezGrosseIle p {

	margin-left:13px;

	margin-right:13px;

}



div#containerDecouvrezGrosseIle a.btnFleche {

	position:absolute;

	right:8px;

	bottom:18px;

}



div#containerContenuGauche img#bottomContenuGauche {

	margin-left:-14px !important;

	margin-left:0px;

}



div#containerContenuDroite {

	float:left;

	width:704px;

	margin-left:45px;

	margin-top:35px;

	position:relative;

}



div#containerContenuDroite a {

	text-decoration:underline;

}

div#containerContenuDroite a:hover {

	text-decoration:none;

}



div#containerContenuDroite p {

	margin-bottom:20px;

	line-height:19px;

}



div#containerContenuDroite ul {

	margin-bottom:20px;

}



div#containerContenuDroite ul li {

	line-height:18px;

}



ul.creditPhoto li {

	margin-bottom:25px;

}



div#containerContenuDroite div#containerBtnUtilitaires {

	display:block;

	background-color:#FFFFFF;

	width:135px;

	height:37px;

	position:absolute;

	right:0px;

	top:-22px;

}











div#containerBasDePage {

	border-top:1px solid #D9D9D9;

	margin-left:15px;

	margin-right:15px;

	padding-top:25px;

	width:920px;

	margin-top:30px;

	margin-bottom:20px;

	position:relative;

}



div.pageInterieure {

	text-align:center;

}



div#containerBasDePage * {

	display:inline;

}



div#containerBasDePage ul {

	margin-left:-15px;

}



div#containerBasDePage ul li {

	 margin-left:15px;

	 padding-left:0px;

	 background-image:none;

}



div#containerBasDePage p {

	margin-left:30px;

}



div#containerBasDePage p.pageInterieure {

	margin-left:65px;

}



div#containerBasDePage div#containerBtnUtilitaires {

	display:block;

	background-color:#FFFFFF;

	width:135px;

	height:37px;

	position:absolute;

	right:0px;

	top:-1px;

}



div#containerBtnUtilitaires a#btnPartager {

	background-image:url(../images/pagesInterieures/img_icoPartage.gif);

	background-repeat:no-repeat;

	background-position:center 2px;

	background-color:#FFFFFF;

	padding-top:25px;

	display:block;

	float:left;

	width:40px;

	margin-left:30px !important;

	margin-left:11px;

	margin-top:1px;

}



div#containerBtnUtilitaires a#btnImprimer {

	background-image:url(../images/pagesInterieures/img_icoImprimer.gif);

	background-repeat:no-repeat;

	background-position:center 2px;

	background-color:#FFFFFF;

	padding-top:25px;

	display:block;

	float:left;

	width:39px;

	margin-left:25px;

	margin-top:1px;

}



div#containerLogosBasDePage {

	text-align:center;

}



div#containerLogosBasDePage a {

	display:inline;

	margin-left:10px;

	margin-right:10px;

}



body.mceContentBody {

  background-image:none;

}

body.mceContentBody p {

  background-image:none;

  margin-bottom:20px;    

  line-height:19px;

}

body.mceContentBody ul {

  margin-bottom:20px;    

}





img.imageDroite {

  float:right;

  margin-left:10px;

}

div#btnLangue{
float:right;
margin:10px 15px;
}

div.important {
 text-align:center;
 font-size: 12px; 
 font-weight: bold;
 color: #ff0000;
 margin:10px 0px;
}
