/* 
Document   : global
Created on : 6 janv. 2009, 18:01:58
Author     : dchemineau
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin:0;
    padding:0;
}
body{
    background-color:#fff;
    font-family:Arial,Helvetica,sans-serif;
}
div#containerBorder{
    width:1032px;
    height:776px;
    margin:0 auto;

}
div#effectLeft{
    width:5px;
    height:100%;;
    float:left;
    background-image: url(../images/linc.png);
}
div#effectTop{
    height:5px;
    width:1022px;
    background-repeat:no-repeat;
    background-image: url(../images/lina.png);
}
div#container{
    width:1022px;
    height:776px;
    float:left;

}
div#effectFooter{
    width:1022px;
    height:5px;
    background-image: url(../images/linb.png);
    overflow:hidden;
}
div#effectRight{
    width:5px;
    height:100%;;
    float:left;
    background-image: url(../images/lind.png);
}
/*header*/
div#header{
    width:1022px;
    height:106px;

    background-image: url(../images/bann.jpg);
}
div#menu li{
    display:inline;
}
div#menu ul{
    list-style:none;
    list-style-image:none;
    list-style-position:outside;
}
div#menu{
    width:1022px;
    height:30px;
}
a.menu{
    height:28px;
    width:240px;
    display:block;
    float:left;
    background-image: url(../images/menu.jpg);
}
a#menuHome{

}
a#menuHome:hover, a#menuHomeSelect{
    background-position:0 -30px;

}
a#menuSociete{
    background-position:-240px 0;
    width:102px;
}
a#menuSociete:hover, a#menuSocieteSelect{
    background-position:-240px -30px;
    width:102px;
}
a#menuActivite{
    background-position:-342px 0;
    width:165px;
}
a#menuActivite:hover, a#menuActiviteSelect{
    background-position:-342px -30px;
    width:165px;
}
a#menuInterventions{
    background-position:-507px 0;
    width:177px;
}
a#menuInterventions:hover, a#menuInterventionsSelect{
    background-position:-507px -30px;
    width:177px;
}
a#menuEngagements{
    background-position:-684px 0px;
    width:130px;
}
a#menuEngagements:hover, a#menuEngagementsSelect{
    background-position:-684px -30px;
    width:130px;
}
a#menuQuestion{
   background-position:0 0;
width:207px;
}


/* blockLeft */
div#blockLeft{
    width:199px;
    height:593px;
    float:left;

    background-image: url(../images/backG2.jpg);
}
div#search{
    width:100%;
    height:209px;

    background-image: url(../images/img1.jpg);
}
div#linksLeft{

    width:100%;
}
a.linkLeft{
    width:100%;
    height:31px;
    display:block;
}


a#compet{

    background-image: url(../images/rubcompet.jpg);
}

a#budget{
width:194px;
    background-image: url(../images/rubbudget.jpg);
}

a#garanti{
    background-image: url(../images/rubprojet.jpg);
}

a#delai{

    background-image: url(../images/rubdelai.jpg);
}

a#qualite{

    background-image: url(../images/rubqualite.jpg);
}

a#savoir{

    background-image: url(../images/rubsavoir.jpg);
}

a#solution{

    background-image: url(../images/rubsolution.jpg);
}
a.linkLeft:hover{
    background-position: 0 -31px;
}
a.linkLeftSelect {
    background-position: 0 -31px;
    width:100%;
    height:31px;
    display:block;
}
a#contact{
    display:block;
    background-image: url(../images/buttContact.jpg);
    height:32px;
    width:100%;
    margin-top:23px;
}
a#contact:hover{
    background-position: 0 -32px;

}
a#cybervia{
    display:block;
    text-decoration:none;
}
img.image{
    border:none;
}
/* Block Right*/
div#blockRight{
    width:199px;
    height:589px;
    float:left;

    background-image: url(../images/backD1.jpg);
}
a#recrut{
    background-image:url(../images/buttRecrut.jpg);
    height:36px;
    width:100%;
    display:block;
    margin-top:30px;
}
a.lienRight{
    height:30px;
    display:block;
    width:100%;

}
a#emploi{

    background-image: url(../images/rubEmploi.jpg);
}
a#emploi:hover{
    background-position:0 -30px;
}
a#stage{

    background-image: url(../images/rubStage.jpg);
}
a#stage:hover{
    background-position:0 -30px;
}
a#candidature{
    background-image:url(../images/rubCandid.jpg);
    margin-top:0;
}
a#candidature:hover{
    background-position:0 -30px;
}
img#img2{
    margin-top:101px;
    width:100%;
    height:180px;
    margin-bottom:-5px;
}
a#news{

    background-image: url(../images/buttNews.jpg);
}
a#news:hover{
    background-position:0 -30px;
}
div#backD3{
    width:100%;
    height:10px;
    background-image: url(../images/backD3.jpg);
}
a#intranet{

    background-image: url(../images/buttIntranet.jpg);
}
a#intranet:hover{
    background-position:0 -30px;
}
div#backD4{
    background-color:#7C7D81;
border-left:1px solid #666666;
height:49px;
margin-left:1px;
width:99%;
}

/*page*/
.pageh2{
    color:#AC1919;
    font-size:15px;
    font-weight:bold;
    margin:8px 0;
}
p.pagePara{

    font-size:14px;
    margin:10px 0 15px 15px;
}
span.motImportant{
    font-size:15px;
    font-weight:bold;

}
a.lienText{
    color:#375F70;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
    text-decoration:none;
}
a.lienText:hover{
    /* color:#275F70;*/
    text-decoration:underline;
}
p.legendeImage{
    font-size:12px;
    font-style:italic;
    text-align:center;
}
img.imgPage{
    background-color:gray;
    display:block;
    height:150px;
    margin:0 auto;
    width:300px;

}
div.contenuPage{
    /*margin:5px auto;
    width:542px;*/
    color:#596e9d;
    height:519px;
    margin:0 0 0 auto;
    overflow:auto;
    padding-right:15px;
    width:591px;
}
ul.listNiveau1{
    font-size:14px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    margin:10px 0 15px 15px;
}
li.champsListNiveau1{
    margin-left:50px;
    text-align:justify;
    margin-top:5px;
}
ul.listNiveau2{
    font-size:14px;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:circle;
}
li.champsListNiveau2{
    margin-left:25px;
}
span.indicePage{
    font-size:12px;
}
/*solution et Innov-actech*/
div#innovActech .imgPage, div#solution .imgPage{
    height:inherit;
    width:478px;
    margin-top:51px;
}
/*engagement*/
div#liensEngagement{
    border-bottom:solid #AC1919 1px;
    margin-bottom:5px;
    padding-bottom:8px;
}
p.lienEngagement{
    font-size:14px;
}
a.lienEngagement{
    color:#333;
    text-decoration:none;
}
a.lienEngagement:hover{
    text-decoration:underline;
}
a.lienEngagementselect{
    color:#AC1919;
    font-size:15px;
    font-weight:bold;
    margin:8px 0;
    text-decoration:none;
}
li.champsRecruListNiveau1{
    margin-left:50px;
    text-align:justify;
    margin-top:20px;
}
/*domaine activités*/
div#domainesActivite{
    width:624px;
    padding-right:0;

}

div#domainesActivite div.domaine{
    position:relative;
    margin-top:16px;
}
div.domaine p.pagePara{
    position:absolute;
    top:30px;
    left:15px;
    width:220px;
    color:#485d8c;

}

/*modesIntervention*/
div#modesIntervention .pagePara{
    font-size:16px;
    margin: 15px 0;
}
div#modesIntervention .pageh2{
    font-size:23px;
    margin-top:50px;
}
div#modesIntervention .lienText{
    font-size:19px;
}
div#modesIntervention li.champsListNiveau1{
    margin-top:50px;
}
img#logoPrest{
    width:500px;
    display:block;
    margin:0 auto;
}
/*notre societe*/
div.societeIdentite{
    float:left;
    overflow:hidden;
    margin:0 60px 25px 60px;
}
img.imgIdentite{
    width:150px;
    height:200px;
    display:block;
    background:#555;
}
p.legendeIdentite{
    font-size:12px;
}
/*projet*/
div#projet{
    height:100%;
    position:relative;
}
div#projet .pageh2{
    text-align:center;
    font-size:23px;
}
div#projet .imgLegendePage{

}
div#projet img.imgProjet{
    background-color:gray;
    color:gray;
    display:block;
    height:240px;
    margin:0 auto;
    width:624px;
}
div#projet .legendeImage{
    font-size:22px;
    margin-top:60px;
    margin-bottom:56px;
    color:#596E9D;
}
div#projet a#gotopres{
    bottom:80px;
    color:#666666;
    font-size:40px;
    left:22px;
    position:absolute;
    text-decoration:none;
}
div#projet a#gotosuiv{
    bottom:80px;
    color:#666666;
    font-size:40px;
    right:22px;
    position:absolute;
    text-decoration:none;
}
/* footer*/
div#footer{
    background-image:url(../images/footer.jpg);
    float:left;
    height:32px;
    padding-left:8px;
    padding-top:6px;
    width:1014px;
}
div#footer a{
    color:#fff;
    text-decoration:none;
    font-size:12px;

}

div#page{
    width:624px;
    height:593px;
    float:left;
}