/*
	CSS pour CLJ projet - Principal
	Simon - egzakt.com
	2008-03-11
*/

body {
	color:#000;
	background:#fff none;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.3em;
	margin-top:1em;
}

h4 {
	font-size:1.3em;
	margin-top:1em;
}


p {
}

ol {
}

a {
}

#wrapper {
	width:auto;
	border:0;
	background-color:transparent;
}


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

#nav_haut {
	display:none;
}

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


#logo {
	display:block;
	float:none;
	margin:0 0 1em 0;
}

#nav {
	display:none;
}


/* BANNIERE
-----------------------------------------*/
#banniere {
	display:none;
}


/* BASE COMMUNE
-----------------------------------------*/
#contenu {
}

#subnav {
	display:none;
}


#principal img.titre {
	display:none;
}
#principal h1 span.titre {
	display:inline;
}

#principal h1 {
	margin-bottom:1em;
}

#principal {
	float:none;
	width:auto;
}

#principal .bloca {
	float:none;
	width:auto;
	margin-right:0;
	background:transparent;
}

#principal .bloca .contenu {
	padding:0;
}

#principal .blocb {
}

#principal .blocc {
	display:none;
}

#principal .blocd {
	display:none;
}

#principal .pub {
	display:none;
}

#principal .outils {
	display:none;
}



/* ACCUEIL (ID=1)
-----------------------------------------*/
.contenu_accueil {
	/*extend: #contenu*/
}
.contenu_accueil #subnav {
	/*extend: #subnav*/
	display:block;
	background: transparent;
}

.contenu_accueil #principal {
	/*extend: #contenu .principal*/
}

.contenu_accueil #principal h1 img {
	display:inline;
}

.contenu_accueil #principal .bloca {
	float:left;
	width:233px;
	margin-left:10px;
	background:transparent;
}

.contenu_accueil #principal .blocb {
	float:left;
	margin-left:10px;
	background:transparent;
}


.contenu_accueil #principal .blocc {
	/*extend #principal .blocc*/
}
.contenu_accueil #principal .blocd {
	display:none;
}


/* A PROPOS (ID=2)
-----------------------------------------*/
.contenu_cld {
	/*extend: #contenu*/
}


/* ÉQUIPE (ID=3)
-----------------------------------------*/
.contenu_equipe {
	/*extend: #contenu*/
}


/* NOS SERVICES (ID=4)
-----------------------------------------*/
.contenu_services {
	/*extend: #contenu*/
}


/* ÉQUIPE (ID=5)
-----------------------------------------*/
.contenu_programmes {
	/*extend: #contenu*/
}


/* PORTRAIT TERRITOIRE (ID=6)
-----------------------------------------*/
.contenu_portrait {
	/*extend: #contenu*/
}


/* OUTILS PUBLICATIONS (ID=7)
-----------------------------------------*/
.contenu_outils {
	/*extend: #contenu*/
	background-image: none;
}

.contenu_outils .fcktexte ul li {
	/*extend fcktexte ul li*/
	background:none;
	padding-left:0;
}


/* NOUS JOINDRE (ID=8)
-----------------------------------------*/
.contenu_contact {
	/*extend: #contenu*/
	background-image: none;
}


/* NOUVELLES (ID=10)
-----------------------------------------*/
.contenu_nouvelles {
	/*extend: #contenu*/
}

.contenu_nouvelles #principal {
	/*extend: #contenu .principal*/
}

.contenu_nouvelles #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_nouvelles #principal .bloca .contenu {
	/*extend: #principal .bloca .contenu*/
}

.contenu_nouvelles #principal .blocc {
	/*extend: #principal .blocc*/
}

.contenu_nouvelles #principal ul.nouvelles {
	padding:0;
}
.contenu_nouvelles #principal ul.nouvelles li {
	padding:0 0 20px;
}
.contenu_nouvelles #principal ul.nouvelles .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_nouvelles #principal ul.nouvelles h3 {
	font-size:1.17em;
	margin:0 0 2px;
}


/* INFOLETTRE (ID=11)
-----------------------------------------*/
.contenu_infolettre {
	/*extend: #contenu*/
	background-image: none;
}
.contenu_infolettre form {
	width:30em;
}

.contenu_infolettre label {
	float:left;
	width:7em;
	padding-left:0.7em;
	margin:0.2em 0 0.17em;
}
.contenu_infolettre label.obligatoire {
	padding-left:0;
	width:7.7em;
}
.contenu_infolettre input {
	border:1px solid #829fb0;
	margin-bottom:0.5em;
}

.contenu_infolettre .submit {
	margin:10px 16px 0 0 ;
	text-align:right;
}

.contenu_infolettre .submit .note {
	float:left;
}

/* PLAN SITE (ID=12)
-----------------------------------------*/
.contenu_plansite {
	/*extend: #contenu*/
	background-image: none;
}
.contenu_plansite h2 {
	margin-bottom:0.3em;
}
.contenu_plansite ul {
	margin-top:0;
	padding-top:0;
	list-style-type: square;
}

/* ERREURS
-----------------------------------------*/
.contenu_erreur {
	/*extend: #contenu*/
}
.contenu_erreur #subnav {
	/*extend: #subnav*/
	background:#eaf1f7 url();
}

.contenu_erreur #subnav li {
	padding-bottom:0.83em;
	display:block;
}
.contenu_erreur #subnav li a {
	display:inline;
	border:0;
	background:none;
	font-size:1em;
}

.contenu_erreur #subnav .date {
	display:block;
	color:#012c41;
	font-weight:bold;
	line-height:1em;
}
.contenu_erreur #subnav ul li a {
	color:#2b85bb;
}
.contenu_erreur #subnav ul li a:hover {
	color:#000;
}

.contenu_erreur #subnav {
	/*extend: #subnav*/
}

.contenu_erreur #principal {
	/*extend: #contenu .principal*/
}

.contenu_erreur #subnav ul li a {
	/*extend: #subnav ul li a*/
}

.contenu_erreur #principal .bloca {
	/*extend: #principal .bloca*/
}

.contenu_erreur #principal .bloca .contenu {
	/*extend #principal .bloca .contenu*/
}

.contenu_erreur #principal .blocc {
	/*extend #principal .blocc*/
}


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

#footer {
	padding:0 10px 6px;
	color:#000;
	height:auto;
	background:transparent url();
}
#footer ul {
	display:none;
}

#footer a {
	color:#000;
}

#updated_at {
	font-size:1em;
}

#signature {
	display:none;
}


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

.fcktexte a,
#fcktexte a {
	text-decoration:none; 
}

.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.cldhsm.qc.ca" attr(href) "] ";
}

.fcktexte ul,
#fcktexte ul {
	margin:0 auto auto 1em;
	padding:0 0 0 10px;
}
.fcktexte ul li,
#fcktexte ul li {
	list-style-type: square;
	background: transparent none;
	padding: 0 0 1em;
}

.fcktexte p,
#fcktexte p {
	margin:0 0 0.83em;
	padding:0;
}

.fcktexte .encadre,
#fcktexte .encadre {
}

.fcktexte td,
#fcktexte td,
.fcktexte th,
#fcktexte th {
}

.fcktexte th,
#fcktexte th {
	background-color:#fff;
	color:#000;
	font-weight:bold;
}

.fcktexte .bloc_deroulant {
	margin:auto;
}

.fcktexte a.lien_deroulant {
	font-size:1.2em !important; /*IE6*/
	background:transparent none;
	color:#000;
	padding:0 0 0.5em;
}

.fcktexte .zone_deroulante {
	display:block !important;
}


.fcktexte .zone_deroulante_top {
	background-color:transparent;
	padding:0 0 0.5em;
	border:0;
}
.fcktexte .zone_deroulante_bottom {
	display:none;
}

.fcktexte table {
	border:1px solid #829fb0;
	background-color:transparent;
}

.fcktexte table tr.paire td {
	background-color: #c0cfd7;
}
.fcktexte table td {
	border-top:1px solid #829fb0;
	border-left:1px solid #829fb0;
}
.fcktexte table td.premier_ligne {
	border-top:0;
}
.fcktexte table td.premier_colonne {
	border-left:0;
}

.fcktexte table.transparent {
	border:0;
}
.fcktexte table.transparent tr.paire td {
	background-color: transparent;
}
.fcktexte table.transparent td {
	border:0;
}

.colore {
	color:#f8f63a;
}

.note {
	font:0.81em/1.3em Arial, sans-serif;
}


.bloc_texte ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

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

.fcktexte sup,
#fcktexte sup {
	line-height:5px;
	font-size:0.73em;
}

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

input, select, textarea {
	border:0;
	padding:2px;
	font:1em/1.2em Arial, sans-serif;
}

.message, .message_succes {
	border:1px solid #d70f0f;
	width:80%;
	margin:10px auto;
	padding:5px;
	background-color:#FFF;
	color:#d70f0f;
	text-align:center;
	line-height:1.3em;
	font-weight:bold;
}

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

.erreur {
	color:#f24a4a;
}

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

.clear {
	clear:both;
	height:10px;
}

#debug {
	display:none;
}