@import url(telerik_override.css);

/*  =RESET
----------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	/* vertical-align: baseline;
	*/ 
}
html {
	height: 100%;
	overflow-x: hidden;
	position: relative;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	margin: 0;
	color: #000;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

input {
	height:auto;
}

a img, fieldset, form {
	border:0;
}

p {
	margin: 0;
	padding-bottom: 10px;
}

ins, abbr, acronym {
	text-decoration:none;
	border:0;
	font-style:normal;
}

a:hover ins, a:hover abbr, a:hover acronym {
	text-decoration:underline;
}

address {
	font-style:normal;
}

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

li {
	list-style:none;
	margin: 0;
	padding: 0 0 5px 0;
}
q:before, q:after {
	content:'';
}
small {
	font-size:0.9em;
}
textarea {
	overflow:auto;
}
:focus {
	outline: none;
}

label span {
	color: red;
	font-weight: bold;
}

h2 {
	padding-bottom: 10px;
}
h3 {
	padding-bottom: 10px;
	font-size: 14px;
}
h4 {
	padding-bottom: 10px;
	font-size:10pt;
}

select, input, textarea {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}
select option {
	width: auto;
}

.bloc-02 h3 {
	padding-bottom: 40px;
}

.home h2, .home h3, .raddock h2, .raddock h3 {
	padding-bottom: 0;
}

hr, #access-keys {
	 position:absolute;
	left:-9999em;
}
button {
	width: auto;
	overflow: visible;
	border: 0;
	background: none;
	cursor: pointer;
}
input.submit {
	width: auto !important;
	height: auto !important;
	cursor: pointer !important;
	border: 0 !important;
	overflow: visible;
}


/* GO */
/*input.go {
	background: url(../img/bt/bt-go.gif) no-repeat;
	display: block;
	width: 18px;
	height: 15px;
	border: 0;
	cursor: pointer;
	float: left;
}*/


/* FERMER */
input.fermer {
	background: url(../img/bt/bt-fermer.gif) no-repeat;
	display: block;
	width: 67px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin-bottom: 20px;
	float: right;
}
input.ok {
	background: url(../img/bt/bt-ok.png) no-repeat;
	display: block;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin-bottom: 20px;
	float: right;
}

/* OK */
body .conteneur-page li input {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.RadDock_Route li {
	text-align: left;
	clear: both;
}
.RadDock_Route li input, .RadDock_Route li select {
	float: left;
	margin-bottom: 3px;
}
.RadDock_Route li input.ok {
	background: url(../img/bt/bt-ok.gif) no-repeat;
	display: block;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	float: right;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
html[xmlns] .clearfix {
	display: block;
}

.clear {
	display: block;
	width: 1px;
	height: 1px;
	clear: both;
	float: none;
	font-size: 1%;
}

/* a {
	position: relative;
	z-index: 1000 !important;
} */
a {
	z-index: 1000 !important;
}

/* correctif pour la page plan du site */
body .fix {
	height: 580px;
	background: none;
}



/*  =GENERIC
----------------------------------------------------------------------------- */

.floatLeft {
	float: left;
}
.floatRight{
	float: right;
}

.content {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
	background: #fff;
	background: url(../img/bg-page.png) left top repeat-y;
	z-index: 1;
	display: inline-block;
}
.header {
	width: 917px;
	margin: 0 auto;
	position:relative;
	height:96px;
	z-index:5000;
}

a {
	color: #FF0000;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:focus{
	text-decoration: underline;
} 

.col3 li a {
	color: #666;
}
.col3 li.dynamo
{
    cursor: pointer;
    color: #666;
}

.login {
	text-align: right;
	padding: 5px 0;
	clear: both;
}

.col3 .recal {
	/*padding-left: 25px;*/ display: block;
}

#logo{	float:left;
}
#logo h1{
	padding:48px 0 0 0;
}
.status{
	float:right;
}
.language{
	float:left;
}
ul.indentity-list{
	display:inline;
}
.indentity-list li a {
	padding:0 5px;
}
.indentity-list li.last a {
	padding-right:0 !important;
}

/*
.bg-body-01 {
	background:url(/img/bg_body/bg_body_01.jpg) no-repeat center 0 fixed;
}
.bg-body-02 {
	background:url(/img/bg_body/bg_body_02.jpg) no-repeat center 0 fixed;
}
.bg-body-03 {
	background:url(/img/bg_body/bg_body_03.jpg) no-repeat center 0 fixed;
}
.bg-body-04 {
	background:url(/img/bg_body/bg_body_04.jpg) no-repeat center 0 fixed;
}
.bg-body-05 {
	background:url(/img/bg_body/bg_body_05.jpg) no-repeat center 0 fixed;
}
.bg-body-06 {
	background:url(/img/bg_body/bg_body_06.jpg) no-repeat center 0 fixed;
}
.bg-body-07 {
	background:url(/img/bg_body/bg_body_07.jpg) no-repeat center 0 fixed;
}
.bg-body-08 {
	background:url(/img/bg_body/bg_body_08.jpg) no-repeat center 0 fixed;
}
.bg-body-09 {
	background:url(/img/bg_body/bg_body_09.jpg) no-repeat center 0 fixed;
}
.bg-body-10 {
	background:url(/img/bg_body/bg_body_10.jpg) no-repeat center 0 fixed;
}
.bg-body-11 {
	background:url(/img/bg_body/bg_body_11.jpg) no-repeat center 0 fixed;
}
.bg-body-12 {
	background:url(/img/bg_body/bg_body_12.jpg) no-repeat center 0 fixed;
}
.bg-body-13 {
	background:url(/img/bg_body/bg_body_13.jpg) no-repeat center 0 fixed;
}
*/

.msie6 .masque-image {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_masque.png", sizingMethod="scale");
	position: absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
}

.bandeau-01 {
	height:55px;
	width:100%;
	background:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
}


/*  =ZONE LOGO
----------------------------------------------------------------------------- */
#zone-logo {
	position: relative;
	padding: 7px 0 8px 0;
}
#zone-logo .logo {
	}
#zone-logo .connexion a, #zone-logo .connexion span {
	float: right;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	padding: 20px 0 0 0;
}
#zone-logo .deconnexion {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
}
#zone-logo .deconnexion a {
	color:#ff0000;
}


/*  =MODULE
----------------------------------------------------------------------------- */
.module-bg {
	position:absolute;
	right:-60px;
	top:0;
}
.module-bg h4 {
	margin-top: 30px;
}
.module-bg .bg-repere {
	width:39px;
	height:366px;
	background:url(../img/bg_repere.png) no-repeat center top;
	position:relative;
	top:5px;
	left:0;
}
.msie6 .module-bg .bg-repere {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_repere.png", sizingMethod="crop");
	left:12px;
}
.module-bg .curseur {
	display: block;
	position: absolute;
	left:7px;
	top:109px;
}
.msie6 .module-bg .bg-repere .curseur {
	left:-10px;
}
.module-bg .region {
	font-size:10px;
	color:#FFFFFF;
	position:absolute;
	left:40px;
	top:105px;
}



/*  =NAV
----------------------------------------------------------------------------- */
.nav {
	padding:27px 0 0 0;
	position:absolute;
	top:56px;
	left:0;
	z-index:1000;
}
.nav li {
	float:left;
	position:relative;
}
.nav li a {
	display:block;
	height:24px;
	background:url(../img/nav_main.png) no-repeat 0 0;
}

.nav li.onglet1 a {
	width:146px;
	background-position:0 0;
}
.nav li.onglet2 a {
	width:94px;
	background-position:-146px 0;
}
.nav li.onglet3 a {
	width:155px;
	background-position:-240px 0;
}
.nav li.onglet4 a {
	width:94px;
	background-position:-395px 0;
}
.nav li.onglet5 a {
	width:124px;
	background-position:-489px 0;
}
.nav li.onglet6 a {
	width:136px;
	background-position:-613px 0;
}
.nav li.onglet7 a {
	width:167px;
	background-position:-749px 0;
}

.nav li.onglet1 a:hover {
	background-position:0 -24px;
}
.nav li.onglet2 a:hover {
	background-position:-146px -24px;
}
.nav li.onglet3 a:hover {
	background-position:-240px -24px;
}
.nav li.onglet4 a:hover {
	background-position:-395px -24px;
}
.nav li.onglet5 a:hover {
	background-position:-489px -24px;
}
.nav li.onglet6 a:hover {
	background-position:-613px -24px;
}
.nav li.onglet7 a:hover {
	background-position:-749px -24px;
}

.nav li.onglet1 .actif {
	background-position:0 -48px;
}
.nav li.onglet2 .actif {
	background-position:-146px -48px;
}
.nav li.onglet3 .actif {
	background-position:-240px -48px;
}
.nav li.onglet4 .actif {
	background-position:-395px -48px;
}
.nav li.onglet5 .actif {
	background-position:-489px -48px;
}
.nav li.onglet6 .actif {
	background-position:-613px -48px;
}
.nav li.onglet7 .actif {
	background-position:-749px -48px;
}

.nav li.onglet1-annexe a {
	background-position:0 -72px;
}
.nav li.onglet2-annexe a {
	background-position:-146px -72px;
}
.nav li.onglet3-annexe a {
	background-position:-240px -72px;
}
.nav li.onglet4-annexe a {
	background-position:-395px -72px;
}
.nav li.onglet5-annexe a {
	background-position:-489px -72px;
}
.nav li.onglet6-annexe a {
	background-position:-613px -72px;
}
.nav li.onglet7-annexe a {
	background-position:-749px -72px;
}

.nav li.onglet1-annexe a:hover {
	background-position:0 -96px;
}
.nav li.onglet2-annexe a:hover {
	background-position:-146px -96px;
}
.nav li.onglet3-annexe a:hover {
	background-position:-240px -96px;
}
.nav li.onglet4-annexe a:hover {
	background-position:-395px -96px;
}
.nav li.onglet5-annexe a:hover {
	background-position:-489px -96px;
}
.nav li.onglet6-annexe a:hover {
	background-position:-613px -96px;
}
.nav li.onglet7-annexe a:hover {
	background-position:-749px -96px;
}
/*
.nav li.onglet1 a {
	background-position:0 0;
	width:147px;
}
.nav li.onglet2 a {
	background-position:-150px 0;width:90px;
}
.nav li.onglet3 a {
	background-position:-240px 0;width:155px;
}
.nav li.onglet4 a {
	background-position:-395px 0;width:95px;
}
.nav li.onglet5 a {
	background-position:-490px 0;width:125px;
}
.nav li.onglet6 a {
	background-position:-615px 0;width:120px;
}
.nav li.onglet7 a {
	background-position:-734px 0;width:182px;
}

.nav li.onglet1 a:hover {
	background-position: 0 -24px;
	width: 147px;
}
.nav li.onglet2 a:hover {
	background-position:-150px -24px;
}
.nav li.onglet3 a:hover {
	background-position:-240px -24px;
}
.nav li.onglet4 a:hover {
	background-position:-395px -24px;
}
.nav li.onglet5 a:hover {
	background-position:-490px -24px;
}
.nav li.onglet6 a:hover {
	background-position:-615px -24px;
}
.nav li.onglet7 a:hover {
	background-position:-734px -24px;
}

.nav li.onglet1 a.actif, .nav li.onglet1 a.actif:hover {
	background-position:0 -48px;
}
.nav li.onglet2 a.actif, .nav li.onglet2 a.actif:hover {
	background-position:-150px -48px;
}
.nav li.onglet3 a.actif, .nav li.onglet3 a.actif:hover {
	background-position:-250px -48px;
}
.nav li.onglet4 a.actif, .nav li.onglet4 a.actif:hover {
	background-position:-395px -48px;
}
.nav li.onglet5 a.actif, .nav li.onglet5 a.actif:hover {
	background-position:-490px -48px;
}
.nav li.onglet6 a.actif, .nav li.onglet6 a.actif:hover {
	background-position:-615px -48px;
}
.nav li.onglet7 a.actif, .nav li.onglet7 a.actif:hover {
	background-position:-735px -48px;
}

.nav li.onglet2-annexe a {
	background-position:-150px -72px;
}
.nav li.onglet3-annexe a {
	background-position:-250px -72px;
}
.nav li.onglet4-annexe a {
	background-position:-395px -72px;
}
.nav li.onglet5-annexe a {
	background-position:-490px -72px;
}
.nav li.onglet6-annexe a {
	background-position:-615px -72px;
}

.nav li.onglet2-annexe a:hover {
	background-position:-150px -96px;
}
.nav li.onglet3-annexe a:hover {
	background-position:-250px -96px;
}
.nav li.onglet4-annexe a:hover {
	background-position:-395px -96px;
}
.nav li.onglet5-annexe a:hover {
	background-position:-490px -96px;
}
.nav li.onglet6-annexe a:hover {
	background-position:-615px -96px;
}
*/




/* fil d'ariane */
.ariane {
	clear:both;
	display: block;
	padding:10px 0 2px 0;
	width:917px;
	margin:0 auto;
	color:#fff;
}
.ariane li {
	display: block;
	float: left;
	padding: 0 2px;
	margin-top: 15px;
}
.ariane a {
	color:#fff;
}

.nav .ss-nav {
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 5000;
}
.nav .ss-nav ul {
	padding-top:5px;
	background:url(../img/bg_ss_nav.png) no-repeat left top;
	z-index: 5000;
}
.msie6 .nav .ss-nav ul {
	background: url(../img/bg_ss_nav.gif) left top;
	height:50px;
	display: block;
}
.nav .ss-nav li {
	padding:0 10px 4px 10px;
	float:none;
}
.nav .ss-nav li a {
	background:none;
	font-size:12px;
	font-weight:bold;
	width:auto;
	height:auto;
	color:#434343;
	display:inline;
	white-space:nowrap;
	 }
.nav .ss-nav li a:hover {
	color:#e30f19;
	text-decoration:none;
}
.nav .ss-nav-foot {
	 height:12px;
	background:url(../img/bg_ss_nav_foot.png) no-repeat left bottom;
	display: block;
	width: 100%;
}
.msie6 .nav .ss-nav-foot {
	background: url(../img/bg_ss_nav_foot.gif) no-repeat right bottom;
	height:1px;
	display: block;
	width: 100%;
}




/*  =PAGE
----------------------------------------------------------------------------- */
.msie6 .page {
	height: 572px;
}
.page {
	background: #FFF;
	width: 917px;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
}
.page .inner 
{
    position: relative;
	padding: 30px 0 23px 27px;
}
.page-foot {
	width: 917px;
	height: 23px;
	background: url(../img/bg_corps_foot.png) no-repeat left top;
	margin: 0 auto;
	position: relative;
}
.msie6 .page-foot {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_corps_foot.png", sizingMethod="scale");
}



/*  =COL 1
----------------------------------------------------------------------------- */
.col1 {
	width: 110px;
	float: left;
}
.col1 ul li {
	padding:0 0 5px 0;
}
.col1 ul li a {
	font-size:14px;
	font-weight:bold;
	color:#434343;
}
.col1 ul li a.on {
	color:#000;
	text-decoration:none;
}
.col1 ul li a:hover {
	color:#e30f19;
	text-decoration:underline;
}
.col1 ul li ul {
	padding:10px 0 0 10px;
}
.col1 ul li li {
	padding: 0 0 5px 10px;
	background : url(../img/fleche-rouge.gif) no-repeat 0 4px;
}
.col1 ul li li a {
	font-size:12px;
	font-weight:normal;
}
.col1 ul li li strong, .col1 ul li li a:hover {
	color:#fe0000;
}
.col1 ul li li a.on {
	font-weight:bold;
	color:#000000;
}



/*  =COL 2
----------------------------------------------------------------------------- */

.col2 {
	width: 720px;
	float: right;
}
.col2 .corps {
	width: 520px;
	float: left;
}
.col2 .corps h1 {
	font-size: 27px;
	font-weight: bold;
	float: left;
	position: relative;
}
.col2 .corps h1 img {
	position: absolute;
	top: -15px;
	left: 0;
	display: block;
}
.col2 .corps h1 img.pos-04 {
	top: -15px;
}
.col2 .corps h1 span {
	padding-left: 60px;
}
.bloc-intro {
	padding: 24px 0 0 0;
	background: url(../img/degrade_01.png) repeat-x left top;
	width: 520px;
	clear: both;
}
.bloc-intro p {
	font-weight: bold;
}

.col1 .corps p, .col2 .corps p, .col12 .corps p {
	text-align: justify;
}
.col1 .corps div p, .col2 .corps div p, .col12 .corps div p {
	text-align: left;
}

/* hack ajout du biseau */
.bloc-intro .picture-biso {
	position: relative;
	height: 86px;
}
.bloc-intro .picture-biso img {
	display: block;
}
.bloc-intro .picture-biso .biso {
	background: url(../img/biseau.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 19px;
	height: 21px;
}
.msie6 .bloc-intro .biso {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/biseau.png", sizingMethod="crop");
}

/* hack ajout du biseau sur actu déployée */
.picture-right-biso {
	position: relative;
	/*width: 250px;*/ height: 175px;
	float: right;
	padding-left: 10px;
	margin-bottom: 10px;
}
.picture-right-biso img {
	display: block;
}
.picture-right-biso .biso {
	background: url(../img/biseau.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 19px;
	height: 21px;
}
.msie6 .picture-right-biso .biso {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/biseau.png", sizingMethod="crop");
}


.bloc-intro p {
	padding:5px 0 5px 0;
}
.bloc-intro a, .bloc-intro a:visited {
	color: #e30f19;
}
.bloc-intro a:hover {
	color: #e30f19;
}
.bloc-01 {
	width:259px;
	height:132px;
	background:url(../img/bg_bloc_01.png) no-repeat left top;
	float:left;
	position:relative;
}
.msie6 .bloc-01 {
	margin-right:-3px;
}
.bloc-01 .picto {
	position:absolute;
	top:8px;
	left:25px;
}
.bloc-01 .pos-01, .bloc-01 .pos-02, .bloc-01 .pos-03 {
	position:absolute;
	width:110px;
	height:60px;
}
.bloc-01 .pos-01 {
	left:85px;
	top:26px;
}
.bloc-01 .pos-02, .bloc-01 .pos-03 {
	left:85px;
	top:36px;
}
.bloc-01 .pos-01 a, .bloc-01 .pos-02 a, .bloc-01 .pos-03 a {
	display:block;
}
.bloc-01 .pos-01 a {
	height:28px;
}
.bloc-01 .pos-02 a {
	height:12px;
}
.bloc-01 .pos-03 a {
	height:15px;
}
.bloc-01 h2 span {
	position:absolute;
	top:-5000em;
	left:-5000em;
}
.bloc-01a h2 a {
	background:url(../img/titre_se_renseigner.png) no-repeat left top;
}
.bloc-01b h2 a {
	background:url(../img/titre_se_reposer.png) no-repeat left top;
}
.bloc-01c h2 a {
	background:url(../img/titre_se_divertir.png) no-repeat left top;
}
.bloc-01d h2 a {
	background:url(../img/titre_se_restaurer.png) no-repeat left top;
}
.bloc-01e h2 a {
	background:url(../img/titre_services_pratiques.png) no-repeat left top;
}
.bloc-01f h2 a {
	background:url(../img/titre_cote_vehicule.png) no-repeat left top;
}
.bloc-01a h2 a:hover, .bloc-01e h2 a:hover {
	background-position:left -28px;
}
.bloc-01b h2 a:hover, .bloc-01c h2 a:hover, .bloc-01d h2 a:hover {
	background-position:left -12px;
}
.bloc-01f h2 a:hover {
	background-position:left -15px;
}
.bloc-01 p {
	position:absolute;
	left:25px;
	top:61px;
	font-size:12px;
	padding-right:25px;
}

.bloc-faq1 {
	padding: 5px 10px;
	background: #f2f2f2;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
}
.bloc-faq2 {
	padding: 5px 10px;
}
.bloc-faq1:hover, .bloc-faq2:hover {
	}
.bloc-faq1 h2, .bloc-faq2 h2, .bloc-faq1 h2 a, .bloc-faq2 h2 a {
	color: black;
	font-size: 12px;
}
.bloc-faq1 h2:hover, .bloc-faq2 h2:hover, .bloc-faq1 h2 a:hover, .bloc-faq2 h2 a:hover {
	color: #e30f19;
	text-decoration: none;
}

.col3 {
	width:184px;
	/*float:right;*/ float:left;
	/*margin-top:-15px;*/ margin-right: 2px;
}
.bloc-02 {
	/*background:url(/img/bg_bloc_02.png) no-repeat left top;/*/ 
	position:relative;
	z-index: 9;
}
.bloc-02 p {
	padding:5px 20px 0 77px;
	color:#FFFFFF;
	padding-bottom:10px;
}
.bloc-02 a {
	display:block;
	height:29px;
}
.bloc-02 .picture {
	position:absolute;
	left:3px;
	top:-40px;
	z-index:100;
}
.msie6 .bloc-02 .picture {
	left:-5px;
}
.bloc-03 {
	padding-left:3px;/*background:url(../img/bg_bloc_03.png) no-repeat left top;*/ 
	margin-bottom:20px;
	font-size: 11px;
	z-index: 9;
}
.bloc-03 .inner {
	background:url(../img/bg_bloc_03_foot.png) no-repeat left bottom;
	padding:0 0 21px 0 !important;
}
.bloc-03 p,.bloc-04 ul {
	background:url(../img/bg_bloc_03.png) no-repeat left top;
	padding:0 15px 0 25px;
}
.bloc-03 p img{
	float:left;
	padding:0 5px 5px 0;
}
.bloc-03 p a {
	color:#fa1122;
}
.bloc-03 h4 {
	background:url(../img/bg_bloc_03.png) no-repeat left top;
	padding:0 15px 0 25px;
	padding-bottom : 4px;
	margin-top: -10px;
}
.bloc-04 {
	background:url(../img/bg_bloc_04.png) no-repeat left top;
	font-size: 11px;
}
.bloc-04 li {
	background:url(../img/picto_07.png) no-repeat left 3px;
	padding:0 20px 0 15px;
}
.bloc-04 .inner {
	background:url(../img/bg_bloc_04_foot.png) no-repeat left bottom;
	padding:0 0 21px 0 !important;
}
.bloc-04 ul li a:hover {
	color:#fa1122;
}

.bloc-lft {
	/*background:url(../img/bg_bloc_04.png) no-repeat 0 0;*/ padding:0 0 20px 25px;
}
.bloc-lft .inner {
	/*background:url(../img/bg_bloc_04_foot2.png) no-repeat left top;*/
	padding:0 0 21px 0 !important;
}



/*.form-search {
	padding: 0 0 0 25px;
	clear: both;
	margin-top: 10px;
}
.form-search input {
	display:block;
	float:left;
}
.form-search .search {
	width:112px;
	padding:0 0 0 15px;
	margin-right:3px;
	font-size:11px;
	border:1px #707070 solid;
}*/
.separateur-01, .separateur-02 {
	height:4px;
	width:520px;
}
.separateur-01 {
	background:url(../img/separateur_01.png) no-repeat left top;
}
.separateur-02 {
	background:url(../img/separateur_02.png) no-repeat left top;
}

.bloc-05 {
	padding:15px 0 0 0;
}
.bloc-05 p {
	float:left;
	width:262px;
}
.bloc-05 .picture {
	float:right;
	width:248px;
}
.bloc-05 .legende {
	color:#434343;
	font-size:10px;
	background:#e5e5e5;
	width:100%;
	border-bottom:1px #434343 solid;
	padding:3px 0 3px 3px;
}
.legende {
	background:#fff !important;
}
/*.bloc-05 .legende span {padding-left:5px;
}*/

.bloc-06 {
	padding-top:15px;
}
.bloc-06 li {
	background:url(../img/separateur_01.png) no-repeat center top;
	padding:11px 0;
}
.bloc-06 .logo {
	float:left;
}
.bloc-06 .descriptif{
	padding:0 0 0 50px;
}
.bloc-06 h2 a {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.bloc-06 h2 a:hover {
	color:#FF0000;
	text-decoration:none;
}
.nav-contenu {
	float:right;
	padding:10px 0 5px 0;
}
.nav-contenu a {
	display:block;
}
.nav-contenu a, .nav-contenu div {
	float:left;
}
.nav-contenu .sommaire{
	margin:0 10px;
	background:url(../img/bg_bt_01.png) no-repeat right top;
	height:21px;
}
.nav-contenu .sommaire a{
	padding:3px 5px 0 5px;
	color:#FFFFFF;
}
/* .col-hotel{width:247px;float:left;
}*/
.bloc-07 li{
	background:url(../img/separateur_03.png) no-repeat center top;
	padding:15px 0 15px 0;
	float:left;
}
.bloc-07 li .descriptif{
	padding:0 0 0 80px;
}
.bloc-07 .logo{float:left;
}
.bloc-07 li h2{
	font-size:14px;
	color:#000000;
	padding-bottom:5px;
}
.bloc-07 li h2 a{
	font-size:14px;
	color:#000000;
}
.bloc-07 li h2 a:hover{
	color:#fe0000;
	text-decoration:none;
}
/* .map {
	float: right;
	overflow: hidden;
	width: 251px;
	height: 248px;
} */
.map {
	overflow: hidden;
	width: 512px;
	height: 248px;
	margin-bottom: 15px;
}


/*  =COL 1+2
----------------------------------------------------------------------------- */

.col12 {
	width: 890px;
	float: right;
}
.col12 .corps {
	width:690px;
	float:left;
}
.col12 .corps h1 {
	font-size: 27px;
	font-weight:normal;
	float:left;
	position:relative;
}
.col12 .corps h1 img {
	position:absolute;
	top:-15px;
	left:0;
	display:block;
}
.col12 .corps h1 img.pos-04 {
	top:-25px;
}
.col12 .corps h1 span {
	/* padding-left:60px;	*/ 
}
.col12 .bloc-intro {
	padding:24px 0 0 0;
	background:url(../img/degrade_01.png) repeat-x left top;
	width:690px;
	clear:both;
}
.col12 .bloc-intro .picture {
	text-align:center;
}
.col12 .bloc-intro p {
	padding:5px 0 15px 0;
}
.col12 .bloc-annee {
	}
.col12 .bloc-annee h3 {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0 15px 0;
}
.col12 .bloc-actu {
	padding-bottom: 20px;
}
.col12 .bloc-actu h2 {
	font-size: 12px;
}


/* hack biseau sur preview */
.preview {
	position: relative;
	width: 50px;
	height: 80px;
	float: left;
	padding-right: 10px;
	margin-bottom: 2px;
}
.preview img {
	display: block;
}
.preview .biso {
	background: url(../img/biseau.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 19px;
	height: 21px;
}
.msie6 .preview .biso {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/biseau.png", sizingMethod="crop");
}

.bloc-faq1 .preview .biso {
	background: url(../img/biseau-gris.png) no-repeat;
}
.msie6 .bloc-faq1 .preview .biso {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/biseau-gris.png", sizingMethod="crop");
}


.col12 .bloc-actu a {
	color: #e30f19;
	text-decoration: none;
}
.col12 .bloc-actu a:hover {
	color: #e30f19;
	text-decoration: underline;
}
.col12 .bloc-actu h2 a {
	color: black;
	text-decoration: none;
}
.col12 .bloc-actu h2 a:hover {
	color: #e30f19;
	text-decoration: none;
}
.col12 .chapo {
	font-weight: bold;
}
.col12 .bloc-actu .extrait {
	margin-bottom : 20px;
}
.col12 .separateur {
	background: url(../img/footer-actus.gif) no-repeat center bottom;
	height: 5px;
	padding: 5px 0;
	 }



/*  =HOME
----------------------------------------------------------------------------- */

.home .page {
	background:none;
	padding-top:27px;
	clear:both;
}
.home .col1 {
	width:800px;
	float:left;
	position: relative;
	min-height: 400px;
}
.bloc-09 {
	width:232px;
	height:425px;
}
.bloc-09 .bg {
	position:absolute;
	top:0;
	left:0;
	width:232px;
	height:425px;
	background:url(../img/bg_bloc_08.png) no-repeat left top;
}
.msie6 .bloc-09 .bg {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_08.png", sizingMethod="scale");
}
.home .col1 .ss-col1, .home .col1 .ss-col2, .home .col1 .ss-col3 {
	float: left;
}
.home .col1 .ss-col1 .bloc-08 {
	margin:5px 0 0 0;
}

.home .col1 .ss-col1 {
	width: 245px;
	float: left;
	padding-right: 16px;
}
.home .col1 .ss-col2 {
	width: 245px;
	float: left;
	padding-left: 16px;
}
.home .col1 .ss-col3 {
	width: 245px;
	float: left;
	padding-left: 16px;
}

.msie6 body .home .col1 .ss-col1 {
	width: 262px;
	float: left;
	padding: 0 }
.msie6 body .home .col1 .ss-col2 {
	width: 262px;
	float: left;
	padding: 0;
}
.msie6 body .home .col1 .ss-col3 {
	width: 262px;
	float: right;
	padding: 0;
}


body .zone4 {
	float:left;
	/* margin-left: 10px;
	*/ width:517px;
	padding: 0;
}

.msie6 body .rdPlaceHolder {
	border: none;
}


.home .col1 .ss-col2 .bloc-09 h2, 
.home .col1 .ss-col3 .bloc-10 h2, 
.home .col1 .ss-col3 .bloc-11  h2, 
.home .col1 .ss-col3 .bloc-12 h2 {
	padding:24px 0 0 15px;
	z-index:10;
	position:relative;
}
.home .col1 .ss-col2 .bloc-09 .map {
	width:212px;
	height:346px;
	float:none;
	position:relative;
	top:3px;
}
.home .col1 .ss-col2 .bloc-09 form {
	padding:10px 0 15px 15px;
	position:relative;
	z-index:10;
}
.home .col1 .ss-col2 .bloc-09 select {
	display:block;
	font-size:11px;
}

.home .col1 .ss-col3 .bloc-10, .home .col1 .ss-col3 .bloc-11 {
	width:232px;
	height:137px;
	position:relative;
}

/* 
.home .col1 .ss-col3 .bloc-10 .bg,
.home .col1 .ss-col3 .bloc-11 .bg {
	width:232px;
	height:137px;
	background:url(/img/widgets/widget_guide_2.png) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
}
.msie6 .home .col1 .ss-col3 .bloc-10 .bg {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/widgets/widget_guide_2.png", sizingMethod="scale");
}
*/

.home .col1 .ss-col3 .bloc-11 .bg {
	background:url(../img/bg_bloc_11.png) no-repeat left top;
}
.msie6 .home .col1 .ss-col3 .bloc-11 .bg {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_11.png", sizingMethod="scale");
}
.home .col1 .ss-col3 .bloc-10 form, .home .col1 .ss-col3 .bloc-11 form {
	position:absolute;
	top:48px;
	left:10px;
	width:200px;
}
.home .col1 .ss-col3 .bloc-10 label, .home .col1 .ss-col3 .bloc-11 label {
	font-weight:bold;
	display:block;
}
.home .col1 .ss-col3 .bloc-10 select, .home .col1 .ss-col3 .bloc-11 select {
	font-size:11px;
	color:#6b6b6b;
	width:146px;
}
.home .col1 .ss-col3 .bloc-10 li, .home .col1 .ss-col3 .bloc-11 li {
	padding-bottom:9px;
}
.home .col1 .ss-col3 .bloc-10 .bt-ok, .home .col1 .ss-col3 .bloc-11 .bt-ok {
	position:absolute;
	bottom:10px;
	right:10px;
}
.home .col1 .ss-col3 .bloc-11 {
	margin-top: 5px;
}
.home .col1 .ss-col3 .bloc-11 .depart {
	background:url(../img/picto_17.png) no-repeat left top;
	padding-left:15px;
}
.home .col1 .ss-col3 .bloc-11 .arrivee {
	background:url(../img/picto_18.png) no-repeat left top;
	padding-left:15px;
}
.home .col1 .ss-col3 .bloc-11 li input {
	color:#6B6B6B;
	font-size:11px;
	border:1px solid #9d9c95;
	width:146px;
}
.home .col1 .ss-col3 .bloc-12 {
	width: 232px;
	height:137px;
	margin-top:5px;
}
.home .col1 .ss-col3 .bloc-12 .bg {
	width:232px;
	height:137px;
	background:url(../img/bg_bloc_12.png) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
}
.msie6 .home .col1 .ss-col3 .bloc-12 .bg {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_12.png", sizingMethod="scale");
}
.home .col1 .ss-col3 .bloc-12 .bt-radio{
	padding: 15px 0 10px 15px;
}
.home .col1 .ss-col3 .bloc-12 .last-flash {
	padding:0 0 0 25px;
}

.home .col2 {
	width:110px;
}
.msie6 .home .col2 {
	position: absolute;
	top:26px;
	/*top:expression(documentElement.scrollTop+body.scrollTop);*/ }
.home .col2 .col2-inner {
	height:404px;
	position:relative;
}
.home .col2 h3 {
	position: relative;
	z-index: 10;
}
.home .col2 .bg {
	width:110px;
	height:366px;
	position:absolute;
	bottom:0;
	left:0;
	background:#000000;
	opacity:.5;
	filter: alpha(opacity=50);
}
.home .col2 .liste-picto, .home .col2 .liste-picto2 {
	float:left;
}
.home .col2 .liste-picto li, .home .col2 .liste-picto2 li {
	float:left;
	padding-left:4px;
}

.home .col2 .liste-picto .lien, .home .col2 .liste-picto2 .lien {
	float:right;
	padding:0px 10px 8px 0;
}
.home .col2 .liste-picto2 .lien {
	padding-bottom:10px;
}
.home .col2 .liste-last {
	padding-bottom:10px;
}

.home .form-search {
	padding:0;
}
.home .form-search .search {
	width:84px;
	padding:0;
}
.home .bloc {
	position:relative;
}

.home .picto-pos1,
.home .picto-pos2,
.home .picto-pos3,
.home .picto-pos4 {
	position:absolute;
	z-index:1000;
}
.home .picto-pos4 a {
	}
.home .picto-pos1 {
	top:3px;
	right:20px;
}
.home .picto-pos2 {
	top:3px;
	right:5px;
}
.home .picto-pos3 {
	top:19px;
	right:7px;
}
.home .picto-pos4 {
	top:42px;
	right:-5px;
}

.etiquette {
	background:url(../img/bg_etiquette.png) !important;
	width:90px;
	position:absolute;
	top:-5000em;
	left:-5000em;
	z-index:1000;
	display:none;
}
.etiquette strong {
	display:block;
	padding:3px 5px;
	text-align:left;
}


/* bloc autoroute info */
.raddock .rdDraggable {
	height:44px !important;
}

.RadDock_Autorouteinfo {
	background:url(../img/bg_bloc_12.png) no-repeat left top !important;
	width:232px;
	height:137px;
}
.msie6 	.RadDock_Autorouteinfo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_12.png", sizingMethod="scale");
}
.RadDock_Autorouteinfo .bt-radio {
	padding:10px 0 10px 15px;
}
.RadDock_Autorouteinfo .last-flash {
	padding:0 0 0 25px;
}

.raddock .rdContent {
	z-index: 800 !important;
	background: none;
}
.raddock .rdCommands {
	position: relative;
	display: block;
	z-index: 2000 !important;
}
.raddock .rdCommands a {
	display: block;
	position: absolute;
	width: auto;
}
body .raddock .rdCommands a {
	z-index: 2000 !important;
}

.raddock .rdCommands a.pos1 {
	right:16px;
	top:3px;
}
.raddock .rdCommands a.pos2 {
	right:16px;
	top:20px;
}
.raddock .rdCommands a.pos3 {
	right:5px;
	top:42px;
}
.raddock .rdCommands a.pos4 {
	right:32px;
	top:3px;
}
.raddock .rdCommands a.pos5 {
	right:51px;
	top:3px;
}

.raddock .rdCommands a.pos6 {
	right:5px;
	top:74px;
}
.raddock .rdCommands a.pos7 {
	right:5px;
	top:106px;
}
.raddock .rdCommands a.pos8 {
	right:5px;
	top:138px;
}
.raddock .rdCommands a.pos9 {
	right:5px;
	top:170px;
}
.raddock .rdCommands a.pos10 {
	right:5px;
	top:206px;
}
.raddock .rdCommands a.pos11 {
	right:5px;
	top:238px;
}


.msie6 .raddock .rdCommands a.pos1 {
	right:33px;
	top:3px;
}
.msie6 .raddock .rdCommands a.pos2 {
	right:33px;
	top:20px;
}
.msie6 .raddock .rdCommands a.pos3 {
	right:22px;
	top:42px;
}
.msie6 .raddock .rdCommands a.pos4 {
	right:49px;
	top:3px;
}
.msie6 .raddock .rdCommands a.pos5 {
	right:68px;
	top:3px;
}

.msie6 .raddock .rdCommands a.pos6 {
	right:22px;
	top:74px;
}
.msie6 .raddock .rdCommands a.pos7 {
	right:22px;
	top:106px;
}
.msie6 .raddock .rdCommands a.pos8 {
	right:22px;
	top:138px;
}
.msie6 .raddock .rdCommands a.pos9 {
	right:22px;
	top:170px;
}
.msie6 .raddock .rdCommands a.pos10 {
	right:22px;
	top:206px;
}
.msie6 .raddock .rdCommands a.pos11 {
	right:22px;
	top:238px;
	 }

.msie6 .zone4 .raddock .rdCommands a.pos1 {
	right:14px;
	top:3px;
}
.msie6 .zone4 .raddock .rdCommands a.pos2 {
	right:14px;
	top:20px;
}
.msie6 .zone4 .raddock .rdCommands a.pos3 {
	right:3px;
	top:42px;
}
.msie6 .zone4 .raddock .rdCommands a.pos4 {
	right:30px;
	top:3px;
}
.msie6 .zone4 .raddock .rdCommands a.pos5 {
	right:49px;
	top:3px;
}

.msie6 .zone4 .raddock .rdCommands a.pos6 {
	right:3px;
	top:74px;
}
.msie6 .zone4 .raddock .rdCommands a.pos7 {
	right:3px;
	top:106px;
}
.msie6 .zone4 .raddock .rdCommands a.pos8 {
	right:3px;
	top:138px;
}
.msie6 .zone4 .raddock .rdCommands a.pos9 {
	right:3px;
	top:170px;
}
.msie6 .zone4 .raddock .rdCommands a.pos10 {
	right:3px;
	top:206px;
}
.msie6 .zone4 .raddock .rdCommands a.pos11 {
	right:3px;
	top:238px;
	 }

/*Supperssion Airsoft.raddock .rdCommands a.wf-pos1,
.raddock .rdCommands a.wf-pos2,
.raddock .rdCommands a.wf-pos3,
.raddock .rdCommands a.wf-pos4,
.raddock .rdCommands a.wf-pos5 {
	z-index: 999 !important;
	left: 484px !important;
	cursor: auto !important;
}

 .raddock.RadDock_TraficTR_2 .rdCommands a.wf-pos1,
.raddock.RadDock_TraficTR_2 .rdCommands a.wf-pos2,
.raddock.RadDock_TraficTR_2 .rdCommands a.wf-pos3,
.raddock.RadDock_TraficTR_2 .rdCommands a.wf-pos4,
.raddock.RadDock_TraficTR_2 .rdCommands a.wf-pos5 {
	z-index: 999 !important;
	left: 212px !important;
	cursor: auto !important;
}*/

.raddock .rdCommands a.wf-pos1 {
	top: 51px !important;
}
.raddock .rdCommands a.wf-pos2 {
	top: 83px !important;
}
.raddock .rdCommands a.wf-pos3 {
	top: 115px !important;
}
.raddock .rdCommands a.wf-pos4 {
	top: 147px !important;
}
.raddock .rdCommands a.wf-pos5 {
	top: 179px !important;
}
.raddock .rdCommands a.picto_wf {
	background: url(../img/widget-fleche.gif) no-repeat !important;
	width: 6px !important;
	height: 13px !important;
	right: 33px;
}

.msie6 .RadDock_TraficTR_2 .rdCommands a.picto_wf {
	right: 50px;
}



/*  =PICTOS
----------------------------------------------------------------------------- */

/* pictos rdCommands */

.raddock .rdCommands a.picto_14 {
	width: 11px;
	height: 10px;
	background: url(../img/pictos/cmd/picto_agrandir.gif);
	cursor: pointer;
}
.raddock .rdCommands a.picto_15 {
	width: 8px;
	height: 9px;
	background: url(../img/pictos/cmd/picto_fermer.gif);
	cursor: pointer;
}
.raddock .rdCommands a.picto_16 {
	width: 6px;
	height: 9px;
	background: url(../img/pictos/cmd/picto_aide.gif);
	cursor: pointer;
}
.raddock .rdCommands a.picto_42 {
	width: 11px;
	height: 10px;
	background: url(../img/pictos/cmd/picto_reduire.gif);
	cursor: pointer;
}
.RadDock_Actu .rdCommands a.picto_42 {
	width: 11px;
	height: 10px;
	background: url(../img/pictos/cmd/picto_agrandir.gif);
	cursor: pointer;
}


/* pictos widgets gris OK */

.raddock .rdCommands a.picto_107_7 {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/107_7.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_107_7 {
	background: url(../img/pictos/widget_gif/gris/107_7.gif);
}

.raddock .rdCommands a.picto_abonnements {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/abonnements.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_abonnements {
	background: url(../img/pictos/widget_gif/gris/abonnements.gif);
}

.raddock .rdCommands a.picto_actualites {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/actualites.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_actualites {
	background: url(../img/pictos/widget_gif/gris/actualites.gif);
}

.raddock .rdCommands a.picto_alertes {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/alertes_temps_reel.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_alertes {
	background: url(../img/pictos/widget_gif/gris/alertes_temps_reel.gif);
}

.raddock .rdCommands a.picto_astuces {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/astuces.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_astuces {
	background: url(../img/pictos/widget_gif/gris/astuces.gif);
}

.raddock .rdCommands a.picto_guide {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/carte_guide.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_guide {
	background: url(../img/pictos/widget_gif/gris/carte_guide.gif);
}

.raddock .rdCommands a.picto_informations {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/informations.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_informations {
	background: url(../img/pictos/widget_gif/gris/informations.gif);
}

.raddock .rdCommands a.picto_itineraires {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/itineraires.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_itineraires {
	background: url(../img/pictos/widget_gif/gris/itineraires.gif);
}

.raddock .rdCommands a.picto_meteo {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/meteo.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_meteo {
	background: url(../img/pictos/widget_gif/gris/meteo.gif);
}

.raddock .rdCommands a.picto_peage {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/peage.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_peage {
	background: url(../img/pictos/widget_gif/gris/peage.gif);
}

.raddock .rdCommands a.picto_perturbations {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/perturbations.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_perturbations {
	background: url(../img/pictos/widget_gif/gris/perturbations.gif);
}

.raddock .rdCommands a.picto_trafic {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/prevision_trafic.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_trafic {
	background: url(../img/pictos/widget_gif/gris/prevision_trafic.gif);
}

.raddock .rdCommands a.picto_traficTR {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/trafic_temps_reel.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_traficTR {
	background: url(../img/pictos/widget_gif/gris/trafic_temps_reel.gif);
}

.raddock .rdCommands a.picto_travaux {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/travaux.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_travaux {
	background: url(../img/pictos/widget_gif/gris/travaux.gif);
}

.raddock .rdCommands a.picto_webcam {
	width: 28px;
	height: 28px;
	background: url(../img/pictos/widget/gris/webcam.png);
	cursor: pointer;
}
.msie6 .raddock .rdCommands a.picto_webcam {
	background: url(../img/pictos/widget_gif/gris/webcam.gif);
}



.CheckBox {
	display: none;
	float: left;
}
.msie6 .CheckBox, 
.msie7 .CheckBox, 
.msie8 .CheckBox {
	display: block;
	width: 0;
	height: 0;
}

.Label {
	display: block;
	float: left;
	cursor: pointer;
	padding-right: 5px;
}

.picto_34 {
	background: url("../img/picto_34_off.png") no-repeat;
	height: 30px;
	width: 30px;
	display: block;
	float: left;
	cursor: pointer;
	padding-right: 5px;
}
.msie6 .picto_34 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/picto_34_off.png", sizingMethod="crop");
}

.picto_34.On {
	background: url("../img/picto_34.png") no-repeat;
}
.msie6 .picto_34.On {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/picto_34.png", sizingMethod="crop");
} 




/* = END PICTOS 
-----------------------------------------------------------------------------*/

.RadDock_Default {
	 }

/* bloc feuille de route */
.RadDock_Route {
	background:url(../img/bg_bloc_11.png) no-repeat left top !important;
	position:relative;
	width:232px;
	height:137px;
}
.msie6 .RadDock_Route {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_11.png", sizingMethod="scale");
}
.RadDock_Route .depart {
	background:url(../img/picto_17.png) no-repeat left top !important;
	padding-left:15px;
}
.RadDock_Route .arrivee {
	background:url(../img/picto_18.png) no-repeat left top !important;
	padding-left:15px;
}
.RadDock_Route li input {
	color:#6B6B6B;
	font-size:11px;
	border:1px solid #9d9c95;
	width:146px;
}
.RadDock_Route .txt {
	padding: 10px;
	position: relative;
	height: 70px;
	width: 84%;
}
.RadDock_Route label {
	font-weight:bold;
	display:block;
}
.RadDock_Route select {
	font-size:11px;
	color:#6b6b6b;
	width:146px;
}
.RadDock_Route li {
	padding-bottom:9px;
}
.RadDock_Route .bt-ok {
	position:absolute;
	bottom:14px;
	right:15px;
}


/* bloc carte guide */
.raddock.RadDock_Carteguide_2 {
	position: relative;
	width: 232px;
	height: 137px;
}
.raddock.RadDock_Carteguide_2 .depart {
	background:url(../img/picto_17.png) no-repeat left top !important;
	padding-left:15px;
}
.raddock.RadDock_Carteguide_2 .arrivee {
	background:url(../img/picto_18.png) no-repeat left top !important;
	padding-left:15px;
}
.raddock.RadDock_Carteguide_2 li input, 
.raddock.RadDock_Carteguide_3 li input {
	color:#6B6B6B;
	font-size:11px;
	border:1px solid #9d9c95;
	width:146px;
}
.raddock.RadDock_Carteguide_2 .txt {
	padding: 10px;
	position: relative;
	height: 70px;
	width: 84%;
	overflow: hidden;
}
.raddock.RadDock_Carteguide_2 label {
	font-weight:bold;
	display:block;
}
.raddock.RadDock_Carteguide_3 ul {
	padding-top: 10px;
	font-size: 12px;
}
.raddock.RadDock_Carteguide_2 select, 
.raddock.RadDock_Carteguide_3 select {
	font-size: 11px;
	color: #6b6b6b;
	width: 150px;
}
.raddock.RadDock_Carteguide_3 select {
	width: 200px;
}

.raddock.RadDock_Carteguide_2 li, 
.raddock.RadDock_Carteguide_3 li {
	padding-bottom: 4px;
}
.raddock.RadDock_Carteguide_2 .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	position: absolute;
	top: 55px;
	left: 170px;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
}


/*  carte guide */
.RadDock_Carteguide_1 {
	background: url(../img/widgets/widget_guide_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
}
.msie6 .RadDock_Carteguide_1 {
	background: url(../img/widgets/gif/widget_guide_1.gif) no-repeat left top;
}

.RadDock_Carteguide_2 {
	background: url(../img/widgets/widget_guide_2.png) no-repeat left top;
	width: 232px;
	height: 137px }
.msie6 .RadDock_Carteguide_2 {
	background: url(../img/widgets/gif/widget_guide_2.gif) no-repeat left top;
}

.RadDock_Carteguide_3 {
	background: url(../img/widgets/widget_guide_3.png) no-repeat left top;
	width: 504px;
	height: 425px;
}
.msie6 .RadDock_Carteguide_3 {
	background: url(../img/widgets/gif/widget_guide_3.gif) no-repeat left top;
}

.RadDock_Carteguide_4 {
	background:url(../img/widgets/widget_guide_4.png) no-repeat left top;
	width: 504px;
	height: 44px;
}
.msie6 .RadDock_Carteguide_4 {
	background: url(../img/widgets/gif/widget_guide_4.gif) no-repeat left top;
}



/* body .RadDock_Default .rdTitlebar, body .rdContent {
	width: 517px;
} */

.RadDock_Carteguide_3 .txt {
	padding: 0;
	text-align: left;
	width: 500px;
	overflow: hidden;
}
.RadDock_Carteguide_3 .txt .col-carte {
	width: 254px;
	height: 346px;
	float: left;
}
.RadDock_Carteguide_3 .txt .col-recherche {
	width: 210px;
	float: left;
	padding: 5px 5px 10px 15px;
}
.RadDock_Carteguide_3 .txt .col-recherche h3 {
	padding: 5px 0 5px 0;
	clear: both;
	font-size: 12px;
}
.RadDock_Carteguide_3 .txt .col-recherche span {
	display: block;
	clear: both;
}
.RadDock_Carteguide_3 .txt .col-recherche span img {
	}
.RadDock_Carteguide_3 .txt .col-recherche .jscroll {
	width: 205px;
	height: 225px;
}
.RadDock_Carteguide_3 .txt .control {
	clear: both;
	padding-left: 330px;
}

.RadDock_Carteguide_3 .txt .control input {
	 }
.reinit, .RadDock_Carteguide_3 .reinit {
	background: url(../img/bt/bt-reinit.gif) no-repeat;
	width: 83px;
	height: 20px;
	border: 0;
	cursor: pointer;
	 }
.valider, .RadDock_Carteguide_3 .valider {
	background: url(../img/bt/bt-valider.gif) no-repeat;
	width: 59px;
	height: 20px;
	border: 0;
	cursor: pointer;
}
.animation, .RadDock_PrevTrafic_3 .animation {
	background: url(../img/bt/bt-animation.gif) no-repeat;
	width: 120px;
	height: 20px;
	border: 0;
	cursor: pointer;
}
.modifier, .RadDock_Alertes_2 .modifier {
	background: url(../img/bt/bt-modifier.gif) no-repeat;
	width: 62px;
	height: 25px;
	border: 0;
	cursor: pointer;
	float: right;
	margin-right: 30px;
}


/*  = WIDGET REGISTER
----------------------------------------------------------------------------- */

.register {
	background:url(../img/home_expand.png) no-repeat left top;
	width: 775px;
	height: 130px;
	padding-bottom: 10px;
	padding-top: 15px;
}
.msie6 .register {
	background:url(../img/home_expand.gif) no-repeat left top;
}

.register a {
	display: block;
	width: 760px;
	height: 115px;
}


/*  = WIDGET PREVISION TRAFIC
----------------------------------------------------------------------------- */

.RadDock_PrevTrafic_2 {
	position:relative;
	width:232px;
	height:137px;
}
.msie6 .RadDock_PrevTrafic_2 {
	 }
.RadDock_PrevTrafic_2 .depart {
	background:url(../img/picto_17.png) no-repeat left top !important;
	padding-left:15px;
}
.RadDock_PrevTrafic_2 .arrivee {
	background:url(../img/picto_18.png) no-repeat left top !important;
	padding-left:15px;
}
.RadDock_PrevTrafic_2 li input, 
.RadDock_PrevTrafic_3 li input {
	color:#6B6B6B;
	font-size:11px;
	border:1px solid #9d9c95;
	width: 146px;
}
.RadDock_PrevTrafic_2 .txt {
	padding: 5px 10px 10px 10px;
	position: relative;
	height: 70px;
	width: 205px;
	overflow: hidden;
}
.RadDock_PrevTrafic_2 label {
	font-weight:bold;
	display:block;
}
.RadDock_PrevTrafic_3 ul {
	padding-top: 15px;
	font-size: 12px;
}
.RadDock_PrevTrafic_2 select, 
.RadDock_PrevTrafic_3 select {
	font-size:11px;
	color:#6b6b6b;
	width:146px;
}
.RadDock_PrevTrafic_2 li, 
.RadDock_PrevTrafic_3 li {
	padding-bottom: 9px;
}
.RadDock_PrevTrafic_2 .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	position:absolute;
	top:-2px;
	left:162px;
	width:32px;
	height:25px;
	border:0;
	cursor:pointer;
	z-index: 1000;
}

.RadDock_PrevTrafic_1 {
	background:url(../img/widgets/widget_PrevTrafic_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_PrevTrafic_1 {
	background:url(../img/widgets/gif/widget_PrevTrafic_1.gif) no-repeat left top;
}

.RadDock_PrevTrafic_2 {
	background:url(../img/widgets/widget_PrevTrafic_2.png) no-repeat left top;
	width: 232px;
	height: 137px }
.msie6 .RadDock_PrevTrafic_2 {
	background:url(../img/widgets/gif/widget_PrevTrafic_2.gif) no-repeat left top;
}

.RadDock_PrevTrafic_3 {
	background:url(../img/widgets/widget_PrevTrafic_3.png) no-repeat left top;
	width: 504px;
	height: 435px;
}
.msie6 .RadDock_PrevTrafic_3 {
	background:url(../img/widgets/gif/widget_PrevTrafic_3.gif) no-repeat left top;
}

.RadDock_PrevTrafic_4 {
	background: url(../img/widgets/widget_PrevTrafic_4.png) no-repeat left top;
	width: 504px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_PrevTrafic_4 {
	background: url(../img/widgets/gif/widget_PrevTrafic_4.gif) no-repeat left top;
}

.RadDock_PrevTrafic_3 .txt {
	padding: 0;
	text-align: left;
	width: 100%;
}
.RadDock_PrevTrafic_3 .txt .col-date {
	background: #f90f18;
	color: white;
	font-weight: bold;
	padding: 5px 5px 2px 10px;
	margin: 0 22px 2px 2px;
}
.RadDock_PrevTrafic_3 .txt .col-date h3 {
	color: white;
	font-weight: bold;
	float: left;
	width: 350px;
}
.RadDock_PrevTrafic_3 .txt .col-date a {
	color: white;
	padding-left: 10px;
}
.RadDock_PrevTrafic_3 .txt .col-carte {
	width: 480px;
	height: 820px;
	overflow: hidden;
	margin-left: 2px;
}
.RadDock_PrevTrafic_3 .txt .col-legende {
	width: 118px;
	float: left;
	padding: 230px 5px 0 10px;
}
.RadDock_PrevTrafic_3 .txt .col-legende h3 {
	padding: 5px 0 5px 0;
	clear: both;
	font-size: 12px;
}
.RadDock_PrevTrafic_3 .txt .col-legende span {
	display: block;
	clear: both;
}
.RadDock_PrevTrafic_3 .txt .col-legende span img {
	 }
.RadDock_PrevTrafic_3 .txt .col-legende .jscroll {
	width: 205px;
	height: 225px;
}
.RadDock_PrevTrafic_3 .txt .control {
	clear: both;
	padding-left: 355px;
}

.RadDock_PrevTrafic_2 .txt .calendrier {
	width: 100px;
	background: white url(../img/pictos/calendrier.gif) no-repeat 89px 2px;
	border-bottom-style: solid;
	border-width: 1px;
	padding: 2px;
}

.RadDock_PrevTrafic_3 .txt .control input {
	 }
.reinit, .RadDock_PrevTrafic_3 .reinit {
	background: url(../img/bt/bt-reinit.gif) no-repeat;
	width: 83px;
	height: 20px;
	border: 0;
	cursor: pointer;
	 }
.valider, .RadDock_PrevTrafic_3 .valider {
	background: url(../img/bt/bt-valider.gif) no-repeat;
	width: 59px;
	height: 20px;
	border: 0;
	cursor: pointer;
}

img.bt-info {
	margin-top: -4px;
}
.msie6 img.bt-info {
	margin-top: 0;
}


/*  = WIDGET PEAGE
----------------------------------------------------------------------------- */

.RadDock_Peage_1 {
	background:url(../img/widgets/widget_Peage_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Peage_1 {
	background: url(../img/widgets/gif/widget_Peage_1.gif) no-repeat left top;
}

.RadDock_Peage_2 {
	background:url(../img/widgets/widget_Peage_2.png) no-repeat left top;
	width: 232px;
	height: 137px;
	position:relative;
}
.msie6 .RadDock_Peage_2 {
	background: url(../img/widgets/gif/widget_Peage_2.gif) no-repeat left top;
}

.RadDock_Peage_2 .txt {
	padding: 10px;
	width: 190px;
}

.RadDock_Peage_3 {
	background:url(../img/widgets/widget_Peage_lt.png) no-repeat left top;
	width: 504px;
	padding-bottom: 10px;
	z-index: 900;
}
.msie6 .RadDock_Peage_3 {
	background: url(../img/widgets/gif/widget_Peage_lt.gif) no-repeat left top;
}

.RadDock_Peage_3 .txtExt {
	color: #424d53;
	background: url(../img/widgets/widget_cl_3.png) repeat-x 0 0;
	margin-right: 15px;
	z-index: 900;
}
.msie6 .RadDock_Peage_3 .txtExt {
	background: url(../img/widgets/gif/widget_cl_3.gif) repeat-x 0 0;
}

.RadDock_Peage_3 .txtExt .fd {
	padding: 0;
	width: 497px;
	z-index: 900;
}

.RadDock_Peage_3 .PeageFooter {
	background:url(../img/widgets/widget_b_lbl.png) no-repeat left top;
	height: 22px;
	width: 489px;
}
.msie6 .RadDock_Peage_3 .PeageFooter {
	background: url(../img/widgets/gif/widget_b_lbl.gif) no-repeat left top;
}


.RadDock_Peage_4 {
	background: url(../img/widgets/widget_Peage_4.png) no-repeat left top;
	width: 504px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Peage_4 {
	background: url(../img/widgets/gif/widget_Peage_4.gif) no-repeat left top;
}


button.bt {
	background:url(../img/widgets/bt-peage.gif) no-repeat left top;
	width: 75px;
	height: 20px;
	outline: 0;
	border: 0;
	padding-right: 20px;
	margin-right: 10px;
	text-align: right;
}
button.area, button.aprr {
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	padding-right: 17px;
}
.msie6 button.area, .msie6 button.aprr {
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 0;
	padding-right: 20px;
}

.menuPeage {
	background: url(../img/widgets/bg-peage.gif) repeat-x;
	height: 23px;
	padding: 0 10px;
	margin: 0 7px 0 2px;
	clear: both;
}
.menuPeage li {
	margin-right: 10px;
	display: inline;
}
.menuPeage li a {
	height: 17px;
	width: 45px;
	display: block;
	float: left;
	margin-top: 4px;
	color: white;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 2px;
}
.menuPeage li a.on {
	background: url(../img/widgets/onglet-peage.gif) no-repeat;
	color: black;
}

body .menuPeage li a:hover {
	color: white;
	text-decoration: none;
}
body .menuPeage li a.on:hover {
	color: red;
	text-decoration: none;
}

.formPeage {
	background: #d3d5c0;
	padding: 10px;
	width: 464px;
}
.formPeage ul {
	 }
.formPeage ul li {
	display: block;
	float: left;
	width: 143px;
}
.formPeage ul li strong {
	color: black;
}
.formPeage ul li select {
	width: 130px;
	color: #666;
	font-size: 11px;
	padding: 2px;
}
.formPeage .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
}

.tarifPeage {
	background: url(../img/widgets/bg-tarif-km.gif) no-repeat right top;
	height: 20px;
	margin-top: 10px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.tarifPeage span {
	display: block;
	float: left;
}
.tarifPeage .info {
	color: black;
	font-weight: normal;
	font-size: 11px;
	padding-top: 5px;
	width: 238px;
}
.tarifPeage .tarif {
	width: 116px;
}
.tarifPeage .km {
	}
.tarifPeage .tarif strong {
	font-size: 16px;
}
.tarifPeage .km strong {
	font-size: 16px;
}

.tarifBottom {
	padding-top: 5px;
	padding-left: 10px;
	color: black;
	font-weight: bold;
}
.tarifBottom span {
	font-weight: normal;
	color: #666;
}



/*  = WIDGET TRAFIC TR
----------------------------------------------------------------------------- */

.RadDock_TraficTR_1 {
	background:url(../img/widgets/widget_TraficTR_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_TraficTR_1 {
	background: url(../img/widgets/gif/widget_TraficTR_1.gif) no-repeat left top;
}

.RadDock_TraficTR_2 {
	background:url(../img/widgets/widget_TraficTR_2.png) no-repeat left top;
	width: 232px;
	height: 585px }
.msie6 .RadDock_TraficTR_2 {
	background: url(../img/widgets/gif/widget_TraficTR_2.gif) no-repeat left top;
}

.RadDock_TraficTR_3 {
	background:url(../img/widgets/widget_TraficTR_3.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3 {
	background:url(../img/widgets/gif/widget_TraficTR_3.gif) no-repeat left top;
}

.RadDock_TraficTR_4 {
	background: url(../img/widgets/widget_TraficTR_4.png) no-repeat left top;
	width: 504px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_TraficTR_4 {
	background: url(../img/widgets/gif/widget_TraficTR_4.gif) no-repeat left top;
}

.RadDock_TraficTR .villeFooter {
	margin: 5px 25px 0 5px;
}
.RadDock_TraficTR .villeFooter select {
	float: left;
	color: #666;
	padding: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}
.RadDock_TraficTR .villeFooter .bt-vue {
	background: url(../img/bt/bt-vue.gif);
	float: right;
	width: 98px;
	height: 20px;
	border: 0;
	cursor: pointer;
}


.RadDock_TraficTR_3_meteo {
	background: url(../img/widgets/widget_TraficTR_3_meteo.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3_meteo {
	background: url(../img/widgets/gif/widget_TraficTR_3_meteo.gif) no-repeat left top;
}

.RadDock_TraficTR_3_radios {
	background: url(../img/widgets/widget_TraficTR_3_radios.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3_radios {
	background: url(../img/widgets/gif/widget_TraficTR_3_radios.gif) no-repeat left top;
}

.RadDock_TraficTR_3_travaux {
	background: url(../img/widgets/widget_TraficTR_3_travaux.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3_travaux {
	background: url(../img/widgets/gif/widget_TraficTR_3_travaux.gif) no-repeat left top;
}

.RadDock_TraficTR_3_webcams {
	background: url(../img/widgets/widget_TraficTR_3_webcams.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3_webcams {
	background: url(../img/widgets/gif/widget_TraficTR_3_webcams.gif) no-repeat left top;
}

.RadDock_TraficTR_3_perturbations {
	background: url(../img/widgets/widget_TraficTR_3_perturbations.png) no-repeat left top;
	width: 504px;
	height: 585px;
}
.msie6 .RadDock_TraficTR_3_perturbations {
	background: url(../img/widgets/gif/widget_TraficTR_3_perturbations.gif) no-repeat left top;
}

.RadDock_TraficTR_2 .txt {
	overflow: hidden;
	width: 374px;
	height: 485px;
	margin: -15px 0 0 -162px;
	z-index: 500;
}

.RadDock_TraficTR_3 .txt, 
.RadDock_TraficTR_3_meteo .txt, 
.RadDock_TraficTR_3_radios .txt, 
.RadDock_TraficTR_3_travaux .txt, 
.RadDock_TraficTR_3_webcams .txt, 
.RadDock_TraficTR_3_perturbations .txt {
	overflow: hidden;
	width: 496px;
	height: 485px;
	margin: -15px 0 0 -12px;
	z-index: 500;
}


.txtFooter {
	padding: 5px 10px;
}
.txtFooter li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.txtFooter span {
	display: block;
	float: right;
	 }
.txtFooter select {
	color: #666;
	font-size: 11px;
	padding: 2px;
	width: 140px;
}
.txtFooter .bt-vue {
	background: url(../img/bt/bt-vue.gif);
	width: 98px;
	height: 20px;
	border: 0;
}



/*  = WIDGET ITINERAIRES (Feuille de route)
----------------------------------------------------------------------------- */

.raddock.RadDock_Itineraires_1 {
	background:url(../img/widgets/widget_Itineraires_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .raddock.RadDock_Itineraires_1 {
	background: url(../img/widgets/gif/widget_Itineraires_1.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_2 {
	background:url(../img/widgets/widget_Itineraires_t.png) no-repeat left top;
	width: 232px;
	padding-bottom: 10px;
}
.msie6 .raddock.RadDock_Itineraires_2 {background: url(../img/widgets/gif/widget_Itineraires_t.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_3 {
	background:url(../img/widgets/widget_Itineraires_3.png) no-repeat left top;
	width: 504px;
	height: 365px;
}
.msie6 .raddock.RadDock_Itineraires_3 {
	background: url(../img/widgets/gif/widget_Itineraires_3.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_4 {
	background: url(../img/widgets/widget_Itineraires_4.png) no-repeat left top;
	width: 504px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .raddock.RadDock_Itineraires_4 {
	background: url(../img/widgets/gif/widget_Itineraires_4.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_5 {
	background: url(../img/widgets/widget_Itineraires_5.png) no-repeat left top;
	width: 504px;
	height: 415px;
	padding-bottom: 10px;
}
.msie6 .raddock.RadDock_Itineraires_5 {
	background: url(../img/widgets/gif/widget_Itineraires_5.gif) no-repeat left top;
}
.raddock.RadDock_Itineraires_5 .rdContent {
	overflow: hidden !important;
}

.raddock.RadDock_Itineraires_2 .txtExt {
	color: #424d53;
	width: 220px;
	background: url(../img/widgets/widget_c_1.png) repeat-x 0 0;
	margin-right: 10px;
	overflow: hidden;
}
.msie6 .raddock.RadDock_Itineraires_2 .txtExt {
	background: url(../img/widgets/gif/widget_c_1.gif) repeat-x 0 0;
}

.raddock.RadDock_Itineraires_2 .txtExt .fd {
	padding: 10px 35px 0 12px;
}

.raddock.RadDock_Itineraires_2 .ItinerairesFooter {
	background:url(../img/widgets/widget_b_bl.png) no-repeat left top;
	height: 14px;
	width: 217px;
}
.msie6 .raddock.RadDock_Itineraires_2 .ItinerairesFooter {
	background: url(../img/widgets/gif/widget_b_bl.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_2 h3 {
	font-size: 12px;
	color: black;
	padding-bottom: 5px;
}
.raddock.RadDock_Itineraires_2 h3 img {
	padding-right: 5px;
}
body .RadDock_Itineraires_2 li {
	padding: 0;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}
.raddock.RadDock_Itineraires_2 input, .RadDock_Itineraires_2 select {
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 175px;
	padding: 2px;
}
.raddock.RadDock_Itineraires_2 select {
	width: 182px;
}
.raddock.RadDock_Itineraires_2 .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	position: absolute;
	top: 290px;
	left: 170px;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
 }



.raddock.RadDock_Itineraires_3 .txtExt {
	color: #424d53;
	margin-right: 10px;
	height: 315px;
	width: 450px;
}
.raddock.RadDock_Itineraires_3 .fd {
	padding: 10px 35px 0 12px;
}
.raddock.RadDock_Itineraires_3 .ItinerairesFooter {
	background:url(../img/widgets/widget_b_bl.png) no-repeat left top;
	height: 14px;
	width: 217px;
}
.msie6 .raddock.RadDock_Itineraires_3 .ItinerairesFooter {
	background: url(../img/widgets/gif/widget_b_bl.gif) no-repeat left top;
}

.raddock.RadDock_Itineraires_3 h3 {
	font-size: 12px;
	color: black;
	padding-bottom: 5px;
}
.raddock.RadDock_Itineraires_3 h3 img {
	padding-right: 5px;
}
.raddock.RadDock_Itineraires_3 li {
	padding-bottom: 10px;
}
.raddock.RadDock_Itineraires_3 input, 
.raddock.RadDock_Itineraires_3 select {
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 375px;
	padding: 2px;
}
.raddock.RadDock_Itineraires_3 select {
	width: 382px;
}
.raddock.RadDock_Itineraires_3 .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	float: right;
	margin: 10px 20px 0 0;
	cursor: pointer;
}

.raddock.RadDock_Itineraires_5 .col-carte {
	float: left;
	width: 220px;
}
.raddock.RadDock_Itineraires_5 .col-trajet {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	width: 255px;
	overflow: hidden;
}
.raddock.RadDock_Itineraires_5 .col-trajet h3 {
	clear: both;
	font-size: 11px;
	padding-bottom: 10px;
}
.raddock.RadDock_Itineraires_5 .col-trajet h3 span.titr {
	background: #888;
	color: white;
	font-weight: bold;
	padding: 2px 5px;
	float: left;
	width: 185px;
}
.raddock.RadDock_Itineraires_5 .col-trajet h3 span.img {
	display: block;
	float: left;
	padding: 0 5px;
	width: auto;
	padding-top: 4px;
}





/* Ne manquez pas */
.RadDock_Nemanquezpas {
	background:url(../img/encart_libert.png) no-repeat left top;
	width:232px;
	height:281px;
}
.msie6 .RadDock_Nemanquezpas {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/encart_libert.png", sizingMethod="scale");
}


/* Trafic */
.RadDock_Trafic {
	background:url(../img/bg_bloc_08.png) no-repeat left top;
	width:232px;
	height:425px;
}
.msie6 .RadDock_Trafic {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_bloc_08.png", sizingMethod="scale");
}
.RadDock_Trafic .map {
	width:212px;
	height:346px;
	float:none;
}
.RadDock_Trafic select {
	display:block;
	font-size:11px;
	margin:5px 0 15px 15px;
}




/*  =WIDGET ALERTES
----------------------------------------------------------------------------- */

.RadDock_Alertes {
	background:url(../img/widgets/widget_alertes_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Alertes {
	background: url(../img/widgets/gif/widget_alertes_1.gif) no-repeat left top;
}

.RadDock_AlertesOn {
	background:url(../img/widgets/widget_alertes_2.html) no-repeat left top;
	width: 232px;
	height: 281px;
	 padding-bottom: 10px;
}
.msie6 .RadDock_AlertesOn {
	background: url(../img/widgets/gif/widget_alertes_2.html) no-repeat left top;
}

.RadDock_AlertesOn .txt {
	color: #424d53;
	width: 185px;
	padding: 10px 35px 0 12px;
	overflow: hidden;
}
.RadDock_AlertesOn .txt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_AlertesOn .txt a:hover {
	text-decoration: underline;
}
.RadDock_AlertesOn .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_AlertesOn .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_AlertesOn h2 {
	font-size: 11px;
}

.RadDock_AlertesOn .txt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_AlertesOn .txt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}


.RadDock_Alertes_1 {
	background:url(../img/widgets/widget_alertes_t.png) no-repeat left top;
	width: 232px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Alertes_1 {
	background: url(../img/widgets/gif/widget_alertes_t.gif) no-repeat left top;
}

.RadDock_Alertes_1 .txtExt {
	color: #424d53;
	width: 232px;
	background: url(../img/widgets/widget_c_1.png) repeat-x 0 0;
	margin-right: 10px }
.msie6 .RadDock_Alertes_1 .txtExt {background: url(../img/widgets/gif/widget_c_1.gif) repeat-x 0 0;
}

.RadDock_Alertes_1 .txtExt .fd {
	background: url(../img/widgets/gif/widget_alertes_f_1.gif) repeat-y;
	padding: 10px 35px 0 12px;
}

.RadDock_Alertes_1 .AlertesFooter {
	background:url(../img/widgets/widget_b_bl.png) no-repeat left top;
	height: 14px;
	width: 217px;
}
.msie6 .RadDock_Alertes_1 .AlertesFooter {background: url(../img/widgets/gif/widget_b_bl.gif) no-repeat left top;
}

.RadDock_Alertes_1 .txtExt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_Alertes_1 .txtExt a:hover {
	text-decoration: underline;
}
.RadDock_Alertes_1 .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_Alertes_1 p {
	margin: 0;
	padding-bottom: 10px;
}
.RadDock_Alertes_1 .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_Alertes_1 h2 {
	font-size: 11px;
}
.RadDock_Alertes_1 .txtExt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_Alertes_1 .txtExt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}


.RadDock_Alertes_2 {
	background: url(../img/widgets/widget_alertes_t.png) no-repeat left top;
	width: 232px;
	padding-bottom: 15px;
}
.msie6 .RadDock_Alertes_2 {
	background: url(../img/widgets/gif/widget_alertes_t.gif) no-repeat left top;
}

.RadDock_Alertes_2 .txtExt {
	color: #424d53;
	width: 232px;
	background: url(../img/widgets/widget_c_2.png) repeat-x 0 0;
	margin-right: 10px;
	min-height: 240px;
}
.msie6 .RadDock_Alertes_2 .txtExt {
	background: url(../img/widgets/gif/widget_c_2.gif) repeat-x 0 0;
	height: 240px;
}

body.RadDock_Alertes_2 .txtExt .fd {
	background: url(../img/widgets/gif/widget_alertes_f_2.gif) repeat-y;
	padding: 0 35px 0 12px;
}

.RadDock_Alertes_2 .AlertesFooter {
	background:url(../img/widgets/widget_b_bl.png) no-repeat left top;
	height: 14px;
	width: 217px;
}
.msie6 .RadDock_Alertes_2 .AlertesFooter {background: url(../img/widgets/gif/widget_b_bl.gif) no-repeat left top;
}

body .RadDock_Alertes_2 .rdTitlebar {
	height: 42px !important;
}
body .RadDock_Alertes_2 .rdContent {
	/* position: relative;
	*/ padding: 0;
}
.RadDock_Alertes_2 .rdContent h2 {
	/* position: absolute;
	top: 0;
	left: 0;
	*/ margin-top: 0;
	margin-bottom: 10px;
}

.rdContent input {
	}

.RadDock_Alertes_2 .txtExt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_Alertes_2 .txtExt a:hover {
	text-decoration: underline;
}
.RadDock_Alertes_2 .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_Alertes_2 p {
	margin: 0;
	padding-bottom: 10px;
}
.RadDock_Alertes_2 .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_Alertes_2 h2 {
	font-size: 11px;
	color: white;
	background: #fe101b;
	padding: 4px 6px;
	width: 200px;
	 }


.RadDock_Alertes_2 .txtExt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_Alertes_2 .txtExt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}

.raddock.RadDock_Alertes_1 .valider {
	float: none;
	position: absolute;
	top: 274px;
	left: 140px;
}

.RadDock_Alertes_1 .form_Alertes {
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
.RadDock_Alertes_1 .form_Alertes li {
	clear: both;
	margin: 0;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0;
	padding-bottom: 15px;
	position: relative;
}
.RadDock_Alertes_1 .form_Alertes li input {
	position: absolute;
	top: 0;
	left: 0;
}
.RadDock_Alertes_1 .form_Alertes li label {
	position: absolute;
	top: 0;
	left: 25px;
	font-weight: bold;
	color: black;
}
.RadDock_Alertes_1 .form_Alertes li select {
	padding: 2px;
	margin: 15px 0;
	width: 180px;
	color: #666;
}


.bloc-alerte {
	border: solid 1px #fe101b;
	padding: 5px;
	margin: 0 10px;
	width: 180px;
}
.bloc-alerte h3 {
	font-weight: bold;
	clear: both;
	font-size: 11px;
}
.bloc-alerte h3 span {
	display: block;
}
.bloc-alerte h3 .alerte {
	color: #333;
}
.bloc-alerte h3 .autoroute {
	color: black;
}
.bloc-alerte h3 .date {
	color: #666;
	font-style: italic;
	font-weight: normal;
	margin-right: -3px;
	padding-right: 3px;
}
.bloc-alerte p {
	clear: both;
	padding-top: 5px;
}



/*  =WIDGET ACTUS
----------------------------------------------------------------------------- */

.RadDock_Actu {
	background:url(../img/widgets/widget_actus_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
}
.msie6 .RadDock_Actu {
	background: url(../img/widgets/gif/widget_actus_1.gif) no-repeat left top;
}

.RadDock_ActuOn {
	background:url(../img/widgets/widget_actus_2.png) no-repeat left top;
	width: 232px;
	height: 281px;
}
.msie6 .RadDock_ActuOn {
	background: url(../img/widgets/gif/widget_actus_2.gif) no-repeat left top;
}
.RadDock_ActuOn .txt {
	color: #424d53;
	width: 185px;
	padding: 10px 35px 0 12px;
	overflow: hidden;
}
.RadDock_ActuOn .txt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_ActuOn .txt a:hover {
	text-decoration: underline;
}
.RadDock_ActuOn .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_ActuOn .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_ActuOn h2 {
	font-size: 11px;
}

.RadDock_ActuOn .txt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_ActuOn .txt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}

.RadDock_ActuOnT {
	background:url(../img/widgets/widget_actus_t.png) no-repeat left top;
	width: 232px;
	padding-bottom: 10px;
}
.msie6 .RadDock_ActuOnT {
	background: url(../img/widgets/gif/widget_actus_t.gif) no-repeat left top;
}

.RadDock_ActuOnT .txtExt {
	color: #424d53;
	width: 232px;
	background: url(../img/widgets/widget_c.png) repeat-x 0 0;
	margin-right: 10px }
.msie6 .RadDock_ActuOnT .txtExt {
	background: url(../img/widgets/gif/widget_c.gif) repeat-x 0 0;
}

.RadDock_ActuOnT .txtExt .fd {
	background: url(../img/widgets/widget_f.png) no-repeat left bottom;
	padding: 10px 35px 0 12px;
}
.msie6 .RadDock_ActuOnT .txtExt .fd {
	background: url(../img/widgets/gif/widget_f.gif) no-repeat left bottom;
}

.RadDock_ActuOnT .actuFooter {
	background:url(../img/widgets/widget_b_rouge.png) no-repeat left top;
	height: 22px;
	width: 137px;
	font-weight: bold;
	color: white;
	padding-left: 80px;
}
.RadDock_ActuOnT .actuFooter a {
	font-weight: bold;
	color: white;
}
.msie6 .RadDock_ActuOnT .actuFooter {
	background: url(../img/widgets/gif/widget_b_rouge.gif) no-repeat left top;
}


.RadDock_ActuOnT .txtExt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_ActuOnT .txtExt a:hover {
	text-decoration: underline;
}
.RadDock_ActuOnT .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_ActuOnT p {
	margin: 0;
	padding-bottom: 10px;
}
.RadDock_ActuOnT .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_ActuOnT h2 {
	font-size: 11px;
}

.RadDock_ActuOnT .txtExt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_ActuOnT .txtExt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}



/*  =WIDGET ASTUCE
----------------------------------------------------------------------------- */

.RadDock_Astuce {
	background:url(../img/widgets/widget_astuce_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Astuce {
	background: url(../img/widgets/gif/widget_astuce_1.gif) no-repeat left top;
}

.RadDock_AstuceOn {
	background:url(../img/widgets/widget_astuce_2.png) no-repeat left top;
	width: 232px;
	height: 281px;
	padding-bottom: 10px;
}
.msie6 .RadDock_AstuceOn {
	background: url(../img/widgets/gif/widget_astuce_2.gif) no-repeat left top;
}
.RadDock_AstuceOn .txt {
	color: #424d53;
	width: 185px;
	padding: 10px 35px 0 12px;
	overflow: hidden;
}
.RadDock_AstuceOn .txt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_AstuceOn .txt a:hover {
	text-decoration: underline;
}
.RadDock_AstuceOn .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
}
.RadDock_AstuceOn .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_AstuceOn h2 {
	font-size: 11px;
}
.RadDock_AstuceOn .txt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_AstuceOn .txt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}

.RadDock_AstuceOnT {
	background:url(../img/widgets/widget_astuce_t.png) no-repeat left top;
	width: 232px;
	padding-bottom: 10px;
}
.msie6 .RadDock_AstuceOnT {
	background: url(../img/widgets/gif/widget_astuce_t.gif) no-repeat left top;
}

.RadDock_AstuceOnT .txtExt {
	color: #424d53;
	width: 232px;
	background: url(../img/widgets/widget_c.png) repeat-x 0 0;
	margin-right: 10px 
}
.msie6 .RadDock_AstuceOnT .txtExt {
	background: url(../img/widgets/gif/widget_c.gif) repeat-x 0 0;
}

.RadDock_AstuceOnT .txtExt .fd {
	background: url(../img/widgets/widget_f.png) no-repeat left bottom;
	padding: 10px 35px 0 12px;
}
.msie6 .RadDock_AstuceOnT .txtExt .fd {
	background: url(../img/widgets/gif/widget_f.gif) no-repeat left bottom;
}

.RadDock_AstuceOnT .astuceFooter {
	background:url(../img/widgets/widget_b_rouge.png) no-repeat left top;
	height: 22px;
	width: 137px;
	font-weight: bold;
	color: white;
	padding-left: 80px;
}
.RadDock_AstuceOnT .astuceFooter a {
	font-weight: bold;
	color: white;
}
.msie6 .RadDock_AstuceOnT .astuceFooter {
	background: url(../img/widgets/gif/widget_b_rouge.gif) no-repeat left top;
}

.RadDock_AstuceOnT .txtExt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_AstuceOnT .txtExt a:hover {
	text-decoration: underline;
}
.RadDock_AstuceOnT .img {
	padding-right: 8px;
	float: left;
	padding-top: -30px;
}
.RadDock_AstuceOnT p {
	margin: 0;
	padding-bottom: 10px;
}
.RadDock_AstuceOnT .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_AstuceOnT h2 {
	font-size: 11px;
}

.RadDock_AstuceOnT .txtExt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_AstuceOnT .txtExt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}



/*  = WIDGET RADIO
----------------------------------------------------------------------------- */

.RadDock_Radio {
	background:url(../img/widgets/widget_radio_1.png) no-repeat left top;
	width: 232px;
	height: 44px;
	padding-bottom: 10px;
}
.msie6 .RadDock_Radio {
	background: url(../img/widgets/gif/widget_radio_1.gif) no-repeat left top;
}

.RadDock_RadioOnT {
	background:url(../img/widgets/widget_radio_2.png) no-repeat left top;
	width: 232px;
	height: 132px;
}
.msie6 .RadDock_RadioOnT {
	background:url(../img/widgets/gif/widget_radio_2.gif) no-repeat left top;
}


.RadDock_RadioOnT .txtExt {
	position: relative;
	height: 70px;
	z-index: 5000;
}
.msie6 .RadDock_RadioOnT .txtExt {
}

.RadDock_RadioOnT .txtExt .fd {
	 position: absolute;
	left: 10px;
	top: 5px;
	width: 222px;
	height: 65px;
	z-index: 5000;
	overflow: auto;
}
.RadDock_RadioOnT .txtExt a {
	color: #e30f19;
	text-decoration: none;
	font-weight: bold;
}
.RadDock_RadioOnT .txtExt a:hover {
	text-decoration: underline;
}
/* .RadDock_RadioOnT .img {
	padding-right:8px;
	float:left;
	padding-top:-30px;
} */



.RadDock_RadioOnT p {
	margin: 0;
	padding-bottom: 10px;
}
.RadDock_RadioOnT .filet {
	border-top: 1px solid #aaa;
	font-size: 1%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.RadDock_RadioOnT h2 {
	font-size: 11px;
}

.RadDock_RadioOnT .txtExt a.titreBox {
	color: #666;
	text-decoration: none;
}
.RadDock_RadioOnT .txtExt a:hover.titreBox {
	color: #e30f19;
	text-decoration: none;
}

.RadDock_RadioOnT .RadioFooter {
	font-weight: bold;
	color: white;
	padding-left: 10px;
}
.RadDock_RadioOnT .RadioFooter a {
	font-weight: bold;
	color: white;
}


/* Google Map */
.cnt-gmap {
	/*Modif Airsoft width: 165px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 130px;*/ 
	background: white;
}
.cnt-gmap td.pic {
	padding-right: 5px;
	padding-bottom: 3px;
	vertical-align:top;
}
.cnt-gmap td.pic-txt {
	padding-right: 3px;
	padding-bottom: 3px;
	vertical-align:top;
	font-size: 10px;
}
.cnt-gmap td.pic-logo {
	padding-bottom: 3px;
	vertical-align:top;
}



/*  = WIDGET AUTOPROMO
----------------------------------------------------------------------------- */

/*
.RadDock_promo {
	background:url(/img/widgets/widget_autopromo.png) no-repeat left top;
	width: 232px;
	height: 240px;
	padding-top: 42px;
}
.msie6 .RadDock_promo {
	background:url(/img/widgets/gif/widget_autopromo.gif) no-repeat left top;
}
*/

body .RadDock_promo {
	background:url(../img/widgets/widget_autopromo.png) no-repeat left top;
	width: 232px;
	height: 240px;
	padding-top: 42px;
	padding-bottom: 20px;
}
.msie6 body .RadDock_promo {
	background:url(../img/widgets/gif/widget_autopromo.gif) no-repeat left top;
}

body .RadDock_promo * {
	 }



/*  =TELECOMMANDE
----------------------------------------------------------------------------- */

.aide-telecommande {
	width:110px;
	position:absolute;
	right:0;
	top: 27px;
}
.telecommande {
	width:110px;
	position:absolute;
	right:0;
	top: 101px;
}
.msie6 .telecommande {
	top: 76px;
}
.telecommande .e-ct {
	z-index:2;
	position: relative;
}
.telecommande h3 {
	clear:both;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}
.telecommande h3.titre_info_tps_reel {
	top: 0;
}
.telecommande h3.titre_preparation {
	top: 42px;
}
.telecommande h3.titre_autres {
	top: 97px;
}

body .telecommande .raddockzone {
	margin: 0;
	padding: 0;
	width: 31px;
	/*float: left;
	padding: 0 4px 3px 0;*/ position: absolute !important;
	 }
.telecommande .raddock {
	margin: 0;
	padding: 0;
}

.telecommande .rdVertical {
	height:33px;
	margin: 0;
	border: 0;
}
.telecommande .lien {
	clear: both;
	float:right;
	padding:10px 10px 8px 0;
}



.telecommande .col2, .telecommande .col2 .col2-inner {
	width: 110px;
}
.telecommande .col2 .col2-inner .e-ct {
	padding-left: 5px;
}
.telecommande .col2 .col2-inner .e-ct h2 {
	margin-left: -5px;
}
.telecommande .col2 .col2-inner .e-ct h3 {
	margin-left: -5px;
}
.telecommande .col2 .col2-inner .e-ct a.demo {
	margin-left: -5px;
	clear: both;
}
.msie6 .telecommande .col2 .col2-inner .e-ct a.demo {
	margin-left: -2px;
	width: 58px;
}


/* ligne 1 */
.RadDockZone_AlerteTC {
	background: url(../img/pictos/widget/gris/alertes_temps_reel.png) no-repeat;
	top: 74px;
	left: 5px;
}
.msie6 .RadDockZone_AlerteTC {
	background: url(../img/pictos/widget_gif/gris/alertes_temps_reel.gif) no-repeat;
}

.RadDockZone_MeteoTC {
	background: url(../img/pictos/widget/gris/meteo.png) no-repeat;
	top: 74px;
	left: 40px;
}
.msie6 .RadDockZone_MeteoTC {
	background: url(../img/pictos/widget_gif/gris/meteo.gif) no-repeat;
}

.RadDockZone_PerturbationsTC {
	background: url(../img/pictos/widget/gris/perturbations.png) no-repeat;
	top: 74px;
	left: 75px;
}
.msie6 .RadDockZone_PerturbationsTC {
	background: url(../img/pictos/widget_gif/gris/perturbations.gif) no-repeat;
}


/* ligne 2 */
.RadDockZone_TraficTC {
	background: url(../img/pictos/widget/gris/trafic_temps_reel.png) no-repeat;
	top: 108px;
	left: 5px;
}
.msie6 .RadDockZone_TraficTC {
	background: url(../img/pictos/widget_gif/gris/trafic_temps_reel.gif) no-repeat;
}

.RadDockZone_TravauxTC {
	background: url(../img/pictos/widget/gris/travaux.png) no-repeat;
	top: 108px;
	left: 40px;
}
.msie6 .RadDockZone_TravauxTC {
	background: url(../img/pictos/widget_gif/gris/travaux.gif) no-repeat;
}

.RadDockZone_WebcamTC {
	background: url(../img/pictos/widget/gris/webcam.png) no-repeat;
	top: 108px;
	left: 75px;
}
.msie6 .RadDockZone_WebcamTC {
	background: url(../img/pictos/widget_gif/gris/webcam.gif) no-repeat;
}


/* ligne 3 */
.RadDockZone_107_7TC {
	background: url(../img/pictos/widget/gris/107_7.png) no-repeat;
	top: 176px;
	left: 5px;
}
.msie6 .RadDockZone_107_7TC {
	background: url(../img/pictos/widget_gif/gris/107_7.gif) no-repeat;
}

.RadDockZone_GuideTC {
	background: url(../img/pictos/widget/gris/carte_guide.png) no-repeat;
	top: 176px;
	left: 40px;
}
.msie6 .RadDockZone_GuideTC {
	background: url(../img/pictos/widget_gif/gris/carte_guide.gif) no-repeat;
}

.RadDockZone_ItinerairesTC {
	background: url(../img/pictos/widget/gris/itineraires.png) no-repeat;
	top: 176px;
	left: 75px;
}
.msie6 .RadDockZone_ItinerairesTC {
	background: url(../img/pictos/widget_gif/gris/itineraires.gif) no-repeat;
}


/* ligne 4 */
.RadDockZone_PeageTC {
	background: url(../img/pictos/widget/gris/peage.png) no-repeat;
	top: 210px;
	left: 5px;
}
.msie6 .RadDockZone_PeageTC {
	background: url(../img/pictos/widget_gif/gris/peage.gif) no-repeat;
}

.RadDockZone_PrevTraficTC {
	background: url(../img/pictos/widget/gris/prevision_trafic.png) no-repeat;
	top: 210px;
	left: 40px;
}
.msie6 .RadDockZone_PrevTraficTC {
	background: url(../img/pictos/widget_gif/gris/prevision_trafic.gif) no-repeat;
}


/* ligne 5 */
.RadDockZone_ActusTC {
	background: url(../img/pictos/widget/gris/actualites.png) no-repeat;
	top: 270px;
	left: 5px;
}
.msie6 .RadDockZone_ActusTC {
	background: url(../img/pictos/widget_gif/gris/actualites.gif) no-repeat;
}



/*
.RadDockZone_InformationsTC {
	background: url(/img/pictos/widget/gris/informations.png) no-repeat;
}
.msie6 .RadDockZone_InformationsTC {
	background: url(/img/pictos/widget_gif/gris/informations.gif) no-repeat;
}

.RadDockZone_AstucesTC {
	background: url(/img/pictos/widget/gris/astuces.png) no-repeat;
}
.msie6 .RadDockZone_AstucesTC {
	background: url(/img/pictos/widget_gif/gris/astuces.gif) no-repeat;
}

.RadDockZone_AboTC {
	background: url(/img/pictos/widget/gris/abonnements.png) no-repeat;
}
.msie6 .RadDockZone_AboTC {
	background: url(/img/pictos/widget_gif/gris/abonnements.gif) no-repeat;
}
*/


/*  =CONTACT
----------------------------------------------------------------------------- */
.num_abo {
	display: none;
}
#contact input, #contact select, #contact textarea {
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}
#contact textarea {
	margin-bottom: 10px;
}
#contact option {
	padding-left: 5px;
}
#contact select {
	width: 150px;
}
#contact .radio {
	 }
#contact label {
	display: block;
	float: left;
	padding-right: 15px;
}
#contact .terminer {
	background: url(../img/bt/bt-terminer.gif) no-repeat;
	width: 82px;
	height: 25px;
	border: 0;
	cursor: pointer;
}
#contact h3 {
	padding-top: 15px;
}
#contact .radio {
	margin-right: 5px;
	display: block;
	float: left;
}
#contact .input {
	width: 150px;
}
#contact .auto {
	width: auto;
}
#contact .small {
	width: 70px;
}
#contact .calendrier {
	width: 100px;
	background: url(../img/pictos/calendrier.gif) no-repeat 89px 2px;
	border-bottom-style: solid;
	border-width: 1px;
}



/*  =PLAN DU SITE
----------------------------------------------------------------------------- */
.plan-bg {
	background:#000000;
	opacity:.5;
	filter:alpha(opacity=50);
	 padding: 5px 0;
	overflow:hidden;
	width: 918px;
	height: 578px;
	position: absolute;
	z-index: 1;
}

.plan {
	position: absolute;
	background: none;
	width: 918px;
	height: 578px;
	overflow: hidden;
	padding: 5px 0;
	z-index: 2 }
.plan ul {
	padding-left: 3px;
	padding-bottom: 15px;
}
.plan ul li {
	padding-bottom: 3px;
}
.plan h2 {
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 0 5px 5px 0;
}
.plan a {
	color: white;
}

.plan .col {
	width: 158px;
	height: 600px;
	border-right: solid 1px #5d6178;
	float: left;
	padding: 5px 0;
}
.plan .col-1 {
	width: 145px;
}
.plan .col-2 {
	width: 90px;
}
.plan .col-3 {
	width: 153px;
}
.plan .col-4 {
	width: 95px;
}
.plan .col-5 {
	width: 122px;
}
.plan .col-6 {
	width: 135px;
}
.plan .col-7 {
	width: 166px;
	border-right: none;
}

.plan .connex {
	margin-left: -15px;
}



/*  =SERVICES
----------------------------------------------------------------------------- */

.bloc-fond1 {
	padding: 10px 10px 0 0;
	clear: both;
}
.bloc-fond1 h2, .bloc-fond2 h2 {
	font-size: 12px;
}
.bloc-fond1 h2 a, .bloc-fond2 h2 a {
	font-size: 12px;
	color: black;
}
.bloc-fond1 h2 a:hover, .bloc-fond2 h2 a:hover {
	text-decoration: none;
	color: #e30f19;
}
.bloc-fond1 img, .bloc-fond2 img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.bloc-fond2 {
	padding: 10px 10px 0 0;
	clear: both;
	background: #f2f2f2;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
}

.bloc-detail {
	width: 690px;
}
.bloc-detail h2, .bloc-detail h2 {
	font-size: 12px;
}
.bloc-detail .bloc-img {
	width: 38px;
	height: 100%;
	float: left;
	padding-right: 7px;
}
.bloc-detail .bloc-img img {
	 }
.bloc-detail .bloc-detail-contenu {
	float: left;
	width: 390px;
	padding-right: 10px;
}
.bloc-detail .bloc-widget {
	float: right;
	width: 235px;
}



/*  =POPIN
----------------------------------------------------------------------------- */
/* width: 489px */
.popin, #popin {
	width: 489px;
	/* background: url(/img/bg_popin.png) no-repeat left bottom;
	*/ text-align: left;
	z-index: 0;
}

.msie6 .popin, .msie6 #popin {
	/* background: url(/img/bg_popin.gif) no-repeat left bottom;
	*/ }


 .popin .inner, #popin .inner {
	padding:10px 25px 0 28px;
	position:relative;
	background: white;
	overflow: hidden;
	width: 436px;
}
/*#popin .inner {
	padding:10px 25px 0 28px;
	position:relative;
	background: white;
	overflow: hidden;
	width: 957px;
} */

.popin .biso, #popin .biso {
	background: url(../img/popin-biseau.png) no-repeat left top;
	height: 20px;
	width: 489px;
}
.msie6 .popin .biso, .msie6 #popin .biso {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/popin-biseau.png", sizingMethod="crop");
}

.popin p, #popin p {
	clear: both;
}

.popin .erreur, #popin .erreur {
	position: relative;
	display:block;
	width:450px;
	margin-top: 5px;
}
.popin .erreur img, #popin .erreur img {
	position: absolute;
	top: -4px;
	left: 5px;
}
.popin .erreur p, #popin .erreur p {
	background:#c6c6c6;
	color: red;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 10px 6px 40px;
	font-weight: bold;
	color: #ff0e0d;
}

.msie6 .popin .erreur, .msie6 #popin .erreur {
	left: -2px;
}
.msie6 .popin .erreur img, .msie6 #popin .erreur img {
	 }

.popin h2, #popin h2 {
	float:left;
	color:#000000;
	font-size:26px;
	font-weight:bold;
}
.popin h2 a, #popin h2 a {
	color:red;
	font-size:18px;
	font-weight:bold;
	display: inline;
	position: static;
}
.popin h2 a:hover, #popin h2 a:hover {
	text-decoration: underline;
}
.popin h2.confirme, #popin h2.confirme {
	color:#000000;
	font-size:27px;
	font-weight:normal;
	width: 440px;
	padding-bottom: 2px;
}

.popin h3.legend, #popin h3.legend {
	background: #dc2227;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 2px 0 2px 10px;
	margin-bottom: 10px;
}
.popin h3, #popin h3 {
	font-size: 14px;
	font-weight: bold;
	color: #797979;
	padding: 0 0 10px 0;
}
.popin h4, #popin h4 {
	text-transform: uppercase;
	font-weight: bold;
}

.popin .separateur, #popin .separateur {
	width: 450px;
	background: url(../img/degrade_01.png) repeat-x;
	height: 20px;
	clear: both;
}

#popin .services-password {
	clear: both;
	display: block;
	height: 50px;
}
#popin .services-password li {
	display: block;
	float: left;
	padding-right: 10px;
}
#popin .services-password li label {
	font-size: 12px;
	padding-top: 3px;
	display: block;
}
#popin .services-password li .envoyer {
	background: url(../img/bt/bt-envoyer.gif);
	width: 67px;
	height: 25px;
	border: 0;
}

#popin .services {
	clear: both;
	display: block;
	 }

.reponses {
	margin-left: 15px;
}
.reponses .fond1 {
	background-color: #EDEDED;
}
.reponses .fond2 {
	background-color: #FAFAFA;
}
#popin .services li {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	clear: both;
}
#popin .services li h4 {
	text-transform: uppercase;
	padding-bottom: 0;
	font-size: 11px;
}
#popin .services li input {
	display: block;
	float: left;
}
#popin .services li label {
	font-size: 12px;
	padding: 0 0 0 5px;
	display: block;
	float: left;
	font-weight: bold;
}
.msie6 #popin .services li label, 
.msie7 #popin .services li label {
	padding: 3px 0 0 5px;
}
#popin .services li.conditions label {
	font-size: 11px;
	font-weight: normal }
#popin .services li .reponses table {
	padding: 1px 0;
	 }
#popin .services li .reponses th {
	font-weight: bold;
}
#popin .services li .reponses th, 
#popin .services li .reponses td {
	padding: 1px 0 1px 5px;
}
.msie6 #popin .services li .reponses th, .msie6 #popin .services li .reponses td {
	padding: 1px 0 1px 5px;
}
.msie7 #popin .services li .reponses th, .msie7 #popin .services li .reponses td {
	padding: 1px 0 1px 5px;
}
#popin .services li .reponses td label {
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
}
#popin .services li .sRow td label {
	color: #999;
}

.suivant {
	background: url(../img/bt/bt-suivant.gif);
	width: 62px;
	height: 25px;
	border: 0;
	float: right;
	cursor: pointer;
}
.sinscrire,
#popin .services li .sinscrire {
	background: url(../img/bt/bt-sinscrire.gif);
	width: 75px;
	height: 25px;
	border: 0;
	float: right;
	cursor: pointer;
}

.sRow {
	display: none;
}
#tronc {
	display: none;
}
a_box {
	display: none;
}

#popin .mention {
	color: black;
	font-size: 10px;
	padding: 5px 0 0 0;
	margin-bottom: 0;
}

.popin .lien-fermer, #popin .lien-fermer {
	display:block;
	color:#e3090f;
	padding:12px 15px 0 0;
	background:url(../img/picto_36.png) no-repeat right 15px;
	font-weight:bold;
	float: right;
}

.popin .intro, #popin .intro {
	/* clear:both;
	*/ padding:5px 0 10px 0;
	font-size:12px;
}
.popin .cadreIntro, #popin .cadreIntro {
	border: solid #e3090f 1px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
}
.popin .cadreIntro img, #popin .cadreIntro img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

#popin .col1, #popin .col2 {
	float:left;
	padding-bottom: 40px;
}
#popin .col1 {
	width: 235px;
	border-right: 1px #9c9c9c solid;
}
#popin .col2 {
	float: right;
	width: 190px;
	text-align: center;
}
#popin .col1 li {
	padding:0;
}
#popin .col1 li a {
	color:#e3090f;
	font-size:12px;
}
#popin .champs li {
	padding-bottom:5px;
}
#popin .champs input {
	width:180px;
	border:1px #cacaca solid;
	font-size:12px;
}
.popin .bt-01 input, #popin .bt-01 input {
	width:112px;
	height:21px;
	color:#fff;
	background:url(../img/bg_bt_01.png) right top;
	border:none;
	font-weight:bold;
	cursor:pointer;
}
.popin .bt-02, #popin .bt-02 {
	width:180px;
	height:21px;
	color:#fff;
	background:url(../img/bg_bt_01.png) right top;
}
.popin .bt-02 a, #popin .bt-02 a {
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 0 0 0;
	font-size:12px;
}
.popin .bt-02 a:hover, #popin .bt-02 a:hover {
	text-decoration: none;
}
.popin .bt-01, .popin .bt-02, #popin .bt-01, #popin .bt-02 {
	position: absolute;
	bottom: 0;
}
.popin .bt-02, #popin .bt-02 {
	right:25px;
}
.masque-popin {
	background: #000000;
	opacity: .5;
	filter: alpha(opacity=50);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
}
.msie6 .masque-popin {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_masque.png", sizingMethod="scale");
	position: absolute;
	top: expression(documentElement.scrollTop+body.scrollTop);
}
.popin-connect select {
	display:none !important;
}







/*  =POPIN-ERROR
----------------------------------------------------------------------------- */

#popin-error {
	 width: 489px;
	text-align: left;
	position: absolute;
	top: 40%;
	margin-top: -200px;
	left: 50%;
	margin-left: -250px;
	z-index: 25;
}

#popin-error .inner {
	 background: white url(../img/maj/bg-error.gif) no-repeat right top;
	padding:30px 35px 0 25px;
	position:relative;
}

#popin-error .biso {
	background: url(../img/popin-biseau.png) no-repeat left bottom;
	height: 20px;
	padding-right: 10px;
}
.msie6 .popin .biso, .msie6 #popin .biso {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/popin-biseau.png", sizingMethod="crop");
}

#popin-error p {
	clear: both;
}

.popin-confirm,
.popin-confirm h2 {
	width:100% !important;
}


#popin-error .erreur {
	position: relative;
	display:block;
	margin-top: 5px;
}
#popin-error .erreur img {
	position: absolute;
	top: -4px;
	left: 5px;
}
#popin-error .erreur p {
	background:#c6c6c6;
	color: red;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 10px 0 40px;
	font-weight: bold;
	color: #ff0e0d;
}

.msie6 .popin .erreur, .msie6 #popin .erreur {
	left: -2px;
}
.msie6 .popin .erreur img, .msie6 #popin .erreur img {
	 }

#popin-error h2 {
	float:left;
	color:#000000;
	font-size:26px;
	font-weight:bold;
}
#popin-error h2 a {
	color:red;
	font-size:18px;
	font-weight:bold;
	display: inline;
	position: static;
}
#popin-error h2 a:hover {
	text-decoration: underline;
}
#popin-error h2.confirme {
	color:#000000;
	font-size:27px;
	font-weight:normal;
	width: 440px;
	padding-bottom: 2px;
}

#popin-error h3.legend {
	background: #dc2227;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 2px 0 2px 10px;
	margin-bottom: 10px;
}
#popin-error h3 {
	font-size: 14px;
	font-weight: bold;
	color: #797979;
	padding: 0 0 10px 0;
}
#popin-error h4 {
	text-transform: uppercase;
	font-weight: bold;
}

#popin-error .separateur {
	width: 450px;
	background: url(../img/degrade_01.png) repeat-x;
	height: 20px;
	clear: both;
}


#popin-error input.ok {
	background: url(../img/bt/bt-ok.gif) no-repeat;
	display: block;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
	float: right;
}

#popin-error .error-biso {
	background: url(../img/maj/error-biso.html) no-repeat right top;
	display: block;
	width: 429px;
	height: 15px;
	border: 0;
}


/*  =POPIN-ALERT
----------------------------------------------------------------------------- */

#popin-alert {
	width: 489px;
	text-align: left;
	z-index: 25;
}

#popin-alert .inner {
	background: white url(/img/maj/bg-error.gif) no-repeat right top;
	padding:30px 35px 0 25px;
	position:relative;
}

#popin-alert .biso {
	background: url(/img/popin-biseau.png) no-repeat left bottom;
	height: 20px;
	padding-right: 10px;
}
.msie6 #popin-alert .biso {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/popin-biseau.png", sizingMethod="crop");
}

#popin-alert p {
	clear: both;
}


#popin-alert h2 {
	float:left;
	color:#fe0000;
	font-size:26px;
	font-weight:bold;
}
#popin-alert h2 a {
	color:red;
	font-size:18px;
	font-weight:bold;
	display: inline;
	position: static;
}
#popin-alert h2 a:hover {
	text-decoration: underline;
}

#popin-alert h3.legend {
	background: #fe0000;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 2px 0 2px 10px;
	margin-bottom: 10px;
}

#popin-alert h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fe0000;
	padding: 0 0 10px 0;
}
#popin-alert h4 {
	text-transform: uppercase;
	font-weight: bold;
}

#popin-alert .separateur {
	width: 450px;
	background: url(/img/degrade_01.png) repeat-x;
	height: 20px;
	clear: both;
}

#popin-alert .alert 
{
    border: 1px solid #fe0000;
    padding: 5px;
    margin-bottom: 20px;
}

#popin-alert .alert 
{
    border: 1px solid #fe0000;
    padding: 5px;
    margin-bottom: 20px;
}

#popin-alert input.fermer {
	background: url(/img/bt/bt-fermer.gif) no-repeat;
	display: block;
	width: 67px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin-bottom: 10px;
	float: right;
}

/*  =HOME
----------------------------------------------------------------------------- */

.home .demo, .home .aide {
	float:left;
}
/* Modif Chlorophyll 28/09 : Changement de l'image démo */
/* .home .demo {
	width:59px;
	height:18px;
	background:url(../img/bt_demo.png) no-repeat left top;
	display:block;
} */
.home .demo {
	width:110px;
	height:18px;
	background:url(../img/demo.jpg) no-repeat left top;
	display:block;
}
.home .demo span {
	position:absolute;
	top:-5000em;
	left:-5000em;
}
.home .aide {
	width:51px;
	height:18px;
	background:url(../img/bt_aide.png) no-repeat left top;
	display:block;
}
.home .aide span {
	position:absolute;
	top:-5000em;
	left:-5000em;
}
/* Modif Chlorophyll 28/09 : Changement de l'image démo */
/* .home .demo:hover {
	background:url(../img/bt_demo_over.png) no-repeat left top;
} */
.home .demo:hover {
	background:url(../img/demo_roll.jpg) no-repeat left top;
}
.home .aide:hover {
	background:url(../img/bt_aide_over.png) no-repeat left top;
}

.Highlighted {
	background:#000000;
	opacity:.5;
	filter:alpha(opacity=50);
}



/*  =FLUX ACTU
----------------------------------------------------------------------------- */

.msie6 .flux-content {
	position:absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
	left: 0;
	height: 100%;
	z-index: 100;
}
.flux-actu {
	width:100%;
	height:37px;
	background:url(../img/bg_footer_home.png) repeat-x left top;
	position:fixed;
	left:0;
	bottom:0;
	z-index:10;
}
.msie6 .flux-actu {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_footer_home.png", sizingMethod="scale");
	position:  absolute;
	bottom: 0;
	left: 0;
}

.flux-actu .inner {
	width:917px;
	margin:0 auto;
	text-align:left;
}
.flux-actu .inner p {
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #FFFFFF;
}
.flux-actu .inner p strong {
	padding:0 0 0 10px;
}

.flux-actu .inner p a {
	display:block;
	float:right;
	color:#FF0000;
	font-weight:bold;
	font-size:11px;
	background:url(../img/picto_36.png) no-repeat right 3px;
	padding:0 15px 0 0;
}

div.fondgris {
	background:url(../img/masque_image.png) left 0;
	padding-bottom:40px;
	z-index:1;
}
.msie6 .fondgris {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/masque_image.png", sizingMethod="scale");
	position: absolute;
	top:107px;
}
.conteneur-page {
	position:relative;
	width:100%;
	z-index:2;
}


/*  =ABONNES
----------------------------------------------------------------------------- */

.bloc-login {
	border: solid 1px #666;
	padding: 10px 5px 0 15px;
}
.bloc-login h2 {
	color: red;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 0;
	padding: 10px 0 5px 0;
}
.bloc-login li {
	display: block;
	padding-right: 10px;
	clear: both;
}
.bloc-login li label {
	font-size: 12px;
	padding-top: 3px;
	display: block;
	font-weight: bold;
	color: #666;
	float: left;
	width: 150px;
	height: 24px;
}
.bloc-login li input.envoyer {
	background: url(../img/bt/bt-envoyer.gif);
	width: 67px;
	height: 25px;
	border: 0;
	margin-left: 230px;
}


.bloc-login .erreur {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
.bloc-login .erreur img {
	position: absolute;
	top: -4px;
	left: 5px;
}
.bloc-login .erreur p {
	background:#c6c6c6;
	color: red;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 10px 6px 40px;
	font-weight: bold;
	color: #e3090f;
}
.bloc-login .erreur p span {
	color: black;
}
.bloc-login .erreur .lien-fermer {
	display:block;
	color:#e3090f;
	padding:3px 18px 0 0;
	background:url(../img/picto_36.png) no-repeat 45px 6px;
	font-weight:bold;
	float: right;
}

.msie6 .bloc-login .erreur {
	left: -2px;
}
.msie6 .bloc-login .erreur img {
	 }


.bloc-abo-aprr {
	background: url(../img/abonnes/abo-aprr.gif) no-repeat;
	width: 400px;
	height: 24px;
}
.bloc-abo-area {
	background: url(../img/abonnes/abo-area.gif) no-repeat;
	width: 400px;
	height: 24px;
}

.bloc-abo-area li, .bloc-abo-area a, .bloc-abo-aprr li, .bloc-abo-aprr a {
	display: block;
	float: left;
	width: 190px;
	height: 24px;
}

.bloc-login .login-form {
	width: 340px;
	float: left;
	padding: 10px 0 15px 20px;
}
.bloc-login .login-form input {
	width: 145px;
}


/* map repliée */
.smallMap {
	width: 210px;
	height: 340px;
	overflow: hidden;
}
.smallMap * {
	margin-top: -30px;
	margin-left: -80px;
}


/* menu actus-fille */
.header-fille, .header-actus {
	position: relative;
	width: 690px;
}
.header-fille h1, .header-actus h1 {
	width: 530px;
	padding-bottom: 10px;
	display: block;
}
ul.menu-fille, ul.menu-actus {
	width: 140px;
	position: absolute;
	right: 0;
	bottom: 10px;
}
ul.menu-fille li, ul.menu-actus li {
	display: block;
	float: left;
	padding-left: 5px;
}


/* menu dyn */
#jsddm li div {
	position: absolute;
	visibility: hidden;
}

/* accordion */
#faq-accordion h2 {
	background: url(../img/pictos/puce-faq.gif) no-repeat 0 3px;
	font-size: 12px;
	padding-left: 15px;
}
h2.faq_title {
 font-size: 20px;
 padding-left: 0px;
}
#faq-accordion li div {
	padding-top: 5px;
}
#faq-accordion a {
	text-decoration: none;
}
#faq-accordion a:focus {
	outline: none;
}
#faq-accordion li {
	display: block;
}
ul.bt-accordion {
	border: solid 1px #bfbfbf;
	padding: 5px 0 0 10px;
	background: #f3f3f3;
	height: 20px;
	margin-bottom: 10px;
}
ul.bt-accordion li {
	display: block;
	float: left;
	padding-right: 15px;
}


/* CHARTE */

.bloc-charte-01 {
	padding:0;
}
.bloc-charte-01 p {
	margin:0;
	padding:0 0 10px 0;
}
.bloc-charte-01 p.lft {
	width: 262px;
}
.bloc-charte-01 .picture {
	float:right;
	width:248px;
	padding-left: 10px;
}
.bloc-charte-01 .legende {
	color: #434343;
	font-size: 10px;
	width: 100%;
	border-bottom: 1px #434343 solid;
	padding-bottom: 10px;
	padding-left:6px;
	 }

.bloc-charte-01 .picture p {
	padding: 0;
}
.bloc-charte-01 .legende span {
	padding-left: 5px;
}

.col2 .corps .bloc-intro h2 {
	color: black;
	font-size: 20px;
	margin-top: 20px;
}
.separateur-03 {
	background:url(../img/separateur_01.png) no-repeat left top;
	margin-top: 10px;
	margin-bottom: 10px;
}


.col2 .bloc-charte-01 .picture p.legende {
	color:#434343;
	font-size:10px;
	width:100%;
	border-bottom: 1px #434343 solid;
	padding: 0 0 10px 5px;
	margin-bottom: 15px;
}
.col2 .bloc-charte-01 h2 , .col12 h2 {
	color:#000;
	font-size:20px;
}
.col2 .bloc-charte-02 {
	padding-top:15px;
	margin-bottom: 10px;
}
#vignette {float:left;
}
.col12 .bloc-charte-02 {
	padding-bottom: 20px;
}
.col2 .bloc-charte-02 h2 {
	color:#6A6969;
	font-size: 18px;
}
.bloc-charte-03 {
	padding:5px 0 0 0;
	width: 520px;
}
.col12 .bloc-charte-03 {
	/*padding:5px 0 0 0;*/ 
	width: 670px;
}
.bloc-charte-03 .left {
	padding:15px 0 0 0;
	width: 350px;
	float:left;
}
.col12 .bloc-charte-03 .left {
	padding:15px 0 0 0;
	width: 500px;
	float:left;
}
.bloc-left-temoin {
	width: 356px;
	float: left;
	padding:0 0 0 0;
}
.bloc-charte-03 .left .picture {
	float:left;
	width:126px;
	margin-right: 10px;
}
.bloc-left-citation {
	width: 356px;
	float: left;
	padding: 0;
	background: url(../img/bg_citation.jpg) no-repeat;
}
.bloc-left-citation .txt {
	width: 300px;
	font-weight: bold;
	padding: 45px 0 30px 23px;
	 }
.bloc-left-citation .picture {
	float:left;
	width:126px;
	margin-right: 10px;
}
.bloc-charte-03 .left h2 {
	color:#6A6969;
	font-size: 18px;
}
.bloc-charte-03 .right {
	padding:15px 0 0 0;
	width: 140px;
	float:right;
}
.bloc-charte-04 {
	padding:15px 0 0 0;
	width: 520px;
	float: left;
}
.bloc-charte-04 h2 {
	color:#6A6969;
	font-size: 18px;
}
.visuels_temoin {
	float:right;
	overflow: hidden;
	width:140px;
	background: url(../img/filet_gris.gif) repeat-y top left;
}
.visuels_temoin .txt {
	width: 130px;
	float: right;
}
.visuels_temoin .txt h2 {
	color: #595959;
	font-size: 12px;
	font-weight:bold;
}
.visuels_temoin .txt_puce {
	background: url(../img/puce_red.gif) no-repeat bottom right;
	margin-bottom: 10px;
}
.liste   {
	 }
.liste ul  {
	margin-bottom: 10px;
	clear: left;
}
.liste ul li  {
	background:url(../img/puce_red.gif) no-repeat left top;
	padding-left: 20px;
	/* margin-top: 10px;
	*/ clear: left;
}
.bloc-charte-04 .encadre_rouge {
	width: 520px;
	float: left;
	padding:4px 0 0 4px;
	background: url(../img/bg_encadre_red.gif) no-repeat;
	height: 36px;
	font-weight: bold;
}
.bloc-charte-04 .table {
	width: 520px;
	margin-bottom: 10px;
}
.bloc-charte-04 .sondage1 {
	width: 134px;
	float: left;
	padding:0;
	background-image: url(../img/bg_sondage1.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 93px;
}
.bloc-charte-04 .sondage1 .title {
	color: black;
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	margin-bottom: 5px;
}
.bloc-charte-04 .sondage1 .chiffre {
	width: 57px;
	float: left;
	color: #ea0a12;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
}
.bloc-charte-04 .sondage1 .comment {
	width: 60px;
	float: right;
	color: black;
	text-align: left;
	font-weight: normal;
	margin-right: 11px;
}
.bloc-charte-04 .sondage2 {
	width: 131px;
	float: left;
	padding:0;
	background: url(../img/bg_sondage2.gif) no-repeat;
	font-weight: bold;
	height: 93px;
}
.bloc-charte-04 .sondage2 .chiffre {
	width: 57px;
	float: left;
	color: #ea0a12;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
}
.bloc-charte-04 .sondage2 .title {
	color: black;
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	margin-bottom: 5px;
}
.bloc-charte-04 .sondage2 .comment {
	width: 57px;
	float: right;
	color: black;
	text-align: left;
	font-weight: normal;
	margin-right: 11px;
}
.bloc-charte-04 .sondage3 {
	width: 131px;
	float: left;
	padding:0;
	background-image: url(../img/bg_sondage3.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 93px;
}
.bloc-charte-04 .sondage3 .title {
	color: #ea0a12;
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	margin-bottom: 5px;
}
.bloc-charte-04 .sondage3 .chiffre {
	width: 57px;
	float: left;
	color: black;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
}
.bloc-charte-04 .sondage3 .comment {
	width: 60px;
	float: right;
	color: black;
	text-align: left;
	font-weight: normal;
	margin-right: 8px;
}
.bloc-charte-04 .sondage4 {
	width: 123px;
	float: left;
	padding:0;
	background: url(../img/bg_sondage4.gif) no-repeat;	
	font-weight: bold;
	height: 93px;
}
.bloc-charte-04 .sondage4 .title {
	color: white;
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
	margin-bottom: 5px;
}
.bloc-charte-04 .sondage4 .chiffre {
	width: 53px;
	float: left;
	color: white;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
}
.bloc-charte-04 .sondage4 .comment {
	width: 60px;
	float: right;
	color: white;
	text-align: left;
	font-weight: normal;
	margin-right: 4px;
}
.bloc-charte-04 .encadre_gris {
	width: 520px;
	float: left;
	padding:6px 0 0 10px;
	background: url(../img/bg_encadre_grey.gif) no-repeat;
	height: 30px;
	font-weight: bold;
}
.bloc-charte-04 .liste_nume {
	float: left;
	width: 520px;
}
.bloc-charte-04 ol {
	margin-left: 30px;
}
.bloc-charte-04 ol li {
	margin-top: 10px;
	color: #E2001A;
	font-weight: bold;
}
.bloc-charte-04 ol li span {
	color: black;
	font-weight: normal;
}
.bloc-charte-05 {
	width: 520px;
	float: left;
}
.bloc-charte-05 h2 {color:black;
	font-size: 14px;
}
.bloc-charte-05 ul {
	margin-bottom: 10px;
}
.bloc-charte-05 ul li {
	background:url(../img/puce_carre.gif) no-repeat left top;
	padding-left: 15px;
	margin-top: 5px;
	margin-left: 40px;
}
.bloc-charte-05 .table3 {
	width: 520px;
}
.bloc-charte-05 .table3 .bottom {
	border-bottom: solid #b4b3b0 1px;
	width: 200px;
}
.bloc-charte-05 .table3 .rub1 {
	border-left: solid #b4b3b0 1px;
	border-top: solid #b4b3b0 1px;
	border-right: solid #b4b3b0 1px;
	font-weight: bold;
	width: 105px;
	text-align: center;
	height: 30px;
}
.bloc-charte-05 .table3 .pix_grey {
	background: url(../img/pix_gris.gif) repeat-x left bottom;
	width: 10px;
}
.bloc-charte-05 .table3 .rub2 {
	border-left: solid #b4b3b0 1px;
	border-top: solid #b4b3b0 1px;
	border-right: solid #b4b3b0 1px;
	font-weight: bold;
	width: 87px;
	text-align: center;
	background-color: #E6E5E1;
	height: 30px;
}
.bloc-charte-05 .table3 .pix_grey-fin {
	background: url(../img/pix_gris.gif) repeat-x left bottom;
	width: 5px;
}
.bloc-charte-05 .table3 .left {
	border-left: solid #b4b3b0 1px;
}
.bloc-charte-05 .table3 .colleft {
	width: 100px;
	background: #fff url(../img/pointilles.gif) repeat-x left bottom;
	padding-left: 4px;
}
.bloc-charte-05 .table3 .pix_plein {
	background: #FFF url(../img/pointilles.gif) repeat-x left bottom;
	width: 10px;
}
.bloc-charte-05 .table3 .colour {
	background: #E6E5E1 url(../img/pointilles.gif) repeat-x left bottom;
	width: 85px;
	padding-left: 4px;
}
.bloc-charte-05 .table3 .right {
	border-right: solid #b4b3b0 1px;
}
.bloc-charte-05 .table3 .pad {
	width: 195px;
	margin-left: 5px;
	border-bottom: solid #b4b3b0 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}
.bloc-charte-05 .table3 .pad2 {
	width: 200px;
	padding-left: 5px;
	font-weight: bold;
}
.bloc-charte-05 .table3 .colour2 {
	background-color: #E6E5E1;
	width: 85px;
}
.bloc-charte-05 .table3 .left-bottom {
	border-left: solid #b4b3b0 1px;
	border-bottom: solid #b4b3b0 1px;
}
.bloc-charte-05 .table3 .bottom-table {
	border-bottom: solid #b4b3b0 1px;
}
.bloc-charte-05 .table3 .bottom-table-color{
	background-color: #E6E5E1;
	border-bottom: solid #b4b3b0 1px;
}


/* slider */
.RadSlider_Default .vertical a.draghandle {
	background: url(../img/curseur.png) !important;
	margin-left: -8px !important;
}
.msie6 .RadSlider_Default .vertical a.draghandle {
	background-color: #e70a11;
	width: 20px;
	height: 5px;
	background-position: -2px 0;
}
.RadSlider_Default .vertical a.draghandle, .RadSlider_Default .vertical a.draghandle:hover {
	background-position: 0 0 !important;
}
.RadSlider_Default .vertical a.decrease, .RadSlider_Default .vertical a.increase {
	display: none;
}

.track {
	width: 1px !important;
	border: 0 !important;
	background: white;
	margin-left: 2px !important;
}
.RadSlider_Default .vertical .selectedregion {
	width: 1px !important;
	background: white;
}
.rslItem {
	width: 38px !important;
	background-position: 14px 0 !important;
	border: 0;
}
.rslItem span {
	display: none;
}
.msie6 .rslItem {
	width: 38px !important;
}



.RadDockZone_ActusTC  .rdPlaceHolder {
	height: 31px !important;
}


/* carte michelin */
#youritidiv {
	overflow:auto;
	height: 350px;
}
#youritidiv ul {
	width: 220px;
}
#youritidiv ul li {
	list-style-type: decimal;
	margin-left: 28px;
	padding-bottom: 5px;
	padding-left: -5px;
}
#youritidiv ul li .pan, #youritidiv ul li .dirPan {
	width: 35px;
}
#youritidiv .VMRoadSheet {
	width: 220px;
	font-size: 11px;
	color: #666;
	margin-top: 10px;
}


.raddockzone.rdVertical {
	z-index: 5;
}
.raddock {
	padding-bottom: 20px;
}
.raddock, .raddock * {
	z-index: 1;
}
.raddock .rdDraggable {
	z-index: 5;
}
.raddock .rdTitlebar {
	z-index: 1000;
}
.raddock .rdContent {
	z-index: 5;
}
/* .raddock .rdCommands *, .raddock .rdContent * {
	z-index: 2000;
} */


#dPrevTraficFirstStep ul li {
	position: relative;
}


/* WIDGETS ETAT FERMÉ */
.RadDock_Carteguide_1 .txtExt, .RadDock_Carteguide_1 .rdCommands .pos3 {
	display: none;
}
.RadDock_Carteguide_4 .txtExt, .RadDock_Carteguide_4 .rdCommands .pos3 {
	display: none;
}
.RadDock_Alertes .txtExt, .RadDock_Alertes .rdCommands .pos3 {
	display: none;
}
.RadDock_Actu .txtExt, .RadDock_Actu .rdCommands .pos3 {
	display: none;
}


.abonne {
	 }
.abonne .corps {
	 }

.abonne .corps, 
.abonne .corps h1, 
.abonne .corps .bloc-intro {
	z-index: 1 !important;
}

/* Bouton précédent formulaire inscription */
.precedent {
	background: url(../img/bt/bt-precedent.gif);
	width: 75px;
	height: 25px;
	border: 0;
	float: left;
	cursor: pointer;
}
.popindemo {
	width: 1050px!important;
	left:26%!important;
}
.popindemo .separateur {width: 1010px!important;
}
.popindemo .biso {width: 1200px!important;
	background: url(../img/popin-demo-biseau.png) no-repeat left top!important;
}


/* =SERVICES
----------------------------------------------------------------------------- */

.banner {
    overflow:hidden;
}

.banner img {
    float:right;
}

.services h1 {
    background:url(../img/picto-itineraire.png) left top no-repeat;
    padding:0 0 10px 45px;
}

/*
.services .formPeage {
    width:493px!important;
}

.services .tarifPeage .info {
    width:266px;
}*/

.services .menuPeage {
	
    width:462px;
}

.services .form_itineraires li {
    overflow:hidden;
	   
}

.services #dItinerairesStep1 h3 {
    font-size:12px;
}

.services #dItinerairesStep1 h3 img {
    padding:0 5px 0 0;
}

.services .bt-ok {
    background:url("../img/bt/bt-ok.gif") repeat scroll 0 0 transparent;
    border:0 none;
    cursor:pointer;
    height:25px;
    width:32px;
}

/*
.services .PeageFooter {
    background:url("../img/widgets/widget_footer1.png") no-repeat scroll left top transparent;
    height:22px;
    width:513px;
}*/




/* -------------------------------------------------------------------------- */
/* =EVOLUTION 16/09/2010 - 21/09/2010 (pascal.lemoign.fr)
----------------------------------------------------------------------------- */


/* widget global */
.widgetBox {
	background: url(../img/widgets/widget_evol_top.png) no-repeat left top;
	position: relative;
	width: 504px;
	height: auto;
	margin-bottom: 15px;
}
.widgetBox {
	padding: 1px 10px 0 1px;
}

.msie6 .widgetBox {
	background: url(../img/widgets/widget_evol_top.gif) no-repeat left top;
}

.widgetBox .widgetBoxBottom {
	background: url(../img/widgets/widget_evol_bottom.png) no-repeat left top;
	width: 504px;
	height: 15px;
	position: absolute;
	bottom: -15px;
	left: 0;
}
.msie6 .widgetBox .widgetBoxBottom {
	background: url(../img/widgets/widget_evol_bottom.gif) no-repeat left top;
}


/* css special itineraire pour regler bug img bg lrosque contenu trop long by chloro 11/10/10*/

.widgetBoxIti {
	background: url(../img/widgets/widget_evol_body_chloro.png) repeat-y left top;
	position: relative;
	width: 504px;
	height: auto;
	margin-bottom: 15px;
}
.widgetBoxiti {
	padding: 0 10px 0 1px;
}


.widgetBoxIti .widgetBoxBottom {
	background: url(../img/widgets/widget_evol_bottom.png) no-repeat left top;
	width: 504px;
	height: 15px;
	position: absolute;
	bottom: -15px;
	left: 0;
}

.widgetBoxIti .widgetBoxItiTop {
	background: url(../img/widgets/widget_evol_top_chloro.png) no-repeat left top;
	width: 504px;
	height: 8px;
	position: relative;
	left: 0;
}
.widgetBoxIti .widgetHeader {
	background: url(../img/widgets/widget_TraficTR_top.gif) left top no-repeat;
	height: 30px;
	padding: 10px 0 0 140px;
}

.widgetBoxIti .txtHead {
	background:url("../img/maj/bg-perturbations.gif") no-repeat scroll 0 0 transparent;
	clear:both;
	height:42px;
	padding:0 10px;
	position:relative;
	width: 465px;
}
.widgetBoxIti .txtHead .infos-speciales {
	position: absolute;
	left: 350px;
	top: 10px;
}
.widgetBoxIti .txtHead .vue-nationale {
	position:absolute;
	left:18px;
	top:12px;
}
.widgetBoxIti .txtHead select {
	left:140px;
	position:absolute;
	top:11px;
	width:140px;
}

.widgetBoxIti #dItinerairesStep1, #dItinerairesStep2, #dItinerairesStep3 {
	padding: 10px 30px 0 10px;
}
#dItinerairesStep1 h3, #dItinerairesStep2 h3, #dItinerairesStep2 h3 {
	font-size:12px;
}
#dItinerairesStep1 h3 img, #dItinerairesStep2 h3 img, #dItinerairesStep2 h3 img {
	padding:0 5px 0 0;
}

.widgetBoxIti .bt-left {
	float: left;
	padding-top: 10px;
}
.widgetBoxIti .bt-right {
	float: right;
	padding-top: 10px;
}

.widgetBoxIti select, .widgetBoxIti input, .widgetBoxIti textarea {
	font-size: 11px;
	color:#666666;
	padding:2px;
}


/* carte guide */
.widgetBox .RadDock_Carteguide_3 {
	background: url(../img/widgets/widget_evol_top.png) no-repeat left top;
	position: relative;
	width: 504px;
	height: auto;
	margin-bottom: 40px;
}
.msie6 .RadDock_Carteguide_3 {
	background: url(../img/widgets/widget_evol_top.gif) no-repeat left top;
}

.widgetBox .RadDock_Carteguide_3 .rdSideBorders {
	padding-bottom: 5px;
}

.widgetBox .RadDock_Carteguide_3 .rdBottomBorder {
	background: url(../img/widgets/widget_evol_bottom.png) no-repeat left top;
	width: 504px;
	height: 15px;
	position: absolute;
	bottom: -15px;
	left: 0;
}
.msie6 .RadDock_Carteguide_3 .rdBottomBorder {
	background: url(../img/widgets/widget_evol_bottom.gif) no-repeat left top;
}

.widgetBox .RadDock_Carteguide_3 .rdCommands {
	display: none;
} /* suppression des boutons du widget */

.widgetBox .raddock {
	padding-bottom: 0;
}
body .zone4 {
	margin-left: 0;
} /* calage du widget dans le corps de la page */
.bloc-charte-01 {
	clear: both;
} /* corrige le bug de chevauchement de la div avec le widget */

/*.RadDock_Carteguide_3 .txt .col-carte {
	width: 254px;
	height: 507px;
}*/

.widgetBox .RadDock_Carteguide_3 .rdDraggable, .RadDock_Carteguide_3 .rdTitlebar {
	display: none;
}

.widgetBox .RadDock_Carteguide_3 .rdContent {
	padding: 10px 0 0 10px;
}
.widgetBox .RadDock_Carteguide_3 .txt .control {
	padding-left: 315px;
}


/* péage */
.formPeage {
	width:464px;
}
.services .menuPeage {
	width:464px;
}
.menuPeage {
	margin:0 7px 0 0;
}
.menuPeage li a {
	color:black;
}


/* contenu widget */
.widgetBox .widgetHeader {
	background: url(../img/widgets/widget_TraficTR_top.gif) left top no-repeat;
	height: 30px;
	padding: 10px 0 0 140px;
}
.widgetBody {
	 padding-bottom: 10px;
}
.widgetFooter {
	clear: both;
}
.widgetFooter .form_itineraires {
	 }
.widgetFooter .form_itineraires li {
	padding-bottom: 0;
}
.widgetFooter .bt-ok {
	background:url("../img/bt/bt-ok.gif") repeat scroll 0 0 transparent;
	border:0 none;
	float: right;
	cursor:pointer;
	height:25px;
	width: 32px;
}
.widgetCol {
	width: 232px;
	float: left;
}
.widgetCol select, .widgetBox .widgetCol input {
	width: 90%;
}

.widgetBox .txtHead {
	background:url("../img/maj/bg-perturbations.gif") no-repeat scroll 0 0 transparent;
	clear:both;
	height:42px;
	padding:0 10px;
	position:relative;
	width: 465px;
}
.widgetBox .txtHead .infos-speciales {
	position: absolute;
	left: 350px;
	top: 10px;
}
.widgetBox .txtHead .vue-nationale {
	position:absolute;
	left:10px;
	top:12px;
}
.widgetBox .txtHead .box-affichage {
	position:absolute;
	left:122px;
	top:12px;
	width: 69px;
	height: 20px; 
	cursor: pointer;
}
.widgetBox .txtHead select {
	left:200px;
	position:absolute;
	top:12px;
	width:130px;
}


/*DEBUT Evol 27886 */

.widgetBoxTempsReel .txtHead {
	background: url("/img/maj/bg-perturbations.gif") no-repeat 0px 0px; padding: 0px 10px; width: 465px; height: 42px; clear: both; position: relative;
}
.widgetBoxTempsReel .txtHead select {
	padding: 2px; left: 140px; top: 11px; width: 140px; color: rgb(102, 102, 102); font-size: 11px; position: absolute;
}
.widgetBoxTempsReel .txtHead .infos-speciales {
	left: 350px; top: 10px; position: absolute;
}
.widgetBoxTempsReel .txtHead .vue-nationale {
	left: 18px; top: 12px; position: absolute;
}
.widgetBoxTempsReel .txtFooter {
	padding: 5px 10px;
}
.widgetBoxTempsReel .txtFooter li {
	margin: 0px; padding: 0px; float: left; display: block; list-style-type: none;
}
.widgetBoxTempsReel .txtFooter span {
	float: right; display: block;
}
.widgetBoxTempsReel .txtFooter select {
	padding: 2px; width: 140px; font-size: 11px; color: #666;
}
.widgetBoxTempsReel .txtFooter .bt-vue {
	background: url("/img/bt/bt-vue.gif"); border: 0px currentColor; width: 98px; height: 20px;
}

.widgetBoxTempsReel .txtFooter .bt-vue {
	background: url("/img/bt/bt-vue.gif"); border: 0px currentColor; width: 98px; height: 20px;
}

.widgetBoxTempsReel iframe {
    margin-top:-2px;
    margin-left:-1px;
}

.widgetBoxTempsReel .img_progress 
{
    display:block;
    position:absolute;
    left:300px;
    top:14px;
}

/*FIN Evol 27886 */

.widgetBox #dItinerairesStep1, #dItinerairesStep2, #dItinerairesStep3 {
	padding: 10px 30px 0 10px;
}
#dItinerairesStep1 h3, #dItinerairesStep2 h3, #dItinerairesStep2 h3 {
	font-size:12px;
}
#dItinerairesStep1 h3 img, #dItinerairesStep2 h3 img, #dItinerairesStep2 h3 img {
	padding:0 5px 0 0;
}

.widgetBox .bt-left {
	float: left;
	padding-top: 10px;
}
.widgetBox .bt-right {
	float: right;
	padding-top: 10px;
}



/* headers eServices */
.services .pictoH1 {
	padding:0 0 10px 45px;
	background-repeat: no-repeat;
	background-position:  left top;
	float:left;
	font-size:27px;
	font-weight:normal;
	position:relative;
}

.services .pictoPerturbations {
	background-image:url("/fr/preparation_au_voyage/perturbations.png?FileID=widget%2fperturbations.png");
}
.services .pictoCarteGuide {
	background-image:url("/fr/preparation_au_voyage/carte_guide.png?FileID=widget%2fcarte_guide.png");
}
.services .pictoTravaux {
	background-image:url("/fr/preparation_au_voyage/travaux.png?FileID=widget%2ftravaux.png");
}
.services .pictoMeteo {
	background-image:url("/fr/preparation_au_voyage/meteo.png?FileID=widget%2fmeteo.png");
}
.services .pictoItineraires {
	background-image:url("/fr/preparation_au_voyage/itineraires.png?FileID=widget%2fitineraires.png");
}
.services .pictoAutorouteInfo {
	background-image:url("/fr/preparation_au_voyage/107_7.png?FileID=widget%2f107_7.png");
}
.services .pictoTraficTR {
	background-image:url("/fr/preparation_au_voyage/trafic_temps_reel.png?FileID=widget%2ftrafic_temps_reel.png");
	font-weight:bold;
}
.services .pictoVitesse {
	background-image:url("/fr/preparation_au_voyage/vitesse.png?FileID=widget%2fvitesse.png");
	font-weight:bold;
}
.services .pictoPeage {
	background-image:url("/fr/preparation_au_voyage/peage.png?FileID=widget%2fpeage.png");
}
.services .pictoWebcam {
	background-image:url("/fr/preparation_au_voyage/webcam.png?FileID=widget%2fwebcam.png");
}
.services .pictoPrevisions {
	background-image:url("/fr/preparation_au_voyage/prevision_trafic.png?FileID=widget%2fprevision_trafic.png");
}
.services .pictoActus {
	background-image:url("/fr/preparation_au_voyage/actualites.png?FileID=widget%2factualites.png");
}
.services .pictoAlertes {
	background-image:url("/fr/preparation_au_voyage/alertes_temps_reel.png?FileID=widget%2falertes_temps_reel.png");
}
.services .bloc-intro {
	padding-bottom: 15px;
}
.services .bloc-intro h1 {
	padding: 0;
	background: none;
}
.services .bloc-intro h1, .services .bloc-intro span, .services .bloc-intro p {
	font-size: 12px;
	font-weight: bold;
	font-weight: bold;
	display: inline;
	width: auto;
}


/* opti seo */
.widgetBox {
	 }
#descTop {
	 }
#descBottom {
	 }

/* carte guide */
.widgetBox .txt {
	padding: 0;
	text-align: left;
	width: 500px;
	overflow: hidden;
}
.widgetBox .txt .col-gmap {
	height:507px;
	width:254px;
	float: left;
	padding: 0;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}
.widgetBox .txt .col-recherche {
	width: 200px;
	float: right;
	padding: 5px 15px 10px 15px;
}
.widgetBox .txt .col-recherche h3 {
	padding: 5px 0 5px 0;
	clear: both;
	font-size: 12px;
}
.widgetBox .txt .col-recherche span {
	display: block;
	clear: both;
}
.widgetBox .txt .control {
	clear: both;
	padding-left: 320px;
}
.widgetBox .txt ul {
	padding-top: 10px;
	font-size: 12px;
}
.widgetBox .txt li {
	padding-bottom: 4px;
}
.widgetBox .txt li input {
	color: #6B6B6B;
	font-size: 11px;
	border: 1px solid #9d9c95;
	width: 146px;
}
.widgetBox .txt select {
	font-size: 11px;
	color: #6b6b6b;
	width: 200px;
}
.widgetBox .txt .bt-ok {
	background: url(../img/bt/bt-ok.gif);
	position: absolute;
	top: 55px;
	left: 170px;
	width: 32px;
	height: 25px;
	border: 0;
	cursor: pointer;
}


.reinit, .widgetBox .reinit {
	background: url(../img/bt/bt-reinit.gif) no-repeat;
	width: 83px;
	height: 20px;
	border: 0;
	cursor: pointer;
	 }
.valider, .widgetBox .valider {
	background: url(../img/bt/bt-valider.gif) no-repeat;
	width: 59px;
	height: 20px;
	border: 0;
	cursor: pointer;
}
.animation, .widgetBox .animation {
	background: url(../img/bt/bt-animation.gif) no-repeat;
	width: 120px;
	height: 20px;
	border: 0;
	cursor: pointer;
}
.modifier, .widgetBox .modifier {
	background: url(../img/bt/bt-modifier.gif) no-repeat;
	width: 62px;
	height: 25px;
	border: 0;
	cursor: pointer;
	float: right;
	margin-right: 30px;
}
.bt-retry, .widgetBox .txt li input.bt-retry {
	background: url(../img/bt/bt-retry.gif) no-repeat;
	width: 110px;
	height: 25px;
	border: 0;
	cursor: pointer;
	 }


/* carte michelin */
.widgetBoxIti .txt .col-carte  {
	padding: 10px 25px 0 10px;
}
.widgetBoxIti #carte  {
	width: 465px;
	height: 205px;
}
.widgetBoxIti .txt .col-trajet {
	padding: 5px 25px 0 10px;
}

.itiHeader {
	background-image : url(../img/widgets/widget_itineraires_bg.gif);
	height: 33px;
	margin-bottom: 5px;
	clear: both;
}
#idItiSummary {
	color: white;
	font-weight: bold;
	font-size: 12px;
}
#idItiSummary small {
	display: none;
}
#idItiSummary dl {
	width: 345px;
	padding: 10px;
	float: left;
}
#idItiSummary dt, #idItiSummary dd {
	float: left;
	padding-right: 10px;
}
#idResumeTempsTotal {
	border-right: solid 1px white;
	padding-right: 10px;
}
.itiPrint {
	background: url(../img/widgets/widget_itineraires_print.gif) no-repeat;
	padding-left: 25px;
	width: 50px;
	float: left;
	margin-top: 10px;
}
.itiPrint a {
	color: white;
	font-weight: bold;
	font-size: 12px;
}

#youritidiv {
	width: auto;
	height: auto;
	overflow: hidden;
}
#youritidiv ul {
	background-color: #faf4f4;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#youritidiv ul li {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}
#youritidiv ul li .pan, #youritidiv ul li .pan3, #youritidiv ul li .dirPan {
	width: 200px;
}
#youritidiv ul li .pan3 {
	border-color: black;
	margin-left: 25px;
	margin-top: 5px;
}
#youritidiv ul li.even {
	background-color : #e9e5e4;
}
#youritidiv ul li ul li {
	margin: 0;
	padding: 5px 0 0 15px;
	clear: both;
	float: none;
}
#youritidiv ul li ul {
	background-color: transparent;
	clear: both;
	float: none;
}
#youritidiv ul li .detailLeft {
	float: left;
	height: 18px;
}
#youritidiv ul li .detailRight {
	float: right;
	text-align: right;
	height: 18px;
}

#youritidiv .mentionRight {
	text-align: right;
	display: block;
	clear: both;
	float: none;
}

.itiSep {
	border-top: solid 1px #cccccc;
	margin-top: 10px;
}
.itiSep .bt-right {
	padding-top: 0;
}
.itiPicto {
	padding-right: 5px;
}


.VMRoadSheet {
	width: auto;
	font-size: 11px;
	color: #666;
	margin-top: 10px;
}

.pan {
	background-color:#FFFFFF;
	border:1px solid #000066;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan9 {
	background-color:#00FF00;
	border:1px solid #000066;
	color:#FFFFFF;
	display:none;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan8 {
	background-color:#00FF00;
	border:1px solid #000066;
	color:#FFFFFF;
	display:none;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan7 {
	background-color:#339966;
	border:1px solid #000066;
	color:#FEE21D;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan6 {
	background-color:#FFFF00;
	border:1px solid #000066;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan5 {
	background-color:#FF0000;
	border:1px solid #000066;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan4 {
	background-color:#006699;
	border:1px solid #000066;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan3 {
	background-color:#FFFFFF;
	border:1px solid #000066;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan2 {
	background-color:#0000FF;
	border:1px solid #000066;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}
.pan1 {
	background-color:#009834;
	border:1px solid #000066;
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px;
	text-align:center;
	width:45px;
}

.corps p, .corps li {
	font-size:12px;
}

/* evol 29153*/
.col12 .bloc-intro_seo {
	background: url("../img/degrade_01.png") repeat-x left top; padding: 24px 0px 0px; width: 690px; line-height: 18px; clear: both; font-size: 12px;
}

.col12 .bloc-intro_seo  .img_bandeau
{
	margin-bottom: 20px;
}

.col12 .bloc-intro_seo .img_lien {
	padding: 0px 0px 3px 10px; border: 0px currentColor; float: right;
}
.col12 .bloc-intro_seo h2 {
	margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold;
}
.col12 .bloc-intro_seo h2 a {
	margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; text-decoration: none;
}
.col12 .bloc-intro_seo p {
	padding: 5px 0px 10px;
}
.col12 .bloc-intro_seo ul {
	padding: 0px 0px 0px 10px;
}
.col12 .bloc-intro_seo ul li {
	background: url("../img/bullet-02.png") no-repeat left 3px; padding: 0px 0px 0px 15px;
}
.col12 .bloc-intro_seo ul li a {
	font-weight: bold; text-decoration: none;
}
.col12 .bloc-intro_seo ul li a:hover {
	text-decoration: none;
}
.col12 .bloc-intro_seo ul li span {
	font-weight: bold;
}
.col12 .bloc-intro_seo h3 {
	color: rgb(0, 0, 0); padding-top: 20px; font-size: 16px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.col12 .bloc-intro_seo .padding {
	padding-top: 5px; padding-bottom: 10px;
}
.col12 .bloc-intro_seo .lien {
	margin: 20px 0px 10px; padding: 0px; width: 690px; font-size: 12px;
}
.col12 .bloc-intro_seo .filet {
	background: url("../img/bottom_lien.png") no-repeat bottom; width: 690px;
}
.col12 .bloc-intro_seo .lien .txt {
	margin: 0px; padding: 0px;
}
.col12 .bloc-intro_seo .lien .last_txt {
	margin: 0px; padding-bottom: 40px;
}
.col12 .bloc-intro_seo .lien h4 {
	margin: 0px; padding: 0px; font-size: 14px; font-weight: bold;
}
/*fin evol 29153*/
/* Evol 29631*/
#popin .services  .services-row  .head_alerte
{
    width: 125px;
    padding: 3px;
    font-weight: bold;
}
#popin .services  .services-row  .choix_alerte
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px; 
}
.msie7 #popin .services  .services-row  .choix_alerte,
.msie6 #popin .services  .services-row  .choix_alerte
{
    padding-top: 1px;
    padding-bottom: 1px;
}

#popin .services  .services-row  .choix_alerte LABEL
{
    font-weight: normal;
    display:inline;
    float:none;
}
#popin .services .services-row .choix_alerte INPUT
{
    display:inline;
    float:none;
}
#popin .services  .services-row  .liste_choix_alertes
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#popin .services #tronc
{
    height:250px;
}
#popin .services .services-row  #tronc
{
    padding-bottom:10px;
    padding-right:10px;
    
}
#popin .services .services-row LABEL
{
    display:inline;
    float:none;
    font-size:12px;
    font-weight:bold;
    padding:0 0 0 5px;
}
#popin .services .bloc-inscriptions INPUT
{
    display:inline;
    float:none;
}
#popin .services .services-row
{
    padding-right:10px;
    padding-bottom:10px;
}
#popin .services .bloc-inscriptions
{
    height:390px;
}
/* fin evol 29631*/


/* Evol 30160 */


.bloc-vues-personnalisees
{
    padding:10px 0px;
}

.bloc-vue-perso
{
    display:inline-block;
    margin:5px;
}

.bloc-description-vue-perso
{
    border: 1px black solid;
    width:120px;
    height:120px;
    padding:3px;
    overflow:hidden;
    font-size:12px;
    cursor:pointer;
    position:relative;
    z-index:1;
}

.bloc-img-vue-perso
{
    height:120px;
    width:120px;
    position:absolute;
    z-index:2;
}

.bloc-text-vue-perso
{
    background-color:Black;
    height:120px;
    width:120px;
    position:absolute;
    opacity: 0.6;
    filter:alpha(opacity=60);
    color:White;
    z-index:1;
}


.bloc-description-vue-perso>span
{
    font-weight:bold;
}

.bloc-confirmation-personnalisation
{
    padding:15px;
}


.message-confirmation-personnalisation
{
    padding-bottom:15px;
}

.ContainerLiensVuePersonnalisee
{
    position:relative;
}

.bouton-plus,
.bouton-plus:hover
{
    font-size:40px;
    position:absolute;
    right:30px;
    top:-15px;
    background-color:#ffffff;
    border:1px solid black;
    text-decoration:none;
}

.LabelVueCourante
{
    font-weight:bold;
}

.content.home .page .inner 
{
    padding:0px;
}

/* fin evol 30160 */



/**** Refonte *******/

* {
    margin: 0;
    padding: 0;
    /*vertical-align: baseline;*/
}

.corps
{
     vertical-align: top;
}

html {
    font-size: 100%;
}
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 0.75em Arial,Helvetica,sans-serif;
}
a {
    cursor: pointer;
    outline: 0 none;
    text-decoration: none;
}
a:hover {
}
object {
    outline: 0 none;
}
ul, li {
    list-style: none outside none;
}
input {
    height: auto;
}
textarea {
    overflow: auto;
}
input, select, textarea, button {
    font: 1em Arial,Helvetica,sans-serif;
}
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
    border: 0 none;
    font-size: 1em;
}
table {
    border-collapse: collapse;
}
@font-face {
    font-family: "EurostileLTStdBold";    
    src: url('/css/typo/eurostileltstd-bold-webfont.eot');
    src: url("/css/typo/eurostileltstd-bold-webfont.eot?#iefix") format("embedded-opentype"), 
         url("/css/typo/eurostileltstd-bold-webfont.woff") format("woff"), 
         url("/css/typo/eurostileltstd-bold-webfont.ttf") format("truetype"), 
         url("/css/typo/eurostileltstd-bold-webfont.svg#EurostileLTStdBold") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "EurostileLTStdDemi";
    src: url('/css/typo/eurostileltstd-demi-webfont.eot');
    src: url("/css/typo/eurostileltstd-demi-webfont.eot?#iefix") format("embedded-opentype"), 
         url("/css/typo/eurostileltstd-demi-webfont.woff") format("woff"), 
         url("/css/typo/eurostileltstd-demi-webfont.ttf") format("truetype"), 
         url("/css/typo/eurostileltstd-demi-webfont.svg#EurostileLTStdDemi") format("svg");
}





.header {
    height: 56px;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 917px;
}

.header.anniv {
    height: 131px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 917px;
}

.header h1, .header .img-logo {
    background: url("/img/skin/logo-aprr-area.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 37px;
    margin: 0 259px 0 0;
    overflow: hidden;
    width: 236px;
}

.header h1 a, .header .img-logo a {
    background: url("/img/skin/logo-aprr-area.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding: 37px 0 0;
    width: 236px;
}
.header:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#search {
    float: left;
    height: 19px;
    margin: 13px 15px 0 0;
    position: relative;
    width: 137px;
}
#search input {
    border: 1px solid #EDEDED;
    color: #868686;
    display: block;
    font-size: 0.92em;
    height: 17px;
    line-height: 17px;
    padding: 0 22px 0 6px;
    width: 107px;
}
#search .go 
{
    background: url('/img/skin/input-search.gif') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    border: medium none;
    height: 17px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 22px;
}

#pictos {
    float: left;
    padding: 15px 0 0;
    position: relative;
    width: 81px;
}
#pictos ul {
    overflow: hidden;
    width: 81px;
}
#pictos li {
    display: block;
    float: left;
    height: 15px;
    padding: 0;
}
#pictos a, #pictos .st_email_custom {
    background: url("/img/skin/pictos.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding: 15px 0 0;
}
#pictos .tooltip {
    background: none repeat scroll 0 0 #868686;
    color: #FFFFFF;
    display: none;
    font-size: 0.83em;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: -999em;
    width: 81px;
}

#pictos li:hover .tooltip, .sfHover .tooltip {
    display: block;
    top: 0;
}
#pictos .picto-1 {
    margin: 0 6px 0 0;
    width: 17px;
}
#pictos .picto-1 a {
    background-position: 0 0;
    width: 17px;
}
#pictos .picto-1 a:hover {
    background-position: -83px 0;
}
#pictos .picto-2 {
    margin: 0 5px 0 0;
    width: 15px;
}
#pictos .picto-2 a {
    background-position: 0 -15px;
    width: 15px;
}
#pictos .picto-2 a:hover {
    background-position: -85px -15px;
}
#pictos .picto-3 {
    margin: 0 6px 0 0;
    width: 13px;
}
#pictos .picto-3 a {
    background-position: 0 -30px;
    width: 13px;
}
#pictos .picto-3 a:hover {
    background-position: -87px -30px;
}
#pictos .picto-4 {
    width: 19px;
}

#pictos .picto-4 a {
    cursor:pointer;
    background-position: 0 -45px;
    width: 19px;
}

#pictos .picto-4 a:hover {
    background-position: -81px -45px;
}

#connect {
    display: block;
    float: right;
    padding: 14px 0 0;
    width: 161px;
}

#connect .open-connect {
    color: #FF0000;
    font-family: 'EurostileLTStdDemi',Arial,Helvetica,sans-serif;
    font-size: 1.25em;
    font-style: italic;
    line-height: 17px;
}

#connect .disconnect {
    color: #868686;
    display: block;
    font-size: 0.92em;
    margin: 6px 0 0;
}
#connect .disconnect {
    text-decoration: underline;
}

#menu-o {
    background: url("/img/skin/cache.gif") repeat-y scroll 50% 0 #4F76C8;
    padding: 20px 0 0;
    z-index: 11;
}

#menu {
    background: url("/img/skin/bg-menu.gif") repeat-y scroll 50% 0 transparent;
    height: 27px;
    z-index: 11;
    
}
#menu-i
{
    position:relative;
    margin: 0 auto;
    width: 917px;
    z-index: 11;
}
#menu-i>ul
{
    position:absolute;
}

#menu-i li {
    display: block;
    float: left;
    height: 27px;
    position: relative;
}
#menu-i .item {
    background: url("/img/skin/menu.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding: 27px 0 0;
    position: relative;
    text-align: center;
}
#menu-i .item span {
    background: none repeat scroll 0 0 #C4C4C4;
    display: block;
    height: 11px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
}
#menu-i .current span, #menu-i .prev-current span, #menu-i #item-6 span {
    display: none;
}
#menu-i .current:hover span {
    display: block !important;
}
#menu-i .current:hover .prev {
    left: 0;
}
#menu-i .current:hover .prev {
    left: 0;
}
#menu-i #item-1 a {
    background-position: 0 0;
    width: 132px;
}
#menu-i #item-1 a:hover {
    background-position: 0 -27px;
}
#menu-i #item-1 .current {
    background-position: 0 -54px;
}
#menu-i #item-2 a {
    background-position: -127px 0;
    width: 99px;
}
#menu-i #item-2 a:hover {
    background-position: -127px -27px;
}
#menu-i #item-2 .current {
    background-position: -127px -54px;
}
#menu-i #item-3 a {
    background-position: -226px 0;
    width: 151px;
}
#menu-i #item-3 a:hover {
    background-position: -226px -27px;
}
#menu-i #item-3 .current {
    background-position: -226px -54px;
}
#menu-i #item-4 a {
    background-position: -377px 0;
    width: 98px;
}
#menu-i #item-4 a:hover {
    background-position: -377px -27px;
}
#menu-i #item-4 .current {
    background-position: -377px -54px;
}
#menu-i #item-5 a {
    background-position: -475px 0;
    width: 127px;
}
#menu-i #item-5 a:hover {
    background-position: -475px -27px;
}
#menu-i #item-5 .current {
    background-position: -475px -54px;
}
#menu-i #item-6 a {
    background-position: -602px 0;
    width: 137px;
}
#menu-i #item-6 a:hover {
    background-position: -602px -27px;
}
#menu-i #item-6 .current {
    background-position: -602px -54px;
}
#menu-i #item-7 a {
    background-position: -744px 0;
    width: 173px;
}
#menu-i #item-7 a:hover {
    background-position: -744px -27px;
}
#menu-i #item-7 .current {
    background-position: -744px -54px;
}
#menu-i .sub {
    background: url("/img/skin/bg-sub.png") repeat-x scroll 0 0 transparent;
    display: block;
    left: 0;
    overflow: hidden;
    padding: 8px 13px;
    position: absolute;
    top: -999em;
    width: 140px;
    z-index: 11;
}
#menu-i li:hover .sub, .sfHover .sub {
    top: 27px;
}
#menu-i .sub li {
    float: none;
    height: auto;
    padding: 4px 0;
}
#menu-i .sub li a {
    color: #5A5C5E;
    display: block;
    font-weight: bold;
}
#menu-i .sub li a:hover {
    color: #FF0000;
    text-decoration:none;
}


#middle-o {
    background: url("/img/skin/visu-bg.jpg") no-repeat scroll 50% 100% #344a83;
    z-index: 0;
}
#middle {
    background: url("/img/skin/cache.gif") repeat-y scroll 50% 0 transparent;
    z-index: 0;
}
#middle-i {
    margin: 0 auto;
    padding: 0 0 31px;
    width: 917px;
    z-index: 0;
}

.page
{
    background: url("/img/skin/bg-content-o.gif") no-repeat scroll 0 100% transparent;
    padding: 0 0 21px;
}

.content-page
{
    background: none repeat scroll 0 0 #FFFFFF;
    width: 917px;
    min-height:500px;
    position:relative;
}

.page.home
{
    background: url("/img/skin/bg-content-o-hp.gif") no-repeat scroll 0 100% transparent;
    padding: 0 0 21px;
}

.home .content-page
{
    background: url("/img/skin/bg-content.gif") repeat-y scroll 0 0 transparent;
    /*overflow: hidden;*/
    width: 917px;
    min-height:500px;
    position:relative;
}

#ariane
{
    color: #FFFFFF;
    font-size: 0.92em;
    padding: 10px 0 8px;
}
#ariane div
{
    display:inline;
}

#ariane a,
#ariane a:hover
{
    color:#ffffff;
}

#footer-first
{
    position: absolute;
    width:100%;
    bottom:0px;
}

.footer {
    color: #5A5C5E;
    font-size: 0.92em;
    text-align: center;
}
.footer a, #third span {
    color: #5A5C5E;
    padding: 0 6px;
}
.footer a:hover {
    text-decoration: underline;
}

#footer-o {
    background: url("/img/skin/bg-footer.gif") repeat-x scroll 0 0 #1A1B1B;
    display: none;
}
#footer {
    background: url("/img/skin/cache.gif") repeat-y scroll 50% 0 transparent;
}
#footer-i {
    margin: 0 auto;
    padding: 30px 0 45px;
    width: 917px;
}
#seo {
    overflow: hidden;
    padding: 0 0 30px;
    width: 917px;
}
#seo li {
    display: block;
    float: left;
    padding: 0 11px;
    width: 109px;
}
#seo h2 {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 0 10px;
}
#seo p {
    color: #B2B2B2;
    font-size: 0.92em;
    line-height: 18px;
}
#secondary {
    color: #FFFFFF;
    font-size: 0.92em;
    text-align: center;
}
#secondary a {
    color: #FFFFFF;
    padding: 0 12px;
}
#secondary a:hover {
    text-decoration: underline;
}


#footer-interne-o {
    background: url("/img/skin/bg-footer.gif") repeat-x scroll 0 0 #1A1B1B;
}
#footer-interne {
    background: url("/img/skin/cache.gif") repeat-y scroll 50% 0 transparent;
}
#footer-interne-i {
    margin: 0 auto;
    padding: 30px 0 45px;
    width: 917px;
}
#footer-interne p {
    color: #FFFFFF;
    font-size: 0.92em;
    text-align: center;
}
#footer-interne p a {
    color: #FFFFFF;
    padding: 0 12px;
    white-space: nowrap;
}
#footer-interne p span {
    padding: 0 12px;
}
#footer-interne p a:hover {
    text-decoration: underline;
}

.fb-body
{
    background-color:transparent;
}
.LienVuePerso
{
    padding-top: 2px;
    position: absolute;
    top: -1px;
}

.ariane li
{
    margin: 0;
}
.cg_perso
{
    font-size: 11px;
}