/* 
- - - - - - - - - -
Feuille de style
- - - - - - - - - -
La Fabrique d'images
Par Marie-Eve Lafrenière
Mecano
www.mecano.ca
Octobre 2005
*/

/* GENERAL*/

html{
scrollbar-face-color: #E6E6E6; 
scrollbar-shadow-color: #E7E7E7; 
scrollbar-highlight-color: #F9F9F9; 
scrollbar-3dlight-color: #DFDFDF; 
scrollbar-darkshadow-color: #CBCBCB; 
scrollbar-track-color: #F5F5F5; 
scrollbar-arrow-color: #FFFFFF;
}
body{margin:0 0 0 0; padding:0 0 0 0; background-image:url(../images/bg.gif); background-repeat:repeat-x;}
p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6D6C6C; margin:0 0 9px 0; padding:0 0 0 0;}
p a{color:#6D6C6C; text-decoration:none;}
p a:hover{color:#333333;}

h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4B4A4A; font-weight:normal; margin:0 0 11px 0; padding:0 0 0 0;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6D6C6C; font-weight:normal; margin:0 0 9px 0; padding:0 0 0 0;}

.container{
	margin:0 auto;
	text-align:left;
	width:750px;
	padding:0 0 80px 0;
	position:relative;
	background-color:#FFFFFF;
}
.nav{padding:0 0 0 37px;}
.ligneHori{padding:0 0 0 40px;}

.pagebody{margin:33px 0 0 0;}
.gauche{ width:313px; float:left;}
.droite{width:437px; float:left;}
.droite4{width:487px; float:left;}

.photo{margin:0 17px 0 0;}
.chiffre{margin:0 126px 0 0;}

.footer{width:709px; margin:39px 0 0 0; padding:0 0 0 40px; float:left;}

/* CHOIX DE LANGUE*/

#choixLang body{background:#FFFFFF;}

/* XPRESS*/

.chiffreRangee{ margin:2px 0 19px 0;}
.chiffreRangee ul{list-style:none;margin:0 0 0 0; padding:0 0 16px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6D6C6C;}
.chiffreRangee li{float:left; width:137px; margin:0 0 0 0; padding:0 0 0 0;}
.chiffreRangee li a{color:#6D6C6C; text-decoration:none;}
.chiffreRangee li a:hover{color:#333333;}
.scrool{
	width:15px;
	float:right;
	padding-right: 20px;
}

.boiteNew{width:270px; float:left; height:325px; overflow:hidden;}
.boiteTxtXpress{ margin:0 34px 0 39px;}
.boiteTxtXpress a:hover{color:#FF6D00;}
#news h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6D6C6C; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}

/* REALISATEURS*/

.boiteReal{width:313px; float:left;}
.boiteTxtReal{padding:0 64px 0 39px; height:179px; overflow:hidden;}

.chiffreRangeeReal{ margin:0 0 13px 0;}
.chiffreRangeeReal ul{list-style:none;margin:0 0 0 0; padding:0 0 14px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6D6C6C;}
.chiffreRangeeReal li{float:left; width:137px; margin:0 0 0 0; padding:0 0 0 0;}
.chiffreRangeeReal li a{color:#6D6C6C; text-decoration:none;}
.chiffreRangeeReal li a:hover{color:#333333;}


.chiffrePhoto{margin:0 111px 0 0;}

.retourPhoto{margin:0 0 0 40px;}

.menuReal{ margin:20px 0 0 0; padding:0 0 0 40px;}
.menuReal p{color:#121212;}
.colUn{ width:120px; float:left;}
.colDeux{width:130px; float:left; padding:0 10px 0 10px;}

.layOutUneCollone{width:711px; padding:0 0 0 39px;}

/* PHOTOS*/

#photo p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6D6C6C; line-height:24px; margin:0 0 9px 0; padding:0 94px 0 0;}
#photo .boiteTxtphoto{background-image:url(../images/photo/bg_index.gif); height:448px; background-repeat:no-repeat; }

.photoRangee{ height:77px;}

.photoRangeeNoLeg{margin:0 0 19px 0;}
.pagebodyGrossePhoto{margin:0 0 0 0;}
.prochaine{margin:0 0 0 523px;}
.boitegrandePhoto{background-image:url(../images/photo/bg_grand_photo.gif); height:468px; background-repeat:no-repeat; }

/* PRODUCTEURS*/

.boiteTxtProduct{padding:0 64px 0 39px;}
.boiteTxtProduct a{color:#121212;}
.boiteTxtProduct a:hover{color:#6D6C6C;}

/* PROD DÉLÉGUÉ*/
.PDTxtDroite{ padding:0 0 0 0;}
.PDTxtDroiteBGau{float:left; width:245px;}
.PDTxtDroiteBDroit{float:left; width:160px;}

/* CONTACT*/

#contact p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6D6C6C; line-height:24px; margin:0 0 9px 0; padding:0 94px 0 0;}
#contact .boiteTxtContact{background-image:url(../images/photo/bg_index.gif); height:448px; background-repeat:no-repeat; }
.adresse{float:left; width:220px;}
#contact .adresse p{ margin:0 0 9px 0; padding:0 0 0 0;}