body {margin:0; padding:0; background-color:#D5CEA6; font-family:verdana, sans-serif; font-size:12px; color:#D5CEA6; line-height:18px; background-image:url(images/fond_top.jpg); background-repeat:repeat-x; }
body#accueil {background-image:url(images/fond_top2.jpg); }
p, h1, h2 {margin:0; }
img {border:0; margin:0; padding:0; }
ul {margin:0; padding:0; }
div {margin:0px; }

a:link {font-size:9px; color:#262720; text-decoration:none; }
a:visited {font-size:9px; color:#262720; text-decoration:none; }
a:hover {font-size:9px; color:#ff8100; text-decoration:none; }
a:active {font-size:9px; color:#ff8100; text-decoration:none; }
.InfosActive:link, .InfosActive:visited {font-size:9px; color:#ff8100; text-decoration:none; }

div.contenu_centre a:link {font-size:12px; color:#d5cea6; text-decoration:underline; }
div.contenu_centre a:visited {font-size:12px; color:#d5cea6; text-decoration:underline; }
div.contenu_centre a:hover {font-size:12px; color:#262720; text-decoration:underline; }
div.contenu_centre a:active {font-size:12px; color:#262720; text-decoration:underline; }

div.contenu_dt a:link {font-size:10px; color:#262720; text-decoration:none; }
div.contenu_dt a:visited {font-size:10px; color:#262720; text-decoration:none; }
div.contenu_dt a:hover {font-size:10px; color:#ff8100; text-decoration:none; }
div.contenu_dt a:active {font-size:10px; color:#ff8100; text-decoration:none; }
/* vert:#DBE621  orange fonc&eacute;:#EA5300  marron:#262720  orange:#FF8100 */

div.liens a:link {font-size:12px; color:#d5cea6; text-decoration:underline; }
div.liens a:visited {font-size:12px; color:#d5cea6; text-decoration:underline; }
div.liens a:hover {font-size:12px; color:#262720; text-decoration:underline; }
div.liens a:active {font-size:12px; color:#262720; text-decoration:underline; }

div.conteneur {position:relative; overflow:hidden; width:970px; margin:auto auto; background-color:#777EA7; background-image:url(images/fond_header.jpg); background-repeat:no-repeat; text-align:left; padding:0 0; }
#accueil div.conteneur {height:590px; background-image:url(images/fond_accueil.jpg); }
div.menu_accueil {position:relative; margin-top:42px; margin-left:230px; width:160px; height:20px; font-style:italic; /* background-color:#FFFFFF; */}
#accueil div.menu_accueil {margin-left:300px; width:90px; }
div.menu {position:relative; margin-top:35px; margin-left:0px; width:970px; height:125px; /*background-color:#858585;*/ }
div.contenu {position:relative; width:970px; height:auto; }
div.contenu_gche {float:left; width:320px; height:349px; background-image:url(images/fond_gche.jpg); }
div.contenu_centre {float:left; width:330px; height:auto; }
div.contenu_centre#montreal {display:block; }
div.contenu_centre#articles {display:none; }
div.contenu_centre#photos {display:none; }
div.contenu_centre#rapports {display:none; }
div.contenu_centre#visite {display:none; }
div.contenu_centre#visite_rancie {display:none; }
div.contenu_dt {float:left; width:320px; height:349px; background-image:url(images/fond_dt.jpg); }
div.contenu_dt p {margin:7px 7px 0px 55px; height:auto; width:210px; color:#777EA7; background-color:#D5CEA6; width:210px; padding:5px 7px 5px 7px; }



div.contenu_dt p:hover {margin:7px 7px 0px 55px; height:auto; width:210px; color:#777EA7; background-color:#777EA7; width:210px; padding:5px 7px 5px 7px; }
div.contenu_dt p:hover a {font-size:10px; color:#D5CEA6; text-decoration:none; }
.liens {margin:0px 0px 0px 55px; height:auto; width:224px; }
div.liens img {margin:15px 12px 5px 0px; }

h1 {margin-top:15px; font-size:12px; /*font-weight:normal; font-style:italic; */}
h1.contenu_dt {margin:120px 0px 0px 55px; }
h2 {margin-bottom:10px; font-size:12px; font-weight:normal; }
h3 {width:224px; font-size:13px; color:#777EA7; font-weight:normal; margin:40px 0px 0px 55px; /*border-bottom:1px solid #262720;*/ background-color:#D5CEA6; font-style:italic; text-align:center; padding:4px 0px 4px 0px}
h4 {width:224px; font-size:13px; color:#777EA7; font-weight:normal; margin:20px 0px 0px 55px; /*border-bottom:1px solid #262720;*/ background-color:#D5CEA6; font-style:italic; text-align:center; padding:4px 0px 4px 0px}
.telecharger {width:224px; margin:15px 0px 0px 55px; background-color:#ff8100; text-align:center; color:#262720; font-weight:normal; }
div.contenu_centre p {margin-bottom:10px; }
p.italic {font-style:italic; }
.centre {text-align:center; }
.gras {font-weight:bold; }
p.titre {position:absolute; left:354px; top:0px; height:125px; width:236px; color:#777EA7; text-align:center; font-style:italic; padding-top:82px; }

div.footer {position:relative; float:left; height:55px; width:970px; background-image:url(images/fond_footer.jpg); }
#accueil div.footer {position:absolute; top:565px; left:0px; height:25px; background-image:none; }

p.credits {float:left; margin-left:10px; margin-top:35px; font-size:9px; }
#accueil p.credits {margin-top:12px; }
p.contacts {float:left; margin-left:200px; margin-top:35px; font-size:9px; color:#777EA7; }
#accueil p.contacts {margin-top:5px; color:#D5CEA6 }

a.picto {font-size:9px; color:#282821; font-style:italic; text-align:center; text-decoration:none; line-height:15px}
a#picto1 {position:absolute; top:284px; left:0px; width:181px; height:130px; background-image:url(images/AccPicto1.jpg); }
.espacePicto1 {padding:60px 0px 0px 55px; }
a#picto2 {position:absolute; top:431px; left:103px; width:151px; height:135px; background-image:url(images/AccPicto2.jpg); }
.espacePicto2 {padding:25px 0px 0px 5px; }
a#picto3 {position:absolute; top:307px; left:264px; width:120px; height:150px; background-image:url(images/AccPicto3.jpg); }
.espacePicto3 {padding:65px 0px 0px 10px; }
a#picto4 {position:absolute; top:303px; left:805px; width:165px; height:135px; background-image:url(images/AccPicto4.jpg); }
.espacePicto4 {width:80px; padding:85px 82px 0px 4px; }
a#picto5 {position:absolute; top:156px; left:621px; width:126px; height:146px; background-image:url(images/AccPicto5.jpg); }
.espacePicto5 {width:80px; padding:100px 36px 0px 10px; }
a.picto:hover {color:#282821; }
a#picto6 {position:absolute; top:408px; left:692px; width:116px; height:152px; background-image:url(images/AccPicto6.jpg); }
.espacePicto6 {width:80px; padding:27px 36px 0px 6px; }
a#picto1:hover {background-image:url(images/AccPicto1Roll.jpg); }
a#picto2:hover {background-image:url(images/AccPicto2Roll.jpg); }
a#picto3:hover {background-image:url(images/AccPicto3Roll.jpg); }
a#picto4:hover {background-image:url(images/AccPicto4Roll.jpg); }
a#picto5:hover {background-image:url(images/AccPicto5Roll.jpg); }
a#picto6:hover {background-image:url(images/AccPicto6Roll.jpg); }


a.lien {position:absolute; top:0px; width:121px; height:125px; font-size:9px; color:#282821; font-style:italic; text-align:center; text-decoration:none; line-height:15px}
a#lien1 {left:0px; background-image:url(images/picto1.jpg); }
a#lien2 {left:121px; background-image:url(images/picto2.jpg); }
a#lien3 {left:242px; background-image:url(images/picto3.jpg); }
a#lien4 {left:607px; background-image:url(images/picto4.jpg); }
a#lien5 {left:728px; background-image:url(images/picto5.jpg); }
a#lien6 {left:849px; background-image:url(images/picto6.jpg); }
/* a.lien:hover {color:#D6CFA7; } */
a#lien1:hover {background-image:url(images/picto1Roll.jpg); }
a#lien2:hover {background-image:url(images/picto2Roll.jpg); }
a#lien3:hover {background-image:url(images/picto3Roll.jpg); }
a#lien4:hover {background-image:url(images/picto4Roll.jpg); }
a#lien5:hover {background-image:url(images/picto5Roll.jpg); }
a#lien6:hover {background-image:url(images/picto6Roll.jpg); }
a.lienActive {position:absolute; top:0px; width:121px; height:125px; font-size:9px; color:#282821; font-style:italic; text-align:center; text-decoration:none; line-height:15px; }
a.lienActive#lien1 {background-image:url(images/picto1Roll.jpg); }
a.lienActive#lien2 {background-image:url(images/picto2Roll.jpg); }
a.lienActive#lien3 {background-image:url(images/picto3Roll.jpg); }
a.lienActive#lien4 {background-image:url(images/picto4Roll.jpg); }
a.lienActive#lien5 {background-image:url(images/picto5Roll.jpg); }
a.lienActive#lien6 {background-image:url(images/picto6Roll.jpg); }

.espaceLien1 {width:80px; padding:85px 31px 0px 10px; }
.espaceLien2 {width:80px; padding:60px 21px 0px 20px; }
.espaceLien3 {width:80px; padding:40px 21px 0px 20px; }
.espaceLien4 {width:80px; padding:30px 19px 0px 22px; }
.espaceLien5 {width:80px; padding:85px 21px 0px 20px; }
.espaceLien6 {width:80px; padding:23px 24px 0px 17px; }

.espaceLiens {line-height:22px; }
/*.espace {padding-top:85px; }*/
.google {margin-top:10px; }

.diapGche {margin:40px 0px 0px 25px; }
.diapDt {margin:40px 0px 0px 45px; }
.imgVerticalGche {margin:40px 0px 0px 55px; }

/* POPUP CREDITS */
h1.popupCredits {font-size:13px; font-weight:normal; color:#777EA7; padding:0px; margin:43px 0px 0px 0px; text-align:center; }
h2.popupCredits {font-size:13px; font-weight:normal; font-style:italic; color:#777EA7; padding:0px; margin:10px 0px 0px 0px; text-align:center; }
p.popupCredits {font-size:11px; color:#777EA7; text-align:center; margin:0px; padding:0px; }
a:link.popupCredits {font-size:10px; color:##262720; text-decoration:none; }
a:visited.popupCredits {font-size:10px; color:##262720; text-decoration:none; }
a:hover.popupCredits {font-size:10px; color:#ff8100; text-decoration:none; }
a:active.popupCredits {font-size:10px; color:#ff8100; text-decoration:none; }

.vignettes {float:left; margin:10px 12px 0px 0px; height:110px; width:90px; text-align:center; border:1px solid #D5CEA6; padding:5px 3px 0px 3px; /*background-color:#262720;*/ }
.vignette {border:1px solid #D5CEA6; }

/* PRELOAD */
img.preload {display:none;}
div.preloadCentre {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto1Roll.jpg)}
div.preloadSalles {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto2Roll.jpg)}
div.preloadAnimations {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto3Roll.jpg)}
div.preloadConferences {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto4Roll.jpg)}
div.preloadMontreal {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto5Roll.jpg)}
div.preloadSentiers {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/picto6Roll.jpg)}

div.preloadAccPicto1 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto1Roll.jpg)}
div.preloadAccPicto2 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto2Roll.jpg)}
div.preloadAccPicto3 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto3Roll.jpg)}
div.preloadAccPicto4 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto4Roll.jpg)}
div.preloadAccPicto5 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto5Roll.jpg)}
div.preloadAccPicto6 {position:absolute; top:0px; left:0px; width:0px; height:0px; background:url(images/AccPicto6Roll.jpg)}


.actualites {position:absolute; top:301px; left:417px; height:236px; width:244px; /*background-color:#ffffff; */color:#777EA7; font-size:10px; }
#actu {height:206px; width:244px; color:#777EA7; font-size:10px; overflow:hidden; margin-top:10px;}
div.actualites h1 {margin: 0px 0px 0px 50px; color:#F2EDC3; font-size:10px; font-weight:normal; }
div.actualites h2 {padding:0px; margin:14px 0px 0px 0px; }
div.actualites a {font-size:9px; font-style:italic; }

/* INTEGRATION OLIVIER */
div.container_adm {width:880px; padding:0; z-index:1;}
div#liste_photos {position:relative; width:900px; height:auto; text-align:center; margin:150px auto auto auto; z-index:10;}

div.img_ligne {position:relative; height:70px; width:900px; text-align:center;}
div.new {position:relative; width:900px; height:70px; text-align:center; margin:10px auto;}
div.admin_img {position:relative; height:70px; width:150px; text-align:center; float:left; overflow:hidden;}
div.admin_txt {position:relative; height:70px; width:550px; text-align:center; float:left;}
div.admin_fleches {position:relative; height:70px; width:150px; text-align:center; float:left; top:10px;}
a.fleches {font-size:24px; font-weight:bold; margin:0px 10px;}
a.fleches:visited {font-size:24px; font-weight:bold; margin:0px 10px;}

div.contenu_dt p.player {margin:7px 7px 0px 55px; height:auto; width:210px; color:#777EA7; background-color:#D5CEA6; width:210px; padding:5px 7px 5px 7px; }
div.contenu_dt p.player:hover {margin:7px 7px 0px 55px; height:auto; width:210px; color:#777EA7; background-color:#D5CEA6; width:210px; padding:5px 7px 5px 7px; }

.label_input {width:75px; text-align:right; display:inline-block; margin:10px;}

#bordure_gauche {
        position:absolute;
        display:block;
        top:40px;
        left:25px;
}
h1.admin_actu {
	margin:44px 0px 20px 0px;
}
.contenu_admin {
	text-align:center;
}
.contenu_admin table {
	margin:auto;
	text-align:left;
}
.cell_bouton {
	padding:0px 0px 0px 30px;
}
a.admin_bouton {
	background-color:#F2EDC3;
	display:inline-block;
	font-size:12px;
	margin:44px 0px 30px 0px;
	padding:10px;
}

img.admin_vignette {
	width:100px;
	height:auto;
	vertical-align:middle;
}
tr.cell_vignette td {
	text-align:center;
	padding:10px;
}
