html { /*overflow:hidden; */ }
* {
margin:0;
padding:0;
}
a {
color:#BCBCBC;
text-decoration:none;
outline:none;
}
a:hover {
color:#FCFCC5;
text-decoration:none;
}
a:focus {
outline:none;
}
strong {
font-weight:normal;
}
body {
background:#090D0E url(rep-bg.png) repeat-x scroll 0 0;
color:#BCBCBC;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
}
#content {
margin:0 auto;
text-align:left;
width:974px;
}
p {
margin:0;
}
.teaser {
margin:0 auto -38px;
width:1004px;
}
.teaser h2 {
text-indent:-8000px;
}
.main-contact {
display:block;
height:23px;
margin-top:21px;
text-indent:-8000px;
width:269px;
}
a.main-contact:hover {
background:transparent url(contact.png) no-repeat scroll 0 -69px;
}
#page {
margin-top:0px;
}
.contact {
color:#5C5C5C;
font-weight:bold;
}
.angle {
display:none;
background:transparent url(angle_ie6.png) no-repeat scroll 0 0;
height:214px;float:left;
position:absolute;
width:234px;
}
.expert-magento {
background:transparent url(expert-magento.png) no-repeat scroll 0 0;
display:block;
float:right;
height:63px;
margin-top:36px;
padding-right:27px;
position:relative;
text-indent:-8000px;
width:265px;
}
.infos-contact {
background:transparent url(contact.png) no-repeat scroll 0 0;
display:block;
float:right;
height:63px;
margin-top:34px;
padding-right:23px;
position:relative;
text-indent:-8000px;
width:269px;
}
.pitch {
text-indent:-8000px;
}
.clear {
clear:both;
}
.left {
/*float:left;*/
}
.right {
float:right;
}
.footer {
font-size:12px;
text-align:center;
letter-spacing:1px;
margin-top:120px;
}
ul li {
list-style:none;
}
ul.menu {
background:transparent url(ul-bg.png) no-repeat scroll 201px 3px;
height:15px;
margin-left:35px;
margin-top:20px;
}
ul li.plans {
background:transparent url(plans-formations-magento.png) no-repeat scroll 0 0;
display:block;
float:left;
height:12px;
margin-right:25px;
margin-top:3px;
position:relative;
text-indent:-8000px;
width:160px;
}
ul li.utilisateurs, ul li.developpeurs, ul li.integrateurs, ul li.surmesure   {
margin-right:21px;
float:left;
}
ul li.home {
float:left;
margin-right:15px;
}
ul li.home a {
background:transparent url(home.png) no-repeat scroll 0 0;
display:block;
float:left;
height:20px;
margin-top:-2px;
position:relative;
text-indent:-8000px;
width:19px;
}
ul li.utilisateurs a {
background:transparent url(formation-magento-utilisateurs.png) no-repeat scroll 0 3px;
display:block;
float:left;
height:15px;
margin-top:0px;
position:relative;
text-indent:-8000px;
width:104px;
}
ul li.utilisateurs a:hover {
background:transparent url(formation-magento-utilisateurs.png) no-repeat scroll 0 -12px;
display:block;
float:left;
height:12px;
margin-top:3px;
position:relative;
text-indent:-8000px;
width:104px;
}
ul li.developpeurs a {
background:transparent url(formation-magento-developpeurs.png) no-repeat scroll 0 0;
display:block;
float:left;
height:15px;
position:relative;
text-indent:-8000px;
width:119px;
}
ul li.developpeurs a:hover {
background:transparent url(formation-magento-developpeurs.png) no-repeat scroll 0 -15px;
display:block;
float:left;
height:15px;
position:relative;
text-indent:-8000px;
width:119px;
}
ul li.integrateurs a {
background:transparent url(formation-magento-integrateurs.png) no-repeat scroll 0 0;
display:block;
float:left;
height:15px;
position:relative;
text-indent:-8000px;
width:113px;
}
ul li.integrateurs a:hover {
background:transparent url(formation-magento-integrateurs.png) no-repeat scroll 0 -15px;
display:block;
float:left;
height:15px;
position:relative;
text-indent:-8000px;
width:113px;
}
ul li.surmesure a {
background:transparent url(formation-magento-sur-mesure.png) no-repeat scroll 0 3px;
display:block;
float:left;
height:15px;
margin-top:0px;
position:relative;
text-indent:-8000px;
width:98px;
}
ul li.surmesure a:hover {
background:transparent url(formation-magento-sur-mesure.png) no-repeat scroll 0 -12px;
display:block;
float:left;
height:12px;
margin-top:3px;
position:relative;
text-indent:-8000px;
width:98px;
}
ul li.quisuisje {
background:transparent url(quisuisje-li.png) no-repeat scroll 0 3px;
float:left;
margin-left:71px;
padding-left:18px;
margin-bottom:3px;
}
ul li.quisuisje a {
background:transparent url(quisuisje.png) no-repeat scroll 0 3px;
display:block;
float:left;
height:15px;
margin-top:0px;
position:relative;
text-indent:-8000px;
width:100px;
}
ul li.quisuisje a:hover {
background:transparent url(quisuisje.png) no-repeat scroll 0 -12px;
display:block;
float:left;
height:12px;
margin-top:3px;
position:relative;
text-indent:-8000px;
width:100px;
}
div.temoignages {
clear:both;
display:block;
float:none;
padding-top:0px;
margin-top:3px;
width:80px;
margin-left:858px;
}
div.temoignages a {
background:transparent url(temoignages-li.jpg) no-repeat scroll 0 0px;
display:block;
width:80px;
margin-top:0;
position:relative;
text-indent:-8000px;
}
div.temoignages a:hover {
background:transparent url(temoignages-li-hover.jpg) no-repeat scroll 0 0px;
}
.cadre {
background:#3C3F46 url(rep-bg-cadre.png) repeat-x scroll 0 0;
border:1px solid #424242;
height:560px;
margin-left:auto;
margin-right:auto;
margin-top:51px;
width:996px;
}
.quisuisje-content, .accueil-content {
line-height:14px;
margin-left:auto;
margin-right:auto;
margin-top:22px;
text-align:justify;
width:924px;
}
.quisuisje-content .intro, .fmua-content .intro, .accueil-content .intro {
color:#B8B8AF;
font-size:12px;
}
.quisuisje-content .p1, .quisuisje-content .p2, .quisuisje-content .p3, .quisuisje-content .p4 {
float:left;
font-size:10px;
letter-spacing:0.1px;
line-height:12px;
width:213px;
}
.quisuisje-content .ua {
color:#FFFFFF;
margin-bottom:3px;
font-size:11px;
}
.quisuisje-content .developpement {
color:#FFFFFF;
font-size:11px;
margin-bottom:3px;
margin-top:25px;
}
.quisuisje-content .integration {
color:#FFFFFF;
font-size:11px;
margin-bottom:3px;
margin-top:25px;
}
.quisuisje-content .exp {
color:#FFFFFF;
font-size:11px;
margin-bottom:1px;
margin-top:0;
}
.quisuisje-content .varien {
color:#FFFFFF;
margin-bottom:3px;
margin-top:15px;
font-size:11px;
}
.quisuisje-content .communautaire {
color:#FFFFFF;
font-size:11px;
margin-bottom:3px;
margin-top:15px;
}
.quisuisje-content .p2 {
background:transparent url(magento.png) no-repeat scroll 0 0;
border:1px solid #777978;
height:325px;
margin-left:22px;
margin-top:75px;
}
.quisuisje-content .p4 {
background:transparent url(gabriel_bouhatous_expert_magento.jpg) no-repeat scroll 0 0;
border:1px solid #777978;
height:325px;
margin-left:22px;
margin-top:75px;
}
.quisuisje-content .p3 {
margin-left:22px;
}
.quisuisje-content .divider {
clear:both;
height:26px;
}
.fmua-content .divider {
clear:both;
height:26px;
}
.fmua-content {
line-height:14px;
margin-left:auto;
margin-right:auto;
margin-top:22px;
text-align:justify;
width:924px;
}
.fmua-content .title {
font-size:14px;
color:#FFFFFF;
letter-spacing:0.25px;
margin-bottom:13px;
}
.fmua-content .p1, .fmua-content .p2, .fmua-content .p3 {
float:left;
font-size:11px;
letter-spacing:0.1px;
line-height:12px;
width:318px;
}
.fmua-content .p2 {
width:325px;
}
.fmua-content .p3 {
width:275px;
}
.fmua-content .p1 .pf {
font-size:11px;
color:#FFFFFF;
margin-bottom:12px;
}
.fmua-content .fd {
color:#FFFFFF;
font-size:11px;
list-style-position:outside;
list-style-type:disc;
margin-left:16px;
margin-top:12px;
padding-left:11px;
}
.fmua-content .fs {
font-size:11px;
list-style-position:outside;
list-style-type:circle;
margin-left:42px;
padding-left:11px;
}
.fmua-content .fs-last {
font-size:11px;
list-style-position:outside;
list-style-type:square;
margin-left:65px;
padding-left:12px;
}
.fmua-content .fs-last-bis {
font-size:11px;
list-style-position:outside;
list-style-type:square;
margin-left:90px;
padding-left:12px;
}
.fmdi-content .divider {
clear:both;
height:29px;
}
.fmd-content .divider {
clear:both;
height:20px;
}
#no-mt {
margin-top:0px;
}
h4 {
color:#FFFFFF;
font-size:14px;
margin-bottom:7px;
margin-top:15px;
text-indent:-8000px;
}
.title {
color:#FFFFFF;
font-size:14px;
margin-bottom:4px;
}
#turn_wrapper {
width: 80px;
height: 80px;
display:block;
position: absolute;
top:0;
left:0;
}
#turn_hideme {
width: 85%;
height: 85%;
overflow:hidden;
display:block;
position:absolute;
float:left;
top:0;
left: 0;
z-index:1;
}
#turn_object {
cursor:pointer;
position: relative;
}
#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
float: right !important;
}
#turn_wrapper.right #turn_hideme {
float: right !important;
right: 0 !important;
left: auto;
}
#turn_wrapper.right #turn_object {
right: 0 !important;
left: auto !important;
}
#turn_wrapper.right {
position: absolute;
top: 0;
width: 100%;
height: 0;
right: 0 !important;
}
#turn_wrapper.right #turn_object * {
position: absolute;
right: 0 !important;
}
#turn_wrapper #turn_object img#turn_fold {
display:block;
width: 100%;
height:100%;
z-index:1000;
right: 0;
position:absolute;
}
#turn_wrapper .ui-wrapper {
left: 0 !important;
top: 0 !important;
}
#turn_wrapper .ui-resizable-handle {
border: none !important;
border-width: 0 !important;
/* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
background: url(#none) !important;
width: 100% !important;
height: 100% !important;
}
p.pdf {
background:transparent url(pdf-logo.png) no-repeat scroll 0 0;
color:#B8B8AF;
font-size:12px;
height:19px;
margin-top:15px;
padding-left:20px;
}
p.pdf a {
color:#FFFFFF;
}
p.pdf a:hover {
color:#FCFCC5;
}
.temoignages-content {
line-height:14px;
margin-left:auto;
margin-right:auto;
margin-top:22px;
text-align:justify;
width:924px;
}
.temoignages-content .intro {
color:#B8B8AF;
font-size:12px;
}
.temoignages-content .pictures {
float:left;
width:154px;
text-indent:-8000px;
}
.temoignages-content div#roy {
margin-top:7px;
clear:both;
float:left;
}
.temoignages-content div#roy .pictures .magento {
background:transparent url(magento_logo.png) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:64px;
margin-right:5px;
width:64px;
}
.temoignages-content div#roy .pictures .pix {
background:transparent url(roy_rubin_magento.jpg) no-repeat scroll 0 0;
height:64px;
width:64px;
border:1px solid #434240;
float:left;
}
.temoignages-content div#roy .content .intro {
font-size:11px;
margin-bottom:11px;
}
.temoignages-content .content {
float:left;
width:770px;
}
.temoignages-content .content .intro {
font-size:11px;
}
.temoignages-content .content .signature {
color:#FFFFFF;
font-size:11px;
}
.temoignages-content div#yoav {
clear:both;
float:left;
margin-top:33px;
width:100%;
}
.temoignages-content div#yoav .pictures .magento {
background:transparent url(magento_logo.png) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:64px;
margin-right:5px;
width:64px;
}
.temoignages-content div#yoav .pictures .pix {
background:transparent url(yoav_kutner_magento.jpg) no-repeat scroll 0 0;
height:64px;
width:64px;
border:1px solid #434240;
float:left;
}
.temoignages-content div#yoav .content .intro {
font-size:11px;
line-height:13px;
float:left;
margin-bottom:1px;
}
.temoignages-content div#netik {
clear:both;
float:left;
width:100%;
margin-top:33px;
}
.temoignages-content div#netik .pictures .pix {
background:transparent url(netik.jpg) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:55px;
width:137px;
margin-top:2px;
}
.temoignages-content div#netik .content .intro {
font-size:11px;
line-height:13px;
margin-bottom:5px;
}
.temoignages-content div#boc {
clear:both;
float:left;
width:100%;
margin-top:33px;
}
.temoignages-content div#boc .pictures .pix {
background:transparent url(brand_online_commerce.jpg) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:55px;
width:137px;
margin-top:2px;
}
.temoignages-content div#boc .content .intro {
font-size:11px;
line-height:13px;
margin-bottom:5px;
}
.temoignages-content div#proxiad {
clear:both;
float:left;
width:100%;
margin-top:33px;
}
.temoignages-content div#proxiad .pictures .pix {
background:transparent url(proxiad.jpg) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:64px;
width:137px;
margin-top:2px;
}
.temoignages-content div#proxiad .content .intro {
font-size:11px;
line-height:13px;
margin-bottom:5px;
}
.temoignages-content div#blueinformatique {
clear:both;
float:left;
width:100%;
margin-top:33px;
}
.temoignages-content div#blueinformatique .pictures .pix {
background:transparent url(blue_informatique.jpg) no-repeat scroll 0 0;
border:1px solid #434240;
float:left;
height:64px;
margin-top:2px;
width:137px;
}
.temoignages-content div#blueinformatique .content .intro {
font-size:11px;
line-height:14px;
margin-bottom:13px;
}
div#cadre-temoignages {
height:895px;
text-align:left;
}
div#other {
clear:both;
float:left;
width:100%;
margin-top:33px;
}
div#other .intro {
font-size:11px;
}
div#other .other-images {
margin-left:auto;
margin-right:auto;
margin-top:15px;
text-indent:-8000px;
width:640px;
}
div#other .other-images .pix {
background-color:transparent;
background-repeat:no-repeat;
background-position:0 0;
border:1px solid #434240;
float:left;
margin-right:15px;
height:65px;
width:137px;
}
div#other .other-images .pix#advisa {
background-image:url(advisa.jpg);
}
div#other .other-images .pix#produweb {
background-image:url(produweb.jpg);
}
div#other .other-images .pix#alpheanet {
background-image:url(alpheanet.jpg);
}
div#other .other-images .pix#odsi {
background-image:url(odsi.jpg);
}