/* ======================================================= SITE =============================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0
}

html, body {
font-family:Arial, Helvetica, sans-serif;
background:#FFF;
height:100%
}

/* ======================================================= STRUCTURE =============================================================== */

#wrap {
min-height:100%;
position:relative
}

#header-wrap-wide {
width:100%;
height:569px;
background:url('Design/header-bg-wide.png') repeat-x
}

#header-wrap {
width:100%;
height:569px;
background:url('Design/header-bg.jpg') no-repeat center top
}

#header {
width:1010px;
height:569px;
margin:auto
}

#header-wrap-wide2 {
width:100%;
height:265px;
background:url('Design/header-bg-wide2.png') repeat-x
}

#header-wrap2 {
width:100%;
height:265px;
background:url('Design/header-bg2.jpg') no-repeat center top
}

#header2 {
width:1010px;
height:265px;
margin:auto
}

#topprincip {
width:1010px;
height:29px;
background:url('Design/topprincip.png');
float:left
}

#princip {
width:990px;
margin-left:10px;
float:left
}

#slidercase {
width:1010px;
height:333px;
background:url('Design/bg-slider.png');
float:left
}

#topslider {
width:1010px;
height:236px;
background:url('Design/topslider.jpg');
float:left
}

#top {
width:895px;
height:236px;
float:left
}

#menu {
width:895px;
height:53px;
float:left;
background:url('Design/menu.png')
}

#banner {
width:895px;
height:183px;
float:left;
background:url('Design/banner.png')
}

#rightban {
width:115px;
height:236px;
float:left;
font-size:2px
}

#flagcase {
width:115px;
height:22px;
font-size:2px;
float:left
}

#rightspace {
width:115px;
height:18px;
font-size:2px;
float:left;
background:url('Design/rightspace.png')
}

#rightspace2 {
width:115px;
height:152px;
float:left;
background:url('Design/rightspace2.png')
}

#socialcase {
width:115px;
height:44px;
font-size:2px;
float:left
}

#sliderinstall {
width:1010px;
height:290px;
float:left
}

#slidercontrol {
width:1010px;
height:43px;
float:left
}

#page-wide {
width:100%;
background-image:url('Design/content-bg.png');
background-repeat:repeat-x
}

#page {
width:1010px;
margin:0 auto;
padding-bottom:30px
}

#footer-wrap-wide {
bottom:0;
width:100%;
height:213px;
background:url('Design/footer-bg-wide.png');
background-repeat:repeat-x
}

#footer-wrap {
width:100%;
height:213px;
background:url('Design/footer-bg.jpg') no-repeat center top
}

#footer {
width:1010px;
height:213px;
margin:0 auto
}

#footercase1 {
width:1010px;
height:139px;
float:left
}

#footercase2 {
width:922px;
height:74px;
float:left
}

#foottxt {
width:400px;
margin-top:22px;
float:left
}

#foottxt2 {
width:520px;
margin-top:30px;
float:left
}

#footercase3 {
width:88px;
height:74px;
float:left
}

#serv1 {
width:990px;
display:none;
float:left
}

#serv2 {
width:990px;
display:none;
float:left
}

#serv3 {
width:990px;
display:none;
float:left
}

#serv4 {
width:990px;
display:none;
float:left
}

#serv5 {
width:990px;
display:none;
float:left
}

#serv6 {
width:990px;
display:none;
float:left
}

#serv7 {
width:990px;
display:none;
float:left
}

#serv8 {
width:990px;
display:none;
float:left
}

.ref1 {
float:left;
width:220px;
margin-left:50px
}

.ref2 {
float:left;
width:280px
}

.ref3 {
float:left;
width:120px
}

.ref4 {
float:left;
width:80px
}

.ref5 {
float:left;
width:80px
}

.ref6 {
float:left;
width:160px
}

#ref1 {
float:left;
width:220px;
background-color:#10385c;
padding:5px 0 5px 0;
margin-left:50px 
}

#ref2 {
float:left;
width:280px;
background-color:#10385c;
padding:5px 0 5px 0
}

#ref3 {
float:left;
width:120px;
background-color:#10385c;
padding:5px 0 5px 0
}

#ref4 {
float:left;
width:80px;
background-color:#10385c;
padding:5px 0 5px 0
}

#ref5 {
float:left;
width:80px;
background-color:#10385c;
padding:5px 0 5px 0
}

#ref6 {
float:left;
width:160px;
background-color:#10385c;
padding:5px 0 5px 0
}


.services {
width:100px;
height:100px;
margin:10px;
float:left
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

.clearfix {
display:block
}

/* ======================================================= ALIGN =============================================================== */

.center {
text-align:center
}

.justify {
text-align:justify
}

.right {
text-align:right
}

/* ======================================================= TEXT  =============================================================== */

.txtgri12 {
font-size:12px;
font-family:Trebuchet MS;
color:#b0b0b0
}

.txtnews20 {
font-size:20px;
font-family:Trebuchet MS;
color:#72b7fe
}

.txtgre14 {
font-size:14px;
font-family:Trebuchet MS;
color:#49c44c
}

.txtgre16 {
font-size:16px;
font-family:Trebuchet MS;
color:#49c44c
}

.txtgre182 {
font-size:18px;
font-family:Trebuchet MS;
color:#77ee68
}

.txtgre32 {
font-size:32px;
font-family:Trebuchet MS;
color:#49c44c
}

.txtgre20 {
font-size:20px;
font-family:Trebuchet MS;
color:#49c44c
}

.txtgre12 {
font-size:12px;
font-family:Trebuchet MS;
color:#49c44c
}

.txtblu20 {
font-size:20px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtblu32 {
font-size:32px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtblu18 {
font-size:18px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtblu14d {
font-size:14px;
font-family:Trebuchet Ms;
color:#4f8cd1
}

.txtblu16 {
font-size:16px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtdblu12 {
font-size:12px;
font-family:Trebuchet MS;
color:#00142a
}

.txtblu12 {
font-size:12px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtblu24 {
font-size:24px;
font-family:Trebuchet MS;
color:#4f8cd1
}

.txtwhi16 {
font-size:16px;
font-family:Trebuchet MS;
color:#fff
}

.txtwhi18 {
font-size:18px;
font-family:Trebuchet MS;
color:#fff
}

.txtwhi14 {
font-size:14px;
font-family:Trebuchet MS;
color:#fff
}

.txtgry14 {
font-size:14px;
font-family:Trebuchet MS;
color:#aaa9a9
}

.txtgry10 {
font-size:10px;
font-family:Trebuchet MS;
color:#aaa9a9
}

.txtgry16 {
font-size:16px;
font-family:Trebuchet MS;
color:#aaa9a9
}

.txtwhi16 {
font-size:16px;
font-family:Trebuchet MS;
color:#ffffff
}

.txtgry24 {
font-size:24px;
font-family:Trebuchet MS;
color:#aaa9a9
}

.ln25 {
line-height:25px
}

.ltsp1 {
letter-spacing:1px
}

.ltsp2 {
letter-spacing:2px
}

.bold {
font-weight:bold
}

.italique {
font-style:italic
}

.tc1 {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:20px;
color:#49c44c
}
.tc2 {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:16px;
color:#49c44c
}
.tc3 {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:12px;
color:#49c44c
}
.tc4 {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:9px;
color:#49c44c
}

.ln30 {
line-height:22px
}

/* ======================================================= FORM  =============================================================== */

.case1 {
width:110px;
padding-top:4px;
float:left
}

.case2 {
width:250px;
float:left
}

.case3 {
width:610px;
float:left
}

.bigcase {
border:solid 1px #b0d7fe;
background-color:#f9f9f9;
padding:5px
}

.submit {
border:solid 1px #b0d7fe;
background-color:#032040;
padding:5px
}

.lightcase {
padding:0;
margin:0;
border:0;
background:none
}

/* ======================================================= CASES  =============================================================== */

dd {
width:700px;
line-height:26px;
padding:12px 0 12px 12px
}

dt {
padding-left:20px;
padding-top:8px
}
.case-n-total {
width:990px;
float:left
}

.caseac1 {
float:left;
width:300px
}

.caseac2 {
float:left;
width:300px;
margin:0 45px 0 45px
}

.case-n-news1 {
float:left;
width:140px
}

.case-n-news2 {
float:left;
width:600px
}

#tweets {
width:207px;
margin-left:20px;
float:left
}

.tweets {
width:207px;
margin-top:20px;
float:left
}

.tweets a { font-size:14px; font-family:Trebuchet MS; color:#49c44c; text-decoration:underline }
.tweets a:hover { font-size:14px; font-family:Trebuchet MS; color:#b4b4b4; text-decoration:none }

.casetitle { width:77px; float:left }
.casetitle2 { width:170px; margin-top:18px; float:left }
.casetitle3 { width:664px; margin-top:18px; float:left }
.casetitle4 { width:913px; margin-top:18px; float:left }

.case-n-1quart {
width:247px;
float:left
}

.case-n-1quartv3 {
width:247px;
margin-top:5px;
float:left
}

.case-n-1quartv5 {
width:247px;
margin-top:12px;
float:left
}

.case-n-1quartv {
width:247px;
height:10px;
font-size:2px;
float:left
}

.case-n-1quartv2 {
width:247px;
height:18px;
font-size:2px;
float:left
}

.case-n-1demi {
width:490px;
float:left
}

.case-n-3quart {
width:741px;
float:left
}

.case-n-3quartn {
width:730px;
float:left
}

.case-n-3quartf {
width:710px;
float:left
}

.case-n-3quartv {
width:741px;
height:20px;
font-size:2px;
float:left
}

.case-n-3quartv2 {
width:741px;
height:8px;
font-size:2px;
float:left
}

.case-n-interligne {
width:990px;
height:12px;
font-size:2px;
float:left
}

.case-n-interligne99 {
width:990px;
height:300px;
font-size:2px;
float:left
}

.case-n-3interligne {
width:741px;
height:12px;
font-size:2px;
float:left
}

.case-n-interligne1 {
width:990px;
height:4px;
font-size:2px;
float:left
}

.case-n-interligne2 {
width:990px;
height:30px;
font-size:2px;
float:left
}

.case-n-3interligne2 {
width:741px;
height:30px;
font-size:2px;
float:left
}

.case-n-interligne3 {
width:990px;
height:100px;
font-size:2px;
float:left
}

.case-service {
width:970px;
float:left;
margin:5px 0 4px 20px
}

.case-tarif {
float:left;
background-color:#6d99c8;
margin:0 0 2px 20px;
padding:5px;
width:460px
}

.case-tarifv {
float:left;
height:20px;
font-size:2px;
width:460px
}

.case-tarif1 {
float:left;
background-color:#98bbe0;
margin-left:20px;
padding:2px;
width:316px
}

.case-tarif2 {
float:left;
margin-left:20px;
padding:2px;
width:126px
}

.case-tarif3 {
float:left;
background-color:#6d99c8;
margin:5px 0 5px 20px;
padding:5px;
width:310px
}

/* ======================================================= IMAGES =============================================================== */

img { border:0; text-decoration:none }

.clientimg { border:solid 6px #103d66 }

/* ======================================================= LINK =============================================================== */

a.titlenews { font-size:20px; font-family:Trebuchet MS; color:#72b7fe }
a.titlenews:hover { font-size:20px; font-family:Trebuchet MS; color:#4ac1ff }

a.service { font-size:14px; font-family:Trebuchet MS; color:#49c44c; text-decoration:underline }
a.service:hover { font-size:14px; font-family:Trebuchet MS; color:#b4b4b4; text-decoration:none }

a.tTip { font-size:14px; font-family:Trebuchet MS; color:#FFFFFF; text-decoration:none; cursor:default }
a.tTip:hover { font-size:14px; font-family:Trebuchet MS; color:#dcf2ff; text-decoration:underline; cursor:default }

a.twittertxt { color:#49c44c; font-size:11px; font-family:Trebuchet MS; text-decoration:underline }
a.twittertxt:hover { color:#4f8cd1; font-size:11px; font-family:Trebuchet MS; text-decoration:none}

/* ======================================================= BUTTON =============================================================== */

.flagfr {
float:left;
display:block;
width:29px;
height:22px;
background:url('Design/flagfr.png');
background-position:bottom left;
text-indent:-99999px
}

.flagfr:hover {
background-position:top left
}

.flaguk {
float:left;
display:block;
width:31px;
height:22px;
background:url('Design/flaguk.png');
background-position:bottom left;
text-indent:-99999px
}

.flaguk:hover {
background-position:top left
}

.flagde {
float:left;
display:block;
width:31px;
height:22px;
background:url('Design/flagde.png');
background-position:bottom left;
text-indent:-99999px
}

.flagde:hover {
background-position:top left
}

.btn1 {
float:left;
display:block;
width:107px;
height:53px;
background:url('Design/btnac1.png');
background-position:bottom left;
text-indent:-99999px
}

.btn1:hover {
background-position:top left
}

.btn2 {
float:left;
display:block;
width:84px;
height:53px;
background:url('Design/btnac2.png');
background-position:bottom left;
text-indent:-99999px
}

.btn2:hover {
background-position:top left
}

.btn3 {
float:left;
display:block;
width:127px;
height:53px;
background:url('Design/btnac3.png');
background-position:bottom left;
text-indent:-99999px
}

.btn3:hover {
background-position:top left
}

.btn4 {
float:left;
display:block;
width:104px;
height:53px;
background:url('Design/btnac4.png');
background-position:bottom left;
text-indent:-99999px
}

.btn4:hover {
background-position:top left
}

.btn5 {
float:left;
display:block;
width:104px;
height:53px;
background:url('Design/btnac5.png');
background-position:bottom left;
text-indent:-99999px
}

.btn5:hover {
background-position:top left;
}

.btn6 {
float:left;
display:block;
width:109px;
height:53px;
background:url('Design/btnac6.png');
background-position:bottom left;
text-indent:-99999px
}

.btn6:hover {
background-position:top left
}

.btn7 {
float:left;
display:block;
width:91px;
height:53px;
background:url('Design/btnac7.png');
background-position:bottom left;
text-indent:-99999px
}

.btn7:hover {
background-position:top left
}

.btn8 {
float:left;
display:block;
width:59px;
height:53px;
background:url('Design/btnac8.png');
background-position:bottom left;
text-indent:-99999px
}

.btn8:hover {
background-position:top left
}

.btn9 {
float:left;
display:block;
width:110px;
height:53px;
background:url('Design/btnac9.png');
background-position:bottom left;
text-indent:-99999px
}

.btn9:hover {
background-position:top left
}