/**********************************************/
/* Reusable class                             */
/**********************************************/

.validate { display:none; }

img, embed, object, video { max-width: 100%; }

.overflow-hidden {
	overflow:hidden;	
}
.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}
strong, .bold {
    font-weight:bold;
}
.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden {
    display:none;
}
.indent img{
    display:block;
}
.indent strong{
    position:absolute;
    left:-9999px;
} 
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}

/*ADMIN*/
ul.adminmenu li{
    margin-bottom:5px;
}
.admin-link {
	border:1px solid #999999;
	background:#f5f5f5;
	margin:15px;
	padding:15px;
	text-align:center;
}
.admin-link a{   
	font-weight:bold;
	margin:0 6px;
}

body { line-height:1.2;}

/**********************************************/
/* Specific content                           */
/**********************************************/

/* Custom Form START */
#form-contact { width:400px; display:block;}
#form-2col { width:600px; display:block;}
.form input {background: #fff; height:16px; border: 1px solid #b2b2b2; width:100%;}
.form label { float:left; clear:both; margin-bottom:10px; width:100%; position:relative;}
.form label strong { font-weight:900;}
.form label span {  font-size:10px; color:#F00; display:none;}
.form input:active, .form label.textarea textarea:active {border: 1px solid red;}
.form input:focus, .form label.textarea textarea:focus {border: 1px solid orange;}
.form label.button input { width:auto; background:none; height:auto; border:none; margin-bottom:20px; cursor:pointer; background:#CCC; padding:5px 20px;}
.form label.radio{ width:80px; margin-right:20px; clear:none; float:left; zoom:1;}
.form label.radio input { background:none; height:14px; width:14px; border:none;}
.form label.textarea textarea {background: #fff; height: 80px; border: 1px solid #b2b2b2; width:100%;}
.form label.first { clear:left !important;}
.form fieldset{}

.form-col-2 {width:280px; float:left; margin-right:20px;}
span.validator { color:red; display:none;}
/* Custom Form END */
/* font-family: alternate-gothic-no-3-d; */
html{background:#fdb924;}
body{background:url(../images/bg-body.jpg) no-repeat top center; width:100%; height:1000px; font-family: proxima-nova;}
#wrapper{min-height:800px;}
.wrapper{width:960px; margin:0 auto; position:relative;}

/*TOP NAV*/
#top-nav{height:48px;}
#top-nav > ul{float:right; margin-top:20px;}
#top-nav > ul > li{float:left;}
#top-nav > ul > li > a{color:#FFF; text-transform:uppercase; font-size:12px; font-weight:600; padding:0 10px 0 10px; border-right:1px solid #FFF; height:10px; line-height:9px; display:block;}
#top-nav > ul > li > a:hover{color:#fdb916;}
#top-nav > ul > li > a.last{border:none;}

/*HEADER*/
#header{height:358px; margin-top:10px; position:relative;}
#header #logo{display:block; width:316px; height:212px; position:absolute; top:-58px; left:-20px;z-index:500;}
#header #pub{background:url(../images/bg-pub.png) no-repeat; width:221px; height:221px; z-index:10; position:absolute; top:60px; left:-20px;z-index:500;}
#header #txt-up{color:#FFF; font-size:21px; width:150px; height:50px; text-align:center; margin:40px auto 0 auto;}
#header #txt-down{color:#FFF; font-size:28px; font-family: alternate-gothic-no-3-d; width:180px; height:65px; text-align:center; margin:7px auto 0 auto;}
.active{display:block;}
#header-corner{position:absolute; top:0; right:0;z-index:500;}

/*MAIN NAV*/
#main-nav-container{height:81px; width:960px; position:absolute; top:385px; left:0; z-index:600;}
#main-nav{background:url(../images/bg-mainnav.png) repeat-x; height:81px; width:936px; margin:0 auto; position:relative; z-index:10;}
#cornernav-left{position:absolute; top:1px; left:-22px;}
#cornernav-right{position:absolute; top:1px; right:-22px;}
#main-nav > ul{width:910px; display:block; height:57px; padding:0 13px; position:relative; top:7px;}
#main-nav > ul > li{float:left; margin-right:29px; height:57px;}
#main-nav > ul > li#last{margin:0;}
#main-nav > ul > li > a{color:#002c4b; display:block; font-size:21px; line-height:57px; height:57px; text-transform:uppercase;  font-family: alternate-gothic-no-3-d;}
#main-nav > ul > li:hover > a{color:#fdb916;}
#main-nav > ul > li.onglet1{background:url(../images/ico-1.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet2{background:url(../images/ico-2.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet3{background:url(../images/ico-3.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet4{background:url(../images/ico-4.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet5{background:url(../images/ico-5.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet6{background:url(../images/ico-6.png) 0 20px no-repeat;margin-right:0;}
#main-nav > ul > li.onglet1:hover, #main-nav > ul > li.onglet1.active{background:url(http://www.academielesestacades.ca/images/ico-1_hover.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet2:hover, #main-nav > ul > li.onglet2.active{background:url(../images/ico-2_hover.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet3:hover, #main-nav > ul > li.onglet3.active{background:url(../images/ico-3_hover.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet4:hover, #main-nav > ul > li.onglet4.active{background:url(../images/ico-4_hover.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet5:hover, #main-nav > ul > li.onglet5.active{background:url(../images/ico-5_hover.png) 0 20px no-repeat;}
#main-nav > ul > li.onglet6:hover, #main-nav > ul > li.onglet6.active{background:url(../images/ico-6_hover.png) 0 20px no-repeat;}

#main-nav > ul > li.onglet1 > a{padding:5px 0 0 35px;}
#main-nav > ul > li.onglet2 > a{padding:5px 0 0 25px;}
#main-nav > ul > li.onglet3 > a{padding:5px 0 0 35px;}
#main-nav > ul > li.onglet4 > a{padding:5px 0 0 25px;}
#main-nav > ul > li.onglet5 > a{padding:5px 0 0 33px;}
#main-nav > ul > li.onglet6 > a{padding:5px 0 0 27px;}

#main-nav > ul > li:hover .sub-nav { display:block;}

/*SUBNAV*/
.onglet2 .sub-nav{left:110px !important;}
.sub-nav{background:url(http://www.academielesestacades.ca/images/bg-sub-nav.png) no-repeat bottom right; min-width:200px; position:absolute; z-index:500; bottom:55px; left:0px; vertical-align:bottom; padding:10px 20px 25px 15px; display:none;}
.subcenter .sub-nav{position:absolute;bottom:55px; left:250px;}
.subright .sub-nav{position:absolute;bottom:55px; left:inherit; left:auto; right:0px;}

.onglet5.subright .sub-nav{position:absolute;bottom:55px; left:inherit; left:auto; right:80px;}
.subright .sub-nav{position:absolute;bottom:55px; left:inherit; left:auto; right:0px;}
.sub-nav > ul{float:left; width:180px; margin-right:15px;}
.sub-nav > ul.first{margin-left:10px;}
.sub-nav > ul.last{margin-right:0px; padding-right:15px; width:170px;}
.sub-nav > ul.last > li{width:170px;}
.sub-nav > ul > li{float:left; width:180px; line-height:18px; border-bottom:#c5c5c5 1px solid;}
.sub-nav > ul > li > a{color:#666666; font-size:14px;}
.sub-nav > ul > li > a:hover{color:#fdb728;}

/*CONTENU*/
#contentbox{background:#fcfcfc; min-height:300px; z-index:1; position:relative; padding:60px 20px 50px 20px; width:920px; margin:0 auto; top:19px;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);}
.contentbox{background:#fcfcfc; min-height:300px; z-index:1; position:relative; padding:60px 20px 50px 20px; width:920px; margin:0 auto; top:19px;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);}
#admin-modules{background:#fcfcfc; min-height:300px; z-index:1; position:relative; padding:60px 20px 50px 20px; width:920px; margin:0 auto; top:19px;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);}
#contenu{background:#fcfcfc; min-height:500px; z-index:1; position:relative; padding:60px 20px 50px 20px; width:920px; margin:0 auto; top:19px;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .3);
}
#contenu > #col-1{width:260px; min-height:400px; float:left;}
#contenu > #col-2{width:320px; min-height:400px; float:left; margin:0 40px 0 40px;position:relative;}
#contenu > #col-3{width:260px; min-height:400px; float:left;}
#contenu h2{color:#002c4b; font-size:21px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; width:100%; border-bottom:2px #cacaca solid; padding-bottom:5px; margin-bottom:5px;}
.une-nouvelle{background:url(../images/ico-nouvelles_update-24092011.png) top left no-repeat; margin-top:15px; position:relative; padding-top:10px;}
.une-nouvelle span{color:#999999; font-size:13px; position:absolute; top:0; left:40px;}
.une-nouvelle > h3{margin:5px 0 5px 40px; max-width:210px;}
.une-nouvelle > h3 a {font-size:13px; margin-left:-5px; padding:0 5px; color:#333333;}
.une-nouvelle > h3 a:hover {background:#fdc02d; padding:0 5px; margin-left:-5px; color:#333333;}

.une-nouvelle p{color:#666666; font-size:13px; margin-bottom:10px;}
.hr{height:2px; width:100%; background:#cacaca; margin:15px 0 5px 0;}
.hr hr{visibility:hidden;}
#contenu > #col-2 > #visite-360{width:320px; /*height:234px;*/ margin-top:20px; /*box-shadow: 0 0 6px #979797; -moz-box-shadow: 0 0 6px #979797; -webkit-box-shadow: 0 0 6px #979797;*/}
#btn-retourenhaut{background:url(../images/btn-retourenhaut.gif) top left no-repeat; position:absolute; bottom:10px; right:15px; width:78px; height:7px; display:block; z-index:1000;}
#btn-retourenhaut:hover{background:url(../images/btn-retourenhaut.gif) bottom left no-repeat;}

/*SIDE-NAV*/
#side-nav{width:222px; position:relative; z-index:1; float:left;}
#side-nav #bgnav{background:url(../images/bg-sidenav-mid.png) repeat-y; }
#side-nav > #bgnav > ul > li{margin:0px 0 -8px 0; padding:0;}
#side-nav > #bgnav > ul > li > a{color:#666666; width:205px; padding:5px 0 10px 17px; line-height:22px; min-height:22px; display:block; text-transform:uppercase; font-size:12px; background:url(../images/ligne-sidenav.png) no-repeat top;}
#side-nav > #bgnav > ul > li:first-child a{background:none;}
#side-nav > #bgnav > ul > li > a:hover{color:#FFF; background:url(../images/sidenav-corner.png) bottom no-repeat #fdb728;}
#side-nav > #bgnav > ul > li > a.active{color:#FFF;background:url(../images/sidenav-corner.png) bottom no-repeat #fdb728;}
#side-nav #sidenav-bottom{margin-top:8px;}

/*CONTENU-SIDE*/
#contenu-side{width:620px; min-height:275px; float:left; margin:25px 0 0 60px;}
#contenu-side > h2{color:#002c4b; font-size:22px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; width:100%; border-bottom:2px #cacaca solid; padding-bottom:5px; margin-bottom:5px;}
#contenu-side > h3{color:#333333; font-size:12px; text-transform:uppercase; font-weight:bold; margin:10px 0 15px 0;}
#contenu-side > p{color:#666666; font-size:13px; line-height:16px; margin:0 0 5px 0;}
#contenu-side > ul{list-style:url(../images/puce.png); margin-left:15px; margin-bottom:10px; }
#contenu-side > ul > li{color:#666666; font-size:13px; margin-bottom:3px;}
#contenu-side > #programmes{list-style:none; margin:0;}
#contenu-side > #programmes > .un-programme{padding-left:50px;margin-left:-50px; padding-top:11px; margin-top:-11px; clear:both;}
#contenu-side > #programmes > .un-programme > a{color:#333333; font-size:12px; text-transform:uppercase; font-weight:bold; display:block; min-width:10px; width:auto; margin:10px 0 10px -5px; float:left; padding:0 5px;}
#contenu-side > #programmes > .un-programme > a:hover{background:#fdc02d;}
#contenu-side > #programmes > .un-programme > p{color:#666666; font-size:13px; line-height:16px; margin:0 0 15px 0; float:left; clear:left;}
#contenu-side > #programmes > .new-programme{background:url(http://www.academielesestacades.ca/images/btn-nouveau.png) no-repeat 0 7px; min-width:50px; min-height:50px; display:block;}

/*CONTENU-SIDE*/
#contenu-nouvelles{width:800px; min-height:275px; float:left; margin:25px 0 0 60px;}
#contenu-nouvelles > ul{list-style:none; margin-left:15px; margin-bottom:10px; }
#contenu-nouvelles > ul > li{color:#666666; font-size:13px; margin-bottom:3px;}
#contenu-nouvelles > #news{list-style:none; margin:0;}
#contenu-nouvelles > #news > .une-news{padding-left:50px;margin-left:-50px; padding-top:11px; margin-top:-11px; clear:both;}
#contenu-nouvelles > #news > .une-news > h3{margin:10px 0 10px 0;}
#contenu-nouvelles > #news > .une-news > h3 a {font-size:12px; text-transform:uppercase; font-weight:bold;margin-left:-5px; padding:0 5px; color:#333333;}
#contenu-nouvelles > #news > .une-news > h3 a:hover {background:#fdc02d; padding:0 5px; margin-left:-5px; color:#333333;}
#contenu-nouvelles > #news > .une-news > p{color:#666666; font-size:13px; line-height:16px; margin:0 0 15px 0; float:left;}


/*CONTENU-MIDDLE*/
#contenu-middle{width:360px; min-height:275px; float:left; margin:25px 10px 0 60px;}
#contenu-middle > h2{color:#002c4b; font-size:21px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; width:100%; border-bottom:2px #cacaca solid; padding-bottom:5px; margin-bottom:5px; position:relative;}
#contenu-middle > h3{color:#333333; font-size:12px; text-transform:uppercase; font-weight:bold; margin:10px 0 15px 0;}
#contenu-middle > p{color:#666666; font-size:13px; line-height:16px; margin:0 0 10px 0;}
#contenu-middle > ul{list-style:url(../images/puce.png); margin-left:15px; margin-bottom:10px;}
#contenu-middle > ul > li{color:#666666; font-size:13px; margin-bottom:3px;}
#contenu-middle > h2 > .test{background:url(http://www.academielesestacades.ca/images/btn-nouveau.png) no-repeat 0 7px; min-width:50px; min-height:50px; display:block; position:absolute; top:-18px; left:-50px;}

/*COL-RIGHT*/
#contenu-right{width:268px; min-height:250px; float:left; position:relative; padding-top:290px;}
#contenu-right > h2{margin-left:5px; width:95%;}
.cadre-right{position:absolute; top:0; z-index:10;}
.pic-right{position:absolute; top:6px; left:11px; z-index:1;}

/*CONTACT*/
#coordonnes{margin-top:15px; width:165px; float:left;}
#coordonnes > p{color:#666666; font-size:13px; line-height:18px; margin:0 0 20px 0;}
#coordonnes > p > a{color:#666666; font-size:13px; line-height:18px; font-weight:bold;}
#coordonnes > p > a:hover{text-decoration:underline;}
#coordonnes-map{margin:15px 0 0 30px; float:left;}
#side-from{width:222px; position:relative; z-index:1; float:left;}
#side-from #bgnav{background:url(../images/bg-sidenav-mid.png) repeat-y; min-height:150px;}
#side-from #bgnav label{color:#666666; width:205px; padding-left:17px; min-height:36px; display:block; text-transform:uppercase; color:#666666; font-size:13px; line-height:24px; margin-bottom:7px;}


#side-from label input{border:none; width:185px;  font-family: proxima-nova; font-size:13px;  line-height:16px; padding:0 3px; color:#666666;}
#side-from TEXTAREA{width:178px; border:none; resize:none; font-family: proxima-nova; color:#666666; font-size:13px; line-height:16px; padding-left:3px;}
#side-from #btn-submit{margin-bottom:0 !important; min-height:17px !important; padding-bottom:7px;  cursor:pointer; display:block;}
#side-from #btn-submit input{border:none; width:70px !important;}


/* CALENDRIER */
#calendrier{
    margin:0 auto;
    padding:0 34px;
    width:927px;
    padding-top:15px;
	
}
#calendrier #nos-activites{
    float:left;
    width:665px;
}
#calendrier #nos-activites h2{
    margin-left:15px;
    margin-bottom:9px;
}
#calendar-container{
    float:left;
    height:204px;
    width:259px;
    padding:20px 0 60px 0;
	font-family: proxima-nova;
	font-size:15px;
	position:relative;
	background:url(../images/legende.gif) 8px 245px no-repeat;
}
.calendrier #calendar-container { padding:0;}

#calendar-container p{
	 font-family: proxima-nova;
	color:#6d6d6d;
	font-size:11px;
	padding:5px 0;
} 

#calendar-container .calendar-next{ background:url(../images/calendar-arrow.png) no-repeat top right; position:absolute; bottom:48px; right:25px;}
#calendar-container .calendar-prev{ background:url(../images/calendar-arrow.png) no-repeat top left; position:absolute; bottom:48px; left:126px;}
#calendar-container .calendar-next:hover{ background:url(../images/calendar-arrow.png) no-repeat bottom right;}
#calendar-container .calendar-prev:hover{ background:url(../images/calendar-arrow.png) no-repeat bottom left;}

#month-selector a{ display:block; height:8px; width:9px;}

#calendar-container #month-selector{
    text-align:center;
    padding-bottom:10px;
	position:relative;
}
#month-selector span{
    text-transform:uppercase;
    margin:0 10px;
	color:#FFF;
	font-weight:normal;
	font-size:18px;
	background:url(../images/btn-month.png) no-repeat;
	width:75px;
	height:48px;
	display:block;
	padding-top:27px;
	font-family: font-family: proxima-nova;
	position:absolute;
	top:-80px;
	left:133px;
}
#month-selector a img{
    vertical-align:top;
}

#calendar-container .jours-semaine th { color:#003366; padding:4px 0;  font-family: proxima-nova; font-size:18px;}

#calendar-container table{
    width:100%;
}
#calendar-container table tr td, #calendar-container table tr th{
    vertical-align:middle;
    text-align:center;
}
#calendar-container table tr th{
    padding-right:8px;
}
#calendar-container table tr td span{
    display:block;
    /*border:1px solid #676767;*/
    margin:0 5px 5px 5px;
    width:22px;
    line-height:30px;
	color:#6d6e71;
}
#calendar-container table tr td span a{
	background:url(../images/calendar-bg-cell.png) no-repeat top;
	height:26px; width:26px;
	display:block;
	color:#fff;
}
#calendar-container table tr td span a:hover{
	background:url(../images/calendar-bg-cell.png) no-repeat top;
	height:26px; width:26px;
	display:block;
	color:#fff;
}
#calendar-container table tr td span a.scolaire:hover, #calendar-container table tr td span a.sportif:hover{
	background:url(../images/calendar-bg-cell.png) no-repeat top;
	height:26px; width:26px;
	display:block;
	color:#fff;
}
#calendar-container table tr td span a.scolaire{
	background:url(../images/calendar-bg-cell.png) no-repeat bottom;
	color:#fff;
		height:26px; width:26px;
	display:block;
}
#calendar-container table tr td span a.sportif{
	background:#003366;
	color:#fff;
	height:26px; width:26px;
	display:block;
}

#calendar-container table.morerows tr td span{
	line-height:25px;
}

#calendar-container table tr td.inactive span{
    color:#9d9fa2;
	display:block;
	height:22px;
	width:22px;
	
}
#calendar-infos{
    background:url('../images/calendar-infos-bg.png');
    float:left;
    height:164px;
    width:338px;
    padding:29px 22px;
    color:#fff;
}
#calendar-infos h3{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
#calendar-infos a.arrow{
    color:#fff;
    background:url('http://www.academielesestacades.ca/images/white-arrow.gif') no-repeat right center;
    padding-right:15px;
}
#calendrier #ne-pas-manquer{
    float:left;
}
#calendrier #ne-pas-manquer h2{
    margin-left:25px;
    margin-bottom:5px;
}

.newsgal { float:left;  padding: 0 10px 10px 0;}

.calendar-over { width:182px; background:url(../images/shadow-top.png) no-repeat top center; padding-top:9px; position:absolute; top:0; left:0; z-index:1000;}
.calendar-content { width:152px; min-height:20px; padding:15px 15px 35px 15px; background:url(http://www.academielesestacades.ca/images/bg-box.png) no-repeat bottom left; font-family: proxima-nova; text-align:left;}
.calendar-over h3 {  font-size:12px; color:#1f493b; margin-bottom:5px; text-transform:none;}
.calendar-over p{  font-family: proxima-nova; font-size:11px; color:#6d6d6d; margin-bottom:5px;}

h3 small { color:#1F493B; text-transform:none; font-size:11px; }

/*page 404*/
#contentbox > #content404{margin-left:280px; position:relative; width:700px; height:300px;}
#contentbox > #content404 > #oups{position:absolute; right:280px; top:25px;}
#contentbox > #content404 > h2{color:#fdb924; font-family: alternate-gothic-no-3-d; font-size:132px;}
#contentbox > #content404 > #oups > h3{color:#002c4b; font-family: alternate-gothic-no-3-d; font-size:36px;}
#contentbox > #content404 > #oups > p{color:#333333; font-family: proxima-nova; font-size:22px;}

/*Footer*/
#footer-top{background:url(../images/footer-top.png) no-repeat; height:100px;}
#footer-middle{background:url(../images/footer-middle.png) repeat-y; width:898px; min-height:350px; margin:0 auto;}
#footer-bottom{background:url(../images/footer-bottom.png) no-repeat; width:898px; height:114px; margin:0 auto;}
#footer .bt-sitemap{ padding-right:25px; background:url(../images/plan-du-site-arrow.gif) no-repeat 100% 2px;color: #002C4B;font-family: alternate-gothic-no-3-d;font-size: 22px;text-transform: uppercase;position:absolute; top:60px; left:55px;}
#commission-scolaire{ position:absolute; top:50px; right:55px; width:101px; height:44px; display:block;}
#footer-middle{ width:858px; padding:0 20px; position:relative; padding-bottom:50px; display:none;}
#sitemap { padding:0 10px; font-size:12px; padding-top:30px;}
#sitemap li{ display:block; width:129px; padding-right:10px; float:left;}
#sitemap > li > a { text-transform:uppercase; color:#333333; margin-bottom:5px; font-weight:bold;}
#sitemap a:hover { color:#fdc02d;}
#sitemap ul { margin-top:5px;}
#sitemap ul a { color:#666666;}
#sitemap ul li { margin-bottom:5px;}
#footer-middle #sitemap-close{ position:absolute; bottom:20px; right:50px;}
#acolyte { position:absolute; top:14px; left:14px; height:14px; width:121px;}
#footer-bottom{ position:relative;}


#pageedit { position:absolute; top:40px; right:15px; }

#col-2 #pageedit { top:0;right:0; }


/* WYSIWYG */
.txt-style h2{color:#002c4b; font-size:21px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; border:none !important; padding-bottom:0 !important; margin-bottom:5px;}
.txt-style h3{color:#333333; font-size:14px; text-transform:uppercase; border:none !important; padding-bottom:0 !important; margin-bottom:5px; font-weight:bold;}
.txt-style h4{color:#333333; font-size:13px; text-transform:none;  border:none !important; padding-bottom:0 !important; margin-bottom:5px;}
.txt-style p{color:#666666; font-size:13px; line-height:16px; margin-bottom:10px;}
.txt-style table.equipe{ border:1px solid #CACACA; border-collapse:collapse; width:100%;}
.txt-style table.equipe tr{}
.txt-style table.equipe tr td{vertical-align:top; font-size:12px;  font-family: proxima-nova; font-size:13px; color:#666666; line-height:16px; width:33%; height:30px; padding:10px 3px 10px 3px; border:1px solid #CACACA;}
.txt-style table.equipe tr th{vertical-align:middle; font-size:12px;  font-family: proxima-nova; font-size:15px; color:#002C4B; font-weight:bold; line-height:16px; width:33%; height:30px; padding:5px 3px 5px 3px; border:1px solid #CACACA;}

.txt-style ul{list-style:url(../images/puce.png); margin-left:13px; margin-bottom:10px;}
.txt-style ul li{color:#666666; font-size:13px; margin-bottom:3px;}
.txt-style a{color:#002c4b;}
.txt-style a:hover{color:#fdb916;}

.txt-style ol{list-style:decimal; margin-left:13px; margin-bottom:10px;}
.txt-style ol li{color:#666666; font-size:13px; margin-bottom:3px;}
.txt-style2 h2{color:#002c4b; font-size:21px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; border:none !important; padding-bottom:0 !important; margin-bottom:5px;}
.txt-style2 h3{color:#333333; font-size:14px; text-transform:uppercase; border:none !important; padding-bottom:0 !important; margin-bottom:5px; font-weight:bold;}
.txt-style2 h4{color:#333333; font-size:13px; text-transform:none;  border:none !important; padding-bottom:0 !important; margin-bottom:5px;}
.txt-style2 p{color:#666666; font-size:13px; line-height:16px; margin-bottom:5px;}

.txt-style2 ul{margin-bottom:10px;}
.txt-style2 ul li{color:#666666; font-size:13px; margin-bottom:5px;}
.txt-style2 a{color:#002c4b; font-size:13px;}
.txt-style2 a:hover{color:#fdb916;}
.txt-style2 ol{list-style:decimal; margin-left:13px; margin-bottom:10px;}
.txt-style2 ol li{color:#666666; font-size:13px; margin-bottom:3px;}

.admin-link  a{color:#002c4b;}
.admin-link  a:hover{color:#fdb916;}


/*module équipe*/
#contenu-mod{width:620px; min-height:275px; float:left; margin:25px 0 0 60px;}
#contenu-mod > h2{color:#002c4b; font-size:22px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; width:100%; border-bottom:2px #cacaca solid; padding-bottom:5px; margin-bottom:5px;}
#contenu-mod > .equipecol > li p{color:#666666; font-size:13px; line-height:15px; margin:0 0 5px 0;}
#contenu-mod > .equipecol{list-style:none !important; float:left; width:100%; margin:10px 0 0 0 !important;}
#contenu-mod > .equipecol > li{display:block; width:100%; min-height:80px; margin:0 20px 10px 0; padding-bottom:10px; border-bottom:1px #CACACA solid;}
#contenu-mod > .equipecol > li > img{float:left; padding-right:10px;}
#contenu-mod > .equipecol > li  h3{color:#333333; font-size:12px; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
#contenu-mod > .equipecol > li  h3 span{color:#333333; font-size:12px; text-transform:none; font-weight:normal; margin:10px 0 5px 0;}
#contenu-mod > .equipecol > li  .txt-style{float:left;}

/*contenu-partners*/
#contenu-partners{width:800px; min-height:275px; float:left; margin:25px 0 0 60px;}
#contenu-partners > h2{color:#002c4b; font-size:22px; text-transform:uppercase; font-family: alternate-gothic-no-3-d; width:100%; border-bottom:2px #cacaca solid; padding-bottom:5px; margin-bottom:5px;}
#contenu-partners > .partners > li > p{color:#666666; font-size:13px; line-height:15px; margin:0 0 5px 0;}
#contenu-partners > .partners{list-style:none !important; float:left; width:100%; margin:10px 0 0 0 !important;}
#contenu-partners > .partners > li{display:block; width:100%; min-height:80px; margin:0 20px 10px 0; padding-bottom:10px; border-bottom:1px #CACACA solid;}
#contenu-partners > .partners > li > img{float:left; padding-right:10px;}
#contenu-partners > .partners > li > a.pic{float:left; padding-right:10px;}

#contenu-partners > .partners > li > h3{color:#002C4B; font-size:12px; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
#contenu-partners > .partners > li > h3 a{color:#002C4B; font-size:12px; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
#contenu-partners > .partners > li > h3 a:hover{color:#fdb916; font-size:12px; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
#contenu-partners > .partners > li > h3 span{color:#333333; font-size:12px; text-transform:none; font-weight:normal; margin:10px 0 5px 0;}

/*slider*/
.slider{width:620px; overflow:hidden; padding:0 5px; position:relative;height:125px;}
.slider ul{width:8000px;}
.slider ul > li{float:left; margin-right:10px;width:200px;height:125px;}
.slider > .arrow-left{background:url(../images/arrow-left.gif) no-repeat; width:12px; height:62px; display:block; position:absolute; left:0; top:35px; z-index:10;}
.slider > .arrow-right{background:url(../images/arrow-right.gif) no-repeat; width:12px; height:62px; display:block; position:absolute; right:0; top:35px;  z-index:10;}
.slider > .arrow-left:hover{background:url(../images/arrow-left_hover.gif) no-repeat;}
.slider > .arrow-right:hover{background:url(http://www.academielesestacades.ca/images/arrow-right_hover.gif) no-repeat;}

/*nouvelles*/
.more{color:#002c4b; font-size:13px;}
.more:hover{color:#fdb916;}
.date{display:block; margin-bottom:-5px;}


.calendar-over { width:182px; background:url(../images/shadow-top.png) no-repeat top center; padding-top:9px; position:absolute; top:0; left:0; z-index:1000;}
.calendar-content { width:152px; min-height:20px; padding:15px 15px 35px 15px; background:url(http://www.academielesestacades.ca/images/bg-box.png) no-repeat bottom left;font-family:Tahoma, Geneva, sans-serif; text-align:left;}
.calendar-over h3 {  font-size:12px; color:#1f493b; margin-bottom:5px; text-transform:none;}
.calendar-over p{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#6d6d6d; margin-bottom:5px;}


#header ul {
	width:960px;
	height:358px;
	overflow:hidden;
	position:relative;
}

#header ul li {
	position:absolute;
	width:960px;
	height:358px;
	top:0;
	left:0;
	z-index:1;
}

.wf-loading {
	visibility:hidden;
}

.h-right {
	float:left;
	width:500px;
}
#btn-academie{ position:absolute; top:50px; right:180px; width:149px; height:47px; display:block;}