BODY{	margin-top:0px; font-family: Verdana, Arial;  background-color: #000066; scrollbar-base-color: #000066; }

P{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: justify; margin-bottom: 10px;  margin-top: 0px;}
H1{font-size: 11px;  color: #ffd57d; font-weight: bold; text-decoration: none;  margin-bottom: 10px;  margin-top: 0px;}
H2{font-size: 11px;  color: #ffd57d; font-weight: bold; text-decoration: none;  margin-bottom: 10px;  margin-top: 0px; margin-bottom: 2px;}
LI{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none;  list-style-image: url(../images/puce-jaune.gif);     }


#accueil-fond{position:relative; width:980px;  min-height: 550px; overflow: auto!important; overflow: visible;  margin-top:10px; margin-left:auto; margin-right:auto; border: 1px solid #121451;  background-image: url(../images/fond-accueil.jpg);  background-repeat: repeat;    } 

#accueil{float: left; width: 980px;	width: 656px; height: 22px; padding: 306px 0px 0px 112px;}
#accueil #accueil-presentation{      float: left; width: 81px;	 height: 22px; padding: 0px 0px 0px 23px;}
#accueil #accueil-savoir-faire{      float: left; width: 76px;	 height: 22px; padding: 0px 0px 0px 16px;}
#accueil #accueil-moyens-production{ float: left; width: 134px; height: 22px; padding: 0px 0px 0px 16px;}
#accueil #accueil-realisations{      float: left; width: 81px;	 height: 22px; padding: 0px 0px 0px 16px;}
#accueil #accueil-contact{           float: left; width: 51px;	 height: 22px; padding: 0px 0px 0px 16px;}
#accueil #accueil-mentions-legales{  float: left; width: 107px; height: 22px; padding: 0px 0px 0px 16px;}

#accueil-pied-de-page{float: left; width: 980px;	width: 372px; height: 35px; padding: 185px 0px 0px 505px;	font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; text-align: right;}
#accueil-pied-de-page A{font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; }
#accueil-pied-de-page A:hover{font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; }


#acceuil-login-cadre {position: absolute; top: 497px; left:57px; width: 216px; height: 51px;}
#acceuil-login-input {position: absolute; top: 6px; left:10px; width: 93px; height: 12px; font-family: Verdana, Arial; font-size: 10px;}
#acceuil-password-input {position: absolute; top: 6px; left:113px; width: 93px; height: 12px; font-family: Verdana, Arial; font-size: 10px;}
#acceuil-password-fake {position: absolute; top: 6px; left:113px; width: 93px; height: 12px; font-family: Verdana, Arial; font-size: 10px; text-align:center;}
#acceuil-login-valider {position: absolute; top: 26px; left:0px; width: 216px; height: 20px;}
#acceuil-login-message {position: absolute; top: 480px; left:57px; width: 400px; height: 17px; font-size:11px; color:darkred; font-weight:bold;}


#fond{position:relative; width:980px;  min-height: 550px; overflow: auto!important; overflow: visible;  margin-top:10px; margin-left:auto; margin-right:auto; border: 1px solid #121451;    background-repeat: repeat;    } 
#logo {float: left; width: 100px;	height: 100px; padding: 60px 0px 3px 60px;   }

#menu{float: left; width: 701px;	height: 18px; padding: 127px 0px 0px 117px;   }
#menu2{float: left; width: 701px;	height: 18px; padding: 143px 0px 2px 117px;   }

#menu-presentation{      float: left; width: 81px;	 height: 18px; padding: 0px 0px 0px 46px;}
#menu-savoir-faire{      float: left; width: 76px;	 height: 18px; padding: 0px 0px 0px 16px;}
#menu-moyens-production{ float: left; width: 134px; height: 18px; padding: 0px 0px 0px 16px;}
#menu-realisations{      float: left; width: 81px;	 height: 18px; padding: 0px 0px 0px 16px;}
#menu-contact{           float: left; width: 51px;	 height: 18px; padding: 0px 0px 0px 16px;}
#menu-mentions-legales{  float: left; width: 107px; height: 18px; padding: 0px 0px 0px 16px;}

#ssmenu{float: left; width: 701px;	height: 18px; padding: 0px 0px 0px 117px;   }
#ssmenu #ssmenu-histoire{      		float: left; width: 47px;	 height: 15px; padding: 0px 0px 0px 46px;}
#ssmenu #ssmenu-secteur{      		float: left; width: 52px;	 height: 15px; padding: 0px 0px 0px 16px;}
#ssmenu #ssmenu-culture-entreprise{ float: left; width: 107px;  height: 15px; padding: 0px 0px 0px 16px;}
#ssmenu #ssmenu-qualite{      		float: left; width: 44px;	 height: 15px; padding: 0px 0px 0px 16px;}
#ssmenu #ssmenu-reference{          float: left; width: 64px;	 height: 15px; padding: 0px 0px 0px 16px;}
#ssmenu #ssmenu-formulaire{     		float: left; width: 63px;	 height: 15px; padding: 0px 0px 0px 46px;}
#ssmenu #ssmenu-plan-access{     	float: left; width: 62px;	 height: 15px; padding: 0px 0px 0px 16px;}
#ssmenu #ssmenu-coconception{   		float: left; width: 78px;	 height: 15px; padding: 0px 0px 0px 46px;}
#ssmenu #ssmenu-competences{   		float: left; width: 75px;	 height: 15px; padding: 0px 0px 0px 16px;}


#zone-travail{float: left; width: 980px; height: 335px; padding: 0px 0px 0px 0px;}

#histoire{float: left; width: 451px; height: 286px; padding: 24px 0px 0px 242px;}
#histoire #texte{float: left; width: 451px; height: 286px; padding: 0px 0px 0px 0px; overflow: auto;}
#histoire #texte P{width: 420px; }
#secteurs{float: left; width: 416px; height: 186px; padding: 144px 0px 0px 297px;}
#secteurs SPAN{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: justify;   }
#culture-entreprise{float: left; width: 376px; height: 60px; padding: 85px 0px 0px 142px;}
#qualite{ float: left; width: 341px; height: 286px; padding: 79px 0px 0px 187px;}
#qualite #text{ float: left; width: 341px; height: 150px; }
#qualitelogo { float: left; width: 111px; height: 127px; padding: 17px 0px 0px 115px;}
#references{float: left; width: 616px; height: 251px; padding: 24px 0px 0px 187px;}



#competences-video{float: left; width: 326px; height: 240px; padding: 59px 0px 0px 57px;}
#competences{float: left; width: 451px; height: 176px; padding: 134px 0px 0px 24px;}
#competences #texte{float: left; width: 451px; height: 176px; padding: 0px 0px 0px 0px; overflow: auto;}
#coconception{float: left; width: 431px; height: 176px; padding: 154px 0px 0px 87px;}

#moyens-production{float: left; width: 361px; height: 141px; padding: 124px 0px 0px 122px;}
#moyens-production #texte0{float: left; width: 361px; height: 91px; padding: 50px 0px 0px 0px; overflow: auto; font-size: 14px;  color: #ffd57d; font-weight: bold; text-align: center;}
#moyens-production #texte1{float: left; width: 361px; height: 141px; padding: 0px 0px 0px 0px; overflow: auto; display: none;}
#moyens-production #texte2{float: left; width: 361px; height: 141px; padding: 0px 0px 0px 0px; overflow: auto; display: none;}
#moyens-production #texte3{float: left; width: 361px; height: 141px; padding: 0px 0px 0px 0px; overflow: auto; display: none;}
#moyens-production #texte4{float: left; width: 361px; height: 141px; padding: 0px 0px 0px 0px; overflow: auto; display: none;}
#moyens-production #texte5{float: left; width: 361px; height: 141px; padding: 0px 0px 0px 0px; overflow: auto; display: none;}
#moyens-production UL{margin-top: 2px;}

#moyens-production-animation{float: left; width: 381px; height: 271px; padding: 4px 0px 0px 24px;}



#realisations-theme{float: left; width: 656px; height: 326px; padding: 4px 0px 0px 222px;}
#realisations-theme #texte{float: left; width: 600px; height: 240px; padding: 25px 0px 0px 38px; }
#realisations-theme #texte .ligne1{float: left; width: 570px; height: 20px; padding: 0px 0px 0px 10px;  background-color: #2c2a78;  }
#realisations-theme #texte .ligne2{float: left; width: 570px; height: 20px; padding: 0px 0px 0px 10px;}
#realisations-theme #texte A{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: left; }
#realisations-theme #texte .vignette{float: left; width: 100px; height: 100px; padding: 0px 20px 16px 0px;   }

#realisations-theme #pagination{float: left; width: 580px; height: 20px; padding: 0px 0px 0px 38px;    }
#realisations-theme #ligne{float: left; width: 580px; height: 20px; padding: 0px 0px 0px 0px;  background-color: #FFFFFF;  }

#retour{float: left; width: 100px; height: 20px; padding: 0px 0px 0px 0px; text-align: left;}
#page{float: left; width: 380px; height: 20px; padding: 0px 0px 0px 0px; text-align: center;}
#suivant{float: left; width: 100px; height: 20px; padding: 0px 0px 0px 0px; text-align: right;}

#realisations-theme #barre-retour{float: left; width: 656px; height: 20px; padding: 10px 0px 0px 0px;    }
#realisations-theme #barre-retour #ligne{float: left; width: 628px; height: 20px; padding: 0px 0px 0px 28px;  background-color: #1b1b71;  }

#realisations-theme #detail{float: left; width: 600px; height: 260px; padding: 0px 0px 0px 38px; overflow: auto; margin-top: 25px;}
#realisations-theme #detail #titre {float: left; width: 535px; height: 18px; padding: 2px 0px 0px 10px; overflow: auto;  background-color: White;  font-family: Verdana1, Arial; font-size: 12px;  color: #000066; font-weight: bold; text-decoration: none; text-align: left; }

#realisations-theme #detail #descriptif {float: left; width: 315px; height: 50px; padding: 30px 0px 0px 10px;    font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: justify; }
#realisations-theme #detail #descriptif A{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: left; }

#realisations-theme #detail #photo {float: left; width: 200px; height: 50px; padding: 30px 0px 0px 20px;    }


.style-01{font-family: Verdana1, Arial; font-size: 12px;  color: #9690a9; font-weight: bold; text-decoration: none; text-align: left; }
A.lien-01{font-family: Verdana1, Arial; font-size: 12px;  color: #000066; font-weight: bold; text-decoration: none; text-align: left; }



/* Page utilisateur-documents.php */

#userdoc {float: left; width: 546px; height: 326px; padding: 4px 0px 0px 277px;}
#userdoc #texte{float: left; width: 508px; height: 302px; padding: 25px 0px 0px 38px;}

#userdoc #texte .ligne{float: left; width: 468px; height: 23px; padding: 0px 0px 0px 0px;}
#userdoc #texte .ligne-lien {float: left; width: 308px; height: 19px; padding: 4px 0px 0px 10px; font-family: Verdana1, Arial; font-size: 11px; color:#ffd57d; background-color: #2c2a78;}
#userdoc #texte .ligne-date {float: left; width: 90px; height: 19px; padding: 4px 0px 0px; margin: 0px 0px 0px 20px; text-align:center;font-family: Verdana1, Arial; font-size: 11px; background-color: #2c2a78;}
#userdoc #texte .ligne-dl {float: left; width: 20px; height: 23px; margin: 0px 0px 0px 20px}
#userdoc #texte .ligne-nobg {background-color: transparent;}


#userdoc #texte A{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: left; }
#userdoc #texte div{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: left; }
#userdoc #texte .vignette{float: left; width: 100px; height: 100px; padding: 0px 20px 16px 0px;   }

#userdoc #pagination{position:absolute; top:453px; left:315px; width: 465px; height: 20px; padding: 0px 0px 0px 0px; background-color: red;    }
#userdoc #ligne{float: left; width: 465px; height: 20px; padding: 0px 0px 0px 0px;  background-color: #FFFFFF;  }

#userdoc #barre-retour{float: left; width: 656px; height: 20px; padding: 10px 0px 0px 0px;    }
#userdoc #barre-retour #ligne{float: left; width: 628px; height: 20px; padding: 0px 0px 0px 28px;  background-color: #1b1b71;  }

#userdoc #detail{float: left; width: 600px; height: 260px; padding: 0px 0px 0px 38px; overflow: auto; margin-top: 25px;}
#userdoc #detail #titre {float: left; width: 535px; height: 18px; padding: 2px 0px 0px 10px; overflow: auto;  background-color: White;  font-family: Verdana1, Arial; font-size: 12px;  color: #000066; font-weight: bold; text-decoration: none; text-align: left; }

#userdoc #detail #descriptif {float: left; width: 315px; height: 50px; padding: 30px 0px 0px 10px;    font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; text-decoration: none; text-align: justify; }
#userdoc #detail #descriptif A{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: left; }

#userdoc #detail #photo {float: left; width: 200px; height: 50px; padding: 30px 0px 0px 20px;    }

#userdoc #retour{float: left; width: 100px; height: 20px; padding: 0px 0px 0px 0px; text-align: left;}
#userdoc #page{float: left; width: 260px; height: 20px; padding: 0px 0px 0px 0px; text-align: center;}
#userdoc #suivant{float: left; width: 100px; height: 20px; padding: 0px 0px 0px 0px; text-align: right;}

#userdoc .style-01{font-family: Verdana1, Arial; font-size: 12px;  color: #9690a9; font-weight: bold; text-decoration: none; text-align: left; }
#userdoc .lien-navigation{font-family: Verdana1, Arial; font-size: 12px;  color: #000066; font-weight: bold; text-decoration: none; text-align: left; }

/* Fin page utilisateur-documents.php */




#contact-adresse{float: left; width: 216px; height: 207px; padding: 143px 0px 0px 2px; text-align: center;}
#contact-adresse P{text-align: center;}

#contact-formulaire{float: left; width: 491px; height: 326px; padding: 4px 0px 0px  169px; }
#contact-formulaire #texte{float: left; width: 451px; height: 276px; padding: 20px 0px 0px  20px;   }
#contact-formulaire TABLE{font-family: Verdana1, Arial; font-size: 11px;  color: #FFFFFF; font-weight: normal; }
#contact-formulaire INPUT{font-family: Verdana1, Arial; font-size: 11px;  color: #1b1b71; font-weight: normal; border: 0px solid #FFFFFF; }
#contact-formulaire TEXTAREA{font-family: Verdana1, Arial; font-size: 11px;  color: #1b1b71; font-weight: normal; border: 0px solid #FFFFFF; }
#contact-formulaire #valider{float: left; width: 491px; height: 20px; padding: 0px 0px 0px  0px; text-align: center; background-color: #1b1b71; }





#plan-acces{float: left; width: 546px; height: 326px; padding: 4px 0px 0px 222px;}


#mentions-legales{float: left; width: 451px; height: 286px; padding: 24px 0px 0px 132px;}
#mentions-legales #texte{float: left; width: 451px; height: 286px; padding: 0px 0px 0px 0px; overflow: auto;}
#mentions-legales #texte H1{width: 415px;}
#mentions-legales #texte P{width: 415px; }
#mentions-legales #texte LI{ font-weight: bold;   }

#pied-de-page{	float: left; width: 980px;	width: 372px; height: 35px; padding: 15px 0px 0px 505px; 	font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; text-align: right;}
#pied-de-page A{font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; }
#pied-de-page A:hover{font-family: Verdana, Arial; font-size: 10px;  color: #000066; font-weight: bold; text-decoration: none; }


