@charset "ISO-8859-1";

/* CSS Document */

/*-----------------------------------------------------------
       I.	Body and background(s) management                
---------------------------------------------------------- */

body {
	background:#CD6736;
}

body.atelier-transport #content p img {
	text-align:center;
	border:10px solid #CC6600;
	border-radius:10px; /* HTML5 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/*-----------------------------------------------------------
       II.  Typography                                       
---------------------------------------------------------- */

p {
}

a {
	color:#663399;
}

a.selected {
	font-weight:bold;
	color:#CC6600;
}

h1 {
	color:#fff;
}

#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-style:normal;
	font-weight:bold;
	line-height:125%;
	color:#A9372C;
	margin:14px 0 4px 0;
}

/*h2 {
	color:#A9372C;
	font-size:1.5em;
	margin-top:30px;
}*/

h2 {
	color:#CC6600;
	font-size:150%;
	text-decoration:none;
}

h1 + h2 {
	margin-top:28px;
}

#content h2 {
	font-size:1.125em;
	font-style:normal;
	font-weight:bold;
	line-height:150%;
	color:#CC6600;
	margin-top:30px;
	padding-bottom:5px;
}

h3 {
}

#content h3 {
	font-size:1em;
	line-height:1.5em;
	font-style:normal;
	font-weight:bold;
	color:#A9372C;
	padding-bottom:5px;
	margin-top:20px;
}

#content label {
	font-size:0.75em;
}

#content form div {
	padding:4px 0;
}

/*     d. Lists                                         */

ul ul li, ol ol li, ol ul li, ul ol li {
	font-size:inherit;
	margin-top:7px;
}

ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:10px 0 5px 20px;
	padding:0;
}

ol img {
	vertical-align: top;
}

.clickable li {
	cursor:pointer;
}

.clickable li p {
	font-size:1em;
}

ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:125%;
	margin:0 0 7px 0;
	padding:0;
	color: #000000;
}

/*-----------------------------------------------------------
       III. Structure  		                                 
---------------------------------------------------------- */

#document {
	background-color:#FFF;
}

body.activites-educatives #content {
	width:700px;
	float:none;
	display:block;
	margin:0;
	padding:20px 40px 10px 40px;
	background-color:#FFF;
}

body.atelier-transport #content {
	padding-bottom:40px;
}

#footer {
}

#footer .navigation {
	background-color:#a9372c;
	background-image:url(images/ateliers/signature.gif);
}

#copyright, #copyright a {
	color:#eccd70;
}

.up, .up.selected, .next, .prev, .button {
	color:#a9372c;
}

.up, .up a.selected, .next a, .prev a, .button a {
	color:#a9372c;
}

.up {
	background-image:url(images/ateliers/up.png);
}

.up:hover {
	background-image:url(images/ateliers/up-hover.png);
}

.next {
	background-image:url(images/ateliers/next.png);
}

.next:hover {
	background-image:url(images/ateliers/next-hover.png);
}

.prev {
	background-image:url(images/ateliers/prev.png);
}

.prev:hover {
	background-image:url(images/ateliers/prev-hover.png);
}

.hidden {
	line-height:0.875em;
	padding:10px 0 10px 20px;
}

.correct {
	background:url(/ateliers/transport/_img/correct.png) no-repeat 20px;
	padding-left:80px;
}

.incorrect {
	background:url(/ateliers/transport/_img/incorrect.png) no-repeat 20px;
	padding-left:80px;
}

/* Other ... stuff... */

.style1 {
	color: #CC6633;
	font-weight: bold;
}

/* Trousse autochtones */

.titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
	line-height:125%;
	color:#A9372C;
	margin:14px 0 4px 0;
}

.titre2 {
	font-size:1.125em;
	font-style:normal;
	font-weight:bold;
	line-height:150%;
	color:#CC6600;
	margin-top:30px;
	padding-bottom:5px;
}

.titre3 {
	font-size:1em;
	line-height:90%;
	font-style:normal;
	font-weight:bold;
	color:#A9372C;
	padding-bottom:5px;
	margin-top:20px;
}

.titreOrange {
	color:#CC6600;
	font-size: 100%;
	line-height: 115%;
}

.MessageParents {
}

.accordion_toggle {
	font-size:0.875em;

	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 700px;
	padding: 0 0px 0 0px;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
	padding-top: 20px;
}

/* Container styling*/
 
.ui-state-active a, .ui-state-active a:visited { /*border-bottom: 0 !important; */
	color: #CC6600;
	text-decoration: none;
	font-size: 120%;
	
}

.liensNavigation_activites {
	font-size:0.688em;
	padding-bottom: 20px;
	padding-top: 5px;
}

.liensNavigation_activites a, .liensNavigation_activites a:visited {
}

.liensNavigation_activites a:hover {
	color: #A9372C;
}

.liensNavigation_activitesIci {
	font-weight: bold;
	color: #CC6600;
}

.titre_intro { /*border-bottom: 0 !important; */
	color: #CC6600;
	text-decoration: none;
	font-size: 150%;
	
}

.media_display {
	margin:1em 0;
}

.media_display2 {
	margin:1em 0;
}

.media_display3 {
	margin:1em 0;
}

.titre_petit { /*border-bottom: 0 !important; */
	color: #CC6600;
	text-decoration: none;
	font-size: 70%;
}