/* CSS Document */
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #787272;
}
#content	{width: 690px; height:575px; margin: auto; padding: 0; text-align: left; position: relative; top: 10px; background-image: url(img/fond_site.jpg); background-repeat: repeat-y;}
#contentHistoire	{width: 690px; height:2150px; margin: auto; padding: 0; text-align: left; position: relative; top: 10px; background-image: url(img/fond_site.jpg); background-repeat: repeat-y;}
#content3	{width: 690px; height:675px; margin: auto; padding: 0; text-align: left; position: relative; top: 10px; background-image: url(img/fond_site.jpg); background-repeat: repeat-y;}

div.logo	{
	width: 232px;
	height:134px;
	position: absolute;
	top: 0px;
	left: 6px;
}
div.montres	{
	width: 320px;
	height:134px;
	position: absolute;
	top: 0px;
	left: 238px;
}
div.bienvenue {
	width: 197px;
	height:16px;
	margin: auto;
	position: absolute;
	top: 159px;
	left: 264px;
}
#degrade1 {
	width: 151px;
	height:247px;
	margin: auto;
	position: absolute;
	top: 164px;
	left: 537px;
}
#motive {
	width: 151px;
	height:200px;
	margin: auto;
	position: absolute;
	top: 164px;
	left: 537px;
	background-image: url(img/motive.jpg);
	background-repeat: no-repeat;
}
#cibc {
	width: 180px;
	height:330px;
	margin: auto;
	position: absolute;
	top: 181px;
	left: 508px;
	background-image: url(img/cibc.jpg);
	background-repeat: no-repeat;
}
div.mot {
	width: 180px;
	height:20px;
	margin: auto;
	position: absolute;
	top: 158px;
	left: 28px;
}
#degrade2 {
	width: 130px;
	height:1px;
	margin: auto;
	position: absolute;
	top: 180px;
	left: 29px;
	background-image: url(img/degrade2.jpg);
	background-repeat: no-repeat;
}
div.stars {
	width: 121px;
	height:21px;
	margin: auto;
	position: absolute;
	top: 380px;
	left: 26px;
}
#degrade3 {
	width: 130px;
	height:1px;
	margin: auto;
	position: absolute;
	top: 404px;
	left: 29px;
	background-image: url(img/degrade2.jpg);
	background-repeat: no-repeat;
}
div.bienvenue2 {
	width: 250px;
	height:1px;
	margin: auto;
	position: absolute;
	top: 180px;
	left: 263px;
	background-image: url(img/degrade1.jpg);
	background-repeat: no-repeat;
}
div.metal {
	width: 299px;
	height:32px;
	margin: auto;
	position: absolute;
	top: 379px;
	left: 239px;
	background-image: url(img/devenons-partenaires.jpg);
	background-repeat: no-repeat;
}
div.barrebas {
	width: 684px;
	height:40px;
	margin: auto;
	text-align: center;
	position: absolute;
	background-image: url(img/barre-fond-bas.jpg); 
	background-repeat: no-repeat;
}
.textbar {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	margin-top:7px;
}
#barre1 { 	top: 537px; left: 6px;}
#barre3 { 	top: 635px; left: 6px;}
#barre2 { 	top: 2107px; left: 6px;}
div.imgHistoire {
	width: 72px;
	height:84px;
	margin: auto;
	position: absolute;
	top: 426px;
	left: 266px;
}
div.barresepar {
	width: 680px;
	height:1px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 134px;
	left: 8px;
	background-image: url(img/barre-blanche.gif); 
	background-repeat: no-repeat; 
}
div.eStat {
	width:80px;
	height:15px;
	position: absolute;
	top:542px;
	left:9px;
}
div.eStat2 {
	width:80px;
	height:15px;
	position: absolute;
	top:2112px;
	left:9px;
}
div.eStat3 {
	width:80px;
	height:15px;
	position: absolute;
	top:640px;
	left:27px;
}
div.gestg {
	width:117px;
	height:52px;
	position: absolute;
}
#gestg1 { top:525px; left:565px;}
#gestg2 { top:2096px; left:572px;}
#gestg3 { top:623px; left:565px;}
#textIntro {
	width:245px;
	height:170px;
	position: absolute;
	top:194px;
	left:264px;
	line-height:14px;
}
#textImport {
	width:245px;
	height:210px;
	position: absolute;
	top:194px;
	left:264px;
	line-height:14px;
}
div.carte	{
	width: 225px;
	height:166px;
	position: absolute;
	top: 358px;
	left: 464px;
}
#textContact {
	width:225px;
	height:319px;
	position: absolute;
	top:194px;
	left:264px;
	line-height:14px;
}
#textContact2 {
	width:225px;
	height:426px;
	position: absolute;
	top:194px;
	left:264px;
	line-height:14px;
}
div.textePresent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #CCCCCC; letter-spacing:1px; text-align:left;}
div.heurePresent {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #CCCCCC; letter-spacing:1px; text-align: center; line-height:18px;}
#textMot {
	width:195px;
	height:332px;
	position: absolute;
	top:193px;
	left:28px;
	line-height:13px;
}
#textPsdt {
	width:165px;
	height:84px;
	position: absolute;
	top:426px;
	left:345px;
}
#heure {
	width:165px;
	height:84px;
	position: absolute;
	top:426px;
	left:534px;
}
#textHistoire {
	width:405px;
	height:370px;
	position: absolute;
	top:194px;
	left:264px;
	line-height:14px;
}
#liste  li { line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:lighter; color:#cccccc; list-style-image: url(img/fleche-fond-noir.gif); letter-spacing:1px; margin-left:-25px; text-align:left;} 
a {text-decoration:none; color:#FF6600; }
a:hover {color: #CCCCCC; background-color:#CC0000;}
#texte2 {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#cccccc; text-align:right;}

/* photos page Histoire */
div.legende {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#cccccc; text-align: left; width: 200px; height: 20px; position:absolute;}
div.conteneur	{
	position:absolute;
	top: 0px;
	width: 200px;
	height: 110px;
	border:1px solid #ffffff;
}
#photo1 {
	top:195px;
	left:22px;
}
#legende1 {
	top:310px;
	left:22px;
}
#photo2 {
	top:455px;
	left:22px;
}
#legende2 {
	top:570px;
	left:22px;
}
#photo3 {
	top:675px;
	left:22px;
}
#legende3 {
	top:790px;
	left:22px;
}
#photo4 {
	top:925px;
	left:22px;
}
#legende4 {
	top:1040px;
	left:22px;
}
#photo5 {
	top:1210px;
	left:22px;
}
#legende5 {
	top:1325px;
	left:22px;
}
#photo6 {
	top:1400px;
	left:22px;
}
#legende6 {
	top:1515px;
	left:22px;
}
/* photos page modeles */
div.legende2 {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#cccccc; text-align: justify; width: 120px; height: 105px; position:absolute;}
div.conteneur2	{
	position:absolute;
	top: 0px;
	width: 62px;
	height: 105px;
}
#montre1 {
	top:163px;
	left:22px;
}
#legende11 {
	top:163px;
	left:99px;
}
#montre2 {
	top:283px;
	left:22px;
}
#legende22 {
	top:283px;
	left:99px;
}
#montre3 {
	top:403px;
	left:22px;
}
#legende33 {
	top:403px;
	left:99px;
}
#montre4 {
	top:163px;
	left:522px;
}
div.legende3 {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#cccccc; text-align: justify; width: 149px; height: 62px; position:absolute;}
#legende44 {
	top:283px;
	left:522px;
}
#montre5 {
	top:163px;
	left:609px;
}
#legende55 {
	top:468px;
	left:522px;
}
#montre6 {
	top:350px;
	left:522px;
}
#montre7 {
	top:350px;
	left:609px;
}
/* Menu site */
div.menu	{
	position:absolute;
	top: 0px;
	left: 558px;
	width: 130px;
	height: 135px;
}

a.qui {
     display: block; 
	 width: 130px; 
     height: 28px; 
     background-image: url(img/qui-off.gif); 
     background-repeat: no-repeat;
     }
a.qui:hover { background-image: url(img/qui-on.gif); }
a.import {
     display: block; 
     width: 130px; 
     height: 27px; 
     background-image: url(img/import-off.gif); 
     background-repeat: no-repeat;
     }
a.import:hover { background-image: url(img/import-on.gif); }
a.hist {
     display: block; 
     width: 130px; 
     height: 27px; 
     background-image: url(img/histoire-off.gif); 
     background-repeat: no-repeat;
     }
a.hist:hover { background-image: url(img/histoire-on.gif); } 
a.mont {
     display: block; 
     width: 130px; 
     height: 27px; 
     background-image: url(img/modeles-off.gif); 
     background-repeat: no-repeat;
     }
a.mont:hover { background-image: url(img/modeles-on.gif); }
a.cont {
     display: block; 
     width: 130px; 
     height: 26px; 
     background-image: url(img/contact-off.gif); 
     background-repeat: no-repeat;
     }
a.cont:hover { background-image: url(img/contact-on.gif); }        
 
/* texte pages */
h1 {font-size: 14px; font-weight: bold; text-align:left;}