/*-----------------------------------
 * CSS : Tourisme.fr
 * réalisé par SQLI
 * Création : 05.04.2009
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
body {
  margin: 0; padding: 0;
  width: 100%;
	font-family: Verdana, Helvetica, sans-serif; font-size: 62.5%;
	color: #424040;
	background: #ffffff;
	behavior: url('./css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
	overflow-x: hidden; 
}

img, div, h1, a {
	/*behavior: url('./css/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */
	border: none;
}
* {
	margin: 0; padding: 0;
}
div, li {
	_height: 1%;
}
textarea {
	font-family: Verdana, Helvetica, sans-serif; font-size: 1em;
}
br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 0em;
}
br.left {
	clear: left;
	margin: 0; padding: 0;
	font-size: 0em;
}
br.right {
	clear: right;
	margin: 0; padding: 0;
	font-size: 0em;
}

/*--------------------
   DECORUM
 ---------------------*/
div#decorum {
	width: 100%;
	background: url('../images/fond-header.gif') repeat-x top left;
}

div#decorum-page {
	width: 100%;
	background: url('../images/fond-bottom-1.gif') repeat-x bottom left;
}
div#decorum-bottom {
	width: 100%;
	background: url('../images/fond-bottom-2.gif') repeat-x top left;
}

/*--------------------
   BLOCs PRINCIPAUX
 ---------------------*/
div.page {
	margin: 0px auto 0px auto; padding: 0;
	width: 936px;
}
		div#decorum-page div.page {
			position: relative;
			background: url('../images/colonne-gauche-large.gif') no-repeat bottom left;
		}
		div.home div.page {
			position: relative;
			background: url('../images/colonne-gauche-large-1.gif') no-repeat bottom left !important;
		}
div#header {
	margin: 0; padding: 0;
	background: url('../images/fond-header-in.gif') no-repeat top right;
}
div#colonne-gauche {
	float: left;
	margin: 0px 25px 0px 10px; padding: 0;
	_margin-right: 10px;
	width: 329px;
	color: #424040;
}
div#colonne-centre {
	float: left;
	margin: 0px 0px 0px 10px; padding: 0px 0px 20px 0px;
	width: 312px;
	color: #424040;
}

div#colonne-centre-large {
	float: left;
	margin: 0; padding: 0px 20px 25px 20px;
	width: 628px;
	color: #424040;
}
div.largest {
	width: 927px !important;
	background: url('../images/fond-centre-large.gif') no-repeat bottom left;
}
div#colonne-droite {
	float: right;
	margin: 0px 0px 60px 10px; padding: 0;
	width: 237px;
	color: #424040;
}

/*--------------------
   ENTETES
 ---------------------*/
 div#header h1 {
 	 float: left;
 	 margin: 0; padding: 0;
 	 width: 260px; height: 178px;
 	 font-family: Arial, sans-serif; font-size: 1.5em; font-weight: normal;
 	 text-transform: uppercase;
 }
		 div#header h1 a,
		 div#header h1 a:link,
		 div#header h1 a:visited {
		 	 display: block;
		 	 overflow: hidden;	
		 	 width: 260px; height: 178px;
		 	 color: #003A61;
		 	 background: #ffffff url('../images/hcf-logo.gif') no-repeat top left;
		 	 text-decoration: none; text-indent: -100em;
		 }
		 div#header h1 a span {
		 }
		
 div#header div.panel {
 		float: right;
 		margin: 0; padding: 0px 0px 0px 175px;
 		width: 17.5em; height: 108px;
 		background: url('../images/header-item.gif') no-repeat top left;
 }
		div#header div.panel ul {
			margin: 0px 0px 0px 0px; padding: 0;
			_border-bottom: 1px solid #ffffff;
		}
		div#header div.panel ul li {
			float: left;
			padding-left: 15px; margin-top: 30px;
		 	font-size: 1em;
		 	color: #035387;
		 	background: url('../images/puce-bleue.gif') no-repeat center left;
		 	list-style: none;
		}
		div#header div.panel ul li.frst {
			margin-right: 10px; padding-left: 0px;
			background: none;
		}
		div#header div.panel ul li a,
		div#header div.panel ul li a:link,
		div#header div.panel ul li a:visited {
			color: #828282;
			text-decoration: none;
		}
		div#header div.panel ul li a:hover {
			color: #004F83;
		}
		div#header div.panel form {
			clear: left;
			margin: 0; padding: 0;
		}
		div#header div.panel fieldset {
			margin: 0; padding: 5px 0px 0px 0px;
			border: none;
		}
		div#header div.panel fieldset label {
			display: block;
			margin: 0; padding: 0;
			font-size: 1.1em;
			color: #005186;
		}
		div#header div.panel fieldset input.txt {
			padding: 1px 2px;
			font-size: 1.1em;
			background: #EDF3F6;
			border: 1px solid #8EB2C9;
		}
		div#header div.panel fieldset input.sbmt {
			padding: 1px 2px;
			font-size: 1em;
			color: #005186;
			background: #ffffff;
			border: none;
			text-transform: uppercase;
		}
		
 div#header div.navigation {
 		margin: 0; padding: 109px 0px 0px 0px;
 		_padding-top: 0px;
 }
 		div#header div.navigation ul {
		 		margin: 0; padding: 0;
		 		_width: 650px;
		}
		div#header div.navigation ul li {
		 		display: inline;
		 		position: relative;
		 		float: left;
		 		margin: -1px 0px 0px -3px; padding: 0;
		 		font-size: 1.1em; font-weight: bold;
		 		color: #ffffff;
		 		list-style: none;
		 		background: url('../images/navigation-nglt.gif') no-repeat top left;
		}
		div#header div.navigation ul li.frst {
				margin-left: 30px;
				_margin-left: 10px;
				background: none;
		}
		div#header div.navigation ul li a,
		div#header div.navigation ul li a:link,
		div#header div.navigation ul li a:visited {
		 		display: block;
		 		height: 3em; line-height: 3em;
		 		margin: 0; padding: 0;
		 		color: #ffffff;
		 		text-decoration: none; text-align: center;
		}
				div#header div.navigation ul li.onglet-1,
				div#header div.navigation ul li.onglet-1 a,
				div#header div.navigation ul li.onglet-1 a:link,
				div#header div.navigation ul li.onglet-1 a:visited {
						width:7.5em;
				}
				div#header div.navigation ul li.onglet-2,
				div#header div.navigation ul li.onglet-2 a,
				div#header div.navigation ul li.onglet-2 a:link,
				div#header div.navigation ul li.onglet-2 a:visited {
						width:7.5em;
				}
				div#header div.navigation ul li.onglet-3,
				div#header div.navigation ul li.onglet-3 a,
				div#header div.navigation ul li.onglet-3 a:link,
				div#header div.navigation ul li.onglet-3 a:visited {
						width:14.5em;
				}
				div#header div.navigation ul li.onglet-4,
				div#header div.navigation ul li.onglet-4 a,
				div#header div.navigation ul li.onglet-4 a:link,
				div#header div.navigation ul li.onglet-4 a:visited {
						width:12em;
				}
				div#header div.navigation ul li.onglet-5,
				div#header div.navigation ul li.onglet-5 a,
				div#header div.navigation ul li.onglet-5 a:link,
				div#header div.navigation ul li.onglet-5 a:visited {
						width:12em;
				}
				div#header div.navigation ul li.onglet-6,
				div#header div.navigation ul li.onglet-6 a,
				div#header div.navigation ul li.onglet-6 a:link,
				div#header div.navigation ul li.onglet-6 a:visited {
						width:5.5em;
				}
		div#header div.navigation ul li a:hover,
		div#header div.navigation ul li:hover a,
		div#header div.navigation ul li:hover a:link,
		div#header div.navigation ul li:hover a:visited,
		div#header div.navigation ul li.current a,
		div#header div.navigation ul li.current a:link,
		div#header div.navigation ul li.current a:visited {
				color: #004F83;
				background: #ffffff;
		}
		div#header div.navigation ul li a span.ln {
			padding: 0px 10px 0px 10px;
		}
		div#header div.navigation ul li:hover span.bl,
		div#header div.navigation ul li.current span.bl {
			display: block;
			position: absolute; bottom: 0px; left: 0px;
			width: 6px; height: 5px;
			font-size: 1px;
			background: url('../images/navigation-cbl.gif') no-repeat bottom right;
		}
		div#header div.navigation ul li:hover span.br,
		div#header div.navigation ul li.current span.br {
			display: block;
			position: absolute; bottom: 0px; right: 0px;
			width: 6px; height: 5px;
			font-size: 1px;
			background: url('../images/navigation-cbr.gif') no-repeat bottom left;
		}
		
/*--------------------
   BAS DE PAGE
 ---------------------*/
 div#footer div.logo {
 		margin: 0px 0px 50px 0px; padding: 0;
 		background: url('../images/trait-gris.gif') no-repeat center left;
 }
 div#footer div.logo-inner {
 		position: relative;
 		margin: 0; padding: 0;
 		background: url('../images/trait-gris.gif') no-repeat center right;
 		text-align: center;
 }
 div#footer div.logo-inner img {
 }
 div#footer ul {
 		margin: 0px 0px 0px 230px; padding: 0;
 }
 div#footer ul li {
 		float: left;
 		margin: 0; padding: 0px 10px 0px 10px;
 		color: #828282;
 		list-style: none;
 		border-left: 1px solid #828282;
 }
 div#footer ul li.frst {
 		border: none;
 }
 div#footer ul li a,
 div#footer ul li a:link,
 div#footer ul li a:visited {
 		color: #828282;
 		text-decoration: none;
 }
 div#footer ul li a:hover {
 		color: #004F83;
 }
 
 /*--------------------
   COLONNE de gauche
 ---------------------*/
 div#colonne-gauche div.blc {
 		margin: 0; padding: 0px 0px 0px 10px;
 		background: url('../images/bloc-top.gif') no-repeat top left;
 }
 div#colonne-gauche div.blc-bttm {
 		margin: 0; padding: 15px 10px 10px 10px;
 }
 div#colonne-gauche span.spacer {
 		display: block;
 		margin: 0px 0px 20px 0px;	
 }
 div#colonne-gauche h2 {
 		margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;
 		line-height: 0.8em;
 		font-family: Arial, sans-serif; font-size: 2.2em; font-weight: bold;
 		color: #217989;
 		background: url('../images/puce-bleue-2.gif') no-repeat 0px 2px;
 }
 		div#colonne-gauche h2 span {
 			display: block;
 			font-size: 0.7em; font-weight: normal;
 		}
 		
 div#colonne-gauche h3 {
 		margin: 0; padding: 0;
 		font-size: 1.4em;
 		color: #3F8B99;
 }
 div#colonne-gauche p {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 1.1em;
 		color: #424040;
 }
 div#colonne-gauche p.lnk {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 0.9em; font-weight: bold;
 		color: #FF7200;
 		text-transform: uppercase;
 }
 div#colonne-gauche p.lnk a,
 div#colonne-gauche p.lnk a:link,
 div#colonne-gauche p.lnk a:visited {
 		color: #FF7200;
 		text-decoration: none;
 }
 div#colonne-gauche p.lnk a:hover {
 		color: #424040;
 }
 
 div#colonne-gauche ul {
 		margin: 0px 0px 10px 0px; padding: 0;
 }
 div#colonne-gauche ul li {
 		margin: 0px 0px 18px 0px; padding: 0;
 		font-size: 1.1em;
 		color: #424040;
 		list-style: none;
 }
 div#colonne-gauche ul li span {
 		display: block;
 }
 div#colonne-gauche ul li a,
 div#colonne-gauche ul li a:link,
 div#colonne-gauche ul li a:visited {
 		font-size: 1.2em; font-weight: bold;
 		color: #685C5A;
 		text-decoration: none;
 }
 div#colonne-gauche ul li a:hover {
 		color: #003C63;
 }
 
 /*--------------------
   COLONNE centrale
 ---------------------*/
 div#colonne-centre h2 {
 		margin: 0px 10px 10px 10px; padding: 0;
 		font-size: 2em;
 		color: #005186;
 		text-transform: uppercase;
 }
 div#colonne-centre h2.alternate {
 		margin-top: 20px;
 		font-size: 1.8em;
 }
 div#colonne-centre ul {
 		margin: 0px 15px 0px 10px; padding: 0;
 }
 div#colonne-centre ul li {
 		margin: 0px 0px 25px 0px; padding: 3px 0px 0px 28px;
 		font-size: 1.1em;
 		color: #424040;
 		background: url('../images/puce-bleue-3.gif') no-repeat top left;
 		list-style: none;
 }
 div#colonne-centre ul li:hover {
 		background: url('../images/puce-bleue-3-hvr.gif') no-repeat top left;
 }
 div#colonne-centre ul.alternate li {
 		margin-bottom: 10px;
 }
 div#colonne-centre ul li span {
 		display: block;	
 }
 div#colonne-centre ul li strong {
 		font-size: 1.2em;	
 }
 div#colonne-centre ul li a,
 div#colonne-centre ul li a:link,
 div#colonne-centre ul li a:visited {
 		color: #478BB8;
 		text-decoration: none;
 }
 div#colonne-centre ul li a:hover {
 		color: #003C63;
 }
 div#colonne-centre p.lnk {
 		margin: 0px 0px 15px 38px; padding: 0;
 		font-size: 0.9em; font-weight: bold;
 		color: #FF7200;
 		text-transform: uppercase;
 }
 div#colonne-centre p.lnk a,
 div#colonne-centre p.lnk a:link,
 div#colonne-centre p.lnk a:visited {
 		color: #005186;
 		text-decoration: none;
 }
 div#colonne-centre p.lnk a:hover {
 		color: #424040;
 }
 
 /*--------------------
   COLONNE droite
 ---------------------*/
 div#colonne-droite div.agenda {
 		margin: 0; padding: 0;
 		background: url('../images/agenda-middle.gif') repeat-y top left;
 }
 div#colonne-droite div.agenda h2 {
 		margin: 0; padding: 10px;
 		font-size: 2em; font-weight: normal;
 		color: #ffffff;
 		background: url('../images/agenda-top.gif') no-repeat top left;
 		text-transform: uppercase;
 }
 div#colonne-droite div.agenda ul {
 		margin: 10px 20px 10px 20px;	
 }
 div#colonne-droite div.agenda ul li {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 1.1em;
 		color: #686565;
 		list-style: none;
 }
 div#colonne-droite div.agenda ul li a,
 div#colonne-droite div.agenda ul li a:link,
 div#colonne-droite div.agenda ul li a:visited {
 		display: block;
 		font-size: 1.1em; font-weight: bold;
 		color: #FF7200;
 		text-decoration: none;
 }
 div#colonne-droite div.agenda ul li a:hover {
 		color: #003C63;
 }
 div#colonne-droite div.agenda p.lnk {
 		margin: 0; padding: 5px 15px 10px 20px;
 		font-size: 0.9em; font-weight: bold;
 		color: #686565;
 		background: url('../images/agenda-bottom.gif') no-repeat bottom left;
 		text-transform: uppercase;
 }
 div#colonne-droite div.agenda p.lnk a,
 div#colonne-droite div.agenda p.lnk a:link,
 div#colonne-droite div.agenda p.lnk a:visited {
 		color: #686565;
 		text-decoration: none;
 }
 div#colonne-droite div.agenda p.lnk a:hover {
 		color: #424040;
 }
 
 div#colonne-droite div.communique {
 		margin: 15px 0px 15px 0px; padding: 0;
 		background: url('../images/communique-bottom.gif') repeat-y bottom left;
 }
 div#colonne-droite div.communique h2 {
 		margin: 0; padding: 8px 5px 12px 15px;
 		font-size: 1.7em; font-weight: normal;
 		color: #FF7200;
 		background: url('../images/communique-top.gif') repeat-y top left;
 		text-transform: uppercase;
 }
 div#colonne-droite div.communique h2.variante {
 		color: #005186;	
 }
 div#colonne-droite div.communique div.onglets {
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.communique div.onglets ul {
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.communique div.onglets ul li {
 		float: left;
 		margin: 0; padding: 0;
 		overflow: hidden;
 		width: 117px; height: 4em;
 		color: #686565;
 		list-style: none;
 }
 div#colonne-droite div.communique div.onglets ul li.ln { width: 118px; }
 div#colonne-droite div.communique div.onglets ul li a,
 div#colonne-droite div.communique div.onglets ul li a:link,
 div#colonne-droite div.communique div.onglets ul li a:visited {
 		display: block;
 		margin: 0; padding: 12px 0px 0px 10px;
 		width: 107px; height: 4em;
 		font-size: 1.2em; font-weight: bold;
 		color: #686565;
 		background: url('../images/communique-onglet-2.gif') no-repeat top left;
 		text-decoration: none; text-transform: uppercase;
 }
 div#colonne-droite div.communique div.onglets ul li.ln a,
 div#colonne-droite div.communique div.onglets ul li.ln a:link,
 div#colonne-droite div.communique div.onglets ul li.ln a:visited {
 		padding-top: 20px; padding-left: 5px;
 		width: 113px;
 		background: url('../images/communique-onglet-2.gif') no-repeat top right;
 }
 div#colonne-droite div.communique div.onglets ul li a span,
 div#colonne-droite div.communique div.onglets ul li a:link span,
 div#colonne-droite div.communique div.onglets ul li a:visited span {
 		display: block;
 		font-size: 0.8em; font-weight: normal;
 		text-transform: none;
 }
 div#colonne-droite div.communique div.onglets ul li.ln a.current {
 		padding-top: 12px;
 		font-size: 1.2em;
 		color: #FF7200;
 		background: url('../images/communique-onglet.gif') no-repeat top right;
 }
 div#colonne-droite div.communique div.onglets ul li a.current {
 		padding-top: 5px;
 		font-size: 1.5em;
 		color: #FF7200;
 		background: url('../images/communique-onglet.gif') no-repeat top right;
 }
 div#colonne-droite div.communique div.onglets ul li a:hover {
 		color: #FF7200;
 }
 div#colonne-droite div.communique div.menu-window {
 		clear: both;
 		position:relative;
 		height: 20em;
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.communique div.menu {
 		position: absolute; top: 0px; left: 0px;
 		margin: 0; padding: 0;
 		width: 220px; height: 15em;
 }
 div#colonne-droite div.communique div.menu ul {
 		margin: 0px 0px 10px 15px; padding: 0;
 }
 div#colonne-droite div.communique div.menu ul li {
 		margin: 0px 0px 15px 0px; padding: 0px 30px 0px 0px;
 		font-size: 1.1em;
		min-height:8em;
		overflow:hidden;
 		color: #686565;
 		background: url('../images/picto-file.gif') no-repeat 100% 50%;
 		list-style: none;
 }
 div#colonne-droite div.communique div.menu ul.variante li {
 		background: url('../images/picto-file-2.gif') no-repeat 100% 50%;
 }
 div#colonne-droite div.communique div.menu ul li a,
 div#colonne-droite div.communique div.menu ul li a:link,
 div#colonne-droite div.communique div.menu ul li a:visited {
 		display: block;
 		font-weight: bold;
 		color: #686565;
 		text-decoration: none;
 }
 div#colonne-droite div.communique div.menu ul li a:hover {
 		color: #003C63;
 }
 div#colonne-droite div.communique p.lnk {
 		margin: 0; padding: 5px 15px 20px 20px;
 		font-size: 0.9em; font-weight: bold;
 		color: #686565;
 		text-transform: uppercase;
 }
 div#colonne-droite div.communique p.lnk a,
 div#colonne-droite div.communique p.lnk a:link,
 div#colonne-droite div.communique p.lnk a:visited {
 		color: #686565;
 		text-decoration: none;
 }
 div#colonne-droite div.communique p.lnk a:hover {
 		color: #424040;
 }
 
 div#colonne-droite div.liens {
 		margin-top: 25px; padding: 0;
 }
 div#colonne-droite div.liens ul {
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.liens ul li {
 		float: left;
 		margin: 0; padding: 0;
 		list-style: none;
 }
 div#colonne-droite div.liens li.liens a,
 div#colonne-droite div.liens li.liens a:link,
 div#colonne-droite div.liens li.liens a:visited {
 		display: block; overflow: hidden;
 		margin: 0px 10px 0px 0px; padding: 0;
 		width: 112px; height: 66px;
 		background: url('../images/liens-utiles3.gif') no-repeat top left;
 		text-indent:-100em;
 }
 div#colonne-droite div.liens li.liens a:hover {
 	background: url('../images/liens-utiles3.gif') no-repeat bottom left;	
 }
 div#colonne-droite div.liens li.lettre a,
 div#colonne-droite div.liens li.lettre a:link,
 div#colonne-droite div.liens li.lettre a:visited {
 		display: block; overflow: hidden;
 		margin: 0; padding: 0;
 		width: 112px; height: 66px;
 		background: url('../images/lettre-hcf3.gif') no-repeat top left;
 		text-indent:-100em;
 }
 div#colonne-droite div.liens li.lettre a:hover {
 	background: url('../images/lettre-hcf3.gif') no-repeat bottom left;	
 }
 
 div#colonne-droite div.liens-blc {
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.liens-blc ul {
 		margin: 0; padding: 0;
 }
 div#colonne-droite div.liens-blc ul li {
 		float: left;
 		margin: 0; padding: 0;
 		list-style: none;
 }
 div#colonne-droite div.liens-blc li.liens a,
 div#colonne-droite div.liens-blc li.liens a:link,
 div#colonne-droite div.liens-blc li.liens a:visited {
 		display: block; overflow: hidden;
 		margin: 0px 10px 0px 0px; padding: 0;
 		width: 112px; height: 116px;
 		background: url('../images/liens-utiles-2.gif') no-repeat top left;
 		text-indent:-100em;
 }
 div#colonne-droite div.liens-blc li.liens a:hover {
 	background: url('../images/liens-utiles-2.gif') no-repeat bottom left;	
 }
 div#colonne-droite div.liens-blc li.lettre a,
 div#colonne-droite div.liens-blc li.lettre a:link,
 div#colonne-droite div.liens-blc li.lettre a:visited {
 		display: block; overflow: hidden;
 		margin: 0; padding: 0;
 		width: 112px; height: 116px;
 		background: url('../images/lettre-hcf-2.gif') no-repeat top left;
 		text-indent:-100em;
 }
 div#colonne-droite div.liens-blc li.lettre a:hover {
 	background: url('../images/lettre-hcf-2.gif') no-repeat bottom left;	
 }
 
 /*--------------------
   COLONNE centre (large)
 ---------------------*/
 div#colonne-centre-large div.options {
 		float: right;
 		margin: 0; padding: 0;
 		width: 140px; height: 26px;
 		background: url('../images/options-separator.gif') no-repeat 38% 0%;
 }
 		div#colonne-centre-large div.options ul {
 				margin: 0; padding: 0;
 		}
 		div#colonne-centre-large div.options ul li {
 				float: left;
 				margin: 0; padding: 0;
 				list-style: none;
 		}
 		div#colonne-centre-large div.options ul li a,
 		div#colonne-centre-large div.options ul li a:link,
 		div#colonne-centre-large div.options ul li a:visited {
 				display: block;
 				overflow: hidden;
 				margin: 0px 4px 0px 0px; padding: 0;
 				text-indent: -100em;
 				background: red;
 		}
 		div#colonne-centre-large div.options ul li.moins a,
 		div#colonne-centre-large div.options ul li.moins a:link,
 		div#colonne-centre-large div.options ul li.moins a:visited {
 				margin-top: 6px;
 				width: 20px; height: 17px;
 				background: url('../images/t-moins.gif') no-repeat top left;
 		}
 		div#colonne-centre-large div.options ul li.moins a:hover {
 				background: url('../images/t-moins.gif') no-repeat bottom left;
 		}
 		div#colonne-centre-large div.options ul li.plus a,
 		div#colonne-centre-large div.options ul li.plus a:link,
 		div#colonne-centre-large div.options ul li.plus a:visited {
 				margin-right: 10px;
 				width: 26px; height: 23px;
 				background: url('../images/t-plus.gif') no-repeat top left;
 		}
 		div#colonne-centre-large div.options ul li.plus a:hover {
 				background: url('../images/t-plus.gif') no-repeat bottom left;
 		}
 		div#colonne-centre-large div.options ul li.envoyer a,
 		div#colonne-centre-large div.options ul li.envoyer a:link,
 		div#colonne-centre-large div.options ul li.envoyer a:visited {
 				width: 29px; height: 23px;
 				background: url('../images/envoyer.gif') no-repeat top left;
 		}
 		div#colonne-centre-large div.options ul li.envoyer a:hover {
 				background: url('../images/envoyer.gif') no-repeat bottom left;
 		}
 		div#colonne-centre-large div.options ul li.imprimer a,
 		div#colonne-centre-large div.options ul li.imprimer a:link,
 		div#colonne-centre-large div.options ul li.imprimer a:visited {
 				width: 26px; height: 23px;
 				background: url('../images/imprimer.gif') no-repeat top left;
 		}
 		div#colonne-centre-large div.options ul li.imprimer a:hover {
 				background: url('../images/imprimer.gif') no-repeat bottom left;
 		}
 
 div#colonne-centre-large ul.ariane {
 		margin: 0px 0px 30px 0px; padding: 0;
 }
 div#colonne-centre-large ul.ariane ul {
 		display: inline;
 }
 div#colonne-centre-large ul.ariane li {
 		display: inline;
 		margin: 0; padding: 0;
 		font-size: 1em;
 		color: #424040;
 		list-style: none;
 }
 div#colonne-centre-large ul.ariane li a,
 div#colonne-centre-large ul.ariane li a:link,
 div#colonne-centre-large ul.ariane li a:visited {
 		color: #828282;
 		text-decoration: none;
 }
 div#colonne-centre-large ul.ariane li a:hover {
 		color: #004F83;
 }
 div#colonne-centre-large div.content {
 		margin: 0; padding: 0;
 }
 div#colonne-centre-large div.content.lesthemes {
 		margin: 0; padding: 0 0 95px 0;
 }
 div#colonne-centre-large div.content h1 {
 		margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;
 		font-family: Arial, sans-serif; font-size: 3em;
 		color: #1F7180;
 		background: url('../images/puce-bleue-2.gif') no-repeat center left;
 }
 div#colonne-centre-large div.content h1.variante {
 		padding-left: 0px;
 		font-family: Verdana, Helvetica, sans-serif; font-size: 2em;
 		color: #005186;
 		background: #ffffff;
 		text-transform: uppercase;
 }
 div#colonne-centre-large div.content h1 span {
 		font-size: 0.7em; font-weight: normal;
 }
 
 div#colonne-centre-large div.content h2 {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-family: Arial, sans-serif; font-size: 1.4em;
 		color: #3F8B99;
 		background: url('../images/border-bottom.gif') repeat-x bottom left;
 }
 div#colonne-centre-large div.content h2.accordeon{
		margin-top:10px;
 }
 div#colonne-centre-large div.content h2 span {
 		padding-right: 5px;
 		background: #ffffff;
 }
 		div#colonne-centre-large div.content h2.variante span {
 				padding-left: 25px; padding-top: 2px; padding-bottom: 2px;
 				background: #ffffff url('../images/puce-bleue-3.gif') no-repeat center left;
 		}
		div#colonne-centre-large div.content h2.variante.accordeon span {
				cursor:pointer;
		}
		div#colonne-centre-large div.content h2.variante.accordeon.open span {
				background-image:url('../images/puce-bleue-open.gif');
		}
		div#colonne-centre-large div.content h2.variante.accordeon span:hover {
				text-decoration:underline;
		}
 div#colonne-centre-large div.content p {
 		margin: 0px 0px 10px 0px;
 		font-size: 1.1em;
 }
 div#colonne-centre-large div.content p.intro {
 		margin: 0px 0px 25px 0px; padding: 0;
 		font-family: Arial, sans-serif; font-size: 1.6em;
 		color: #424040;
 }
 div#colonne-centre-large div.content ul.para {
 		margin: 0; padding: 0;
 }
 div#colonne-centre-large div.content ul.para li {
 		margin: 0px 0px 15px 0px; padding: 0;
 		font-size: 1.1em;
 		color: #424040;
 		list-style: none;
 }
 div#colonne-centre-large div.content ul.para li a.title,
 div#colonne-centre-large div.content ul.para li a.title:link,
 div#colonne-centre-large div.content ul.para li a.title:visited {
 		font-size: 1.2em; font-weight: bold;
 		color: #685C5A;
 		text-decoration: none;	
 }
 div#colonne-centre-large div.content ul.para li a.title:hover {
 		color: #004F83;
 }
 div#colonne-centre-large div.content ul.para li a.lnk,
 div#colonne-centre-large div.content ul.para li a.lnk:link,
 div#colonne-centre-large div.content ul.para li a.lnk:visited {
 		font-size: 0.9em; font-weight: bold;
 		color: #FF7200;
 		text-decoration: none;	
 }
 div#colonne-centre-large div.content ul.para li a.lnk:hover {
 		color: #004F83;
 }
 div#colonne-centre-large div.content ul.spip {
 		margin: 0px 0px 25px 0px; padding: 0;
 }
 div#colonne-centre-large div.content ul.spip.accordeon {
 		margin: 0px 0px 15px 0px; padding: 0;
 }
 		div#colonne-centre-large div.content ul.spip ul {
 				margin: 5px 0px 5px 20px;
 		}
 div#colonne-centre-large div.content ul.spip li {
 		margin: 0px 0px 5px 0px; padding: 0;
 		font-size: 0.9em; font-weight: bold;
 		color: #FF7603;
 		list-style: none;
 		text-transform: uppercase;
 }
 div#colonne-centre-large div.content ul.spip.accordeon li {
 		margin: 0px 0px 7px 30px; padding: 0;
 }
 		div#colonne-centre-large div.content ul.spip li li {
 				font-size: 1.1em; font-weight: normal;
 				text-transform: none;
 		}
 div#colonne-centre-large div.content ul.bleu li {
 		color: #005186;
 }
 div#colonne-centre-large div.content ul.spip li a,
 div#colonne-centre-large div.content ul.spip li a:link,
 div#colonne-centre-large div.content ul.spip li a:visited {
 		color: #FF7603;
 		text-decoration: none;	
 }
 div#colonne-centre-large div.content ul.bleu li a,
 div#colonne-centre-large div.content ul.bleu li a:link,
 div#colonne-centre-large div.content ul.bleu li a:visited {
 		color: #005186;
 }
 div#colonne-centre-large div.content ul.spip li a:hover {
 		color: #004F83;
 }
 div#colonne-centre-large div.content ul.bleu li a:hover {
 		color: #424040;
 }
 
 
 div#colonne-centre-large div.resultats {
 		margin: 0; padding: 0px 0px 40px 0px;
 }
 div#colonne-centre-large div.resultats h1 {
 		margin: 0; padding: 0;
 		font-size: 2em;
 		color: #B3B3B3;
 		text-transform: uppercase;
 }
 
 div#colonne-centre-large div.resultats h2 {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-family: Arial, sans-serif; font-size: 1.4em;
 		color: #003B62;
 		background: url('../images/border-bottom.gif') repeat-x bottom left;
 }
 div#colonne-centre-large div.resultats h2 span {
 		padding-right: 5px;
 		background: #ffffff;
 }
 div#colonne-centre-large div.resultats h2 a,
 div#colonne-centre-large div.resultats h2 a:link,
 div#colonne-centre-large div.resultats h2 a:visited {
 		color: #003B62;
 		text-decoration: none;
 }
 div#colonne-centre-large div.resultats h2 a:hover {
 		color: #424040;
 }
 div#colonne-centre-large div.resultats p {
 		margin: 0px 0px 20px 0px;
 		font-size: 1.1em;
 		color: #424040;
 }
 div#colonne-centre-large div.resultats ul.rub {
 		margin: 30px 0px 0px 40px; padding: 0;
 		height: 40px;
 }
 div#colonne-centre-large div.resultats ul.rub li {
 		display: inline;
 		margin: 0; padding: 0;
 		font-size: 1em;
 		list-style: none;
 }
 div#colonne-centre-large div.resultats ul.rub li a,
 div#colonne-centre-large div.resultats ul.rub li a:link,
 div#colonne-centre-large div.resultats ul.rub li a:visited {
 		float: left;
 		display: block;
 		margin: 0px 20px 0px 0px; padding: 0;
 		width: 245px;
 		line-height: 1.4em;
 		font-weight: bold;
 		color: #424040;
 		text-decoration: none; text-transform: uppercase; text-align: center;
 }
 		div#colonne-centre-large div.resultats ul.rub li a span.bl {
 				display: block;
 				padding-left: 8px;
 				background: url('../images/crochet-bl.gif') no-repeat bottom left;
 		}
 				div#colonne-centre-large div.resultats ul.rub li a:hover span.bl,
 				div#colonne-centre-large div.resultats ul.rub li.current a span.bl,
 				div#colonne-centre-large div.resultats ul.rub li.current a:link span.bl,
 				div#colonne-centre-large div.resultats ul.rub li.current a:visited span.bl {
 						background: url('../images/crochet-bl.gif') no-repeat top left;
 				}
 		div#colonne-centre-large div.resultats ul.rub li a span.br {
 				display: block;
 				padding-right: 8px;
 				background: url('../images/crochet-br.gif') no-repeat bottom right;
 		}
 				div#colonne-centre-large div.resultats ul.rub li a:hover span.br,
 				div#colonne-centre-large div.resultats ul.rub li.current a span.br,
 				div#colonne-centre-large div.resultats ul.rub li.current a:link span.br,
 				div#colonne-centre-large div.resultats ul.rub li.current a:visited span.br {
 						background: url('../images/crochet-br.gif') no-repeat top right;
 				}
 div#colonne-centre-large div.resultats ul.rub li a:hover,
 div#colonne-centre-large div.resultats ul.rub li.current a,
 div#colonne-centre-large div.resultats ul.rub li.current a:link,
 div#colonne-centre-large div.resultats ul.rub li.current a:visited {
 		color: #005186;
 }
 
 
 div#colonne-centre-large ul.pagination {
 		margin: 30px 0px 0px 100px; padding: 0;
 }
 div#colonne-centre-large ul.pagination li {
 		display: inline;
 		margin: 0; padding: 0;
 		font-size: 1em;
 		list-style: none;
 }
 div#colonne-centre-large ul.pagination li a,
 div#colonne-centre-large ul.pagination li a:link,
 div#colonne-centre-large ul.pagination li a:visited {
 		padding: 4px;
 		color: #424040;
 		text-decoration: none;
 }
 div#colonne-centre-large ul.pagination li a:hover {
 		color: #005186;
 }
 div#colonne-centre-large ul.pagination li.num a,
 div#colonne-centre-large ul.pagination li.num a:link,
 div#colonne-centre-large ul.pagination li.num a:visited {
 		color: #424040;
 }
 div#colonne-centre-large ul.pagination li.num a:hover {
 		color: #ffffff;
 		background: #424040;
 }
 div#colonne-centre-large ul.pagination li span {
 		padding: 4px;
 		color: #ffffff;
 		background: #424040;
 }
 
 div#colonne-centre-large div.contact,
 div#popup div.contact {
 		margin: 0; padding: 0;
 }
 div#popup div.contact {
 		padding: 10px;
 		width: 425px;
 }
 div#colonne-centre-large div.contact h1 {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 2em;
 		color: #B3B3B3;
 		text-transform: uppercase;
 }
 div#colonne-centre-large div.contact p {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-family: Arial, sans-serif; font-size: 1.6em;
 		color: #424040;
 }
 div#popup div.contact p {
 		margin: 0px 0px 25px 0px; padding: 0;
 		font-size: 1.1em; font-weight: bold;
 		color: #424040;
 }
 div#colonne-centre-large div.contact p.orange {
 		font-size: 1.4em;
 		color: #FF7200;
 }
 div#colonne-centre-large div.contact sup,
 div#popup div.contact sup { font-size: 0.8em; font-weight: bold; }
 
 div#colonne-centre-large div.contact form {
 		margin: 25px 30px 10px 30px;
 }
 div#colonne-centre-large div.contact label,
 div#colonne-centre-large div.contact span.label,
 div#popup div.contact label,
 div#popup div.contact span.label {
 		float: left;
 		margin: 0; padding: 0;
 		width: 45px;
 		line-height: 1.8em;
 		font-size: 1em; font-weight: bold;
 		color: #478BB8;
 		text-align: right;
 }
 div#colonne-centre-large div.contact label.label,
 div#colonne-centre-large div.contact span.label {
 		padding-right: 5px;
 		width: 110px;
 		text-align: right;
 }
 div#popup div.contact label.label,
 div#popup div.contact span.label {
 		padding-right: 5px;
 		width: 140px;
 		text-align: left;
 	
 }
 div#colonne-centre-large div.contact input.txt,
 div#popup div.contact input.txt {
 		float: left;
 		margin: 0px 10px 15px 0px; padding: 2px;
 		line-height: 1.8em;
 		width: 200px;
 		font-size: 1em;
 		color: #424040;
 		background: #ECF3F8;
 		border: 1px solid #AAC9DE;
 }
 div#colonne-centre-large div.contact input.large,
 div#popup div.contact input.large {
 		width: 531px;
 }
 div#colonne-centre-large div.contact input.radio {
 		float: left;
 		margin: 2px 5px 5px 5px;
 		line-height: 1.8em;
 }
 div#colonne-centre-large div.contact textarea {
 		margin: 0px 10px 0px 0px; padding: 2px;
 		width: 531px; height: 90px;
 		font-size: 1em;
 		color: #424040;
 		background: #ECF3F8 url('../images/fond-textarea.gif') repeat-x bottom left;
 		border: 1px solid #AAC9DE;
 }
 div#popup div.contact textarea {
 		margin: 0px 10px 0px 0px; padding: 2px;
 		width: 200px; height: 90px;
 		font-size: 1em;
 		color: #424040;
 		background: #ECF3F8;
 		border: 1px solid #AAC9DE;
 }
 div#colonne-centre-large div.contact div.center,
 div#popup div.contact div.center { text-align: center; }
 div#colonne-centre-large div.contact input.submit,
 div#popup div.contact input.submit {
 		margin: 10px 0px 15px 0px; padding: 2px;
 		width: 110px;
 		font-family: Arial, sans-serif; font-size: 1.4em;
 		color: #FFFFFF;
 		background: #005186 url('../images/btn-envoyer.gif') no-repeat top left;
 		border: none;
 		text-transform: uppercase;
 		cursor: pointer;
 		cursor: hand;
 }
 
 
 div#colonne-centre-large div.plan {
 		margin: 0; padding: 0;
 }
 div#colonne-centre-large div.plan h1 {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 2em;
 		color: #B3B3B3;
 		text-transform: uppercase;
 }
 div#colonne-centre-large div.plan p.intro {
 		margin: 0px 230px 25px 0px; padding: 0;
 		font-family: Arial, sans-serif; font-size: 1.6em;
 		color: #424040;
 }
 div#colonne-centre-large div.plan p.gras{
  font-weight:bold;
 }
 div#colonne-centre-large div.plan div.box {
	 	float: left;
	 	margin: 0px 25px 40px 25px; padding: 0;
	 	width: 238px; height: 10em;
	 	background: url('../images/plan-box.gif') repeat-y top left;
 }
 div#colonne-centre-large div.plan div.box div.innerbox {
 		background: url('../images/plan-box-top.gif') no-repeat top left;
 }
 div#colonne-centre-large div.plan div.box div.innerbox div.innerboxin {
 		background: url('../images/plan-box-bottom.gif') no-repeat bottom left;
 }
 div#colonne-centre-large div.plan div.box h2 {
 		margin: 0; padding: 0px 10px 0px 10px;
 		height: 1.8em; line-height: 1.8em;
 		font-size: 1.8em;
 		color: #005186;
 }
 div#colonne-centre-large div.plan div.box ul {
 		margin: 0px 10px 0px 10px; padding: 0;
 		height: 7.2em;
 }
 div#colonne-centre-large div.plan div.box ul li {
 		margin: 0px 0px 2px 0px; padding: 0;
 		font-size: 1.2em;
 		color: #005186;
 		list-style: none;
 }
 div#colonne-centre-large div.plan div.box ul li a,
 div#colonne-centre-large div.plan div.box ul li a:link,
 div#colonne-centre-large div.plan div.box ul li a:visited {
 		color: #005186;
 		text-decoration: none;
 }
 div#colonne-centre-large div.plan div.box ul li a:hover {
 		color: #424040;
 }