/* DEFAULT */
.extra {
font-size:0.875em;
margin:1em 48px;
}

.legal {
color:#666;
font-size:0.6875em;
margin:3em 0 0 48px;
text-align:right;
}

/* INTRO */
#intro {
    background:#507bad;
    text-shadow:0 0 0 #507bad;
}

#intro a:hover {
    text-decoration:none;
}

#intro .wrap {
    left:10px;
    margin-left:auto;
    margin-right:auto;
    min-height:576px;
    /*overflow:hidden;*/
    position:relative;
    width:980px;
}

#intro #title {
    background:transparent url(../images/headerlogo.png) no-repeat scroll 0 70%;
    height:36px;
    margin:0;
    overflow:hidden;
    padding:36px 0;
    text-indent:-9999px;
    width:559px;
}

#intro #lang {
    height:15px;
    margin:0;
    overflow:hidden;
    margin-top:-20px;
    padding-left:36px;
    width:559px;
}

#intro #lang .lang {
    height:15px;
    width:23px;
    overflow:hidden;
    text-indent:-9999px;
    float:left;
    margin-right:0.25em;
}

#intro #lang .fr {
background: transparent url(../images/lang/fr_small.png) no-repeat top left;
}

#intro #lang .en {
background: transparent url(../images/lang/en_small.png) no-repeat top left;
}

#intro #lang .es {
background: transparent url(../images/lang/es_small.png) no-repeat top left;
}

#intro #lang .nl {
background: transparent url(../images/lang/nl_small.png) no-repeat top left;
}

#intro #screenshot {
    bottom:0;
    height:480px;
    position:absolute;
    right:0;
    width:760px;
}

#intro #screenshot img {
    display:block;
}

#intro .intro p{
    color:#FFFFFF;
    font-size:1.125em;
    line-height:1.16em;
    margin-bottom:1.25em;
    width:340px;
}

#intro p {
    color:#8da5ae;
    font-size:0.875em;
    margin:1em 0 1em 48px;
}

#intro .navigation {
list-style-type:none;
margin:0 0 1.5em 48px;
width:260px;
min-height:333px;
}

#intro .navigation .new {
background:transparent url(../images/newmarker.png) no-repeat scroll 0 0.25em;
left:-32px;
padding-left:32px;
position:relative;
}

#intro .navigation .deroule-li {
padding-bottom:2.0em;
}

#intro .navigation a.deroule {
background:transparent url(../images/introarrow_off.png) no-repeat scroll right;
padding-right:18px;
color:#f1ba0e;
position:relative;
}

#intro .navigation a.deroule:hover, #intro .navigation a.selected {
color:#FFFFFF;
background:transparent url(../images/introarrow_on.png) no-repeat scroll right;
}

#intro .navigation a {
color:#FFFFFF;
font-size:1.25em;
font-weight:bold;
line-height:1em;
text-shadow:1px 1px 2px #507bad;
}

#intro .navigation .submenu{
position:absolute;
display:none;
z-index:9999;
margin-left:0;
background:#9ccae5;
clear:both;
}

#intro .navigation .submenu.selected{
display:block;
}

#intro .navigation .submenu li{
float:none;
display:block;
}

#intro .navigation .submenu a{
color:#fff;
float:none;
display:block;
background:none;
padding:.2em 16px;
margin:0;
font-weight:normal;
font-size:1em;
-webkit-border-radius:0;
}

#intro .navigation .submenu a:hover,#intro .navigation .submenu a:active{
color:#507bad;
background:none;
}

#intro .contact {
margin-bottom:0;
overflow:hidden;
position:relative;
}

#intro .contact a {
background:#6995bf none repeat scroll 0 0;
color:#b5e4f7;
float:left;
font-size:1em;
font-weight:bold;
padding:0.5em 16px;
}

/* CONTACTREQUEST */
#contactrequest {
background:#6995bf none repeat scroll 0 0;
color:#FFFFFF;
display:none;
text-shadow:0 0 0 #6995bf;
}

#contactrequest .wrap {
left:56px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:1em 16px;
position:relative;
width:980px;
}

#contactrequest .intro {
margin-bottom:0;
}

#contactrequest fieldset {
float:left;
padding:0.5em 0;
}

#contactrequest label {
display:block;
font-size:0.875em;
margin-bottom:0.25em;
margin-top:0.75em;
}

#contactrequest label.error {
display:block;
margin-top:0;
}

#contactrequest input {
margin-right:3em;
width:18em;
}

#contactrequest input.error, #contactrequest textarea.error {
border:1px #CC0000 solid;
}

#contactrequest .infotext, #contactrequest .quiet {
color:#b5e4f7;
}

#contactrequest #cr-extra {
width:45%;
}

#contactrequest #cr-extra input {
width:100%;
}

#contactrequest #cr-extra textarea {
height:4em;
margin-top:0.25em;
width:100%;
}

#contactrequest #cr-submit {
clear:left;
}

/* PARTENAIRES */
#partenaires {
margin-left:auto;
margin-right:auto;
height:60px;
width:960px;
display:block;
}

#partenaires .ico_part {float:left; text-align:center; height:60px; margin-left:15px; display:block;}
#partenaires .ico_part a {display:block; height:60px; margin-top:auto; margin-bottom:auto;}

/* CONTAINER */

#container {
margin-left:auto;
margin-right:auto;
padding:2em 0;
width:960px;
}

/* FEATURES */
#features {
clear:both;
margin-bottom:2em;
}

#features .featurelist {
list-style-type:none;
margin-left:0;
overflow:hidden;
}

#features .featurelist li {
float:left;
margin-right:30px;
width:280px;
}

#features .featurelist li.presentation{background:transparent url(../images/blue1/blue1_icon_sprite_48x48_34.png) no-repeat top left;}
#features .featurelist li.equipe{background:transparent url(../images/blue1/blue1_icon_sprite_48x48_28.png) no-repeat top left;}
#features .featurelist li.demonstration{background:transparent url(../images/blue1/blue1_icon_sprite_48x48_10.png) no-repeat top left;}

#features .icon {
background-repeat:no-repeat;
float:left;
height:38px;
margin-left:-4px;
position:relative;
width:46px;
}

#features h3 {
font-size:1.125em;
font-weight:normal;
margin:0 0 0 48px;
text-shadow:#e1f4fb 1px 1px 0;
}

#features p {
color:#666;
font-size:0.875em;
margin-left:48px;
}