/*
	CSS pour CJM - Principal print
	Simon - egzakt.com
	2008-12-15
*/

body {
	font:normal 75%/133% arial, sans-serif;
	color:#000;
	background:transparent none;
}


#wrapper {
	width:auto;
	margin:0;
}

#ombre {
	padding:0;
	width:auto;
	background:transparent none;
}

.ombre_haut_gauche,
.ombre_haut_droit {
	display:none;
}
.ombre_haut_droit {
	display:none;
}


/* ENTETE
-----------------------------------------*/

#header {
	margin:0 0 1em;
	padding:0;
	background:transparent none;
	height:auto;
}

#header .nav {
	display:none;
}


#header #logo {
	display:none;
}
#header #logo_print {
	display:block;
}

#header #logo h1 {
}


/* NAVIGATION
-----------------------------------------*/

#menu {
	display:none;
}


/* SOUS-NAVIGATION
-----------------------------------------*/

#subnav {
	display:none;
}


/* BASE COMMUNE
-----------------------------------------*/

#corps {
	background-color:transparent;
	padding:0;
}

#contenu {
	float:none;
	width:auto;
	padding:0;
}

#contenu_tuile {
	background:transparent none;
	width:auto;
}

#contenu_haut {
	padding:10px 0;
}

#contenu_haut h2 {
	margin:0 !important;
}

#contenu_inner {
	padding:0;
}


#pub_bulletin {
	display:none;
}

#actualites {
	display:none;
}

#photo {
	display:none;
}

#outils, #outils2 {
	display:none;
}

#contenu .bloc,
#contenu .bloc_deroulant {
	margin-bottom:1.2em;
}

#contenu .bloc_deroulant h3 {
	margin:0 0 3px;
	display:block;
}

#contenu .bloc_deroulant h3 a {
	padding:3px 8px 2px 0;
	font-size:1.17em;
	line-height:1.3em;
	background:transparent none;
	font-size:1em;
}

#contenu .bloc_deroulant h3 a.selected,
#contenu .bloc_deroulant h3 a:hover {
	background:transparent none;
}

#contenu .bloc_deroulant div.zone_deroulante {
	padding:0;
	display:block !important;
	border:0;
}
#contenu .bloc_deroulant div.zone_deroulante .bordure {
	padding-top:0;
}

#information_relie {
	margin:30px 45px 0 0;
	display:inline;		/*IE6 bug*/
	padding:0;
	float:right;
	width:245px;
	background:transparent url() left top no-repeat;
}

#personnage {
	display:none;
}


/* ACCUEIL (ID=1)
-----------------------------------------*/
.wp_accueil #header {
	/*extend: #header*/
}
.wp_accueil #corps {
	/*extend: #corps*/
}
.wp_accueil #menu {
	/*extend: #menu */
}
.wp_accueil #contenu {
	/*extend: #principal*/
	width:557px;
	padding-left:0;
	padding-right:0;
	background-color:transparent;
	float:left;
}
.wp_accueil #contenu .bloc {
	float:left;
	width:185px;
}

#presentation_accueil {
	padding:8px;
	background:#9fbdc4 url(../images/ul/tuiles/contenu_accueil.jpg) left top no-repeat;
}

#presentation_accueil h2 {
	color:#fff;
	padding:10px 25px 0;
	margin:0;
}

#presentation_accueil a {
	color:#22314e;
	display:block;
}
#presentation_accueil a:hover {
	color:#00a2b2;
}

#presentation_accueil .txt {
	padding:5px 25px;
}
#presentation_accueil .photo {
	text-align:center;
}

#presentation_accueil a .suite {
	position:relative;
}
#presentation_accueil a .suite img {
	border:0;
	visibility:visible;
	
}
#presentation_accueil a .suite img.over {
	position:absolute;
	top:6px;
	left:0;
	visibility:hidden;
}

#presentation_accueil a:hover .suite img.over {
	visibility:visible;
}

#presentation_accueil #personnage {
	float:none;
}
#presentation_accueil #personnage img {
	left:560px;
	top:-20px;
}

/* LE CENTRE JEUNESSE (ID=2)
-----------------------------------------*/


.wp_lecentrejeunesse #contenu_tuile {
	background-image:none;
}

.wp_lecentrejeunesse #contenu {
	/*extend: #contenu*/
}

.wp_lecentrejeunesse #contenu h2,
.wp_lecentrejeunesse .fcktexte h5 { }


/* NOS INTERVENTIONS (ID=3)
-----------------------------------------*/

.wp_nosinterventions #contenu_tuile {
	background-image:none;
}
.wp_nosinterventions #contenu {
	/*extend: #contenu*/
}

.wp_nosinterventions #contenu h2,
.wp_nosinterventions .fcktexte h5 {
	color:#21A42D;
}


/* NOUS AIDER (ID=4)
-----------------------------------------*/

.wp_nousaider #contenu_tuile {
	background-image:none;
}

.wp_nousaider #contenu {
	/*extend: #contenu*/
}

.wp_nousaider #contenu h2,
.wp_nousaider .fcktexte h5 {
	color:#eabb01;
}


/* LA CLIENTELE (ID=6)
-----------------------------------------*/

.wp_lesusagers #contenu_tuile {
	background-image:none;
}

.wp_lesusagers #contenu {
	/*extend: #contenu*/
}

.wp_lesusagers #contenu h2,
.wp_lesusagers .fcktexte h5 {
	color:#f39d2e;
}


/* ADOPTIONS ET RETROUVAILLES (ID=5)
-----------------------------------------*/


.wp_adoptionsetretrouvailles #contenu_tuile {
	background-image:none;
}

.wp_adoptionsetretrouvailles #contenu {
	/*extend: #contenu*/
}

.wp_adoptionsetretrouvailles #contenu h2,
.wp_adoptionsetretrouvailles .fcktexte h5 {
	color:#8a64a8;
}


/* NOUS JOINDRE
-----------------------------------------*/


/* JOURNAL ORGANISATIONNEL
-----------------------------------------*/

.wp_journalorganisationnel form {
}

.wp_journalorganisationnel_edition #contenu_inner,
.wp_journalorganisationnel_nouvelle #contenu_inner {
	width:auto;
	padding:0;
}


#contenu #subnavsecondaire {
	display:none;
}

#journalhaut {
	width:auto;
	height:auto;
	background:transparent none;
}

#journalalahune h1.journal {
	padding:0;
}


#journalalahune {
	width:auto;
}

#journaledition {
	position:absolute;
	color:#000;
	left:0;
	top:30px;
}

#journalnav {
	display:none;
}

#journalprimaire {
	padding:10px 20px 0 0;
	margin-top:10px;
}

#journalprimaire .suite {
	display:none;
}

#journalbas {
	display:none;
}

#journalnouvelle {
	padding:20px 0;
}

#journalnouvelle .auteur {
	text-align:left;
}


/* EMPLOIS ET STAGES
-----------------------------------------*/

.wp_emploisetstages form {
	padding-bottom:20px;
}

.wp_emploisetstages form label {
	float:left;
	width:12.5em;
	text-align:right;
	padding:4px 10px 0 0;
	font-weight:bold;
}

.wp_emploisetstages form .soumettre {
	margin-left:158px;
}
.wp_emploisetstages form p {
	margin-bottom:2px;
	clear:left;
}

.wp_emploisetstages #pub_bulletin {
	padding:6px;
}

.wp_emploisetstages ul.erreur {
	margin-right:200px;
}

/* ERREURS
-----------------------------------------*/
.wp_erreur #contenu {
	/*extend: #contenu*/
}


/* BAS
-----------------------------------------*/

#bottom {
	display:none;
}

#web_design {
	display:none;
}



/* BLOC TEXTE FCK
-----------------------------------------*/
.fcktexte {
}

.fcktexte a {
	cursor:pointer;
	text-decoration:underline; 
	outline:none;
}

.fcktexte ul {
	margin:0 0 1em 2em;
	padding:0;
}
.fcktexte ul li {
	list-style-type: disc !important;
	background:transparent none !important;
	padding:3px 0 2px 0;
}

.fcktexte ul li.premier { }

.fcktexte p { }


.fcktexte .encadre1 {
	background:#F7F9FA none;
	border:1px solid #85A1B0;
	padding:15px;
	margin-bottom:10px;
}

.fcktexte h5.tableau {
	margin:0;
	padding:10px;
	background-color:#21324E;
	font-size:1em;
	color:#fff;
	width:512px;
}

.fcktexte table td,
.fcktexte table th {
	padding:6px;
	font:normal 1em/1.17em Arial, sans-serif;
	vertical-align:top;
	text-align:left;
}

.fcktexte table.colore1 td,
.fcktexte table.colore1 th {
	padding:10px;
	border: 1px solid #85A1B0;
	border-top:0;
	background-color:#F7F9FA;
}

.fcktexte table th {
	font-weight:bold;
}

.fcktexte table.colore1 th {
	background-color:#B7C7D4;
}

.fcktexte table.colore1 tr.paire td {
	background-color: #fff;
}

.fcktexte table.colore1 td.premier_ligne,
.fcktexte table.colore1 th.premier_ligne {
	border-top:1px solid #85A1B0;
}

.fcktexte table.colore1 td.premier_colonne,
.fcktexte table.colore1 th.premier_colonne {
	border-right:0;
}

.note {
	font:0.92em/1.08em Arial, sans-serif;
}

.fcktexte img.alignleft {
	margin: 0 10px 10px 0;
	float:left;
}

.fcktexte h4 { }
.fcktexte h5 { }
.fcktexte h6 { }

.fcktexte span.colore1 {
	color:#2667B1;
	font-weight:bold;
}

.fcktexte span.colore2 {
	color:#9A9377;
	font-weight:bold;
}

/* DIVERS
-----------------------------------------*/
form {
	margin:0;
}

input.decoration, select.decoration, textarea.decoration {
	padding:2px;
	font:1em/1.2em Arial, sans-serif;
	background-color:#fff;
	margin:2px;
	border:1px solid #cadaec;
}

input.erreur,
select.erreur,
textarea .erreur {
	background-color:#fef3e6;
}

input.soumettre {
	width:auto !important;
	background-color:#22314e;
	color:#fff;
	text-transform:uppercase;
	font-size:0.92em;
	font-weight:bold;
}

.message,
.message_succes {
	margin:10px auto;
	padding:10px 10px 10px 62px;
	color:#fff;
	text-align:left;
	font-size:0.92em;
	line-height:1.08em;
	font-weight:bold;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.message ul,
.message_succes ul {
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
}

ul.erreur {
	color:#ff6600;
	background-color: #fef3e6;
	padding:10px;
	list-style-type:none;
}
ul.erreur li {
	background-image:none;
	padding:0;
}

label.erreur {
	font-weight:bold;
	color:#ff6600;
}

#version_dev {
	display:none;
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
}

.clear {
	clear:both;
}

.hidden,
.imprimer {
	display:none;
}

.nonimprimer {
}

.formulaire_question {
	margin-bottom:20px;
}

p.espace {
}

div.espace_bas {
	clear:both;
	height:45px;
}

#personnage img {
	behavior: url(/js/iepngfix.htc);
}


.fcktexte a:link:after, .fcktexte a:visited:after {
	content: " [" attr(href) "] ";
	font-size: 0.9em;
	text-decoration:none;
}
.fcktexte a[href=""]:after, .fcktexte a[href="."]:after {
	content: "";
}
.fcktexte a[href^="/"]:after {
	content: " [http://www.cjmcq.qc.ca" attr(href) "] ";
}

/* POPUP
-----------------------------------------*/

div.popup {
}

body.popup div.popup {
	width:auto;
	padding:0;
}


.popup h1 {
	padding:5px 0;
	border-bottom:1px dotted #8FB1C9;
	margin-bottom:10px;
	color:#0A1931;
}

.popup #header {
	height:auto;
	background:transparent none;
}

.popup #corps {
	padding:10px;
	height:auto;
	width:auto;
	background:#fff none;
	border:0;
	color:#22314e;
	padding:0;
}

.popup #contenu {
	float:none;
	width:auto;
	background-color:#fff;
	padding:0;
}


div.popup #contenu h2 {
	color:#fff;
	font-size:1.17em;
	line-height:1em;
	margin:0;
}

div.popup #footer {
	display:none;
}

div.popup #bottom {
	display:none;
}

div.popup #contenu .fcktexte {
	font-size:1.17em;
	line-height:1.17em;
}
div.popup input,
div.popup select,
div.popup textarea {
	color:#51515A;
}
div.popup label {
	font-weight:bold;
	color:#0A1931;
}

div.popup label.erreur {
	font-weight:bold;
	color:#f00;
}

div.popup #merci {
	padding:10px 0;
}

div.popup div.message {
	background:#347DBD url(../images/ul/graphiques/message-erreur.gif) 10px 0.2em no-repeat;
	height:3.6em;
}

/*Thickbox, necessaire ici, autres infos dans thickbox_print.css*/
#TB_overlay {
	display:none;
}

#TB_title {
	display:none;
}

#TB_closeAjaxWindow {
	display:none;
}

#TB_window {
	border:0 !important;
	margin:0 !important;
	width:auto !important;
	position: static !important;
	background-color:#fff !important;
}

#TB_ajaxContent,
#TB_iframeContent {
	width:100% !important;
	height:100% !important;
	overflow:visible !important;
}