/* ##################################################################################### */
div[class=hrd_line] {
    display: block;
    width: 100%;
    height: 9px;
    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/header/line_sep.png') top left repeat-x;
}
ul[class=hrd_com] {
    display: inline-block;
    vertical-align: bottom;
    width: 620px;
    height: 56px;
    
    margin: 0 auto 0 0;
    padding-left: 67px;    
}
ul[class=hrd_com] li {
    display: inline-block;
    vertical-align: bottom;
   
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #3a3a3a;
}
ul[class=hrd_com] li a {        
    font-family: 'Roboto Condensed';
    font-size: 18px;
    text-decoration: none;
    color: #3a3a3a;
}
ul[class=hrd_com] li a:hover {
    text-decoration: underline;
}
ul[class=hrd_com] li[class=hrd_decal1]{
    margin-right: 136px;
}
ul[class=hrd_com] li[class=hrd_decal1] span, ul[class=hrd_com] li span{
    padding-left: 5px;
}
ul[class=hrd_com] li[class=hrd_decal2]{
    margin-right: 35px;
}
ul[class=hrd_custom] {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 455px;
    height: 50px;
    
    margin: 0;
    padding-top: 12px;    
}
ul[class=hrd_custom] li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    height: 50px;
}
ul[class=hrd_custom] li a {
    margin: 0;
    padding: 0;
}

ul[class=hrd_custom] li[class=hrd_connexion] {
    display: inline-block;
    vertical-align: bottom;
    width: 180px;
    height: 45px;
    line-height: 48px;
    
    background: #e7511b url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/btn_customer.png') top left no-repeat;
}
ul[class=hrd_custom] li[class=hrd_connexion] a {
    margin-left: 45px;
    
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;    
    text-decoration: none;        
    color: #FFF;
}
ul[class=hrd_custom] li[class=hrd_caddie] {
    display: inline-block;
    vertical-align: bottom;
    width: 180px;
    height: 45px;    
    line-height: 45px;
    
    background-color: #e7511b;
}
ul[class=hrd_custom] li[class=hrd_caddie] div {    
    display: inline-block;
    vertical-align: top;    
    width: 120px;
    height: 45px;
    line-height: 45px;
    
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;    
    text-align: center;    
    color: #FFF;        
}
ul[class=hrd_custom] li[class=hrd_caddie] div[class=hrd_nbart] {    
    display: inline-block;
    vertical-align: top;
    width: 55px;    
    height: 38px;
    padding-top: 7px;
    line-height: 15px;    
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;    
    text-align: center;    
    color: #FFF;    
    border-right: 1px dotted #FFF;
}
ul[class=hrd_custom] li[class=hrd_caddie] div[class=hrd_nbart] span {    
    margin-bottom: -40px;
    font-size: 14px;
}
div[class=hrd_bglogo] {
    width: 100%;
    height: 100px;
    background-color: #c1c1c1; /*#292a2b;*/
}
div[class=hrd_logo] {
    position: relative;
    width: 1200px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;    
}
div[class=hrd_logo] a {
    display: inline-block;
    vertical-align: bottom;        
    font-family: 'kenyan Coffee';
    text-decoration: none;
    color: #FFF;    
}
div[class=hrd_logo] p {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 50px;
    line-height: 20px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
div[class=hrd_logo] p span[class=nbtel] {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px; 
    color: #e7511b;
}
div[class=hrd_logo] img {
    position: relative;
    top: 0px;
    left: 43px;
}
div[class=hrd_search] {    
    display: inline-block;
    position: absolute;
    top: 35px;
    right: 23px;
    width: 300px;
    height: 50px;
    margin-left: 370px;
    
    border: #e7511b;
}
div[class=hrd_search] input[type=text] {
    vertical-align: top;
    width: 225px;
    height: 29px; 
    margin: 0;   
    padding-left: 5px;
    font-family: 'Arial';
    font-size: 12px;
    font-style: italic;
    color: #c1c1c1;
    background-color: #FFF;
    border: none;
}
div[class=hrd_search] input[type=submit] {
    margin: 0; padding: 0;    
    vertical-align: top;
    width: 31px;
    height: 31px;    
    background: #e7511b url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/btn_search.png') top left no-repeat;
    border: none;
}
div[class=com_bgslide] {
    width: 100%;
    height: 330px;            
    background-color: #ebebeb;
}
section[class=com_slide] {
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: 1200px;
    height: 330px;        
}

section[class=HomeContent] {
    width: 1200px;
    margin: 0 auto;
}
section[class=HomeContent] ul {
    position: relative;
    margin: 0;
    margin-left: 5px;
}
section[class=HomeContent] ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 200px;
    margin-bottom: 5px;
}
section[class=HomeContent] ul li span {
    position: absolute;
    top: 15px;
    left: -5px;
    
    padding: 5px 10px;
    font-family: 'kenyan Coffee';
    font-weight: normal;
    font-size: 18px;
    
    color: #FFF;
    background-color: #e7511b;
}
section[class=HomeContent] ul li[class=cnt_links] {
    position: absolute;
    bottom: -5px;
    right: 84px;
    width: 250px;
    height: 30px;
    line-height: 30px;
    
    padding-left: 5px;
    
    font-family: 'kenyan Coffee';
    font-size: 24px;
    color: #FFF;
    
    background-color: #e7511b;
}
section[class=HomeContent] ul li[class=cnt_links] a {
    margin-right: 20px;
    
    font-family: 'kenyan Coffee';
    font-size: 24px;
    text-decoration: none;
    
    color: #FFF;
}
div[class=cnt_bgmarques] {
    width: 100%;
    height: 100px;   
    background-color: #e7511b;
}
section[class=cnt_marques] {
    position: relative;
    margin: 50px auto 0 auto;
    
    width: 1200px;
    height: 100px;
    line-height: 100px;
    
    background-color: #e7511b;
}
section[class=cnt_marques] h2 {
    height: 30px;
    line-height: 30px;
    
    padding: 0 10px;
    
    font-family: 'kenyan Coffee';
    font-size: 24px;
    font-weight: normal;
    
    color: #FFF;
    background-color: #e7511b;
}
section[class=cnt_marques] h2[class=title_top] {
    position: absolute;
    top: -50px;
    left: 45px;
}
section[class=cnt_marques] h2[class=title_bottom] {
    position: absolute;
    bottom: -50px;
    right: 84px;
}
section[class=cnt_marques] ul {
    padding: 10px 0 0 50px;
}
section[class=cnt_marques] ul li {    
    position: relative;
    display: inline-block;
    vertical-align: top;
    
    width: 171px;
    height: 80px;
    
    margin: 0 5px 0 0;
    
    text-align: center;
    
    background: #FFF url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/header/bg_marques.png') top left no-repeat;
}
section[class=cnt_marques] ul li a {    
    display: block;    
    width: 171px;
    height: 80px;
    
    font-family: 'kenyan Coffee';
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    
    color: #292a2b;    
}
section[class=cnt_marques] ul li a span {
    display: inline-block;
    height: 60px;
    padding-top: 22px;
}
section[class=cnt_marques] ul li img {
position: absolute;
top: 0;
left: 0;
}
section[class=nos_packs] {
    position: relative;
    width: 1200px;
    margin: 0 auto 30px auto;
}
section[class=nos_packs] h2 {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin-left: 45px;
    padding-left: 10px;
    
    font-family: 'kenyan Coffee';
    font-size: 24px;
    font-weight: normal;
    
    color: #FFF;
    background-color: #e7511b;
}
section[class=cghankooklink] {
    position: relative;
    width: 1200px;
    margin: 20px auto 30px auto;
    padding: 0;
    text-align: center;
}
section[class=cghankooklink] img {
    margin-right: 25px;    
}
section[class=cghankooklink] p {
    position: absolute;
    top: 5px;
    right: 73px;
    width: 470px;
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto Condensed';
    background-color: #FFF;
    opacity: 0.8;
}
section[class=cghankooklink] p>a {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}
footer {
    margin: 0 auto;
    width: 100%;
    height: 200px; /*165px;*/
    
    margin-top: 50px;
    
    background-color: #ebebeb;
}
footer div[class=foot_bgnav] {
    width: 100%;
    height: 30px;
    background-color: #292a2b;
}
footer ul[class=foot_nav] {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    
    margin: 0 auto;
    padding: 0 0 0 150px;
    
    background-color: #292a2b;
}
footer ul[class=foot_nav] li {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
    
    padding-right: 30px;
    padding-left: 30px;
    
    font-family: 'Arial';
    font-size: 14px;
    font-weight: normal;
    
    color: #FFF;
    border-right: 2px solid #FFF;
}
footer ul[class=foot_nav] li a {
    font-family: 'Arial';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    
    color: #FFF;
}
footer div[class=foot_bgcom] {
    width:1200px;
    margin: 0 auto;
}
a[class=foot_logo] {
    display: block;
    margin-top: 10px;
    margin-left: 67px;
    
    font-family: 'kenyan Coffee';
    font-size: 24px;
    
    text-decoration: none;
    color: #292a2b;    
}
a[class=foot_logo] span {    
    font-family: 'kenyan Coffee';
    font-size: 36px;
    
    color: #e7511b;    
}
div[class=Column1] {
    display: inline-block;
    vertical-align: top;
    padding: 10px;    
}
div[class=Column2] {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 70px;
    line-height: 15px;
}
p[class=col_title] {
    margin: 0px 0 40px 0;
    font-family: 'kenyan Coffee';
    font-size: 24px;
    
    color: #292a2b;
}
.red_title {
    margin: 0px 0 10px 0;
    font-family: 'kenyan Coffee';
    font-size: 24px;
    color: #292a2b;
}
p[class=col_parag] {
    margin: 0 0 10px 0;
    font-family: 'Arial';
    font-size: 14px;
    
    color: #292a2b;
}
.white_parag {
    width: 295px;    
}
p[class=col_tel] {
    margin: 0;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    
    color: #292a2b;
}
a[class=col_mail] {
    margin: 0;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    
    color: #292a2b;
}
a:hover[class=col_mail] { text-decoration: underline; }
div[class=Column3] {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 70px;
    line-height: 15px;
}
form[class=add_newsletter] ul#addnews {
    display: inline-block;     
    width: 295px;
    height: 54px;
    line-height: 54px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/bg_addnewsletter.png') top left no-repeat;
}
form[class=add_newsletter] ul#addnews li { margin: 0; padding: 0; }
form[class=add_newsletter] ul#addnews li input[type=text] {
    display: inline-block;
    width: 180px;
    margin: 0;
    padding: 0;    
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
    color: #adadad;
    background-color: #FFF;
    border: none;
}
form[class=add_newsletter] ul#addnews li input[type=submit] {
    display: inline-block;
    width: 115px;    
    font-family: Arial;
    font-size: 16px;
    color: #FFF;
    background-color: #e7511b; 
    border: none;
}
div[class=Column3] ul {
    margin: 0;    
    list-style-type: none;
}
div[class=Column3] ul li {
    margin-left: -40px;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: normal;
    
    color: #292a2b;
}
div[class=Column3] ul li a {
    text-decoration: none;
    color: #292a2b;
}
div[class=Column3] ul li a:hover { text-decoration: underline; }
div[class=Column4] {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 70px;
    line-height: 15px;
}
div[class=Column4] img {
    margin-top: 15px;
}

/* ########################################################################## */
/* SLIDE PACKS */
.MaskAhead
{
position: relative;
top:  0px;
left: 40px;        
width:	1070px;
height: 110px;	
overflow: hidden;        
}
ul#AheadSlide
{
position: absolute;
height: 105px;
margin: 0;
padding: 0;
z-index: 9999;
}
ul#AheadSlide li
{
display: inline-block;
margin: 0;
padding: 0;
}
ul#AheadSlide li img
{
margin-left: 5px;
}

/* PACKS BUTTONS */
.promosButtons
{
position: absolute;
top: 70px;
width: 1080px;
}
.promosButtons span
{
cursor:pointer;
}
/*
.promosButtons span.active, .buttons span:hover{background:#0080FF;color:#fff}
*/
.promosButtons span[id=prev1]
{
position: absolute;
left: 35px;
z-index: 99999;
}
.promosButtons span[id=next1]
{
position: absolute;
right: -38px;
z-index: 99999;
}


.MaskHdrSlide {
position: relative;
top:  0px;
left: 45px;        
width: 1200px;
height: 320px;	
overflow: hidden;
}
ul#HdrSlide
{
position: absolute;
width: 1080px;
height: 320px;
margin: 0;
padding: 0;
z-index: 9999;
}
ul#HdrSlide li
{
display: inline-block;
margin: 0;
padding: 0;
}
div#HdrSlide img {
position: absolute;
display: block;
margin-left: 43px;
}
a[class=LinkSlide] {
position: absolute;
left: 60px;
bottom: 0;

display: block;
padding-left: 5px;
width: 250px;
height: 30px;
line-height: 30px;

font-family: 'Arial';
font-size: 18px;
font-weight: bold;

text-decoration: none;

color: #FFF;
background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/link_hankook-rs.png') top left no-repeat;

z-index: 999999;
}

/* _______________ */
/* ---- EDITO ---- */
section[class=Edito]
{
    width: 1100px;
    margin: 50px auto;    
}
section[class=Edito] h2
{
    margin-top: 20px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #e7511b;
}
section[class=Edito] h3
{
    margin-top: 20px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #000;
}

section[class=Edito] h4
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #e7511b;
}
section[class=Edito] p
{
    margin-bottom: 10px;
    
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;

    text-align: justify;
}
section[class=Edito] ul
{
    list-style-type: square;
    margin-left: 40px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;

    text-align: justify;
}
section[class=Edito] ol[class=Contact_propositions] {    
    font-family: 'Roboto Condensed';
    font-weight: bold;
    
    counter-reset: propositions;
    margin-bottom: 100px;
}
section[class=Edito] ol[class=Contact_propositions] li {
    list-style-type: none;
    counter-increment: propositions;
    margin-bottom: 40px;
}
section[class=Edito] ol[class=Contact_propositions] li:before {
   content: counter(propositions);
   padding: 6px 10px;
   margin-right: 8px;
   margin-left: -20px;
   vertical-align: top; 

   -moz-border-radius: 5px;
   border-radius: 5px;

   color: #FFF;
   background-color: #e7511b;
}
section[class=Edito] ol[class=Contact_propositions] li form {
    margin-top: 20px;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] {
    list-style-type: none;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] label {
    font-weight: bold;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] label span {
    margin-left: 5px;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li {
    position: relative;
    margin: 0;
    height: 40px;
    line-height: 30px;
    list-style-type: none;
    counter-increment: none;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li:before {
    content: none;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li input[type=text] {
    position: absolute;
    left: 300px;
    width: 300px;
    border: 1px solid #eeeeee;    
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li[class=In_tabs_message] {
    height: 100px;
    line-height: 100px;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li[class=In_tabs_message] textarea {
    position: absolute;
    left: 300px;
    width: 300px;
    height: 100px;
    border: 1px solid #eeeeee;    
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li input[type=submit] {
    width: 100px;
    height: 30px;
    line-height: 30px;
    
    font-family: 'Roboto Condensed';
    font-size: 14px;
    font-weight: bold;

    color: #FFF;
    background-color: #e7511b;
    border: none;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li div[class=In_tabs_radio] {
    width: 90%;
    height: 130px;
    padding-left: 50px;
}
section[class=Edito] ol[class=Contact_propositions] li form ul[class=In_tabs] li div[class=In_tabs_radio] span {
    margin-left: 10px;    
    font-weight: bold;
}
section[class=Edito] ol[class=Contact_propositions] li form p[class=Warning_form] {
    font-size: 10px;
    font-weight: bold;
}

/* ###########*/
/* 3MO STYLES */
section[class=Edito] h2[class=_3mo_h2] {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;

    padding-left: 10px;

    font-family: 'kenyan Coffee';
    font-size: 24px;
    font-weight: 111;

    color: #FFF;
    background-color: #e7511b;     
}
section[class=Edito] h3[class=_3mo_h3] {
    display: block;
    margin-top: 30px;    
    margin-bottom: 10px;
    padding-left: 40px;

    font-family: 'Arial';
    font-size: 18px;
    font-weight: bold;

    color: #e7511b;
}
section[class=Edito] div[class=_3mo_gammes] {
    display: inline-block;
    vertical-align: top;
    width: 455px;
    height: 40px;
    margin: 0 0 5px 75px;
    padding: 0;

    color: #bababd;
    background-color: #f4f3f1;
}
section[class=Edito] div[class=_3mo_gammes] div {
    display: inline-block;
    vertical-align: top;

    width: 195px;
    height: 40px;
    line-height: 40px;
     
    font-family: 'Arial';
    font-size: 24px;
    font-weight: bold;
    text-align: center;

    color: #FFF;
    background-color: #bababd;
}
section[class=Edito] div[class=_3mo_gammes] p {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    margin: 3px 0 0 0;
    padding: 0 0 0 5px;

    font-family: 'Arial';
    font-size: 14px;
    font-weight: none;

    color: #bababd;    
}
section[class=Edito] div[class=_3mo_fiches_techniques] {
    display: inline-block;
    vertical-align: top;
    width: 1065px;
    height: 35px;
    margin: 0 0 5px 75px;
    padding: 0;

    color: #bababd;
    background-color: #f4f3f1;
}
section[class=Edito] div[class=_3mo_fiches_techniques] div {
    display: inline-block;
    vertical-align: top;

    width: 280px;
    height: 35px;
    line-height: 35px;
     
    font-family: 'Arial';
    font-size: 24px;
    font-weight: bold;
    text-align: center;

    color: #FFF;
    background-color: #bababd;
}
section[class=Edito] div[class=_3mo_fiches_techniques] p {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    line-height: 35px;
    margin: 3px 0 0 0;
    padding: 0 0 0 10px;

    font-family: 'Arial';
    font-size: 16px;
    font-weight: none;

    color: #bababd;    
}
section[class=Edito] div[class=_3mo_fiches_techniques] p>a {    
    color: #bababd;
}
section[class=Edito] div[class=_3mo_fiches_techniques] p>a:hover {
    text-decoration: none;    
}
section[class=Edito] div[class=_3mo_fiches_techniques] p>a:visited {    
    color: #e7511b;
}
section[class=Edito] ul[class=_3mo_form_civil], section[class=Edito] ul[class=_3mo_form_tech], section[class=Edito] ul[class=_3mo_form_comm] {
    list-style-type: none;
}
section[class=Edito] ul[class=_3mo_form_civil] li, section[class=Edito] ul[class=_3mo_form_tech] li, section[class=Edito] ul[class=_3mo_form_comm] li {    
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 450px;
    height: 30px;
    line-height: 30px;

    font-family: 'Arial';
    font-size: 14px;
    font-weight: none;
}
section[class=Edito] ul[class=_3mo_form_civil] input[type=text], section[class=Edito] ul[class=_3mo_form_tech] input[type=text], section[class=Edito] ul[class=_3mo_form_comm] input[type=text] {
    position: absolute;
    left: 175px;
    width: 305px;
    height: 20px;
    padding: 0 10px;
    border: 1px solid #eee;
}
section[class=Edito] ul[class=_3mo_form_tech] li[class=_3mo_radio] {
    height: 80px;
}
section[class=Edito] ul[class=_3mo_form_tech] li[class=_3mo_radio] ul {
    width: 290px;    
}
section[class=Edito] ul[class=_3mo_form_tech] li[class=_3mo_radio] ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 135px;    
}
section[class=Edito] ul[class=_3mo_form_tech] li[class=_3mo_radio] ul li span {    
    margin-left: 10px;
    font-size: 18px;
    color: #e7511b;
}
section[class=Edito] ul[class=_3mo_form_comm] li {
    display: block;
    position: relative;
    height: 40px;
}
section[class=Edito] ul[class=_3mo_form_comm] li[class=comm] {
    height: 140px;
}
section[class=Edito] ul[class=_3mo_form_comm] li textarea {   
    position: absolute;
    left: 175px;
    width: 500px;
    height: 130px;
    padding: 0 10px;
    border: 1px solid #eee;
}
section[class=Edito] ul[class=_3mo_form_comm] li input[type=submit] {
    position: absolute;
    left: 175px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    
    font-family: 'Roboto Condensed';
    font-size: 14px;
    font-weight: bold;

    color: #FFF;
    background-color: #e7511b;
    border: none;
}
section[class=Edito] form hr {
    width: 1200px;
    border-color: #e7511b;
}
section[class=Edito] form p[class=_3mo_FormErrors] {
    margin-bottom: 30px;
    font-weight: bold;
    color: #F00;
}
section[class=Edito] a[class=_3mo_renseignement] {
    font-family: 'Arial';
    font-size: 14px;

    color: #e7511b;
}
/*
section[class=Edito] ul[class=_3mo_form_civil] label, section[class=Edito] ul[class=_3mo_form_tech] label, section[class=Edito] ul[class=_3mo_form_comm] label {
    font-weight: bold;
}
*/

/* _________________ */
/* ---- SUMMARY ---- */
section[class=Summary]
{        
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

section[class=Summary] ul[class=Choix_vehicule] {
    position: relative;
    width: 1200px;
    height: 250px;
    
    margin: 0;
    padding: 0 0 0 25px;

    background: url('https://www.gp-competition-lemag.fr/uploads/images/pages/le_magasin_des_pilotes/plaquettes_freins/bg_plaquettes_freins_clbrakes.jpg')top left no-repeat;
}
section[class=Summary] ul[class=Choix_vehicule] li {
   display: inline-block;
   position: relative;
   top: 150px;
   margin-right: 22px;
}
section[class=Summary] ul[class=Choix_vehicule] li select {
   width: 215px;
   height: 25px;

   font-family: Arial;
   font-size: 14px;
   font-weight: normal;
   font-style: italic;

   color: #272727;   

   background-color: #FFF;
   border: none;
}
section[class=Summary] ul[class=Choix_vehicule] li input[type=submit] {
   width: 195px;
   height: 25px;
   line-height: 25px;
   
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;   
   text-indent: -50px;

   color: #FFF;   
   
   background: #292a2b url('https://www.gp-competition-lemag.fr/uploads/images/pages/le_magasin_des_pilotes/plaquettes_freins/btn_recherche.png')top right no-repeat;
   border: none;
}
section[class=Summary] div[class=logo_clbrake] {
    width: 1200px;
    height: 200px;
    text-align: center;
}

section[class=Summary] div[class=EncartSommaire] {
position: relative;
width: 1200px;
height: 260px;
}

section[class=Summary] div[class=EncartSommaire] p {
position: absolute;
right: 0;
bottom: -10px;
font-family: Arial;
font-size: 18px;
font-weight: bold;

color: #292a2b;
}
section[class=Summary] div[class=EncartSommaire] p>a[class=Btn_lien] {
display: inline-block;
width: 250px;
height: 30px;
line-height: 30px;
text-indent: 8px;
text-decoration: none;

font-family: Arial;
font-size: 14px;
font-weight: bold;

color: #FFF;

background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/btn_hankook_rs_link_leave.png') top left no-repeat;
}
section[class=Summary] div[class=EncartSommaire] p>a:hover[class=Btn_lien] {
background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/btn_hankook_rs_link_over.png') top left no-repeat;
}

section[class=Summary] h1[class=summary_title], section[class=FicheProduit] h1[class=summary_title], h1[class=entete_title], h1[class=h1title], section[class=Registry] h1[class=summary_title], section[class=Login] h1[class=summary_title] {
    display: block;    
    height: 30px;
    line-height: 30px;
    
    padding: 0 10px 0 10px;
    
    font-family: 'kenyan Coffee';
    font-size: 18px;
    font-weight: normal;
    
    color: #FFF;
    background-color: #e7511b;
}
h1[class=summary_title] span {
   display: block; 
   position: absolute;
   left: 320px;
   bottom: 30px;    
   padding: 0 10px;
   height: 30px;
   line-height: 30px; 
   background-color: #e7511b; 
}
h1[class=summary_title] span[class=nav_prods] {
   position: absolute;
   left: 805px;
   bottom: 30px;
}
section[class=FicheProduit] h1[class=summary_title] a { text-decoration: none; color: #FFF; }
section[class=FicheProduit] h1[class=summary_title] a:hover { text-decoration: underline; }
hr.SummarySeparator
{
    margin-bottom: 20px;
    padding: 0;
    border: none;
}
section[class=Summary] div[class=FichProd]
{
    position: relative;
    display: inline-block;
    vertical-align: top;
    
    width: 276px;
    height: 400px;
    margin-bottom: 50px;
    padding: 0 10px 0 10px;    
    text-align: center;
    background-color: #FFF;    
}
section[class=Summary] div[class=FichProd] p[class=promoSticker], section[class=FicheProduit] aside[class=FotosProduit] p[class=promoSticker] {
    position: absolute;
    top: 50px;
    left: 10px;
}
section[class=Summary] div[class=FichProd] p[class=promoSticker] span, section[class=FicheProduit] aside[class=FotosProduit] p[class=promoSticker] span {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 26px;
    font-weight: 999;
    color: #e7511b;
    text-shadow: #FFF 2px 2px, #FFF -2px 2px, #FFF -2px -2px, #FFF 2px -2px;
}
section[class=Summary] div[class=FichProd] a
{
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;    
color: #000;
}
section[class=Summary] div[class=FichProd] a>div[class=zonePic] {
height: 300px;
} 
section[class=Summary] div[class=FichProd] a>div[class=zoneText] {
height: 70px;
text-align: left;
border-bottom: 1px solid #d3d2d2;    
}
section[class=Summary] div[class=FichProd] a>div[class=zoneStock] {
text-align: center;
border-bottom: 1px solid #d3d2d2;
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=ProviderSum] img {
margin:0;
padding:0;
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=ProviderSum] {
display: inline-block;
width: 45%; 

}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=ProviderSum] p[class=Designation]
{
    margin: 0;
    height: 40px;
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=Price]
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: right;    
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] p[class=contactUs] {
    width: 100%;
    margin-top: 5px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;  
    text-align: center;
    text-decoration: none; 
    color: #324e78;     
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=Price] p[class=promoPrice] {
    margin: 0;
    font-family: Arial;
    font-size: 26px;
    font-weight: 999;  
    text-decoration: none; 
    color: #324e78;     
}
section[class=Summary] div[class=FichProd] a>div[class=zoneText] div[class=Price] p[class=promoPrice] span {
    font-size: 20px;
    font-weight: bold;  
    text-decoration: line-through;
    color: #b2b2b2;    
}
section[class=Summary] div[class=FichProd] a>div[class=zoneStock] {
    height: 25px;
    line-height: 25px;
    color: #747474;
}
section[class=Summary] div[class=FichProd] a>div[class=zoneStock] p {
    margin: 5px 0;
}
section[class=Summary] div[class=FichProd] div.Infos a
{
    position: absolute;
    right: 0;
    bottom: -2px;
}

/* _______________________ */
/* ---- FICHE PRODUIT ---- */
section[class=FicheProduit]
{
    position: relative;
        
    width: 1100px;
    margin: 50px auto 0 auto;
}

section[class=FicheProduit] aside[class=FotosProduit]
{
    display: inline-block;
    vertical-align: top;
    width: 310px;
    
    margin: 0 10px 0 0;
}
section[class=FicheProduit] aside[class=FotosProduit] div[class=Big]
{
    position: relative;
    width: 300px;
    height: 300px;   
    margin-bottom: 20px;
    
    text-align: center;
    background-color: #FFF;
    border: 2px solid #e7511b;
}
section[class=FicheProduit] aside[class=FotosProduit] div[class=Big] p[class=icon_promo] {
display: block; 
position: absolute; 
top: 0px; 
left: 15px; 
width: 50px; 
height: 50px; 
line-height: 50px; 
color: #021900; 
font-weight: bold;
font-family: 'Roboto Condensed'; 
font-size: 14px; 
text-align: center; 
background-color: rgba(105, 241, 124, 0.95);
-moz-border-radius: 80px;
border-radius: 80px;
border: 2px solid #8ece97;
}
section[class=FicheProduit] aside[class=FotosProduit] div[class=Small]
{
    display: inline-block;
    vertical-align: top;
    
    width: 100px;
    height: 100px;    

    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;
    border: 2px solid #e7511b;
}
section[class=FicheProduit] aside[class=FotosProduit] div[class=Small] img { cursor: pointer; }

section[class=FicheProduit] article
{
    display: inline-block;
    vertical-align: top;
    width: 775px;
}
section[class=FicheProduit] article p[class=chapoProd] {
    margin: 0 0 5px 0;
    padding: 0;
    font-family: Arial;
    font-size: 24px;
    font-weight: 999;
    text-indent: 0px;
    color: #292a2b;
}
section[class=FicheProduit] article h1
{
    margin-top: 5px;
    margin-bottom: 0px;
    font-family: Arial;
    font-size: 24px;
    font-weight: 999;
    color: #292a2b;
}
section[class=FicheProduit] article h2
{
    margin-top: 0px;
    margin-bottom: 50px;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #89898a;
}
section[class=FicheProduit] article h3
{
    width: 247px;
    height: 32px;
    
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 15px;    
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    text-shadow: #292a2b 2px 2px, #292a2b -2px 2px, #292a2b -2px -2px, #292a2b 2px -2px;
    color: #FFF;
    
    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/title_description.png') bottom left no-repeat;
}
section[class=FicheProduit] article p
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    
    text-align: justify;
    text-indent: 4px;
}
section[class=FicheProduit] article p[class=Details]
{
    margin-top: 10px;    
    
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    
    text-indent: 8px;
}
section[class=FicheProduit] article div[class=classPrice] {
    display: inline-block;
    margin-top: 50px;
    width: 343px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #dadada;
}
section[class=FicheProduit] article div[class=classPrice] p[class=promoPrice] {
    margin: 0;
    font-family: Arial;
    font-size: 30px;
    font-weight: 999;
    text-align: center;
    color: #e7511b;
}
section[class=FicheProduit] article div[class=classPrice] p[class=promoPrice] span {
   margin-right: 45px;
   font-size: 24px;
   font-weight: bold;
   text-decoration: line-through;
   color: #afafaf;
}
section[class=FicheProduit] article div[class=quantitySelector] {
   display: inline-block;
   vertical-align: top;   
   margin-top: 50px;
   height 70px;
   line-height 70px;   
}
section[class=FicheProduit] article div[class=quantitySelector] input {   
   width: 70px;
   height: 68px;
   line-height 68px;
   font-family: Arial;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   color: #afafaf;
   border: 1px solid #dadada;
}
section[class=FicheProduit] article div[class=quantitySelector] div[class=Ctrl] {
   display: inline-block;
   vertical-align: top;
   width: 37px;
   height: 70px;
   line-height 70px;
}
section[class=FicheProduit] article div[class=quantitySelector] div[class=Ctrl] div[class=btn_plus], section[class=FicheProduit] article div[class=quantitySelector] div[class=Ctrl] div[class=btn_moins] {
   margin-bottom: 3px;
   width: 34px;
   height: 34px;
   line-height: 34px;
   font-family: Arial;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   color: #afafaf;
   background-color: #dadada;
   box-shadow: 0 0 0 1px #b4b4b4 inset;
   cursor: pointer;

   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none;   /* Chrome/Safari/Opera */
   -khtml-user-select: none;    /* Konqueror */
   -moz-user-select: none;      /* Firefox */
   -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
section[class=FicheProduit] article div[class=alertParams] {
   display: none;
   float: right;
   vertical-align: top;
   margin-top: 50px;
   padding: 0 10px;
   width: 280px;
   height: 70px;
   line-height: 70px;
   background-color: #fff8ce;
}
section[class=FicheProduit] article div[class=alertParams] p {
line-height: 35px;
}
section[class=FicheProduit] article div[class=alertParams] p span { font-style: italic; }
section[class=FicheProduit] aside[class=productDescription] {
   position: relative;
   width: 100%;
}
section[class=FicheProduit] aside[class=productDescription] div[class=providers] {
   position: absolute;
   right: 0;
}
section[class=FicheProduit] aside[class=productDescription] div[class=providers] img {
   margin-left: 5px;
}
section[class=FicheProduit] article hr
{
    margin-top: 40px;
    margin-bottom: 20px;
    
    color: #e7511b;
}
section[class=FicheProduit] article ul
{
    margin-left: 40px;
    list-style-type: square;
}
section[class=FicheProduit] article ul li
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
}
section[class=FicheProduit] article div[class=Params]
{
    margin: 0;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #616161;
}
section[class=FicheProduit] article div[class=Params] select {
   position: relative;        
   display: inline-block;
   vertical-align: top;    

   margin: 0;
   width:345px;
   height:40px;
   line-height:40px;

   background-color: #ededed;
   border: 1px solid #dadada;
}
section[class=FicheProduit] article div[class=Params] select[class=marginselect] {
   margin-left: 80px;
}
section[class=FicheProduit] article div[class=sendCaddie] { 
    position: relative; 
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    width: 305px;
}
.btn_addProduct
{       
    width: 305px;
    height: 72px;
    line-height: 72px;   
    padding: 0 0 10px 15px;
    
    font-family: Arial;
    font-size: 22px;
    font-weight: 999;    
    text-align: left;    
    cursor: pointer;

    color: #FFF;    
    background: #e7511b;
    border: 1px solid #a83a12;
}
.btn_addProduct
{       
    width: 305px;
    height: 72px;
    line-height: 72px;   
    padding: 0 0 10px 15px;
    
    font-family: Arial;
    font-size: 22px;
    font-weight: 999;    
    text-align: left;    
    cursor: pointer;

    color: #FFF;    
    background: #e7511b;
    border: 1px solid #a83a12;
}
.addedProduct {
     display: block;
     position: relative;
     padding: 0 10px;
     width: 98%;
     height: 70px;
     line-height: 70px;

     background: #eee;
     border-top: 2px solid #e7511b;
}
.btn_added {        
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    height: 30px;
    line-height: 30px;

    font-family: Arial;
    font-size: 14px;
    font-weight: normal;    
    text-align: center;
    text-decoration: none;
    color: #FFF;    
    background: #e7511b;

    border: none;
    border-radius: 10px;
}
.btndisabled { filter: grayscale(90%); -webkit-filter: grayscale(90%);  }
.btnenabled { filter: grayscale(0%); -webkit-filter: grayscale(0%);  }
.picto {
    position: absolute;
    top: 30px;
    right: 10px;
}
section[class=FicheProduit] div[class=zoneStock] {
   margin-top: 50px;
   width: 100%;
   height: 50px;
   line-height: 50px;
   border-top: 1px solid #dadada;
   border-bottom: 1px solid #dadada;
}
section[class=FicheProduit] div[class=zoneStock] p {
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 18px;
   font-weight: bold;    
   text-align: center;
   text-indent: 0;
   color: #afafaf;
}
section[class=FicheProduit] aside[class=InfosProduit]
{
    display: inline-block;
    vertical-align: top;
    position: relative;
    
    width: 130px;
    
    margin: 0px 20px 0 15px;    
}
section[class=FicheProduit] aside[class=InfosProduit] hr
{
    margin-top: 250px;
    height: 0;
    color: #FFF;
    border: none;
}
section[class=FicheProduit] aside[class=InfosProduit] img
{
    display: block;
    
    position: relative;
    left: 52px;
    
    margin-bottom: 20px;
}
section[class=FicheProduit] aside[class=InfosProduit] img[class=Providers]
{
    left: 18px;
}
/* PRICE */


section[class=FicheProduit] article ul[class=Coef_friction] {
   position: relative;
   width: 93%;
   margin: 0 0 10px 0;   
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #ffffea;
   border: 1px solid #faf4ce;
}
section[class=FicheProduit] article ul[class=Coef_friction] span {
   position: absolute;
   left: 80px;
   font-weight: bold;
}

fieldset[class=Cars] {
    padding: 5px 5px 15px 5px;
    background-color: #EEE;
}
fieldset[class=Cars] legend {
    padding: 0 5px;
    font-family: Arial;
    font-size: 95%;
    font-weight: bold;
}
table[class=Morecars] {
    width: 100%;
    font-family: Arial;
    font-size: 90%;
}
table[class=Morecars] th {
    height: 40px;
    border-bottom: 1px dotted #D9D9D9;
}
table[class=Morecars] td {
    height: 20px;
    font-size: 80%;
    border-bottom: 1px dotted #D9D9D9;
}

nav[class=NavProducts]
{
    display: block;
    margin: 50px 0 0 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
nav[class=NavProducts] a
{
    margin: 0 50px 0 0;

    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
nav[class=NavProducts] a img
{
    margin: -3px 5px;
}

/* __________________ */
/* ---- REGISTRY ---- */
section[class=Registry] {
width: 1100px;
margin: 0 auto;
}
section[class=Registry] h1 { margin-bottom: 20px; }
/* ___________________________________ */
/* ---- POPUP ADD PRODUCT CONFIRM ---- */
.PopupConfirm
{
    display: none;
    position: absolute;
    left: 50%;
    top: 200px;
    transform: translate(-50%, -50%); /* Yep! */
    
    width: 540px;
    height: 380px;
    
    padding: 10px 10px;

    text-align: center;
    box-shadow: 0px 0px 12px #6f6f6f;

    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/bg_popup.png') top left repeat-x;

    border: 2px solid #ABABAB;
}
.PopupConfirm > img.Visual
{
    margin: 25px 0;
    border: 1px solid #e7511b;
}
.PopupConfirm > p.Message
{
    margin-top: 20px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #e7511b;
}
.PopupConfirm > p.Designation
{
    margin-bottom: 50px;

    font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #000;
}
.PopupConfirm > a.Prev, .PopupConfirm > a.Next
{
    display: inline-block;
    vertical-align: top;

    width: 158px;
    height: 69px;

    margin: 0 20px;

    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;

    color: #FFF;
}
.PopupConfirm > a.Prev
{
    padding: 15px 0 0 7px;
    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/bg_prev_nav.png') top left no-repeat;
}
.PopupConfirm > a.Next
{
    padding: 20px 0px 0 0;
    background: url('https://www.gp-competition-lemag.fr/uploads/lemagdespilotes-wstyle/assets/bg_next_nav.png') top left no-repeat;
}
/*
input[class=SubmitBill], a[class=SubmitBill]
{
    display: block;
    margin-left: 100px;
    width: 200px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold;

    text-shadow: 1px 1px 1px #0A0;
    text-decoration: none;

    color: #FFF;
    background-color: #0F0;
    border: 1px solid #0A0;
}
*/
.SubmitBill
{
    display: block;
    margin-left: 100px;
    width: 200px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold;

    text-shadow: 1px 1px 1px #0A0;
    text-decoration: none;

    color: #FFF;
    background-color: #0F0;
    border: 1px solid #0A0;
}

div[class=NewsSummaryEquipages] h3, div[class=NewsSummary] h3
{
    display: block;

    position: relative;

    width: 200px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;

    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    
    text-decoration: none;
 
    color: #FFF;
    background-color: #4287c2;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
div[class=NewsSummaryEquipages] h3 { width: 300px; margin-bottom: 20px; }
div[class=NewsSummaryEquipages] h3 span[class=ShowDetails]
{
    position: absolute;
    top: 17px;
    right: 10px;
}
div[class=NewsSummary] h3 { width: 300px; text-align: center; margin-bottom: 10px; }
div[class=NewsSummary]
{
    display: inline-block;
    vertical-align: top;
    width: 310px;
    height: 250px;
    margin-left: 40px;
    margin-bottom: 40px;

    text-align: center;

    background-color: #FFF;
}
div[class=NewsSummaryEquipages]
{
    display: inline-block;
    vertical-align: top;
    width: 810px;
    margin-left: 40px;
    margin-bottom: 40px;
}
div[class=NewsSummaryEquipages] div[class=NewsSummaryContent]
{
    padding: 10px 10px;
    background-color: #ddd;
}
div[class=NewsSummary] > div[class=NewsSummaryContent ] > p
{
    margin-bottom: 20px;
    text-align: center;
}
p[class=GalleryArticles] img
{
    margin-top:20px;
    margin-left: 3px;
}
section[class=Events]
{
    width: 1200px;
    margin: 25px 0 25px 0;
}
section[class=Events] div[class=NewsSummaryContent]
{
    position: relative;
    /*height: 230px;*/
}
section[class=Events] div[class=NewsSummary] div[class=NewsSummaryContent]
{
    background-color: #FFF;
    border-bottom: 1px solid #ddd;
}
section[class=Events] div[class=NewsSummaryContent] p[class=Evenements]
{
    width: 100%;
    position: absolute;
    bottom: -30px;
}
section[class=Events] div[class=NewsSummaryContent] p[class=Evenements] a
{   
    width: 280px;
    height: 20px;

    padding: 5px 5px;
    text-decoration: none;
    color: #FFF;
    background-color: #e7511b;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

div.cartes_cadeaux {
width: 1100px;
height: 170px;
}
div.cartes_cadeaux ul{
width: 1075px;
margin: 0 0 0 50px;
padding: 0;

list-style-type: none;
}
div.cartes_cadeaux ul li {
display: inline-block;
}
section[class="nos_packs"] h2.ccdx {
width: 250px;
}

/* ########################################################################## */
p[class=chapo] {
display: block;
width: 900px;
margin-left: 100px;
margin-bottom: 30px;
padding-left: 50px;
font-family: Arial;
font-size: 14px;
font-weight: normal;

border-left: 4px solid #e7511b; 
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* Stylesheet: lemagdespilotes-wstyle Modified On 2023-07-21 13:37:26 */