BODY{	margin-top:0px; font-family: Arial,Verdana;}

H1{width: 240px;  text-align: right; font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: bold; margin: 0px 0px 5px 0px; }

H2{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: bold; margin: 0px 0px 5px 0px;}

P{width: 240px; font-family: Arial,Verdana; font-size: 11px;  color: #666666; font-weight: normal; text-align: justify; margin: 0px 0px 5px 0px; line-height: 14px;}

UL{  margin: 0px 0px 5px 15px;}

LI{ font-family: Arial,Verdana; font-size: 11px;  color: #666666; font-weight: normal; text-align: justify; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  line-height: 15px;  list-style-type: square;  }

FORM{	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }


.lien-skip{font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;  }

.lien-skip:hover{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; text-decoration: none;  }





#fond{position:relative; width:520px; height: 520px; margin-top:5px; margin-left:auto; margin-right:auto; border: 1px solid black; } 

#fond-introduction{position:relative; width:520px; height: 520px; margin-top:5px; margin-left:auto; margin-right:auto; } 

#fond-texte{position:relative; width:520px; margin-top: 30px; margin-left:auto; margin-right:auto; } 
#fond-texte P{width: 520px; font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: normal; text-align: justify; margin: 0px 0px 5px 0px; line-height: 14px;}
#fond-texte A{font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: bold; text-decoration: none;  }
#fond-texte A:hover{font-family: Arial,Verdana; font-size: 10px;  color: #222222; font-weight: bold; text-decoration: none;  }

/* MENU */

#menudiv{position:relative; width:520px; height: 5px; margin-left:auto; margin-right:auto; text-align: center; z-index: 20px; } 

#menu{position:relative; width:520px;   margin-left:auto; margin-right:auto; text-align: center;  } 

#menu A{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; text-decoration: none;  }

#menu A:hover{font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;  }

#menu A.lien{font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;  }

#menu A.lien:hover{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; text-decoration: none;  }



#menu SPAN{font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;  }



/* PIED DE PAGE */

#pied-de-page{position:relative; width:520px;  margin-top:0px; margin-left:auto; margin-right:auto; text-align: right;  } 

#pied-de-page SPAN{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: normal; text-decoration: none;   } 



/* BLOC LOGO */

#bloc11{float: left; width: 260px; height: 260px; background-color: #000000; font-family: Arial,Verdana; font-size: 13px;  color: #FFFFFF;}

#bloc11 A{font-family: Arial,Verdana; font-size: 13px;  color: #FFFFFF; font-weight: normal; text-decoration: none;  }

#bloc11 A:hover{font-family: Arial,Verdana; font-size: 13px;  color: #FFFFFF; font-weight: normal; text-decoration: none;  }





/* BLOC 2*/

#bloc12{float: left; width: 240px; height: 220px; padding: 20px 10px 20px 10px; background-color: #FFFFFF;}



#bloc12 A{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: normal; text-decoration: none;  }

#bloc12 A:hover{font-family: Arial,Verdana; font-size: 13px;  color: #222222; font-weight: normal; text-decoration: none;  }





#ssmenu{ width: 240px;  text-align: right; }

#ssmenu A{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: normal; text-decoration: none;  }

#ssmenu A:hover{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: bold; text-decoration: none;  }

#ssmenu SPAN{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: bold; text-decoration: none;  }

#temperature{ font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: bold; text-decoration: none; }



#contact1{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}

#contact1 INPUT.type1{width: 140px; font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; background-color: #DDDDDD; border: 0px; height: 16px; margin: 0px 0px 3px 0px;}

#contact1 SELECT.type1{width: 140px; font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; background-color: #DDDDDD; border: 0px; height: 20px; margin: 0px 0px 3px 0px;}



#video1{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}

#degriffe1{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}





/* BLOC 3*/

#bloc21{float: left; width: 240px; height: 220px; padding: 20px 10px 20px 10px; background-color: #FFFFFF;}



#produit{float: left; width: 240px; height: 220px; text-align: left;      }

#produit A{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: normal; text-decoration: none;  }

#produit A:hover{font-family: Arial,Verdana; font-size: 13px;  color: #666666; font-weight: bold; text-decoration: none;  }



#contact3{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}

#contact3 INPUT.type1{  }



#projet{width: 240px; height: 215px; overflow: scroll;}

#video2{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}

#degriffe2{font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal;}





/* BLOC 4*/

#bloc22{float: left; width: 240px; height: 220px; padding: 20px 10px 20px 10px; background-color: #000000;}



#bloc22 H2{font-family: Arial,Verdana; font-size: 12px;  color: #FFFFFF; font-weight: bold; margin: 0px 0px 5px 0px;}

#bloc22 P{width: 240px; font-family: Arial,Verdana; font-size: 11px;  color: #FFFFFF; font-weight: notmal; text-align: justify; margin: 0px 0px 5px 0px; line-height: 14px;}

#bloc22 UL{  margin: 0px 0px 5px 15px;}

#bloc22 LI{ font-family: Arial,Verdana; font-size: 11px;  color: #FFFFFF; font-weight: notmal; text-align: justify; margin: 0px 0px 0px 0px; line-height: 15px;  list-style-type: square; }



#contact2{font-family: Arial,Verdana; font-size: 12px;  color: #FFFFFF; font-weight: normal;}

#contact2 INPUT.type1{width: 140px; font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; background-color: #DDDDDD; border: 0px; height: 16px; margin: 0px 0px 3px 0px;}

#contact2 TEXTAREA.type1{width: 140px; height: 110px;  font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; background-color: #DDDDDD; border: 0px;  margin: 0px 0px 3px 0px;}

#contact2 A{font-family: Arial,Verdana; font-size: 13px;  color: #FFFFFF; font-weight: normal; text-decoration: none;  }

#contact2 A:hover{font-family: Arial,Verdana; font-size: 13px;  color: #AAAAAA; font-weight: normal; text-decoration: none;  }



#video3{font-family: Arial,Verdana; font-size: 12px;  color: #FFFFFF; font-weight: normal;}







/* MENU JAVASCRIPT */



 .clsMenu {  border-top: 1px solid #FFFFFF;   border-left: 1px solid #FFFFFF;   border-right: 0px;   border-bottom: 3px solid #FFFFFF;  filter: Alpha(Opacity=90);} 

  

 .clsMenuSelectOff {  background-color: #FFFFFF;   font-size: 10px;        color: #0C2D83;        font-weight: bold; text-decoration:none; } 

 .clsMenuSelectOff a {       font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; text-decoration: none;  } 

 .clsMenuSelectOff a:hover {          font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;   } 

 

 .clsMenuSelectOn{ background-color: #FFFFFF;         font-size: 10px; color: #0C2D83;        font-weight: bold;        text-decoration:none; } 

 .clsMenuSelectOn a {       font-family: Arial,Verdana; font-size: 12px;  color: #666666; font-weight: normal; text-decoration: none;  } 

 .clsMenuSelectOn a:hover {          font-family: Arial,Verdana; font-size: 12px;  color: #222222; font-weight: normal; text-decoration: none;   } 


#baseline{position:relative; width:520px; margin-top:25px; margin-left:auto; margin-right:auto;  } 
#baseline H1{  text-align: left; font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: bold; margin: 0px 0px 5px 0px; }
#baseline H2{font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: bold; margin: 0px 0px 5px 0px;}
#baseline P{width: 520px; font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: normal; margin: 0px 0px 5px 0px;    }
#baseline A{font-family: Arial,Verdana; font-size: 10px;  color: #666666; font-weight: normal; margin: 0px 0px 5px 0px;}
#baseline A:hover{font-family: Arial,Verdana; font-size: 10px;  color: #000000; font-weight: normal; margin: 0px 0px 5px 0px;}


 
