@charset "UTF-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}

body{
    font-family: "proxima-nova",sans-serif;
    font-weight:300;
    background:#F2F2F2;
}

a{
    text-decoration:none;
}

.lv_window .lv_skin canvas {
    left:-9999px !important;
}

/********************************* HEADER *********************************/

#header{
    height:120px;
    width:100%;
    background:url(../images/back_all_header.jpg) 0 27px repeat-x;
    position:relative;
}

#header   .tout-aiphone{
    display:none;
}

#header #top_header{
    width:100%;
    height:27px;
    background:#000;
}


#header #top_header #top_header_content{
    margin-left:auto;
    margin-right:auto;
    width:964px;
}

#header #header_back{
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    height:93px;
    background:url("../images/back-header.jpg") no-repeat center top;
}

#header  #header_back #header_content{
    margin-left:auto;
    margin-right:auto;
    width:964px;
    height:93px;
}

#header  #header_back #header_content a{
    text-decoration:none;
    border:none;
}

#header  #header_back #header_content #logo_header{
    margin-top:15px;
    float:left;
    border-bottom:none;
}

#header  #top_header #top_header_content #choose_site{
    float:left;
    padding-top:3px;
    margin-left:30px;
}

#header  #top_header #top_header_content #choose_site a{
    font-size:12px;
    color:#FFF;
}

#header  #top_header #top_header_content #choose_site a img{
    border:none;
    margin-bottom:-2px;
    margin-left:20px;
    margin-right:5px;
}

#header  #top_header #top_header_content #mad_connexion{
    color:#444a52;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0px #fff;
    height:20px;
    margin-top:-5px;
    margin-left:20px;
    padding:12px 10px 0px 10px;
    background:#C1CBCE;
    float:right;
}

#header  #top_header #top_header_content #mad_connexion #login{
    cursor:pointer;
}

#header  #top_header #top_header_content #mad_connexion a{
    color:#78808C;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0px #fff;
}

#header #top_header #top_header_content #mad_connexion a:hover{
    text-decoration:underline;
    cursor:pointer;
}

#crea_devis_connexion #crea_content_connexion a#mdp_forgot{
    margin-left:95px;
}

#header  #header_back #header_content #tout-aiphone{

}

#header  #header_back #header_content #nav_site{
    float:right;
    margin-top:35px;
}

#header  #header_back #header_content #nav_site a{
    display:block;
    float:left;
    margin-left:10px;
    padding:3px 15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size:16px;
    color:#FFF;
    text-align:center;
    text-shadow: 1px 1px 2px #000;
    text-transform: lowercase;
    text-decoration:none;
}

#header  #header_back #header_content #nav_site a:hover{
    background:url("../images/back-button-header.jpg") repeat-y center;
    color:#666;
    text-align:center;
    text-shadow: 1px 1px 2px #FFF;
    text-transform: lowercase;
}

#back_nav_catalog{
    width:100%;
    height:34px;
    background:url("../images/back-nav-top.jpg") repeat-x;
}

#back_nav_catalog #nav_catalog {
    width:964px;
    height:31px;
    margin-left:auto;
    margin-right:auto;
}

#back_nav_catalog  #nav_catalog span{
    font-size:18px;
    color:#FFF;
    text-align:center;
    text-shadow: 1px 1px 2px #000;
    text-transform: lowercase;
    text-decoration:none;
    width:120px;
    height:34px;
    padding-top:5px;
    display:block;
    float:left;
    position:relative;
    z-index:1;
}

#back_nav_catalog #nav_catalog #menu_item_1{
    background:url("../images/back-residentiel.jpg") no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_1_hover{
    background:url("../images/back-residentiel-over.jpg") no-repeat;
    position:relative;
    z-index:100;
    -moz-box-shadow: -1px -5px 5px #333;
    -webkit-box-shadow: -1px -5px 5px #333;
    box-shadow: -1px -5px 5px #333;
}

#back_nav_catalog #nav_catalog #menu_item_2{
    background:url("../images/back-collectif.jpg") no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_2_hover{
    background:url("../images/back-collectif-over.jpg") no-repeat;
    position:relative;
    z-index:100;
    -moz-box-shadow: -1px -5px 5px #333;
    -webkit-box-shadow: -1px -5px 5px #333;
    box-shadow: -1px -5px 5px #333;
}

#back_nav_catalog #nav_catalog #menu_item_3{
    background:url("../images/back-tertiaire.jpg") no-repeat;
}

#back_nav_catalog #nav_catalog #menu_item_3_hover {
    background:url("../images/back-tertiaire-over.jpg") no-repeat;
    position:relative;
    z-index:100;
    -moz-box-shadow: -1px -5px 5px #333;
    -webkit-box-shadow: -1px -5px 5px #333;
    box-shadow: -1px -5px 5px #333;
}

#back_nav_catalog #nav_catalog #search{
    width:350px;
    height:28px;
    background:#C1CBCE;
    padding-top:3px;
    padding-left:3px;
    float:right;
}

#back_nav_catalog #nav_catalog #search a{
    font-size:18px;
    color:#444a52;
    text-shadow: 1px 1px 2px #fff;
    text-transform: lowercase;
    text-decoration:none;
    display:block;
    float:left;
    width:90px;
    margin-top:-2px;
}

#back_nav_catalog #nav_catalog #search input{
    width:212px;
    height:23px;
    border:1px #BBBBBB solid;
    margin-right:10px;
    padding-left:23px;
    float:left;
    background:url("../images/search-glass.jpg") #fff no-repeat left;
}

/********************************* HEADER MENU *********************************/

#list_container{
    width:964px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

#roll_nav{
    width:964px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-3px;
    position:absolute;
    z-index:10;
}

.menu_list {
    overflow:hidden;
}

#menu_list_1{
    width:600px;
    background:#90B3CC;
    padding:10px;
    -moz-box-shadow: -1px -1px 12px #000;
    -webkit-box-shadow: -1px -1px 12px #000;
    box-shadow: -1px -1px 12px #000;
    position:relative;
    display:none;
}

#menu_list_2{
    width:600px;
    background:#C0C828;
    padding:10px;
    margin-left:120px;
    -moz-box-shadow: -1px -1px 12px #000;
    -webkit-box-shadow: -1px -1px 12px #000;
    box-shadow: -1px -1px 12px #000;
    display:none;
}

#menu_list_3{
    width:600px;
    background:#998A7A;
    padding:10px;
    margin-left:240px;
    -moz-box-shadow: -1px -1px 12px #000;
    -webkit-box-shadow: -1px -1px 12px #000;
    box-shadow: -1px -1px 12px #000;
    display:none;
}

.gam_list{
    width:260px;
    float:left;
    margin:30px 10px;
}


.gam_list .title_list{
    color:#FFF;
    font-size:16px;
    font-weight:700;
}

.gam_list p.title_list{
    padding-top:10px;
}

.gam_list ul{
    margin-top:10px;
    margin-bottom:25px;
}

.gam_list ul li{
    color:#333;
    font-size:14px;
    margin-left:15px;
    margin-top:5px;
}

.gam_list ul li a,.gam_list p a {
    color:#333;
    font-size:14px;
    text-decoration:none;
}

.gam_list ul li a:hover, .gam_list p a:hover{
    color:#333;
    font-size:14px;
    text-decoration:underline;
}

.gam_list p{
    color:#333;
    font-size:14px;
    margin-top:5px;
}

.resume_menu{
    width:260px;
    float:right;
    font-size:13px;
    color:#333;
    background:#FFF;
    padding:25px 30px;
    min-height:465px;
}

.resume_menu .title_resume_menu{
    font-size:20px;
    font-weight:100;
    color:#666;
    display:block;
    margin-bottom:25px;
}

.resume_menu img{
    margin-top:20px;
}


.resume_menu .title_resume_menu img{
    margin-bottom:-10px;
    margin-right:5px;
    margin-top:0px;
}

/********************************* FOOTER *********************************/

#footer{
    height:33px;
    width:100%;
    background:url("../images/back-footer.jpg") repeat-x;
    font-size:16px;
    font-weight:400;
    color:#999999;
    clear:both;
    margin-top:40px;
}

#footer #footer_content{
    width:962px;
    margin-left:auto;
    margin-right:auto;
    padding-top:8px;
}

#footer #link_footer{
    clear:left;
    background:url("../images/back_link_footer.jpg") repeat-x;
}

#footer #link_footer #links{
    width:962px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    padding-bottom:20px;
}

#footer #link_footer #links span{
    font-size:15px;
    font-weight:400;
    color:#999999;
    display:block;
    text-decoration:none;
    margin-bottom:10px;
}


#footer #link_footer #links a{
    font-size:13px;
    font-weight:400;
    color:#999999;
    display:block;
    text-decoration:none;
    margin-bottom:5px;
    width:200px;
}

#footer #link_footer #links a:hover {
    text-decoration:underline;
}

#footer-mobile{
    display:none;
}

/********************************* CONTENT *********************************/

#content{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    font-family: "myriad-pro",sans-serif;
    font-size:14px;
    font-weight:400;
}

#content #left{
    width:610px;
    float:left;
    margin-right:40px;
}

#content #right{
    width:310px;
    float:left;
}

#content #title_part{
    font-family: "proxima-nova",sans-serif;
    font-weight:100;
    color:#46596C;
    font-size:35px;
    width:960px;
    border-bottom:1px solid #909CA8;
    display:block;
    padding-bottom:0px;
    margin-top:20px;
}

#content #utitle{
    font-family: "proxima-nova",sans-serif;
    font-weight:100;
    color:#46596C;
    font-size:25px;
    display:block;
    padding-bottom:10px;
    margin-top:0px;
}

#content #arianne{
    font-weight:300;
    color:#959BA7;
    font-size:12px;
    width:960px;
    border-bottom:1px solid #909CA8;
    padding-bottom:3px;
    margin-top:3px;
}

#content #arianne img{
    margin-right:5px;
}

#content #div_plus{
    width:288px;
    padding:10px;
    background:#FFF;
    border:1px solid #46596C;
    background: -moz-linear-gradient(#FFF, #E3E3E3);
    -webkit-gradient(linear,from(#FFF),to(E3E3E3));
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 1px 1px 5px #000;
    margin-top:30px;
    margin-bottom:20px;
}

#content #div_plus .title_desc{
    border-bottom:1px solid #909CA8;
    margin-bottom:5px;
}

#content #div_plus #title_devis{
    border-top:1px solid #909CA8;
    padding-top:2px;
    margin-top:10px;
}

#content #div_plus ul li{
    padding-left:5px;
    margin-bottom:5px;
    list-style: inside;
}

#content #div_plus ul li a{
    font-family: "proxima-nova",sans-serif;
    font-size:16px;
    font-weight:300;
    color:#46596C;
    text-decoration:none;
}

#content #div_plus ul li:hover{
    color:#FFF;
    background:#B5BDC5;
}

#content  .title_desc{
    font-family: "proxima-nova",sans-serif;
    font-size:16px;
    font-weight:600;
    color:#46596C;
    margin-bottom:5px;
    display:block;
}

/********************************* LEFT MENU *********************************/

#content #left_menu{
    width:208px;
    padding-bottom:10px;
    margin:20px 30px 30px 0px;
    float:left;
}

#content #right_content{
    width:720px;
    margin:20px 0px;
    float:left;
}

#content #left_menu #menu{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    background:#FFF;
    background: -moz-linear-gradient(#FFF, #E3E3E3);
    -webkit-gradient(linear,from(#FFF),to(E3E3E3));
    border:2px solid #46596C;
    padding:5px;
    margin-left:6px;
    width:185px;
}

#content #left_menu #menu ul li{
    list-style-type:none;
    border-bottom:1px solid #46596C;
    padding:5px 0px;
    font-size:16px;
    font-family: "proxima-nova",sans-serif;
    font-weight:600;
}

#content #left_menu #menu ul li a{
    color:#46596C;
    text-decoration:none;
    padding:5px 10px;
    display:block;
}

#content #left_menu #menu ul a:hover{
    background:#46596C;
    color:#FFF;
}

#content #left_menu #menu img{
    margin-top:5px;
}

/********************************* RIGHT MENU *********************************/

#content #right_content #utitle{
    font-size:30px;
    font-family: "proxima-nova",sans-serif;
    font-weight:300;
    color:#46596C;
    display:block;
    margin-bottom:20px;
}

#content #right_content p{
    margin-bottom:20px;
    width:375px;
    float:left;
}

#content #right_content p span{
    display:block;
    margin-bottom:5px;
    font-weight:600;
}

/********************************* CHAPO *********************************/

#content #chapo_page{
    margin:20px 0px;
    padding-right:120px;
    font-size:14px;
    color:#000;
}


/********************************* DOWNLOAD ZONE ARTICLE *********************************/

#content .right_on ul{
    margin-bottom:50px;
}

#content  .right_on ul li{
    list-style-type:none;
    margin-top:10px;
}

#content  .right_on ul li a{
    color:#000;
    display:block;
    float:left;
    width:260px;
    margin-left:10px;
}


#content  .right_on ul li img{
    float:left;
    margin-left:10px;
}


#content  .right_on ul li a:hover{
    text-decoration:underline;
}

#content .right_on img{
    border:3px #FFF solid;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    margin-right:10px;
    margin-bottom:20px;
}

#content .right_on ul img{
    margin-bottom:-10px;
    border:none;
    -moz-box-shadow: none;
    -webkit-box-shadow:none;
    box-shadow: none;
    margin-right:5px;
}

/********************************* CONNEXION *********************************/

#opac_connexion{
    width:100%;
    height:100%;
    position:fixed;
    z-index:998;
    background-color:#000;
    opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
    display:none;
}


#crea_devis_connexion{
    font-family:"myriad-pro",sans-serif;
    height:350px;
    width:480px;
    border:10px solid #333333 ;
    background-color:#f4f4f4;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position:fixed;
    z-index:999;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-250px;
    opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
    display:none;
    padding-left:20px;
}

#crea_devis_connexion #crea_content_connexion{
    height:240px;
    color:#46596C;
}

#crea_devis_connexion #error_msg{
    color:#fff;
    font-size:12px;
    float:left;
    margin-left:30px;
    margin-top:15px;
    clear:both;
    background:#C00;
    padding:5px;
}

#crea_devis_connexion #crea_content_connexion label{
    font-family:"myriad-pro",sans-serif;
    font-size:14px;
    color:#46596C;
    padding-left:20px;
}

#crea_devis_connexion #crea_content_connexion input[type=text], #crea_devis_connexion #crea_content_connexion input[type=password]{
    font-family:"myriad-pro",sans-serif;
    background-color:#fff;
    -moz-border-radius: 5px;
    margin-left:15px;;
    border-radius: 5px;
    border:none;
    height:30px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
}

#crea_devis_connexion #crea_content_connexion input[type=password]{
    margin-bottom:10px;
}

#crea_devis_connexion #crea_content_connexion input[type=submit]{
    border:none;
    background:#465A6E url("../images/mad/arr_search.jpg") no-repeat 10px 50%;
    color:#FFF;
    font-size:13px;
    text-transform:uppercase;
    padding-left:15px;
    padding-right:5px;
    padding-bottom:2px;
    height:25px;
    width:100px;
    text-align:right;
    cursor:pointer;
    float:right;
    clear:right;
    margin-top:5%;
    margin-right:40px;
}

#crea_devis_connexion #crea_content_connexion input[type=checkbox]{
    margin-left:5%;
    margin-right:-10px ;
    margin-bottom:-2px;
}

#crea_devis_connexion #crea_content_connexion a{
    color:#000;
    margin-left:30px;
    font-size:11px;
}

#crea_devis_connexion #crea_content_connexion a:hover{
    text-decoration:underline;
}


#crea_devis_connexion #crea_content_connexion h1{
    margin-top:5px;
    margin-left:15px;
    font-size:30px;
    text-transform:uppercase;
    font-weight:bold;
}

#crea_devis_connexion #crea_content_connexion span{
    font-size:12px;
}

#crea_devis_connexion #crea_content_connexion h2{
    margin-left:15px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:normal;
    margin-bottom:15px;
}

#crea_devis_connexion #pub{
    cursor:pointer;
}

/********************************* PASSWORD *********************************/

#opac_password{
    width:100%;
    height:100%;
    position:fixed;
    z-index:998;
    background-color:#000;
    opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
    display:none;
}

#password_forget{
    font-family:"myriad-pro",sans-serif;
    height:300px;
    width:480px;
    border:10px solid #333333 ;
    background-color:#f4f4f4;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position:fixed;
    z-index:999;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-250px;
    opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
    display:none;
    padding-left:20px;
    color:#46596C;
}

#password_forget #error_msg{
    color:#fff;
    font-size:12px;
    float:left;
    margin-left:30px;
    margin-top:15px;
    clear:both;
    background:#C00;
    padding:5px;
}

#password_forget label{
    font-family:"myriad-pro",sans-serif;
    font-size:14px;
    color:#9099A5;
    padding-left:20px;
}


#password_forget input[type=text]{
    font-family:"myriad-pro",sans-serif;
    background-color:#fff;
    -moz-border-radius: 5px;
    margin-left:5%;
    border-radius: 5px;
    border:none;
    height:30px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
    width:300px;
}

#password_forget input[type=submit]{
    border:none;
    background:#465A6E url("../images/mad/arr_search.jpg") no-repeat 10px 50%;
    color:#FFF;
    font-size:13px;
    text-transform:uppercase;
    padding-left:15px;
    padding-right:5px;
    padding-bottom:2px;
    height:25px;
    width:100px;
    text-align:right;
    cursor:pointer;
    float:right;
    clear:right;
    margin-top:5%;
    margin-right:40px;
}

#password_forget a{
    color:#000;
    margin-left:30px;
    font-size:11px;
}

#password_forget a:hover{
    text-decoration:underline;
}

#password_forget h1{
    margin-top:5px;
    margin-left:15px;
    font-size:30px;
    text-transform:uppercase;
    font-weight:bold;
}

#password_forget span{
    font-size:12px;
}

#password_forget h2{
    margin-left:15px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:normal;
    margin-bottom:15px;
}

#password_forget #pub{
    cursor:pointer;
}

/************************************* MOBILE **********************************/

#faq #chapo_page #utitle #picto_list, #presc #chapo_page #utitle #picto_list, #content #corporate #right_content img#picto_list, #content #main #right_content .utitle #picto_list, #contact #right_content #utitle img#picto_list, #gamme #right_content #utitle img#picto_list{
    display:none;
}

#utitle_3l{
    width:100%;
    display:block;
    float:none;
}

#content #main #right_content #smartphone, #content #main #right_content #tablette{ 
    display:none; 
}

/*************************** page service > garantie triple A ****************/

.service_triplea_container { max-width:720px; float:left; margin-bottom:50px;}
.service_triplea_row { overflow:hidden;}
.service_triplea_left { float:left; max-width:355px; margin-right:10px; margin-bottom:10px;}
.service_triplea_right { float:left; max-width:355px; margin-bottom:10px;}

.service_triplea_notes { font-style:italic; }

.service_triplea_accroche { font-size:18px; font-weight:bold; margin:20px 0;}

.service_triplea_color { color:#135E8C; }
.service_triplea_container h3 { font-weight:bold; font-size:18px; margin-bottom:10px;}
.service_triplea_container h4 { font-weight:bold; font-size:16px; margin-bottom:2px;}
.service_triplea_container p { margin-bottom:10px;}
.service_triplea_container a { color:#135E8C; }
.service_triplea_container img {max-width:100%;}