386 lines
8.3 KiB
CSS
Executable File
386 lines
8.3 KiB
CSS
Executable File
.op05 {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.ui-mobile .slider-desktop {
|
|
display: none;
|
|
}
|
|
|
|
/* mini étapes */
|
|
#diagnostic .diagnosticMiniStep{
|
|
text-align:center;
|
|
margin:0 0 20px;
|
|
}
|
|
#diagnostic .diagnosticMiniStep li{
|
|
display:inline;
|
|
}
|
|
|
|
/* Etape 0*/
|
|
#diagnostic .etape0 img{
|
|
float:left;
|
|
margin:0 20px 0 0;
|
|
}
|
|
#diagnostic .etape0{
|
|
width:672px;
|
|
margin:0 auto;
|
|
padding:30px 0;
|
|
height:280px;
|
|
}
|
|
#diagnostic .etape0 .description{
|
|
float:left;
|
|
width:390px;
|
|
text-align:center;
|
|
padding:37px 0 0;
|
|
height:220px;
|
|
position:relative;
|
|
}
|
|
#diagnostic .etape0 .description p{
|
|
padding:0 0 20px;
|
|
line-height:20px;
|
|
font-size:14px;
|
|
}
|
|
#diagnostic .etape0 .description .button{
|
|
position:absolute;
|
|
bottom:0;
|
|
left:83px;
|
|
height:34px;
|
|
line-height:34px;
|
|
text-transform:uppercase;
|
|
background-position:right center;
|
|
font-family:Times New Roman;
|
|
}
|
|
/* étapes fléchées */
|
|
#diagnostic .diagnosticSteps{display:table;height:42px;line-height:42px;width:100%;margin:0 0 20px;}
|
|
#diagnostic .diagnosticSteps.step1{background-position:0 right;}
|
|
#diagnostic .diagnosticSteps.step1{background-position:0 right;}
|
|
#diagnostic .diagnosticSteps.step2{background-position:0 -42px;}
|
|
#diagnostic .diagnosticSteps.step3{background-position:0 -84px;}
|
|
#diagnostic .diagnosticSteps.step4{background-position:0 -126px;}
|
|
#diagnostic .diagnosticSteps.step5{background-position:0 -168px;}
|
|
#diagnostic .diagnosticSteps.step6{background-position:0 -120px;}
|
|
#diagnostic .diagnosticSteps li{display:table-cell;list-style:none;margin:0;padding:0;}
|
|
#diagnostic .diagnosticSteps li.selected{font-size:14px;}
|
|
|
|
#diagnostic .diagnosticSteps li a{text-decoration:none;display:block;height:42px;line-height:42px;font-size:12px;text-align:center;font-family:Times New Roman;text-transform:uppercase;padding:0 20px 0 0px;}
|
|
|
|
#diagnostic .diagnosticSteps li.item1{padding:0;}
|
|
#diagnostic .diagnosticSteps li a{background:url('../img/diagnosticSteps.png') no-repeat right 0 ;}
|
|
#diagnostic .diagnosticSteps li.selected a{background:url('../img/diagnosticSteps.png') no-repeat right -42px;}
|
|
|
|
#diagnostic .diagnosticSteps li.item6 a{background:url('../img/diagnosticSteps.png') no-repeat -20px 0;padding:0;}
|
|
#diagnostic .diagnosticSteps li.item6.selected a{background:url('../img/diagnosticSteps.png') no-repeat -20px -42px;}
|
|
|
|
|
|
#diagnostic .diagnosticSteps li.selected{font-size:14px;}
|
|
#diagnostic .diagnosticSteps li.selected a{font-size:14px;padding:0 10px 0 0}
|
|
|
|
#diagnostic .diagnosticSteps.step2 li.item1,
|
|
#diagnostic .diagnosticSteps.step3 li.item2,
|
|
#diagnostic .diagnosticSteps.step4 li.item3,
|
|
#diagnostic .diagnosticSteps.step5 li.item4,
|
|
#diagnostic .diagnosticSteps.step6 li.item5{padding:0 20px 0 0;background:url('../img/diagnosticSteps.png') no-repeat right -126px; }
|
|
#diagnostic .diagnosticSteps.step2 li.item1 a,
|
|
#diagnostic .diagnosticSteps.step3 li.item2 a,
|
|
#diagnostic .diagnosticSteps.step4 li.item3 a,
|
|
#diagnostic .diagnosticSteps.step5 li.item4 a,
|
|
#diagnostic .diagnosticSteps.step6 li.item5 a{padding:0px;background-position:-20px 0;}
|
|
|
|
|
|
/* étapes 1 */
|
|
#diagnostic .formulaire{
|
|
padding: 20px 0 20px 124px;
|
|
}
|
|
#diagnostic .formulaire p.titre{
|
|
padding:0 0 20px 24px;
|
|
background:url('../img/diagFleche.png') no-repeat 0 0;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
line-height:20px;
|
|
}
|
|
#diagnostic .formulaire p.titre.diagFlecheSmall{
|
|
background:url('../img/diagFlecheSmall.png') no-repeat 11px 5px;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
line-height:20px;
|
|
}
|
|
#diagnostic .formulaire p.radio input{
|
|
margin:0 5px 0 0;
|
|
vertical-align:-1px;
|
|
cursor:pointer;
|
|
/*padding-right:21px;*/
|
|
}
|
|
#diagnostic .formulaire p.radio label{
|
|
padding:0 20px 0 0;
|
|
font-size:14px;
|
|
margin:0;
|
|
cursor:pointer;
|
|
}
|
|
#diagnostic .formulaire p.erreur,
|
|
#diagnostic .formulaire p.erreur label{
|
|
color:#ff0000;
|
|
}
|
|
#diagnostic .formulaire p.submit{
|
|
padding:20px 0;
|
|
}
|
|
#diagnostic .formulaire p.submit a.back,
|
|
#diagnostic .formulaire p.submit input{
|
|
float:right;
|
|
font-size:13px;
|
|
font-family:Times New Roman;
|
|
}
|
|
#diagnostic .formulaire p.submit a.back{
|
|
height:34px;
|
|
line-height:34px;
|
|
margin:0 10px 0 0;
|
|
}
|
|
|
|
/* etape finale */
|
|
#diagnostic .tiroir h3{
|
|
background:url('../img/diagTiroir.jpg') no-repeat 0 0;
|
|
width:958px;
|
|
line-height:32px;
|
|
height:32px;
|
|
text-align:center;
|
|
}
|
|
#diagnostic .tiroir h3 span{
|
|
display:inline-block;
|
|
line-height:32px;
|
|
height:32px;
|
|
background:url('../img/diagMore.png') no-repeat 0 center;
|
|
padding:0 20px;
|
|
color:#b9da1a;
|
|
font-size:16px;
|
|
text-transform:uppercase;
|
|
}
|
|
#diagnostic .tiroir.open h3 span{
|
|
background:url('../img/diagless.png') no-repeat 0 center;
|
|
}
|
|
table.produits td a:hover{
|
|
text-decoration:none;
|
|
}
|
|
table.produits td.col1{
|
|
width:96px;
|
|
text-align:center;
|
|
}
|
|
table.produits td .diagEtoile{
|
|
display:inline-block;
|
|
width:54px;
|
|
line-height:54px;
|
|
height:54px;
|
|
font-size:14px;
|
|
text-align:center;
|
|
background:url('../img/diagEtoile.png') no-repeat center center
|
|
}
|
|
table.produits td.col2{
|
|
width:150px;
|
|
text-align:center;
|
|
}
|
|
table.produits td.col3{
|
|
width:auto;
|
|
text-align:left;
|
|
}
|
|
table.produits td.col3 h4{
|
|
padding:0 0 4px;
|
|
}
|
|
table.produits td.col3 h4 a,
|
|
table.produits td.col3 h4{
|
|
font-size:15px;
|
|
font-weight:bold;
|
|
color:#000000;
|
|
text-align:left;
|
|
font-family:Arial,Sans-Serif;
|
|
}
|
|
table.produits td.col3 .product_desc,
|
|
table.produits td.col3 .product_desc p a,
|
|
table.produits td.col3 .product_desc p{
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
color:#000000;
|
|
padding:0;
|
|
text-align:left;
|
|
float:none;
|
|
}
|
|
table.produits td.col3 .product_desc{
|
|
margin:0 0 10px;
|
|
}
|
|
table.produits td.col3 a.button{
|
|
margin:0 0 0 270px;
|
|
}
|
|
#page p.submitTop.bilan{
|
|
margin:30px 0 0 0;
|
|
}
|
|
|
|
#page p.submitTop.bilanComplet{
|
|
margin:30px 0 0 307px;
|
|
float:left;
|
|
}
|
|
#page p.submitTop.bilanComplet a{
|
|
margin:0;
|
|
float:left;
|
|
}
|
|
|
|
|
|
|
|
.popinDiag{
|
|
width:400px;
|
|
padding:40px;
|
|
}
|
|
|
|
|
|
.imageGrade{
|
|
position:relative;
|
|
width:327px;
|
|
height:151px;
|
|
}
|
|
.item14{
|
|
float:left;
|
|
|
|
width:327px;
|
|
}
|
|
.item14 p.radio{
|
|
display:none;
|
|
}
|
|
.imageGrade img{
|
|
position:absolute;
|
|
z-index:1;
|
|
}
|
|
.imageGrade img.selected{
|
|
z-index:3;
|
|
}
|
|
|
|
.diagCurseurBar{
|
|
height:22Px;
|
|
position:relative;
|
|
margin:0 0 10px;
|
|
background:url('../img/diagCurseurBar.png') repeat-x center center;
|
|
}
|
|
.diagCurseurBar img{
|
|
float:left;
|
|
width:22px;
|
|
height:22Px;
|
|
margin:0 0 0 54px;
|
|
cursor:pointer;
|
|
}
|
|
.diagCurseurBar img:last-child{
|
|
float:right;
|
|
margin:0;
|
|
}
|
|
.diagCurseurBar img:first-child{
|
|
margin:0;
|
|
}
|
|
#diagnostic .formulaire p.radio4 label.label4{
|
|
padding-right:0;
|
|
margin-right:0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Block newsletter */
|
|
#recevoirparmail {
|
|
display:block;
|
|
width:430px;
|
|
text-align:center;
|
|
background:white;
|
|
padding:0 0 20px;
|
|
}
|
|
#recevoirparmail p{
|
|
text-align:center;
|
|
color:#000000;
|
|
font-size:14px;
|
|
}
|
|
#recevoirparmail p.success_inline{color:#b9da1a;}
|
|
#recevoirparmail p.warning_inline{color:#ff0000;}
|
|
#recevoirparmail .title_block{
|
|
font-size:18px;
|
|
text-transform:uppercase;
|
|
color:#000000;
|
|
padding:10px;
|
|
line-height:26px;
|
|
background:none;
|
|
font-weight:normal;
|
|
}
|
|
#recevoirparmail .inputNew{
|
|
margin:0 20px 0 0;
|
|
padding:4px 10px 0px;
|
|
width:286px;
|
|
line-height:35px;
|
|
height:35px;
|
|
float:left;
|
|
border:0;
|
|
font-size:12px;
|
|
font-family:Arial,Sans-Serif;
|
|
background:url('../img/inputNew.png') no-repeat 0 0;
|
|
}
|
|
#recevoirparmail .button_mini{
|
|
margin:0;
|
|
padding:0;
|
|
width:104px;
|
|
line-height:39px;
|
|
height:39px;
|
|
float:left;
|
|
border:0;
|
|
font-size:12px;
|
|
font-family:Times New Roman;
|
|
text-transform:uppercase;
|
|
background:url('../img/submitNewsletter.png') no-repeat 0 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Block newsletter */
|
|
#recevoirparmail2 {
|
|
display:block;
|
|
width:430px;
|
|
text-align:center;
|
|
background:white;
|
|
padding:0 0 20px;
|
|
}
|
|
#recevoirparmail2 p{
|
|
text-align:center;
|
|
color:#000000;
|
|
font-size:14px;
|
|
}
|
|
#recevoirparmail2 p.success_inline{color:#b9da1a;}
|
|
#recevoirparmail2 p.warning_inline{color:#ff0000;}
|
|
#recevoirparmail2 .title_block{
|
|
font-size:18px;
|
|
text-transform:uppercase;
|
|
color:#000000;
|
|
padding:10px;
|
|
line-height:26px;
|
|
background:none;
|
|
font-weight:normal;
|
|
}
|
|
#recevoirparmail2 .inputNew{
|
|
margin:0 20px 0 0;
|
|
padding:4px 10px 0px;
|
|
width:286px;
|
|
line-height:35px;
|
|
height:35px;
|
|
float:left;
|
|
border:0;
|
|
font-size:12px;
|
|
font-family:Arial,Sans-Serif;
|
|
background:url('../img/inputNew.png') no-repeat 0 0;
|
|
}
|
|
#recevoirparmail2 .button_mini{
|
|
margin:0;
|
|
padding:0;
|
|
width:104px;
|
|
line-height:39px;
|
|
height:39px;
|
|
float:left;
|
|
border:0;
|
|
font-size:12px;
|
|
font-family:Times New Roman;
|
|
text-transform:uppercase;
|
|
background:url('../img/submitNewsletter.png') no-repeat 0 0;
|
|
}
|
|
|
|
|