/*body {
background: url('../images/168.png') top left repeat-y;
}*/

/*{ outline: 1px dotted red; }*/
.container
{
	width: 830px;
	margin: 30px 0 0 30px;
	position: absolute;
}

.column
{
	float: left;
	margin-right: 10px;
}

.last
{
	margin-right: 0;
}

.span-1
{
	width: 30px;
}

.span-2
{
	width: 70px;
}

.span-3
{
	width: 110px;
}

.span-4
{
	width: 150px;
}

.span-5
{
	width: 190px;
}

.span-5b
{
	width: 200px;
}

.span-6
{
	width: 230px;
}

.span-7
{
	width: 270px;
}

.span-8
{
	width: 310px;
}

.span-9
{
	width: 350px;
}

.span-10
{
	width: 390px;
}

.span-10b
{
	width: 410px;
}

.span-11
{
	width: 430px;
}

.span-12
{
	width: 470px;
}

.span-13
{
	width: 510px;
}

.span-14
{
	width: 550px;
}

.span-15
{
	width: 590px;
}

.span-16
{
	width: 630px;
}

.span-17
{
	width: 670px;
}

.span-18
{
	width: 710px;
}

.span-19
{
	width: 750px;
}

.span-20
{
	width: 790px;
}

.span-21
{
	width: 830px;
}

.span-22
{
	width: 870px;
}

.span-23
{
	width: 910px;
}

.span-24
{
	width: 950px;
	margin: 0;
}

.append-0
{
	padding-right: 5px;
}

.append-1
{
	padding-right: 40px;
}

.append-2
{
	padding-right: 80px;
}

.append-3
{
	padding-right: 120px;
}

.append-4
{
	padding-right: 160px;
}

.append-5
{
	padding-right: 200px;
}

.append-6
{
	padding-right: 240px;
}

.append-7
{
	padding-right: 280px;
}

.append-8
{
	padding-right: 320px;
}

.append-9
{
	padding-right: 360px;
}

.append-10
{
	padding-right: 400px;
}

.append-11
{
	padding-right: 440px;
}

.append-12
{
	padding-right: 480px;
}

.append-13
{
	padding-right: 520px;
}

.append-14
{
	padding-right: 560px;
}

.append-15
{
	padding-right: 600px;
}

.append-16
{
	padding-right: 640px;
}

.append-17
{
	padding-right: 680px;
}

.append-18
{
	padding-right: 720px;
}

.append-19
{
	padding-right: 760px;
}

.append-20
{
	padding-right: 800px;
}

.append-21
{
	padding-right: 840px;
}

.append-22
{
	padding-right: 880px;
}

.append-23
{
	padding-right: 920px;
}

.prepend-1
{
	padding-left: 40px;
}

.prepend-2
{
	padding-left: 80px;
}

.prepend-3
{
	padding-left: 120px;
}

.prepend-4
{
	padding-left: 160px;
}

.prepend-5
{
	padding-left: 200px;
}

.prepend-5b
{
	padding-left: 210px;
}

.prepend-6
{
	padding-left: 240px;
}

.prepend-7
{
	padding-left: 280px;
}

.prepend-8
{
	padding-left: 320px;
}

.prepend-9
{
	padding-left: 360px;
}

.prepend-10
{
	padding-left: 400px;
}

.prepend-11
{
	padding-left: 440px;
}

.prepend-12
{
	padding-left: 480px;
}

.prepend-13
{
	padding-left: 520px;
}

.prepend-14
{
	padding-left: 560px;
}

.prepend-15
{
	padding-left: 600px;
}

.prepend-16
{
	padding-left: 640px;
}

.prepend-17
{
	padding-left: 680px;
}

.prepend-18
{
	padding-left: 720px;
}

.prepend-19
{
	padding-left: 760px;
}

.prepend-20
{
	padding-left: 800px;
}

.prepend-21
{
	padding-left: 840px;
}

.prepend-22
{
	padding-left: 880px;
}

.prepend-23
{
	padding-left: 920px;
}

.border
{
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}

.colborder
{
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}

.pull-1
{
	margin-left: -40px;
}

.pull-2
{
	margin-left: -80px;
}

.pull-3
{
	margin-left: -120px;
}

.pull-4
{
	margin-left: -160px;
}

.push-0
{
	margin: 0 0 0 18px;
}

.push-1
{
	margin: 0 -40px 0 18px;
}

.push-2
{
	margin: 0 -80px 0 18px;
}

.push-3
{
	margin: 0 -120px 0 18px;
}

.push-4
{
	margin: 0 -160px 0 18px;
}

.push-0, .push-1, .push-2, .push-3, .push-4
{
	float: right;
}

.push
{
	float: right;
}

.box
{
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #eee;
}

.boxflush
{
	padding: 1.5em 1.5em 0 1.5em;
	background: #eee;
	border-bottom: 1px solid #ddd;
}

.boxflush img
{
	margin: 0;
}

hr
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.4em;
	border: none;
}

hr.footnote
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 30%;
	height: .1em;
	margin: 0 0 0.5em 0;
	border: none;
}

hr.short
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 20%;
	height: .1em;
	margin: 0 0 0.5em 0;
	border: none;
}

hr.shortflat
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 20%;
	height: .1em;
	margin: 0 0 0.5em 0;
	border: none;
}

hr.space
{
	background: #fff;
	color: #fff;
}

hr.bold
{
	background: #666;
	color: #666;
	clear: both;
	float: none;
	width: 100%;
	height: .3em;
	margin: 0 0 1.4em;
	border: none;
}

.clear
{
	display: block;
}

.clear:after, .container:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear
{
	height: 1%;
}

#menu ul
{
	margin-top: 1.5em;
	margin-left: .1em;
}

#menu ul li
{
	display: inline;
	margin: 0 1em 0 0;
	padding: 0 2px;
}

#sidenav
{
 	margin-top: 2em;
	padding-right: 10px;
}

#sidenav ul
{
	padding-top: 0;
	margin-right: 0;
}

#sidenav ul li
{
	border-bottom: 1px solid #ddd;
	padding: 0;
	line-height: 2em;
	font-size: 1.1em;
}

#sidenav ul li a
{
	padding-left: 5px;
}

#sidenav ul li a.solo
{
border-top: 1px solid #ddd;
}

#sidenav ul li:last-child
{
	border-bottom: none;
}

#sidenav h4
{
	padding: .3em 0;
	border-bottom: 1px solid #ddd;
	margin: .3em 0 0 0;
}

.progthumb
{
	min-width: 168px;
	float: left;
        margin: 0 16px 0 10px;
        background-color: #eee;
        text-align: center;
}

.progthumb img
{
margin-bottom: 0;
}

.pubthumb
{
	min-width: 120px;
	float: left;
        margin: 0 16px 0 0;
        background-color: #eee;
        text-align: center;
}

.pubthumb img
{
margin-bottom: 0;
}

#sidebar
{
	 width: 150px;
	 margin-right: 10px;
	 position: absolute;
}

#content
{
clear: both;
margin-left:190px;
width:630px;
float:left;
}

#content.membres {
width: 641px;
}

#main_content
{
width: 630px;
float: left;
}

#mainleft
{
width: 200px;
float: left;
margin-right: 10px;
}

#mainright
{
float: right;
width: 410px;
}

#about
{
width: 415px;
float: left;
margin-right: 15px;
}

#signform
{
width: 200px;
float: left;
}

#footer
{
margin: 20px 0 0 190px;
padding-top: 20px;
width: 630px;
float: left;
border-top: 1px solid #eee;
}

#meta
{
margin-left: 190px;
width: 630px;
float: left;
}

#texts
{
width:200px;
float:left;
/*border-bottom: 1px solid #BBB;
border-top: 1px solid #BBB;*/
margin: 0 10px 0 0;
padding:10px 0 0 0;
}

#texts ul
{
margin: 0;
border-bottom: 1px solid #ccc;
padding: 0;
}

#texts ul li
{
display: list-item;
border-bottom: 0;
}

#texts ul li a span
{
font-style: normal;
font-size: 0.8em;
font-weight: bold;
line-height: 2em;
}

#texts ul li a
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
display: block;
min-height: 4em;
width: 192px;
text-decoration: none;
padding: 10px 2px 10px 6px;
margin: 0;
}

#texts ul li a:hover
{
background-color: #eee;
}

#publications
{
width:420px;
float:left;
/*border-top: 1px solid #BBB;*/
padding-top:10px;
}

#publications ul
{
margin-left: 0;
margin-top: 0;
padding-top: 0.5em;
}

#publications ul li
{
margin-bottom: 1em;
}
#splash
{
width: 630px;
}
#splash .expo-imgs {
width: 630px;
float: left;
margin-right: 0;
}

#expo-content {
width: 630px;
float: left;
margin-right: 0;
}

#expo-content ul {
margin: 0;
padding: 0;
}

#expo-content ul li {
display: inline;
font: bold 3em/1.1em arial,  Helvetica, "helvetica neue", sans-serif;
text-transform: uppercase;
margin-right: 0.5em;
color: #ccc;
}

#expo-content ul li.extra-active {
color: #666;
}

#splash
{
width: 630px;
}

#splash div
{
width: 200px;
min-height: 250px;
margin: 5px;
}

#splashslides
{
width: 630px;
}

#splashmulti
{
width: 630px;
}

#splashmulti div
{
width: 415px;
/*max-height: 31em;*/
max-height: 131em;
float: left;
margin: 0 0 15px 0;
overflow: hidden;
}

#splashmulti>div>a { text-decoration: none !important; }
#splashmulti>div>a>img { margin-bottom: 1em !important; }

#splashmulti div:first-child 
{
margin-right: 15px;
}

#splashmulti ul {
width: 195px;
float: left;
padding: 0;
margin: 0;
/*background-color: #eee;
padding: 10px 5px 0 5px;*/
}

#splashmulti ul li {
margin-bottom: 1em;
color: #555;
}

#splashmulti ul li:last-child {
border-bottom: none;
}

#secondary {
clear: both;
width: 630px;
min-height: 300px;
padding: 16px 0 0 0;
margin: 0;
border-top: 1px solid #ddd;
}

/*#secondary img {
margin-top: 8px;
}*/

#secondary div {
float: left;
width: 200px;
margin-right: 15px;
}

#secondary div:last-child {
margin-right: 0;
}
#secondary span {
display: block;
width: 200px;
margin: 0;
padding: 0;
}

#secondary span img {
margin-bottom: 1.2em;
}

/* pour listes comités et staff */
#comites {
clear: both;
width: 630px;
/*min-height: 300px;*/
padding: 20px 0 0 0;
margin: 0;
border-top: 1px solid #eee;
}

#comites div {
float: left;
/*width: 150px;*/
width: 16.9em;
margin-right: 10px;
margin-bottom: 20px;
min-height: 10.4em;
}

#comites div:last-child {
margin-right: 0;
}

#staff {
clear: both;
width: 630px;
padding-top: 20px;
margin: 0;
border-top: 1px solid #eee;
}

#staff div {
float: left;
width: 300px;
min-height: 220px;
margin: 0 10px 20px 0;
overflow: auto;
}

#staff div:last-child {
margin-right: 0;
}

#content div div.2sur3 {
width: 415px !important;
margin-right: 15px;
float: left;
}

#content div div.1sur3 {
width: 200px !important;
float: left;
}

ul.singleinfo li {
display: inline;
padding: 0 10px;
border-right: 1px solid #000;
}

ul.singleinfo li:first-child {
padding-left: 0;
}

ul.singleinfo li:last-child {
border-right: 0;
}

ul.singleinfo li.noborder {
border-right: 0;
}

/* EXPO DOUBLE */
#expodouble
{
width: 630px;
margin-right: 15px;
}

#expodouble div
{
width: 200px;
/*max-height: 31em;*/
max-height: 131em;
float: left;
margin: 0 15px 15px 0;
overflow: hidden;
}

#expodouble ul {
width: 195px;
float: left;
padding: 0;
margin: 0;
/*background-color: #eee;
padding: 10px 5px 0 5px;*/
}

#expodouble ul li {
margin-bottom: 1em;
border-bottom: 1px dotted #ddd;
}

#expodouble ul li:last-child {
border-bottom: none;
}

ul.singleinfo li.eventlast {
display: block;
padding: 0;
}

#primarycontent { overflow-x:hidden; float: left; }

.tab_container dl dt, #primarycontent dl dt { display:block;/*width:100%;*/float:left;margin: 10px 0 1px 0;color:#fff; padding: 8px 10px 4px 10px; background-color: #000; }

.tab_container dd, #primarycontent dd { margin:0; float:left; border-bottom:1px solid #eee; }

.tab_container dd a,#primarycontent dd a { display:block; text-decoration:none; padding: 11px 10px; width:137px;margin:0;min-height:114px; /*background: transparent url(../images/288.gif) top left repeat-x;*/ }
.tab_container dd a:visited, #primarycontent dd a:visited { display:block; text-decoration:none; }
.tab_container dd a:hover, #primarycontent dd a:hover { display:block; background:#dedede; color: black; }
.tab_container dd a:active, #primarycontent dd a:active { display:block; text-decoration:none; }

.expotext {padding-top: 3px;}

.bulleted_block {padding-left: 30px; background: transparent url(http://www.skol.ca/images/489.png) 0.1em 0.3em no-repeat;
}

.mainblock {border-top: 1px solid #ddd; padding-top: 1em; margin-top: 1em; }
.mainblockblock {width: 630px; float: left; margin-bottom: 2em;}

.pleft p { clear: left; float: left; width: 460px; margin-right: 20px; }

.expo-imgs .centered { text-align: center; }

#listform { clear: both; float: left; display: inline-block; margin-left: 8px; margin-top: 8px; margin-bottom: 5px; }

#listform p { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 0.7em; margin: 0; }

#listform p a { display: block; text-decoration: none; background: #fff; padding: 7px 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }

#listform p a:hover { color: #222; background: url(../../images/610.png) repeat; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; }

/* MEMBERSHIP */
#memberoptions { width: 190px; height: 200px; float: right; margin-right: 10px; background-color: #fff; padding-left: 10px; border-left: 1px solid #dedede; }


/* salle de lecture */

#lecture
{
width: 630px;
float: left;
border-bottom: 1px dashed #e6e6e6;
padding-bottom: 2em;
margin-bottom: 0.9em;
}

#lecture #featured
{
width: 415px;
max-height: 131em;
float: left;
margin: 0 0 15px 0;
overflow: hidden;
}

#lecture>#featured>h3 { margin-bottom: 0.5em; }
#lecture>#featured>h3>a {
text-decoration: none;
font-weight: bold;
}

#lecture>ul#librairie
{
width: 195px;
float: right;
padding: 0;
margin: 0;
margin-bottom: 0.5em;
min-height: 300px;
}

#lecture>ul#librairie>li {
margin-bottom: 1.3em;
clear: both;
}

#lecture>ul#librairie>li>img {
float: left;
margin-right: 10px;
margin-bottom: 1.3em;
}

#lecture>ul#librairie>li>a {
font-family: Georgia, Times, 'Times New Roman', serif;
font-weight: bold;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #333;
position: relative;
top: -2px;
}

#lecture>ul#librairie>li>p {
line-height: 15px;
margin-top: 0.4em;
}

#lecture>h5 {
width: 195px;
float: right;
margin-left: 15px;
padding-bottom: 5px;
font-size: 1.2em;
border-bottom: 1px solid #000;
color: #222;
margin-bottom: 1em;
}

/* /////// liste complete lecture ////// */

#lecturenav { width: 630px;float: left;padding-bottom: 2em; }
#lecturenav ul li { float: left; width: 157px; background: #ccc; }


#lecturelist
{
width: 645px;
float: left;
padding-bottom: 2em;
margin-bottom: 0.9em;
margin-left: -15px;
}

#lecturelist ul
{
width: 200px;
float: left;
margin-left: 15px;
}


#lecturelist ul li
{

}

/* /////// liste complete lecture - fin ////// */

#publist_wide {
clear: both;
width: 415px;
float: left;
padding-top: 10px;
}

#publist_wide>ul.recent {
width: 415px;
margin: 0;
padding: 0;
/*background: #f6f6f6;
-webkit-border-radius: 6px;*/
border-top: 1px dotted #ccc;
}

#publist_wide>ul.recent>li {
margin: 0;
padding: 0;
/*background: transparent url(../../images/624.gif) bottom left repeat-x;*/
border-bottom: 1px dotted #ccc;
}

#publist_wide>ul.recent>li>a {
display: block;
padding: 10px 12px 9px 40px;
text-decoration: none;
font-family: Georgia, Times, 'Times New Roman', serif;
font-weight: normal;
background: #fbfbfb;
}

#publist_wide>ul.recent>li.expo>a:link, #publist_wide>ul.recent>li.expo>a:visited {
background: #fbfbfb url('../../images/660.png') 5px 50% no-repeat !important;
}
#publist_wide>ul.recent>li.rapp>a:link, #publist_wide>ul.recent>li.rapp>a:visited {
background: #fbfbfb url('../../images/663.png') top left no-repeat !important;
}
#publist_wide>ul.recent>li.rech>a:link, #publist_wide>ul.recent>li.rech>a:visited {
background: #fbfbfb url('../../images/662.png') top left no-repeat !important;
}
#publist_wide>ul.recent>li.theorie>a:link, #publist_wide>ul.recent>li.theorie>a:visited {
background: #fbfbfb url('../../images/661.png') top left no-repeat !important;
}

#publist_wide>ul.recent>li.expo>a:hover, #publist_wide>ul.recent>li.expo>a:active {
background: #f2f2ff url('../../images/660.png') 5px 50% no-repeat !important;
}
#publist_wide>ul.recent>li.rapp>a:hover, #publist_wide>ul.recent>li.rapp>a:active {
background: #f2f2ff url('../../images/663.png') top left no-repeat !important;
}
#publist_wide>ul.recent>li.rech>a:hover, #publist_wide>ul.recent>li.rech>a:active {
background: #f2f2ff url('../../images/662.png') top left no-repeat !important;
}
#publist_wide>ul.recent>li.theorie>a:hover, #publist_wide>ul.recent>li.theorie>a:active {
background: #f2f2ff url('../../images/661.png') top left no-repeat !important;
}



#publist_wide>ul.recent>li>a:hover { background: #f2f2ff; color: inherit; }

#publist_wide>p { margin: 20px 12px; }

/*.listlast { border-bottom: 0 !important; }*/

ul#librairie+p { width: 195px; float: right; }

#pub_search { width: 195px; float: right; padding-top: 8px; }
#pubsolo {width:415px;float:left;margi-right:15px;}
#lecture>ul#librairie.libsolo {min-height: 0;}
#lecture>ul#librairie.libsolo li { padding: 0.8em 0; margin-bottom: 0; border-bottom: 1px dotted #ccc; }
#lecture>ul#librairie.libsolo li a { font-weight: normal; border-bottom: 0; top: 0;}
p.arrowsolo { margin-top: 1.5em; clear: both;}
.docs-narrow {width: 150px; float: right; }
.docs-narrow h5 { margin-bottom: 1em; }
span.plan1, span.plan2 {display: block; margin-bottom: 0; text-indent: -9999px;}
span.plan1 a:link, span.plan1 a:visited { display: block; width: 150px; height: 116px; margin: 0; background: transparent url('../../images/652.png') top left no-repeat; }
span.plan2 a:link, span.plan2 a:visited { display: block; width: 150px; height: 116px; margin: 0; background: transparent url('../../images/651.png') top left no-repeat; }
span.plan1 a:hover { background: transparent url('../../images/652.png') -116px left no-repeat; }
span.plan2 a:hover { background: transparent url('../../images/651.png') -116px left no-repeat; }

ul.galleryplans { margin-bottom: 2em; }
ul.galleryplans li { float:left; margin: 0 1em; padding: 0; width: 150px; }

.appel-excerpt { margin: 1em 0; padding-bottom: 1em; }

#splashmulti .contlink a:link, #splashmulti .contlink a:visited, #expodouble .contlink a:link, #expodouble .contlink a:visited { color: #ff2273; text-decoration: none; border-bottom: 1px solid #ff2273; -webkit-transition: border-style .5s linear; }
#splashmulti .contlink a:hover, #expodouble .contlink a:hover { background: #fff; color: #ff2273; text-decoration: none; border-bottom: 1px dotted #ff2273; }
#splashmulti .contlink a:active, #expodouble .contlink a:active { background: #ff2273; color: #fff; text-decoration: none; }

.tab-wrapper ol li { margin-bottom: 1em;}
.splashdetails { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 0.5em 0; font-size: 0.9em; color: #666; }

.feature-archive { height: auto; overflow: hidden; padding-top: 0.6em; width: 630px; }
.shim {float: left; clear: both;}
.archivenav { width: 630px !important; }
a.vignette { display: block; width: 152px; height: 114px; float: right; margin-left: 12px; margin-bottom: 10px; }

/*#twitter:link, #twitter:visited { display: block; width: 60px; height: 50px; background: transparent url('../../images/807.png') left bottom no-repeat; margin-left: 1px; }
#twitter:hover, #twitter:active {background: transparent url('../../images/807.png') left top no-repeat; }*/

/*#facebook:link, #facebook:visited { display: block; width: 46px; height: 26px; background: transparent url('../../images/808.png') left bottom no-repeat; margin: 0 0 4px 18px; }
#facebook:hover, #facebook:active {background: transparent url('../../images/808.png') left top no-repeat; }*/

#twitter:link, #twitter:visited { display: block; width: 60px; height: 50px; background: transparent url('../../images/836.png'); background-position: -10px -208px; margin-left: 1px; background-repeat: no-repeat; }
#twitter:hover, #twitter:active { background: transparent url('../../images/836.png'); background-position: -10px -158px; background-repeat: no-repeat; }

#facebook:link, #facebook:visited { display: block; width: 46px; height: 26px; background: transparent; background-image: url("../../images/836.png"); background-position: -10px -112px; margin: 0 0 4px 18px; background-repeat: no-repeat; }
#facebook:hover, #facebook:active { background: transparent; background-image: url("../../images/836.png"); background-position: -10px -86px; background-repeat: no-repeat; }

#social {float: left; margin: 0 0 0 8px; padding-top: 24px; border-top: 1px dotted #ccc; }