body {
    margin: 0;
    background-image: url(/images/site/background_repeat.gif);
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, p {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

.clear {
    clear: both;
    display: block;
}

/*** Back Header ***/
div.back_header {
    position: absolute;
    background-image: url(/images/site/header.gif);
    background-repeat: repeat-x;
    background-position: top;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

div.back_header .left {
    background-image: url(/images/site/header_left.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
}

div.back_header .right {
    background-image: url(/images/site/header_right.gif);
    background-position: top right;
    background-repeat: no-repeat;
    width: 100%;
    height: 74px;
}

/*** Background ***/
div#secondBackground {
	background-image: url(/images/site/sky_repeat.jpg);
	background-repeat: repeat-x;
}
div.back_footer {
    width: 100%;
    bottom: -32px;
    #bottom: 10px;
    height: 100px;
    background-image: url(/images/site/footer_background.gif);
    background-repeat: repeat-x;
}

/*** Main Container ***/
div#container {
    position: relative;
    z-index: 3;
    width: 966px;
    left: 50%;
    margin-left: -483px;
}

div#header {
    position: relative;
    display: block;
    height: 300px;
    margin-left: 21px;
}

div#header #ellicom span {
    display: none;
}

div#header #ellicom a.logo {
    display: block;
    width: 145px;
    height: 37px;
    position: absolute;
    top: 19px;
    left: 0;
}

div#header #ellicom {
    background-image: url(/images/site/ellicom.gif);
    background-repeat: no-repeat;
    background-position: 0 19px;
    width: 100%;
    height: 100px;
}

div#header ul {
    margin: 0;
    padding: 0;
}

div#header ul li {
    list-style: none;
}

div#header #ellicom ul.nav li a {
    color: #c9c9c9;
    text-decoration: none;
    display: block;
    background-color: #000;
    font-size: 11px;
}

div#header #ellicom ul.nav li a:hover {
    color: #fff;
}

div#header #ellicom ul.nav li.home a {
   	padding-top:8px;
	height:22px;
	padding-left:10px;
	width:46px;
}

div#header #ellicom ul.nav li.home {
    left: 0;
    top: 75px;
    position: absolute;
}

div#header #ellicom ul.nav li.lang a {
    padding-top:8px;
	height:22px;
	padding-left:10px;
	width:53px;
}

div#header #ellicom ul.nav li.lang {
    left: 59px;
    top: 75px;
    position: absolute;
}

div#header #ellicom ul.nav li.nous-joindre a {
   	padding-top:8px;
	height:22px;
	padding-left:10px;
	width:80px;
}

div#header #ellicom ul.nav li.nous-joindre {
    left: 125px;
    top: 75px;
    position: absolute;
}

div#header #ellicom ul.nav li.home a:hover, div#header #ellicom ul.nav li.lang a:hover, div#header #ellicom ul.nav li.nous-joindre a:hover {
    background-color:#111111;
}

/*** Navigation ***/
div#header #nav ul li {
    position: absolute;
    height: 74px;
}

div#header #nav ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    cursor: pointer;
}

div#header #nav ul li.solutions {
    top: 0;
    left: 238px;
    background-image: url(/images/site/solutions_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.solutions a {
    width: 201px;
    height: 74px;
}

div#header #nav ul li.solutions a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.solutions:hover {
    background-position: top right;
    height: 104px;
}

div#header #nav ul li.showcase {
    top: 0;
    left: 439px;
    background-image: url(/images/site/showcase_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.showcase a {
    width: 130px;
    height: 74px;
}

div#header #nav ul li.showcase a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.showcase:hover {
    background-position: top right;
    height: 104px;
}

div#header #nav ul li.softwares {
    top: 0;
    left: 569px;
    background-image: url(/images/site/software_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.softwares a {
    width: 110px;
    height: 74px;
}

div#header #nav ul li.softwares a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.softwares:hover {
    background-position: -135px 0;
    height: 104px;
}
div#header #nav ul li.ellicom {
    top: 0;
    left: 679px;
    background-image: url(/images/site/software_menu_bg.gif);
    height: 84px;
}

div#header #nav ul li.ellicom a {
    width: 110px;
    height: 74px;
}

div#header #nav ul li.ellicom a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}

div#header #nav ul li.ellicom:hover {
    background-position: -135px 0;
    height: 104px;
}
div#header #nav ul li.blog {
    top: 0;
    left: 789px;
    background-image: url(/images/site/about_menu_bg.gif);
    height: 84px;
	width:116px;
}
div#header #nav ul li.blog:hover {
    background-position: -116px 0;
    height: 104px;
}
div#header #nav ul li.blog a {
    width: 106px;
    height: 74px;
}

div#header #nav ul li.blog a span {
	float:right;
	margin-top:52px;
	margin-right:10px;
}




/*** Footer ***/
div#footer {
    color: #868686;
    font-size: 11px;
    padding: 12px 0 0 34px;
    height: 28px;
	width:940px;
	margin:0px auto 0px auto;
}

div#footer a {
    color: #868686;
    text-decoration: none;
}

div#footer a:hover {
    color: #c3c3c3;
    text-decoration: underline;
}

div#footer p {
    padding: 0;
    margin: 0;
    float: left;
    width: 300px;
}

div#footer p.links {
    text-align: right;
    font-size: 12px;
    width: 598px;
}
div#footerContent {
    background-color:#eeeeeb;
    width: 927px;
	position:relative;
	top:-3px;
	height:152px;
	margin:0px auto 0px auto;
}
div#footerContent .column {
    float: left;
    width: 309px;
}

div#content #inner h1 {
    background-color: #0068a4;
    border-right: 1px solid #0b5e87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;
}

div#content #inner h1 a {
    color: #fff;
	font-size:18px;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 27px;
}

div#content #inner h1 a span {
    display: block;
    padding: 13px 19px;
}

div#content #inner h2 {
	color:#0068a4;
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}




div#footerContent .column.grey h3 {
    background-color: #b4b2b4;
	margin-top:4px;
    border-right: 1px solid #b4b2b4;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

div#footerContent .column.grey h3 a {
    color: #4c4e4c;
    text-decoration: none;
    display: block;
    width: 309px;
    height: 49px;
}

div#footerContent .column.grey h3 a span {
    display: block;
    padding: 17px 19px;
}

div#footerContent .column.grey .content #clients_flash ul {
    display: none;
}

div#footerContent .column.grey .content {
    color: #858686;
    font-size: 12px;
    padding: 28px 0 2px 20px;
    border-right: 1px solid #ddd;
}

div#footerContent .column.grey .content h4 {
    color: #6e6f6f;
    font-size: 12px;
}

div#footerContent .column.grey .content a {
    color: #858686;
    font-size: 11px;
}

div#footerContent .column.grey .content a:hover {
    text-decoration: none;
}

div#footerContent .column.grey .content .contact {
    float: left;
    display: block;
    width: 96px;
    height: 69px;
}

div#footerContent .column.grey .content.awards {
    padding: 22px 0 3px 20px;
}

div#footerContent .column.grey .content ul {
    margin: 0;
    padding: 0;
    height: 74px;
}

div#footerContent .column.grey .content ul li {
    list-style: none;
    display: inline;
}

div#footerContent .column.grey .content ul li a {
    display: block;
    float: left;
    width: 143px
}

div#footerContent .column.grey .content ul li a span {
    display: none;
}

div#footerContent .column.grey .content.flash {
    padding: 20px 0 16px 0;
}


/*** Intro ***/
div#intro h1 {
	position:absolute;
	top:180px;
	left:55px;
	width:330px;
	color:white;
	font-weight:normal;
	font-size:1.3em;
	line-height:30px;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
div#intro .petit {
	position:relative;
	top:-10px;
	font-size:0.6em;
}
div#intro .gros {
	font-size:1.5em;
}
div#intro .moyen {
	font-size:1.2em;
}

div#intro #reel {
    position: absolute;
    top: 120px;
    left: 425px;
    z-index: 10;
}


/*** Home Content ***/
div#content {
    position: relative;
    padding-top: 20px;
    background-image: url(/images/site/drop_shadow.png);
    width: 965px;
    margin-top: 73px;
    margin-left: -0.5px;
}

div#content #inner {
    margin: 0 20px;
    width: 927px;
    background-color: #fff;
}

div#content .column {
    float: left;
    width: 309px;
}

div#content .column h2 {
    background-color: #0068a4;
    border-right: 1px solid #0b5e87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: normal;
}

div#content .column h2 a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 309px;
    height: 49px;
}

div#content .column h2 a span {
    display: block;
    padding: 13px 19px;
}

div#content .column .content .solutions {
    background-image: url(/images/site/pedagogie_icon.jpg);
    background-position: 1px bottom;
    background-repeat: no-repeat;
    width: 309px;
    height: 141px;
    display: block;
}

div#content .column .content .softwares {
    background-image: url(/images/site/product_icon.gif);
    background-position: 0px bottom;
    background-repeat: no-repeat;
    width: 309px;
    height: 141px;
    display: block;
}

div#content .column .content .blog {
    background-image: url(/images/site/icon_blog.gif);
    background-position: -1px bottom;
    background-repeat: no-repeat;
    width: 309px;
    height: 141px;
    display: block;
}

div#content .column .content .solutions span, div#content #inner .column .content .softwares span, div#content #inner .column .content .blog span {
    display: none;
}

div#content .column .content .border {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 309px;
    height: 200px;
    padding-bottom: 10px;
}

div#content .column .content .border.noright {
    border-right: 0;
}

div#content .column .content .border p {
    font-size: 14px;
    font-weight: normal;
    color: #797a7a;
    height: 151px;
    padding: 17px 24px 0 20px;
}

div#content .column .content .border p a {
    color: #797a7a;
    text-decoration: none;
}

div#content .column .content .border a.arrow {
    color: #565656;
    background-image: url(/images/site/plus_bullet.gif);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 55px;
    display: block;
    text-decoration: none;
    line-height: 26px;
    font-size: 14px;
	height:25px;
}

div#content .column .content .border a:hover {
    text-decoration: underline;
}

div#content .column.grey {
    background-color:;
}

div#content .column.grey h3 {
    background-color: #b4b2b4;
	margin-top:4px;
    border-right: 1px solid #b4b2b4;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

div#content .column.grey h3 a {
    color: #4c4e4c;
    text-decoration: none;
    display: block;
    width: 309px;
    height: 49px;
}

div#content .column.grey h3 a span {
    display: block;
    padding: 17px 19px;
}

div#content .column.grey .content #clients_flash ul {
    display: none;
}

div#content .column.grey .content {
    color: #858686;
    font-size: 12px;
    padding: 28px 0 2px 20px;
    border-right: 1px solid #ddd;
}

div#content .column.grey .content h4 {
    color: #6e6f6f;
    font-size: 12px;
}

div#content .column.grey .content a {
    color: #858686;
    font-size: 11px;
}

div#content .column.grey .content a:hover {
    text-decoration: none;
}

div#content .column.grey .content .contact {
    float: left;
    display: block;
    width: 96px;
    height: 69px;
}

div#content .column.grey .content.awards {
    padding: 22px 0 3px 20px;
}

div#content .column.grey .content ul {
    margin: 0;
    padding: 0;
    height: 74px;
}

div#content .column.grey .content ul li {
    list-style: none;
    display: inline;
}

div#content .column.grey .content ul li a {
    display: block;
    float: left;
    width: 143px
}

div#content .column.grey .content ul li a span {
    display: none;
}

div#content .column.grey .content.flash {
    padding: 20px 0 16px 0;
}

div#intro h1 {
    text-transform: uppercase;
}
h1 span.normal {
    font-weight: normal;
    font-size: 16px;
}
h1 span.large {
    font-size: 26px;
    font-weight: normal;
}
h1 span.xlarge {
    font-weight: normal;
    font-size: 30px;
}
h1 span.bold {
    font-weight: bold;
}

div#intro div.more {
    text-align: right;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    width: 295px;
    left: 55px;
    top: 300px;
}
div#intro div.more a {
    color: #fff;
    text-decoration: none;
}
div#intro div.more a:hover {
    text-decoration: underline;
}