/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/* ============================================================================
 * Yahoo! UI Library - Reset CSS
 * ============================================================================
 *
 * The foundational YUI Reset CSS file removes and neutralizes the inconsistent
 * default styling of HTML elements, creating a level playing field across
 * A-grade browsers and providing a sound foundation upon which you can
 * explicitly declare your intentions.
 *
 * @see http://developer.yahoo.com/yui/reset/
 *
 * ============================================================================
 */

html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select {
	/* *font-size: 100%; */
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/* ============================================================================
 * Yahoo! UI Library - Fonts CSS
 * ============================================================================
 *
 * The foundational YUI Fonts CSS file offers cross-browser typographical
 * normalization and control. Fonts CSS:
 *     # Offers full A-grade browser support.
 *     # Provides consistent font sizing and line-height.
 *     # Provides appropriate cross-OS font-family degradation paths.
 *     # Supports user-driven font-size adjustment in the browser, including
 *       cross-browser consistency for adjusted sizes.
 *     # Works in both "Quirks Mode" and "Standards Mode."
 *
 * @see http://developer.yahoo.com/yui/fonts/
 *
 * ============================================================================
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	/* *font-size:small; */
	/* for IE Quirks Mode */
	/* *font:x-small; */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100% arial,helvetica,clean,sans-serif;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,code,kbd,samp,tt {
	font-family:monospace;
	/* *font-size:108%; */
	line-height:100%;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/* ============================================================================
 * Yahoo! UI Library - Base CSS
 * ============================================================================
 *
 * Base is an optional CSS file that compliments YUI's core CSS foundation
 * (Reset, Fonts, and Grids). While Reset removes and neutralizes the
 * inconsistent default styling of HTML elements, Base applies a consistent
 * style foundation for common HTML elements across A-grade browsers.
 *
 * @see http://developer.yahoo.com/yui/base/
 *
 * ============================================================================
 */

body {
	/* For breathing room between content and viewport. */
	margin:10px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}

optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	/*border: 1px solid #000;
	padding: .5em;*/
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,fieldset,table,pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] {
	padding:1px;
}

/* ============================================================================
 * Common.css
 * ============================================================================
 */

body,select,input,button,textarea,button,table {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/*th,td {
	border:0;
	padding: 2px;
}*/

.nowrap {
	white-space: nowrap;
}

/*==============*/
/* Zone Contenu */
/*==============*/

html {
	color: white;
	background-color: black;
}
body {
	color: white;
	background-color: black;
	width: 100%;
    text-align: center;
	margin: 0;
	padding: 0;
}
#popup {
	position: relative;
	color: black;
	background-color: white;
	background-repeat: no-repeat;
	text-align: left;
}
#container {
	position: relative;
	color: white;
	background-color: black;
	background-repeat: no-repeat;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}
#page {
	padding-top: 172px;
	width: 1000px;
	overflow: hidden;
}

#contenu {
	position: relative;
	width: 760px;
	overflow: hidden;
}
#contenu a {
	color: black;
	background-color: inherit;
}
#primaire {
	float: left;
	width: 500px;
}
#secondaire {
	float: left;
	width: 240px;
	padding: 30px 10px;
}

/*=======================*/
/* Colonne de navigation */
/*=======================*/

#navigation {
	float: left;
	/*width: 160px;*/
	width: 175px;
	padding: 0 0 0 0;
	/*margin: 0 30px 0 25px;*/
	margin: 0 20px 0 15px;
    line-height: 1.40;
}
#navigation img {
	display: block;
	margin-top: 2em;
}
#navigation h2 {
	text-align: center;
	/*padding: .1em 0;*/
	padding: .2em 0;
	margin: 1.5em 0 .5em 0;
	/*font-size: 108%;*/
	font-size: 100%;
	border-width: 0 0 5px 0;
	border-style: solid;
}
#navigation h2.bleu2 {
	color: white !important;
	background-color: #37B3E1;
	border-color: #A2DCF1;
}
#navigation h2.vert {
	color: white !important;
	background-color: #A8B62E;
	border-color: #DFE4B3;
}
#navigation h2.bordeaux {
	color: white !important;
	background-color: #AC2743;
	border-color: #E0AFB8;
}
#navigation h2.jaune {
	color: white !important;
	background-color: #FF9436;
	border-color: #FFD486; /*#E0AFB8;*/
}
#navigation h2.rouge {
	color: white !important;
	background-color: #E54E00;
	border-color: #EE8952;
}
#navigation h2.rose {
	color: white !important;
	background-color: #B71C7B;
	border-color: #D96785;
}
#navigation h2.taupe {
	color: white !important;
	background-color: #B29671;
	border-color: #D4B893;
}
#navigation a {
	font-weight: bold;
	color: white;
	background-color: inherit;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	line-height: 1.25;
	border-bottom: 1px dotted #FFF;
	padding: .2em 0 .2em .6em;
	list-style: none;
	background: transparent url(/css/img/puce-jaune.gif) no-repeat left center;
}

/*============================*/
/* PASSERELLE ENTRE LES SITES */
/*============================*/

#passerelle {
	position: relative;
	width: 1000px;
	text-align: right;
	margin: 0 auto 2px auto;
	padding: 1px 0;
	font-size: 77%;
}
#passerelle ul {
	margin: 0 25px 0 0;
	padding: 0;
}
#passerelle li {
	list-style-type: none;
	display: inline;
	color: white;
	background: black;
	padding-left: 4px;
	border-left: 1px solid white;
	margin-left: 4px;
}
#passerelle li:first-child {
	padding-left: 0;
	border-left: 0;
	margin-left: 0;
}
#passerelle a {
	color: white;
	background-color: black;
	padding-bottom: 1px;
}

/*=======================*/
/* BREADCRUMB NAVIGATION */
/*=======================*/

#fildariane {
	margin-left: 20px;
	padding: .5em 0 1em 0;
}

/*=========*/
/* CONTENU */
/*=========*/

.corps {
	color: #727473;
	background-color: white;
	margin: 0 20px;
	padding: 15px;
	overflow: hidden;
}

.large {
	width: 650px;
	margin: 0 25px;
	padding: 30px;
}

/*=============*/
/* BAS DE PAGE */
/*=============*/

#footer {
	width: 960px;
	padding: 1.5em 20px 0 20px;
	text-align: right;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style-type: none;
	display: inline;
	color: white;
	background: black no-repeat left 4px;
	padding-left: 12px;
	margin-left: 8px;
}
#footer a {
	color: white;
	background-color: inherit;
}
#phrase {
	padding: 1em 0;
	color: #CCD485;
	background-color: black;
}

/*==============*/
/* LES DRAPEAUX */
/*==============*/

#drapeaux {
	position: absolute;
	left: 28px;
	top: 5px;
	z-index: 100;
}
#drapeaux img {
	margin-right: 6px;
}

#drapeaux a {
    padding-right: 0 !important;
	background-image: none !important;
}

/*=============================*/
/* LE FLASH SUR PAGE D'ACCUEIL */
/*=============================*/

#flashindex {
	position: absolute;
	top: -32px;
	left: 0;
}
#bandoindex {
	position: absolute;
	top: 4px;
	left: 20px;
}

/*=============*/
/* LES ONGLETS */
/*=============*/

#onglets {
	position: absolute;
	left: 860px;
	top: 30px;
}
#onglets ul {
	margin: 0;
	padding: 0;
	width: 134px;
}
#onglets li {
	list-style-type: none;
	margin-bottom: .5em;
	text-align: center;
	line-height: 1em;
	padding: .25em 0;
	color: white;
	background-color: #37B3E1;
	border-bottom: 5px solid #A2DCF1;
}
#onglets li:first-child {
	color: white;
	background-color: #E9A514;
	border-bottom: 5px solid #F4D18D;
}
#onglets a {
	color: white;
	background-color: inherit;
}

/*========*/
/* TITRES */
/*========*/

h1 {
	margin: 0 0 1em 0;
}

/*=============================*/
/* MOTEUR DE RECHERCHE INTERNE */
/*=============================*/

#moteur {
	overflow: hidden;
}

/*================================*/
/* BLOC DE LIENS (BAS DE CONTENU) */
/*================================*/

.bloclinks {
	margin: 0 0 0 12px;
	padding: 1em 0;
	position: relative;
}
.bloclinks li {
	list-style-type: none;
	display: inline;
	background: url(/css/img/puce8-vert.png) no-repeat left 4px;
	padding-left: 1em;
	margin-left: 1em;
}
.bloclinks li.addthis {
	position: absolute;
	background: none;
	top: 1em;
	right: 2em;
}

/*=========================*/
/* LISTE DE LIENS + INLINE */
/*=========================*/

li { /* @hack : pas "ul li" car listes sans 'ul' dans isens */
	list-style: disc inside;
}

ul.nobull {
	margin: 0;
	padding: 0;
}

ul.nobull li {
	list-style-type: none;
	display: block;
	line-height: 1.4em;
}

ul.inline {
	margin: 0;
	padding: 1em 0;
	position: relative;
}

ul.inline li {
	list-style-type: none;
	display: inline;
	margin-right: 2em;
}

/*========*/
/* DIVERS */
/*========*/

a, a:link {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img, a:link img, a:hover img {
    text-decoration: none;
}
a.newwin, a.newwin:link {
    padding-right: 17px;
	background: transparent url(/css/img/target-blank.png) no-repeat right center;
}
a.nowin, a.nowin:link {
    padding-right: 0;
	background-image: none;
}
.bold {
	font-weight: bold;
}

/*--------------------------*/
/* Marges images flottantes */
/*--------------------------*/

img.marge, img.marge1 {
	margin: 5px 20px 10px 0;
}
img.marge2 {
	margin: 5px 0 10px 20px;
}
img.marge10 {
	margin: 5px 5px 10px 0;
}

/*-------*/
/* CLEAR */
/*-------*/

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*------*/
/* Typo */
/*------*/

.titre0, .titre1, .titre2, .titre3, .titre4, .titre5, .titre6, .titre7, .titre8, .titre9 {
	font-size: 123.1%;
	margin: 1em 0;
	font-weight: bold;
}
.stitre0, .stitre1, .stitre2, .stitre3, .stitre4, .stitre5, .stitre6, .stitre7, .stitre8, .stitre9 {
	font-size: 108%;
	margin: 1em 0;
	font-weight: bold;
}
.gcouleur0, .gcouleur1, .gcouleur2, .gcouleur3, .gcouleur4, .gcouleur5, .gcouleur6, .gcouleur7, .gcouleur8, .gcouleur9, .gcouleur10 {
	font-size: 108%;
}

/*--------*/
/* Cadres */
/*--------*/

.cadre0, .cadre1, .cadre2, .cadre3, .cadre4, .cadre5, .cadre6, .cadre7, .cadre8, .cadre9, .cadre10,
.cadreblanc, .cadrejaune, .cadrebleu, .cadrerouge, .cadrenoir, .cadrerose,
.cadrerose2, .cadrebleu2, .cadrevert, .cadrebordeaux, .cadretaupe {
	padding: 10px;
    border-width: 1px;
    border-style: solid;
}
.cadre0,  .cadreblanc,      h3.blanc    { border-color: #FFFFFF; }
.cadre1,  .cadrejaune,      h3.jaune    { border-color: #FF9436; }
.cadre2,  .cadrebleu,       h3.bleu     { border-color: #005FDD; }
.cadre3,  .cadrerouge,      h3.rouge    { border-color: #E54E00; }
.cadre4,  .cadrenoir,       h3.noir     { border-color: #000000; }
.cadre5,  .cadrerose,       h3.rose     { border-color: #B71C7B; }
.cadre6,  .cadrerose2,      h3.rose2    { border-color: #C33887; }
.cadre7,  .cadrebleu2,      h3.bleu2    { border-color: #37B3E1; }
.cadre8,  .cadrevert,       h3.vert     { border-color: #A6B429; }
.cadre9,  .cadrebordeaux,   h3.bordeaux { border-color: #AB2540; }
.cadre10, .cadretaupe,      h3.taupe    { border-color: #B29671; }

.cadreblanc li      { background-image: url(/css/img/puce8-blanc.png); }
.cadrejaune li      { background-image: url(/css/img/puce8-jaune.png); }
.cadrebleu li       { background-image: url(/css/img/puce8-bleu.png); }
.cadrerouge li      { background-image: url(/css/img/puce8-rouge.png); }
.cadrenoir li       { background-image: url(/css/img/puce8-noir.png); }
.cadrerose li       { background-image: url(/css/img/puce8-rose.png); }
.cadrerose2 li      { background-image: url(/css/img/puce8-rose2.png); }
.cadrebleu2 li      { background-image: url(/css/img/puce8-bleu2.png); }
.cadrevert li       { background-image: url(/css/img/puce8-vert.png); }
.cadrebordeaux li   { background-image: url(/css/img/puce8-bordeaux.png); }
.cadretaupe li      { background-image: url(/css/img/puce8-taupe.png); }

/*----------*/
/* Couleurs */
/*----------*/

.blanc, .titre0, .stitre0, .couleur0, .pcouleur0, .gcouleur0,
.titre0 a, .stitre0 a, .couleur0 a, .pcouleur0 a, .gcouleur0 a, a.couleur0, a.nonsouligne0 {
	color: #FFFFFF !important;
	background-color: inherit;
}
.jaune, .titre1, .stitre1, .couleur1, .pcouleur1, .gcouleur1,
.titre1 a, .stitre1 a, .couleur1 a, .pcouleur1 a, .gcouleur1 a, a.couleur1, a.nonsouligne1 {
	color: #FF9436 !important;
	background-color: inherit;
}
.bleu, .titre2, .stitre2, .couleur2, .pcouleur2, .gcouleur2,
.titre2 a, .stitre2 a, .couleur2 a, .pcouleur2 a, .gcouleur2 a, a.couleur2, a.nonsouligne2 {
	color: #005FDD !important;
	background-color: inherit;
}
.rouge, .titre3, .stitre3, .couleur3, .pcouleur3, .gcouleur3,
.titre3 a, .stitre3 a, .couleur3 a, .pcouleur3 a, .gcouleur3 a, a.couleur3, a.nonsouligne3 {
	color: #E54E00 !important;
	background-color: inherit;
}
.noir, .titre4, .stitre4, .couleur4, .pcouleur4, .gcouleur4,
.titre4 a, .stitre4 a, .couleur4 a, .pcouleur4 a, .gcouleur4 a, a.couleur4, a.nonsouligne4 {
	color: #000000 !important;
	background-color: inherit;
}
.rose, .titre5, .stitre5, .couleur5, .pcouleur5, .gcouleur5,
.titre5 a, .stitre5 a, .couleur5 a, .pcouleur5 a, .gcouleur5 a, a.couleur5, a.nonsouligne5 {
	color: #B71C7B !important;
	background-color: inherit;
}
.rose2, .titre6, .stitre6, .couleur6, .pcouleur6, .gcouleur6,
.titre6 a, .stitre6 a, .couleur6 a, .pcouleur6 a, .gcouleur6 a, a.couleur6, a.nonsouligne6 {
	color: #C33887 !important;
	background-color: inherit;
}
.bleu2, .titre7, .stitre7, .couleur7, .pcouleur7, .gcouleur7,
.titre7 a, .stitre7 a, .couleur7 a, .pcouleur7 a, .gcouleur7 a, a.couleur7, a.nonsouligne7 {
	color: #37B3E1 !important;
	background-color: inherit;
}
.vert, .titre8, .stitre8, .couleur8, .pcouleur8, .gcouleur8,
.titre8 a, .stitre8 a, .couleur8 a, .pcouleur8 a, .gcouleur8 a, a.couleur8, a.nonsouligne8 {
	color: #A6B429 !important;
	background-color: inherit;
}
.bordeaux, .titre9, .stitre9, .couleur9, .pcouleur9, .gcouleur9,
.titre9 a, .stitre9 a, .couleur9 a, .pcouleur9 a, .gcouleur9 a, a.couleur9, a.nonsouligne9 {
	color: #AB2540 !important;
	background-color: inherit;
}
.taupe, .titre10, .stitre10, .couleur10, .pcouleur10, .gcouleur10,
.titre10 a, .stitre10 a, .couleur10 a, .pcouleur10 a, .gcouleur10 a, a.couleur10, a.nonsouligne10 {
	color: #B29671 !important;
	background-color: inherit;
}

/* Backgrounds */
.bgblanc, .bgjaune, .bgbleu, .bgrouge, .bgnoir, .bgrose, .bgrose2, .bgbleu2, .bgvert, .bgbordeaux, .bgtaupe {
    color: white !important;
    padding: .2em .4em;
}

.bgblanc    { background-color: #FFFFFF !important; }
.bgjaune    { background-color: #FF9436 !important; }
.bgbleu     { background-color: #005FDD !important; }
.bgrouge    { background-color: #E54E00 !important; }
.bgnoir     { background-color: #000000 !important; }
.bgrose     { background-color: #B71C7B !important; }
.bgrose2    { background-color: #C33887 !important; }
.bgbleu2    { background-color: #37B3E1 !important; }
.bgvert     { background-color: #A6B429 !important; }
.bgbordeaux { background-color: #AB2540 !important; }
.bgtaupe    { background-color: #B29671 !important; }

/*---------*/
/* Fleches */
/*---------*/

.flecheblanc    { padding-left: 12px; background: transparent url(/css/img/fleche-blanc.png) no-repeat 0 4px; }
.flechejaune    { padding-left: 12px; background: transparent url(/css/img/fleche-jaune.png) no-repeat 0 4px; }
.flechebleu     { padding-left: 12px; background: transparent url(/css/img/fleche-bleu.png) no-repeat 0 4px; }
.flecherouge    { padding-left: 12px; background: transparent url(/css/img/fleche-rouge.png) no-repeat 0 4px; }
.flechenoir     { padding-left: 12px; background: transparent url(/css/img/fleche-noir.png) no-repeat 0 4px; }
.flecherose     { padding-left: 12px; background: transparent url(/css/img/fleche-rose.png) no-repeat 0 4px; }
.flecherose2    { padding-left: 12px; background: transparent url(/css/img/fleche-rose2.png) no-repeat 0 4px; }
.flechebleu2    { padding-left: 12px; background: transparent url(/css/img/fleche-bleu2.png) no-repeat 0 4px; }
.flechevert     { padding-left: 12px; background: transparent url(/css/img/fleche-vert.png) no-repeat 0 4px; }
.flechebordeaux { padding-left: 12px; background: transparent url(/css/img/fleche-bordeaux.png) no-repeat 0 4px; }
.flechetaupe    { padding-left: 12px; background: transparent url(/css/img/fleche-taupe.png) no-repeat 0 4px; }

/*--------*/
/* Titres */
/*--------*/

h1.blanc, h1.jaune, h1.bleu, h1.rouge, h1.noir, h1.rose, h1.rose2, h1.bleu2, h1.vert, h1.bordeaux, h1.taupe {
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
}

h1.blanc    { background-image: url(/css/img/puce16-blanc.png); }
h1.jaune    { background-image: url(/css/img/puce16-jaune.png); }
h1.bleu     { background-image: url(/css/img/puce16-bleu.png); }
h1.rouge    { background-image: url(/css/img/puce16-rouge.png); }
h1.noir     { background-image: url(/css/img/puce16-noir.png); }
h1.rose     { background-image: url(/css/img/puce16-rose.png); }
h1.rose2    { background-image: url(/css/img/puce16-rose2.png); }
h1.bleu2    { background-image: url(/css/img/puce16-bleu2.png); }
h1.vert     { background-image: url(/css/img/puce16-vert.png); }
h1.bordeaux { background-image: url(/css/img/puce16-bordeaux.png); }
h1.taupe    { background-image: url(/css/img/puce16-taupe.png); }

h3, h3.blanc, h3.jaune, h3.bleu, h3.rouge, h3.noir, h3.rose, h3.rose2, h3.bleu2, h3.vert, h3.bordeaux, h3.taupe {
	border-width: 0 0 1px 0;
	border-style: dotted;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

h3.blanc    { background-image: url(/css/img/puce4-blanc.png); }
h3.jaune    { background-image: url(/css/img/puce4-jaune.png); }
h3.bleu     { background-image: url(/css/img/puce4-bleu.png); }
h3.rouge    { background-image: url(/css/img/puce4-rouge.png); }
h3.noir     { background-image: url(/css/img/puce4-noir.png); }
h3.rose     { background-image: url(/css/img/puce4-rose.png); }
h3.rose2    { background-image: url(/css/img/puce4-rose2.png); }
h3.bleu2    { background-image: url(/css/img/puce4-bleu2.png); }
h3.vert     { background-image: url(/css/img/puce4-vert.png); }
h3.bordeaux { background-image: url(/css/img/puce4-bordeaux.png); }
h3.taupe    { background-image: url(/css/img/puce4-taupe.png); }

/* ============================================================================
 * Datepicker.css
 * ============================================================================
 */

#bloc_manifestation .dp_container,
#bloc_recherche .dp_container {
	position: absolute;
	padding: 0;
	z-index: 500;
}
#bloc_manifestation .dp_cal,
#bloc_recherche .dp_cal {
	color: inherit;
	background-color: #FFF ! important;
	border: 1px solid #0070BF;
	position: absolute;
	width: 177px;
	top: 18px;
	left: -70px;
}
#bloc_manifestation .dp_cal img,
#bloc_recherche .dp_cal img {
	display: inline;
	margin: 0;
}
#bloc_manifestation .dp_cal table,
#bloc_recherche .dp_cal table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 ! important;
	padding: 0;
	margin: 1px 0 0 0;
	color: inherit;
	background-color: white ! important;
}
#bloc_manifestation .dp_cal select,
#bloc_recherche .dp_cal select {
	width: auto ! important;
	margin: 2px 3px;
}
#bloc_manifestation .dp_cal select option,
#bloc_recherche .dp_cal select option {
	padding: 1px 3px;
}
#bloc_manifestation .dp_cal th,
#bloc_manifestation .dp_cal td,
#bloc_recherche .dp_cal th,
#bloc_recherche .dp_cal td {
	width: 14.2857%;
	text-align: center;
	padding: 2px 0;
}
#bloc_manifestation .dp_cal th,
#bloc_recherche .dp_cal th {
	border: solid #AAD4F2;
	border-width: 0 0 1px 0;
	color: #797774 ! important;
	background-color: #DAF2E6 ! important;
	font-weight: bold;
}
#bloc_manifestation .dp_cal td,
#bloc_recherche .dp_cal td {
	cursor: pointer;
}
#bloc_manifestation .dp_cal thead th,
#bloc_recherche .dp_cal thead th {
	color: inherit;
	background-color: #D9EEFC ! important;
}
#bloc_manifestation .dp_cal td.dp_roll,
#bloc_recherche .dp_cal td.dp_roll {
	color: #000 ! important;
	background-color: #FFF6BF ! important;
}
#bloc_manifestation .dp_cal .dp_hide,
#bloc_recherche .dp_cal .dp_hide {
	visibility: hidden;
}
#bloc_manifestation .dp_cal .dp_empty,
#bloc_recherche .dp_cal .dp_empty {
	color: inherit;
	background-color: #EEE ! important;
}
#bloc_manifestation .dp_cal .dp_today,
#bloc_recherche .dp_cal .dp_today {
	color: inherit;
	background-color: #DAF2E6 ! important;
}
#bloc_manifestation .dp_cal .dp_selected,
#bloc_recherche .dp_cal .dp_selected {
	color: #FFF ! important;
	background-color: #328DCF ! important;
}

/*===================*/
/* LAYOUT 3 COLONNES */
/*===================*/

#col12 {
	float: left;
	width: 68%;
	text-align: left;
}
#col3 {
	float: left;
	width: 32%;
	text-align: left;
}
.clearfix {
	overflow: hidden;
}
.half {
	float: left;
	width: 48%;
	padding-right: 2%;
}
#france {
	position: absolute;
	width: 55px;
	height: 58px;
	background: url(/css/img/france.png) no-repeat;
	top: 150px;
	right: 4px;
	z-index: 100;
}
#baseline {
	position: absolute;
	top: 179px;
	right: 56px;
	font-size: 116%; /*131%;*/
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #727473;
	background-color: transparent;
	z-index: 100;
}

/*==================*/
/* LAYOUT DES BLOCS */
/*==================*/

.bloc,
.bloc_border {
	margin-bottom: 1em;
	overflow: hidden;
}
.bloc_border {
	border-width: 1px;
	border-style: solid;
	padding-bottom: 1em;
}
.bloc h2 {
	margin: 0 0 1em 0;
	padding: .2em .4em;
	font-weight: normal;
}
.bloc_border h2 {
	margin: 0;
	padding: .2em .4em;
	font-weight: normal;
}
.bloc h3,
.bloc_border h3 {
	margin: 0;
	padding: 0;
}
.bloc img {
	display: block;
	margin: 1em 0;
}
.bloc_border div {
	position: relative;
	padding-left: 56px;
}
.bloc_border img {
	position: absolute;
	top: 4px;
	left: 0;
}
.bloc_border ul {
	margin-left: 0;
}
.spc_div {
	padding: 0;
}
.spc_div p {
	margin: .4em 0 0 0;
}
.spc_div div {
	overflow: hidden;
	margin: .8em;
}
.spc_div li {
	list-style: none outside;
	margin: .5em 1em;
	padding-left: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.aright {
	text-align: right;
	overflow: hidden;
}
.aright img {
	float: right;
}
/* ============================================================================
 * Tous les formulaires
 * ============================================================================
 *
 * http://www.alsacreations.com/astuce/lire/57-comment-personnaliser-les-lments-select-checkbox-legend-submit-et-radio-button-dans-un-formulaire.html
 * la propriété border ne s'applique pas aux "select" sous IE
 *
 */

span.reservation {
	font-weight : bold;
	color: #FFF;
	background-color: #FEA600;
	border: 1px solid #F9CC76;
	padding: 2px 8px;
	margin-left: 8px;
}
span.reservation a {
	color: #FFF !important;
	background-color: #FEA600;
}
table.formulaire th {
	font-weight: normal;
	text-align: right;
}

/* ============================================================================
 * Formulaire de recherche interne
 * ============================================================================
 */

#navigation input {
	float: left;
	text-align: center;
}
#navigation input#search_pattern {
	margin: 0 2px 0 0;
	border: 1px solid #666;
	padding: 0 2px;
	width: 115px;
}

/* ============================================================================
 * Formulaire de recherche de base
 * ============================================================================
 */

#contenu input,
#contenu select,
#contenu textarea {
	color: #727473;
	background-color: transparent;
}

#contenu .disabled {
	color: #C7C9C8;
	background-color: transparent;
	text-decoration: line-through;
}

#contenu input[type="submit"] {
	color: white;
	background-color: black;
}
#contenu input.submit,
#contenu button {
	color: white;
	background-color: black;
}

#primaire input[type="text"] {
	width: 195px;
	border: 1px solid #7F9DBE;
}
#primaire select,
#primaire textarea {
	width: 195px;
	border: 1px solid #7F9DBE;
}

#secondaire input[type="text"] {
	width: 190px;
	border: 1px solid #7F9DBE;
}
#secondaire select,
#secondaire textarea {
	width: 190px;
	border: 1px solid #7F9DBE;
}

#contenu select.calendarDateInput,
#contenu input.calendarDateInput {
	width: auto;
	border: 1px solid #7F9DBE;
}

#contenu input[type="radio"],
#contenu input[type="checkbox"],
#contenu input[type="submit"] {
	width: auto;
	border: 0;
}
#contenu input.submit,
#contenu button {
	width: auto;
	border: 0;
}

/* ============================================================================
 * Formulaire de recherche "Hebergements & Sejours"
 * ============================================================================
 */

#bloc_recherche {
    padding: 0;
    line-height: 1.3em;
}
#bloc_recherche input,
#bloc_recherche select,
#bloc_recherche textarea {
/*	width: 190px;*/
}
#bloc_recherche select {
	margin-bottom: .25em;
}
#bloc_recherche table {
	width: 100%;
	margin: 1em 0;
	border-width: 1px;
	border-style: solid;
}
#bloc_recherche table td {
    padding: 0 3px 3px 3px;
}
#bloc_manifestation table input.ncalendar {
	width: 106px ! important;
}
#bloc_manifestation table input.ncalendar {
	color: inherit;
    background: white url(/css/img/calendar.gif) no-repeat 88px 1px;
	cursor: pointer;
}
#bloc_recherche table input,
#bloc_recherche table select {
	width: 86px ! important;
}
#bloc_recherche .body input[type="text"],
#bloc_recherche .body select {
    color: inherit;
    background-color: white;
}
#bloc_recherche table input.ncalendar {
	color: inherit;
    background: white url(/css/img/calendar.gif) no-repeat 68px 1px;
	cursor: pointer;
}
#bloc_recherche .body input[type="checkbox"] {
    color: inherit;
    background-color: transparent;
	margin-top: .2em;
}
#bloc_recherche .show_criteres_1,
#bloc_recherche .show_criteres_2 {
	color: inherit;
	background: transparent url(/css/img/picto-plus.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
    float: right;
	width: auto;
	cursor: pointer;
}
#bloc_recherche .more_criteres_1,
#bloc_recherche .more_criteres_2 {
    padding: 1em 0 0 0;
}
#page_detail div.onglet,
#bloc_recherche div.onglet {
    overflow: hidden;
    margin: 0 ! important;
    padding: 0 ! important;
}
#page_detail div.onglet ul,
#bloc_recherche div.onglet ul {
    float: left;
	width: auto;
    z-index: 3;
    margin: 0 ! important;
    padding: 0 ! important;
}
#page_detail div.onglet li,
#bloc_recherche div.onglet li {
    float: left;
	width: auto;
    margin: 0 4px 0 0 ! important;
    padding: 4px ! important;
    border-width: 1px 1px 0 1px;
    border-style: solid;
	list-style: none;
    font-weight: bold;
    background-image: none;
	cursor: pointer;
	height: 1.33em;
}
#page_detail .onglet_bloc {
	padding: 1em;
	margin: 0 0 1em 0;
}
#page_detail .onglet_bloc,
#bloc_recherche .bloc_heberg,
#bloc_recherche .bloc_sejour {
    z-index: 2;
	border-width: 1px;
	border-style: solid;
}
#bloc_recherche div.over {
    overflow: hidden;
}
#bloc_recherche .body {
    padding: 1em .5em;
}
#bloc_recherche .footer {
    overflow: hidden;
    text-align: center;
    padding: 0 8px 8px 8px;
	line-height: 1.6em;
	border-width: 1px 0 0 0;
	border-style: solid;
}
#bloc_recherche .footer .aleft {
    text-align: left;	
}
#bloc_recherche .footer input[type="radio"] {
	margin: 0;
	padding: 0;
}
#bloc_recherche .footer input[type="submit"] {
    float: right;
    padding: 2px 4px;
    border: 0;
    margin: 0;
    font-weight: bold;
}

/* ============================================================================
 * Formulaire de recherche "Hebergements & Sejours" - couleurs par défaut
 * ============================================================================
 */

#bloc_recherche {
	color: #727473;				/* COL_TXT */
}
#bloc_recherche table {
	color: inherit;
	background-color: #DFE4B3;	/* COL_HID */
	border-color: #A8B62E; 		/* COL_SEL */
}
#page_detail div.onglet li,
#bloc_recherche div.onglet li {
    color: white;
    background-color: #DFE4B3;	/* COL_HID */
    border-color: #A8B62E;		/* COL_SEL */
}
#page_detail div.onglet li.selected,
#bloc_recherche div.onglet li.selected {
    color: white;
    background-color: #A8B62E;	/* COL_SEL */
    border-color: #A8B62E;		/* COL_SEL */
}
#page_detail .onglet_bloc,
#bloc_recherche .bloc_heberg,
#bloc_recherche .bloc_sejour {
    color: inherit;
    background-color: white;	/* COL_BG   */
    border-color: #A8B62E;		/* COL_SEL */
}
#bloc_recherche .footer {
    color: inherit;
    background-color: #DFE4B3;	/* COL_HID */
    border-color: #A8B62E;		/* COL_SEL */
}

/* ================================================
 * Formulaire de recherche 2010 - listing résultat
 * ================================================
 */

.contenu_texte {
	color:#000000;
}

.contenu_txt_intro {
	color:#817a7a;
}
.contenu_sstitre {
    font-size:123.1%;
	color:#3d3c3f;
}
.contenu_sstitre_small {
    font-size:116%;
	color:#3d3c3f;
}
.contenu_sstitre_color {
	color:#e5b458;
}
.contenu_sstitre_color_sejour {
	font-weight:bold;
	color:#AAA;
    margin-bottom: 1em;
}
.contenu_texte {
	color:#000000;
}
.contenu_texte_small {
	color:#000000;
}
.contenu_texte_smaller {
	color:#000000;
}
.contenu_lien, a.contenu_lien, a.contenu_lien:link, a.contenu_lien:visited {
	color:#c00f1e;
	text-decoration:none;
}
a.contenu_lien:hover, a.contenu_lien:active {
	text-decoration:underline;
}
.contenu_lien_smaller, a.contenu_lien_smaller, a.contenu_lien_smaller:link, a.contenu_lien_smaller:visited {
	color:#c00f1e;
	text-decoration:none;
}
a.contenu_lien_smaller:hover, a.contenu_lien_smaller:active {
	text-decoration:underline;
}
.moteur_ligne_0 {
    background-color: #FFF;
}
.moteur_ligne_1 {
    background-color: #EEE;
}
.moteur_ligne_0 tr { vertical-align: top; }
.moteur_ligne_1 tr { vertical-align: top; }
img.margeD { margin: 0 2px 0 0; }
img.margeB { margin: 0 0 2px 0; }

/*===============================*/
/* Liste d'évènements : Homepage */
/*===============================*/

.readnext {
	text-align: right;
}

.para {
	padding: 0 0 .5em 0;
}
.para p {
	padding: 0;
	margin: 0;
}

/*======================================*/
/* Liste d'évènements : Liste et détail */
/*======================================*/

.event {
	margin-bottom: 1em;
	overflow: hidden;
}
.event img {
	float: left;
	width: auto;
	margin-right: 1em;
	padding-bottom: 1em;
}
.event h2 {
	margin-top: 0;
}
.event .price {
	float: right;
	width: auto;
	margin-left: 1em;
	font-size: 138.5%;
	font-weight: bold;
}
.event .readall {
	margin: 2em 0 1em 0;
}
.event .intro {
	color: #BBB;
	background-color: inherit;
}

/*====================*/
/* Layout Bas de page */
/*====================*/

#page_event #event_moteur {
	float: left;
	width: 58%;
	text-align: left;
	margin-right: 2%;
}

#page_event #event_newsletter {
	float: left;
	width: 40%;
	text-align: left;
}

#page_event h4 {
	margin: 0 0 .5em 0;
}

#page_actualite p,
#page_actualite div {
    margin: .6em 0;
}
#page_actualite h2 {
    margin: 0 0 .6em 0;
}
#page_actualite h2.narrow {
    font-size: 100%;
}
#page_actualite .price {
	float: right;
	width: auto;
	font-size: 138.5%;
	font-weight: bold;
    color: white;
    background-color: Orange;
    padding: .2em .4em;
    border: 1px solid GoldenRod;
	margin: 0 0 1em 1em !important;
}
#page_actualite .pricelib {
	font-weight: bold;
    color: Orange;
}
#page_actualite .readnext {
	text-align: right;
}
#page_actualite small {
    color: #888;
}
.actualite {
	margin: 1em 0;
	padding-left: 240px;
	overflow: hidden;
}
.actualite img {
    float: left;
    margin-left: -240px;
}
/*==================*/
/* Listing Résultat */
/*==================*/

.resultat {
    padding: 0;
    border: 1px solid #BBB;
    margin: 0 0 1em 0;
}

.resultat_top_nav,
.resultat_bottom_nav {
    padding: 0;
    margin: 0 0 1em 0;
}

.resultat .rhead {
	color: #FFF !important;
    background-color: #9C886F;
    padding: .25em;
}
.resultat .rhead a {
	color: #FFF !important;
    background-color: transparent;
}

.resultat .rville,
.resultat_top_nav .nav {
    float: right;
	width: auto;
	padding-left: 1em;
}
.resultat_bottom_nav .nav {
    text-align: center;
}
.resultat .rtitle {
    font-weight: bold;
}
.resultat .rbody,
.resultat .rbodywimg {
    padding: .5em;
    overflow: auto;
}

.resultat .rbody img {
    float: left;
    margin: 0;
}
.resultat .rbody img.nf {
	float: none;
}
.resultat .rdesc {
	margin-left: 110px;
}
#page_detail .rdesc {
	margin-bottom: .8em;
}

#page_detail .rdesc img,
.resultat .rdesc img {
	float: none;
	margin: 0 4px 0 0;
}

#page_detail .droite,
.resultat .rdesc .droite {
	text-align: right;
}

.submit_recherche {
	padding: 2px 8px;
	color: #FFF;
	background-color: #ABBB34;
	border: 1px solid #DFE4B3;
}
.submit_recherche a {
	color: #FFF !important;
}

.resultat .rbottom {
    clear: both;
	font-size: 85%;
    padding: 0;
}
.resultat .rbottom ul {
	margin: 0 0 .5em 2em;
	padding: 0;
}

/*============*/
/* Navigation */
/*============*/

.nav strong {
	color: black;
	background-color: transparent;
}

/*=============*/
/* Page detail */
/*=============*/

#page_detail .returnlist {
	margin-bottom: 2.5em;
}
#page_detail .gallery {
	overflow: hidden;
}
#page_detail .gallery img {
	float: left;
	margin: 0 1em 1em 0;
}

/* ============================================================================
 * site_anglais.css
 * ============================================================================
 */

#contenu {
	color: #727473;
	background-color: #D3E4FA;
}

#primaire {
	color: #727473;
	background-color: #C9DAF8;
}

#footer ul li {
	background-image: url(/css/img/puce8-bleu2.png);
}

.large {
	width: 670px;
	margin: 0 25px;
	padding: 20px;
}

/* ============================================================================
 * Formulaire moteur hébergement
 * Couleurs :
 *   - Onglet sélectionné : A8B62E (COL_SEL)
 *   - Onglet caché       : DFE4B3 (COL_HID)
 *   - Fond formulaire    : white  (COL_BG)
 *   - Couleur texte      : 727473 (COL_TXT)
 *
 * ============================================================================
 */

#bloc_recherche {
	color: #727473;				/* COL_TXT */
}
#bloc_recherche table {
	color: inherit;
	background-color: #DFE4B3;	/* COL_HID */
	border-color: #A8B62E; 		/* COL_SEL */
}
#page_detail div.onglet li,
#bloc_recherche div.onglet li {
    color: white;
    background-color: #DFE4B3;	/* COL_HID */
    border-color: #A8B62E;		/* COL_SEL */
}
#page_detail div.onglet li.selected,
#bloc_recherche div.onglet li.selected {
    color: white;
    background-color: #A8B62E;	/* COL_SEL */
    border-color: #A8B62E;		/* COL_SEL */
}
#page_detail .onglet_bloc,
#bloc_recherche .bloc_heberg,
#bloc_recherche .bloc_sejour {
    color: inherit;
    background-color: white;	/* COL_BG   */
    border-color: #A8B62E;		/* COL_SEL */
}
#bloc_recherche .footer {
    color: inherit;
    background-color: #DFE4B3;	/* COL_HID */
    border-color: #A8B62E;		/* COL_SEL */
}