/* Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
strong { font-weight:bold; }
em { font-style:italic; }
/* remember to define focus styles! */
:focus { outline:0; }
ol, ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
/***************************************************************************************
--CLEARFIX--
****************************************************************************************/
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/***************************************************************************************
--BASE STYLES & UTILITIES--
****************************************************************************************/
body { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 0.85em; background: #E2E0E0 url(images/bg.jpg) repeat; }
/* Form Elements
-------------------------------------------------------------- */
input { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; letter-spacing:-1px; color:#999; }
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, p.large strong { font-weight:normal; color:#E06601; }
h1 { font-size:1.8em; line-height:1.8em; margin:10px 0 5px; font-weight:bold; }
h2 { font-size:1.6em; line-height:1.6em; margin:10px 0 5px; font-weight:bold; }
h3 { font-size:1.4em; line-height:1.4em; margin:10px 0 5px; font-weight:bold; }
h3.secondary, h4 { font-size:1.3em; line-height:1.2em; margin:10px 0 5px; font-weight: bold; }
h5 { font-size:1.2em; line-height:1.4em; margin-bottom:5px; color:#5c5c5c; font-weight:bold; }
h6 { font-size:13px; line-height:1.4em; margin-bottom:5px; color:#5c5c5c; font-weight:bold; }
h2 a, h3 a, h4 a, h5 a { text-decoration:none; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
#sidebar h3 { width: 218px; margin: 0 -10px 10px; padding: 6px 10px 4px; border-bottom: 1px solid #8F600A; border-top: 1px solid white; background-color: #ED9F10; color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #865A09; }
#sidebar h2 { font-size: 1.2em; color: white; text-transform: uppercase; text-shadow: 0 1px 1px #865A09; }
/* Text elements
-------------------------------------------------------------- */
p { font-size:14px; line-height:1.6em; margin: 6px 0; }
p.large, big { font-size:1.2em; line-height:1.4em; }
p.large strong { font-size: 1.3em; clear: both; display: inline-block; }
p.small { font-size:10px; line-height:1.8em; margin-bottom:24px; }
img.left { float:left; margin:0.2em 0.8em 0.3em 0; padding:0; }
img.right { float:right; margin:0.2em 0 0.3em 0.8em; padding:0; }
/* Blog image alignment */
.alignright { float:right; margin:0 0 15px 20px !important; }
.alignleft { float:left; margin:0 20px 15px 0 !important; }
.alignright img, .alignleft img { padding:2px; border:1px solid #ccc; background:#eee; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
/* AL Modif */
img.aligncenter {
margin-bottom: 20px;
margin-top: 20px;
}
.wp-caption-text { margin:3px 0; text-align:center; font-size:10px; color:#333; font-style:italic; line-height:1.2em; }
dl { margin-bottom:26px; line-height:1.6em; }
dd { margin-bottom:6px; }
ul, ol { margin-bottom:23px; }
ul li, ol li { margin-left:20px; list-style:disc; line-height:1.7em; }
ol li { list-style-type: decimal; }
blockquote { font-family:georgia; font-style:italic; line-height:1.7em; margin: 10px 30px; color: #666; }
acronym { border-bottom:1px dotted #ccc; }
img.img, .intro img { border: 5px white solid; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
hr { border: none; border-top: 1px solid #D7D6DA; margin: 20px 0; display: inline-block; width: 100%; }
/* Links
-------------------------------------------------------------- */
a { text-decoration:none; color:#418DEC; cursor: pointer; }
a:hover { color:#000; text-decoration: none; }
a.arrow { background:url(images/link_arrow.gif) bottom right no-repeat; padding-right:9px; }
a:hover.arrow, a:focus.arrow { background:url(images/link_arrow_hover.gif) bottom right no-repeat; }
a.arrow_small { background:url(images/link_arrow_small.gif) bottom right no-repeat; padding-right:9px; }
a:hover.arrow_small, a:focus.arrow_small { background:url(images/link_arrow_small_hover.gif) bottom right no-repeat; }
/*a.btn-more { color: #418DEC; cursor: pointer; -webkit-box-shadow: 0 -1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 -1px 0px rgba(0,0,0,0.2);box-shadow: 0 -1px 0px rgba(0,0,0,0.2); background: #F0F0F0; height: 28px; padding: 0 8px; line-height: 28px; text-transform: uppercase; font-size: 0.8em; display: inline-block; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-weight: bold; }
a.btn-more:after { content: ' >'; }*/
a.btn-more {
background: url(images/glass_light2-trans.png) 0 50% repeat-x #e4e4e4;
font-size: 12px;
color: #555;
font-weight: bold;
border: 1px solid #b5b5b5;
padding: 9px 12px;
text-decoration: none;
text-shadow: 0 1px #fff;
-moz-box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #f5f5f5 inset;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #f5f5f5 inset;
box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #f5f5f5 inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin: 8px;
}
a.btn-more:hover {
background-color: #dbdbdb;
}
#sidebar a.btn-more { background: #fff; }
/* Buttons */
.button { display:inline-block; width:auto !important; min-width:120px; margin:0; background:#395C8A; border:3px solid #83A4CA; color:#fff; font-size:120%; font-weight:bold; letter-spacing:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
.button.blue { padding:1em 1.8em; }
.button.blue:hover { color:#fff; }
.button.grey, .button.grey:hover { height:32px; background: url(images/grey_right.png) top right no-repeat; display:inline-block; margin-left:24px; padding-right:25px; vertical-align:middle; font-size:14px; padding-top:13px; font-weight:bold; border:0; color:#666; }
.button.grey span { background: url(images/grey_left.png) top left no-repeat; width:25px; height:44px; float:left; margin-left:-24px; margin-top:-13px; display:block; position:relative; }
/***************************************************************************************
--COMMUN--
****************************************************************************************/
#container { width:100%; text-align: center; background: url(images/header-shadow.jpg) no-repeat 50% 0; padding-top: 30px; }
#container.home { border-top: 1px solid #FFF; background: transparent; padding-top: 0; }
#wrapper { margin: 0 auto; width: 960px; text-align:left; }
#page, #footer { background: #fff; border: 1px solid #fff; width: 958px!important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow: hidden; }
#sidebar { width: 220px; padding: 20px 10px 99999px; margin-bottom: -99979px; display: display: inline-block; background: #F0F0F0; }
#sidebar.right { float: right; background: #F0F0F0 url(images/bg-side-r.jpg) repeat-y left 0; }
#sidebar.left { float: left; background: #F0F0F0 url(images/bg-side-l.jpg) repeat-y right 0; }
#page{padding:20px;}
/***************************************************************************************
--CONTENT--
****************************************************************************************/
div.content { display: inline-block; width: 100%; padding: 0 }
div.content.full { float: none; width: 940px; }
div.content { min-height: 400px; }
.sub-heading { background: #3684e3; -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; height: 90px; display: inline-block; width: 958px; }
.sub-heading .title { height: 44px; display: block; border-bottom: 1px solid #3682E0; padding: 10px; background: #3684e3; /* Old browsers */ background: -moz-linear-gradient(top, #3684e3 0%, #3160a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3684e3), color-stop(100%,#3160a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3684e3 0%,#3160a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3684e3 0%,#3160a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3684e3 0%,#3160a9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3684e3 0%,#3160a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3684e3', endColorstr='#3160a9',GradientType=0 ); /* IE6-9 */ }
.sub-heading .title h2 { margin: 10px 0 0; padding: 0; color: #FFF; line-height: 1.2em; font-size: 2em; font-weight: normal; text-shadow: 0 1px 0 rgba(0,0,0,0.6); }
.banner { background: #333; display: inline-block; width: 958px; height:150px; border-bottom: 1px solid #fff; }
.sub-heading .breadcrumb { border-top: 1px solid #1A2F51; border-bottom: 1px solid #C7C7C7; background: #E8E6E6; height:24px; }
#crumbs { margin:0; padding:0; }
#crumbs li { font-size: 11px; float:left; margin: 0; padding: 0 20px 0 10px; list-style:none; line-height: 24px; background: url(images/breadcrumb-sep.gif) no-repeat right center; }
#crumbs li.selected { background:none; float:left; color:#666666; }
#crumbs li a { color:#666; font-weight: bold; display:block; float:left; margin: 0; padding: 0 5px 0 0; }
#crumbs li a:hover { color:#336699; }
.hide { display:none; }
/***************************************************************************************
-- HEADER --
****************************************************************************************/
#header { width:100%; height: 80px; background:#30589B; text-align:center; }
#header .inner { background:#30589B url(images/header-bg.jpg) 50% 50% no-repeat; height: 80px; width: 960px; margin: 0 auto; text-align: left; }
#logo{float:left;width:240px;height:52px;display:block;margin-top:10px;background:url(images/logo.png) no-repeat;}
ul#global_nav { width:520px; float:right; height:26px; display: inline-block; margin:25px 0 0; list-style:none; position:relative; }
ul#global_nav li { list-style:none; margin:0; padding:0; float:left; }
ul#global_nav li a { width: auto; height: 26px; float:left; text-decoration:none; font-size: 1em; font-weight:bold; color: white; display:block; padding: 0 10px; line-height:28px; margin-right: 4px; text-shadow :0px 1px 0px rgba(0,0,0,0.6); text-transform: capitalize;}
ul#global_nav li a:hover,
ul#global_nav li.selected a, ul#global_nav li.selected a:hover { color: white; background: #579AEF; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 0px solid #800000; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, 0.2), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.6);-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, 0.2), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.6);box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, 0.2), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.6); }
ul#global_nav li a:hover { background: #3E6EB6; }
ul#global_loginbar { float:right; width:500px; padding:0; margin:0; text-align:right; }
ul#global_loginbar li { float:right; list-style:none; margin:0; font-size:16px; font-style:italic; color:#b7882a; padding-top:16px; }
ul#global_loginbar li.login { padding-top:24px; margin-right:11px; }
ul#global_loginbar li.login a.login_button { color:#2c69a6; margin-right:10px; text-decoration:underline; }
ul#global_loginbar li.login a.login_button:hover { color:#cc6600; text-decoration:none; }
ul#global_loginbar li a.signup_button { width:146px; height:42px; display:block; background:url(images/signupbutton.gif) no-repeat; }
ul#global_loginbar li a.signup_button strong { display:none; }
#search-form { margin-top: 25px; background: white url(images/icon-search.gif) no-repeat 114px 50%; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; width: 140px; height: 26px; display: inline-block; float: right; }
#search-form input { background: transparent; border: none; height: 26px; display: block; }
#search-form .search-input { width: 96px !important; padding: 0 5px; color: black; float: left; margin: 0!important; font-size: .9em!important; }
#search-form .search-btn { width: 34px!important; min-width: 34px!important; text-indent: -999999px; float: right; cursor: pointer; }
#slider-home { width: 100%; height: 480px; text-align: center; background: #30589B url(images/slider-bg.jpg) no-repeat 50% 0; border-bottom: 1px solid #000; }
#slider-home .inner { position: relative; width: 960px; height: 480px; margin: 0 auto; text-align: left; }
#slider-home .ui-tabs-hide { display:none; }
/***************************************************************************************
-- SIDEBAR --Â
****************************************************************************************/
#sidebar .contact { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color: white; background: #ED9F10; padding: 10px; margin: 10px;}
#sidebar .contact h3 { text-shadow: 0 1px 0 #4B3305; color: white; font-size: 1.4em; border: none!important; margin: 0!important; padding-bottom: 0!important; }
#sidebar .contact p { font-size: 1.2em; }
#sidebar #news ul { list-style:none; margin: -10px 0 10px; padding: 0; }
#sidebar #news li { margin: 0; padding: 10px 0; list-style:none; border-bottom: solid 1px #D7D6DA; line-height: 1.3em; }
#sidebar #news li a { font-weight: bold; white-space: nowrap; width: 220px; overflow: hidden; text-overflow: ellipsis; display: block; }
#sidebar #news li em { font-size: 0.7em; }
#sidebar #news li .meta { color: #000; margin: 0; padding: 0; font-weight: bold; font-size: 0.9em; }
#sidebar #news li p { padding: 4px 0 0; padding: 0; color: #666666; line-height: 1.1em!important; }
#subnav { list-style: none; margin: -21px 0 0 -11px; padding: 0; }
#subnav li { list-style: none; margin: 0; padding: 0; line-height: 40px; width: 238px; }
#subnav li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 218px; height 38px; padding: 0 10px; background: #E8E7E7 url(images/subnav-inactive.jpg) repeat-x 0 50%; border-top: 1px solid white; border-bottom: #BFBEBE 1px solid; border-left: 1px solid white; border-right: 1px solid white; color: #000; }
#subnav li a:hover { background: #ddd; color: #1675E9; }
#subnav li a.active { background: #428EED url(images/subnav-active.jpg) repeat-x 0 50%; height: 38px; border-top: 1px solid #7FB2F3; border-bottom: #2B5C99 1px solid; border-left: 1px solid #7FB2F3; border-right: 1px solid #2B5C99; color: white; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.6); }
#subnav li a:hover.active { color: white; cursor: default; }
.sidebar-tags { margin: 20px 0; }
.sidebar-tags a { color: #666; }
.sidebar-tags a:hover { color: #1675E9; }
/***************************************************************************************
-- HOMEPAGE --
****************************************************************************************/
#container.home #page { margin-top: -40px; }
#slider-tabs { position: absolute; bottom: 60px; list-style: none; margin: 0; padding: 0; height: 100px; width: 960px; border: 1px solid #fff; background: #f0f0f0; /* Old browsers */background: -moz-linear-gradient(top, #f0f0f0 1%, #d6d2d1 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f0f0), color-stop(100%,#d6d2d1)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f0f0f0 1%,#d6d2d1 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f0f0f0 1%,#d6d2d1 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f0f0f0 1%,#d6d2d1 100%); /* IE10+ */background: linear-gradient(top, #f0f0f0 1%,#d6d2d1 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d6d2d1',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 5px 0px #284E80;-moz- box-shadow: 0px 0px 5px 0px #284E80; box-shadow: 0px 0px 5px 0px #284E80; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 0 1px 0 #fff; }
#slider-tabs li { display: block; width: 186px; height: 100px; float: left; margin: 0; padding: 0; border-right: 1px solid #fff; border-left: 1px solid #C5C2C1; }
#slider-tabs li.first { border-left: none; width: 197px; }
#slider-tabs li.last { border-right: none; width: 197px; }
#slider-tabs li.first a { border-left: none; width: 177px; }
#slider-tabs li.last a { border-right: none; width: 177px; }
#slider-tabs li.first a:hover, #slider-tabs li.first.ui-tabs-selected a { -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 10px;-webkit-border-radius: 10px 0px 0px 10px;border-radius: 10px 0px 0px 10px; }
#slider-tabs li.last a:hover, #slider-tabs li.last.ui-tabs-selected a { -moz-border-radius-topleft: 0px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 0px 10px 10px 0px;border-radius: 0px 10px 10px 0px; }
#slider-tabs li a { display: block; width: 166px; height: 80px; padding: 10px; text-decoration: none; }
#slider-tabs a:hover { text-decoration: none; background: #eee; }
#slider-tabs a h3 { color: #000; font-size: 1.2em; line-height: 2.4em; margin: 0; }
#slider-tabs a p { color: #666; }
#slider-tabs li.ui-tabs-selected a h3 ,
#slider-tabs li.ui-tabs-selected a p { color: #FFF; }
#slider-tabs li.ui-tabs-selected a { color: white; background: #74acf1; /* Old browsers */background: -moz-linear-gradient(top, #74acf1 0%, #3a69a7 60%, #477ec6 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74acf1), color-stop(60%,#3a69a7), color-stop(100%,#477ec6)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #74acf1 0%,#3a69a7 60%,#477ec6 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #74acf1 0%,#3a69a7 60%,#477ec6 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #74acf1 0%,#3a69a7 60%,#477ec6 100%); /* IE10+ */background: linear-gradient(top, #74acf1 0%,#3a69a7 60%,#477ec6 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74acf1', endColorstr='#477ec6',GradientType=0 ); /* IE6-9 */ text-shadow: 0 1px 0 rgba(0,0,0,0.6); }
.slider-icon { background: url(images/icons-slider.png) no-repeat; height: 36px; width: 36px; display: inline-block; float: left; }
.slider-icon.soft { width: 72px; }
.slider-icon.gipco { background-position: 0 0; }
.slider-icon.web { background-position: -36px 0; }
.slider-icon.mail { background-position: -72px 0; }
.slider-icon.soft-gipco,
.slider-icon.soft-univers { background-position: -108px 0; }
div.ui-tabs-panel { width: 960px; height: 280px; padding-top: 20px; display: block; text-shadow: 0 1px 0 rgba(0,0,0,0.6); color: white; overflow: hidden; }
div.ui-tabs-panel h2 { color: white; font-size: 2.6em; }
div.ui-tabs-panel p { color: white; font-size: 1.4em; }
div.ui-tabs-panel a.btn-more { color: white!important; background: #ED9F10!important; -webkit-box-shadow: inset 0px -1px 0px 0px #1D1302, inset 0px 1px 0px 0px #F2BA53!important; -moz-box-shadow: inset 0px -1px 0px 0px #1D1302, inset 0px 1px 0px 0px #F2BA53!important; box-shadow: inset 0px -1px 0px 0px #1D1302, inset 0px 1px 0px 0px #F2BA53!important; }
div.ui-tabs-panel img { border: none; box-shadow: none; float: left; clear: left; margin: 0 20px 0 0; }
#services { width: 238px; float: right; display: inline-block; margin-left: 20px; }
#services ul { list-style: none; margin: 20px 0; padding: 0; font-size: 12px; }
#services ul li { list-style: none; border-top: 1px solid #D7D6DA; margin: 5px 0 0 0; padding: 0 0 0 5px; }
#services ul li h3 { margin: 6px 0 0; }
#services ul li h3 a { color: #418DEC; font-size: .8em; }
#services ul li h3 a:hover { color: #000; }
#services em { color: #666 !important; margin: 0; }
/* styles specific to homepage */
.home #page { background: #F0F0F0; }
.home a.btn-more { color: #418DEC; cursor: pointer; -webkit-box-shadow: 0 -1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 -1px 0px rgba(0,0,0,0.2);box-shadow: 0 -1px 0px rgba(0,0,0,0.2); background: #fff; height: 28px; padding: 0 8px; line-height: 28px; text-transform: uppercase; font-size: 0.8em; display: inline-block; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-weight: bold; margin: 10px 0 0; }
.home a.btn-more:after { content: ' >'; }
/***************************************************************************************
-- FOOTER --
****************************************************************************************/
#footer { margin: 30px auto 10px; }
#footer .footer_sections { width: 219px; margin: 20px 10px; display: inline-block; float: left; }
#footer .footer_sections ul {margin: 10px 0; padding: 0; }
#footer .footer_sections ul li {margin: 0; padding: 0; line-height: 1.6em; }
#footer .footer_sections p {color: #666666; font-size:0.9em; }
#footer .footer-desc { height: 80px; overflow: hidden; }
#copyright { margin: 20px 0 100px; font-size: .9em; color: #999; text-shadow: 0 1px 0 #fff; }
#copyright a { color: #777; }
#copyright a:hover { color: #777; text-decoration: underline; }
/***************************************************************************************
--PAGE: Produit--
****************************************************************************************/
div.power_features, div.conv_msg {clear: both; display: inline-block; margin: 15px 0; width: 100%; }
div.col-2, div.col-3 {float: left; margin-right: 20px; padding-right: 20px; border-right: 1px solid #D2D2D2; }
div.col-2 { width: 47%; }
div.col-3 { width: 29%; }
.power_features .last { border-right: none; margin-right: 0; padding-right: 0; }
div.power_features div h3, div.power_features div h2, div.power_features div h4 { margin-top: 0; font-size: 1.2em; color: #1E5082; }
/***************************************************************************************
--PAGE: POSTS
****************************************************************************************/
.article { border-bottom: 1px solid #D7D6DA; margin-bottom: 15px; padding-bottom: 15px; }
.article h3 { font-size: 1.2em; line-height: 1em; margin: 2px 0 5px; }
.article p { font-size: 1em; line-height: 1.2em; padding-left: 240px }
.article img.thumb { width: 220px; }
.article .meta { font-size:0.80em; font-weight: bold; color: #333; margin: 0; padding: 0; }
.tags { font-size: 0.8em; padding: 0 4px; margin: 20px 0 0; padding-left: 240px; }
.tags a { color: #999; }
.tags a:hover { color: #E06601; }
.tag-selected { color: #333; cursor: default; }
/***** Probleme avec width: ***/
.article_content { float: right; width: }
/***************************************************************************************
-- Modification Antoine LAGIER
****************************************************************************************/
div.top_level{overflow:hidden; margin-bottom:2em;}
.intro { font-weight:normal; font-size:16px; line-height:20px; }
.col-sous-titre-text { margin:3px 0 2em;; text-align:left ; font-size:14px; color: #333; font-style:italic; line-height:1.2em; }
.col-3 .btn-more {
float: right;
margin-right: 30px;
}
.col-2 .btn-more { float: none;
margin-left: 50%;
margin-bottom: 1em;
}
.boite-80 { float: left; border: 1px solid #deeaf6; background: #f4f9fe; margin-top: 30px; margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin-left: 8px;
}
.boite-80 .btn-more { float: right;
right: 0;
margin-right: 20px;
}
a.toggle {
background: url(images/disclosure-closed.png) 0% 50% no-repeat transparent;
color: #CC6600;
padding-left: 14px;
text-decoration: none;
}
a.toggle:hover {
color: #CC6600;
text-decoration: underline;
}
.toggle.active{
padding-left:14px;
background:url(images/disclosure-open.png) no-repeat left center;
}
.f1,.f2,.f3,.f4,.f5,.f6,.f7,.f8,.f9,.f10,.f11,.f12 {
display: inline-block;
float: left;
margin-left: 1.5%;
margin-right: 1.5%
}
.f1 {
width: 5.333%
}
.f2{
width: 13.667%
}
.f3 {
width: 22.0%
}
.f4{
width: 30.333%
}
.f5 {
width: 38.667%
}
.f6 {
width: 47.0%
}
.f7 {
width: 55.333%
}
.f8 {
width: 63.667%
}
.f9{
width: 72.0%
}
.f10{
width: 80.333%
}
.f11 {
width: 88.667%
}
.f12 {
width: 97.0%
}
.text {
padding: 0 0 1em 0
}
.text h2 {
font-family: proxima-nova-n6, proxima-nova, sans-serif;
font-size: 170%;
margin: 0 0 .5em 0;
padding: 1em 0 0 0
}
.text h3 {
font-family: proxima-nova-n6, proxima-nova, sans-serif;
font-size: 140%;
margin: 0 0 .5em 0;
padding: 1em 0 0 0
}
.text a {
color: #0065CC;
text-decoration: none;
border-bottom: 1px solid #DEDEDE;
outline: none
}
.text a:hover {
cursor: pointer;
border-color: #0065CC
}
.text a:active {
color: #8DB817;
border-color: #8DB817
}
.text p {
font-size: 100%;
line-height: 160%;
color: #444;
margin: 0 0 1em 0
}
.text ul,.text ol {
padding: 0;
margin: 0 0 1.4em 0
}
.text li {
color: #444;
line-height: 160%
}
.text ul li {
margin: 0 0 0 2em
}
.text ol li {
margin: 0 0 .5em 2em
}
.text em {
font-style: normal;
background-color: #FCF8B3;
padding: 0 5px 0 0;
color: #111
}
.text strong {
color: #000
}
.text h2:first-child,.text h3:first-child {
padding: 0
}
.text h2:first-of-type,.text h3:first-of-type {
padding: 0
}
figure img {
width: 100%;
border: none;
}
article {
margin-bottom: .5em
}
article img {
margin-bottom: 1em
}
p.actions{
width:100%;
text-align: center;
margin-top:50px;
}
.actions a,.bigButtons a {
font-family: proxima-nova-n6, proxima-nova, sans-serif;
font-size: 200%;
letter-spacing: -1px;
font-weight: bold;
color: #FFF;
text-shadow: rgba(0,0,0,0.15) 0px 1px 3px
}
.actions a,.bigButtons a {
display: inline-block;
padding: 8px 16px;
background: #222;
margin: 0 6px 15px 0;
text-decoration: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px
}
.actions a:hover,.bigButtons a:hover {
background-color: #f6c00a !important;
background: -webkit-gradient(linear, left top, left bottom, from(#f6c00a !important), to(#dfae07));
background: -webkit-linear-gradient(top, #f6c00a !important, #dfae07);
background: -moz-linear-gradient(top, #f6c00a !important, #dfae07);
background: -ms-linear-gradient(top, #f6c00a !important, #dfae07);
background: -o-linear-gradient(top, #f6c00a !important, #dfae07);
-webkit-box-shadow: rgba(0,0,0,0.45) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.45) 0 1px 3px;
box-shadow: rgba(0,0,0,0.45) 0 1px 3px;
text-shadow: rgba(0,0,0,0.6) 0 1px 2px
}
.actions a:active,.bigButtons a:active {
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 1px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 1px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0 1px 1px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 1px
}
.actions .signup,.bigButtons .signup {
background: #8DB817
}
.actions .demo,.bigButtons .demo {
background: #1881BD
}
.actions .tour,.bigButtons .tour {
background: #B47DC8
}
.msie .actions a:hover,.msie .bigButtons a:hover {
color: #644000
}
.redBG {
background-color: #cf3b19 !important
}
.blueBG {
background-color: #3893C8 !important
}
.greenBG {
background-color: #8DB626 !important
}
.purpleBG {
background-color: #AE87C4 !important
}
.orangeBG {
background-color: #F47F05 !important
}
.yellowBG {
background-color: #D3A10C !important
}
.tealBG {
background-color: #7AC4A0 !important
}
.pinkBG {
background-color: #DC4945 !important
}