html {
	overflow-y:scroll;
}

body {
	padding:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size:75%;
	color:#666666;
	text-align:center;
	background:#fff url(../images/fond-page.jpg) 50% 0 no-repeat;
}

#page {
	background:#fff url(/images/fond-page.jpg) 50% 0 no-repeat;
	position:relative;
}

#login {
	background:#fff url(/images/fond-login.gif) 0 0 repeat;
	position:relative;
}

#contenu {
	margin:0 auto;
	padding:0;
	width:964px;
	text-align:center;
}

#corps {
	margin-top:-10px;
	width:100%;
}

.deux-colonnes #corps {
	background:none;
}

#professionnels #corps {
	background-position:100% 119px;
}

.gauche {
	width:210px;
	/*min-height:520px;*/
}

.gauche .contenu {
	margin:0;
	padding:7px 0px 15px 15px;
}

.centre {
	float:center;
	margin:7px 0 0 0;
	padding:0 0 30px 0;
	width:260px;
}

.droite {
	float:right;
	width:259px;
}

.droite .contenu {
	margin:0;
	padding:15px 15px 15px 30px;
}

#professionnels .droite .contenu {
	margin-top:110px;
}

.droite .telephone {
	font-size:0.9em;
}

.clear {
	clear:both;
}

.orange {
	color:#f8991d;
}

form {
	margin:0;
	padding:0;
}

input, select, textarea {
	color:#666666;
	font-size:1em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

.champ,
.select,
.textarea,
.file {
	padding:1px;
}

input.bouton {
	margin:10px 0;
	font-size:1em;
	font-weight:bold;
	background:#f0f0f0;
}

.frm-contact .champ {
	margin-top:5px;
	width:320px;
}

.frm-contact .file {
	margin-top:5px;
}

.frm-contact .champ.large,
.frm-contact .textarea.large {
	width:445px;
}

.frm-contact .select {
	margin-top:5px;
	width:326px;
}

.frm-contact .select optgroup {
	font-style:normal;
}

.frm-contact .select option {
	padding:0 0 2px 0;
}

.frm-contact .textarea {
	margin-top:5px;
	width:320px;
}

.frm-contact .petit {
	font-size:0.9em;
	font-weight:normal;
	color:#999;
}

.msg-succes {
	margin:0 0 1em 0;
	padding:0 0 4px 0;
	color:#8faf57;
	border-bottom:2px solid #dde7cc;
}

p.erreur {
	color:#da5e6a;
	font-weight:bold;
}

p.erreur .champ,
p.erreur .select,
p.erreur .textarea {
	font-weight:normal;
	border:2px solid #da5e6a;
}

p.erreur span.erreur {
	display:inline;
}
p.erreur span.default {
	display:none;
}
p span.erreur {
	display:none;
}
p span.default {
	display:inline;
}


/*********************************************************************************************
	Bande orange
*********************************************************************************************/
#bande-orange {
	margin:0;
	padding:0;
	color:#fefefe;
	background:#f8991d;
	border:8px solid #f8991d;
	border-bottom-width:10px;
	cursor:default;
}

#bande-orange p {
	display:none;
	margin:0;
	padding:0;
}

#bande-orange strong {
	font-size:1.15em;
	font-weight:bold;
}

#bande-orange span {
	margin-left:20px;
}

#bande-orange a {
	padding:0 7px 0 0;
	color:#fee5a3;
	font-size:0.95em;
	text-decoration:none;
	text-transform:uppercase;
	background:url(/images/puce-fleche.gif) 100% 55% no-repeat;
}
#bande-orange a:hover {
	text-decoration:underline;
}

/*********************************************************************************************
	Entete
*********************************************************************************************/
#entete {
	margin:0;
	padding:0;
}

#entete h1 {
	float:right;
	width:180px;
	height:65px;
	overflow:hidden;
	margin:32px 38px 0 0;
	padding:0;
}

#entete h1 a {
	margin:0;
	padding:0 0 0 1000px;
	display:block;
	background:url(/qc/fr/images/gus.gif) 0 0 no-repeat;
}

#entete #logo {
	display:none;
}

#entete #flash {
	margin:0;
	padding:0;
	width:705px;
	height:300px;
}

/*********************************************************************************************
	Fisheye menu (accueil, contact, langue)
*********************************************************************************************/
#fisheye {
	position:relative;
	margin:0 0 13px 0;
	padding:0;
	width:210px;
	height:32px;
	text-align:center;
}

#fisheye .fisheyeContainer {
	position:absolute;
	height:100%;
}

#fisheye a {
	margin:0;
	padding:0;
	text-align:center;
	color:#5cb7ad;
	text-decoration:none;
	width:33px;
	position:absolute;
	display:block;
	bottom:0;
}

#fisheye a img {
	margin:0;
	width:100%;
	border:none;
}

#fisheye a span {
	display:none;
}

/*********************************************************************************************
	Menu principal
*********************************************************************************************/
#menu {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	list-style:none;
}

#menu li {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

#menu li a {
	display:block;
	margin:0;
	padding:11px 0;
	width:100%;
	overflow:hidden;
	color:#5cb7ad;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-position:0 0;
	background-repeat:no-repeat;
	border-top:2px solid #cee9e6;
}

#menu li a:hover {
	background-color:#ebf4f3;
}

#menu li.actif a,
#menu li.actif a:hover {
	color:#b9deda;
	background-color:transparent;
	background-position:0 -50px;
}

#menu li a span {
	visibility:hidden;
}

#menu li#bt-soumissions a {
	color:#f8991d;
	border-top-color:#fde0bb;
	cursor:default;
}

#menu li#bt-soumissions a:hover {
	background-color:#fff;
}

#menu li#bt-soumissions li a {
	margin:0 0 7px 0;
	padding:0;
	color:#5cb7ad;
	font-size:11px;
	font-weight:bold;
	background:none;
	border:none;
	cursor:pointer;
}

#menu li#bt-soumissions li a:hover {
	text-decoration:underline;
}

#menu li#bt-soumissions li.actif a {
	color:#b9deda;
}

#menu li ul {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

#menu li.actif ul {
	display:block;
}

/* Image de fond des boutons */
#bt-extranet a {
	background-image:url(../images/bt-extranet.gif);
}
#bt-redevances a {
	background-image:url(../images/bt-redevances.gif);
}
#bt-soumissions a {
	background-image:url(../images/bt-soumissions.gif);
}


h2 {
	margin:0 0 0.5em -1px; /* -2px corrige bug avec sifr */
	padding:0;
	color:#545454;
	font-weight:normal;
	font-size:30px;
	font-family:"avenir35", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

p {
	margin:0 0 1em 0;
	padding:0;
}

a {
	color:#5cb7ad;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.actif {
	color:#b9deda;
}

h3 {
	margin:30px 0 0 -1px;
	padding:0;
	color:#999999;
	color:#fff;
	font-weight:normal;
	font-size:20px;
	font-family:"avenir35", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

h3.no-margin {
	margin-top:10px;
}

.droite h3 {
	margin:0 0 0 0;
	color:#999999;
	color:#fff;
}

#accueil .droite h3 {
	font-size:24px;
}

h4 {
	margin:20px 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:12px;
}
h4.no-margin {
	margin-top:10px;
}

#chronoplan h5 {
	margin:20px 0 5px 0;
	padding:0;
	color:#f8991d;
	color:#fff;
	font-weight:normal;
	font-size:15px;
	font-family:"avenir35", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

h6 {
	margin:0 0 1em 0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

p {
	margin:0 0 1em 0;
	padding:0;
}

.align-right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #cccccc;
}

.petit {
	color:#999999;
	font-size:0.9em;
}

.plus-grand {
	font-size:1.1em;
}

ul, ol {
	margin-top:0;
	margin-bottom:1em;
}

ul ul, ol ol, ul ol, ol ul {
	margin-top:0.7em;
}

li {
	margin:0 0 0.7em 0;
}

.lien-uppercase {
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}

span.type {
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}

img.bordure {
	border:1px solid #cccccc;
}

p.visuel,
div.visuel {
	margin:0 0 25px 0;
}

p.visuel img {
	border:1px solid #cccccc;
}

/*********************************************************************************************
	Trouver un professionnel GUS
*********************************************************************************************/
.frm-droite {
	margin:0 -15px 20px -15px;
	padding:0 15px 20px 15px;
	border-bottom:2px solid #f2f2f2;
}

.frm-droite.dernier {
	border-bottom:none;
}

.frm-droite p {
	margin:0 0 7px 0;
	padding:0;
	color:#999;
}

.frm-droite p strong {
	color:#666;
}

.frm-droite form {
	margin:10px 0 0 0;
	padding:0;
}

.frm-droite .champ {
	padding:1px 0;
	width:209px;
	color:#666666;
}

.frm-droite .select {
	padding:1px 0;
	width:212px;
	color:#666666;
}

.frm-droite p.bouton {
	margin:0;
	padding:0;
	text-align:right;
}

.frm-droite input.bouton {
	margin:10px 0;
	color:#666666;
	font-weight:bold;
	background:#f0f0f0;
}

.frm-droite .petit {
	font-size:0.85em;
}

.frm-droite a.petit {
	color:#5cb7ad;
	text-decoration:none;
}

.frm-droite a.petit:hover {
	text-decoration:underline;
}

/*********************************************************************************************
	Nouvelles
*********************************************************************************************/
.droite #nouvelles {
	margin:0 0 20px 0;
	padding:0 0 30px 0;
	color:#999999;
}

.droite #nouvelles ul {
	margin:0;
	padding:0;
	list-style:none;
}

.droite #nouvelles ul li {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.85em;
	font-weight:bold;
	text-align:right;
}

.droite #nouvelles ul li a {
	display:block;
	margin:0 0 5px 0;
	padding:0 0 7px 0;
	font-size:1.2em;
	xfont-size:12px;
	text-align:left;
	border-bottom:1px solid #e0e0e0;
}

.date {
	margin:0 0 2em 0;
	padding:5px 0 0 0;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	border-top:1px solid #e0e0e0;
}

/*********************************************************************************************
	Pied de page
*********************************************************************************************/
#pied {
	margin:0;
	padding:15px 0 0 0;
	font-size:0.9em;
	text-align:center;
	background:#f8f8f8 url(/images/fond-pied.gif) 0 0 repeat-x;
}

#pied .enrobage {
	margin:0 auto;
	padding:0;
	width:933px;
}

#pied a {
	color:#666666;
	text-decoration:none;
}

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

#pied p {
	margin:0 0 15px 0;
	padding:0;
	color:#999999;
}

#pied ul {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	text-align:center;
}

#pied ul li {
	display:inline;
	margin:0 10px;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
}

#pied li.actif a {
	color:#999999;
}

#bt-extranet a {
	color:#5cb7ad;
}

/*********************************************************************************************
	Elements qui s'ouvrent et se ferment au clic
*********************************************************************************************/
.item-expand {
	border-bottom:1px solid #d1e9e6;
}

.item-expand.premier {
	border-top:1px solid #d1e9e6;
}

.item-expand h4 {
	margin:0;
	padding:0;
}

.item-expand h4 a {
	display:block;
	margin:0;
	padding:10px 15px;
	overflow:hidden;
	color:#5cb7ad;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

.item-expand h4 a span {
	font-weight:normal;
}

.item-expand h4 a:hover {
	text-decoration:none;
	background:#eef8f7;
}

.item-expand h4.actif a:hover {
	text-decoration:underline;
	background:none;
}

.item-expand .contenu {
	display:none;
	margin:0 15px;
	padding:0;
}

/*********************************************************************************************
	Carte des professionnels GUS
*********************************************************************************************/
.carte {
	margin:30px 0 0 0;
	padding:0;
	width:450px;
	height:650px;
	overflow:hidden;
	border:1px solid #cccccc;
}

#carte div h4 {
	margin:0;
	padding:0;
	color:#5cb7ad;
	font-weight:bold;
}

#carte div {
	margin:0;
	padding:0;
}

#carte div  p.telephone{
	font-size:0.95em;
}

/*********************************************************************************************
	Resultats
*********************************************************************************************/
#resultats {
	margin:0;
	padding:0;
	padding-top:10px;
}

#resultats p {
	margin:0 0 20px 0;
	padding:10px 0;
	font-weight:bold;
	border-bottom:1px solid #f2f2f2;
}

#resultats ul {
	margin:0;
	padding:0;
	list-style:none;
}

#resultats li {
	margin:0 0 20px 0;
	padding:0;
	background:url(/images/puce-carte.gif) 0 0 no-repeat;
}

#resultats li a {
	display:block;
	color:#666666;
	text-decoration:none;
}

#resultats li a:hover {
	text-decoration:none;
}

#resultats li a:hover strong {
	text-decoration:underline;
}

#resultats li span {
	float:left;
	width:22px;
	margin:0 10px 0 0;
	padding:4px 0;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#resultats li strong {
	color:#5cb7ad;
}

#resultats p.pagination {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:0.9em;
	text-align:center;
	border:none;
}


#logo-chronoplan {
	position:relative;
	margin:0;
	padding:0;
	height:110px;
}
#logo-chronoplan img {
	position:absolute;
	top:0;
	left:0;
}

#chronoplan .col1 {
	float:left;
	width:150px;
}

#chronoplan .col2 {
	float:right;
	width:290px;
}

#chronoplan .col3 {
	position:absolute;
	width:229px;
	top:0;
	left:480px;
}

/*********************************************************************************************
	Extranet
*********************************************************************************************/
#boite-login {
	margin:0 auto;
	padding:0;
	width:334px;
	text-align:left;
	background:url(/images/fond-boite-login.gif) 0 100% no-repeat;
}

#boite-login .contenu {
	margin:0;
	padding:105px 18px 0 18px;
}

#boite-login h1 {
	position:absolute;
	top:40px;
	left:50%;
	width:180px;
	height:65px;
	overflow:hidden;
	margin:0 0 0 -90px;
	padding:0;
}

#boite-login h1 a {
	margin:0;
	padding:0 0 0 1000px;
	display:block;
	background:url(/qc/fr/images/gus.gif) 0 0 no-repeat;
}

#boite-login p {
	margin:0;
	padding:0 0 15px 0;
}

#boite-login p strong {
	display:block;
	padding-bottom:5px;
}

#boite-login input.champ {
	width:293px;
}

#boite-login input.bouton {
	margin:0;
}