File: /var/www/vhosts/onlinedev.com/httpdocs/include/style.css
* {margin:0; padding:0;}
body {
font-smooth: never;
margin: 0;
padding: 0;
background: #FFF url(../images/bg_body.gif) repeat-x top center;
font: 12px Arial, Helvetica, sans-serif;
color: #252525;
}
/* blocks */
#page {width:1010px; margin:0 auto; background:url(../images/bg_page.png) no-repeat;}
#left {float:left; display:inline; width:246px; padding:0; position:relative;}
#cont {float:left; display:inline; width:764px; background: url(../images/bg_container.png) repeat-y;}
#header {height:156px; padding:56px 0 0 0; border-bottom:1px solid #FFF; background:url(../images/bg_header.jpg) no-repeat 0 0; position:relative;}
#header .info {height:75px; border-top:1px solid #FFF;}
#center, #center2, #center3, #center4, #center5, #center6, #center7, #center8, #center9 {background:url(../images/bg_center.png) no-repeat top left; padding:11px 22px 10px 22px; min-height:250px;}
#center2 {background:url(../images/bg_center2.png) no-repeat top left;}
#center3 {background:url(../images/bg_center3.png) no-repeat top left;}
#center4 {background:url(../images/bg_center4.png) no-repeat top left;}
#center5 {background:url(../images/bg_center5.png) no-repeat top left;}
#center6 {background:url(../images/bg_center6.png) no-repeat top left;}
#center7 {background:url(../images/bg_center7.png) no-repeat top left;}
#center8 {background:url(../images/bg_center8.png) no-repeat top left;}
#center9 {background:url(../images/bg_center9.png) no-repeat top left;}
#footer {clear:both; height:86px; padding:24px 0 0 0; background:url(../images/bg_footer.gif) repeat-x top center; font-size:11px;}
#footer div {width:700px; margin:0 auto; padding:0 0 0 150px; background:url(../images/logo_ft.png) no-repeat center left;}
#footer div a {color:#FFF; font-weight:bold; text-decoration:none;line-height: 17px;}
#footer div a:hover {text-decoration:underline;}
#footer div img {margin:2px 0 0 8px !important;}
/* heading */
h1 {display:block; width:181px; height:117px; margin:9px 0 10px 36px !important;}
h1 a {float:left; display:block; width:181px; height:117px;}
h1 a span {display:none;}
#left h2 {display:block;}
#left h2.title1,
#left h2.title2,
#left h2.title3 {background:url(../images/bg_left.png) repeat-y;}
#left h2.title1 a,
#left h2.title2 a,
#left h2.title3 a {display:block; cursor:pointer; color:#FFF; text-decoration:none; font-weight:bold; font-size:14px; padding:10px 10px 0 75px; background:url(../images/h2_title1.png) no-repeat; min-height:40px;}
#left h2.title1 a span,
#left h2.title2 a span,
#left h2.title3 a span {display:block; padding-bottom:8px; border-bottom:1px solid #CA758E;}
#left h2.title2 a {background:url(../images/h2_title2.png) no-repeat;}
#left h2.title3 a {background:url(../images/h2_title3.png) no-repeat;}
#left h2.site-info {position:absolute; top:15px; left:328px; font-weight:bold; color:#FFF; white-space:nowrap; z-index:1; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
#cont h3 {display:block; font-size:18px; color:#333; font-weight:bold; margin:0 0 23px 0px;}
h4.type1 {font-size:16px; color:#922D4B; padding-left:22px !important; margin:8px 0 5px 14px !important; background:url(../images/icon_clock.gif) no-repeat 0 2px;}
h4.type2 {font-size:16px; color:#922D4B; margin:8px 0 2px 14px !important;}
h4.type3 {font-size:14px; margin:8px 0 2px 14px !important;}
h4.type3 span {color:#922D4B;}
h4.type4 {font-size:16px; color:#922D4B; margin:8px 0 15px 14px !important;}
h5.type1 {font-size:14px; color:#922D4B; margin:8px 0 2px 14px !important;}
/* general */
.m1 {list-style-type:none; width:205px; margin: 25px 0 15px 23px !important;}
.m1 li {background:url(../images/dot.gif) repeat-x bottom left; padding:0 0 1px 0 !important;}
.m1 li.last { background:none;}
.m1 li a, .m1 li a.on {display:block; width:195px; padding:8px 5px; text-decoration:none; color:#666; font-weight:bold; font-size:12px;}
.m1 li a:hover, .m1 li a.on {background:#ECF0F3; text-align:center; color:#333;}
.m2 {display:block; background:url(../images/bg_left.png) repeat-y top left; list-style-type:none; padding:10px 19px !important;}
.m2 li {padding:3px 0 3px 9px; background:url(../images/arrow1.gif) no-repeat 0 8px;}
.m2 li a, .m2 li a.on {text-decoration:none; color:#FFF; }
.m2 li a:hover {text-decoration:underline;}
.m2 li a.on, .m2 li a.on:hover {font-weight:bold; text-decoration:none;}
.m3 {list-style-type:none; margin-left:24px !important; overflow:hidden;}
.m3 li {float:left; width:172px; height:62px; padding:18px 3px 0 3px; border-right:1px solid #000; text-align:center;}
.m3 li a {color:#FFF; text-decoration:none; cursor:pointer; text-align:center; font-weight:bold; text-transform:uppercase;}
.m3 li.r1, .m3 li.r1_on {background:url(../images/r1.png) no-repeat top center;}
.m3 li.r2, .m3 li.r2_on {background:url(../images/r2.png) no-repeat top center;}
.m3 li.r3, .m3 li.r3_on {background:url(../images/r3.png) no-repeat top center;}
.m3 li.r4, .m3 li.r4_on {background:url(../images/r4.png) no-repeat top center;}
.m3 li.r5, .m3 li.r5_on {background:url(../images/r5.png) no-repeat top center;}
.m3 li.r6, .m3 li.r6_on {background:url(../images/r6.png) no-repeat top center;}
.m3 li.r7, .m3 li.r7_on {background:url(../images/r7.png) no-repeat top center;}
.m3 li.r1_on, .m3 li.r2_on, .m3 li.r3_on, .m3 li.r4_on, .m3 li.r5_on, .m3 li.r6_on, .m3 li.r7_on {background-position:bottom; height:33px; padding-top:47px;}
.m3 li:last-child {border-right:none;}
.devis {width:124px; height:137px; background:url(../images/bg_devis.png) no-repeat top left; padding:15px 0 0 122px;}
.devis p {display:block; width:auto; color:#FFF; margin-bottom:12px !important;}
.devis p.tel {background:url(../images/icon_tel.gif) no-repeat 0 0; padding-top:23px;}
.devis p.mail {background:url(../images/icon_mail.gif) no-repeat 0 0; padding-top:27px;}
#center p, #center2 p, #center3 p, #center4 p, #center5 p, #center6 p, #center7 p, #center8 p, #center9 p {padding:0 15px 15px 15px; font-size:13px;}
.i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8 {float:left; display:inline; width:290px; padding-left:52px; margin:25px 9px 0 9px; border-bottom:1px solid #E1E1E1;}
.i1 p, .i2 p, .i3 p, .i4 p, .i5 p, .i6 p, .i7 p, .i8 p {margin:0 !important; padding:0 !important; font-size:13px !important; text-align:justify;}
.i1 h5, .i2 h5, .i3 h5, .i4 h5, .i5 h5, .i6 h5, .i7 h5, .i8 h5 {font-size:14px; font-weight:bold; color:#333; margin-bottom:3px;}
.i1 {background:url(../images/icon_i1.gif) no-repeat 0 3px; height:170px;}
.i2 {background:url(../images/icon_i2.gif) no-repeat 0 3px; height:170px;}
.i3 {background:url(../images/icon_i3.gif) no-repeat 0 3px; height:170px; border:none;}
.i4 {background:url(../images/icon_i4.gif) no-repeat 0 3px; height:170px; border:none;}
.i5 {background:url(../images/icon_i5.gif) no-repeat 0 3px; height:110px; border:none;}
.i6 {background:url(../images/icon_i6.gif) no-repeat 0 3px; height:110px; border:none;}
.i7 {background:url(../images/icon_i7.gif) no-repeat 0 3px; height:170px;}
.i8 {background:url(../images/icon_i8.gif) no-repeat 5px 3px; height:170px;}
.i1 .aright, .i2 .aright, .i3 .aright, .i4 .aright, .i5 .aright, .i6 .aright, .i7 .aright, .i8 .aright {display:block !important; overflow:hidden;}
.star, .star2 {position:absolute; width:119px; height:65px; margin:10px 0 0 605px;}
.star2 {margin-top:10px;}
.list1 {list-style-type:none; margin:10px 0 20px 15px !important; overflow:hidden;}
.list1 li {display:inline;}
.list1 a {float:left; display:inline; width:212px; height:160px; padding:0 21px 0 2px; color:#252525;}
.list2, .list4, .list5 {list-style-type:none; margin:5px 0 25px 15px !important;}
.list2 li, .list4 li {padding:2px 0 2px 10px; background:url(../images/arrow2.gif) no-repeat 0 6px;}
.list2 li ul {list-style-type:none;}
.list2 li ul li {background:url(../images/arrow3.gif) no-repeat 0 8px; padding-left:9px;}
.list2 li ul li a {color:#476982; font-size:11px;}
.list2 li ul li ul {list-style-type:none; margin:5px 0 5px 10px !important;}
.list2 li ul li ul li a {color:#666;}
.type1 li a {color:#666 !important; text-decoration:none !important; font-weight:bold; margin-bottom:50px;}
.type1 li a:hover {color:#333 !important;}
.list4, .list5 {margin:0 0 25px 30px !important;}
.list5 li {padding:2px 0 10px 10px; background:url(../images/arrow2.gif) no-repeat 0 6px;}
.list3 {list-style-type:none; margin:20px 0 15px 6px !important; overflow:hidden;}
.list3 li {padding:7px 0 20px 58px; float:left; display:inline; width:250px; margin:0 28px 20px 18px;}
.list3 li strong {display:block; width:auto;}
.list3 li span {font-weight:bold; color:#922D4B; font-size:14px;}
.list3 li.home {background:url(../images/icon_home.gif) no-repeat 0 0;}
.list3 li.tel {background:url(../images/icon_tel2.gif) no-repeat 0 0;}
.list3 li.fax {background:url(../images/icon_fax.gif) no-repeat 0 0;}
.list3 li.social {background:url(../images/icon_social.gif) no-repeat 0 0;}
.list3 li.email {background:url(../images/icon_mail2.gif) no-repeat 0 0;}
.list3 li.programmation {background:url(../images/icon_programmation.gif) no-repeat 0 0;}
.list3 li.graphisme {background:url(../images/icon_graphisme.gif) no-repeat 0 0;}
.tab1 {margin:20px auto 50px auto;}
.tab1 th {text-align:right; padding:5px 4px 5px 10px;}
.tab1 td {padding:5px 4px;}
p.title1 {font-weight:bold; padding:0 0 0 14px !important; margin:10px 0 4px 15px !important; background:url(../images/icon_page.gif) no-repeat 0 2px;}
p.title2 {font-weight:bold; padding:0 !important; margin:15px 0 4px 15px !important;}
p.title3 {font-weight:bold; padding:0 !important; margin:15px 0 10px 15px !important;}
p.title4 {font-weight:bold; padding:0 !important; margin:25px 0 4px 0px !important;}
p.audit {padding-left:85px !important; background:url(../images/icon_audit.gif) no-repeat 15px 4px;}
.comp {float:left; display:inline; width:200px; margin:13px 0 20px 0;}
.comp .list2 {margin:0 !important;}
.comp p.title2 {font-weight:bold; padding:0 0 4px 0 !important; margin:0 0 0 0 !important;}
.ebus {float:left; display:inline; width:310px; margin:15px 13px 0 28px;}
.ebus p {padding:0 0 15px 0 !important; margin:0 !important;}
.ebus h4 {margin-left:0 !important;}
.cright2, .cright3 {
width: 253px;
padding-left: 45px;
/* margin: 25px 0 0 0; */
border-bottom: 1px solid #FFF;
}
.cleft1, .cleft2, .cleft3, .cright1 {width:260px; padding-left:52px; margin:25px 0 0 0; border-bottom:1px solid #FFF;}
.cleft1 p, .cleft2 p, .cleft3 p, .cright1 p, .cright2 p, .cright3 p {margin:0 !important; padding:0 !important;}
.cleft1 h5, .cleft2 h5, .cleft3 h5, .cright1 h5, .cright2 h5, .cright3 h5 {font-size:14px; font-weight:bold; color:#333; margin-bottom:3px;}
.cleft1 {background:url(../images/icon_ebus2.gif) no-repeat 0 3px; height:215px; margin-top:15px;}
.cleft2 {background:url(../images/icon_ebus6.gif) no-repeat 0 3px; height:230px;}
.cleft3 {background:url(../images/icon_ebus1.gif) no-repeat 0 3px; height:135px; border:none; margin-bottom:20px;}
.cright1 {background:url(../images/icon_ebus4.gif) no-repeat 0 3px; height:215px; margin-top:98px;}
.cright2 {background:url(../images/icon_ebus3.gif) no-repeat 0 3px; height:230px;}
.cright3 {background:url(../images/icon_ebus5.gif) no-repeat 0 3px; height:135px; border:none; margin-bottom:20px;}
.graph {height:216px; background:url(../images/icon_graph.gif) no-repeat 90px 10px; margin:0 0 15px 0 !important; padding-top:10px;}
.graph ul {float:left; display:block; list-style-type:none; margin:48px 0 0 465px !important;}
.graph ul li {margin:0 0 15px 0 !important;}
.proj {text-align:center;}
.proj img {border:3px solid #CCC;}
.date {float:left; font-size:12px !important; font-style:italic; color:#999;}
.share {float:right}
.link1 {position:absolute; margin:126px 0 0 111px; width:172px; text-align:center; font-weight:bold !important; background:#E5E5E5; padding:2px 4px; color:#922D4B; text-decoration:none; font-weight:normal; font:10px "Tahoma", Arial, Helvetica, sans-serif; white-space:nowrap;}
.link1:hover {background:#922D4B; color:#FFF;}
.link2 {color:#333; text-decoration:none;}
.link2:hover {text-decoration:underline;}
/* links */
.links {margin:30px 9px 15px 9px; overflow:hidden;}
.links h5 {font-size:14px !important; color:#999 !important;}
.links ul {list-style-type:none; margin:5px 0 0 0; padding:0;}
.links ul li {float:left; display:inline; width:120px; background:url(../images/arrow2.gif) no-repeat 0 7px; font-size:11px; padding:3px 10px 10px 9px;}
.links ul li a {color:#999;}
/* items */
.cleaner {clear:both;}
p, ul, li, form, table, tr, td, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
img {vertical-align:top; border:0px;}
.red {color:#922D4B;}
.red2 {color:#CC0000;}
.green {color:#00CC66;}
.f14 {font-size:14px;}
.und {text-decoration:underline;}
.fcs {color:#922D4B;}
p.type1 {font-style:italic; padding-bottom:5px !important;}
p.type2 {font-style:italic;}
a:focus {-moz-outline-style:none;}
a:active {outline:none;}
a {color:#922D4B; text-decoration:underline;}
a:hover {text-decoration:none;}
input, select, textarea {font:12px Arial, Helvetica, sans-serif; overflow:auto;}
.inp1 {width:220px; height:17px; padding:2px 2px 2px 2px; border:1px solid #CCC;}
.inp2 {width:550px; height:80px; border:1px solid #CCC;}
.but1 {font-weight:bold; color:#FFF; height:24px; padding:0 15px 3px 15px; margin-top:2px !important; background:url(../images/bg_but1.png) repeat-x left center; border:none; cursor:pointer; font-size:13px;}
.border1 {border:1px solid #BC6F86; margin:5px 0;}
.text3 {color: #F0D2DB; font-size:11px; text-align:left; margin-bottom:10px}
.pagination {text-align:center;}
.pagination ul {list-style-type:none;}
.pagination ul li {display:inline; margin:0 1px;}
.pagination ul li.nextpage {margin:0 12px;}
.pagination ul li.currentpage {color:#922D4B; font-weight:bold;}
.pagination ul li a {color:#666;}
.pagination ul li a:hover {text-decoration:none;}
.pagination ul li.nextpage a {text-decoration:none; font-size:14px;}
.pagination ul li.nextpage a:hover {color:#922D4B;}
.news {font:13px Arial, Helvetica, sans-serif !important;}
.news p, .news span {font:13px Arial, Helvetica, sans-serif !important;}
.news ul {margin:0 0 25px 30px !important; list-style-type:none !important;}
.news ul li {background: url(../images/arrow2.gif) no-repeat 0 6px; padding:2px 0 2px 10px !important;}
.list6 {list-style-type:none; margin:3px 0 20px 0; padding:0; overflow:hidden;}
.list6 li {float:left; margin:0 0 14px 14px; background-color:#FFF; border-radius:4px; width:221px;}
.list6 li a {display:block; padding:70px 10px 10px 10px; text-decoration:none; font-weight:bold; color:#333; font-size:12px; text-align:center;}
.list6 li a:hover {color:#B73B60;}
.list6 li a.i-1 {background:url(../images/i-developpement.png) no-repeat top center;}
.list6 li a.i-2 {background:url(../images/i-solutions.png) no-repeat top center;}
.list6 li a.i-3 {background:url(../images/i-competences.png) no-repeat top center;}
.list6 li a.i-4 {background:url(../images/i-site-web-merchand.png) no-repeat top center;}
.list6 li a.i-5 {background:url(../images/i-vision-offshore.png) no-repeat top center;}
.list6 li a.i-6 {background:url(../images/i-creation-site-web.png) no-repeat top center;}
.list7 {list-style-type:none; margin:20px 0 0px 6px !important; overflow:hidden;}
.list7 li {float:left; padding:15px 20px 15px 63px; float:left; width:253px; margin:0 9px 15px 6px; background-color:#FFF !important; border:1px solid #E5E5E5; border-radius:4px; }
.list7 li strong {display:block; width:auto;}
.list7 li span {font-weight:bold; color:#922D4B; font-size:14px;}
.list7 li.no1 {background:url(../images/no1.png) no-repeat 14px 12px;}
.list7 li.no2 {background:url(../images/no2.png) no-repeat 14px 12px;}
.list7 li.no3 {background:url(../images/no3.png) no-repeat 14px 12px;}
.list7 li.no4 {background:url(../images/no4.png) no-repeat 14px 12px;}
.list7 li.no5 {background:url(../images/no5.png) no-repeat 14px 12px;}
.list7 li.no6 {background:url(../images/no6.png) no-repeat 14px 12px;}
.table1 {margin:10px 17px 30px 12px; border:1px solid #e5e5e5; border-collapse:collapse;}
.table1 th {padding:10px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:left;}
.table1 td {padding:10px; border-bottom:1px solid #e5e5e5; white-space:nowrap; text-align:right;}
.table1 tr.row1 th,
.table1 tr.row1 td {background:#F7F7F7;}
.table1 .single-row {text-align:left; white-space:normal;}
.list8 {float:left; list-style-type:none; margin:30px 0 25px 10px !important; /*width:770px;*/ overflow:hidden;}
.list8 li {display:inline;}
.list8 li a {float:left; width:186px; height:126px; border:1px solid #E1E1E1; margin:0 68px 0 0; text-indent:-999em;}
.list8 li a:hover {border-color:#B73B60;}
.list8 li a.kase-soft {background:url(../images/i-kase-soft.png) no-repeat 0 0;}
.list8 li a.google-plus {background:url(../images/i-google-plus.png) no-repeat 0 0;}
.list8 li a.facebook {background:url(../images/i-facebook.png) no-repeat 0 0;}
.like.type-1 {position:absolute; top:15px; right:15px;}
.bloc-1{
width: 30%;
position: relative;
display: table-cell;
}
.bloc-1 .img1{
width:230px;
}
.bloc-1 .img2{
width: 230px;
/*margin-top: 14px;*/
border-radius: 6px;
}
.bloc-1 p{
font-size: 12px !important;
text-align: justify;
}
.bloc-1 h3{
font-size: 15px !important;
color: #52b0f6 !important;
margin: 0 0 8px 0 !important;
}
.bloc-1 h5 {
font-size: 12px;
color: #3ea20b;
}
.bloc-1 span{
color:#922d4b;
}
.bloc-espace{
padding-left:10px;
}
.text-gris{
background-image: linear-gradient(10deg, white, #d7d7d7);
border-radius: 5px;
padding: 15px;
}
#header .info {
height: 75px;
line-height: 21px;
border-top: 1px solid #FFF;
}
.fil-Ariane { padding: 20px;
line-height: 22px;
padding-right: 110px;}
.fil-Ariane a { color: #922D4B;}
.star3 { position: absolute;
width: 119px;
height: 65px;
margin: 11px 0 0 648px;
top: 136px;}
.lien-footer { float: left;
margin-right: 13px;
width: 50%;
clear: both;}
.news-footer{ float: left;
display: block;
width: 50%;
clear: both;}
.news-footer p a strong { line-height: 26px !important;}
.ebus-e-business-left {
float: left;
display: inline;
width: 325px;
text-align: justify;
background: #f9ebef;
border-radius: 5px;
padding: 10px;
margin-left: 10px;
}
.ebus-e-business-right {
float: right;
display: inline;
text-align: justify;
background: #f7fae6;
border-radius: 5px;
width: 323px;
padding: 10px;
margin-left: 10px;
}