@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; }

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; }
 
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;}


/* 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; }

/* 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: 916px; margin: 0 auto; position:relative; height:96px;	z-index:5000; }

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

.col3 li a { 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; }
.deco { height:24px; width:100%; position:absolute; top:83px; left:-50%; z-index:1; background:#FFFFFF; }


/*  =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 left top; }
.nav li.onglet1 a { background-position:0 0; width:157px; }
.nav li.onglet2 a { background-position:-157px 0;width:162px; }
.nav li.onglet3 a { background-position:-319px 0;width:155px; }
.nav li.onglet4 a { background-position:-474px 0;width:128px; }
.nav li.onglet5 a { background-position:-602px 0;width:143px; }
.nav li.onglet6 a { background-position:-745px 0;width:171px; }
.nav li.onglet1 a:hover { background-position: 0 -24px; width: 157px; }
.nav li.onglet2 a:hover { background-position: -157px -24px; }
.nav li.onglet3 a:hover { background-position:-319px -24px; }
.nav li.onglet4 a:hover { background-position:-474px -24px; }
.nav li.onglet5 a:hover { background-position:-602px -24px; }
.nav li.onglet6 a:hover { background-position:-745px -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:-157px -48px; }
.nav li.onglet3 a.actif, .nav li.onglet3 a.actif:hover { background-position:-319px -48px; }
.nav li.onglet4 a.actif, .nav li.onglet4 a.actif:hover { background-position:-474px -48px; }
.nav li.onglet5 a.actif, .nav li.onglet5 a.actif:hover { background-position:-602px -48px; }
.nav li.onglet6 a.actif, .nav li.onglet6 a.actif:hover { background-position:-745px -48px; }
.nav li.onglet2-annexe a { background-position:-157px -72px; }
.nav li.onglet3-annexe a { background-position:-319px -72px; }
.nav li.onglet4-annexe a { background-position:-474px -72px; }
.nav li.onglet5-annexe a { background-position:-602px -72px; }
.nav li.onglet2-annexe a:hover { background-position:-157px -96px; }
.nav li.onglet3-annexe a:hover { background-position:-319px -96px; }
.nav li.onglet4-annexe a:hover { background-position:-474px -96px; }
.nav li.onglet5-annexe a:hover { background-position:-602px -96px; }



/* fil d'ariane */
.ariane { clear:both; display: block; padding:10px 0 2px 0; width:916px; 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: 916px; margin: 0 auto; position: relative; min-height: 500px; }
.page .inner { padding: 30px 0 10px 27px; }
.page-foot { width: 916px; 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: normal; 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; /*margin-top:-15px;*/ margin-right: 2px; }
.bloc-02 { /*background:url(/img/bg_bloc_02.png) no-repeat left top;/*/ position:relative;}
.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:3000;}
.msie6 .bloc-02 .picture { left:-5px;}
.bloc-03 { background:url(/img/bg_bloc_03.png) no-repeat left top;}
.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 { 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 { padding:0 15px 0 25px; margin-bottom : 4px; }
.bloc-04 { background:url(/img/bg_bloc_04.png) no-repeat left top;}
.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 left top; }
.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;}
/*.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: 510px; 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: 510px; 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 { colr: #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.png) no-repeat left top; width: 232px; height: 281px;  padding-bottom: 10px; }
.msie6 .RadDock_AlertesOn { background: url(/img/widgets/gif/widget_alertes_2.gif) 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: 157px; }
.plan .col-2 { width: 163px; }
.plan .col-3 { width: 153px; }
.plan .col-4 { width: 128px; }
.plan .col-5 { width: 140px; }
.plan .col-6 { width: 166px; border-right: none; }

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



/*  =FOOTER
----------------------------------------------------------------------------- */
.footer { clear: both; text-align: center; padding: 0; width: 916px; margin: 0 auto; height: 20px; }
.msie6 .footer { padding:10px 0 0 0; }
.footer .nav-first { padding:13px 0 14px 0; display : inline; margin : 0px auto;}
.footer .nav-first li, .footer .nav-second li { display:inline; color:#FFFFFF; }
.footer .nav-first a { color:#FFFFFF; font-size:12px; padding:0 10px 10px 10px; }
#footer-second { clear: both; width: 1300px; height: 317px; background: url(../img/footer-background.png) no-repeat left top; margin: 0 auto;  }
#footer-second #nav-first-2 {height:15px; margin-left:214px; *margin-top: 25px;  _margin-top: -10px; }
#footer-second .nav-first-2 { padding:13px 0 14px 0; display : inline; margin : 0px auto;}
#footer-second .nav-first-2 li{ display:inline; color:#FFFFFF; }
#footer-second .nav-first a { color:#FFFFFF; font-size:12px; padding:0 10px 10px 10px; }
#footer-second .nav-second { padding-top:10px; }
#footer-second .nav-second a { padding:0 3px 0 3px; color:#FFFFFF; font-size:10px; }
/*#aspnetForm { width:1300px; overflow:hidden; margin:0 auto; }*/   /*modification du gris */




/*  =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
----------------------------------------------------------------------------- */

#popin { width: 489px; /* background: url(/img/bg_popin.png) no-repeat left bottom; */ text-align: left; position: absolute; top: 40%; margin-top: -200px; left: 50%; margin-left: -244px; z-index: 25; }

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


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

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

#popin p { clear: both; }

#popin .erreur { position: relative; display:block; width:450px; margin-top: 5px;}
#popin .erreur img { position: absolute; top: -4px; left: 5px; }
#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 { left: -2px; }
.msie6 #popin .erreur img {  }

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

#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 { font-size: 14px; font-weight: bold; color: #797979; padding: 0 0 10px 0; }
#popin h4 { text-transform: uppercase; font-weight: bold; }

#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 { 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 { /* clear:both; */ padding:5px 0 10px 0; font-size:12px; }
#popin .cadreIntro { border: solid #e3090f 1px; padding: 5px 0 0 10px; margin-bottom: 10px; }
#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 { 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 { width:180px; height:21px; color:#fff; background:url(/img/bg_bt_01.png) right top; }
#popin .bt-02 a { display:block; font-weight:bold; color:#FFFFFF; padding:3px 0 0 0; font-size:12px; }
#popin .bt-02 a:hover { text-decoration: none; }
#popin .bt-01, #popin .bt-02 { position: absolute; bottom: 0; }
#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 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/popin-biseau.png", sizingMethod="crop"); }

#popin-error p { clear: both; }

#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 { left: -2px; }
.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.gif) no-repeat right top; display: block; width: 429px; height: 15px; border: 0; }



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

.home .demo, .home .aide { float:left; }
.home .demo { width:59px; height:18px; background:url(/img/bt_demo.png) 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; }
.home .demo:hover { background:url(/img/bt_demo_over.png) 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:916px; 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; }
.voile-gris { background:#000000; opacity:.5; filter:alpha(opacity=50); position:absolute; top:107px; left:0; width:100%; overflow:hidden; height:1000px; 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; padding-left: 15px; }
#faq-accordion li div { padding-top: 5px; }
#faq-accordion a { text-decoration: none; }
#faq-accordion a:focus { outline: none; }
#faq-accordion li { display: block; }
#faq-accordion li ul.bt-accordion { border: solid 1px #bfbfbf; padding: 5px 0 0 10px; background: #f3f3f3; height: 20px; margin-bottom: 10px; }
#faq-accordion li 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; background: #e5e5e5; width: 100%; border-bottom: 1px #434343 solid; padding-bottom: 10px; padding-left: 5px;  }

.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:#6A6969; font-size: 18px;}
.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; width: 254px; 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;}