/*
Auteur: Jean-François Cossette
Courriel: jfcossette@adncomm.com
Date: 14 janvier 2008
Révision: 13 mars 2008
*/



/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #FFFFFF;
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 16px 0px 0px 0px;
}
#body {
	background: #4b5c68 url(/images/bg.gif) repeat-x;
	color: #575c5f;
	padding: 0px;
}


/* Classes tableau
------------------------------------- */


#text table{
border:2px solid #BEAE00;
width:100%;}

#text table th{
background:#BEAE00;
text-align:center;
padding-top:4px;
width:100%;}

#text table tr{
border:1px solid #BEAE00;
width:100%;}

#text table tr td{
border:1px solid #BEAE00;
padding:4px;
}

#text ul li ul {color:#575c5f;margin-bottom:0;padding-bottom:0;}

#main #text .tbl_no_border table{
	border:none;

}

	#main #text .tbl_no_border tr{
	border:none;
	}

	#main #text .tbl_no_border tr td{
	border:none;

	}



/* Classes diverses
------------------------------------- */

iframe {border:2px solid #beae00;}

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}

a .logo_contenu {border:none;padding-right:0;}
h3 .logo_contenu {border:none;padding-right:0;}

.img-left,
.img-right {
	padding: 5px;
	border: 2px solid #beae00;
}

.img-left {
	float: left; 
	margin: 0px 16px 16px 0px; 
}
.img-right {
	float: right;
	margin: 0px 0px 16px 16px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}
.date {color: #beae00; font-weight: bold;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

/* Les Containers
--------------------------------------------------------------------------------------- */

#page {margin: 0 auto; width: 970px;}
#content {
	background: url(/images/bg-page.gif) repeat-y;
	clear: left;
	/*overflow: auto;*/
	width: 970px;
	position: relative; 
	z-index: 20;
	/*height: 300px;*/
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	background: url(/images/bg-header.jpg) no-repeat 0 28px;
	z-index: 200;
	position: relative;
	width: 970px;
}
#flash {clear: left; height: 279px;}
#institutUniversitaire{position:absolute; left:61px; top:203px; width:155px; height:16px;}
#logoUQTR{position:absolute; left:142px; top:256px; width:145px; height:25px;}

/* Menu du haut
------------------------------------- */

#menu {background: url(/images/bg-menu.gif) repeat-x; height: 31px; margin: 0 10px;}
#menu ul {float: right; height: 28px;}
#menu li, #menu li a {float: left; height: 28px; line-height: 28px;}
#menu li a span{display: none;}
#menu li a {background: url(/images/menu-top.png) 0px 0px no-repeat;}

#menu li a.accueil{width: 78px; background-position: 0px 0px;}
#menu li a.accueil:hover{background-position: -220px 0px;}
#menu li a.nouvelles{width: 95px; background-position: 0px -28px;}
#menu li a.nouvelles:hover{background-position: -220px -28px;}
#menu li a.medias{width: 70px; background-position: 0px -56px;}
#menu li a.medias:hover{background-position: -220px -56px;}
#menu li a.intrant{width: 82px; background-position: 0px -84px;}
#menu li a.intrant:hover{background-position: -220px -84px;}
#menu li a.nous-joindre{width: 108px; background-position: 0px -112px;}
#menu li a.nous-joindre:hover{background-position: -220px -112px;}
#menu li a.faq{width: 55px; background-position: 0px -140px;}
#menu li a.faq:hover{background-position: -220px -140px;}
#menu li a.liens-utiles{width: 95px; background-position: 0px -168px;}
#menu li a.liens-utiles:hover{background-position: -220px -168px;}
#menu li a.plan-du-site{width: 102px; background-position: 0px -196px;}
#menu li a.plan-du-site:hover{background-position: -220px -196px;}

/* Menu principal
------------------------------------- */

#menu-principal {
	background: url(/images/bg-nav2.gif) no-repeat;
	height: 118px;
	padding: 13px 0 0 0;
	z-index: 200;
	position: relative;
	width: 970px;
}
#nav {
	margin: 0 0 0 10px;
	position: relative;
	z-index: 200;
	width: 970px;
}
#nav, #nav ul {list-style: none; line-height: 1;}
#nav a {color: #4b5c68; display: block; text-decoration: none; width: 121px;}
#nav a:hover {text-decoration: underline;}
#nav a.father {background: url(/images/menu/bullet.gif) no-repeat right 50%; width: 113px; padding-right: 8px;}
#nav li {float: left; margin: 0 13px 0 0; width: 141px;}
#nav li.first {padding: 10px 10px 3px 10px;}
#nav li.last {background: url(/images/menu/bg-menu-last.png) no-repeat bottom; padding: 3px 10px 10px 10px;}
 /* second-level lists */
#nav li ul {position: absolute; width: 141px; left: -999em;margin: -13px 0 0 0;z-index: 200;}
#nav li ul li {background: url(/images/menu/bg-menu-ul.gif) repeat-y; padding: 4px 10px 4px 10px; width: 121px;}
/* third-and-above-level lists */
#nav li ul ul {margin: -1.5em 0 0 129px;}
#nav li ul ul li.first {background: url(/images/menu/bg-menu-first.png) no-repeat;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto;}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#main {
	background: url(/images/bg-main.gif) no-repeat;
	float: left;
	width: 661px;
	font-size: 12px;
	line-height: 1.55em;
	padding: 0px 20px;
}
/*#accueil #main #outils {background: url(/images/bg-outils.jpg) no-repeat; float: right; height: 176px; margin: 57px 20px 0 0; width: 255px;}*/
#main #outils {
	float: right;
	display: inline;
	margin: -46px 0px 0px 0px;
	background-position: right 1px;
	background-repeat: no-repeat;
	z-index: 20;
	line-height: 16px;
	font-size: 10px;
}

#main #outils.accueil{
	background-image: url(/images/photos/accueil.jpg);
	width: 258px;
	height: 190px;
}	#text.accueil{height: 144px; min-height: 144px;}
	html > body #text.accueil{height: auto; min-height: 144px;}
	
#main #text h3.titre{
	margin: 0px 0px;
	padding: 15px 0px 0px 0px;
	font: 24px/28px Arial, Helvetica, sans-serif;
}
#main #text div.date{
	margin: 0px 0px;
	padding: 0px 0px 15px 0px;
	text-align: right;
}
	
#main #outils ul,
#main div.more ul {float: right; list-style: none; margin: 0px;}
#main #outils li, #main #outils li a,
#main div.more li, #main div.more li a {float: left;}
.titre {margin: 0 0px 0 0px;}

#main #outils li,
#main div.more li{margin-left: 3px;}
#main #outils li a span{display: none;}
#main #outils li a,
#main div.more li a,
div.paging span,
div.paging a{
	float: left;
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: #f2eec5 url(/images/bg-outils.gif) 0px 0px no-repeat;
}
#main #outils li a:hover,
#main div.more li a:hover,
div.paging a:hover{
	background-color: #4b5c68;
	color: #FFFFFF;
}

#main #outils li.print a,
#main #outils li.print a.hidden:hover{background-position: 0px 0px;}
#main #outils li.print a:hover{background-position: 0px -100px;}

#main #outils li.minus a,
#main #outils li.minus a.hidden:hover{width: 30px; background-position: -62px 0px;}
#main #outils li.minus a:hover{background-position: -62px -100px;}

#main #outils li.plus a,
#main #outils li.plus a.hidden:hover{width: 38px; background-position: -24px 0px;}
#main #outils li.plus a:hover{background-position: -24px -100px;}

#main #outils li a.hidden{
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	cursor: default;
}

#main div.more li a,
div.paging span,
div.paging a{
	width: auto;
	line-height: 24px;
	background-image: none;
	text-decoration: none;
	padding: 0px 8px;
}

div.paging span,
div.paging a{
	margin-right: 3px;
	text-transform: uppercase;
}
div.paging span{
	color: #4b5c68;
	background-color: #f2f3f4;
}
div.top{padding-bottom: 10px;}
/* Typograghie
------------------------------------- */
h1, div.noh1{
	margin: 0px;
	padding: 22px 0px 22px 0px;
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #4b5c68;
}	h1 strong, , div.noh1 strong{font-weight: normal; font-size: 24px;}
div.noh1{padding: 0px 0px 15px 0px;}
h2 {font-size: 20px; line-height: 22px; margin: 0 0px 10px 0px;}
h2#mainTitle{position: relative;}
h2#mainTitle,
input.title_edit {
	/*border-bottom: 2px solid #beae00;*/
	font-size: 24px; 
	margin: 10px 123px 20px 0px;
	padding: 0px 0px 8px 2px;
	line-height: 25px;
	text-transform: uppercase;
	color: #4b5c68;
	z-index: 21;
}
input.title_edit {
	margin: 0px 0px 0px -4px;
	padding: 0px 2px 6px 2px;
	border: 1px solid #DDDDDD;
	text-transform: none;
}
div.editBTN{
	margin-top: -15px;
	margin-left: 11px;
	float: left;
	background: #FFFFFF;
	cursor: pointer;
	padding: 5px 8px 5px 5px;
	position:absolute;}
	
#sep{
	width: 661px;
	border-top: 2px solid #beae00;
	z-index: 19;
	height: 0px;
	float: left;
	display: inline;
	margin-top: -22px;
	margin-left: 0px;
	line-height: 16px;
	font-size: 10px;
}

h3 {font-size: 16px; margin: 0 0px 10px 0px;}
h4 {font-size: 14px; margin: 0 0px 5px 0px;font-weight:bold;}
h5 {font-size: 12px; font-weight: bold; margin: 0 0px 3px 0px;}
	h5.h4 {font-size: 14px; margin: 0 0px 5px 0px;font-weight:bold;}
h6 {font-size: 12px; font-weight: bold; margin: 0 0px 0 0px;}
p {margin: 0 0px 16px 0px; text-align: justify;}

div.htmlarea{
	width: 660px;
	color: #000000;
	border: none;
}

/* Liens
------------------------------------- */

a, a:visited{color: #8d7e00; text-decoration: underline;}
a:hover{color: #575c5f; text-decoration: none;}

#main p a, #main p a:visited {border-bottom: 1px solid #beae00; color: #575c5f; text-decoration: none;}
#main p a:hover {border-bottom: 1px solid #575c5f;}


/* Listes
------------------------------------- */

#main ul {color: #8d7e00; list-style: square; margin: 15px 20px 25px 36px;}
#main ul ul {margin-top:0;}
#main ul span {color: #575c5f;}
#main ol {color: #8d7e00; font-weight: bold; list-style: decimal; margin: 15px 20px 25px 44px;}
#main ol span {color: #575c5f; font-weight: normal;}
#main ul li, #main ol li {padding-bottom: 8px;}


/* Box de nouvelles
------------------------------------- */

#main .slider-wrap {
	background: #ebe6ae url(/images/bg-nouvelles.gif) 0px 0px no-repeat;
	border-top: 15px solid #FFFFFF;
	margin: 0 0 0 0px;
	width: 661px;
}
#main .slider-wrap div.bottom {background: url(/images/bg-nouvelles-bottom.gif) 0px bottom no-repeat;}	
#main .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
#main .stripViewer { position: relative; overflow: hidden; width: 661px; /*height: 220px;*/ }
#main .stripViewer .panelContainer { position: relative; left: 0; top: 10px; }
#main .stripViewer .panelContainer .panel { float: left; /*height: 100%;*/ position: relative; width: 651px; padding-bottom: 18px;}
#main .stripNavL, .stripNavR, .stripNav { display: none; }
#main #nouvelles {clear: both;}
#main .nav-thumb {display: block;}
#main #movers-row {
	float: right;
	list-style: none;
	margin: 12px 10px 0 0;
	display: inline;
}
#main #movers-row li {float: left; margin: 0 0 0 2px;}
#main #movers-row a {
	background: url(/images/bg-number.gif) 0px 0px no-repeat;
	color: #fff;
	float: left;
	width: 18px;
	line-height: 18px; 
	text-align: center; 
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	margin-top: 1px;
}
#main #movers-row a strong {font-size: 14px;}
#main #movers-row a:hover {background-position: 0px -36px;}
#main #movers-row a.active-thumb, 
#main #movers-row a.active-thumb:hover {background-position: 0px -18px; color: #beae00; cursor: default;}
#main #movers-row a.disabled, 
#main #movers-row a.disabled:hover {background-position: 0px -54px; color: #e2d181; cursor: default;}

#main .panel h2,
#main #newslist a strong {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 8px;
}
#main #newslist a:hover strong {text-decoration: underline;}
#main #newslist a strong em {font-weight: normal;}
#main .panel h2 a,
#main #newslist a {color: #4b5c68; text-decoration: none;}
#main #newslist a {
	display: block;
	width: 631px;
	padding: 13px 15px 8px 15px;
	text-align: justify;
	background: #f2f3f4;
	margin-bottom: 8px;
}
#main #newslist a img{border: 3px solid #FFFFFF; float: right; margin: 0px 0px 10px 20px;}
#main #newslist a:hover {background: #ebe6ae;}
#main .panel h2 a:hover{text-decoration: underline;}
#main .panel h2, .panel p {margin: 0 0 5px 10px;}
#main .panel img {border: 3px solid #fff; float: right; margin: 0 0 0 10px;}
#main .panel a.news-plus,
#main #newslist a b {
	background: url(/images/icon-suite.gif) no-repeat right 1px;
	color: #4b5c68;
	float: left;
	font-weight: bold;
	padding: 1px 24px 2px 0;
	margin: 0 0 0 10px;
	text-decoration: none;
}
#main #newslist a b {
	float: none;
	display: block;
	margin: 0 10px 0 0;
	text-align: right;
	clear: right;
}
#main #newslist a:hover b {text-decoration: underline;}
#main .panel a:hover.news-plus {text-decoration: underline;}
#main .rss {float: left; margin: 0 0 0 10px;}

#main #newslist, #main #newslist li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* ---------------------------------------------------- 
#slideshow {background: url(/images/bg-nouvelles.gif) no-repeat; color: #4b5c68; width: 661px; margin: 0 0 10px 22px;}

#slideshow ul {list-style-type: none; height: 1%; /* IE fix}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            


#slideshow .slides {
overflow: hidden;
width: 661px;
padding: 36px 0 0 0;
}

#slideshow .slides ul {
width: 3305px;}

#slideshow .slides li {
	background: url(/images/bg-nouvelles2.gif) no-repeat; 
width: 641px;
float: left;
padding: 10px;}

#slideshow h2 {font-size: 13px; font-weight: bold;}
#slideshow h2, #slideshow p {margin: 0 0 5px 0;}
#slideshow p.date {color: #beae00; font-weight: bold;}
#slideshow .slides img {border: 3px solid #fff; float: right; margin: 0 0 0 10px;}

#slideshow .slides-nav {float: right; height: 36px; margin: 0 8px 0 0;}

#slideshow .slides-nav li {float: left; margin: 12px 2px 0 0;}

#slideshow .slides-nav li a {background: url(/images/bg-number.gif) no-repeat; color: #fff; display: block; font-size: 14px; height: 15px; padding: 0 0 3px 5px; text-decoration: none; width: 13px; outline: none;}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {background: url(/images/bg-number-on.gif) no-repeat; color: #beae00;}

#slideshow a.news-plus {background: url(/images/icon-suite.gif) no-repeat 85px 0; color: #4b5c68; display: block; font-weight: bold; padding: 1px 0 2px 0; text-decoration: none;}
#slideshow a:hover.news-plus {text-decoration: underline;}*/


/*#slideshow {background: url(/images/bg-nouvelles.gif) no-repeat; clear: both; color: #4b5c68; height: 220px; margin: 0 20px 16px 22px; position: relative;}
#slideshow h2 {font-size: 13px; font-weight: bold; margin-top: 8px;}
#slideshow h2, #slideshow p {margin: 0 0 5px 10px; width: 420px;}
#slideshow p.date {color: #beae00; font-weight: bold;}
#slideshow img {border: 3px solid #fff; position: absolute; top: 8px; left: 440px;}
#slideshow #rss {position: absolute; top: -5px; left: -140px;}
#slideshow ul {list-style-type: none; margin: 0; padding: 0; height: 1%;}
#slideshow ul:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}            
#slideshow .slides {clear: left; overflow: hidden; width: 661px;}
#slideshow .slides ul {width: 3984px;}
#slideshow .slides li {padding: 40px 0 0 0; width: 659px; float: left;}
#slideshow .slides-nav {position: absolute; top: 12px; right: 6px;}
#slideshow .slides-nav ul {}
#slideshow .slides-nav li {float: left; margin: 0 2px 0 0;}
#slideshow .slides-nav li a {background: url(/images/bg-number.gif) no-repeat; color: #fff; display: block; font-size: 14px; height: 17px; padding: 1px 0 0 5px; text-decoration: none; width: 13px; outline: none;}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {background: url(/images/bg-number-on.gif) no-repeat; color: #beae00;}
#slideshow a.news-plus {background: url(/images/icon-suite.gif) no-repeat 85px 0; color: #4b5c68; display: block; font-weight: bold; margin: 0 0 0 10px; padding: 1px 0 2px 0; text-decoration: none;}
#slideshow a:hover.news-plus {text-decoration: underline;}*/

div.contentBox{
	width: 661px;
	padding: 30px 0px 0px 0px;
}

/* Box des événements
------------------------------------- */

#events {float: left; width: 300px;}
#events h2 {font-size: 13px; font-weight: bold;}
#events h2, #events p, #events img {margin: 0 0 5px 0px;}
#events h3 {color: #beae00; font-size: 13px; font-weight: bold;}
#events h3 {margin: 0px;}
#events div.plus a {
	color: #4b5c68;
	float: left;
	font-weight: bold;
	margin: 0px;
	padding: 1px 24px 2px 0;
	text-decoration: none;
	clear: left;
	background: url(/images/icon-suite2.gif) right top no-repeat;
}
#events div.plus a:hover {text-decoration: underline;}

/* Box des vidéos
------------------------------------- */

#main div.jflow-content-slider{
	float: left;
	width: 351px;
	text-align: right;
	height: 201px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
	padding: 0px;
	background: #a5aeb4 url(/images/bg-video.gif) right 23px no-repeat;
}
#main #myController,
#main #myController li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main #myController{
	float: left;
	width: 18px;
	display: inline;
	overflow: hidden;
	padding: 0px 3px 0px 10px;
	background: #FFFFFF;
	position: relative;
}
#main #myController li{
	float: left;
	width: 18px;
	height: 88px;
	cursor: pointer;
	background: url(/images/prev.gif) 0px 0px no-repeat;
}
#main #myController li.jFlowNext{
	border-top: 2px solid #FFFFFF;
	background: url(/images/next.gif) 0px 0px no-repeat;
}
#main #myController li.jFlowControl,
#main #myController li span{display: none;}

#main #slides{
	float: left;
	width: 320px;
	height: 178px;
	display: inline;
	text-align: left;
	padding: 0px;
	position: relative;
}
#main #slides h2{
	margin: 0px;
	padding: 14px 8px 8px 8px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main #slides p{
	text-align: left;
	margin: 0px;
	padding: 4px 8px 4px 8px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
}

#main #slides div.slide-wrapper{
	width: 320px;
	height: 178px;
	overflow: hidden;
	float: left;
	position: relative;
}
#main #slides div.details{
	float: left;
	width: 98px;
}
#main #slides div.youtube{
	float: left;
	width: 210px;
	margin-top: 11px;
}
/*#jFlowSlide{background: #a5aeb4 url(/images/bg-video.gif) no-repeat right top;} 
#main #myController {
	margin: 0px 3px 0px 10px;
	display: inline;
	float: left;
	width: 18px;
	background: #CC0000;
}      
.details {color: #fff; font-size: 12px; float:left; padding: 10px 0 0 0; width:100px;} 
.details h2 {font-size: 13px; font-weight: bold; line-height: 15px;}
.details h2, .details p {margin: 0 0 0 10px;}
.youtube {float: left; padding: 10px 0 0 10px;}
.jflow-content-slider {
	width: 351px;
	display: inline;
	margin: 0px 0px 0px 6px;
	float: left;
	text-align: right;
}
#slides {
	float: left;
	width: 320px;
	text-align: left;
	overflow: hidden;
}
.jFlowPrev {
	background: url(/images/prev.gif) no-repeat;
	border-bottom: 2px solid #fff;
	cursor:pointer;
	display: block;
	height: 88px;
	width: 18px;
	padding: 0px;
	margin: 0px;
} 
.jFlowNext {
	background: url(/images/next.gif) no-repeat;
	cursor:pointer;
	display: block;
	height: 88px;
	width: 18px;
	padding: 0px;
	margin: 0px;
} 
/*a.jFlowPrev:hover {background: url(/images/prev-on.gif) no-repeat;} 
a.jFlowNext:hover {background: url(/images/next-on.gif) no-repeat;}*//*
.jFlowControl {display: none;} */


/* Page des nouvelles
------------------------------------- */

#main ul#news {color: #575c5f; list-style: none; margin: 0 0px 20px 0px;}
#main ul#news li {padding: 0 0 50px 0;}
#main ul#news h2 {font-size: 13px; font-weight: bold; display: block;}
#main ul#news h2, #main ul#news p {margin: 0 0 5px 0;}
#main ul#news .img-wrap, #main .img-wrap {height: 132px; margin: 0 0 0 10px; position: relative; width: 200px;}
#main ul#news .img-frame, #main .img-frame {background: url(/images/img-frame.png) no-repeat; height: 132px; left: 0; overflow: hidden; position: absolute; top: 0; width: 200px;}
#main ul#news a.news-plus {background: url(/images/icon-suite2.gif) no-repeat 85px 0; color: #4b5c68; display: block; font-weight: bold; padding: 1px 0 2px 0; margin: 0; text-decoration: none;}
#main ul#news a:hover.news-plus {text-decoration: underline;}
#main .img-wrap {margin: 0 0px 0 0px;}

/* La Sidebar
-------------------------------------------------------------------------------------- */

#sidebar {background: url(/images/bg-sidebar.gif) no-repeat; float: right; font-size: 12px; width: 269px; padding-top: 20px;}
#sidebar ul {font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; }
#sidebar ul ul {
	font-weight: normal;
	text-transform: none;
	margin-top: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	background: url(/images/bg-tree.gif) 3px bottom no-repeat;
}
#sidebar ul ul li{
	margin-right: 22px;
	padding: 4px 0px 5px 14px;
	line-height: 13px;
	background: url(/images/bg-tree.gif) -290px -1px no-repeat;
}
#sidebar ul ul li.end{
	background: none;
}


/* Les formulaires
------------------------------------- */

#journaux {
	width: 247px;
	background: #a5aeb3 url(/images/teaser/bg-journaux.jpg) left bottom no-repeat;
	color: #fff;
	padding: 0px 0 15px 0px;
	line-height: 17px;
	border-bottom: 7px solid #FFFFFF;
}
#journaux label{padding-left: 2px;}
#journaux div{
	padding-left: 17px;
}
#recherche {background: url(/images/teaser/bg-recherche.jpg) no-repeat; height: 42px; padding: 44px 0 0 17px;}
#courriel, #champRecherche {background: #fff; border: none; color: #a5aeb4; font-size: 12px; padding: 4px; margin: -1px 5px 0 0;}
#courriel{margin-top: 4px; width: 160px;}
.soumettre {cursor: pointer; background: url(/images/teaser/bg-submit.png) no-repeat; border: none; height: 23px; width: 23px;}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {background: url(/images/bg-footer.gif) no-repeat; clear: both; color: #beae00; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; padding: 25px 0 0 0; width: 970px;}
#footer ul {margin: 0 20px 0px 20px; text-align: center; height: 62px;}
#footer li {display: inline; padding: 0px 0px 0px 8px;}
#footer ul a {color: #4b5c68; text-decoration: none; padding: 0px; margin: 0px; white-space: nowrap;}
#footer li b{padding: 0px 0px 0px 11px; margin: 0px;}
#footer ul a:hover {text-decoration: underline;}
#footer p {margin: 0; padding: 14px 0 0 175px;}
#footer p a {color: #beae00; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}
#footer img {float: right;}

#footer .haut img{visibility: hidden;}
#footer .haut{float: right; width: 194px; background: url(/images/haut-de-page.png) 0px 0px no-repeat;}
#footer .haut:hover{background-position: 0px -60px;}


#main div.err{
	margin: 20px 0px;
	border: 1px solid #990000;
	background: #f2e6e6 url(/images/icons/warning.gif) 15px 11px no-repeat;
	color: #990000;
}
#main div.err div{
	border: 2px solid #FFFFFF;
	padding: 10px 10px 5px 70px;
}
#main div.err h5, #main div.err p{
	margin: 0px;
	padding: 0px;
}
#main div.err h5{
	font-size: 15px;
	text-transform: uppercase;
}
#main div.err p{padding: 5px 0px;}

#main div.success{
	border-color: #009900;
	background: #e7f2e4 url(/images/icons/success.gif) 15px 10px no-repeat;
	color: #006600;
}

#main div.more{
	margin-top: 30px;
	border-top: 1px solid #beae00;
}

.logo_crdited{
	margin-left:250px;
}

#contentForm{
	border:2px solid #BEAE00;
	padding:4px;
}

form #submitbutton{
	float:right;
	margin:10px 0 6px 0;
	background-image:url(/images/bg_btn_envoyer.jpg);
	border:none;
	width:109px;
	height:31px;
	padding:0;
	cursor:pointer;
}

form#retroaction {width:546px;padding-bottom:35px;}
form#retroaction fieldset {border:1px solid #e6e6e5;padding:10px;margin-bottom:35px;}
form#retroaction fieldset legend {display:none;}
form#retroaction fieldset div {padding:5px 10px 5px 10px;clear:both;color:#474747;height:auto;}
form#retroaction fieldset div.row1 {background-color:#f1f1f1;}
form#retroaction fieldset label {width:150px;float:left;}
form#retroaction fieldset input {padding:3px 5px;border:1px solid #ccc;color:#666;width:190px;}
form#retroaction fieldset input.radio {width:70px;}
form#retroaction fieldset div.clear {padding:0;margin:0;}
form#retroaction fieldset input#soumettre {cursor:pointer;margin:10px 0 6px 0;clear:both;float:right;}
form#retroaction fieldset input#soumettre:hover {background-color:#ccc;border-color:#e6e6e5;}
form#retroaction fieldset textarea {width:546px;border:1px solid #ccc;color:#666;padding:3px 5px;height:100px}
form#retroaction h3 {font-weight:bold;}
form#retroaction h3.margin-top {margin-top:20px;}

form#retroaction div.clear {clear:both;}

form.formu {width:546px;padding-bottom:35px;}
form.formu fieldset {border:1px solid #e6e6e5;padding:10px;margin-bottom:35px;}
form.formu fieldset legend {display:none;}
form.formu fieldset div {padding:5px 10px 5px 10px;clear:both;color:#474747;height:auto;}
form.formu fieldset div.row1 {background-color:#f1f1f1;}
form.formu fieldset label {width:150px;float:left;}
form.formu fieldset label.large {float:none;width:400px;}
form.formu fieldset label.thin_radio {float:left;width:50px;}
form.formu fieldset label.large_radio {width:200px;}
form.formu fieldset input {padding:3px 5px;border:1px solid #ccc;color:#666;width:190px;}
form.formu fieldset select {padding:3px 5px;border:1px solid #ccc;color:#666;width:202px;}
form.formu fieldset input.radio {width:70px;}
form.formu fieldset div.clear {padding:0;margin:0;}
form.formu input#soumettre {cursor:pointer;margin:10px 0 6px 0;clear:both;float:right;}
form.formu input#soumettre:hover {background-color:#ccc;border-color:#e6e6e5;}
form.formu fieldset textarea {width:190px;border:1px solid #ccc;color:#666;padding:3px 5px;height:100px}
form.formu fieldset textarea.large {width:506px;}

form#retroaction div.clear {clear:both;}

img.pdf {border:none;padding:0;}

a.teaser {display:block;}
a.carriere {margin-bottom: 11px; margin-top: 4px;background:url(/images/teaser/emplois_sprite.jpg) no-repeat 0px 0px;background-position:0 0;width:120px;height:96px;float:left;}
a.carriere:hover {background-position:0 -96px;}
a.stage {margin-bottom: 11px; margin-top: 4px; margin-left: 7px;background:url(../images/teaser/stages_sprite.jpg) no-repeat top left;width:120px;height:96px;float:left;}
a.stage:hover {background-position:0 -96px;}
a.residentiels {margin-bottom: 11px;background:url(../images/teaser/ressource_sprite.jpg) no-repeat top left;width:247px;height:56px;clear:left;}
a.residentiels:hover {background-position:0 -56px;}
a.recherche {margin-bottom: 11px;background:url(../images/teaser/recherche-clic_sprite.jpg) no-repeat top left;width:120px;height:96px;float:left;}
a.recherche:hover {background-position:0 -96px;}
a.gestes-ecolo {margin-bottom: 11px; margin-left: 7px;background:url(../images/teaser/ecolo_sprite.jpg) no-repeat top left;width:120px;height:96px;float:left;}
a.gestes-ecolo:hover {background-position:0 -96px;}
a.coord {margin-bottom: 11px;background:url(../images/teaser/coordonnees_sprite.jpg) no-repeat top left;width:247px;height:56px;clear:left;}
a.coord:hover {background-position:0 -56px;}

#nfos{
	border: 1px solid #c3ab00;
	padding: 5px 10px;
	background: #f3eecc;
	display: none;
	width: 200px; 
	top: 0px;
	left: 0px;
	position: absolute;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4a5c6a;
}

/*h4 {font-size: 14px; margin: 0 0px 5px 0px;font-weight:bold;}*/
/* margin: 0 0px 3px 0px;*/

h4.expander,
h4.expanded:hover{
	cursor: pointer;
	/*font: 16px Arial, Helvetica, sans-serif;*/
	font-size: 12px; font-weight: bold;
	border-bottom: 1px solid #EDEDED;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}
h4.expander:hover{
	color: #8d7e00;
	border-color: #8d7e00;
	background: #f4f2e6;
}
h4.expanded,
h4.expanded:hover{
	font-size:14px;
	font-weight: bold;
	padding-top: 10px;
	color: #575c5f;
	cursor: default;
	background: none;
	padding-top: 20px;
	border-color: #575c5f;
}
div.sh4{padding: 20px 0px;}
div.shr{padding: 20px 0px;}