*{
margin:0;
padding:0;
font-size:100%;
}
abbr{
cursor:help;
}
a img,fieldset{
border:0;
}
label,a *{
cursor:pointer;
}
ol{
list-style-position:inside;
list-style:none;
}
ul{
list-style:none;
}
ul li{
zoom:1;
}
textarea,
input{
font:normal 11px Arial, Helvetica, sans-serif;
}
sup{
vertical-align:top;
}
body{
font:normal 13px Arial, Helvetica, sans-serif;
color:#1f1f1f;
background:#fff;
}
a{
color:#b70e0b;
}
.contenu{
margin:0 auto;
width:906px;
}
.contenu:after{
content:"";
display:block;
clear:both;
visibility:hidden;
}
#conteneur .contenu{
background:url(../../images/commun/fond/f_droite.gif) repeat-y right top;
}
#bandeau{
height:117px;
background:#2a2a2a;
}
#bandeau .contenu div{
float:left;
width:470px;
}
#bandeau .contenu h4{
padding:5px 0 0;
height:29px;
font-size:11px;
font-weight:normal;
color:#6a6a6a;
}
#bandeau .contact{
float:right;
}
#menu{
background:#b70e0b;
margin:0 0 20px 0;
}
#menu li{
float:left;
}
#menu li.last{
float:right;
}
#menu a{
float:left;
padding:13px 19px 0;
height:25px;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#menu a:hover,
#menu a.in{
background:#9b1411;
}
#gauche{
float:left;
width:558px;
padding:0 0 20px 0;
}
h2.titre_page{
margin:0 0 10px 0;
font-size:28px;
font-weight:normal;
font-weight:normal;
color:#b90f0b;
}
#droite{
float:right;
width:300px;
background:url(../../images/commun/fond/h_droite.gif) no-repeat left top;
padding:19px 0 0 0;
}
#nav_bas{
padding:25px 0 35px;
border-top:2px solid #931d1b;
background:#b70e0b;
}
#nav_bas .rubrique{
float:left;
width:160px;
font-size:11px;
}
#nav_bas .marge{
width:180px; /* 195px default */
}
#nav_bas h5{
padding:0 0 10px;
font-size:13px;
}
#nav_bas .rubrique li{
padding:0 0 5px;
}
#nav_bas a{
color:#fff;
text-decoration:none;
}
#nav_bas a:hover{
text-decoration:underline;
}
#pied{
padding:19px 0 14px;
color:#fefefe;
background:#2a2a2a;
}
#pied h6{
float:left;
}
#pied p{
float:right;
padding:6px 0 0;
}
#pied a{
color:#fff;
}
#pied p{
line-height:10px;
}
#pied strong{
position:relative;
display:block;
padding:0 0 10px;
}
#pied strong a,
#pied a:hover{
float:none;
text-decoration:none;
}
#pied strong a:hover{
text-decoration:underline;
}
#pied a{
position:relative;
}
#pied span{
position:relative;
display:inline-block;
margin:0 8px 0 0;
padding:0 8px 0 0;
line-height:10px;
border-right:1px solid #efefef;
}
/* WG */
/*
.wg h1{
position:relative;
margin:0 0 30px;
padding:0 0 0 13px;
line-height:22px;
font-size:28px;
font-weight:normal;
border-left:5px solid #b70e0b;
font-weight:normal;
color:#b90f0b;
}
*/
.wg h1{
margin:0 0 10px 0;
font-size:28px;
font-weight:normal;
font-weight:normal;
color:#b90f0b;
}
.wg h2{
font-size:22px;
font-weight:normal;
margin:0 0 20px 0;
}
.wg h2.referencement{
font-size:27px;
font-weight:normal;
color:#46a500;
border-bottom:1px solid #e9e9e9;
padding:0 0 15px 0;
margin:0 0 20px 0;
}
.wg h2 strong{
background:url(../../images/commun/picto/main.png) no-repeat left center;
font-size:22px;
color:#b90101;
font-weight:bold;
padding:0 0 0 48px;
}
.wg h2 span{
font-size:18px;
color:#9a9a9a;
}
.wg h3{
font-size:16px;
color:#b90101;
margin:0 0 10px 0;
}
.wg h3.referencement{
font-size:21px;
color:#46a500;
margin:0 0 15px 0;
}
.wg h3.conversion{
font-size:21px;
color:#0086b4;
margin:0 0 15px 0;
}
.wg h4{
font-size:15px;
}
.wg sup{
color:#b90101;
}
.wg p{
font-size:14px;
line-height:150%;
margin:0 0 15px 0;
}
.wg p.info{
text-align:right;
font-size:12px;
color:#787878;
line-height:100%;
margin:0 0 10px 0;
}
.wg ul, .wg ol{
margin:0 0 20px 0;
}
.wg li{
background:url(../../images/commun/puce/1.gif) no-repeat left 8px;
font-size:14px;
line-height:150%;
padding:0 0 0 15px;
overflow:hidden;
zoom:1;
}
.wg .enum li{
background:none;
padding:0;
margin:0 0 10px 0;
}
.wg .enum li span{
color:#46a500;
}
.wg .enum2 li{
background:#ecedee;
padding:8px 22px;
margin:0 0 2px 0;
}
.wg .enum2 li span{
font-size:18px;
color:#bdbebf;
padding:0 10px 0 0;
}
.wg .light{
font-size:13px;
color:#787878;
}
.wg .liens{
padding:0;
margin:0 0 20px 0;
}
.wg .liens li{
background:url(../../images/commun/puce/4.gif) no-repeat left 8px;
padding:0 0 0 10px;
}
.wg .liens li a{
color:#1f1f1f;
}
.wg .liens li a:hover{
color:#b90101;
}
.wg .visuel{
position:relative;
margin:0 0 30px 0;
overflow:hidden;
zoom:1;
}
.wg .visuel img{
display:block;
border:1px solid #e4e4e4;
margin:0 auto 10px auto;
}
.wg .visuel .full{
border:0;
}
.wg .visuel cite{
display:block;
margin:-5px 0 0;
font-size:11px;
color:#787878;
}
.wg .visuel .gauche{
float:left;
/*border:1px solid #e4e4e4;*/
margin:0 20px 0 0;
}
.wg .visuel .droite{
float:right;
margin:0 0 0 20px;
}
.wg .focus{
background:#f4f4f4;
border:1px solid #e4e4e4;
padding:13px;
margin:0 0 30px 0;
overflow:hidden;
zoom:1;
}
.wg .focus img{
float:left;
border:1px solid #e4e4e4;
margin:0 20px 10px 0;
}
.wg .focus li{
padding:0 0 0 22px;
}
.wg .focus li.url{
background:url(../../images/commun/puce/2.gif) no-repeat left 3px;
}
.wg .focus li.doc{
background:url(../../images/commun/puce/3.gif) no-repeat left 3px;
}
.wg .focus li a{
color:#1f1f1f;
}
.wg .focus2{
background:#FFF6D2 ;
padding:14px;
margin:0 0 30px 0;
overflow:hidden;
zoom:1;
}
.wg a:hover{
text-decoration:none;
}
.wg .travaille{
margin:0 0 30px 0;
}
.wg .tags{
margin:0 0 30px 0;
}
.wg .tags h2{
font-size:18px;
font-weight:normal;
color:#b70e0b;
margin:0 0 10px 0;
}
.wg .tags li{
display:inline;
background:none;
padding:0 15px 0 0;
}
.wg .tags li a{
color:#1f1f1f;
text-decoration:none;
}
.wg .tags li a:hover{
text-decoration:underline;
}
.wg .contact{
background:#f4f4f4;
border:1px solid #e4e4e4;
margin:0 0 30px 0;
overflow:hidden;
zoom:1;
}
.wg .contact h3{
float:left;
width:218px;
font-size:19px;
font-weight:normal;
color:#1f1f1f;
text-align:center;
padding:15px 0;
}
.wg .contact .col{
float:right;
width:241px;
background:#fff url(../../images/commun/picto/main.png) no-repeat 20px 20px;
border-left:1px solid #e4e4e4;
padding:15px 15px 15px 80px;
}
.wg .contact .col p{
font-size:15px;
margin:0;
}
.wg .contact .col p.tel{
color:#b70e0b;
}
.wg .bulle,
.wg .bulle2{
background:url(../../images/commun/fond/bulle.png) no-repeat 0 top;
padding:5px 0 0 0;
margin:0 0 20px 0;
}
.wg .bulle2{
background:url(../../images/commun/fond/bulle.png) no-repeat -1116px top;
}
.wg .bulle h1,
.wg .bulle2 h1{
background:#be100c url(../../images/commun/fond/bulle.png) no-repeat -558px bottom;
margin:0;
padding:6px 13px 28px 13px;
font-size:23px;
text-transform:none;
border-left:none;
font-weight:normal;
color:#fff;
}
.wg .bulle2 h1{
background:#ececec url(../../images/commun/fond/bulle.png) no-repeat -1674px bottom;
color:#474747;
}
.wg .bulle2 h2{
padding:6px 13px 28px 13px;
background:#ececec url(../../images/commun/fond/bulle.png) no-repeat -1674px bottom;
}
.wg .video{
margin:0 0 50px 0;
}
.wg .encart_metier{
margin:0 0 25px;
padding:18px 18px 10px;
border:1px solid #e4e4e4;
overflow:hidden;
zoom:1;
}
.wg .encart_metier div{
float:left;
width:270px;
}
.wg .encart_metier h3,
.wg .encart_metier h3 a{
font-size:17px;
color:#4b4b4b;
text-decoration:none;
}
.wg .encart_metier h3 a:hover{
text-decoration:underline;
}
.wg .encart_metier h3 em{
font-style:normal;
font-weight:normal;
font-size:19px;
}
.wg .encart_conception h3 em,
.wg .encart_conception a:hover{
color:#8015a2;
}
.wg .encart_conversion h3 em,
.wg .encart_conversion a:hover{
color:#009cd0;
}
.wg .encart_referencement h3 em,
.wg .encart_referencement a:hover{
color:#46A500;
}
.wg .encart_webcontents h3 em,
.wg .encart_webcontents a:hover{
color:#b98112;
}
.wg .encart_metier p a{
color:#1F1F1F;
text-decoration:none;
}
.wg .encart_metier p a:hover{
text-decoration:underline;
}
.wg .encart_metier a.doc{
float:right;
margin:5px 0 0;
}
.wg .liste_metier{
margin:0 0 35px;
padding:0;
height:1%;
overflow:hidden;
}
.wg .liste_metier li{
float:left;
margin:0 9px 0 0;
padding:10px 10px 0 12px;
width:158px;
height:261px;
background:url(../../images/commun/fond/f_offre2.jpg) no-repeat;
}
.wg .liste_metier li.metier_conversion{
background-position:-180px 0;
}
.wg .liste_metier li.metier_referencement{
margin:0;
background-position:-360px 0;
}
.wg .liste_metier h3{
margin:0 0 3px;
}
.wg .liste_metier p{
height:60px;
line-height:normal;
font-size:13px;
color:#fff;
}
.wg table{
margin:0 0 40px 0;
}
.wg table th{
font-size:16px;
font-weight:normal;
border:5px solid #fff;
-moz-border-radius:10px 10px;
-webkit-border-radius:10px;
background:#ecedee;
vertical-align:top;
padding:10px 20px;
}
.wg table td{
font-size:16px;
border:5px solid #fff;
vertical-align:top;
padding:10px;
}
.wg hr{
border:none;
height:6px;
color:#f2f2f2;
background:#f2f2f2;
margin:30px 0;
}
.wg .refs{
padding:0;
overflow:hidden;
zoom:1;
}
.wg .refs li{
float:left;
width:263px;
background:none;
font-size:14px;
color:#a3a3a3;
padding:0;
margin:0 0 20px 0;
}
.wg .refs li.last{
float:right;
}
.wg .refs li img{
display:block;
border:1px solid #E4E4E4;
}
.wg .refs li a{
font-size:14px;
color:#a3a3a3;
text-decoration:none;
}
.wg .refs li a:hover{
text-decoration:underline;
}
.wg .eye_tracking{
margin:0 0 20px;
padding:8px 0 0;
font-size:13px;
background:url(../../images/commun/fond/f_558.png) no-repeat;
}
.wg .eye_tracking .b{
padding:0 0 8px;
background:url(../../images/commun/fond/f_558.png) no-repeat 100% 100%;
}
.wg .eye_tracking .f{
padding:22px 24px;
border-right:1px solid #e2e2e2;
border-left:1px solid #e2e2e2;
}
.wg .eye_tracking .droite{
float:right;
margin:0 0 15px 26px;
border:1px solid #e4e4e4;
}
.wg .eye_tracking h3{
margin:0;
}
/* ERREUR / CONFIRMATION */
.erreur{
background:#FFE6E4;
padding:13px;
margin:0 0 8px 0;
}
.confirmation{
background:#E8FFCC;
padding:13px;
margin:0 0 8px 0;
}
.erreur p,
.confirmation p{
font-size:12px;
text-align:left;
line-height:16px;
padding:0 0 0 26px;
}
.erreur p{
background:url(../../images/commun/picto/erreur.gif) no-repeat;
}
.confirmation p{
background:url(../../images/commun/picto/confirmation.gif) no-repeat;
}
/* CONTACT */
#droite .contact{
width:273px;
background:url(../../images/commun/fond/droite.png) no-repeat -273px bottom;
padding:0 0 8px 0;
margin:0 auto 20px auto;
}
#droite .contact h3{
background:url(../../images/commun/fond/droite.png) no-repeat left bottom;
}
#droite .contact .f_contact{
background:#fff url(../../images/commun/picto/main.png) no-repeat 10px 25px;
padding:18px 10px 10px 60px;
}
#droite .contact .f_contact p{
margin:0 0 10px 0;
}
#droite .contact .f_contact p.last{
margin:0;
}
#droite .contact .f_contact p strong{
display:block;
font-size:14px;
}
#droite .contact .f_contact p span{
font-size:21px;
font-weight:bold;
color:#b70e0b;
}
#droite .contact .f_contact a:hover{
text-decoration:none;
}
/* NEWSLETTER */
#droite .newsletter{
position:relative;
width:273px;
background:url(../../images/commun/fond/droite.png) no-repeat -273px bottom;
padding:0 0 8px 0;
margin:0 auto 20px auto;
}
#droite .newsletter form{
background:#fff;
padding:10px 17px;
}
#droite .newsletter h3{
background:url(../../images/commun/fond/droite.png) no-repeat 0 top;
font-size:16px;
line-height:37px;
height:37px;
padding:0 0 0 17px;
}
#droite .newsletter p{
font-size:13px;
}
#droite .newsletter label{
display:block;
font-size:13px;
margin:0 0 10px 0;
}
#droite .newsletter input{
width:233px;
border:1px solid #e4e4e4;
margin:0 0 10px 0;
padding:2px;
}
#droite .newsletter .action{}
#droite .newsletter .action input{
width:auto;
border:none;
margin:0;
}
#droite .newsletter .erreur p,
#droite .newsletter .confirmation p{
color:#1f1f1f;
}
#droite .newsletter .divError{
background:#FFE6E4;
padding:13px;
margin:0 0 8px 0;
}
#droite .newsletter .divError p{
background:url(../../images/commun/picto/erreur.gif) no-repeat;
font-size:12px;
text-align:left;
line-height:16px;
color:#1f1f1f;
padding:0 0 0 26px;
}
/* BLOC */
#droite .bloc2,
#droite .liens{
width:273px;
background:url(../../images/commun/fond/droite.png) no-repeat -273px bottom;
padding:0 0 8px 0;
margin:0 auto 20px auto;
}
#droite .telechargez,
#droite .telechargez_simple,
#droite .bloc{
width:239px;
background:#fff url(../../images/commun/fond/droite.png) no-repeat -273px bottom;
margin:0 auto 20px auto;
padding:17px;
}
#droite .telechargez h3 img,
#droite .telechargez ul img,
#droite .bloc h3 img{
display:block;
}
#droite .telechargez li{
margin:0 0 10px 0;
}
#droite .telechargez li.last{
margin:0;
}
#droite .bloc h3 strong{
display:block;
font-weight:bold;
}
#droite .bloc.conception h3 strong{
color:#009CD0;
}
#droite .bloc.conversion h3 strong{
color:#702C85;
}
#droite .bloc.referencement h3 strong{
color:#46A500;
}
#droite .bloc.webcontents h3 strong{
color:#b98112;
}
#droite .bloc .visuel{
display:block;
border:1px solid #e4e4e4;
margin:0 0 8px 0;
}
#droite .bloc p{
margin:0 0 12px 0;
}
#droite .bloc2 h3 img{
display:block;
}
#droite .bloc2 .f_bloc,
#droite .liens .f_liens{
background:#fff;
font-size:13px;
line-height:150%;
padding:10px 17px;
}
#droite .liens h3{
font-size:18px;
color:#1f1f1f;
font-weight:normal;
margin:0 0 10px 0;
}
#droite .liens li,
#droite .bloc2 a{
background:url(../../images/commun/puce/4.gif) no-repeat left 6px;
padding:0 0 0 10px;
margin:0 0 5px 0;
}
#droite .liens li a,
#droite .bloc2 a{
color:#1f1f1f;
text-decoration:none;
}
#droite .liens li a:hover,
#droite .bloc2 a:hover{
color:#b90101;
}
/* CLIENT */
#droite .client{
position:relative;
width:273px;
background:url(../../images/commun/fond/droite.png) no-repeat -273px bottom;
padding:0 0 8px 0;
margin:0 auto 20px auto;
}
#droite .client h3{
background:url(../../images/commun/fond/droite.png) no-repeat 0 top;
font-size:16px;
line-height:37px;
height:37px;
padding:0 0 0 17px;
}
#droite .client .f_client{
font-size:13px;
color:#6e6e6e;
line-height:150%;
background:#fff;
padding:10px 0 0 0;
}
#droite .client #sb_client{
position:relative;
width:240px;
height:156px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#droite .client #precedent_sb_client,
#droite .client #suivant_sb_client{
outline:none;
position:absolute;
width:20px;
height:20px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#droite .client #precedent_sb_client{
background:url(../../images/commun/bt/sb_client.png) no-repeat left -20px;
top:7px;
right:35px;
}
#droite .client #precedent_sb_client.off,
#droite .client #precedent_sb_client.off:hover{
cursor:default;
background:url(../../images/commun/bt/sb_client.png) no-repeat left top;
}
#droite .client #precedent_sb_client:hover{
background:url(../../images/commun/bt/sb_client.png) no-repeat left -40px;
}
#droite .client #suivant_sb_client{
background:url(../../images/commun/bt/sb_client.png) no-repeat right -20px;
top:7px;
right:11px;
}
#droite .client #suivant_sb_client.off,
#droite .client #suivant_sb_client.off:hover{
cursor:default;
background:url(../../images/commun/bt/sb_client.png) no-repeat right top;
}
#droite .client #suivant_sb_client:hover{
background:url(../../images/commun/bt/sb_client.png) no-repeat right -40px;
}
#droite .client #sb_client .overlay{
display:none;
}
#droite .client #sb_client .item{
float:left;
width:240px;
height:156px;
}
#droite .client #sb_client .item ul{
overflow:hidden;
zoom:1;
}
#droite .client #sb_client .item li{
float:left;
margin:0 0 4px 4px;
}
#droite .client #sb_client .item li.first{
margin:0 0 4px 0;
}
#droite .client #sb_client .item li img{
display:block;
border:1px solid #e4e4e4;
}