html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
:focus {
outline: 0;
}
ol, ul {
list-style: none;
line-height:140%;
}
body
{color:#454545;background:#ebe8eb url(../images/home/bg_all.jpg) no-repeat top center; font-size:80%;text-align:center;font-family: Arial, Helvetica, sans-serif;}
a {
color:#AE1680;
}
a:hover {
color:#873184;
}
a.white_link {
color:#fff;
}
a.white_link:hover {
color:#f4f4f4;
}
#container{
position:relative;
padding-top:30px;
width:999px;
margin:0px auto 0 auto;
text-align:left;
z-index:0;
}
#footer_top{
background: url(../images/home/bg_footer_top.png) no-repeat;
height:232px;
width:999px;
margin-top:0px;
}
#footer{
width:100%;
margin:0px;
padding:20px 0 20px 0;
background:#9F217E;
color:#454545;
clear:left;
}
#footer_content{
width:999px;
margin:0px auto 0 auto;
text-align:left;
}
#logo{
background: url(../images/home/logo_big.png) no-repeat;
width:350px;
height:105px;
float:left;
}
#connexion{
color:#454545;
position:absolute;
top:5px;
left:750px;
}
#bandeau_top{
background: url(../images/home/bandeau_top.png) no-repeat;
width:999px;
height:31px;
}
#bandeau_top_clouds{
background: url(../images/home/bandeau_top_clouds.png) no-repeat;
width:999px;
height:207px;
margin-top:-40px;
}
#bandeau_top_clouds_umpp{
background: url(../images/home/bandeau_top_clouds.png) no-repeat;
width:999px;
height:207px;
margin-top:-20px;
}
#bandeau_middle{
background: #fff;
width:999px;
z-index:0;
}
#bandeau_middle h1{
margin:0 0 30px 40px;
}
#bandeau_middle #content{
float:left;
width:940px;
margin:0 30px 20px 30px;
color:#454545;
}
#bandeau_middle #content #partner{
float:left;
padding:0 0 5px 0;
margin-bottom: 10px;
border-bottom:2px dotted #bababa;
width:100%;
}
#bandeau_middle #content #partner a.big_title{
color: #9d479a;
font-size: 23px;
font-weight: normal;
text-decoration: none;
}
#bandeau_middle #content #right_menu{
float:right;
width: 420px;
margin-left: 20px;
border: 5px solid #ECDFE9;
padding: 20px;
}
#bandeau_middle #content #right_menu ul li{
margin-bottom: 5px;
list-style-type: disc;
}
#bandeau_bottom{
background: url(../images/home/bandeau_bottom.png) no-repeat;
width:999px;
height:31px;
}
#bloc_content{
padding:0 50px 20px 40px;
color:#454545;
}
#termes h1{
font-size:17px;
margin-bottom: 10px;
margin-top: 10px;
}
#termes h2{
font-size:15px;
margin-bottom: 10px;
margin-top: 10px;
}
#termes h3{
font-size:13px;
margin-bottom: 10px;
margin-top: 10px;
}
/**** PHOTO ****/
.temoignage_photo{
border:3px solid #fff;
}
/**** ACCUEIL ****/
#bloc_contact{
width:150px;
float:left;
}
/**** ACCUEIL ****/
#imprim_accueil{
position:absolute;
background: url(../images/home/accueil.png) no-repeat;
width:709px;
height:348px;
top:165px;
left:30px;
}
#baseline{
color:#AE1680;
position:absolute;
background: url(../images/home/deco.png) no-repeat;
width:350px;
height:165px;
padding:45px 50px 0 30px;
text-align:center;
top:125px;
left:490px;
}
#baseline_umpp{
color:#AE1680;
position:absolute;
background: url(../images/home/deco_umpp.png) no-repeat;
width:350px;
height:165px;
padding:45px 50px 0 30px;
text-align:center;
top:125px;
left:490px;
}
#become_fan{
position:absolute;
top: 450px;
left: 10px;
}
#bandeau_accueil{
float:left;
width:999px;
margin-top:350px;
position:relative;
z-index:5;
}
#btn_demo{
position: absolute;
background: url(../images/home/btn_demo.png) no-repeat;
top: 310px;
left: 620px;
z-index: 5;
width: 377px;
height: 204px;
}
#btn_creer{
position:absolute;
background: url(../images/home/btn_creer.png) no-repeat;
width:352px;
height:50px;
padding:20px;
top:480px;
left:575px;
z-index:6;
}
#accueil_col_g{
float:left;
width:500px;
}
#accueil_col_d{
float:right;
width: 427px;
}
.bloc_avantage{
color:#454545;
margin:0 10px 20px 20px;
text-align: justify;
}
.bloc_push{
background: url(../images/home/bg_push.png) bottom;
color:#454545;
float:right;
height: 110px;
width: 387px;
margin: 0px 40px 15px 0;
padding: 10px 20px 0 20px;
}
.bloc_push h2{
margin-bottom:6px;
font-size:14px;
border: 0;
}
.bloc_push h2 a{
text-decoration:none;
}
#lien_avantage{
float:right;
margin:25px 15px 0 0;
}
#promo{
float:left;
text-align:center;
margin-bottom:15px;
padding-left:50px;
width:280px;
}
#temoignage{
float:left;
margin:10px 0 30px 0px;
width:999px;
}
#temoignage_text{
float:left;
}
/**** SERVICES ****/
#imprim_services{
position:absolute;
background: url(../images/home/services.png) no-repeat;
width:749px;
height:321px;
top:155px;
left:-20px;
}
#baseline_services{
color:#AE1680;
position:absolute;
background: url(../images/home/deco.png) no-repeat;
width:300px;
height:145px;
padding:65px 50px 0 50px;
text-align:center;
top:170px;
left:580px;
}
#bandeau_services{
position:relative;
float:left;
width:999px;
margin-top:310px;
left:0px;
z-index:5;
}
#btn_creer_services{
position:absolute;
background: url(../images/home/btn_creer.png) no-repeat;
width:352px;
height:50px;
padding:20px;
top:450px;
left:575px;
z-index:6;
}
#btn_creer_umpp{
position:absolute;
background: url(../images/home/btn_creer.png) no-repeat;
width:352px;
height:50px;
padding:20px;
top:320px;
left:575px;
z-index:6;
}
#bloc_service{
float:left;
width:275px;
height:115px;
padding-bottom:25px;
padding-left:40px;
}
#bloc_service_txt{
float:left;
width:206px;
}
#bloc_service img{
float:left;
margin-right:10px;
height:73px;
width:44px;
}
#bloc_service p{
margin-top:2px;
color:#444444;
height:80px;
}
#bloc_service a{
float:right;
}
/**** PACKS ****/
#bandeau_packs{
position:relative;
float:left;
width:999px;
margin-top:0px;
left:0px;
z-index:5;
}
#btn_creer_packs{
position:absolute;
background: url(../images/home/btn_creer.png) no-repeat;
width:352px;
height:50px;
padding:20px;
top:260px;
left:575px;
z-index:6;
}
#table_packs{
float:left;
color:#444444;
padding:0 0 25px 25px;
width:670px;
}
#table_packs td{
text-align:center;
border-bottom:solid 1px #f3f3f3;
}
#table_packs th{
text-align:right;
border-bottom:solid 1px #f3f3f3;
}
#col_pack{
color:#444444;
float:left;
padding:25px 25px 25px 10px;
width:280px;
}
/**** WEBSITES ****/
.website_list{
padding:5px 0 5px 0;
width:100%;
border-bottom:solid 1px #f3f3f3;
margin-bottom:3px;
}
/**** DESIGN ****/
.design_thumb{
float:left;
width: 150px;
margin-left: 30px;
margin-bottom: 10px;
}
.design_thumb img{
border:4px solid #EFB3EE;
}
.design_thumb h2{
color: #9d479a;
font-size: 17px;
font-weight: normal;
text-decoration: none;
}
/**** FOOTER ****/
#cadre_small{
float:left;
width:459px;
}
#cadre_small_footer_top{
background: url(../images/home/cadre_small_footer_top.png) no-repeat;
width:459px;
height:16px;
}
#cadre_small_footer_middle{
background: url(../images/home/cadre_small_footer_middle.gif) repeat-y;
width:459px;
}
#cadre_small_footer_bottom{
background: url(../images/home/cadre_small_footer_bottom.png) no-repeat;
width:459px;
height:16px;
}
#cadre_big{
float:left;
width:529px;
margin-left:11px;
}
#cadre_big_footer_top{
background: url(../images/home/cadre_big_footer_top.png) no-repeat;
width:529px;
height:17px;
}
#cadre_big_footer_middle{
background: url(../images/home/cadre_big_footer_middle.gif) repeat-y;
width:479px;
padding:0 25px;
}
#cadre_big_footer_bottom{
background: url(../images/home/cadre_big_footer_bottom.png) no-repeat;
width:529px;
height:19px;
}
#tell_a_friend{
color:#444444;
}
#tell_a_friend p{
margin-top:3px;
}
#tell_a_friend input{
width:120px;
}
#tell_a_friend label{
display: block;
width: 100px;
float: left;
padding-right: 2px;
text-align: right;
}
#tell_a_friend textarea{
width:230px;
height:80px;
}
/* ERROR LIST */
#message_erreur{
text-align:left;
width:600px;
margin:150px auto 0 auto;
}
.error_list li{
margin-left:12px;
color:#fff;
list-style-type:circle;
}
.form_error{
color:red;
}
.required{
color:#b11027;
}
dl.error_info dt{
font-weight:bold;
margin-top:15px;
}
/**** FORMS ****/
#tell_a_friend input.submit80{
margin-top:8px;
float:right;
background: url(../images/home/bg_btn_80.png) no-repeat;
width:81px;
height:24px;
border:none;
font-weight:bold;
color:#fff;
}
/**** FORMS ****/
form#subscribe label{
display:block;
font-weight:bold;
margin:3px 0 2px 0;
}
form#subscribe input{
width:207px;
}
/**** FONTS ****/
.font_menu{
font-size: 14px;
color:#AE1680;
font-family: "Times New Roman", Times, serif;
}
.font_menu a{
color:#AE1680;
text-decoration:none;
}
.font_menu a:hover{
color:#AE1680;
text-decoration:underline;
}
.font_menu_dark{
font-size: 15px;
font-weight:bold;
font-family: "Times New Roman", Times, serif;
color:#444444;
}
.font_creer{
font-size: 21px;
}
.font_creer_5min{
display:block;
margin-top:5px;
color:#4b4b4b;
font-size: 17px;
font-weight:bold;
}
.font_baseline{
color:#8d3e8b;
font-size: 22px;
font-family: "Times New Roman", Times, serif;
line-height:140%;
}
.font_small_link{
color:#ffdb8e;
font-size: 16px;
}
a.font_small_link:hover{
color:#ffdb8e;
}
.font_citation{
color:#444;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
// line-height:140%;
}
.font_citation span{
float:right;
}
/**** TITLES ****/
h1.main_title{
color:#444444;
font-size: 24px;
font-weight:bold;
}
h2.big_title{
color:#9d479a;
font-size: 23px;
font-weight:normal;
display:inline;
}
h2.big_title_feature{
color:#9d479a;
width:910px;
font-size: 23px;
border-bottom:1px solid #9d479a;
font-weight:normal;
margin-left:45px;
}
h4.subtitle{
color:#444444;
font-size: 15px;
padding:0;
}
/**** LISTES ****/
ul#main_menu {
margin:40px 0 0 0px;
float:right;
width:665px;
list-style-type:none;
text-align:right;
}
ul#main_menu li {
display:inline;
margin-left:30px;
}
ul#main_menu li.first {
display:inline;
margin-left:0px;
}
ul.simple_list{
font-size:14px;
width:200px;
color:#444444;
list-style-type:circle;
margin-left:12px;
line-height:130%;
}
/**** BTNS ****/
#btn_80{
font-size:20px;
text-align:center;
letter-spacing:130%;
background: url(../images/home/bg_btn_200.png) no-repeat;
width:207px;
height:46px;
border:none;
margin:0;
cursor:pointer;
}
/**** LA PRESSE EN PARLE ****/
.medias{
background: url('../images/home/la-presse-en-parle.jpg') no-repeat top right;
}
#medias{
width: 635px;
}
#medias .title_type{
width: 100%;
height: 30px;
background: #C2BEB5;
}
#medias .title_type img{
float: left;
}
#medias .title_type h2{
margin:10px 0 0 4px;
font-size: 22px;
float: left;
font-weight: normal;
color: #fff;
}
#media img{
float: left;
height: 50px;
margin: 0 3px 3px 0;
}
#media h3{
color: #00368C;
}
/* Alphabet */
#colg{
margin-top:20px;
float:left;
width:200px;
background : #F8F8FC;
padding:10px;
}
#cold_large{
margin-top:20px;
float:left;
width:670px;
padding:0 10px 10px 20px;
}
#alphabet #header{
background : #F8F8FC;
padding: 10px;
}
#alphabet ul li{
list-style-type: none;
}
a.alphabet_link{
color:#9D479A;
padding:4px;
margin-right:2px;
outline:none;
}
a.alphabet_link:hover, a.alphabet_link_on, a.alphabet_link_on:hover{
color:#fff;
border:1px solid #fff;
text-decoration:none;
background-color:#9D479A;
padding:2px 3px 2px 3px;
}
.alphabet_link_off{
color:#AF9283;
padding:4px;
margin-right:2px;
outline:none;
}
a.titre_lexique{
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#525252;
}
a.titre_lexique:hover{
color:#0cc005;
text-decoration:none;
}
.lexique_menu li{
list-style-type:none;
clear:left;
}
a.lexique_ssmenu, a.lexique_ssmenu_on{
font-size:12px;
text-decoration:none;
display:block;
width:200px;
border-bottom:1px dotted #000;
padding:2px 0 2px 2px;
outline:none;
}
a.lexique_ssmenu{
padding-left: 5px;
text-decoration:none;
color:#494949;
}
a.lexique_ssmenu:hover, a.lexique_ssmenu_on{
padding-left: 5px;
text-decoration:none;
background-color:#9D479A;
color:#fff;
}
/* ===================== PAGINATION ====================== */
#pagination{
font-size: 13px;
list-style-type:none;
}
#pagination a{
/*border:solid 1px #493826;*/
// margin-right:2px;
border-left: 1px solid #CFCAC2;
text-decoration:underline;
}
#pagination .previous-off,
#pagination .next-off {
//border:solid 1px #493826;
color:#493826;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 7px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border-left: 1px solid #CFCAC2;
text-decoration:none;
}
#pagination .active{
// background:#493826;
border-left: 1px solid #CFCAC2;
color:#493826;
font-weight:bold;
display:block;
float:left;
// padding:4px 6px;
padding:3px 7px;
}
#pagination a:link,
#pagination a:visited {
color:#493826;
display:block;
float:left;
padding:3px 6px;
}
#pagination a:hover{
background:#DFD8D1;
color:#493826;
}
#pagination .previous1 a,
#pagination .previous1{
border:none;
}
/* UMPP */
.umpp_bloc{
width: 918px;
border: 1px solid #e7e3e4;
padding: 10px;
}
.umpp_bloc .avatar{
width:130px;
float:left;
}
.umpp_bloc h3{
font-weight: normal;
font-size: 18px;
}
.umpp_bloc .bloc1{
float:left;
width:140px;
}
.umpp_bloc .bloc2{
margin-left:15px;
width:120px;
float:left;
}
.umpp_bloc .bloc2 img{
width: 80px;
margin-right:5px;
float:none;
}
.umpp_bloc .bloc3{
float:left;
}
.umpp_note{
font-size: 28px;
color: #BD1199;
}
.umpp_note span.umpp_note_separator{
color: #000;
}
.umpp_note span.umpp_note_total{
color: #2FA8DD;
}