@charset "utf-8";
/*
Auteur: 3octets
date: 02/10/2010

couleurs du document:
typo verte: #90c200 
typo grise bold: #777777;
*/


body, html{
	height:100%;
}

*{
	margin:0px auto;
	padding:0;
	border:0;
	text-indent:0;
	list-style:none;
	-moz-outline:none;
	outline:none;
	outline-color:none;
}


body{
	background-image:url('../images/pattern.gif');
	/*text-align:left;*/
	font-family:Verdana, Arial, "Trebuchet Ms", Trebuchet,  sans-serif;
	font-size:12px;
	
}


h1,h2,h3,h4,h5,h6 {
font-weight:normal;
margin-bottom:0px;
}

a img{
border: none;
}


p{
text-align:justify;
}

hr{
visibility:hidden;
clear:both;
height:0px;
}



div#pagewidth {
width: 800px;
/*min-height:590px;*/
background-color:#ffffff;
}


/*********************/
/* HEADER HOME */
/*********************/
div#header{
height:35px;
padding:75px 0 20px 0;
}

#headLogo{
text-align:center;
}

#titreSite{
display: none;
}
#soustitre{
margin-top:20px;
text-align:center;
color:#90c200;
font-style:italic;
}

/*********************/
/* HEADER ARTISTE */
/*********************/
div#headerArtiste{
height:35px;
padding:20px 0 20px 0;
}
#headLogoArtiste{
float:left;
padding-left:5px;
}
#menutop{
float:right;
padding-right:67px;
margin-top:15px;
}

#menutop a{
text-decoration:none;
color:#00101D;
}

#btnDirectorsArtists, #btnContactArtists{
float:left;
color:#00101d;
font-size:14px;
font-weight:bold;
cursor:pointer;
/*text-transform: uppercase;*/
}
.green{
color:#90c200
}


/************************************/

#contentHome{
/*height:380px;*/
margin:45px 15px 0 15px;
}

#directors{
color:#777777;
font-weight:bold;
text-align: center;
font-size:14px;
margin-bottom:20px;
}

.graybold{
color:#777777;
font-weight:bold;
font-size:12px;

}

#contentListeHome{
width: 35em;
/*background-color:red;*/
margin-bottom: 1em;
padding-left:50px;
}



#contentListeHome ul
{
  width: 15em;

  float: left;
  margin-left:2em;
}

#contentListeHome ul li
{   
  width: 15em;
  padding-bottom:10px;
}

#contentListeHome ul li a{
color:#90c200;
text-decoration:none;
font-weight:bold;
}
#contentListeHome ul li a:hover{
text-decoration:underline;
} 
/*****************************************************/ 
#nomArtiste{
color:#90c200;
font-weight:bold;
text-align:center;
padding-bottom:30px;
}

#gridcontainer{
margin-left:-10px;
font-family:Arial ;
}

.containerItem{
width:172px;
/*height:237px;*/
height:262px;
float:left;
margin:auto;
margin-left:13px;
margin-bottom:50px;
/*
background-image:url(../images/backgroundContainer.png);
background-position:left top;
background-repeat:repeat-y;
*/
}
.borderRightContainer{
height:262px;
width:7px;
float:left;
background-image:url(../images/borderRightContainer.png);
background-position:right top;
background-repeat:no-repeat;
}
.previewContainer{
height:127px;
margin-left:7px;
border-left:1px solid #f8f8f8;
}
.contentContainer{
height:119px;
margin-left:7px;
border-left:1px solid #f8f8f8;
border-bottom:3px solid #cdced1;
}
.titreFilm{
padding-left:7px;
padding-right:7px;
margin-top:5px;
font-size:11px;
color:#90c200;
font-weight:bold;
}

.contentContainer p{
padding-left:7px;
font-size:11px;
color:#6b6b6b;
}

p.dop{
margin-bottom:8px;
font-size:9px;
color:#999999; 
font-style:italic;
margin-top:2px;
}

.contentContainer p a{
color:#6b6b6b;
text-decoration:none;
}

.contentContainer p a:hover{
text-decoration:underline;
}

.spacerContent{
height:1px;
width:149px;
background-color:#90c200;
margin:10px 0 10px 7px;
}


.contentContainer ul{
padding-left:7px; 
}

.contentContainer li{
background:url("../images/puce.png") 0 2px no-repeat;
/*padding-left:10px; */
}
.contentContainer li a{
/*padding-bottom:5px; */
padding-left:10px;
font-size:9px;
color:#777777; 
text-decoration:none;
}

.contentContainer li a:hover{
text-decoration:underline;
}

.borderBasContainer{
height:3px;
width:149px;
background-color:#90c200;
}

.bottomContainer{
/*margin-top:-8px;*/
height:13px;
background-image:url(../images/bottomContainer.png);
background-position:left top;
background-repeat:no-repeat;
}

#spacerGridFooter{
/*
height:70px;
*/
}
#flecheVerte{

margin-left:595px;
/*
margin-top:45px;
*/
}
#blocSimpletipDirectors{
font-size:11px;
font-weight:bold;
padding-left:5px;
width:776px;
/*height:100px;*/
background-color:#e6e7e0;
color:#777777;
text-decoration:none;
margin-left:10px;
}
#blocSimpletipDirectors ul
{
	padding:5px;
  width: 13em;
  margin-left:0;
  /*background-color:silver;*/
  float: left;
}

#blocSimpletipDirectors ul li
{   
  /*float: left;
  width: 15em;*/
}

#blocSimpletipDirectors ul li a{
color:#777777;
text-decoration:none;
font-weight:bold;
}
#blocSimpletipDirectors ul li a:hover{
text-decoration:underline;
} 



#blocTooltipCommercial{
font-size:11px;
font-weight:bold;
padding:5px;
width:225px;
background-color:#e6e7e0;
color:#777777;
/*text-transform:uppercase;*/
text-decoration:none;
}
#blocTooltipCommercial a{
color:#777777;
text-decoration:none;
}

#blocTooltipCommercial a:hover{
color:#777777;
text-decoration:underline;
}

#flecheOrange{
/*float:left;
margin-left:-11px;
margin-top:66px;*/
margin-top:-1px;
margin-left:102px;
}


#flecheVerte img{
vertical-align:-4px;
}
#flecheVerteBottom img{
vertical-align:4px;
margin-left:102px;
}

#blocTooltipFiction{
font-size:13px;
font-weight:bold;
padding-right:5px;
width:225px;
background-color:#e6e6e6;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
text-align:right;
}
#blocTooltipFiction a{
color:#ffffff;
text-decoration:none;
}

#blocTooltipFiction a:hover{
color:#000000;
}

#flecheGrise{
float:right;
margin-right:-11px;
margin-top:66px;
}



.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }


.containertList{
padding-top:10px;
background-color:#e6e6e6;
}


/*************************************************************************************/
#stylistArtDirector{
/*position: absolute;
bottom: 0px;
margin-bottom:50px;
width:200px;*/
margin-left:300px;
/*
padding-bottom:50px;
*/
}

#btnFoodStylist, #btnArtDirector{
float:left;
font-size:12px;
cursor:pointer;
}
#spacerbtns{
float:left;
font-size:12px;
}
#divSpacerHome{
height:100px;
}

/*********************/
/* FOOTER */
/*********************/
.footerHome{
margin-top:37px;
/*padding-bottom:22px;*/
/*position: absolute;
bottom: 0px;*/
}
#divMenuFooter{
background-color:#ff9904;
height:24px;
width:798px;
background:url("../images/bkgd-footer.png") top left repeat-x;
border-left:1px solid #eaf0f1;
border-right:1px solid #eaf0f1;
line-height:22px;
font-size:10px;
font-weight:bold;
color:#777777;
}
#about{
float:left;
}

#footerstar{
vertical-align:-2px;
padding-right:5px;
}

#since{
font-weight:normal;
font-size:9px;
font-style:italic;
padding-right:25px;
}

#mail{
padding-left:25px;
}
#mail a{
color:#777777;
text-decoration:none;
}

#mail a:hover{
text-decoration:underline;

}
#troisoctets{
float:right;
line-height:22px;
font-weight:normal;
padding-right:5px;
}
#troisoctets a{
color:#777777;
text-decoration:none;
}

#troisoctets a:hover{
text-decoration:underline;

}

#logo3octets{
vertical-align:-6px;
padding-right:5px;
}