/* CSS Document */

body
{
  font-family : arial, sans-serif;
  font-size : 12px;
  background : black;
  color : white;
  margin : 0;
  padding : 0;
}



a
{
  color : #808080;
  text-decoration : none;
}

a:hover
{
  color : #ffffff;
}

a img
{
  border : none;
}

p
{
  text-align : justify;
}

.hiddenTitle
{
  visibility : hidden;
}



.antifloat
{
  clear:both;
}

img.floatLeft
{
  float : left;
  margin : 0 10px 0  0;
}

img.floatRight
{
  float : right;
  margin : 0 0 0  10px;
}

.pageActive
{
  color : #ff0000;
}

.roctoolTitle
{
  font-variant : small-caps;  
}

.centre
{
  text-align : center;
}

.top
{
  vertical-align : top;
}


.big_padding_top
{
  padding-top : 50px;
}




.color_red
{
  color : #cc0000;
}

#color_red
{
  color : #cc0000;
}

.exposant
{
  vertical-align : super;
  font-size : 0.9em;
}

#conteneur_zoneTexte a
{
  text-decoration : underline;
  color : #000000;
}


#conteneur_zoneTexte a:hover
{
  color : #ffffff;
}

/* ********************** CONTENEUR GENERAL  ********************** */
#conteneurGeneral
{
  border: 1px solid #808080;
  border-bottom: none;
  width : 1022px;
  min-height : 507px;
  margin : 20px  auto 0; 
  padding : 0;
  position : relative;
  background: url("bg_car.jpg") no-repeat #b8b8b8;
}


* html #conteneurGeneral
{
  height : 507px;
}

/* **************************** imageZoom******************************** */

#imageZoom
{
  position : absolute;  
  top : 100px;
  left : 70px;
  background : #bbbbbb;
  border : 2px solid #808080;
  margin : 0;
  padding : 15px;
  z-index : 2 ;
}

#imageZoom p
{
  position : absolute;  
  top : 0;
  right : 15px;
  margin : 0;
  padding : 0;
  font-weight: bold;
}

/* ********************* LOGO *************************************** */
h1
{
  margin : 0;
  padding : 0;
  position: absolute;
  top : 32px;
  left : 36px;
  font-size : 15px;
}


h1 a
{
  display : block;
  width : 270px;
  height : 71px;
  background : url("logo_roctool.jpg") no-repeat;
}

h2
{
  color: #ffffff;
  width : 422px;
  height : 45px;
  position : absolute;
  top : 307px;
  left : 36px;
  margin:0;
  padding : 0;
  background-repeat : no-repeat;
}

h3
{
  color : #ffffff;
  font-size : 1.1em;
}


h3.baseline
{  
  font-variant : small-caps;
  font-family : verdana;
  margin-bottom : 2em;
}



h3.enValeur
{
  background : url("degrade_fonce.jpg") repeat-y;
  padding : 3px;
  margin-top :60px;
  margin-bottom : 20px;
}



/* *********************** fil ariane ************************** */
#filArianne
{
  color: #808080;
  position : absolute; 
  top : 0;
  left : 0;
  margin: 1px 0 0 3px;
}

#filArianne a
{
  text-decoration : underline;
  color : #808080;
}


/* ********************** BARRE LANGUES  ********************** */
#barreLangues
{
  display : block;
  position: absolute;
  top : 10px;
 /* right : 110px;*/
    right : 187px;
}

#barreLangues a
{
  font-weight : bold;
  margin-left : 20px;
}


/* ********************** Home, send  ********************** */

#home, #send
{
  position : absolute;
  top : 11px;
  left: 953px;
  margin : 0;
  padding : 0;  
  font-size : 5px;
}

#home a, #send a
{
  display : block;
  background: url("button_home.jpg") no-repeat;
  height : 11px;
  width: 14px;
  margin : 0;
  padding : 0;  
}

#home a:hover, #send a:hover
{
  background-position: 0 -11px ;
}



#send
{
  left: 984px;
}

#send a
{
  background: url("button_send.jpg") no-repeat;
}




/* ********************** POST-IT ********************** */
/*
#post-it
{
  position: absolute;
  top : 87px;
  right : 47px;
  width : 370px;
  height :80px;
  font-variant : small-caps;
  font-weight : bold;
  overflow : auto;
  padding : 0;
  margin :  0;
  background : url("postitType_background.jpg");
  border : 1px solid red;
}
*/

#post-it
{
  position: absolute;
  top : 86px;
  right : 0px;
  width : 357px;
  height :80px;
  font-variant : small-caps;
  font-weight : bold;
  overflow : auto;
  padding : 0 47px 0 26px;
  margin :   0;
  background : url("postit_bg_car.jpg") no-repeat right;
}

#post-it a
{
  color : #ffffff;
}

#post-it a:hover
{
  color : #c5f3ac;
}


#post-it table
{
  width : 100%;
}

#post-it td
{
  text-align : right;
  width : 100%;
  height :75px;
  padding : 0;
  margin :  0;
}
/*
#post-it p
{
  padding : 0;
  margin :  0;
  background : cyan;
}
*/


#post-it strong
{
  font-weight : bold;
  font-size : 24px;
  color : #4edb00;
}


#infoPost-it
{  
  height : 53px;
  width : 52px;
  position : absolute;
  top : 52px;
  left :981px;
  background : url("infos_postit.png") no-repeat;
  margin : 0;
  padding : 0;
}

/* ********************* rubriques_titres **************************** */

.rubriques_titres
{
  position : relative;
  top : 22px;
  left : -35px;
  margin : 0 0 20px 0;
  padding : 10px 0 0 0 ;
  list-style-type : none;
  height : 35px;
  background : url("sousTitre_background.jpg") no-repeat;
}

.rubriques_titres li
{
  margin : 0 ;
  padding : 0;
  list-style-type : none;
  float : left;
  width : 170px;
  text-align : center;
  /*border-right : 1px solid #808080;*/
  border-right : 1px solid #000000;
}

#conteneur_zoneTexte ul.rubriques_titres li a
{
  /*color : #808080;*/
  
  text-decoration : none;
}

#conteneur_zoneTexte ul.rubriques_titres li a:hover
{
  color : #ffffff;
}


#conteneur_zoneTexte ul.rubriques_titres li a.actif, #conteneur_zoneTexte ul.rubriques_titres li a.actif:hover
{
  color : #ffffff;
}

/* ******************** conteneur zone texte ******************** */

#conteneur_zoneTexte
{
  margin : 352px 0 0 0 ;
  padding : 0 35px 25px 35px;
  color :#000000;
}



/* ********************** FOOTER  ********************** */
#footer
{
  width : 1022px;
  height : 30px;
  margin : 0 auto;
  padding : 0;
  border: 1px solid #808080;
  border-top: none;
}



#footer ul, #footer li
{
  list-style-type : none;
  margin : 0;
  padding :0;
} 

#footer li
{
  float : left;
  /*width : 25%;*/
  margin : 5px 5% 0;
  text-align : center;
} 

* html #footer li
{
  margin : 5px 2% 0;
} 

/*
#footer li.special
{
  width : 12.5%;
  color : red;
} 
*/

/* *****************************   Menu  *************************************** */

/*   36*147  */


.menuItem
{
  font-weight : bold;
  font-size : 16px;
  position: absolute;
  left : 36px;
  margin : 0;
  padding :0;
}

#company
{
  top: 112px;
}

#injPlastique
{
  top: 137px;
}

#procComposite
{
  top: 162px;
}

#technologies
{
  top: 186px;
}

#demonstration
{
  top: 213px;
}


#generator
{
 top: 238px;
}

#contact
{
  top: 263px;
}





/* ****************************** videoS ************************************* */

#videos_table
{
  width : 100%;
  margin : 40px 0 0 0 ;
}


#videos_table td
{
  width : 50%;
}

.HiResVideoLink
{
  text-align : center;
  margin : 0 0 1em 0;
}

#conteneur_zoneTexte .HiResVideoLink a
{
  text-decoration : none;
}

/*  ************************** video ***************************************** */

#bigVideo
{
  
  margin : 0;
  padding : 0 0 0 0;
}


/* ***************************** NEWS ************************************* */

h4.newsTitle 
{
 color : #cc0000; 
 margin-top : 30px;
 clear : both;
}


h4.newsTitle strong
{
  display : block;
  color : #ffffff;
}


.newsTable
{
  width : 80%;
  text-align : center;
}

#conteneur_zoneTexte table.newsTable a
{
  text-decoration : none;
}

/* ********************** press releases ************************* */

#conteneur_zoneTexte  ul.pressReleases a
{
  text-decoration : none;
}

ul.pressReleases li
{
  margin : 0 0 1em 0;
}





/* ************************** technologies ******************************** */


#technologiesContent
{
  margin : 0 0 0 0px;
  padding : 0;
  border-collapse: collapse;
  width : 94%;
}

#technologiesContent tr, #technologiesContent td, #technologiesContent th 
{
  margin : 0;
  padding : 1px 5px;
}


.tr_header
{
  background : #aaaaaa;
  text-align : left;
}


.tr_header th
{
  width : 335px;
}
/*
.td_images
{
  background : #b8b8b8;
}
*/
.tr_impair
{
  background : #bbbbbb;
}

.tr_pair
{
  background : #cccccc;
}


#mainAdvantagesTitle
{
  height : 20px;
  width: 280px;
}

 #composite_table, #company_table, 
{
  margin : 20px 0 0 -15px;
}

#plasticInj_table  
{
  margin : 20px 0 0 -25px;
}


.tableDemonstration
{
  width : 1000px;
  text-align : center;
  margin : 20px 0 0 -15px;
}



#plasticInj_table * 
{
  margin : 0;
  padding : 0;
  /*vertical-align : top;*/
}

#plasticInj_table tr td, #composite_table tr td, #company_table tr td
{
  padding : 0 0 50px 0;
}

#plasticInj_table .miseEnPageSpeciale, #composite_table .miseEnPageSpeciale, #company_table .miseEnPageSpeciale, table .miseEnPageSpeciale
{
  padding : 70px 0 0 0;
}

#company_table .miseEnPageParticuliere
{
  padding : 150px 0 0 0;
}


/*
#rtm
{
  vertical-align : top;
}
*/
.joliEncart
{
  width : 400px;
}

.joliEncartLarge
{
  width : 800px;
}

#plasticInj_table .mainAdvantages, #composite_table .mainAdvantages, .joliEncart, .joliEncartLarge
{
  margin : 20px 0 0 20px;
  padding : 0;
  background: url("list_bg.png") repeat-y;
}



#plasticInj_table .mainAdvantages li, #composite_table .mainAdvantages li, .joliEncart p, .joliEncartLarge p
{
  list-style-type : none;
  background : url("fleche.gif") no-repeat 10px 10px;
  border-bottom : 1px solid #808080;
  padding : 7px 0 7px 20px;
}

.joliTableauLarge
{
  border : 1px solid gray;
}

.joliTableauLarge td
{
  height : 2em;  
  padding-left : 15px;
  padding-right : 15px;
  width : 185px;  
}

.blockEnValeur
{
  background : #B35253;
}

.joliTableauLarge td.blockEnValeur
{
  width : 50px;  
}

.joliTableauLarge .coupure
{
  /*background : #999999;*/
  background : white;
  color : red;
  font-weight : bold;
}


/* *************************licensePatents****************************** */

#licensePatents
{
  list-style-type : none;
  margin:0;
  padding:0;
}


#licensePatents li
{
  float : left;  
  width : 45%;
  padding : 10px 20px;
  margin : 0 0 20px 0;
}

p.fleche
{
  background : url("fleche.gif") no-repeat 0 3px;
  padding : 0 0 0 10px;
}


#licensePatents_rightCol
{ 
  border-left: 2px solid #808080;
}


/* ********************* EVENTS *************************************** */


#event_table
{
  width : 100%;
}

#event_table td
{
  vertical-align : top;
  background : #cccccc;
  padding-left : 20px;
  
}

#event_program
{  
  border-left : 10px solid #b8b8b8;
}

/*
#event_table dt
{
  text-align : right;
  width : 70px;
  padding : 0;
  margin : 0;
}
*/
dt 
{
  float : left;
  clear : both;
  font-weight : bold;
  margin-right : 10px;
}


#event_table dt
{
  text-align : right;
  float : none;
  width : 70px;
  padding : 0;
  margin : 0;
  color : #cc0000;
}





#event_table dd
{
  margin :  -1.2em 0 1em 80px;
  padding : 0 0 0 0;
  width : 400px;
  text-align : justify;
}




#event_table table  th
{
  text-align : right;
  vertical-align : top;
}




/* ************************************ CONTACT ****************************** */

.contact_box
{
  width : 240px;
  height : 250px;
  float : left;
  padding : 0 25px;
  margin : 50px 15px 0 0;
  background : #bbbbbb;
}

.contact_box_investors
{
  width : 260px;
  height : 150px;
  float : left;
  padding : 0 17px;
  margin : 20px 15px 0 0;
  background : #bbbbbb;
}


#contact_northAmerica
{
  
  border-right : 1px solid #808080;
}


#contact_headQuarters
{
  border-right : 1px solid #808080;
}

#contact_japanOffice
{
  
}

address
{
  font-style : normal;
}

dl.addressInvestors
{
  padding : 0 0 0 0;
}


dl.address
{
  padding : 0 0 0 60px;
}



dt 
{
  float : left;
  clear : both;
  font-weight : bold;
  margin-right : 10px;
}


#contactForm
{
  width : 400px;
  margin : 0 auto;
}

#contactForm table th
{
  text-align : right;
  vertical-align : top;
}

#accessMap
{
  text-align : center;
}