/* @group Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
	*width:100%;
	*overflow-x:hidden;
}
/* Tables still need 'cellspacing="0"' in the markup. */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}
.large_img {
display:block;
height:auto;
}

/* @end */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#514D47;
	line-height:1.5em;
}


body#home {
	background-position:center top;
}

body#simple_arial {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


.cb {
	clear:both;
	height:0;
	overflow:hidden;
	font-size:1px;
}
.tiny_sep {
font-size:1px;
}

img.middle {
	vertical-align:middle;
}

.sepBorder {
	clear:both;
	height:5px;
	overflow:hidden;
	font-size:1px;
	border-top:1px solid #A90050;
}


h1, span.title_h1 {
	color:#A90050;
	font-size:2.5em;
	padding:0 0 0.5em;
	font-weight:normal;
	line-height:1.2em;
}
h2 {
	color:#A90050;
	font-size:2em;
	line-height:1.2em;
	padding:0.5em 0;
	font-weight:normal;
}
h3 {
	padding:0.5em 0;
	font-weight:normal;
	font-size:1.3em;
	color:#A90050;
}
h1.sub_infos, h3.sub_infos {
	padding:0 0 0.2em;
}
h4, span.title {
	padding:0.5em 0;
	font-weight:700;
}
.tiny {
    font-size:0.83em;
}


blockquote {
	font-size:2em;
	color:#A90050;
	line-height:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a {
	color:#A90050
}

.link_container {
	margin:15px 0 5px 0;
	text-align:right;
}
#content-main .link_container p, .link_container h3 {
	text-align:left;
	float:left;
	padding:0;
}

<!-- couleurs des liens des actu boites -->
#home_container ul li p a {
    color:#FF9900 !important;
}

a.back {
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-repeat:no-repeat;
	background-position:right -700px;
	padding-right:25px;
	display:inline-block;
	height:27px;
	line-height:27px;
	text-decoration:none;
}

a.link, a.link_orange, a.link_gris {
background-image:url(../images/institutionnel/bt/sprite_fch.gif);
background-repeat:no-repeat;
display:inline-block;
height:18px;
line-height:18px;
padding-right:25px;
text-decoration:none;
}
a.link_texte {
color:#514D47;
text-decoration:none;
}
table a.link {
color:#A90050
}
a.link {
background-position:right -705px;
}
a.link_gris, a.link_gris:hover {
background-position:right -1005px;
color:#514D47;
}
a.link_gris:hover {
text-decoration:underline;
}
a.link_orange {
color:#FF7900;
background-position:right -605px;
}

a.back:hover, a.link:hover, a.link_orange:hover {
text-decoration:underline
}

input.bt {
    height: 30px;
    color: #FFF;
    background-color: #BFBDBA;
    background-image: url(../images/institutionnel/bt/sprite_fch.gif);
    background-position: right -400px;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

a.bt {
	display:block;
	line-height:27px;
	padding:0 9px;
	text-decoration:none;
	background-color:#BFBDBA;
	margin-bottom:1px;
	color:#FFF;
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-position:right -400px;
	background-repeat:no-repeat;
}
a.bt:hover {
	background-color:#0092B5;
	background-position:right -300px;
}

/* Boutons bas */


p.chapo {
font-size:1.2em;
}

p.mention, #abonne p.mention {
font-size:0.85em;
color:#8F8C86;
}

span.flag_en {
background-image:url(../images/institutionnel/bt/flag_en.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:24px;
}

span.flag_fr {
background-image:url(../images/institutionnel/bt/flag_fr.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:24px;
}

span.t_montant {
font-size:1.33em;
color:#A90050;
display:inline-block;
}
span.t_montant.montant_som {
color:#0092B5;
}

span.tarif {
font-weight:bold;
color:#8FD400;
}
span.exemple {
font-style:italic;
font-size:0.91em;
}

.inset-right {
display:block;
float:right;
font-size:150%;
padding:15px 15px 15px 0;
width:70%;
position: relative;
left: 50px;
margin-right: -140px;
}

.inset-left {
display:block;
float:left;
font-size:150%;
padding:0 45px 15px 15px;
width:50%;
}


/* ----------- HEADER ----------- */


#transparency_linkTop {
	background-color:#000;
	opacity:0.2;
	filter: alpha(opacity = 20);
	width:40.5%;
	height:35px;
	position:absolute;
	top:0;
	z-index:20;
}
a#linkTop {
	display:block;
	width:40%;
	text-align:right;
	position:absolute;
	z-index:30;
	height:30px;
	line-height:30px;
	font-size:1.16em;
	text-decoration:none;
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-repeat:no-repeat;
}
a#linkTop span {
	display:block;
	padding:0 30px 0 0;
}
a#logo {
	position:absolute;
	top:55px;
	left:20px;
}

/* ----------- END HEADER ----------- */




/* ------------------------------------ */
/* ----------- FORMULAIRE ------------- */
/* ------------------------------------ */

input.textField {
	width:180px;
	border:1px solid #DCDCDC;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p.form_container label {
	display:inline-block;
	padding:0 5px;
	width:180px;
	text-align:right;
}
p.form_container {
	padding:4px 0;
}
p.form_container.noLabel {
	padding:4px 0 4px 180px;
}
/* ------------------------------------ */
#abonne {
	position:absolute;
	top:0;
	right:10px;
	width:310px;
	height:115px;
	z-index:100;
	background-color:#F5F5F5;
}
#flag_abonne {
	float: right;
	position: relative;
	top:5px;
	right:15px;
	height:11px;
	z-index:130;
}
#abonne h4 {
	background-color:#DDD;
	padding:4px 6px;
	color:#FF7900;
}
#transparency_abonne {
	width:330px;
	height:125px;
	position:absolute;
	top:0;
	background-color:#000;
	opacity:0.2;
	filter: alpha(opacity = 20);
	z-index:90;
	right:0;
}



/* ----------------------------------- */
/* ----------- NAVIGATION ------------ */
/* ----------------------------------- */

#nav {
	position:absolute;
	top:0;
	right:10px;
	/*width:700px;*/ /* Correction du rendu de la barre de menu niveau 1 */
}
#nav {
	list-style:none;
	height:20px;
}
#nav li {
	float:right;
	padding:130px 0 0 0;
	position:relative;
	overflow:hidden;
}
#nav li a {
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFF;
	padding:3px 6px;
	display:inline-block;
}
#nav li a:hover {
	text-decoration:underline;
}
#nav li.selected a {
	font-weight:bold;
	border-right:none;
}
#nav li.selected span {
	background-color:#FFF;
	font-weight:bold;
	opacity:0.20;
	top:0;
	filter: alpha(opacity = 20);
	z-index:-1;
	position:absolute;
	display:block;
	width:300px;
	height:300px;
}
#sub_nav {
	list-style:none;
	height:27px;
	padding:0 0 0 20px;
	overflow:hidden;
}
#nav li, #sub_nav li {
	display:inline;
}
#sub_nav li {
	float:left;
	margin-right:1px;
}
#sub_nav li a {
	display:inline-block;
	background-color:#000;
	opacity:0.65;
	filter: alpha(opacity = 65);
	line-height:27px;
	padding:0 9px;
	text-decoration:none;
	color:#FFF;
}
#sub_nav li a:hover {
	background-color:#FFF;
	opacity:0.75;
	filter: alpha(opacity = 75);
	color:#A90050;
}
#sub_nav li.selected a {
	background-color:#FFF;
	opacity:1;
	filter: alpha(opacity = 100);
	color:#A90050;
	font-weight:700;
}
ul.submenu {
	list-style:none;
	margin:0 20px 10px 0;
}
ul.submenu li {
	border-bottom:1px solid #CCC;
	background-color:#EAEAEA;
}
ul.submenu li a {
	display:block;
	line-height:27px;
	padding:0 9px;
	text-decoration:none;
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-repeat:no-repeat;
	background-position:right -100px;
}
ul.submenu li.selected a, ul.submenu li a:hover {
	color:#FFF;
	background-color:#A90050;
	background-position:right top;
}



/* NAV autoroute mode d'emploi */

#autoroute_mode_emploi ul.submenu li#m_conseils_securite a, #autoroute_mode_emploi_equipe ul.submenu li#m_equipe a, #autoroute_mode_emploi_peage_simplicite ul.submenu li#m_peage_simplicite a, #autoroute_mode_emploi_info_temp_reel ul.submenu li#m_information_temps_reel a, #travail_pour_vous_grands_travaux ul.submenu li#m_grands_travaux a {
	color:#FFF;
	background-color:#A90050;
	background-position:right -1200px;
}

/* NAV sanef travaille pour vous */

#travail_pour_vous ul.submenu li#m_chantiers_temps_reel a, #travail_pour_vous_carte_chantiers ul.submenu li#m_chantiers_perturbants a {
	color:#FFF;
	background-color:#A90050;
	background-position:right top;
}


ul.submenu li ul {
display:none;
}


#autoroute_mode_emploi ul.submenu li#m_conseils_securite ul, #autoroute_mode_emploi_equipe ul.submenu li#m_equipe ul, #autoroute_mode_emploi_peage_simplicite ul.submenu li#m_peage_simplicite ul, #autoroute_mode_emploi_info_temp_reel ul.submenu li#m_information_temps_reel ul, #travail_pour_vous_grands_travaux ul.submenu li#m_grands_travaux ul {
display:block;
list-style:none;
}

#autoroute_mode_emploi ul.submenu li#m_conseils_securite ul li a, #autoroute_mode_emploi_equipe ul.submenu li#m_equipe ul li a, #autoroute_mode_emploi_peage_simplicite ul.submenu li#m_peage_simplicite ul li a, #autoroute_mode_emploi_info_temp_reel ul.submenu li#m_information_temps_reel ul li a, #travail_pour_vous_grands_travaux ul.submenu li#m_grands_travaux ul li a  {
	background-color:#F5F5F5;
	color:#A90050;
	padding:5px 25px 5px 25px;
	background-position:right -700px;
}

#autoroute_mode_emploi ul.submenu li#m_conseils_securite ul li.selected a, #autoroute_mode_emploi_equipe ul.submenu li#m_equipe ul li.selected a, #autoroute_mode_emploi_peage_simplicite ul.submenu li#m_peage_simplicite ul li.selected a, #autoroute_mode_emploi_info_temp_reel ul.submenu li#m_information_temps_reel ul li.selected a, #travail_pour_vous_grands_travaux ul.submenu li#m_grands_travaux ul li.selected a {
background-color:#FFF;
font-weight:bold;
}


/* ----------- END NAVIGATION ------------- */


/* ---------------------------------------- */
/* ------------- STRUCTURE ---------------- */
/* ---------------------------------------- */

#header {
	position:relative;
}
#container, #container_footer {
	margin:0 auto;
	max-width:1230px;
	min-width:55em;
}
#columnwrap {
	display:block;
	padding:20px;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	background-position:right top;
}

#columnwrap.faq_sommaire {
    background-image: url(../images/institutionnel/sep_sidebar.gif);
}

#subwrap {
	display:block;
	float:left;
	width:100%;
	_width:98%;
	margin:0 -250px 0 0;
}
#subwrap #content {
	margin:0 250px 0 0;
	overflow:visible;
}
#content-main {
	background:white none repeat scroll 0 0;
	float:left;
	padding-bottom:10px;
	width:65%;
}
#content-main p {
	padding:5px 0;
}
#content-main p.signature {
padding-left:300px;
}
p.infos_contextuelle {
float:right;
}
#content-related {
	float:right;
	width:35%;
}
#content-related .b_col {
	margin:0 0 10px 20px;
	overflow:hidden;
}

#quizz {
	background-color:#EDEDED;
}

#quizz h3 {
		background-color:#9DD700;
		color:#FFF;
		padding-left: 20px;

}
#quizz div {
	padding:20px;
}

#quizz p {
	margin:0px;
	padding:0px 0px 20px 0px;
}


#quizz div .formContainer {
	background-color:#F7F7F7;
}

#quizz div .formContainer .valider {
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px;
	}

#quizz .formContainer input.val {
	background-color:#9DD700;
	}

/* ----- SOUS NIVEAU ----- */

.col_gauche #content-main {
	float:right;
}
.col_gauche #content-related {
	float:left;
}
.col_gauche #content-related .b_col {
	margin:0 20px 10px 0;
}
#col_gauche_map .b_col {
    margin:10px 23px 10px 20px;
	padding:0 10px;
}

.in_center_doublecol {
}
.in_center_doublecol .doublecol1 {
	float:left;
	width:65%;
	overflow:visible;
}
.in_center_doublecol .doublecol2 {
float:right;
width:35%;
}
.block_bottombt .bottombt_dcol1 {
	float:left;
	width:49%;
}
.block_bottombt .bottombt_dcol2 {
	float:right;
	width:49%;
}
.block_bottombt .bottombt_dcol2.bt_container {
padding:10px 0;
}
.in_center_doublecol .doublecol2 .b_col {
margin:0 0 10px 20px;
}
#detail_tourisme .in_center_doublecol .doublecol2 .b_rouge {
margin-top:50px
}
#detail_tourisme .in_center_doublecol a.back {
float:right;
}
.title_doublecol {
height:200px;
overflow:hidden;
background-color:#FFF;
}
/* ---------------------- */

/* PAS DE COLONNE DROITE */
/* ---------------------- */

.no_coldroite #columnwrap {
background-image:none;
}
.no_coldroite #subwrap #content, .no_coldroite #subwrap {
margin:0;
}
.no_coldroite .col_gauche  #content-related {
width:27.5%;
}

.no_coldroite .col_gauche #content-main {
width:72.5%;
}

/* ----- COLONNE UNIQUE ----- */

.col_unique #content-main {
	width:100%;
	float:none;
}

.b_col p, #content-main .inset1 p, #content-main.inset2 p {
    padding:7px 10px;
}
#content-main .b_taupe p, #content-main .b_gris p, #content-main .b_vert p, #content-main .b_bleu p, #content-main .b_gris p, #content-main .b_rouge p {
    padding:7px 10px;
}

.b_taupe h3, .b_gris h3, .b_vert h3, .b_bleu h3, .b_rouge h3 {
padding:7px 10px;
color:#FFF;
}

#image-caption.left img {
	float: left;
	padding-top: 8px;
}

#image-caption.right img {
    float: right;
    padding-top: 8px;
    padding-right: 10px;
}

.b_col p, #image-caption p, #content-main .inset1 p, #content-main.inset2 p {
	padding:7px 10px;
}
.b_col p.puce_col {
background-repeat:no-repeat;
background-position:left 8px;
}

.b_img {
	position: relative;
	right:0;

}
.transparency, .transparency_top {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height:10px;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	z-index:10;
}
.transparency {
	bottom: 0;
}
.transparency_top {
	top: 0;
}
.b_taupe, .b_taupe .transparency, .b_taupe .transparency_top {
	background-color: #89817A;
	color:#FFF;
}
.b_taupe p.negatif, .b_vert p.negatif, .b_rouge p.negatif, .b_vert p.negatif, .b_gris p.negatif {
background-color:#FFF;
background-color:#FFF;
color:#89817A;
display:block;
padding:7px;
}
.b_gris, .b_gris .transparency, .b_gris .transparency_top {
	background-color:#F7F7F7;
}
.b_vert, .b_vert .transparency, .b_vert .transparency_top {
	background-color:#8FD400;
	color:#FFF;
}
.b_bleu, .b_bleu .transparency, .b_bleu .transparency_top {
	background-color:#0092B5;
	color:#FFF;
}
.b_rouge, .b_rouge .transparency, .b_rouge .transparency_top {
	background-color:#A90050;
	color:#FFF;
}
.b_rouge a.link {
	background-position:right -5px;
	color:#FFFFFF;
}
/* COL DROITE */

#content-extra {
	float:right;
	width:230px;
	padding-left:20px;
}
#content-extra .b_coldroite {
	border-bottom:1px solid #A8A8A8;
	padding-bottom:10px;
	margin-bottom:10px;
}
#content-extra #toolbar {
	border: none;
	list-style:none;
	text-align:right;
	height:40px;
	padding: 0px;
}
#toolbar li {
	display:inline;
}
.b_contact {
    border:1px solid #EEE;
    padding:10px;
    list-style:none;
}

#content-extra ul {
	border:1px solid #EEE;
	padding:10px;
	list-style:none;
}
#image-caption a {
	color:#FFF;
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
}

#home a#a_carte {
    color:#FF9900 !important;
    background-image:none !important;
    display:block;
    list-style:underline;
}

#home a#a_carte hover {
    list-style:none;
}

a#a_carte {
	color:#FFF;
	background-image:url(../images/institutionnel/bt/loupe_bleu.gif);
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
}
/* IMAGE MAIN CONTENT */

.inset1 {
	float:left;
	width:200px;
	margin: 10px 15px 15px 0;
}

.inset1.inset_med {
	width:285px;
}

.inset1.inset_long {
    width:254px;
}


.inset2 {
	float:right;
	width:200px;
	margin: 10px 0 15px 15px;
}

.vitesse_distance .inset2 {
width:277px;
}
.preserver_vie .inset2 {
width:285px;
}

.inset2.inset_long {
    width:254px;
}

.inset2.inset_med {
	width:285px;
}

/* -------- END STRUCTURE ----------- */

/* ------- ABONNE ---------- */


#abonne p, #abonne a {
	font-size:0.9em;
}
#abonne p.form_container {
	padding:4px 0 1px 0;
}
#abonne input.textField {
	width:160px;
	margin:0px;
}
#abonne p.form_container label {
	display:inline-block;
	width:130px;
	padding:1px 5px 1px 0;
}
#abonne p.form_container.noLabel {
	padding:3px 0 3px 135px;
}
.submit_button {
	border:none;
	background-color:#A90050;
	color:#FFF;
	height:27px;
	line-height:27px;
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-position:25px top;
	background-repeat:no-repeat;
	padding:0 0 0 5px;
	text-align:left;
	margin:0;
	width:40px;
	font-size:1em;
	cursor:pointer;
}


/* ----------- LISTES ----------- */

ul.ul_bullet1, #content-main ul.ul_bullet1 {
	list-style:square;
	padding:15px 15px 15px 25px;
	margin:0;
}


/* ------- MAP GENERAL --------- */
#mapContainer {
background-color:#0092B5;
padding:10px;
min-height:300px;
_height:497px;
zoom:1;
}

#mapContainer.at {
    padding-left: 70px;
}

.weekendMap #mapContainer {
padding:0;
}

#mapFiltre h1, #mapFiltre h2, #mapFiltre h3, #mapFiltre h4, #mapFiltre p {
color:#FFF;
}

.mapFiltre {
background-image:url(../images/map/bg_filtre.gif);
height:45px;
background-repeat:repeat-x;
margin-bottom:10px;
}

.mapItineraire {
color:#FFF;
margin-bottom:10px;
padding:5px 10px;
background-color:#00B4DF;
}
.mapItineraire.formContainer dl {
margin:0;

}
#content-main #mapContainer .mapItineraire dt {
width:12%;
text-align:left;
}
#content-main #mapContainer .mapItineraire dd {
margin:0 0 15px 13%;
}
.mapFiltre label {
cursor:pointer;
}
#content-main .mapFiltre p {
font-size:0.9em;
line-height:1.3em;
padding:8px 10px;
text-align:left;
float:right;
display:none;
}
#mapContainer .mapFiltre ul {
list-style:none;
height:30px;
padding:10px 10px 10px 5px;
float:left;
text-align:left;
margin:0;
}
.mapFiltre ul li {
float:left;
border-right:1px solid #74BACD;
padding:0 5px;
}
#mapLegend ul.title_legend {
width:10%;
font-weight:700;
}
#mapContainer .title {
color:#FFFFFF;
padding:0 10px 10px 0;
display:block;
}

#mapCanvas .in, .mapCanvas .in {
padding:10px;
}

#mapCanvas, .mapCanvas {
height: 455px;
}

/* --------------- INFO WINDOW --------------- */

#mapContainer .info_content .info_title p, #mapContainer .info_content .info_title h4 {
margin:0;
padding:5px 0 0 60px;
color:#514D47;
}
#mapContainer .info_content .info_title h4 {
font-size:1.2em;
}
#mapContainer img.pic_infoWindow {
float:left;
}

#mapContainer .info_content .borne {
color:#89817A;
background-image:url(../images/picto/borne_24x24.gif);
background-repeat:no-repeat;
background-position:0 center;
display:inline-block;
padding:3px 0 3px 24px;
}

#mapCanvas #chantiers_en_cours h4 {
color:#333333;
font-size:1em;
}
#mapCanvas #chantiers_en_cours.info_content div {
color:#89817A;
}

#mapCanvas #chantiers_en_cours.info_content {

}
#mapCanvas .info_content div div.borne {
color:#89817A;
padding-left:85px;
background-image:url(../images/picto/borne_24x24.gif);
background-repeat:no-repeat;
background-position:55px 0;
}


/* ---------- LEGENDE ----------- */



.mapLegend {
	background-color:#F5F5F5;
	border:1px solid #CCC;
	padding:10px;
	margin-top:10px;
	clear:both;
	overflow:hidden;
	zoom:1;
}
#content-main .mapLegend ul {
	float:left;
	width:22%;
	list-style:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
.mapLegend ul li {
	display:block;
	padding:0 0 3px 0;
}

#content-main .mapLegend ul.title_legend {
    width:8%;
}

#legendCarteReseau ul {
    float: left;
    width: 250px;
}


/* ----------- END LISTES ----------- */

/* TABLE */

table {
margin:10px 0;
background-color:#FFF;
}

table, table tr, table tr td, table tr th {
border:none;
}

table tr td {
padding:6px;
}
table tr th {
padding:3px 6px;
}

table tr th.sortable, table tr th.sortdown, table tr th.sortup {
cursor:pointer;
padding-right:25px;
background-repeat:no-repeat;
}

table tr th.sortable {
background-image:url(../images/commun/fch_sortable.gif);
background-position: right 15px;
background-color:#DEDEDE;
}

table tr th.sortdown, table tr th.sortup {
background-position: right 15px;
background-color:#A90050;
color:#FFF;
}

table tr th.sortdown {
background-image:url(../images/commun/fch_sortdown.gif);
}

table tr th.sortup {
background-image:url(../images/commun/fch_sortup.gif);
}


table tr td {
border-bottom:1px solid #CCCCCC;
/*vertical-align:top;*/
vertical-align:middle;
}
#liste_presse table tr td {
vertical-align:top;
}

table tr th {
border-bottom:1px solid #A90050;
background-color:#F7F7F7;
}

table tr td a.loupe {
padding-left:22px;
display:block;
background-image:url(../images/institutionnel/bt/loupe.gif);
background-repeat:no-repeat;
background-position:0 2px;
text-decoration:none;
}

table tr td a.loupetopdf {
padding-left:22px;
display:block;
background-image:url(../images/institutionnel/bt/loupetopdf.gif);
background-repeat:no-repeat;
background-position:0 2px;
text-decoration:none;
}

table tr td a span.sec {
color:#A1998D;
}

table tr td a:hover {
color:#A90050;
}
table tr td a.bt_val:hover {
color:#FFF;
}
table tr td a.loupe:hover {
background-position:0 -98px;
text-decoration:underline;
}

/*table tr td a.loupetopdf:hover {
background-position:0 -98px;
text-decoration:none;
}*/

.nodec{
text-decoration:none;	
}

.nodec:hover{
text-decoration:underline;	
}

.ct {
text-align:center;
}
.numb {
text-align:right;
}

table tr th span.title {
padding:0.3em 0;
font-size:1.3em;
}

table tr th.head {
background-color:#FCE0EE;
}

.important {
font-weight:bold;
color:#A90050;
white-space:nowrap;
}

/* ITINERAIRE */

table.itineraire tr th {
background-color:#FFF;
border-bottom-color:#A8A8A8;
color:#0092B5;
padding:6px 0;
}

table.itineraire .itineraire_time_dist {
text-align:right;
float:right;
}
table.itineraire .itineraire_time_dist span {
display:inline-block;
width:60px;
}
table.itineraire a.toggle_opt {
padding:3px 6px;
text-align:right;
background-color:#8ED201;
color:#000;
display:block;
text-decoration:none;
}
table.itineraire a.toggle_opt:hover {
color:#000;
text-decoration:underline;
}
table.itineraire a.toggle_opt span {
background-image:url(../images/commun/fch_expand_close.gif);
background-position:center right;
background-repeat:no-repeat;
padding:0 14px 0 0;
display:inline-block;
}
table.itineraire a.toggle_opt.expand span {
background-image:url(../images/commun/fch_expand_open.gif);
}
table.itineraire tr td.iti_desc {
padding-right:0;
}
    table.itineraire tr td.iti_desc p span {
    display:none;
    }
table.itineraire tr:hover {
background-color:#F5F5F5;
}

table.itineraire div.iti_services {
background-color:#DAF3A5;
}
#content-main table.itineraire div.iti_services ul {
padding:0;
margin:0;
list-style:none;
display:none;
}

table.itineraire div.iti_services {
font-size:0.9em;
}

table.itineraire div.iti_services ul li {
border-bottom:1px solid #6A9D00;
display:block;
padding:6px;
}
table.itineraire div.iti_services ul li img {
float:left;
}
#content-main  table.itineraire div.iti_services ul li p {
padding: 0 5px;
float:left;
}
.services_tarifs {
color:#FD7901;
}


table.itineraire td.iti_step {
vertical-align:top;
font-size:2em;
color:#0092B5;
padding-top:15px;
text-align:right;
padding-left:0;
}
table.itineraire td.iti_icon {
vertical-align:top;
width:48px;
padding:6px 2px;
}

/* FORMULAIRE */

.formContainer h2 {
font-size:1.5em;
padding:1.2em 0 0.2em 0;
}

.formContainer fieldset {
border-top:1px solid #A90050;
}

.formContainer dl
{
	clear: both;
	margin:15px 0 10px;
	overflow:hidden;
}

.formContainer dt
{
	width: 31%;
	float: left;
	clear : both;
	margin: 0 0 0 0;
	height: auto;
	display: inline-block;
	text-align: right;
	padding: 4px 0 0 0;
	border: 2px;
}

.formContainer dd
{
	margin: 0 0 15px 35%;

}

.formContainer dd ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	/* for IE */
}

.formContainer dd ul li
{
	padding: 2px 0;
}

.formContainer input, .formContainer textarea
{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0;
}

.formContainer select
{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formContainer input.long, .formContainer select.long, .formContainer textarea.long { width: 230px; }
.formContainer input.medium, .formContainer select.medium, .formContainer textarea.medium { width: 150px; }
.formContainer input.short, .formContainer select.short, .formContainer textarea.short  { width: 70px; }

.inputIE6bugFixWarper
{
	margin: 0;
	padding: 0;
}

.asterisque {
	color:#FF7900;

}

.formContainer .block_formbt, div.block_bottombt {
	background-color:#FAFAFA;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
.formContainer .block_formbt dd {
	padding:15px 0;
	margin-top:0;
	margin-bottom:0;
}

.formContainer input.val, .apPopOverContent input.val, a.bt_val, .formContainer input.val_l {
background-color:#A90050;
border:none;
padding:5px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
font-size:12px;
display:inline-block;
}
.formContainer input.val_l {
padding:3px 10px;
}
a.bt_val, a.bt_cancel {
text-decoration:none;
}

.formContainer input.cancel, .apPopOverContent input.cancel, a.bt_cancel {
background-color:#CCCCCC;
border:none;
padding:5px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
font-size:12px;
display:inline-block;
}

fieldset.sub_fieldset {
	border: none;
}

span.indication a {
	text-align: center;
	display: block;
	width: 40%;
}


div.error {
background-color:#FF7900;
color:#FFF;
display:block;
margin-top:5px;
padding:5px;
border:3px solid #FFC999;
font-size:0.75em;
}

.good div.error {
display:none;
padding:0;
margin:0;
}

/* bouton bas de page */

div.block_bottombt  {
	padding:15px 0;
	text-align:center;
	margin:15px 0;
}

div.block_bottombt a.bt, input.bt {
	display:inline-block;
	padding:0 69px;
	font-weight:bold;
	line-height:30px;
}
div.block_bottombt a.bt, div.block_bottombt a:hover.bt {
	background-position:right 0;
	background-color:#A90050;
}

div.block_bottombt a.bt2 {
	display:inline-block;
	background-color:#DDD;
	text-decoration:none;
	line-height:24px;
	font-size:0.9em;
	background-image:url(../images/institutionnel/bt/sprite_fch2.gif);
	background-repeat:no-repeat;
}
div.block_bottombt a.bt2:hover {
text-decoration:underline;
}
div.block_bottombt a.bt2.bt2_left {
	padding:0 12px 0 20px;
	background-position:left -50px;
}
div.block_bottombt a.bt2.bt2_right {
	padding:0 20px 0 12px;
	background-position:right 0;
}

/* -------------- CONFIRMATION -------------- */

.message {
	padding:20px 20px;
}
.message_important {
	padding:10px 15px;
	border:4px solid #D1C4BA;
}

p.text_important, #content-main p.text_important {
	padding:10px 0;
	margin:10px 0;
}


#content-main p.message_important {
	padding:10px 15px;
	margin:10px 0;
}


.coche {
	background-image:url(../images/institutionnel/picto/coche.gif);
	background-repeat:no-repeat;
	background-position:left 0;
	padding-left:75px;
	padding-bottom:10px;
}

/* --------- POPOVER ---------- */

.apPopOver #popOverConfirm {
	padding: 30px 10px 20px 10px;
}
.apPopOver #popOverConfirm .coche {
	padding-left: 105px;
	background-position: 30px 10px;
}
.apPopOver #modalOpposition {
	padding: 65px 0;
}

/* --------- CAROUSEL -------- */
/* DEFAULT CARROUSSEL */

.apCarouselTitle {
text-align:center;
color:#89817A;
background-color:#F5F5F5;
padding:0;
line-height:33px;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
display:block;
height:33px;
}

#content-main ul.apCarousel {
	margin:0;
	padding:0;
}

.apCarousel {
color:#FFF;
}
.apCarousel dl {
padding:5px 8px;
}
.apCarousel dl dt {
display:inline-block;
float:left;
height:auto;
width:59%;
}
.apCarousel dl dd {
margin:0 0 0 60%;
text-align:right;
}


.apCarouselControler {
position:relative;
z-index:1;
text-align:left;
}
.apCarouselContainer {
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:2;
}
.apCarouselContainer ul {
display:block;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}

.apCarouselContainer li {
margin:0;
padding:0;
display:block;
list-style-type:none;
}
.apCarouselContainer .apCarousel li {
background-color:#514D47;
}
.apCarouselContainer .buttonNav {
background-color:transparent;
cursor:pointer;
position:absolute;
background-color:#F5F5F5;
background-repeat:no-repeat;
}

#content-main ul#bulletCarousel {
	margin:0;
	padding:0;
}

#bulletCarousel {
top:5px;
right:12px;
top:12px;
position:absolute;
background-color:transparent;
}

#bulletCarousel li {
display:inline;
float:left;
height:16px;
width:16px;
}

#bulletCarousel li a {
background-image:url(../images/tourisme/caroussel/caroussel_bullet.gif);
display:block;
background-position:0 0;
height:16px;
width:16px;
}

#bulletCarousel li.selected a {
background-position:0 -16px;
}

#nav_slider {
background-color:#F9FBFC;
padding:4px;
border-bottom:1px solid #E5E5E8;
}

.buttonPrev {
position:absolute;
display:block;
border-bottom:1px solid #DDD;
}
.buttonNext {
position:absolute;
border-top:1px solid #DDD;
}

.apCarouselContainer li a.link {
color:#8FD400;
text-decoration:none;
padding-left:8px;
background-position:right -1105px;
}

/* ---- Vertical carousel ----- */

.carouselVertical .buttonPrev {
background-image:url(../images/tourisme/caroussel/fch_caroussel.gif);
background-position:center 0;
top:0;
left:0;
width:100%;
height:40px;
}
.carouselVertical .buttonNext {
background-image:url(../images/tourisme/caroussel/fch_caroussel.gif);
background-position:center -40px;
bottom:0;
right:0;
width:100%;
height:40px;
}

.carouselVertical .apCarouselContainer {
height:680px;
background-color:#514D47;
}
.carouselVertical .apCarousel li {
margin-top:40px;
}

.carouselVertical .apCarouselContainer li {
height:240px;
}
.carouselVertical{
width:89.5%;
}
.carouselVertical .apCarouselContainer, .sidebar .apCarousel {
width:100%
}

.sidebar .apCarouselTitle {
width:89.5%;
border-bottom:none;
}


/* ---- Horizontal carousel ----- */

.carouselHorizontal .apCarouselContainer, .carouselHorizontal  .apCarousel {
	width:100%;
}

.carouselHorizontal .buttonPrev {
	background-image:url(../images/tourisme/caroussel/fch_caroussel_horizontal.gif);
	background-position:0 center;
	background-color:#FFF;
	top:35px;
	left:0;
	height:285px;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:40px;
}
.carouselHorizontal .buttonNext {
	background-image:url(../images/tourisme/caroussel/fch_caroussel_horizontal.gif);
	background-position:-40px center;
	background-color:#FFF;
	top:35px;
	right:0;
	height:285px;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:40px;
}

.carouselHorizontal.apCarouselControler {
	height:320px;
}

.carouselHorizontal .apCarouselContainer {
height:285px;
padding-top:35px;
}
.carouselHorizontal .apCarousel li {
	float:left;
	width:300px;
}

.carouselHorizontal {
	margin-bottom:30px;
	background-color:#514D47;
}

.apCarousel .formContainer dd {
	margin:0 0 15px 35%;
}
.apCarousel .formContainer dt {
	width:31%;
}

li.vivre_naturel h3 {
	background-color:#6AA400;
	font-size:1em;
	padding:0;
	margin:0;
	color:#FFF;
}
li.se_delasser h3 {
	background-color:#89817A;
	font-size:1em;
	padding:0;
	margin:0;
	color:#FFF;
}
li.chiner h3 {
	background-color:#006F8E;
	padding:0;
	margin:0;
	font-size:1em;
	color:#FFF;
}
.apCarousel li h3 span {
	padding:3px 5px;
	display:inline-block;
}

/* ------ TOURISME -------- */

.col_unique.no_margin #toolbar {
float:right;
}

#content-related.detail_tourisme {
	padding-top:200px
}

#col_gauche_tourisme {
    float: left;
    width: 250px;
 }

#content-main #col_gauche_tourisme ul {
	margin:0;
	padding:0;
}

#col_gauche_tourisme ul li {
 display:block;
 padding:0;
 margin:0;
 border:10px solid #FFF;
}
#col_gauche_tourisme ul li a {
color:#FFF;
text-decoration:none;
}

#col_gauche_tourisme ul li.weekendAll {
	background-color:#89817A;
}
#col_gauche_tourisme ul li.weekendRegion {
	background-color:#A90050;
}
#col_gauche_tourisme ul li.weekendMap {
	background-color:#0092B5;
}

#col_droite_tourisme {
	margin-bottom:10px;
	padding-left:250px;
	width:auto;
}


#weekendAll #col_gauche_tourisme ul li.weekendAll {
border-color:#89817A;
}
#weekendRegion #col_gauche_tourisme ul li.weekendRegion {
border-color:#A90050;
}
#weekendMap #col_gauche_tourisme ul li.weekendMap {
border-color:#0092B5;
}

#col_droite_tourisme .in {
	padding:10px;
}
#col_droite_tourisme .in table tr td {
vertical-align:top;
}
#col_droite_tourisme .in div.droite_tourisme_content {
	background-color:#FFF;
}
#col_droite_tourisme .in table {
margin:0;
}
.weekendAll {
	background-color:#89817A;
}
.weekendRegion {
	background-color:#A90050;
}
.weekendMap {
	background-color:#0092B5;
}
.legend_tourisme {
text-align:right;
padding:5px 5px;
height:36px;
display:block;
color:#8F8C86;
font-size:0.9em;
line-height:36px;

}
.legend_tourisme span {
padding:0 5px;
}

#detail_tourisme div.block_bottombt  {
	padding:0;
}
#detail_tourisme .block_bottombt .bottombt_dcol1 {
	padding:15px 0;
}
#detail_tourisme .block_bottombt .bottombt_dcol2 {
	padding:25px 0;
}
#detail_tourisme .block_bottombt a.bt {
padding:0 30px 0 10px;
}

/* ---------- PAGER -------------- */

.pager {
background-color:#FFFFFF;
text-align:center;
padding:5px 0;
}

.pager a {
text-decoration:none;
}
.pager a, .pager span {
display:inline-block;
font-size:0.91em;
height:20px;
line-height:20px;
width:20px;
}
.pager a:hover {
background-color:#EFEFEF;
}
.pager a.selected, .pager a:hover.selected {
background-color:#A90050;
color:#FFFFFF;
font-size:0.91em;
}
.pager a:hover, .pager a.selected:hover {
text-decoration:underline;
}



/* ------------------------------------ */
/* -------------- FOOTER -------------- */
/* ------------------------------------ */

#fil_ariane {
	border:1px solid #E3E3E3;
	list-style:none;
	padding:5px;
	clear:both;
	height:27px;
}
#fil_ariane ul {
	float:left;
}
#fil_ariane li {
	display:block;
	float:left;
	line-height:27px;
	height:27px;
}


#fil_ariane li a {
	color:#0092B5;
}
#fil_ariane li a, #fil_ariane li span {
	line-height:27px;
	background-image:url(../images/institutionnel/bt/sprite_fch.gif);
	background-repeat:no-repeat;
	background-position:left -500px;
	display:block;
	padding:0 4px 0 16px;
	height:27px;
	float:left;
}
#fil_ariane li a#li_home {
	background-image:url(../images/institutionnel/home.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:27px;
	padding:0;
	display:block;
	text-indent:-500px;
	overflow:hidden;
}
#sepBottom {
	height:14px;
	font-size:1px;
	background-image:url(../images/institutionnel/bg_bottom_transparence.png);
	background-repeat:repeat-x;
}
#footer {
	clear:both;
	color:#FFF;
	font-size:0.9em;
	background-image:url(../images/institutionnel/bg_bottom.gif);
	background-repeat:repeat-x;
	background-color:#2C2822;
}
#container_footer {
	padding:30px 20px 20px 20px;
	max-width:1190px;
	position:relative;
}
#footer ul {
	float:left;
	width:14%;
	list-style:none;
	padding-right:10px;
}
#footer ul ul {
float:none;
width:auto;
padding-right:0;
}
#footer ul a {
	color:#999;
	text-decoration:none;
}
#footer ul a:hover {
	text-decoration:underline;
}
#footer ul a strong {
	color:#FFF;
}
#footer .copyright {
	color:#999;
	font-size:0.83em;
	position:absolute;
	right:20px;
	z-index:50;
	top:230px;
}
#footer #list_footer {
	clear:both;
	height:310px;
}
#footer .copyright p {
	width:250px;
	text-align:left;
}
#footer .copyright a {
	color:#999;
	margin-left:12px;
}

.text-justify{
    text-align: justify !important;
}

.infos_nojob {
    text-align: center;
}

#carte_sanef_canvas {
    height: 580px;
}

.dialogHideElement {
	display: none;
}

#transparency_actualite {
    background-color:#000;
    opacity:0.4;
    filter: alpha(opacity = 40);
    width:390px;
    height:100px;
    position:absolute;
    top:180px;
    right:10px;
    z-index:70;
}
#actualite {
    width:390px;
    height:100px;
    position:absolute;
    top:180px;
    right:10px;
    z-index:80;
    color:#FFF;
}
#img_actualite {
    width:150px;
    height:100px;
    position:absolute;
    top:180px;
    right:10px;
    z-index:100;
}
#actualite h4 {
    opacity:0.7;
    filter: alpha(opacity = 70);
    background-color:#000;
    padding:5px 8px;
    display:block;
}
#actualite p {
    padding:5px 8px;
    color:#EAEAEA;
    height:60px;
    overflow:auto;
}

#actualite.actu_img p {
    width:225px;
}

#actualite.actu_texte p {
    width:374px;
}

#a_carte_agences {
	white-space:nowrap;
}
