/* 
    Document   : main-style
    Created on : 9 juil. 2012, 14:55:34
    Author     : guillaumemagnaudet
    Description:
        Purpose of the stylesheet follows.
*/





/*
 * GESTION DES BALISES PRINCIPALES ET REMISES À ZÉRO
 */
/* reset5 © 2011 opensource.736cs.com MIT */
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,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}
html {}
body {background-color:#000;font-family:'ITCAvantGardeGothicBook',sans-serif;color:#fff}
h1, h2, h3, h4, h5, h6, p {font-weight:normal}
h2 {font-size:100px}
hr {position: absolute;height: 600px;border: 0;margin: 0}
li {list-style-type:none}
sup {font-size:53%;vertical-align:super}


/*
 * GESTION DES STYLES PRINCIPAUX
 */
.dark-blue {color:#004861}
.standard-blue {color:#8fe8f9}
.important {font-family:'ITCAvantGardeGothicDemi', sans-serif}




/****************************************************************************/
/*
 * DESIGN DU MASQUE QUI NE S'AFFICHE QU'AU DÉMARRAGE
 */
#mask {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 1
}
/*
 * FIN DU DESIGN DU MASQUE
 */






/****************************************************************************/
/*
 * MISE EN FORME DU CONTAINER PRINCIPAL
 */
#main-container {
    position: absolute; top:0; bottom:0; left:0; right:0;
    margin: auto;
    width: 11000px;
    height: 600px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background-color: #e1f2f7;
}
/*
 * FIN DU MISE EN FORME DU CONTAINER PRNCIPAL
 */






/****************************************************************************/
/*
 * MISE EN FORME DES ARTICLES
 */
.article {
    position: absolute;
    width: 1000px;
    height: 540px;
    padding: 30px
}

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'HOME'
 */
#home {
    left: 1000px;
    text-align: center;
    background-image: url('../../../images/backgrounds/home-background.jpg');
    background-repeat: no-repeat
}
    #main-menu {}
    #main-menu li {
        display: inline;
        margin-right: 5px;
    }

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'WE ARE'
 */
#who-we-are {
    left: 3156px;
    /*height: 540px;*/
    background-image: url('../../../images/backgrounds/who-we-are-background.jpg');
    background-repeat: no-repeat;
    line-height: 90px
}
    #who-we-are li {position:absolute;font-size:100px}
    #who-we-are li:before {content:'> '}
    #who-we-are li.num1 {bottom:25px}
    #who-we-are li.num2 {left:125px;bottom:125px}
    #who-we-are li.num3 {left:275px;bottom:225px}

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'YOU ARE'
 */
#who-you-are {
    left: 4356px;
    background-image: url('../../../images/backgrounds/who-you-are-background.jpg');
    background-repeat: no-repeat;
    line-height: 50px;
    font-size: 40px
}
    #who-you-are h2 {margin-bottom:10px;line-height:90px}
    #who-you-are ul {margin-bottom:25px}
    #who-you-are li {}
    #who-you-are li:before {content:'> '}
    #who-you-are span.standard-blue {font-size:72px}

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'INNOVATION'
 */
#innovation {
    left: 5556px;
    width: 2090px;
    background-image: url('../../../images/backgrounds/innovation-background.jpg');
    background-repeat: no-repeat;
    font-size: 36px;
    line-height: 45px
}
    #innovation h2 {
        position: absolute;
        top: -25px;
        font-size: 178px;
        line-height: 300px;
        width: 1000px;
        text-align: right;
        background-image:url('../../../images/double-arrow.png');
        background-repeat: no-repeat;
        background-position: 420px 230px
    }
    #innovation .arrows {display:none}
    #innovation ul {position:absolute;left:1060px;width:1000px}
    #innovation li {margin-bottom:15px;width:1000px}
    #innovation li:before {content:'> '}
    #innovation p {position:absolute;left:1060px;top:480px;width:1000px}

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'INTERNATIONAL'
 */
#international {
    left: 7956px;
    padding: 100px 580px 30px 30px;
    width: 450px;
    height: 470px;
    background-image: url('../../../images/backgrounds/international-background.jpg');
    background-repeat: no-repeat;
    font-size: 40px;
    line-height: 50px
}
    #internation p {}
    #international iframe {
        position: absolute;
        top: 100px;
        right: 60px;
        border: 1px solid #fff
    }

/****************************************************************************/
/*
 * MISE EN FORME DE L'ARTICLE 'NETWORK'
 */
#network {
    left: 9256px;
    background-image: url('../../../images/backgrounds/network-background.jpg');
    background-repeat: no-repeat;
    font-size: 40px;
    line-height: 50px
}
    #network h2 {line-height: 90px}
    #network p {position:absolute;top:500px;left:30px}
    #network li {position:absolute}
    #network li.pole-competitivite {top:180px;left:30px}
    #network li.avrul {top:182px;left:689px}
    #network li.cnccef {top:175px;left:935px}
    #network li.clccef {top:180px;right:30px}
    #network li.estimfriends {top:478px;left:411px}
    #network li.parlementia {top:497px;left:543px}
    #network li.vegepolys {top:162px;left:577px}
    #network li.trimatec {top:198px;left:319px}
    #network li.ehc {top:321px;left:82px}
    #network li.revue-commerce-international {top:341px;left:661px}
    #network li.valorial {top:304px;left:428px}
    #network li.uebt {top:289px;left:276px}
/*
 * FIN DE LA MISE EN FORME DES ARTICLES
 */






/****************************************************************************/
/*
 * MISE EN FORME DE L'ÉLÉMENT FLOTTANT 'EXTRAS'
 */
 #extras {
     position: absolute;
     z-index:9999;
     left: -2000px;
     width: 1017px;
     height: 600px;
     background-image: url('../../../images/backgrounds/extras-background.png');
     background-repeat: no-repeat;
     cursor: pointer
 }
/*
 * FIN DE LA MISE EN FORME DE L'ÉLÉMENT FLOTTANT 'EXTRAS'
 */




/****************************************************************************/
/*
 * MISE EN FORME DES ESPACEMENTS
 */
#split-1 {
    left: 2060px;
    width: 1096px;
    height: 600px;
    background-image: url('../../../images/backgrounds/split-1-background.jpg');
    background-repeat: no-repeat;
}

#split-2 {
    left: 4216px;
    width: 140px;
    background-image: url('../../../images/backgrounds/split-2-background.jpg');
    background-repeat: no-repeat
}

#split-3 {
    left: 5416px;
    width: 140px;
    background-image: url('../../../images/backgrounds/split-3-background.jpg');
    background-repeat: no-repeat
}

#split-4 {
    left: 7646px;
    width: 1096px;
    height: 600px;
    background-image: url('../../../images/backgrounds/split-4-background.jpg');
    background-repeat: no-repeat;
}

#split-5 {
    left: 9016px;
    width: 240px;
    background-image: url('../../../images/backgrounds/split-5-background.jpg');
    background-repeat: no-repeat
}

#split-6 {
    left: 10316px;
    width: 684px;
    background-image: url('../../../images/backgrounds/split-6-background.jpg');
    background-repeat: no-repeat
}

/*
 * FIN DE LA MISE EN FORME DES ESPACEMENTS
 */






/****************************************************************************/
/*
 * MISE EN FORME DU MENU SECONDAIRE
 */
#menu-2 {
    position: fixed;
    bottom: 30px;
    right: 30px
}

#menu-2 li {
    display: block;
    float: right;
    margin-left: 5px
}

#news-number {
    position: absolute;
    display: block;
    padding: 5px;
    color: #6e2690;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    top: -10px;
    right: 80px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #aaa
}
/*
 * FIN DE LA MISE EN FORME DU MENU SECONDAIRE
 */




/****************************************************************************/
/* GESTION DES PAGES COMPLÉMENTAIRES*****************************************/
/****************************************************************************/

#keywords {
    font-family:'ITCAvantGardeGothicDemi', sans-serif;
    color:#000
}
    #keywords .num1 {position:absolute;top:72px;left:46px;font-size:72px}
    #keywords .num2 {position:absolute;top:189px;left:100px;font-size:40px}
    #keywords .num3 {position:absolute;top:162px;left:531px;font-size:40px}
    #keywords .num4 {position:absolute;top:244px;left:372px;font-size:40px}
    #keywords .num5 {position:absolute;top:284px;left:55px;font-size:40px}
    #keywords .num6 {position:absolute;top:317px;left:342px;font-size:60px}
    #keywords .num7 {position:absolute;top:414px;left:44px;font-size:60px}
    #keywords .num8 {position:absolute;top:501px;left:375px;font-size:40px}
    #keywords .num9 {position:absolute;color:#ff0000;top:410px;left:535px;font-size:50px}
    
#contact {
    padding: 75px 75px 0 75px;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 30px
}
    #contact h2 {font-size:40px;margin-bottom:25px}
    #contact p {font-family:'ITCAvantGardeGothicDemi', sans-serif}
    #contact img {margin:25px 0 25px 0}

#news {
    position: absolute;
    top: 65px;
    left: 65px;
    width: 850px;
    height: 450px;
    border: 1px solid #000;
    padding: 10px;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
    color: #000;
    font-size: 20px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 15px
}

    #news h2 {color:#f74600;font-size:40px;margin-bottom:25px;line-height:40px;border-bottom: 1px solid #000}
    #news p {margin:0 50px 15px 50px}
    #news p.date {font-size:14px;font-style:italic;border:none}
    #news a {color:#f74600;text-decoration:none}
    #news a:hover {text-decoration:underline}
    #news .article {
        position: relative;
        width: auto;
        height: auto;
        margin-bottom: 40px;
        padding: 0 50px 15px 50px;
        background-color: #fff;
        color: #000;
        text-align: justify
    }