/* CSS Document */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(../images/fond-body.gif);
	background-repeat: repeat-x;
	background-color: #e0e0e0;
}

#site{
	margin: auto;
	width: 760px;
	text-align: left;
}


/* PIV ========================================= */
#piv {
	width: 760px;
	padding-bottom: 6px;
	background-color:#FFFFFF;
}

#quebechaut {
	float: left;	
	margin: 24px 0 0 9px;
	width: 178px;
}

#quebechaut[id] {
	margin: 24px 0 0 18px;
}

#bandeau {
	float: right;	
	width: 549px;
}

#bandeau a {
	color: #FFFFFF;
	text-decoration: none;
}

#bandeau ul {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	background-color: #003399;
	color: #FFFFFF;
	font-size: 0.68em;
}

#bandeau ul li {
	display: inline;
	padding-left: 12px;
	margin: 0;
	background: none;
}

/* Menu ======================================== */
#menu{
	background-image:url(../images/fond-menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu ul{
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	width: 753px;
	font-size: 0.69em;
	font-size: 0.6em;
	text-transform: uppercase;
	color: #FFFFFF;
	list-style-type: none;
}

#menu ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 5px 8px 0 8px;
	background-image: url(../images/menu-separateur.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#menu ul li.dernier{
	padding-right: 0;
	background-image: none;
}

#menu li a{
	display: block;
	padding: 0 0 8px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
}

#menu li a.actif, #menu li a:hover{
	background-image: url(../images/menu-survol.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Fil d'arianne =================================== */
#fil-ariane{
	list-style-type:none;
	margin:0;
	padding:15px 15px 8px 15px;
	font-size:0.65em;
}

#fil-ariane li{
	color: #666666;
	background-image:none;
	display:inline;
	margin:0;
	padding:0;
}

/*#fil-ariane li span.dernier {
	clear: none;
	width: 400px;
}*/

#fil-ariane li a{
	color: #666666;
	text-decoration:none;
}

#fil-ariane li a:hover{
	text-decoration:underline;
}


/* Sous-Menu =================================== */
#ss-menu{
	margin: 10px 0 20px 0;
	padding: 0 0 0 10px;
	width: 298px;
	font-size: 0.69em;
	color: #000000;
	list-style-type: none;
}

#ss-menu li {
	margin: 0 0 8px 0;
	padding: 0 15px 0 15px;
	background-image: none;
}

#ss-menu li a, a.lien-gauche{
	padding: 0 8px 0 0;
	color: #000000;
	text-decoration: none;
}

/*#ss-menu li a.actif, #ss-menu li a:hover, a.lien-gauche:hover{
	background-image: url(../images/fleche-droite-blanc.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}*/

#ss-menu li a:hover, a.lien-gauche:hover{
	text-decoration: underline;
}

#h2-ss-menu{
	background-image: url(../images/fleche-bas-blanc2.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;
}


/* accueil ===================================== */

#contenu-accueil{
	margin: 1px 0 10px 0;

}

#contenu-accueil #transcription{
	background-image: url(../images/fond-contenu-plus-large.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	zoom: 1;
	margin:1px 0 0 0;
	padding:1px 16px 10px 340px;
}

#contenu-nouvelles{
/*	margin: 10px 0 10px 0;
	background-image: url(../images/fond-nouvelle.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	zoom: 1;
*/}

#contenu-nouvelles-recentes {
	margin: 20px 0 0 0;
}

.nouvelle{
	margin: 0 15px 10px 15px;
}

.nouvelle img{
	float: left;
	margin: 0 6px 0 0;
}

.nouvelle p{
	padding: 0 0 0 114px;
	margin: 0;
}

.nouvelle h2{
	padding: 0 0 0 114px;
	margin: 0;
	font-size: 0.75em;
	font-weight:bold;
}

.nouvelle a{
	color: #000000;
	text-decoration: none;
}

.nouvelle a:hover{
	text-decoration: underline;
}


/* Contenu ===================================== */
#contenu{
	margin: 1px 0 10px 0;
	background-image: url(../images/fond-contenu-plus-large.gif);
	background-repeat: repeat-y;
	zoom: 1;
}

#contenu.region{
	background-image: url(../images/fond-region-plus-large.gif);
}

#contenu.grands-projets{
	background-image: url(../images/fond-grands-projets-plus-large.gif);
}

#titre{
	background-color:#006a9f;
	background-image:url(../images/fond-h1-bleu.gif);
	background-position:right;
	background-repeat:repeat-y;
	zoom:1;
	padding: 8px 0 8px 0;
	
}

#titre-projet{
	background-color:#537601;
	background-image:url(../images/fond-h1-vert.gif);
	background-position:right;
	background-repeat:repeat-y;
	zoom:1;
	padding: 8px 0 8px 0;
	
}

#titre-region{
	background-color:#c83d02;
	background-image:url(../images/fond-h1-orange.gif);
	background-position:right;
	background-repeat:repeat-y;
	zoom:1;
	padding: 8px 0 8px 0;
	
}

#colonne-gauche{
	float: left;
	margin: 0 1px 0 0;
	width: 323px;
}

#colonne-droite{
	float: left;
	margin: 0 0 0 0;
	width: 436px;
}

/* Texte -------------------------------------- */

h1{
	margin: 0;
	padding: 0 15px 0 15px;
	font-size: 1.13em;
	font-weight: normal;
	background-image: url(../images/fleche-h1-blanc.gif);
	background-repeat: no-repeat;
	background-position: 0 0.31em;
	color:#FFFFFF;
}


h2{
	margin: 15px 0 10px 0;
	padding: 0 15px 0 15px;
	font-size: 0.9em;
	font-weight:bold;
}

#colonne-gauche h2{
	color:#FFFFFF;
}


h3{
	margin: 15px 0 0 0;
	padding: 0 15px 0 15px;
	font-size: 0.80em;
}


#colonne-gauche h3{
	color:#FFFFFF;
}

h4{
	margin: 15px 0 0 0;
	padding: 0 15px 0 15px;
	font-size: 0.70em;
	font-weight:bold;
}

#colonne-gauche h4{
	color:#FFFFFF;
}

p{
	margin: 0 0 10px 0;
	padding: 0 15px 0 15px;
	font-size: 0.70em;
}

#colonne-gauche p{
	color:#FFFFFF;
}

sup{
	font-size:0.75em;
}

p.retour{
	margin: -8px 0 4px 0;
	text-align: right;
	padding: 0 15px 0 15px;
	color:#FFFFFF;
}

p.retour a{
	padding-left: 7px;
	color:#FFFFFF;
	text-decoration: none;
	background-image: url(../images/fleche-gauche-blanc.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

p.retour a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}

p.premier {
	margin-top: 15px; 
}

#colonne-droite p.date{
	margin: 20px 0 -15px 0;
}

#titre p.date{
	margin: 0;
	color: #ffffff;
}


#colonne-droite #flash {
	margin: 0 0 10px 0;
	padding: 0 15px 0 15px;
}

#colonne-droite #flash object, #colonne-droite #flash embed{
	margin:0;
	padding:0;
}

#colonne-gauche p.image {
	margin-top: 0;
	padding: 0;
	color:#FFFFFF;
}

#flash p {
	padding: 0;
}

.rens-sup {
	margin: 27px 0;
}

.ligne{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	height: 5px;
	color: transparent;
	background-color: transparent;
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	border: none;
	line-height: 0px;
}

#colonne-droite .ligne{
	background-image: url(../images/hr-bleu.gif);
}

.grands-projets #colonne-droite .ligne{
	background-image: url(../images/hr-vert.gif);
}

.region #colonne-droite .ligne{
	background-image: url(../images/hr-orange.gif);
}

.grands-projets #colonne-gauche ul, .region #colonne-gauche ul{
	margin-left:25px;
	padding:0;

}
.grands-projets #colonne-gauche ul li,
.region #colonne-gauche ul li,
#colonne-gauche ul#menu-archives-nouvelles li {
	background-image: url(../images/fleche-droite-blanc.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
}

ul.liste-liens{
	margin: -8px 0 2px 0;
	padding: 0 7px 0 7px;
	height: 13px;
	width: 298px;
	font-size: 0.70em;
	color: #000000;
	list-style-type: none;
}

ul.liste-liens li{
	display: block;
	float: left;
	margin: 0;
	padding: 0 8px 1px 8px;
	background-image: url(../images/liens-separateur.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

ul.liste-liens li.dernier{
	background-image: none;
}

ul.liste-liens li a{
	color: #000000;
	text-decoration: none;
}

ul.liste-liens li a.actif, ul.liste-liens li a:hover{
	text-decoration: underline;
}

ul.plan{
	margin: 15px 0 10px 0;
}

ul{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.70em;
	color: #000000;
	list-style-type: none;
}

#colonne-gauche ul, #colonne-gauche ol{
	color:#FFFFFF;
}

#colonne-gauche ul#menu-archives-nouvelles {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul li{
	margin: 0 0 5px 15px;
	padding: 0 0 0 12px;
	line-height: 1.2em;
	background-image: url(../images/point-liste.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#colonne-gauche ul li, #colonne-gauche ol li{
	color:#FFFFFF;
}

#colonne-gauche ul li a, #colonne-gauche ol li a{
	color:#FFFFFF;
}

ul ul{
	margin: 6px 0 10px -6px;
	padding: 0 15px 0 0;
	font-size: 1em;
	color: #000000;
	list-style-type: none;
}

ul ul li{
	background-image: url(../images/point-liste-vide.gif);
}


a{
	color: #000000;
	text-decoration: underline;
}

#colonne-gauche a{
	color:#FFFFFF;
}

a:hover{
	text-decoration: none;
}

#colonne-gauche a:hover{
	color:#FFFFFF;
}

#colonne-gauche a.suite{
	padding: 0 12px 0 0;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/fleche-bas.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}

#colonne-gauche a.suite:hover{
	text-decoration: underline;
}

.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
}

#fin-liste-nouvelles {
	display: block;
	height: 20px;
}


/* Bas ========================================= */
#bas_page{
	padding: 10px 0 13px 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #000000;
	text-align: center;
	background-color: #ffffff;
}

#bas_page a{
	color: #000000;
	text-decoration: none;
}

#bas_page a:hover{
	text-decoration: underline;
}

#bas-site{
	padding: 0;
	margin: auto;
	width: 782px;
}

/* Formulaires ================================== */

#nous_joindre input, #nous_joindre textarea{
	margin: 0 0 10px 15px;
}

/* Google Maps ================================== */

#map_canvas { position: relative; margin: 0 }
#map_canvas div span { display: block; width: 50% }

.bulle				{ position: relative; width: 200px; font-size: 0.8em; color: #003050 }
.bulle a:link		{ color: #003050; text-decoration: underline }
.bulle a:visited	{ color: #003050; text-decoration: underline }
.bulle a:hover		{ color: #004A65; text-decoration: underline }
.bulle a:active	{ color: #004A65; text-decoration: underline }

/* Boxover ====================================== */

.boverbody{
	padding: 2px 4px;
	color: white;
	font-size: 0.70em;
	background: #c83d02;
	border: 1px solid #A43D02;
}

/* Fil RSS */

#rss {
	display: inline;
	position: relative;
	top: 3px;
	padding-left: 3px;
	font-weight: bold;
}