@import url("typo.css");
@import url("colors.css");


* {margin:0;padding:0;border:none;outline:0;list-style:none;text-decoration:none}

html, body {width:100%; height:100%}

/* /////////// MISE EN PAGE GLOBALE  //////////   */
#page {width:783px; overflow:visible}

#header {position:relative;height:106px}
#footer {padding:15px;clear:both}

#blk_splash, #blk_flash {height:350px;z-index:0}
#blk_stage {height:200px; z-index:0}


#main_content {width:100%}

#left_col {float:left;width:220px}
#blk_ctt {float:right;width:560px}

.clearer {clear:both;height:0}


/*   ///////////////////  HEADER  //// ///////////////////////////*/
h1 {float:left;margin:26px 0 0 43px}

#quick_links {position:absolute;top:11px;right:1px;width:auto}
#list_espaces, #quick_links #switch_univers {float:left}
/*#list_espaces {min-width:290px}*/
#list_espaces li {display:inline;margin-left:5px}
#list_espaces li a {padding-right:5px}
#list_espaces li img {vertical-align:middle}
#quick_links a#switch_univers {position:relative;top:-10px;width:99px;height:0;padding-top:45px;overflow:hidden}



#main_menu {position:absolute;bottom:1px;right:1px;height:23px;padding:0 1px;}
#main_menu .crnr_menu_L, #main_menu .crnr_menu_R {display:block;position:absolute;width:1px;height:23px}
#main_menu .crnr_menu_L {left:0}
#main_menu .crnr_menu_R {right:0}
#main_menu ul li {float:left;position:relative;height:24px;padding-left:5px}

#main_menu ul ul {display:none;width:194px;padding:0 5px 6px;position:absolute;top:23px;left:0;z-index:1001}
#main_menu ul li:last-child ul { margin-left:-111px}

#main_menu ul li:hover ul, #main_menu ul li.hover ul {display:block}
#main_menu li li, #menu_global li li a {width:auto}

#main_menu li a, #main_menu li span {display:block;width:100%;height:100%;padding-right:5px;cursor:pointer}
#main_menu li a img, #main_menu li span img {display:block;margin:0 10px;padding-top:7px}

#main_menu li li {float:none;padding:0;height:24px;overflow:hidden}
#main_menu li li a {display:block;width:180px;padding:5px 0 0 10px}






/*   ///////////////////  CONTENU  //// ///////////////////////////*/

.brdr_TL, .brdr_TR, .brdr_BL, .brdr_BR {position:absolute;width:2px;height:2px;overflow:hidden;z-index:200}
.brdr_TL {top:-1px;left:-1px}
.brdr_TR {top:-1px;right:-1px}
.brdr_BL {bottom:-1px;left:-1px}
.brdr_BR {bottom:-1px;right:-1px}

#title_ctt {position:relative;margin-top:10px;}
#title_ctt h2 {height:24px;padding:9px 13px 0 30px}

#blk_telechargement {position:relative;padding:7px 0 5px;margin:10px 0 15px}

.download_list {left:7px;padding:3px 7px;margin-bottom:6px}
.download_list li, .download_list p, .download_list ul {float:left}
.download_list p {padding:5px 0 6px 25px;margin:0}
.download_list.multi p {width:460px}
.download_list p span {float:left;height:0;padding-top:9px;overflow:hidden}
.download_list ul {width:100%;margin:0;padding-top:0}
.download_list li {margin:1px 1px 0 0;padding:1px;width:221px;padding-left:20px}
.download_list p.blk_link {margin:0 1px 0 0;padding:1px;width:240px}
.download_list li a, .download_list p.blk_link a {height:auto;padding:3px 10px 0px 5px;overflow:visible;float:left}
.download_list li span, .download_list p.blk_link span {display:block;float:right;padding:2px 4px;width:auto;height:auto}

#blk_telechargement_product .download_list li {width:251px;}


/*   ////////   PAGES ACTUS  ////////  */
#blk_actu, #blk_push_actu {margin:10px 0 0 8px;padding:0 0 10px}
#blk_actu .push_actu_1col {float:left;width:528px;margin:10px 12px 0}
#blk_actu .push_actu_2col {float:left;width:252px;margin:10px 12px 0}
#blk_actu p {padding-left:15px;margin:10px 0}
#blk_actu .blk_text_actu p {padding:0;margin:5px 0 0}
#blk_actu img.push_actu {float:left;margin:13px 30px 13px 13px}
#blk_actu .blk_text_actu {float:left;width:240px; margin:13px 0 0 0}
#blk_actu .blk_text_actu h3 { position:relative; left:-15px;padding-left:15px;margin-right:-15px}
#blk_actu .blk_text_actu li {padding-left:8px}
#blk_actu .blk_text_actu a {display:block;height:0;padding-top:24px;margin:8px 0 0;overflow:hidden}




/*   ///////   PAGES LANDING  ////////  */
#splash_pro {float:left;width:397px;height:350px}
#splash_pro a {display:block;position:relative;left:106px;top:272px;width:185px;height:0;padding-top:35px;overflow:hidden}
#splash_part {float:left;width:385px;height:350px}
#splash_part a {display:block;position:relative;left:127px;top:272px;width:184px;height:0;padding-top:35px;overflow:hidden}



/*   ///////   PAGES PRODUITS  ////////  */

/* bloc selection */
#blk_selector {margin-top:8px;padding:8px 13px 8px 13px;position:relative} 
#blk_selector h3 {margin-bottom:10px}
#blk_selector h4 {margin:5px 0 5px}
#blk_selector li {float:left;margin-bottom:5px;position:relative}
#blk_selector li input {float:left;margin:1px 5px 0 0;width:12px;height:12px}
#blk_selector li label {float:left;margin:0 20px 5px 0; display:block}


/* bloc points forts */
#blk_resume {padding:10px 25px 20px 15px;margin:10px 0}
#blk_resume h3{height:0;padding-top:17px;overflow:hidden;position:relative}
#blk_resume ul {margin:10px 0 5px;width:400px;float:left}
#blk_resume p {margin:15px 0 5px;width:400px;float:left}
#blk_resume li {margin-top:5px;padding-left:10px}
#blk_resume img {float:right}


/* bloc TECHNIQUE */
#blk_caracteristiques {margin-top:-3px}
#list_technic {height:35px;position:relative;top:3px;z-index:100}
#list_technic li {float:left;height:31px;margin-right:2px;padding-left:10px}

#list_technic li span {display:block;float:left;height:21px;padding:10px 10px 0 0}
#list_technic li.on, #list_technic li:hover, #list_technic li.hover {margin-top:2px}
#list_technic li.off {cursor:pointer}
#list_technic li.on {cursor:default}


#donnees_vehicule {padding:15px 0}
#donnees_vehicule #data {padding-bottom:10px}
#donnees_vehicule ul {width:100%;margin:0 0;padding:2px 0 2px;min-height:45px}
#donnees_vehicule li {float:left;width:250px;margin:10px 0 0 15px}
#donnees_vehicule p {margin: 0 15px 10px 15px;padding:10px 0 0 0}
#donnees_vehicule li span {float:left;margin-right:15px}
#donnees_vehicule li strong {display:block;float:left;position:relative;width:auto;height:15px;padding:0 3px;line-height:1.33em}
#donnees_vehicule li strong span {display:block;position:absolute;top:0;width:2px;height:15px;margin:0}
#donnees_vehicule li strong span.rndL {left:-2px}
#donnees_vehicule li strong span.rndR {right:-2px}



/* //////////// BLOC ARTICLE ////////// */
#blk_article {padding:10px 30px}
#blk_article h3 {position:relative;left:-25px;width:100%;margin:25px 0 25px;padding:5px 25px 5px 25px}
#blk_article h4 {margin-bottom:5px}
#blk_article p, #blk_article ul {margin:0 0 15px}
#blk_article .image {width:200px}
#blk_article .image.left {float:left;margin:0 30px 30px 0}
#blk_article .image.right {float:right;margin:0 0 30px 30px}
#blk_article .image p {margin:0}
/*#blk_article img {width:100%}*/
#blk_article .image div {position:relative}
#blk_article .image div a {width:14px;height:0;padding-top:15px;position:absolute;bottom:10px;right:3px;overflow:hidden}


/* //////////// BLOC LISTE ARTICLES ////////// */
#blk_list_articles p.chapo {margin:15px 30px}
#blk_list_articles h3 {padding:7px 0 5px 25px}
#blk_list_articles li {clear:left;padding:10px 0 20px}
#blk_list_articles li div {margin:15px 8px 0}
#blk_list_articles li img {float:left;margin-right:15px}
#blk_list_articles p {margin:15px 0}


/* //////////// BLOC MEDIAs ////////// */
#blk_medias {margin:10px 0 0}
#blk_medias h3 {float:left;margin:0 0 20px;padding:7px 25px 5px 25px}
#blk_visu {width:542px;position:relative}
#blk_visu img, #ctt_video object {margin:5px 0 0 5px}

#blk_visu .brdr_T {position:absolute;top:0;left:0;width:100%;height:8px;overflow:hidden}
#blk_visu .brdr_B {position:absolute;bottom:0;left:0;width:100%;height:12px;overflow:hidden}
#blk_visu .bulle {display:none;position:absolute;top:10px;left:10px}

#blk_viewer ul {margin-bottom:20px;position:absolute;width:6000px}
#blk_viewer li {float:left;width:124px;height:79px;position:relative;margin:0 -2px 0 -2px}
#blk_viewer li a {float:left;display:block;width:116px;height:67px;padding:4px 6px;cursor:pointer}
#blk_viewer li a span.cadre {position:absolute;top:0;left:0;display:block;width:100%;height:100%}

.prev, .next {position:absolute;top:135px;width:22px;height:49px;cursor:pointer}
.prev {left:3px}
.next {right:4px}

#ctt_video {width:100%;height:325px}
.hidden {display:none}

#list_thumb {position:relative;width:542px}
#contnr {position:relative;width:482px;height:80px;margin:0 auto;overflow:hidden}
#slider_left, #slider_right {width:22px;height:50px;position:absolute;top:12px;z-index:210;overflow:hidden;cursor:pointer}
#slider_left {left:0;padding:0 5px 0 3px}
#slider_right {right:0;padding:0 3px 0 5px}
#slider_left.off, #slider_right.off {cursor:auto}

a.link_more, a.link_config {display:block;width:68px;height:0;padding-top:17px;overflow:hidden;}


.pagination {float:right}
#blk_list_articles .pagination li {float:left;clear:none;margin-right:4px}
.pagination li a, .pagination li span {display:block;float:left;width:19px;height:19px}




/*   ///////   COLUMN LEFT  ////////  */
#menu_contact, .blk_info, #menu-needs, .blk_bloc, #menu-univers {position:relative;width:206px;margin:10px 0 5px}

/*   ///////   Menu  Contact  //////  */
#menu_contact h3 {width:100%;height:0;padding-top:33px;overflow:hidden}
#menu_contact ul {padding:7px 0 5px}
#menu_contact li {height:13px;padding:6px 0 5px 15px;margin-bottom:1px} 
#menu_contact li a {display:block;height:0;padding-top:11px;overflow:hidden}
#menu_contact li.activ span {display:block;height:0;padding-top:11px;overflow:hidden}
#menu_contact .brdr_BR {position:absolute;bottom:0;right:0;width:4px;height:4px}

/*   ///////   Blocs  //////  */
.blk_info h3 {padding:10px 0 10px 15px}
.blk_info a.link {display:block;margin:15px 15px 10px}

/*   ///////   Menu NEEDS //////  */
#menu-needs {padding:10px 0;}
#menu-needs h3, #menu-needs ul {margin:0 0 0 15px; width:auto}
#menu-needs h3 {padding-bottom:10px}
#menu-needs h3 span {padding:0 8px 0 0}
#menu-needs li {margin-top:8px;padding-left:12px;cursor:pointer}
#menu-needs li li {margin-top:3px;padding-left:0}
#menu-needs li ul {display:none}
#menu-needs li.on ul {display:block}

/*   ///////   Menu Univers //////  */
#menu-univers {padding:10px 0;}
#menu-univers h3, #menu-univers ul {margin:0 0 0 15px; width:auto}
#menu-univers h3 {padding-bottom:10px}
#menu-univers h3 span {padding:0 8px 0 0}
#menu-univers li {margin-top:8px;padding-left:12px;cursor:pointer}


/*   ///////   Menu Actu //////  */
#menu_actu {background:url(../images/bg/bg_menu_actu.gif) left bottom no-repeat scroll; padding:15px 0; margin-top:10px}
#menu_actu span {}
#menu_actu li {width:165px;padding:8px 0 5px 15px;cursor:pointer}
#menu_actu li ul { margin-top:8px}
#menu_actu li li {padding:0 0 0 10px;line-height:1.75em; width:auto}
#menu_actu li li a {padding-left:15px}
#menu_actu li li span {height:auto;padding-left:15px;}

/*   ///////  bloc e-cube left //////  */
.blk_bloc img {margin:11px 0 11px 11px}
.blk_bloc span {display:block;padding-left:15px;margin:0 0 0 11px}

/* /////// DOCUMENTATION  //////// */
#blk_docu {float:left;position:relative;width:532px;margin-top:-1px;padding:18px 13px 18px;z-index:1}
#blk_docu p {margin:5px 0 20px 0}

#list_steps {height:34px;z-index:22;position:relative;margin-top:10px}
#list_steps li {float:left;height:34px;margin-right:2px;overflow:hidden}
#list_steps li a, #list_steps li span {display:block;float:left;height:24px;padding:10px 15px 0}

#swich_type {margin-bottom:20px}
#swich_type li {display:inline;margin-right:25px}
#swich_type li a, #swich_type li span {padding:2px 0 0 16px}

#choix_vehicule h3 {margin-top:30px}
.blk_vehicules {width:508px;height:161px;overflow:hidden;position:relative;padding:0 12px;margin:0 auto}
.list_vehicules {position:relative;width:2000px;z-index:10;left:0;_margin-left:-3px}
.list_vehicules li {float:left;position:relative;width:119px;height:149px;margin:10px 3px 0 3px}
.list_vehicules li label{display:block;height:100%;width:100%}
.list_vehicules li label .vignette, .vignette_selected .vignette {display:block;margin:0 auto}
.list_vehicules li label .nom_vehicule, .vignette_selected .nom_vehicule {position:absolute;bottom:7px;left:7px}
.list_vehicules li input {position:absolute;bottom:7px;right:7px;width:12px;height:12px}

.btn_scroll_left {position:absolute;left:0;top:10px;width:12px;height:151px;cursor:pointer;z-index:202}
.btn_scroll_right {position:absolute;right:0;top:10px;width:12px;height:151px;cursor:pointer;z-index:203}
.btn_scroll_left .off, .btn_scroll_right.off { cursor:move}

#blk_form_ctt {float:left;width:370px;_height:360px}
#blk_selection {float:right;position:relative;margin:-18px -13px 0 0;_margin-right:-6px;width:133px;height:100%;padding:6px 16px 6px;}
#blk_selection h3 {margin:0}
.vignette_selected {position:relative;width:119px;height:149px;margin:15px 0 28px}
.partenaire_selected h4 {margin-bottom:10px}
.partenaire_selected p {margin-bottom:5px}

.list_downloads {margin:15px 0 30px}
.list_downloads li {margin:0 0 10px 0;padding:4px 0 4px 105px}

.list_choices {margin:15px 0}
.list_choices li {margin-bottom:5px}
.list_choices a {padding-left:10px}



/*//////////// TROMBINOSCOPE //////////////////*/
#blk_full {padding:10px 0 0 15px}
#blk_full .intro_text {margin:20px 0 40px 30px}
#blk_full h3 {margin-bottom:25px}

#blk_full .list_vehicules {width:auto}
#blk_full .list_vehicules li {text-align:center; height:195px; margin:0 6px 6px 0}
#blk_full .list_vehicules .vignette {display:block;position:absolute;bottom:90px;}
#blk_full .list_vehicules .nom_vehicule {display:block;position:absolute;bottom:60px;left:6px}
#blk_full .list_vehicules .link_more {position:absolute;bottom:30px;left:6px}
#blk_full .list_vehicules .link_config {position:absolute;bottom:10px;left:6px}

.blk_trombi h4 {margin:25px 0 10px}
.blk_trombi h4 img {vertical-align:bottom}


/* ///////// Contacts reseau /////////////////// */
#blk_reseau {padding:24px 0 24px 30px}
#blk_reseau .list_services {margin:5px 35px 10px}
#blk_reseau .list_services li {padding-left:10px}
#blk_reseau .list_services li img {margin:10px 0 15px 5px}

#blk_reseau #choix_partenaire div {margin:20px 0}
#blk_reseau #choix_partenaire p {float:left;margin:0 45px 15px 0}
#blk_reseau #choix_partenaire label {display:block;padding-left:15px;margin:0 0 10px -15px}
#blk_reseau #choix_partenaire #modeles {width:180px}
#blk_reseau #choix_partenaire .btn_valide {margin:15px 0 0 0; clear:left}
#blk_reseau select {padding:2px}
#blk_reseau select#departements {width:54px}

.iframe_reseau {margin-top:10px}

.iframeForm {margin:20px 0 20px -30px;padding:20px 30px;width:500px;position:relative}
.iframeForm table {width:380px}
.iframeForm td {padding:0 0 10px}
.firstcol {width:110px}
.thirdcol {width:46px}


.iframeForm .error_list {position:absolute;width:100px;right:30px;top:auto;margin-top:-18px;_margin-top:0;?margin-top:0}
.iframeForm .radio_list li {display:inline}
.iframeForm input {width:260px;padding:2px}
.iframeForm .list_city input {width:100px}
.iframeForm .radio_list input, .iframeForm .champ_news input {width:auto}
.iframeForm .radio_list label {margin-right:10px}
.iframeForm .btn_valide {width:86px;height:24px;overflow:hidden;cursor:pointer;margin:15px 0 0;overflow:hidden;display:block;float:right}

/* //////////// site Map ////////// */
#blk_plan {padding:10px 30px}
#blk_plan h3 {position:relative;left:-25px;width:100%;margin:25px 0 25px;padding:5px 25px 5px 25px}
#blk_plan li {width:50%;float:left;margin-bottom:0.5em}



#loaderContent {display:block;position:absolute;left:485px;top:465px}

/* ******** Outils d'aide au choix ************* */
#blk_aide_au_choix {position:relative;margin:15px 0;padding:45px 0 0 140px;min-height:275px}

#nav_etapes {position:absolute;top:0;left:0}
#nav_etapes li {float:left;width:131px;height:24px;margin-left:-11px}
#nav_etapes li span, #nav_etapes li a, #nav_etapes li h3  {display:block;width:83px;height:100%;overflow:hidden;text-indent:-999em}
#nav_etapes li a {width:120px}
#nav_etapes li span {width:58px;height:12px;margin:7px 0 0 26px}
#nav_etapes #n_accueil {width:43px;margin:0}
#nav_etapes #n_accueil.on {padding-left:60px}
#nav_etapes #n_accueil a {width:43px}
#nav_etapes #n_title h3, #nav_etapes #n_fine h3  {height:19px;margin:7px 0 0 21px}

#blk_aide_au_choix p, #blk_aide_au_choix form li {margin:10px 0}
#blk_aide_au_choix .btn_start {display:block;width:275px;height:33px;margin:40px 0;overflow:hidden;text-indent:-999em}
#blk_aide_au_choix .btn_continue {display:block;width:105px;height:25px;margin:40px 0;overflow:hidden;text-indent:-999em;cursor:pointer}
#blk_aide_au_choix .btn_modifie {display:block;width:162px;height:24px;margin:20px 0;overflow:hidden;text-indent:-999em}

#blk_aide_au_choix form li {position:relative;padding:0;zoom:1}
#blk_aide_au_choix li input {position:absolute;left:0;top:3px;width:13px;height:13px}
#blk_aide_au_choix label {display:block;padding-left:24px}

#blk_aide_au_choix .list_vehicules  {width:auto}
#blk_aide_au_choix .list_vehicules li {text-align:center; height:175px; margin:0 6px 6px 0}
#blk_aide_au_choix .list_vehicules .vignette {display:block;position:absolute;bottom:60px;}
#blk_aide_au_choix .list_vehicules .nom_vehicule {display:block;position:absolute;bottom:40px;left:6px}
#blk_aide_au_choix .list_vehicules .link_more {position:absolute;bottom:10px;left:6px}

#blk_aide_au_choix p.results {padding-left:15px}

/* ************* PRE CONFIGURATEUR ************* */
.titre {position:relative;left:84px;top:73px;width:20em;height:18px;overflow:hidden;text-indent:-999em}
#page.popup {width: 100%;}
.popup #list_espaces {min-width:180px}
.stage_config img {display:block}
.bread_line {padding:4px;}
.bread_line p {height:12px; overflow:hidden; text-indent:-999em}
.selection {padding:24px 21px}

.selection h3 {margin-bottom:1em}
.selection li {padding-left:9px}