/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2008 ASFA
|		Design + HTML/CSS/DOM JavaScript : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@import "common.css";
@import "navigation.css";


/* ______________________[ 01 | Haut de page : logo, recherche, etc. ]________________________ */




/* ______________________[ 03 | Contenu principal : présentation en 3 colonnes*/

#ContainerCols {clear:both;width:978px;margin:0 auto 20px auto;padding:0 0 0 0;display:block;font-size:.9em;text-align:left;background-color:#FFF;background-repeat:repeat-y;background-position:0 0;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */


/* [ 03.1 | COL A ]________________________ */

#ColA {margin:0 0 0 8px;padding:0;width:609px;float:left;display:inline !important;}
#ColA:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColA {display:inline-block;}
/* \*/ * html #ColA {height:1%;} #ColA {display:block;} /* */
#ColA p {margin-top:0;}

/* formulaire préparez votre voyage */
.form_prepa {margin:0;padding:23px 0 0 0;background:url(../../img/home/bg_form_prepa.gif) transparent no-repeat 0 0;}
.form_prepa:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.form_prepa {display:inline-block;}
/* \*/ * html .form_prepa {height:1%;} .form_prepa {display:block;} /* */
.form_prepa fieldset {border:none;margin:0;padding:0 15px 0 15px;font-size:1em;float:left;}
.form_prepa .titreForm {font-size:1.4em;display:block;height:26px;margin-bottom:3px;}
.form_prepa .titreForm span {position:absolute;left:-7777em;top:-7777em;}
.form_prepa input {background-color:#fff;margin-bottom:7px;}
.form_prepa_text {width:127px;float:left;border:1px solid #a730ff;font-size:.9em!important;}
.form_prepa p {clear:left;padding-top:0;margin:0;}
.form_prepa a {color:#000;}
.form_prepa input.button {cursor:pointer;padding:0 !important;border:none;margin:0 0 8px 0;height:auto;width:auto;background-color:transparent;float:right;width:auto !important;}

/* Votre itineraire */
.form_votre_itineraire {margin:0 0 0 6px !important;width:190px;display:inline;voice-family:"\"}\"";voice-family:inherit;width:159px;}
html>body .form_votre_itineraire {width:159px;}
.form_votre_itineraire label {display:block;float:left;clear:left;width:40px;padding-top:2px;}
.form_votre_itineraire input {width:115px;}
.form_votre_itineraire p {margin:0 0 0 40px;}
body.fr .form_votre_itineraire .titreForm {background:url(../../img/fr/t_itineraire.gif) transparent no-repeat 0 0;}
body.en .form_votre_itineraire .titreForm {background:url(../../img/en/t_itineraire.gif) transparent no-repeat 0 0;}

/* Votre plan */
.form_votre_plan {border-left:1px solid #8B2CD2 !important;border-right:1px solid #8B2CD2 !important;width:193px;voice-family:"\"}\"";voice-family:inherit;width:161px;}
html>body .form_votre_plan {width:161px;}
.form_votre_plan label {display:block;float:left;clear:left;padding-top:2px;}
.form_votre_plan select {margin-bottom:7px;}
.form_votre_plan p {margin:0 0 0 33px;}
.form_votre_plan input.button {width:auto !important;}

body.fr .form_votre_plan label {width:33px;}
body.fr .form_votre_plan .titreForm {background:url(../../img/fr/t_plan.gif) transparent no-repeat 0 0;}
body.fr .form_votre_plan input {width:124px;}
body.fr .form_votre_plan select {width:128px;}

body.en .form_votre_plan label {width:50px;}
body.en .form_votre_plan .titreForm {background:url(../../img/en/t_plan.gif) transparent no-repeat 0 0;}
body.en .form_votre_plan input {width:107px;}
body.en .form_votre_plan select {width:111px;}

/* Guide Vert Michelin */
.form_guide_vert_michelin {width:220px;voice-family:"\"}\"";voice-family:inherit;width:190px;}
html>body .form_guide_vert_michelin {width:190px;}
.form_guide_vert_michelin label {display:block;float:left;clear:left;width:33px;padding-top:2px;}
.form_guide_vert_michelin select {width:128px;margin-bottom:7px;}
.form_guide_vert_michelin p {margin:0 0 0 33px;}
.form_guide_vert_michelin .button {margin:0 29px 0 0 !important;width:auto !important;}

body.fr .form_guide_vert_michelin label {width:33px;}
body.fr .form_guide_vert_michelin .titreForm {background:url(../../img/fr/t_guidevertmichelin.gif) transparent no-repeat 0 0;}
body.fr .form_guide_vert_michelin input {width:124px;}
body.fr .form_guide_vert_michelin select {width:128px;}

body.en .form_guide_vert_michelin label {width:50px;}
body.en .form_guide_vert_michelin .titreForm {background:url(../../img/en/t_guidevertmichelin.gif) transparent no-repeat 0 0;}
body.en .form_guide_vert_michelin input {width:109px;}
body.en .form_guide_vert_michelin select {width:111px;}

/* Votre Tableau de bord */
.form_votre_tableau_de_bord {width:566px;height:auto;margin:15px 20px 0 22px !important;border-top:1px solid #8B2CD2 !important;padding:17px 0 3px 0 !important;display:inline;}
.form_votre_tableau_de_bord label {color:#000;margin:0;padding:0;display:block;width:134px;}
.form_votre_tableau_de_bord input {margin:0;padding:0;float:left;height:15px;}
.form_votre_tableau_de_bord div {float:left;margin:0 0 0 253px;}
.form_votre_tableau_de_bord div label {float:left;width:70px;padding:0 !important;margin:0 0 11px 3px !important;}
.form_votre_tableau_de_bord div input {background-color:transparent;width:16px;margin:0 !important;float:left;}
.form_votre_tableau_de_bord .div1 {width:270px;padding:0 0 8px 253px;margin:0;}
.form_votre_tableau_de_bord .titreForm {position:absolute;left:-7777em;top:-7777em;}
.form_votre_tableau_de_bord p {position:absolute;margin:0 0 0 0 !important;padding:25px 0 0 0;}
.form_votre_tableau_de_bord .button {margin:18px 20px 0 0 !important;padding:0;}
body.fr .form_votre_tableau_de_bord {background:url(../../img/fr/t_tableaudebord.gif) transparent no-repeat 0 15px;}
body.en .form_votre_tableau_de_bord {background:url(../../img/en/t_tableaudebord.gif) transparent no-repeat 0 15px;}

.form_votre_tableau_de_bord #speed {width:150px;float:left;}
.form_votre_tableau_de_bord #speed label {width:130px;}







.deuxCols {color:#333;}
/*#ColA1 {margin:0 0 0 8px;width:165px;float:left;padding:19px 0 0 0;display:inline;}
#ColA1 .box1 {background-image:none;padding:0;margin:0 0 15px 0;}
#ColA1 .box1 .inner {background-image:none;padding:0;}  */
#ColA1 {margin:0 0 0 8px;width:165px;float:left;padding:5px 0 0 0;display:inline;}
#ColA1 .box1 {display: none;}

#ColA2 {margin:0 0 0 3px;width:433px;float:left;}
#ColA2 .box1 h3 {font-weight:bold;font-size:1em;margin:0 0 5px 0;clear:both;}
#ColA2 .box1 p {margin:0 0 5px 0;}

/* box colonne centrale */
.box1 {background:url(../../img/home/bg_box1.gif) transparent no-repeat 0 100%;padding:0 0 19px 0;margin:0 0 3px 0;}
.box1 h2, .box1 ul, .box1 ol {margin-top:0;margin-bottom:5px;}

.box1 .inner {background:url(../../img/home/bg_box1.gif) transparent no-repeat 0 0;padding:19px 21px 0 21px;}
.box1 .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.box1 .inner {display:inline-block;}
/* \*/ * html .box1 .inner {height:1%;} .box1 .inner {display:block;} /* */
.inner p a {color:#333;}
.inner p a:hover, .inner p a:focus {color:#F60;}

.ete {background:url(../../img/home/bg_box1_ete.gif) transparent no-repeat 0 100%;}
.ete h2  {background: url(../../img/home/bg_box1_h2_ete.gif) #FFF repeat-y 100% 0; margin-right: 30px; margin-bottom: 15px;padding: 2px 10px}
.ete .inner {background-image:url(../../img/home/bg_box1_ete.gif);}

/* Agenda */
.agenda p a {color:#333;text-decoration:none;}
.agenda p a:hover, .agenda p a:focus {color:#F60;text-decoration:none;}


/* [ 03.1 | COL B ]________________________ */

#ColB {margin:0 0 0 3px;padding:0;width:349px;float:left;}
#ColB p {margin-top:0;}

/* box trafic en temps reel */
#ColB .traficTempsReel {width:349px;height:202px;margin:0;padding:0;}
#ColB .traficTempsReel p {margin:0;line-height:1.3em;}
#ColB .traficTempsReel a {font-size:1.1em;display:block;text-decoration:none;color:#003E85;padding:67px 17px 0 17px;width:349px;height:202px;voice-family:"\"}\"";voice-family:inherit;width:315px;}
html>body #ColB .traficTempsReel a {width:315px;height:135px;}
#ColB .traficTempsReel a:hover {text-decoration:underline;}
/* french */ body.fr #ColB .traficTempsReel {background:url(../../img/fr/bg_trafic.gif) transparent no-repeat 0 0;}
/* english */ body.en #ColB .traficTempsReel {background:url(../../img/en/bg_trafic.gif) transparent no-repeat 0 0;}

/* box pictos */
#ColB .accesinfos {background:url(../../img/home/bg_simple.gif) transparent no-repeat 0 0;padding:17px 10px 10px 17px;}
#ColB .accesinfos:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ColB .accesinfos {display:inline-block;}
/* \*/ * html #ColB .accesinfos {height:1%;} #ColB .accesinfos {display:block;} /* */
#ColB .accesinfos ul {margin:0;padding:0;list-style:none;}
#ColB .accesinfos li {background-color:transparent;background-repeat:no-repeat;background-position:0 0;float:left;margin:0 0 5px 0;}
#ColB .accesinfos a {display:block;padding:0 0 4px 38px;margin:0;font-weight:bold;color:#003E85;text-decoration:none;line-height:1.2em;}
#ColB .accesinfos a:hover, #ColB .accesinfos a:focus {text-decoration:underline;}
/* french */
body.fr #ColB .accesinfos #cat1, body.fr #ColB .accesinfos #cat3, body.fr #ColB .accesinfos #cat5 {width:175px;margin:0 10px 5px 0 !important;height:30px; min-height:30px !important;}
body.fr #ColB .accesinfos #cat2, body.fr #ColB .accesinfos #cat4, body.fr #ColB .accesinfos #cat6 {width:135px;height:30px; min-height:30px !important;}
body.fr #ColB .accesinfos #cat3 {width:153px;margin:0 32px 5px 0 !important;}
/* english */
body.en #ColB .accesinfos #cat1, body.en #ColB .accesinfos #cat3, body.en #ColB .accesinfos #cat5 {width:135px;margin:0 10px 5px 0 !important;height:30px; min-height:30px !important;}
body.en #ColB .accesinfos #cat2, body.en #ColB .accesinfos #cat4, body.en #ColB .accesinfos #cat6 {width:175px;height:30px; min-height:30px !important;}


#ColB .accesinfos #cat1 {background-image:url(../../img/home/pict_1.gif);}
#ColB .accesinfos #cat2 {background-image:url(../../img/home/pict_2.gif);width:100px;}
#ColB .accesinfos #cat3 {background-image:url(../../img/home/pict_3.gif);}
#ColB .accesinfos #cat4 {background-image:url(../../img/home/pict_4.gif);}
#ColB .accesinfos #cat5 {background-image:url(../../img/home/pict_5.gif);}
#ColB .accesinfos #cat6 {background-image:url(../../img/home/pict_6.gif);}

/* encart pub / autopromo */
#ColB .encartPub {margin:6px 0 6px 7px;padding:0;}

/* box societe */
#ColB .societes {padding:10px 17px 0 10px;background:url(../../img/home/bg_societes.gif) transparent no-repeat 0 0;width:349px;height:136px;voice-family:"\"}\"";voice-family:inherit;width:322px;height:126px;}
html>body #ColB .societes {width:322px;height:126px;}
#ColB .societes h2 {margin:6px 15px 5px 0 !important;padding:0 !important;clear:none;}
#ColB .societes .logosoc {float:left;width:113px;text-align:center;margin:0 19px 0 0;}
#ColB .societes .logosoc a {color:#003E85;}
#ColB .societes .logosoc a img {text-decoration:none !important;}
#ColB .societes .logosoc a:hover, #ColB .societes .logosoc a:focus {color:#F60;}
#ColB .socbox {text-align:right;color:#003E85;font-size:1.1em;}
#ColB .socbox form {margin:0;padding:0;}
#ColB .socbox form label {margin:0 0 13px 0;padding:0;display:block;}
#ColB .socbox form select {color:#707070;font-size:.8em;}