html { 
  font-size:100%;
}

body{
  font-family:verdana;
  background-color:black;
}
	
#grande_page{
  background:url(../images/fond.jpg) center top;
}	
	
#pagewrapper{
  background:url(../images/header2.jpg) center top no-repeat;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:10;
}

#content{
  padding-left:25px;
  padding-right:25px;
  margin:auto;
  width:940px;
	color:#333;
	padding-top:172px;
	font-size:1.1em;
	overflow:hidden;
  font-size:12px;
  min-height:330px;
  z-index:1;
}

#footer{
  margin: 20px auto 0 auto;
  background:url(../images/footer.jpg) center top no-repeat;
  height:180px;
  background-repeat: no-repeat;
  background-position: top center;
	padding:0px 0 0px 0;
	overflow:hidden;
	position:relative;
}

#contenu_header{
  margin:0 auto;
  width:990px;
  position: relative;
}

#logo{
  height:113px;
  float:left;
  margin-left:35px;
  width:485px;
}
.clr {
  clear:both;
}
/* --------- latest news -------*/
#last_news{
  float:left; 
  width:275px;
  height:85px;
  padding-top:5px;
  color:#F9E619;
  font-size:0.8em;
}
#last_news h3{
  letter-spacing: 3px;
  font-size:1.2em;
  font-weight: normal;
  font-family:Century Gothic,Verdana;
}
#last_news h4{
  font-size:1em;
  font-weight:normal;
  color:#fff;
}
#last_news ul {
  position:relative;
}
#last_news li {
  position:absolute;
  top:0px;
  left:0px;
}
#last_news a {
  color:#000;
  font-size:0.9em;
}
#last_news h4 a {
  color:#fff;
  font-size:1.1em;
}
/* ------ encart contact  ----*/
#right_header{
  float:left; 
  width:185px;
  height:85px;
  padding-top:15px;
  text-align:center;
}
#contenu_bulle{
  color:#000;
  width:185px;
  text-align:center;
  font-family:Century Gothic,Verdana;
}
#contact{
  margin-top:22px;
  color:#F9E619;
  font-size:16px;
  width:185px;
  text-align:center;
  font-family:Century Gothic,Verdana;
}

#menu{
  clear:left;
  width:990px; 
}
#anglais{
  position:absolute;
  left:10px;
  top:112px;
  font-family:Century Gothic,Verdana;
  width:300px;
}
#anglais ul, #anglais li {
  float:left;
  line-height:47px;  
}
#anglais a{
  color:#000;
  font-family:Century Gothic;
  margin-right:10px;
  float:left;
  line-height:47px;
}
#anglais img{
  float:left;
  margin:16px 3px 0 0;
}
#anglais .menu li {
  padding:0 0 0 30px;
} 
#anglais li.item1 {
  background:url(../images/accueil.png) left center no-repeat;
}
/* menu du haut*/
#menu_principal{
  position: absolute;
  right:0px;
  top:112px;
  margin-right:30px;
  font-family:Century Gothic,Verdana;
  z-index:10;
}
#menu_principal li{
  float:left;
  position: relative;
  white-space: nowrap;
  padding-left:20px;
}
#menu_principal li a{   
  color:#fff;
  display:block;
  float:left;   
  padding:0 10px;
  line-height:47px; 

}
#menu_principal li a:hover, 
#menu_principal li:hover a,
#menu_principal li.hover a{
  color:yellow;
  z-index:10;
  background-color:#333;
}
#menu_principal ul li {
  background:url(../images/separateur.gif) 2px center no-repeat;
}
#menu_principal #current a,
#menu_principal .active a{
  line-height:35px;
  padding-top:6px;
  border-bottom:6px solid #333;
  color:yellow;
}
#menu_principal li ul{
  background-color:#333;
  display:none;
  position: absolute;
  top:45px;
  right:0px;
  padding:5px 0;
  text-align: right;
}
#menu_principal li ul a,
#menu_principal #current ul a,
#menu_principal li.active ul a {
  color:#fff;
  line-height:2.5em;
  display:block;
  float:none;
  margin:0 5px;
  border:0;
  padding:0 20px;
}
#menu_principal li:hover ul a,
#menu_principal li.hover ul a {
  color:#fff;
}
#menu_principal li li {
  float:none;
  background:none;
  padding:0;
}
#menu_principal li li a:hover,
#menu_principal li#current li a:hover,
#menu_principal li.active li a:hover {
  color:#000;
  background-color:#fff;
}
#menu_principal #current ul a:hover span,
#menu_principal li.active ul a:hover span{
  color:#000;
}
#menu_principal li:hover ul,
#menu_principal li.hover ul{
  display:block;
}

#menu_principal li:hover li,
#menu_principal li.hover li{
  float:none;
  z-index:10;
}
#droite_accueil h1{
  /*font-size:1.4em;*/
  padding-left:20px;
}
/* fin menu haut*/
#contentpaneopen img{
  padding:5px;
}
#contenu_footer{
  margin:auto;
  width:990px;
  padding-top:28px;
}
#coordonnees{
  font-size:15px;
  font-family:Century Gothic;
  color:#262626;
  padding-left:25px;
}
/* menu bas*/
#menu_bas{
  padding-top:45px;
  padding-left:70px;
}
#menu_bas li{
  font-size:15px;
  font-family:Century Gothic;
  color:#8C8C8C;
  margin-right:40px;
  float:left; /*pour IE*/
}
#menu_bas li a{
  font-size:15px;
  font-family:Century Gothic;
  color:#8C8C8C;
  display:block;
  float:left;   
}
#menu_bas li a:hover{
  font-size:15px;
  font-family:Century Gothic;
  color:#F9E619;
   display:block;
   float:left;   
}
/* fin menu bas*/
/* contenu de l'accueil*/
#gauche_accueil{
  float:left;
  width:310px;
}
#haut_accueil_gauche{
  width:310px;
  height:236px;
  text-align:center;
  background:url(../images/fond_accueil_gauche.jpg) center top no-repeat;
}
#image_haut_accueil_gauche{
  padding-top:30px;
}

#milieu_accueil_gauche{
  padding:0 0 5px 30px;
  line-height:22px;
  color:#F6EB13;
  padding-top:3px;
  font-size:15px;
  font-family:Century Gothic;
  letter-spacing:1px;
  background:url(../images/fond_accueil_gauche_milieu.jpg) center top no-repeat;
}
#gauche_accueil .menu{
  font-size:2em;
  padding-bottom:5px;
  width:310px;
}
/*#gauche_accueil p{
  font-size:0.5em;
}*/
#gauche_accueil .menu li {
  font-family:Century Gothic;
  font-size:0.8em;
}
#gauche_accueil .menu a { 
  color:#fff;
  padding:0 0 0 10px;
  margin:0;
  line-height:30px;
  display: block;
}
#gauche_accueil .menu a span{
  line-height:30px;
  vertical-align: middle;
  display: block;
}
#gauche_accueil .moduletable-sous-menu-gauche ul li a:hover{
  color:#F6EB13;
  background-color:#4F4f4f; 
}

.moduletable_diagramme{
  background:url(../images/diagramme.png) center top no-repeat;
  height:265px;
  margin-bottom:10px;
}
.version-en-gb .moduletable_diagramme{
  background-image:url(../images/diagramme-en.png);
}
.moduletable_diagramme a{
  color:#fff;
  font-family:Century Gothic;
  letter-spacing:1px;
  display:block;
  height:250px;
  padding:2px 0 0 10px;
}
.moduletable_diagramme a:hover{
  color:yellow;
}

.moduletable-sous-menu-gauche{
  background-color:#555;
  padding:5px 0 0 0 ;
  border-bottom:1px solid #eee;
  border-top:2px solid #444;
}
.moduletable-sous-menu-gauche ul {
  border-bottom:1px solid #333; 
}
.moduletable-sous-menu-gauche li li,
.moduletable-sous-menu-gauche li#current li,
.moduletable-sous-menu-gauche li.active li {
  background-image:url(../images/li-il-sous-menu.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.moduletable-sous-menu-gauche li#current,
.moduletable-sous-menu-gauche li.active {
  /*background-image:none;*/
}

.moduletable-sous-menu-gauche #current a,
.moduletable-menu-sites  #current a{
  background-color: #D8D8D8;
  padding:0 0 0 10px ;
  line-height:30px;
  margin-left:10px;
  border-bottom:2px solid #444;
}
.moduletable-menu-sites  #current ul a,
.moduletable-sous-menu-gauche #current ul a {
   color:#fff;
   border:none;
 }
.moduletable-sous-menu-gauche #current ul a {
  background-color:#555;
}
.moduletable-menu-sites  #current ul a {
  background-color:#555;
}
.moduletable-menu-sites  #current a,
.moduletable-sous-menu-gauche #current a {
  color:#000;
}
.moduletable-menu-sites {
  background-color:#b2b2b2;
  padding:5px 0 0 0;
  border-bottom:1px solid #fff;
}
.moduletable-menu-sites ul {
  border-bottom:1px solid #777;
} 
#gauche_accueil .moduletable-menu-sites ul li a:hover{
  color:#F6EB13;
  background-color:#9f9f9f; 
}
#gauche_accueil ul ul ,
#gauche_accueil ul ul ul {
  border:none;
  margin-left:20px;
}
/* ---- panneau gauche accueil ----*/
.moduletable_intro li{
  margin:10px 0 0 20px;  
  list-style-type: circle;
  list-style-position: outside;
}
/* --- panneau central accueil ----*/
#content_droite_accueil {
  width:2000px;
  font-size:1.4em;
}
#droite_accueil{  
  float:left;
  width:630px;
  overflow:hidden;
  /*font-family:Century Gothic;
  font-size:1.3em;*/
}
#content_droite_accueil li {
  margin-left:7px;
  height:363px;
  width:150px;
  float:left;
  background-color:#ccc;
  background-position: left top;
  background-repeat: repeat-x;
  overflow:hidden;
}
#content_droite_accueil span {
  cursor: pointer;
  display:block;
}
#content_droite_accueil .emballage {
  background: #3F3F3F url(../images/li-panneau-central.png) repeat-x bottom;
  border-bottom:3px solid #3F3F3F;
  padding-bottom:5px;
}
#content_droite_accueil li a {
  display:block;
  width:100%;
  float:left;
}
#content_droite_accueil li.item9{
  color:#F6EB13;
  background-image:url(../images/accueil-1.jpg);
}
#content_droite_accueil li.item10{
  color:#FF7F00;
  background-image:url(../images/accueil-2.jpg);
}
#content_droite_accueil li.item11{
  color:#00BEDD;
  background-image:url(../images/accueil-3.jpg);
}
#content_droite_accueil li.item12{
  color:#78E510;
  background-image:url(../images/accueil-4.jpg);
}
#content_droite_accueil li li {
  color:#B2B2B2;
  width:auto;
  height:auto;
  float:none;
  clear:left;
  background: none;
  font-size:0.8em;
}
#droite_accueil #content_droite_accueil li li a {
  color:#ccc;
}
.item25 a{
  color:#000000;
}

#content_droite_accueil span{
  padding:5px 4px 0 15px;  
  display:block;
  float:left;
  width:130px;
}

#content_droite_accueil .item9 a{
  color:#F6EB13;
}
#content_droite_accueil .item10 a{
  color:#FF7F00;
}
#content_droite_accueil .item11 a{
  color:#00BEDD;
}
#content_droite_accueil .item12 a{
  color:#78E510;
}
#content_droite_accueil li.item9 a span{
  background:url(../images/jaune.gif) 8px 14px no-repeat;
}
#content_droite_accueil li.item10 span{
  background:url(../images/orange.gif) 8px 14px no-repeat;
}
#content_droite_accueil li.item11 span{
  background:url(../images/bleu.gif) 8px 14px no-repeat;
}
#content_droite_accueil li.item12 span{
  background:url(../images/vert.gif) 8px 14px no-repeat;
}
#droite_accueil #content_droite_accueil a:hover span {
  color:#fff;
  text-decoration:underline;
}
/* modification du menu*/
.menu2normal {
	width:150px;
  padding-left:0px;	
}	
.menu2short {
	/*width:147px;*/
	width:0px;
	padding-left:40px;
}	
.menu2hover {   
	/*width:159px;*/
  width:480px;
  padding-left:0px;	
}

/* fin*/
#title_news{
  color:#fff;
  font-family:Century Gothic, Verdana;
  font-size:15px;
  font-weight:bold
}
.cf_alert{color:red}

#googlemap {
  overflow: hidden;
}

#page, .blog , #googlecontainer{
  margin:0 20px;
}
#page {
  font-size:1.2em;
}
#page li {
  margin:2px 0 4px 20px;
  list-style-type: disc; 
}
#page li li {
  list-style-type: circle;
  /*font-size:0.8em;*/
}
#page p {
  margin:10px 0;
  /*text-align: justify;*/
}

#content .chronoform  {
  display:none;
} 

/* formulaire contact*/
#ChronoContact_contact h1 {
 margin-bottom:20px;
}
.cf_label {
  float:left;
  clear:left;
  width:200px;
  text-align:right;
  padding:0 2px;
}
.cf_inputbox, #chrono_verification {
  border:1px solid #ccc;
  height:18px;
  line-height:18px;
  font:arial 13px/18px normal;
  width:200px;
}
#chrono_verification {
  width:100px;
}
#text_3 {
  width:200px;
  height:100px;
}
.row{
  margin:3px 0;
}


.alform {
  margin:20px 0 0 100px;
  width:340px;  
  padding:20px 0 20px 30px;
  border:5px solid #e5e5e5;
  background:url(../images/fond-contact.jpg) no-repeat top right #eee;
}
.alform label{
  display:block;
  cursor: pointer;
  margin-top:10px;
}
.alform .text_area{
  font:arial 13px/18px normal;
  width:300px;
  border:1px solid #ccc;
  height:18px;
  line-height:18px;
}
.alform #message {
  height:150px;
  overflow:auto;
}
.alform #button{
  border:none;
  color:#333;
  background-color:yellow;
  outline:none;
  padding:5px 0;
  width:302px;
  cursor: pointer;
  margin:10px 0 0 0;
}


#sous_menu_engineering{
padding:10px 0px 10px 0px
}

#sous_menu_engineering ul li a:hover{
  color:#F6EB13;
  font-size:15px;
  font-family:Century Gothic;
}

.moduletablesous_menu_engineering{
  background:#8C8C8C url(../images/degrade_newsletter.png) repeat-x scroll left bottom;
}

#droite_accueil ol li.caption, #droite_accueil ul li.caption{
  padding-left:15px;
  background:url(../images/puce.png) 0px 3px no-repeat;
}

#droite_accueil form{

}
.cf_label{
  /*width:300px;*/
}

/*- ---- plan du site ---- */
.xmap ul{
  font-size:1.5em;
  margin:0 0 10px 30px;
}
.xmap ul ul{
  font-size:0.8em;
}
.xmap a {
  color:#333;
  display: block;
  padding:2px 5px;
}
.xmap a:hover {
  color:#fff;
  background: #666;
}
/* ----- formulaires ------*/
#ckformcontainer {
  margin:20px 0 0 200px;
  width:340px;  
  padding:20px 0 20px 30px;
  border:5px solid #e5e5e5;
  background:url(../images/fond-contact.jpg) no-repeat top right #eee;
}
#ckformcontainer label {  
  cursor: pointer;
  margin:5px 0 0 0;  
  color:#333;  
  display: block;
}
#ckformcontainer #message, 
#ckformcontainer .inputbox  {
  width:200px;
  border:1px solid #bbb;  
}
#ckformcontainer #message {
  height:100px;
  width:300px;
} 
#ckform {
  margin:0 20px;
}
#ckform .precisions {
  display:block;
}
#ckform .precisions u{
  cursor: pointer;
  color:#D010B1;
}
#captcha {
  float:left;
}
#ckformcontainer #submit_bt {
  width: 300px;
  padding:5px 0;
  color:#333;
  margin:10px 0 0 0;
  font-weight:bold;
  background-color: #ddd;
  border:2px solid #aaa;
  cursor: pointer;
}
#ckformcontainer #submit_bt:hover {    
  background-color: #aaa;
  border:2px solid #ddd;
}
.ckmessage {
  border:5px solid #E9B840;
  padding:10px 20px;
  margin:20px;
}