/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#454545;
background:#e2e2e2;
text-align:center;
margin:0px;
padding:0px;
}
#page{
width:760px;
margin:0px auto;
text-align:left;
background:url(../media/interface/bg.jpg) top left repeat-y;
}
#header{
width:760px;
height:44px;
background:url(../media/interface/header.jpg) top left no-repeat;
}
#menu{
float:right;
padding:6px 33px 0px 0px;
}
#content{
padding:0px 12px;
}
#content div.contenu{
padding:0px 20px;
}
#content div.contenu_large{
padding:0px;
}
#content div.contenu div.col_2_1, #content div.contenu div.col_2_2{
width:340px;
float:left;
}
#content div.contenu div.col_2_1{
margin-right:15px;
}
#content div.contenu div.col_3_1, #content div.contenu div.col_3_2, #content div.contenu div.col_3_3{
float:left;
height:165px;
margin-bottom:20px;
}
#content div.contenu div.col_3_1 h3, #content div.contenu div.col_3_2 h3, #content div.contenu div.col_3_3 h3{
margin-bottom:10px;
}
#content div.contenu div.col_3_1{
width:210px;
border-right:solid 1px #d9d9d9;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content div.contenu div.col_3_1 ul.triple li{
height:33px;
padding-top:5px;
}
#content div.contenu div.col_3_1 ul.triple li.first{
background:url(../media/interface/1.jpg) top right no-repeat;
}
#content div.contenu div.col_3_1 ul.triple li.second{
background:url(../media/interface/2.jpg) top right no-repeat;
}
#content div.contenu div.col_3_1 ul.triple li.third{
background:url(../media/interface/3.jpg) top right no-repeat;
}
#content div.contenu div.col_3_1 ul.dissuasion li{
height:25px;
margin-bottom:10px;
clear:both;
}
#content div.contenu div.col_3_1 ul.dissuasion li p{
float:left;
width:155px;
}
#content div.contenu div.col_3_1 li img{
float:left;
margin-right:5px;
}
#content div.contenu div.col_3_2{
width:240px;
padding:0px 0px 0px 15px;
border-right:solid 1px #d9d9d9;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content div.contenu div.col_3_2 li{
margin-bottom:11px;
}
#content div.contenu div.col_3_2 li img{
float:left;
margin-right:10px;
}
#content div.contenu div.col_3_2 li p{
float:left;
width:171px;
}
#content div.contenu div.col_3_2 ul.dissuasion li{
height:25px;
margin-bottom:10px;
}
#content div.contenu div.col_3_2 ul.dissuasion li p{
float:left;
width:155px;
}
#content div.contenu div.col_3_2 ul.dissuasion li img{
float:left;
margin-right:5px;
}
#content div.contenu div.col_3_3{
width:210px;
padding:0px 0px 0px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer{
width:700px;
padding:0px 30px;
height:43px;
background:url(../media/interface/footer.jpg) top left no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#b3b3b3;
margin-top:10px;
}  
#footer div.fl{
width:600px;
}
#footer div.fr{
width:70px;
display:none; /*20-07-09 : on supprime la signature AW, demande de MCA*/
}
#footer span,#footer a{
color:#b3b3b3;
font-weight:normal;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline
}
.clear{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}
h2.highlight{
font-size:16px;
font-weight:bold;
color:#0E73A7;
}
hr{
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
border-left: solid 1px #FFF;
margin:10px 0 10px 0;
height:2px;
line-height:0px;
}
h1{
font:11px Arial, sans-serif;
font-weight:normal;
color:#999;
margin:0px;
padding:22px 0px 0px 10px;
float:left;
}
h2{
font:22px Arial, sans-serif;
font-weight:bold;
color:#0E73A7;
margin:0px 0px 10px 0px;
}
h3{
font:20px Arial, sans-serif;
font-weight:bold;
color:#454545;
margin:0px 0px 5px 0px;
}
h4{
font:18px Arial, sans-serif;
font-weight:bold;
color:#454545;
margin:0px 0px 0px 0px;
}
.fl{
float:left;
}
.fr{
float:right;
}
img{
border:none;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.c{
text-align:center;
}
.l{
text-align:left;
}
.r{
text-align:right;
}
.gris{
color:#a5a5a5;
}
p{
margin:0 0 10px 0;
padding:0px;
}
a{
color:#11519b;
text-decoration:underline;
cursor:pointer;
}
a:hover{
text-decoration:none;
}
ul,li{
margin:0px;
padding:0px;
list-style:none;
}
form{
padding:0px;
margin:0px;
}
input,textarea{
margin:0px 7px 0px 0px;
background:#f7f7f7;
border-top:solid 1px #b4b4b4;
border-right:solid 1px #ececec;
border-bottom:solid 1px #e3e3e3;
border-left:solid 1px #cccccc;
font-family:Arial, Helvetica, sans-serif;
color:#454545;
font-size:11px;
padding:2px 5px;
}
textarea{
height:118px;
}
select{
border:solid 1px #b4b4b4;
margin:0px 7px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#454545;
font-size:11px;
}
label{
margin-right:7px;
line-height:20px;
}
input.checkbox,input.image{
border:none;
background:none;
}
input.radio{
vertical-align:middle;
border:none;
background:none;
}
.small{
font-size:10px;
color:#919191;
}
.encart{
margin-bottom:7px;
}
ul.menu_footer li{
float:left;
margin:0px 5px 0px 0px;
background:url(../media/interface/menu_footer_li.gif) top left repeat-x;
padding:0px;
}
ul.menu_footer li a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#7a7a7a;
text-decoration:none;
margin-top:3px;
float:left;
}
ul.menu_footer li span{
float:left;
display:block;
height:19px;
width:6px;
}
ul.menu_footer li span.left{
background:url(../media/interface/menu_footer_left.gif) top left no-repeat;
}
ul.menu_footer li span.right{
background:url(../media/interface/menu_footer_right.gif) top right no-repeat;
}
#plan_footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:9px;
background:url(../media/interface/plan-bottom-bg.jpg) top left repeat-x;
padding-top:8px;

}
#plan_footer ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:9px;
float:left;
margin-top:5px;
width:104px;
height:80px;
padding:0 8px;
border-left:1px solid #ccc;
}
#plan_footer ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:9px;
}
#plan_footer ul a, #plan_footer ul a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:9px;
text-decoration:none;
}
#plan_footer ul a:hover, #plan_footer ul a:focus {
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:9px;
}
#plan_footer ul.first{
border:none;
padding-left:15px;
}
#compatible {
width:340px;
height:66px;
}
#compatibleimg {
float:left;
}
#compatibleflash {
float:right;
width:186px;
}
/*******/
/* EPS */
#eps_content{
background:url(../media/images/eps/content.jpg) bottom left no-repeat;
padding:0px 20px 50px 275px;
font-size:12px;
min-height:558px;
}
/********/
/* DEMO */
#demo_eps{
margin-bottom:15px;
}
/***********/
/* OPTIONS */
.option_open{
padding:12px;
text-align:justify;
background:#f9faf5;
border:solid 1px #cccebf;
margin-bottom:20px;
width:650px;
display:none;
}
.option_open img.fr{
margin-left:27px;
}
.option{
display:none;
}
.option img{
margin-bottom:20px;
}
/************/
/* FORMULES */
ul.onglets_formule{
display:block;
padding-left:3px;
}
ul.onglets_formule li{
float:left;
}
ul.onglets_formule li.ami{
float:right;
padding-top:15px;
}
div.box_formule{
background:url(../media/images/formule_pro/box_formule.jpg) top left repeat-y;
margin-top:-2px;
float:left;
width:705px;
margin-bottom:20px;
font-size:12px;
}
div.box_formule div.box_formule_content{
width:681px;
/*height:274px;*/
background:url(../media/images/formule_pro/box_formule_bottom.jpg) bottom left no-repeat;
padding:0px 22px;
}
div.box_formule div.box_formule_content_demi{
width:681px;
height:274px;
background:url(../media/images/formule_pro/box_formule_bottom.jpg) bottom left no-repeat;
padding:0px 22px;
}
div.box_formule div.box_formule_content_demi div.fr{
margin-right:10px;
}
div.box_formule div.box_formule_content span.small{
line-height:20px;
}
div.box_formule div.box_formule_content img.fl{
margin-right:0px
}
div.box_formule div.box_formule_content img.fr,div.box_formule div.box_formule_content div.fr{
margin-right:10px;
text-align:right;
}
#box_materiel div.box_formule_top{
width:705px;
height:13px;
background:url(../media/images/formule_pro/box_materiel.jpg) top left no-repeat;
}
#box_options div.box_formule_top{
width:705px;
height:13px;
background:url(../media/images/formule_pro/box_options.jpg) top left no-repeat;
}
#box_services div.box_formule_top{
width:705px;
height:13px;
background:url(../media/images/formule_pro/box_services.jpg) top left no-repeat;
}
#box_options div.ami{
text-align:right;
position:absolute;
width:700px;
}
#box_options div.ami a{
background:url(../media/images/formule_pro/puce.jpg) 0px 5px no-repeat;
padding-left:8px;
font-size:11px;
}
#box_materiel{
display:block;
margin-top:-3px;
}
#box_options, #box_services{
display:none;
margin-top:-3px;
}
/* FORMULE PRO */
#formule_pro p.highlight, p.highlight{
font-weight:bold;
color:#c52b1b;
margin-bottom:10px;
}
#formule_pro div.box_formule_content ul{
margin-top:4px;
}
#formule_pro div.box_formule_content li{
margin-bottom:5px;
background:url(../media/images/formule_pro/puce.jpg) 0px 5px no-repeat;
padding-left:8px;
}
#formule_pro li.ami a{
background:url(../media/images/formule_pro/puce.jpg) 0px 5px no-repeat;
padding-left:8px;
}
/* TARIFS */
#tarif_pro,#tarif_serenite{
margin-bottom:20px;
color:#363636;
}
#tarif_pro ul,#tarif_serenite ul{
/*height:320px;*/
}
#tarif_pro li,#tarif_serenite li{
margin-bottom:12px;
font-weight:bold;
}
#tarif_pro div.ami,#tarif_serenite div.ami{
text-align:center;
margin-top:5px;
}
#tarif_serenite div.ami a{
color:#e27a0c;
}
#tarif_pro .highlight{
color:#c52b1b;
}
#tarif_serenite .highlight{
color:#e27a0c;
}
.tarifbox_content_contenu .fr span{
font-size:9px;
}
.tarifbox_top{
width:340px;
height:10px;
background:url(../media/images/tarifs/tarifbox_top.gif) top left no-repeat;
}
.tarifbox_top_large{
width:700px;
height:10px;
background:url(../media/images/tarifs/tarifbox_top_large.gif) top left no-repeat;
}
.tarifbox_content{
padding:0px 1px;
background:url(../media/images/tarifs/tarifbox_content.gif) top left repeat-y;
}
.tarifbox_content_large{
padding:0px 15px;
background:url(../media/images/tarifs/tarifbox_content_large.gif) top left repeat-y;
}
.tarifbox_content_contenu{
padding:0px 12px;
}
.tarifbox_content_contenu .fr{
padding-top:3px;
}
.tarifbox_content_contenu p.small{
margin-left:20px;
}
*+html .tarifbox_content_contenu p.small{
margin-left:27px;
}
*html .tarifbox_content_contenu p.small{
margin-left:27px;
}
.tarifbox_bottom{
width:340px;
height:10px;
background:url(../media/images/tarifs/tarifbox_bottom.gif) top left no-repeat;
}
.tarifbox_bottom_large{
width:700px;
height:10px;
background:url(../media/images/tarifs/tarifbox_bottom_large.gif) top left no-repeat;
}
/* SOUSCIRE */
.souscrirebox_top{
width:340px;
height:10px;
background:url(../media/images/tarifs/tarifbox_top.gif) top left no-repeat;
}
.souscrirebox_content{
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
margin-top:-4px;
}
.souscrirebox_content p{
margin:0px;
padding:0px;
}
.souscrirebox_bottom{
width:340px;
height:10px;
background:url(../media/images/tarifs/tarifbox_bottom.gif) top left no-repeat;
}
.souscrirebox_content_contenu{
padding:0px 13px;
}
.width100{
width:270px;
margin-bottom:12px;
}
.width50{
width:145px;
margin-bottom:12px;
float:left;
}
.width25{
width:70px;
margin-bottom:12px;
float:left;
}
.width75{
width:196px;
margin-bottom:12px;
float:left;
}
.width25 input, .width25 textarea{
width:60%;
}
.width75 input, .width75 textarea{
width:100%;
}
.width50 input, .width50 textarea{
width:80%;
}
.width50 input.radio,.width100 input.checkbox{
width:10px;
}
.width100 input, .width100 textarea{
width:97%;
}
/***************/
/* TEMOIGNAGES */
/***************/
.contactbox_top{
width:292px;
height:10px;
background:url(../media/images/contact/contactbox_top.gif) top left no-repeat;
}
.contactbox_content{
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
margin-top:-4px;
width:290px;
}
.contactbox_content p{
margin:0px;
padding:0px;
}
.contactbox_bottom{
width:292px;
height:10px;
background:url(../media/images/contact/contactbox_bottom.gif) top left no-repeat;
}
.contactbox_content_contenu{
padding:0px 13px;
}
.contactbox_content_contenu label,.contactbox_content_contenu input{
float:left;
}
.contactbox_content_contenu label{
width:220px;
}
/***************/
/* TEMOIGNAGES */
/***************/
#temoignage_0,#temoignage_1,#temoignage_2,#temoignage_3{
background:#FFF;
}
#temoignage_0_sel,#temoignage_1_sel,#temoignage_2_sel,#temoignage_3_sel{
background:#E5E5E5;
display:none;
}
p.temoignages_mini{
margin-top:10px !important;
}
.temoignages_item{
width:690px;
height:118px;
border:solid 1px #cccebf;
margin-top:10px;
}
.temoignages_item div.image{
width:163px;
float:left;
}
.temoignages_item div.description{
width:502px;
float:left;
}
.temoignages_item div.description h2{
font-size:17px;
line-height:17px;
height:17px;
margin:9px 0px 0px 0px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.temoignages_item div.description h3{
font-size:15px;
margin:0px 0px 9px 0px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.temoignages_item div.description a{
font-size:10px;
color:#C52B1B;
float:right;
cursor:pointer;
visibility:hidden;
}
.temoignages_item div.description a:hover{
text-decoration:none;
}
.temoignages_item_detail{
margin-top:-15px;
}
.temoignages_item_detail_top{
background:url(../media/images/temoignages/temoignages_top.gif) top left no-repeat;
height:32px;
}
.temoignages_item_detail_content{
background:url(../media/images/temoignages/temoignages_content.gif) top left repeat-y;
}
.temoignages_item_detail_bottom{
background:url(../media/images/temoignages/temoignages_bottom.gif) bottom left no-repeat;
padding:0px 20px 25px 10px;
}
#temoignage_0_detail{
height:112px;
filter:Alpha(opacity=100);
}
#temoignage_1_detail{
height:126px;
filter:Alpha(opacity=100);
}
#temoignage_2_detail{
height:112px;
filter:Alpha(opacity=100);
}
#temoignage_3_detail{
height:126px;
filter:Alpha(opacity=100);
}
/****************/
/* LANDING-PAGE */
/****************/
#header-landing{
width:800px;
position:relative;
margin:0 auto;
}
#content-landing{
width:800px;
position:relative;
background:url(../media/images/landing-page/landing-bg.jpg) top left repeat-y;
}
#content-form-landing{
float:left;
width:561px;
/*padding:35px 0 0 0;*/
background:url(../media/images/landing-page/left-landing.jpg) top left no-repeat;
}
#content-form-landing #margintop {
float:left;
width:350px;
height:40px;
}
#content-form-landing #marginleft {
float:left;
width:45px;
height:100px;
}
#content-form-landing #landing-error {
float:left;
/*margin:0 0 0 40px;*/
padding:0 0 0 45px;
width:350px;
}
#content-form-landing #form {
float:left;
/*margin:0 0 0 105px;
padding:0 5px;*/
width:300px;
}
#content-form-landing #submit-landing {
position:absolute;
top:118px;
left:354px;
width:200px;
}
#content-form-landing #submit-landing input.submit {
width:176px;
height:64px;
border:0;
background:url(../media/images/landing-page/landing-submit.jpg) top left no-repeat;
cursor:pointer;
}
.unecolonne{
float:left;
}
.demicolonne{
float:left;
width:148px;
}
.colonne-sep {
float:left;
width:8px;
}
#content-right-landing{
float:left;
width:239px;
}
#bottom-landing{
width:800px;
position:relative;
}
#content-form-landing .unecolonne input{
margin:0px 7px 0px 0px;
background:#f7f7f7;
border-top:solid 1px #b4b4b4;
border-right:solid 1px #ececec;
border-bottom:solid 1px #e3e3e3;
border-left:solid 1px #cccccc;
font-family:Arial, Helvetica, sans-serif;
color:#454545;
font-size:11px;
padding:2px 5px;
width:275px;
}
#content-form-landing .demicolonne input{
margin:0px 7px 0px 0px;
background:#f7f7f7;
border-top:solid 1px #b4b4b4;
border-right:solid 1px #ececec;
border-bottom:solid 1px #e3e3e3;
border-left:solid 1px #cccccc;
font-family:Arial, Helvetica, sans-serif;
color:#454545;
font-size:11px;
padding:2px 5px;
width:128px;
}
#content-form-landing .demicolonne input.radio, #content-form-landing .unecolonne input.radio {
width:10px;
border:none;
}

/********/
/* PLAN */
/********/
#plan ul{
float:left;
width:220px;
}
#plan ul li{
background:url(../media/interface/puce.gif) 0px 4px no-repeat;
padding-left:10px;
font-size:12px;
line-height:16px;
}
#plan ul li a{
text-decoration:none;
color:#454545;
}
#plan ul li a:hover{
text-decoration:underline;
}
#numero_un{
background:url(../media/interface/eps_numero_1_bg.jpg) top left no-repeat;
width:717px;
height:61px;
padding:5px 0 0 19px;
}
#numero_un #un {
font-size:24px;
}
#numero_un #savoir {
font-size:11px;
text-decoration:underline;
padding-left:19px;
}
#numero_un a, #numero_un a:visited {
color:#fff;
font-size:15px;
text-decoration:none;
}
.btn-contact {
background:url(../media/interface/btn-contact-bg.jpg) top left no-repeat;
width:188px;
height:23px;
margin:25px 0 0 0;
padding:12px 0 0 20px; 
}
.btn-contact a, .btn-contact a:visited {
color:#333333;
text-decoration:none;
font-weight:bold;
}
.btn-contact a:hover, .btn-contact a:focus {
color:#333333;
text-decoration:underline;
font-weight:bold;
}
/***************/
/* ALTERNATIVE */
/***************/

#alternative_home{
display:block;
width:140px;
height:150px;
position:absolute;
margin:30px 0px 0px 20px;
background:url(../media/interface/null);
}
#alternative_pro{
display:block;
width:180px;
height:80px;
position:absolute;
margin:105px 0px 0px 195px;
background:#ff0000 url(../media/interface/null);
}
#alternative_pro_home{
display:block;
width:233px;
height:137px;
position:absolute;
margin:105px 0px 0px 376px;
background: url(../media/interface/null);
}
#alternative_pro_sous_home{
display:block;
width:100px;
height:140px;
position:absolute;
margin:105px 0px 0px 615px;
background: url(../media/interface/null);
}

#alternative_accueil{
display:block;
width:40px;
height:15px;
position:absolute;
margin:242px 0px 0px 598px;
background:url(../media/interface/null);
}
#alternative_demo{
display:block;
width:80px;
height:15px;
position:absolute;
margin:242px 0px 0px 650px;
background:url(../media/interface/null);
}
/*** submit **/
table.formu td.reset,table.formu td.submit {
text-align:center;
}
table.formu td {
padding:2px 0;
}
input.submit {
width:230px;
height:35px;
border:0;
background:url(../media/images/contact/envoyer.gif) top left no-repeat;
cursor:pointer;
}
input.submit1 {
width:230px;
height:47px;
border:0;
background:url(../media/images/souscrire/souscrire.gif) top left no-repeat;
cursor:pointer;
}
input.submit2 {
width:230px;
height:47px;
border:0;
background:url(../media/images/souscrire/plus_infos.gif) top left no-repeat;
cursor:pointer;
}

/** error **/
div.error {
    padding: 7px;
    background-color: #eee;
    color: #c52b1b;
	/*margin-right:30px;*/
}
label.des-error {
color:#B81F13;
font-weight:700;
padding:3px 0 2px 5px;
}
label.des2-error {
color:#B81F13;
font-weight:700;
padding:3px 0 2px;
}
table.formu {
width:250px;
}
table.formu td.des-error {
color:#B81F13;
font-weight:700;
padding:3px 0 2px 5px;
}
table.formu td.des2-error {
color:#B81F13;
font-weight:700;
padding:3px 0 2px;
}
#options_commerces, #options_artisans, #options_autres{
position:absolute;
overflow:auto;
width:280px;
height:160px;
background-color:#eee;
padding:3px;
margin-top:5px;
margin-bottom:5px;
display:none;
clear:both;
}
#options_commerces input, #options_artisans input, #options_autres input{
margin-left:0;
margin-right:0;
}
#espaceur{
width:100px;
height:200px;
}