body {
}

.imagesMiddle
{
    position:absolute;
    width:560px;
    height:302px;
    background-image:url('Images/image1.png');
	background-repeat:no-repeat;
    
}

.news
{
    position:absolute;
    top:267px;
    left:0px;
    width:260px;
    height:160px;
    font-size:10px;
    font-family:Arial;
    text-align:justify;    
    background-image:url('Images/news_gif.gif');
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
}

.news_home_title
{
    padding-top : 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    position:absolute;
    margin-left:10px;
    width:100px;
    height:20px;
    color:#e74f05;
}

.news_home_date
{
    position:absolute;
    font-weight:bold;
    font-size:11px;
    top:30px;
    margin-left:10px;
    width:200px;
    height:15px;
}

.news_home_arrows
{
    position:absolute;
    top:30px;
    margin-left:235px;
    width:30px;
    height:10px;
}


.news_home_content
{
    position:absolute;
    overflow:hidden; /* Forces the text to not go further than the box. Put a vertical scrollbar if so. */
    padding : 5px;
    top:50px;
    height:75px;
    width:240px;
    margin:0px 2px 0px 2px;
}

.news_read_all
{
    position:absolute;
    top:150px;
    margin-left:180px;
    width:70px;
    height:15px;
    padding-left : 12px;
    background-image:url(images/fleche_rouge.gif);    
    background-repeat:no-repeat;
    background-position:left;
}

.news_read_all a
{
    color:#f24c04;
}

.news_read_all a:hover
{
    color:silver;
}



/*********************************************/
/*        STYLE OF THE NEWS PAGES            */
/*********************************************/
.labelErrorActualites
{
	margin:25px 0px 0px 5px;
	display:block;
	font-size:x-small;
	width:245px;
}

.news_content_title
{
    padding-left : 20px;
    background-image : url('Images/H3.gif');        
    background-position : left;
    background-repeat : no-repeat;    
    font-size : 13px;
	color : #FF9900;
	font-weight : bold;
}

.news_content_date
{
    margin-bottom:10px;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    color:Black;
}

.news_content_content
{
    font-size:11px;
    text-align:justify;
    color:Black;
}

.news_content_separator
{
    margin-top:15px;
    background-image:url('images/repeater_separator.png');
    background-repeat:repeat-x;    
}


/****************************************/
/*     STYLE REFERENCE HOME             */
/****************************************/

.references
{
    position:absolute;
    top:267px;
    left:274px;
    width:286px;
    height:160px;    
    background-image:url('images/reference_gif.gif');
	background-repeat:no-repeat;
}
 
.vig1 a
{
   position:absolute;
   top:20px;
   left:10px;
   width:60px;
   height:60px;
   background-image:url(Clients/RenaultNB.jpg);
   background-repeat:no-repeat;
}

.vig1 a:hover
{    
    background-image: url(Clients/Renault.jpg);
}

.vig2 a
{
   position:absolute;
   top:20px;
   left:76px;
   width:60px;
   height:60px;
   background-image:url(Clients/MerialNB.jpg);
   background-repeat:no-repeat;
}

.vig2 a:hover
{    
    background-image: url(Clients/Merial.jpg);
}

.vig3 a
{
   position:absolute;
   top:20px;
   left:142px;
   width:60px;
   height:60px;
   background-image:url(Clients/VolvoNB.jpg);
   background-repeat:no-repeat;
}

.vig3 a:hover
{    
    background-image: url(Clients/Volvo.jpg);
}

.vig4 a
{
   position:absolute;
   top:20px;
   left:208px;
   width:60px;
   height:60px;
   background-image:url(Clients/EADSNB.jpg);
   background-repeat:no-repeat;
}

.vig4 a:hover
{    
    background-image: url(Clients/EADS.jpg);
}

.vig5 a
{
    position:absolute;
    top:86px;
    left:10px;
    width:60px;
    height:60px;
    background-image:url(Clients/EricssonNB.jpg);
    background-repeat:no-repeat;
}

.vig5 a:hover
{    
    background-image: url(Clients/EricssonBIS.jpg);
}

.vig6 a
{
    position:absolute;
    top:86px;
    left:76px;
    width:60px;
    height:60px;
    background-image:url(Clients/WinsoftNB.jpg);
    background-repeat:no-repeat;
}

.vig6 a:hover
{    
    background-image: url(Clients/Winsoft.jpg);
}

.vig7 a
{
    position:absolute;
    top:86px;
    left:142px;
    width:60px;
    height:60px;
    background-image:url(Clients/STNB.jpg);
    background-repeat:no-repeat;
}

.vig7 a:hover
{    
    background-image: url(Clients/ST.jpg);
}
 
.vig8 a
{
    position:absolute;
    top:86px;
    left:208px;
    width:60px;
    height:60px;
    background-image:url(Clients/TenesolNB.jpg);
    background-repeat:no-repeat;
}

.vig8 a:hover
{    
    background-image: url(Clients/TenesolBIS.jpg);
}

.read_all_ref
{
    position:absolute;
    top:150px;
    left:138px;
    width:130px;
    height:15px;
    padding-left:12px;
    background-image:url('images/fleche_rouge.gif');    
    background-repeat:no-repeat;
    background-position:left;
    font-size:10px;
    font-family:Arial;
}

.read_all_ref a
{
    color:#f24c04;
}

.read_all_ref a:hover
{
    color:silver;
}




/****************************************/
/*     STYLE CONTACT HOME + CONTENT     */
/****************************************/
.contact
{  
    width:194px;
    height:70px;
    
       
}

.titre_contact
{
    padding-bottom:5px;
    padding-left:10px;
    font-size:12px;
    font-family:Arial;
    text-align:left;
    font-weight:bold;
    color:black;
}

.addresse_contact
{
    padding-left:10px;
    font-size:11px;
    font-family:Arial;
    text-align:left;
}

.mail_contact
{
   
    width:auto;
    height:27px;
    font-size:11px;
    font-family:Arial;
    text-align:left;
    margin-top:10px;
    margin-left:10px;
    padding-left:35px;
    background-image:url('Images/enveloppe.jpg');
    background-position:left;
    background-repeat:no-repeat;
    
}

.mail_contact a
{
    color:#f24c04;
}

.mail_contact a:hover
{
    color:silver;
}


#contactez
{
    width:480px;
    height:auto;
    margin:0 auto;
    font-family:Arial;
    font-size:12px;
    /*background-color:Silver;*/
}

th
{
    text-align:center;
}

.contact_bouton
{
    margin-right:10px;
}

.style1
        {
            width: 476px;
        }
        .style2
        {
            width: 394px;
        }
        
        .button_annuler_position
        {
            margin-left:80px;   
        }
        .button_envoyer_position
        {
            margin-left:10px;   
        }
        
        .style3
        {
            width: 164px;
        }
        .style4
        {
            margin-right: 10px;
            width: 455px;
        }
        
        .style5
        {
            width: 455px;
        }
        
        
/*****************************************/
/*        STYLE RECRUTEMENT HOME         */
/*****************************************/

/*.recrutement
{
    position:relative;
    width:194px;
    height:332px;
    background-image:url('images/recrutement_home.png');   
}*/

.labelErrorRecrutement
{
	margin:10px 0px 0px 5px;
	display:none;
	font-size:x-small;
	width:150px;
}

.content_recruitment_control
{
    position:relative;
    text-align:left;
    width:194px;
    height:332px;
    font-size:11px;
    font-family:Arial;
    background-image:url('images/recrutement_home.png');
    background-repeat:no-repeat;
}


.content_recruitment_control a
{
    color:Black;
}

.content_recruitment_control a:hover
{
    color:#f24c04;
}

#content_recruitment_title
{
    position:absolute;
    width:150px;
    height:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    top:30px;
    margin-left:25px;    
    color:#e74f05;
}

#content_recruitment_content
{
    position:absolute;
    overflow:hidden;
    width:150px;
    height:190px;
    margin-top:45px;
    margin-left:20px;
    /*background-color:Silver;*/
}

#content_recruitment_readall
{
    position:absolute;
    top:210px;
    margin-left:55px;
    padding-left:12px;
    width:120px;
    height:15px;
    font-size:10px;
    background-image:url('images/fleche_rouge.gif');    
    background-repeat:no-repeat;
    background-position:left;
}

#content_recruitment_readall a
{
    color:#f24c04;
}

#content_recruitment_readall a:hover
{
    color:silver;
}