/* Feuille de style css */
/* Copyright Activis.ca */


/* Balises generales -------------------------------------- */
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	color:#000;
	font-family:Trebuchet MS,Tahoma,Verdana,Sans-serif;
	background-image:url(/img/fond.png);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
}
pre{padding:10px;font-size:1.1em;border:3px dotted #fff;background:#eee; white-space:pre;}
code{font-size:1em;font-family:Courier New,Courrier,monospace,Sans-serif;color:#444;text-align:left;}
ol, ol li {
	font-size: 100%;
}
acronym { cursor:help; }
#enteteflash {
	position:relative;
	height:205px;
	z-index: 9995;
	background-color:#fff;
}
#entete-swf {
	position:absolute;
	display:block;
	z-index: 9990;
}
#conteneur {
	position:relative;
	width:1003px;
    height: auto;
	margin:0;
	padding:0;
}


/* Image de fond avec activis ----------------------------- */
#fd-haut {
	position:relative;
	display:block;
	width:1003px;
	height:205px;
	padding:0;
	margin:0;
}


/* Select pour acces direct ------------------------------- */
#acces-rapide {
	position:absolute;
	top:2px;
	left:738px;
	width:265px;
	height:18px;
	z-index:9999;
}
#acces-rapide select {
	width:265px;
	height:18px;
	padding-left:4px;
}
#acces-rapide select, #acces-rapide #boutonGo {
	color:#555555;
	font-size:10px;
	background-color:#e9e8da;
}
#acces-rapide option {
	padding:2px 0 2px 4px;
}
#acces-rapide .gris-clair {
	text-indent:24px;
}
#acces-rapide .rouge-fonce {
	text-indent:12px;
}
#acces-rapide .dernier {
	border-bottom:10px solid #e9e8da;
}
#acces-rapide #boutonGo {
	position:absolute;
	top:0px;
	right:268px;
	display:block;
	width:auto;
	padding:0 4px 1px;
	border:1px solid #999;
}
#acces-rapide #boutonGo:hover {
	border:1px solid #000;
	color:#000;
}


/* Couleurs ----------------------------------------------- */
.gris-clair {
	color:#666666;
}
.rouge-fonce {
	color:#833600;
}


/* Liste pour menu rapide --------------------------------- */
#menu-rapide {
	position:absolute;
	display:block;
	top:10px;
	left:545px;
	width:120px;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
	color:#ed5f12;
	list-style:none;
	z-index:9999;
}
#menu-rapide li {
	list-style:none;
	margin:0;
	padding:0;
}
#menu-rapide li a {
	text-decoration:none;
	color:#dcdbd1;
}
#menu-rapide li a:hover {
	text-decoration:underline;
}


/* Menu principal ----------------------------------------- */
#menu {
	position:absolute;
	display:block;
	top:151px;
	left:122px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:9999;
}
#menu li {
	float:left;
	background-color:#fff;
}
#menu li a {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
	color:#000;
}
#menu li a img {
	border:0;
	margin-bottom:5px;
}
#menu li .dessus {
	display:none;
}
#menu li:hover .dessus, #menu li.sfhover .dessus {
	position:absolute;
	display:block;
	top:6px;
	margin-left:26px;
}
#menu li a span {
	display:block;
	border-left:1px solid #b5b5b5;
	padding-left:3px;
}


/* Sous-menu principal ------------------------------------ */
#menu li ul {
	position:absolute;
	display:block;
	width:10em;
	left:-999em;
	border:1px solid #666;
	padding:6px;
	margin:0;
	list-style:none;
	background-color:#fff;
	z-index:9997;
}
#menu li:hover ul, #menu li.sfhover ul {
	left:auto;
}
#menu li:hover #dernier, #menu li.sfhover #dernier {
	left:389px;
}
#menu li ul li {
	width:100%;
	float:left;
}
#menu li.plus-large {
	width:120px;
}
#menu li ul li a {
	display:block;
	width:100%;
	padding:3px 0;
	text-transform:none;
}
#menu li ul li a:hover {
	color:#860000;
}
#menu li ul li img{
	position:absolute;
	display:inline;
	top:auto;
	right:0;
	margin-top:-0.9em;
	margin-right:14px;	
}


/* Deuxieme sous-menu principal --------------------------- */
#menu li ul li ul, #menu li:hover ul li ul, #menu li.sfhover ul li ul {
	position:absolute;
	display:block;
	width:10em;
	left:-999em;
	border:1px solid #666;
	padding:6px;
	margin:0;
	list-style:none;
	background-color:#fff;
	z-index:9996;
}
#menu li ul li:hover ul, #menu li ul li.sfhover ul {
	top:auto;
	left:10em;
	margin-top:-1.4em;
}
#menu li ul li ul li {
	width:100%;
	float:left;
}
#menu li ul li ul li a {
	display:block;
	width:100%;
	padding:3px 0;
	text-transform:none;
}


/* Elements à gauche -------------------------------------- */
#gauche {
	float:left;
	width:160px;
	margin:0;
	padding:0 0 0 73px;
	background-color:#fff;
	border-right:15px solid #dfdfdf;
	background-image:url(/img/fond-gauche.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#imggauche {
	position:relative;
	display:block;
	left:160px;
	top:0px;
}
#menu-gauche {
	position:relative;
	display:block;
	width:136px;
	height:auto;
	margin:8px 0 5px 0;
	padding:12px;
	font-size:11px;
	line-height:15px;
	color:#773200;
	list-style:none;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	background-color:#fff;
}
#menu-gauche li {		
}
#menu-gauche li a {
	text-decoration:none;
	color:#000;
}
#menu-gauche li a:hover {
	text-decoration:underline;
}
#menu-gauche ul {
	margin:0 0 0 8px;
	padding:0;
	list-style-type:none;
}
#menu-gauche ul li a {
	color:#494949;
}
#ajout-favoris {	
	margin:0 10px 0 20px;
	padding:5px 0 0 0;
	line-height:1.2em;
}

#ajout-favoris a:link, #ajout-favoris a:hover, #ajout-favoris a:visited {	
	color:#696969;
	text-decoration:underline;
}
#ajout-favoris a:hover {	
	color:#833600;
	text-decoration:underline;
}
#ajout-favoris img {
	display:block;
	float:left;
	margin:0 5px 0 0;
	border:none;
}
#ajout-favoris a  {
	font-size:0.7em;
	text-decoration:none;
}
#ajout-favoris2 {
	margin:0 6px 0 8px;
	padding:5px 0 10px 0;
}
#ajout-favoris2 img {
	display:block;
	float:left;
	margin:2px 1px;
	line-height:1.6em;
	border:none;
}
/* inc/infolettre-gauche.php */
#infolettre {
	display:block;
	padding:10px 0;
	margin:5px 0 0 0;
	color:#777;
	font-size:11px;
	line-height:13px;
	/* nouveau, depuis le retrait du lien vers Facebook */
	width:140px;
}
#infolettre span {
	display: block;
	margin:0 0 0 10px;
}
#infolettre a {
	color:#777;
	text-decoration:underline;
}
#infolettre a:hover {
	color:#333;
}
#gauche #facebook {
	display:none;
}

#gauche p {
	padding: 10px 0 10px 10px;
	margin:0;
	font-size:11px;
	line-height:13px;
}
#gauche p.address {
	padding-top: 0;
}
#gauche p strong {
	color:#833600;
}
#gauche p span {
	color:#833600;
}

/* Icones de validation Xhtml et Css ---------------------------------------- */
#valide {
	position:relative;
	display:block;
	width:160px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:10px solid #dfdfdf;
}
#valide p {
	margin:0;
	padding:0;
	font-size:10px;
	color:#666;
}
#valide a img {
	border:0;
	margin:2px 0 0 0;
}


/* Contenu de page ---------------------------------------- */
#centre {
	position:relative;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:442px;
	background-color:#fff;
}
#centre #fil-ariane {
	display:block;
	width:330px;
	color:#555;
	margin:10px 0 0 0;
	float:left;
	text-align:left;
	font-size:0.7em;
}
#centre #fil-ariane a {
	color:#888;
	text-decoration:none;
}
#centre #fil-ariane a:hover {
	text-decoration:underline;
}
#centre #date {
	display:block;
	width:70px;
	color:#888;
	margin:10px 0 0 0;
	float:right;
	font-size:0.7em;
}
#centre p {
	font-size:0.8em;
	text-align:justify;
	line-height:1.4em;
	margin: 10px 0;
	padding: 0 10px;
}
#centre p a {
	color:#833600;
	text-decoration:underline;
}
#centre p a:hover {
	text-decoration:none;
}
#centre p .ouest img {	
	margin:4px 10px 0 0;
	border:0px solid #000; /* A changer */
}
#centre h1, #centre h2, #centre h3, #centre h4, #centre h5, #centre h6 {
	padding:0 10px;
	margin:0;
}
#centre h1 {
	display:block;
	float:left;
	width:380px;
	margin:10px 0;
	font-size:1.3em;
	font-weight:normal;
	color:#8a410b;
	background-color:#fff;
}
#centre h1.h2 {
	display:inline;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	background:none;
}
/* h1.mainTitle = Titre principal des pages. 
	A l'origine stylise avec un width de 276px inline
	A l'origine masquer par le plugin sIFR (sifr-screen.css). Modifier car bug dans IE.
*/
#centre h1.mainTitle {
	width: 276px;
	margin-top: 10px;
}
#centre p#mainTitle-options {
	float: right;
	width: 134px;
	height: 21px; /* meme hauteur que le H1 a sa gauche */
	margin-top: 10px;
	padding-top: 6px;
	padding-right: 0;
	padding-left: 8px;
	text-align: left;
}
#centre h2 {
	font-size:0.9em;
	margin:0;
}
.orange h2, p.orange {
	color:#8a410b;
}
.bleu h2 {
	color:#0068be;
}
.vert h2, p.vert {
	color:#517e00;
}
.gris h2 {

}
#centre h3 {
	color:#10306c;
	font-size:0.9em;
}
#centre h4 {
	color:#10306c;
	font-size:0.75em;
}
#centre h5 {
	color:#10306c;
	font-size:0.9em;
}
#centre h6 {
	color:#10306c;
	font-size:0.9em;
}
#centre hr {
    height: 1px;
	width: 422px;
	margin:10px;
	border: 0;
    color: #ddd;
    background-color: #ddd; 
}
#centre #imprimer {
	display:block;
	float:right;
	width:30px;
	height:31px;
	padding:10px 12px 0 0;
}
#centre #imprimer img {
	border:0;
}
#centre ol li {
	font-size: 84%;
}


/* Classes diverses --------------------------------------- */
#centre .ouest {
	float:left;
}
#centre .est {
	float:right;
}
#centre .retour {
	clear:both;
}
#centre .rouge {
	color:#8a410b;
}
#centre .ligne,
#centre p.ligne{
	clear:both;
	/*width:402px;  bug = pas assez large dans IE6/IE7 (mdube) */
	height:1px;
	margin: 10px;
	padding: 0;
	background-image:url(/img/fd-separation.gif);
	background-position:center center;
	background-repeat:repeat-x;
}
#centre .plus-infos {
	display:block;
	text-align:right;
	font-size:0.75em;
	line-height:1.4em;
	padding:0 10px;
	margin:0;
	color:#833600;
}
#centre .plus-infos a {
	font-size:0.9em;
	color:#000;
	text-decoration:none;
}
#centre .plus-infos a:hover {
	text-decoration:underline;
}
#centre .champ {
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	padding:2px 4px;
	color:#00145b;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#fff;
	border:1px solid #00145b;
}
#centre .bouton {
	display:block;
	font-size:0.7em;
	line-height:1.2em;
	padding:2px 4px;
	color:#fff;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#275daa;
	border:1px solid #00145b;
}
#centre .liste {
	list-style-type:disc;
	padding:0;
	margin:10px 10px 10px 25px;
	font-size:0.7em;
	line-height:1.4em;
}
#centre .demi {
	width:180px;
}
#centre .liste-numerique {
	list-style-type:decimal;
	padding:0;
	margin:10px 10px 10px 28px;
	font-size:0.7em;
	line-height:1.4em;
}
#centre .liste-numerique2 {
	list-style-type:decimal;
	padding:0;
	margin:10px 0 10px 10px;
	font-size:0.7em;
	line-height:1.4em;
}
#centre .liste-numerique2 li {
	padding:0;
	margin:0 0 0 18px;
}
#centre .liste li, #centre .liste-numerique li {
	margin:0;
	padding:0 0 5px 0;
}
#centre ol.liste li, #centre ol.liste-numerique li {
	font-size: 112%;
}
#centre .liste li a, #centre .liste-numerique li a {
	color:#833600;
	text-decoration:underline;
}
#centre .survol {
	list-style-type:none;
	padding:0;
	margin:15px 0;
}
#centre .survol li {
	float:left;
	margin:0 19px;
}
#centre .survol a img {
	border:1px solid #eee;
}
#centre .survol a span img {
	display:none;
}
#centre .survol a:hover img {
	display:none;
}
#centre .survol a:hover span img {
	display:block;
	border:1px solid #ccc;
}
#centre #activis-logo {
	float:right;
	margin:15px 10px 0 15px;
}

#centre .gd-logo {
	position:relative;
	display:block;
	height:137px;
	margin:10px 0;
}
#centre .gd-logo img {
	display:block;
	margin:20px;
}
#centre .gd-logo .infos-dessus {
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	margin:-60px 0 0 0;
	padding:5px 10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-image:url(/img/blanc-transparent.png);
	background-position:top left;
	background-repeat:repeat;
}
#centre .demi-real {
	width:220px;
}
#centre .demi-real a img {
	display:block;
	float:right;
	width:110px;
	height:60px;
	margin:0 0 0 6px;
	border:1px solid #fff;
	background-color:#ccc;
}
#centre .demi-real a:hover img {
	border:1px solid #00145b;
}
#centre .aligne-g {
	text-align:left;
}

/* Carte routiere ----------------------------------------- 
#map {
	 width:442px;
	 height:520px;
	 border-top:1px solid #ccc;
	 border-bottom:1px solid #ccc;
}
#informations {
	display:block;
	width:200px;
	height:120px;
	margin:0;
	padding:0;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}
#boite-itineraire {
	position:relative;
	display:block;
	width:250px;
	top:-70px;
	left:155px;
	padding:5px 10px;
	z-index:9995;
	background-color:#fff;
	border:1px solid #ccc;
}
#itineraire-g {
	float:left;
	font-size:0.7em;
	line-height:1.2em;
	margin:2px 10px 2px 3px;
}
#itineraire-d {
	width:90px;
	float:left;
}
#boite-itineraire .champ {
	float:left;
	width:43px;
	margin:4px 0 2px 0;
	border:1px solid #275daa;
	background-color:#f7f7f7;
}
#boite-itineraire .champ:hover {
	border:1px solid #00145b;
	background-color:#fff;
}
#boite-itineraire .bouton {
	float:right;
	width:30px;
	margin:4px 0 2px 6px;
	color:#fff;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#275daa;
	border:1px solid #00145b;
}
#boite-itineraire .bouton:hover {
	color:#fff;
	background-color:#00145b;
	border:1px solid #275daa;
}
*/


/* Carte routiere - V2 ----------------------------------------- */
#boite-carte {
	position:relative;
}
#carte {
	 width:442px;
	 height:520px;
	 border-top:1px solid #ccc;
	 border-bottom:1px solid #ccc;
}
.bouton-zoom {
	text-decoration:none;
	color:#000;
	background-color:#f7f7f7;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #275daa;
	padding:0px 4px;
	margin-bottom:3px;
	text-align:center;
	width:auto;
	cursor:pointer;
}
.bouton-zoom:hover {
	color:#fff;
	background-color:#275daa;
	border:1px solid #fff;
}
#informations {
	display:block;
	width:260px;
	height:120px;
	margin:0;
	padding:0;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}
#form-itineraire {
	position:relative;
	display:block;
	top:-70px;
	padding:5px 10px;
	z-index:9995;
	background-color:#fff;
	border:1px solid #ccc;
}
.form-itineraire-fr {
	width:250px;
	left:155px;
}
.form-itineraire-en {
	width:220px;
	left:190px;
}
#form-itineraire-g {
	float:left;
	font-size:0.7em;
	line-height:1.2em;
	margin:2px 10px 2px 3px;
}
#form-itineraire-d {
	width:90px;
	float:left;
}
#form-itineraire .champ {
	float:left;
	width:43px;
	margin:4px 0 2px 0;
	border:1px solid #275daa;
	background-color:#f7f7f7;
}
#form-itineraire .champ:hover {
	border:1px solid #00145b;
	background-color:#fff;
}
#form-itineraire .bouton {
	float:right;
	width:30px;
	margin:4px 0 2px 6px;
	color:#fff;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#275daa;
	border:1px solid #00145b;
}
#form-itineraire .bouton:hover {
	color:#fff;
	background-color:#00145b;
	border:1px solid #275daa;
}
/* Boite itineraire */
#boite-itineraire {
	position:relative;
}
#itineraire {
	width:442px;
	height:400px;
	margin:0;
	padding:0;
}
#indications {
	width:432px;
	height:auto;
	margin:0;
	padding:0;
	font-size:0.8em;
}
#indications-activis {
	width:410px;
	margin:0 5px;
	padding:5px 10px;
	font-size:0.8em;
	border:1px solid #c0c0c0;
	background-color:#eee;
}
#form-retour-carte {
}
#form-retour-carte .bouton {
	float:right;
	width:auto;
	margin: 5px 0;
	padding: 4px 8px;
	text-transform:lowercase;
}
#retour-carte .bouton:hover {
	border:1px solid #0d567d;
}


/* Faq ----------------------------------------- */
#faq {
	list-style-type:none;
	margin:0 10px;
	padding:0;
	font-size:0.8em;
	line-height:1.2em;
}
#faq li {
	display:block;
	width:420px;
	margin:10px 0;
	padding:0;
	color:#000;
}
#faq li:hover, #faq li.sfhover {
	border-bottom:1px solid #6ca403;
	border-left:1px solid #6ca403;
}
#faq .retour {
	padding:0;
	margin:0;
}
#faq li .lettre {
	font-size:1.5em;
	width:1.6em;
	height:1.6em;
	line-height:1.6em;
	margin:0 0.3em 0 0;
	float:left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align:center;
	color:#fff;
	background-color:#dfdfdf;
}
#faq li:hover .lettre, #faq li.sfhover .lettre {
	background-color:#6ca403;
}
#faq li span {
	display:none;
}
#faq li:hover span, #faq li.sfhover span {
	display:block;
	padding:10px;
	color:#00145b;
}
#faq li span em {
	font-size:0.85em;
	font-style:normal;
	color:#666;
}
#faq li a {
	color:#833600;
	text-decoration:underline;
}

/* Formulaires --------------------------------------------- */
#formulaire-type {
	font-size:0.7em;
	margin:0 10px;
	background-image:url(/img/a-activis.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#formulaire-type table td {
	padding:2px 0;
}
#formulaire-type table input {
	font-size:1.2em;
	line-height:1.2em;
	margin:0;
	padding:2px 4px 2px 14px;
	color:#00145b;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	border:1px solid #833600;
	background-color: #fff;
	background-image: url("/img/fond-ombre.png");
	background-repeat: no-repeat;
	background-position: top left;
}
#formulaire-type table .champlarge {
	width:200px;
}
#formulaire-type table select {
	padding:1px 0 1px 14px;
	font-size:1.2em;
	color:#00145b;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	border:1px solid #833600;
	background: #fff url(/img/fond-ombre.png) no-repeat top left;
}
#formulaire-type table select option {
	padding:0 0 0 14px;
	background-color:#fff;
	background-image: url("/img/fond-ombre-gauche.png");
	background-repeat: repeat-y;
	background-position: top left;
}
#formulaire-type table textarea {
	padding:2px 4px 2px 14px;
	font-size:1.2em;
	color:#00145b;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	border:1px solid #833600;
	background: #fff url(/img/fond-ombre.png) no-repeat top left;
}
#formulaire-type table .input {
	width:180px;
}
#formulaire-type table .textarea {
	width:389px;
	height:80px;
}
#formulaire-type table .case {
	float:none;
	margin:0 3px 0 0;
	background:none;
	border:none;
}
#formulaire-type table .bouton {
	float:left;
	margin:4px 6px 2px 0;
	color:#fff;
	font-size:1.1em;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#de6f23;
	background-image:none;
	border:1px solid #943e00;
}
#formulaire-type table .bouton:hover {
	float:left;
	margin:4px 6px 2px 0;
	color:#fff;
	font-size:1.1em;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#943e00;
	border:1px solid #de6f23;
}


/* RECHERCHE */
.isearch-bouton {
	width:auto;
	float:none;
	margin:6px 6px 0 0;
	padding:1px 2px;
	color:#fff;
	font-size:0.9em;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#de6f23;
	background-image:none;
	border:1px solid #943e00;
}
.isearch-bouton:hover {
	width:auto;
	float:none;
	margin:6px 6px 0 0;
	color:#fff;
	font-size:0.9em;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#943e00;
	border:1px solid #de6f23;
}

.isearch-input {
	font-size:0.9em;
	line-height:1.2em;
	margin:0;
	padding:2px 4px 2px 14px;
	color:#00145b;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	border:1px solid #833600;
	background-color: #fff;
	background-image: url("/img/fond-ombre.png");
	background-repeat: no-repeat;
	background-position: top left;
}
/* FIN RECHERCHE */


/* Plan du site ------------------------ */
#plan {
	display:block;
	padding:0;
	margin:10px;
	list-style-type:none;
	font-size:0.8em;
	line-height:1.4em;	
}
#plan li {
	display:block;
	margin:20px 0;
	padding:0;
	list-style-type:none;
	border:1px solid #ddd;
}
#plan li span {
	display:block;
	margin:0;
	padding:5px 10px;
	color:#fff;
	background-color:#ddd;
}
#plan li span a {
	color:#555;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#plan li ul {
	margin:10px 0 10px 20px;
	padding:0;
}
#plan li ul li {
	margin:0;
	padding:0;
	border:none;
}
#plan li ul li a {
	color:#833600;
	text-decoration:none;
}
#plan li ul li a:hover {
	text-decoration:underline;
}
#plan li ul li ul {
	margin:0 0 0 20px;
	padding:0;
}


/* Répertoire du site - version 2 ------------------------ */
#liens{position:relative;display:block;padding:0;margin:10px;list-style-type:none;font-size:0.8em;line-height:1.4em;}
#liens li{position:relative;display:block;width:418px;margin:5px 0;padding:0;list-style-type:none;border:1px solid #ddd;}
#liens li a.premier{display:block;width:398px;margin:0;padding:5px 10px;color:#555;text-decoration:none;text-transform:uppercase;font-weight:bold;background-color:#f6f6f6;}
#liens li a.premier:hover{color:#fff;background-color:#666;}
#liens li ul{display:block;border-top:1px solid #ddd;margin:0;padding:10px 0;}
#liens li ul li{margin:0 10px;padding:0;border:none;}
#liens li ul li a{color:#833600;text-decoration:none;}
#liens li ul li a:hover{text-decoration:underline;}
#liens li ul li ul li{margin:0 10px;padding:0;border:none;}
#liens li ul li ul li a{color:#666;text-decoration:none;}

/* Plan du site - version 3 ------------------------ */
#conteneur-plan3{}
#controleur-plan3{float:right;font-size:0.8em;text-align:center;}
#centre #controleur-plan3 a{display:block;padding:5px;width:8em;color:#780b00;text-decoration:none;border:1px solid #780b00;margin:1px 0;text-align:center;outline:0;}
#centre #controleur-plan3 a:hover{color:#fff;text-decoration:none;background:#790a00 url(/img/fond-bouton.jpg) left top repeat-x;border:1px solid #5a0901;}
#centre #controleur-plan3 a:active{color:#000;border:1px solid #000;}
#plan3 {float:left;font-size:0.8em;line-height:1em;margin:0 0 0 10px;}
#plan3 li {}
#plan3 li span a {color:#555;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#plan3 li span a:hover {color:#333;}
#plan3 li ul {}
#plan3 li ul li {}
#plan3 li ul li a {color:#833600;text-decoration:none;}
#plan3 li ul li a:hover {text-decoration:underline;}
#plan3 li ul li ul {}
#plan3 li ul li ul li {}
#plan3 li ul li ul li a {color:#666;text-decoration:none;}



/* Liens ------------------------ */
/*
#liens {
	display:block;
	padding:0;
	margin:10px;
	list-style-type:none;
	font-size:0.8em;
	line-height:1.4em;	
}
#liens li {
	display:block;
	margin:20px 0;
	padding:0;
	list-style-type:none;
	border:1px solid #833600;
	background-color:#f9f9f9;
}
#liens li span {
	display:block;
	margin:0;
	padding:5px 10px;
	color:#fff;
	background-color:#833600;
}
#liens li span a {
	color:#eee;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#liens li ul {
	margin:10px 0 10px 20px;
	padding:0;
}
#liens li ul li {
	margin:0;
	padding:0;
	border:none;
}
#liens li ul li a {
	color:#833600;
	text-decoration:none;
}
#liens li ul li a:hover {
	text-decoration:underline;
}
#liens li ul li ul {
	margin:0 0 0 20px;
	padding:0;
}*/
/* Liens d'une categorie ------------------------ */
#liens-categorie {
	display:block;
	padding:46px 0 0 0;
	margin:10px 0;
	list-style-type:none;
	font-size:0.8em;
	line-height:1.4em;	
	background-image:url(/img/liens-categorie/fd-gris.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#liens-categorie li {
	display:block;
	width:442px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#liens-categorie li h4 {
	font-size:1.2em;
	color:#000;
	margin:0;
	padding:33px 10px 5px 10px;
	background-position:left top;
	background-repeat:no-repeat;
}
#liens-categorie li p {
	margin:0;
	padding:5px 10px 10px 10px;
	font-size:1em;
	line-height:1.1em;
	color:#fff;
	background-position:left bottom;
	background-repeat:no-repeat;
}
#liens-categorie li .lien {
	padding:5px 10px 36px 10px;
}
#liens-categorie li a {
	text-decoration:none;
	color:#fff;
}
#liens-categorie li a:hover {
	text-decoration:underline;
}
#liens-categorie li .lien a {
	text-decoration:underline;
}
#liens-categorie li .lien a:hover {
	text-decoration:underline;
	color:#833600;
}
#liens-categorie .rouge h4 {
	background-image:url(/img/liens-categorie/fd-rouge1.jpg);
	background-color:#e9721f;	
}
#liens-categorie .zero h4 {
	background-image:url(/img/liens-categorie/fd-rouge0.jpg);
	background-color:#e9721f;	
}
#liens-categorie .rouge p {
	background-color:#e9721f;
}
#liens-categorie .rouge .lien {
	background-image:url(/img/liens-categorie/fd-rouge2.jpg);	
}
#liens-categorie .brun h4 {
	background-image:url(/img/liens-categorie/fd-brun1.jpg);
	background-color:#ae7c59;
}
#liens-categorie .brun p {
	background-color:#ae7c59;	
}
#liens-categorie .brun .lien {
	background-image:url(/img/liens-categorie/fd-brun2.jpg);	
}
#liens-categorie .bleu h4 {
	background-image:url(/img/liens-categorie/fd-bleu1.jpg);
	background-color:#2e4f85;
}
#liens-categorie .bleu p {
	background-color:#2e4f85;	
}
#liens-categorie .bleu .lien {
	background-image:url(/img/liens-categorie/fd-bleu2.jpg);
}
#liens-categorie .bleu .lien a {
	text-decoration:none;
}
#liens-categorie .bleu .lien a:hover {
	text-decoration:underline;
	color:#ffffff;
}
#liens-categorie .rouge .lien a {
	text-decoration:none;
}
#liens-categorie .rouge .lien a:hover {
	text-decoration:underline;
	color:#ffffff;
}
/* Element dans la partie de droite ------------------------ */
#droite {
	position:relative;
	display:block;
	float:left;
	width:313px;
	padding:0;
	margin:0;
}
#encart-droite {
	position:relative;
	display:block;
	width:313px;
	height:253px;
	margin:0;
	padding:0;
	background-image:url(/img/fd-specialiste.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#encart-swf {
	position:absolute;
	z-index:9990;
}
#txt-encart-droite {
	height:100px;
	overflow:auto;
	margin:8px 0px 16px 5px;
}
#encart-droite img {
	position:relative;
	display:block;
	margin:30px 20px 0 20px;
	border:0;
}
#encart-droite h2 {
	display:block;
	width:120px;
	padding:30px 20px 0 20px;
	margin:0;
	font-size:18px;
	line-height:20px;
	color:#4e4a47;
	font-weight:normal;
}
#encart-droite h2 strong {
	color:#88400e;
}
#encart-droite p {
	display:block;
	width:250px;
	margin:10px 0;
	padding:0 20px;
	font-size:11px;
	line-height:13px;
	color:#696661;
	font-weight:normal;
	text-align:justify;
}
#encart-droite a {
	margin:0 20px;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
#encart-droite a span {
	color:#833600;
}
#encart-droite a:hover {
	color:#833600;
}
#encart-droite a:hover span {
	color:#000;
}
#boite-recherche {
	margin:0;
	padding:0 0 10px 0;
	position:relative;
	background-image:url(/img/fd-droite.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#boite-recherche form {
	position:relative;
	width:276px;
	height:110px;
	margin:0 0 0 46px;
	background-image: url(/img/fond-recherche.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#boite-recherche form fieldset {
	border:0;
	padding:26px 10px 26px 30px;
}
#boite-recherche form h4 {
	margin:10px 0 6px 0;
	padding:0;
}
#boite-recherche .champ {
	padding:2px;
	border: 1px solid #868686;
	background-image: url(/img/fond-champ-recherche.png);
	background-position:left bottom;
	background-repeat: repeat-x;
	background-color: transparent;
}
#boite-recherche .bouton {
	width:1.6em;
	padding:0px;
	outline:0px;
	border: 1px solid #868686;
	background-image: url(/img/bouton-recherche.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
}
#titre-realisations {
	position:relative;
	display:block;
	width:313px;
	height:42px;
	padding:0;
	margin:0;
	background-image:url(/img/real-col.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
#titre-realisations h2 {
	display:block;
	float:left;
	width:110px;
	padding:0;
	margin:0 0 0 50px;
	font-size:18px;
	line-height:20px;
	color:#4e4a47;
	font-weight:normal;
}
#titre-realisations h2 strong {
	color:#88400e;
}
#titre-realisations a {
	display:block;
	float:right;
	height:23px;
	margin:10px 0 0 0;
	padding: 0 0 0 15px;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	background-image:url(/img/fleche-real.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#4e4a47;
}
#titre-realisations a strong {
	color:#88400e;
}
#dernieres-realisations {
	position:relative;
	display:block;
	margin:0;
	padding:15px 0 0 0;
	background-image:url(/img/fd-droite.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#dernieres-realisations .boite-realisation {
	margin:0 0 0 50px;
	padding:0;
	width:262px;
}
#dernieres-realisations .boite-realisation a img {
	border:0;
}
#dernieres-realisations .boite-realisation #miniature01, #dernieres-realisations .boite-realisation #miniature02, #dernieres-realisations .boite-realisation #miniature03 {
	display:block;
	width:112px;
	height:107px;
	margin:0;
	padding:0;
	float:left;
}
#dernieres-realisations .boite-realisation .description {
	float:right;
	width:150px;
	margin:5px 0 0 0;
}
#dernieres-realisations .boite-realisation .description h5 {
	color:#000;
	font-size:13px;
	line-height:13px;
	margin:0;
	padding:0;
}
#dernieres-realisations .boite-realisation .description h5 em {
	color:#4e4e4e;
	font-size:10px;
	line-height:10px;
	font-style:normal;
	font-weight:normal;
}
#dernieres-realisations .boite-realisation .description h6 {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}
#dernieres-realisations .boite-realisation .description h6 a {
	color:#4e4e4e;
	text-decoration:none;
}
#dernieres-realisations .boite-realisation .description h6 a:hover {
	text-decoration:underline;
}
#dernieres-realisations .boite-realisation .description p {
	margin:0;
	font-size:11px;
	text-align:left;
	line-height:12px;
	padding:4px 0;
}
#dernieres-realisations .boite-realisation .description p a {
	color:#0068be;
	text-decoration:none;
}
#dernieres-realisations .boite-realisation .description p a:hover {
	text-decoration:underline;
}
#dernieres-realisations .boite-realisation .description p img {
	padding:0px 2px 0 0;
}
#dernieres-realisations .ligne {
	clear:both;
	width:250px;
	height:1px;
	background-image:url(/img/fd-separation.gif);
	background-position:center center;
	background-repeat:repeat-x;
	margin:10px 0 10px 55px;
	padding:0;
}
#dernieres-realisations #droite-fin {
	position:relative;
	display:block;
	clear:both;
	left:0px;
	bottom:-5px;
	width:313px;
	height:15px;
	margin:0;
	padding:0;
	background-image:url(/img/real-fin.gif);
	background-position:left center;
	background-repeat:no-repeat;	
}
#polaroid {
	position:absolute;
	display:block;
	top:108px;
	right:8px;
	width:176px;
	height:193px;
	z-index:9999;
}
#polaroid img {
	margin:10px 0 0 0;
}


/* Pied de page ------------------------------------------- */
#pied {position:relative;display:block;clear:both;bottom:0;width:930px;padding:0 0 0 68px;font-size:11px;line-height:12px;color:#777;background:#fff url(/img/fond-pied2.jpg) bottom left no-repeat;}
#pied a {color:#000;text-decoration:none;}
#pied a:hover {text-decoration:underline;}
#pied span a {color:#777;}
#pied span a:hover {color:#777;text-decoration:underline;}
#pied a img {border:0;}
#pied img {position:relative;display:block;float:right;right:10px;bottom:32px;}

#pied #menu-pied {display:block;margin:0;padding:70px 0 0 5px;background:#fff url(/img/fond-pied1.jpg) top left no-repeat;}
#pied #menu-pied ul {margin:0 10px;padding:0 0 5px 0;height:160px;min-height:160px;}
#pied #menu-pied ul li{float:left;border-right:1px solid #ddd;display:block;width:135px;margin:0 30px 0 0;padding:0 15px 0 0;color:#8A410B;font-weight:bold;}
#pied #menu-pied ul li.dernier,#pied #menu-pied ul li.dernier2{width:150px;border:none;margin:0;padding:0;}
#pied #menu-pied ul li.dernier2{margin:3px 0 0 0;}
#pied #menu-pied ul li a{color:#8A410B; text-transform:capitalize; }
#pied #menu-pied ul li ul{margin:0 0 10px 0;padding:0;}
#pied #menu-pied ul li ul li{color:#000;font-weight:normal;border:none;}
#pied #menu-pied ul li ul li a{color:#000; text-transform:none;}
#pied .copyright{margin:5px 10px;padding:5px 0;}
.copyright acronym {border-bottom:none;}
#pied .pied-fin{clear:both;}

/* Pour impression --------------------------------------- */
#entete {
	display:none;
}
#centre-pied {
	display:none;
}

ul.default li {
	font-size: 80%;
	margin-bottom: 0.5em;
}
/* liste de liens externes (reference: /en/blog) ------------------*/
ul.remoteLinks {
	margin-left: 10px;
	padding-top: 0.5em;
	padding-left: 0;
	font-size: 84%;
}
ul.remoteLinks li {
	list-style: none;
	margin: 0 0 1.5em 10px;
	padding-left: 0;
	line-height: 1.2em;
	background: none;
}
ul.remoteLinks ul {
	margin-top: 0.25em;
	margin-left: 10px;
	padding-left: 0;
}
ul.remoteLinks li li {
	margin: 0 0 0.25em 0;
	font-size: 84%;
}
.remoteLinks a {
	display: block;
	padding-left: 10px;
	color: #0068BE;
	text-decoration: none;
	background: transparent url(/img/fleche.gif) no-repeat left 0.15em;
}
.remoteLinks a:hover {
	text-decoration: underline;
}
.remoteLinks h2, #centre .remoteLinks h2, 
.remoteLinks h3, #centre.remoteLinks h3 {
	padding-left: 0;
}
.remoteLinks h3, #centre.remoteLinks h3 {
	color: #666;
}
.remoteLinks h2 {
	margin-bottom: 0.25em;
	margin-left: -10px;
}
.remoteLinks h2 a {
	padding-left: 0;
	color: #833600;
	text-decoration: underline;
	background-image: none;
}
.remoteLinks h2 a:hover {
	text-decoration: none;
}
#centre .remoteLinks p {
	margin-top: 5px;
	padding-left: 0;
	color: #666;
}
.flash-alt-message {
	float: none;
	clear: both;
	padding: 1em;
	border: 1px dashed #999;
	background-color: #eee;
}
#centre .flash-alt-message {
	margin: 0 20px;
}
.flash-alt-message h3,
#centre .flash-alt-message h3 {
	margin: 0;
	padding: 0;
	color: black;
	font-size: 100%;
}
.flash-alt-message p,
#centre .flash-alt-message p {
	margin:0;
	padding:0;
}

/*
| -------------------------------------
| Menu flottant sur le cote de l'ecran
| Ce menu est dissimule pour IE6
| -------------------------------------
*/
div#menu-flottant {
	z-index: 9999;
	position: fixed;
	top:25%; /*+*/ margin-top:40px;
	width: auto;
	font-size: 11px;
	background: transparent;
}
div#menu-flottant.aGauche {
	left: 0;
}
div#menu-flottant.aDroite {
	right: 0;
}
#menu-pied hr,
#menu-flottant hr { 
	display:none;
}
#menu-flottant ul,
#menu-flottant li {
	width: auto;
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
}
#menu-flottant.aDroite li {
	float: right;
	clear: both;
}
#menu-flottant li a {
	display: block;
	width: 30px;
	height: 30px;
	margin-left: 2px;
	background: transparent url(../img/menu-flottant/btn-sprite.png) no-repeat left top;
	outline: none; /* This prevents the link from having a dotted outline in Firefox */
}
#menu-flottant.aDroite li a {
	margin-right: 2px;
	margin-left: 0;
}
/* menu-flottant: Icones */
#menu-flottant li#toTop a { width:50px; height:56px; }
#menu-flottant.aDroite li#toTop a { background-position: -69px top; }
#menu-flottant li#toFacebook a { background-position: -138px top; }
#menu-flottant li#toTwitter a { background-position: -178px top; }
#menu-flottant li#toLinkedIn a { background-position: -138px -30px; }
#menu-flottant li#toYouTube a { background-position: -178px -30px; }
#menu-flottant li#toFlickr a { background-position: -210px top; }
/* menu-flottant: Texte caches */
#menu-flottant li a span,
#menu-flottant li h3 span {
	display: block;
	position: absolute;
	left: -9000px;
}
/* menu-flottant: Formulaires de contact (default view = closed) */
#menu-flottant li#toContactForms {
	position: relative;
	width: 40px;
	height: 131px; /*+*/ padding-top: 15px; /* = 146px */
	margin-bottom: 5px;
	background: transparent url(../img/menu-flottant/bg-toContactForms.gif) no-repeat -260px top;
	overflow: hidden;
}
#menu-flottant.aDroite li#toContactForms {
	width: 36px;
	background-image: url(../img/menu-flottant/bg-toContactForms-aDroite.gif);
	background-position: left top;
}
#menu-flottant #toContactForms h3 {
	float: left;
	clear: left;
	position: relative;
	width: 20px;
	height: 120px;
	margin: 0 0 0 6px;
	background: transparent url(../img/menu-flottant/titre-contact-aGauche.gif) no-repeat left top;
}
#menu-flottant.aDroite #toContactForms h3 {
	margin-left: 10px;
	background-image: url(../img/menu-flottant/titre-contact-aDroite.gif);
}
#menu-flottant #toContactForms ul {
	float: left;
	position: relative;
	left: -300px;
	width: 200px;
	margin-left: 10px;
	padding-left: 0;
	overflow: hidden;
}
#menu-flottant.aDroite #toContactForms ul {
	margin-left: 18px;
}
/* On mouse hover, toggle to open view */
#menu-flottant li#toContactForms:hover { width: 250px; background-position: right top; }
#menu-flottant.aDroite li#toContactForms:hover { background-position: left top; }
#menu-flottant #toContactForms:hover h3 { background-position: -20px top; }
#menu-flottant #toContactForms:hover ul { left: 0; }

/* Form links */
#menu-flottant #toContactForms li {
	float: left;
	clear: left;
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
	line-height: 1em;
}
#menu-flottant.aDroite #toContactForms li {
}
#menu-flottant #toContactForms li a {
	width: auto;
	height: 100%; /*ie*/
	height: auto; /*w3c*/
	padding-left: 8px;
	line-height: 1.2em;
	color: white;
	white-space:nowrap;
	background: #10306b url(../img/menu-flottant/list-style-link.gif) no-repeat left center;
	text-decoration: none;
}
#menu-flottant #toContactForms li a:hover {
	text-decoration: underline;
}