/* CSS Document */
/*###### GENERAL ####### */
body {
	background-color:#262626;
	text-align:center;
	margin:auto;
	font-size : 11px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #666666;
} 

input{
	font-size : 11px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-weight : normal;
	border : 1px solid #262626;
	background : #1a1a1a;
	color : #666666;
}

textarea{
	font-size : 11px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-weight : normal;
	border : 1px solid #666666;
	background : #ffffff;
	color : #666666;
}	  

img{
	border:0px;
}

ul {
    list-style: disc url(img/puce_rose.gif) outside;

   }
   
h2{
	font-size : 11px;
}

#pinkanova {
	text-align:center;
	margin:auto;
	width:954px;
	height:1105px;
}

#pinkanova-entete {
	width:954px;
	height:127px;
	background:url(img/pinkanova-entete.gif);
	text-align:left;
}

#pinkanova-menu {
	padding-left:222px;
	text-align:left;
	width:732px;
	height:39px;
	background:url(img/pinkanova-menu.gif);
}

#zone-video {
	width:648px;
	height:391px;
	background:url(img/zone-video.gif);
}

#zone-menuselection {
	padding-top:20px;
	width:306px;
	height:223px;
	background:url(img/zone-menuselection.gif);
}

#zone-blog {
	width:306px;
	height:109px;
	background:url(img/zone-blog.gif);
}

#zone-communautes {
	width:306px;
	height:49px;
	background:url(img/zone-communautes.gif) no-repeat;
	text-align:left;
}

#zone-texte-edito {
	width:566px;
	background:url(img/zone-texte-edito.gif) no-repeat;
	background-color:#1A1A1A;
	text-align:justify;
	padding:8px 67px 10px 15px
}

#zone-texte-projet {
	width:566px;
	background:url(img/zone-texte-projet.gif) no-repeat;
	background-color:#1A1A1A;
	text-align:justify;
	padding:8px 67px 0px 15px;
}

#zone-texte {
	width:618px;
	background-color:#1A1A1A;
	text-align:left;
	padding:8px 15px 0px 15px;
	height:820px;
}

#news {
	width:306px;
	height:199px;
	background:url(img/news.gif);
}

#zone-flash {
	width:648px;
	height:135px;
	background:url(img/zone-flash.gif);
}

#espace {
	width:954px;
	height:14px;
	background-color:#262626;
}

#projet-a-saisir {
	text-align:left;
	width:648px;
	background:url(img/projet-a-saisir.gif);
	background-color:#1A1A1A;
}

#zone-contact {
	float:right;
	width:286px;
	height:218px;
	background:url(img/zone-contact.gif) no-repeat;
	text-align:left;
	padding:10px 0px 0px 20px;
	background-color:#1A1A1A;
}


.contenu_site {
position:absolute;
top:122px;
left:51%;
margin-left:-445px;
width:890px;
height:410px;
}

.logo_pinkanova {
position:absolute;
width:129px;
height:59px;
top:-3px;
left:11px;
}

/*---------------------------------------------------------*/

/*###### ZONE FLASH ####### */

.floatLeft 									{ float: left; margin-right: 0px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
#page-wrap 									{padding-top:1px;width: 627px; height:132px;}
.slider-wrap								{ width: 627px; position: relative; top: 0px; left: 0px; }			
.stripViewer								{ position: relative; overflow: hidden; width: 627px; height: 132px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 627px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin:1px;padding-bottom:4px }
#movers-row div								{ float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ text-align:left;background: url(img/transpBlack.png); padding: 7px; height: 40px; margin-top: -40px; position: relative; z-index: 9999; color: white; }





/*---------------------------------------------------------*/

/*###### MENUS ####### */
.menu {
position:absolute;
width:280px;
height:20px;
top:17px;
left:143px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
letter-spacing:0px;
}

.mini_menu {
text-align:right;
position:absolute;
width:361px;
height:19px;
top:416px;
left:518px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0px;
font-weight:bold;
}

a.menulink:hover {text-decoration: none; color:#666666;}
a:link {text-decoration: none; color:#D81480;}
a:visited {text-decoration: none; color:#D81480;}
a:active {text-decoration: none; color:#000000;}
a:hover {text-decoration: underline; color:#D81480;}




	
/*---------------------------------------------------------*/

/*###### SHOW REEl ACCUEIL ####### */
.showreel {
text-align:center;
background:url(img/player-fond.jpg) no-repeat;
position:absolute;
width:471px;
height:283px;
top:0px;
left:420px;
}
.noshowreel {
position:absolute;
width:471px;
height:283px;
top:0px;
left:426px;
}
/*---------------------------------------------------------*/

/*###### SHOW REEl METIERS ####### */
.showreel_metier {
text-align:center;
background:url(img/player-fond.jpg) no-repeat;
position:absolute;
width:471px;
height:283px;
top:79px;
left:410px;
}
/*---------------------------------------------------------*/


/*###### MAP ####### */
.map {
position:absolute;
width:460px;
height:390px;
top:9px;
left:426px;
}
/*---------------------------------------------------------*/


/*###### PHOTOS AGENCE ####### */

/*---------------------------------------------------------*/


/*###### DERNIERES REALISATIONS ####### */

.titre_rea {
position:absolute;
width:436px;
height:13px;
top:392px;
left:433px;
}

.last_rea_gauche {
position:absolute;
width:212px;
height:99px;
top:286px;
left:426px;
}

.last_rea_droite {
position:absolute;
width:212px;
height:99px;
top:286px;
left:655px;
}
/*---------------------------------------------------------*/


/*###### IMAGES HOME ####### */
.img_home_haut {
position:absolute;
width:150px;
height:107px;
top:169px;
left:260px;
}

.img_home_bas {
position:absolute;
width:150px;
height:107px;
top:286px;
left:260px;
}
/*---------------------------------------------------------*/

/*###### REFERENCES ####### */

/*Les styles de la partie déroulant (3blocs imbriqués) sont codés en dur, sinon ca marche pas*/


.titre_ref {
position:absolute;
width:227px;
height:13px;
top:55px;
left:12px;
}

.titre_missions {
position:absolute;
width:436px;
height:13px;
top:286px;
left:425px;
}

.txt_missions {
text-align:justify;
position:absolute;
width:461px;
height:109px;
top:305px;
left:426px;
vertical-align:text-bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.vignettes_ref {
padding:3px;
}

/*CATEGORIES REFERENCES*/
.titre_spot {
position:absolute;
width:270px;
height:116px;
top:120px;
left:9px;
}

.titre_site {
position:absolute;
width:270px;
height:116px;
top:120px;
left:312px;
}

.titre_clip {
position:absolute;
width:270px;
height:116px;
top:120px;
left:613px;
}

.titre_emission {
position:absolute;
width:270px;
height:116px;
top:264px;
left:9px;
}

.titre_identite {
position:absolute;
width:270px;
height:116px;
top:264px;
left:312px;
}

.titre_plv {
position:absolute;
width:270px;
height:116px;
top:264px;
left:613px;
}

.txt_ref {
position:absolute;
width:854px;
height:37px;
top:79px;
left:12px;
overflow:auto;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

/*---------------------------------------------------------*/

/*###### CONTACT ####### */

.titre_contact {
position:absolute;
width:227px;
height:13px;
top:55px;
left:12px;
}

.contact {
position:absolute;
width:380px;
height:336px;
top:76px;
left:13px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.bloc_postal {
position:absolute;
width:214px;
height:115px;
top:288px;
left:550px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
/*---------------------------------------------------------*/

/*###### METIERS ####### */
.titre_metiers {
position:absolute;
width:227px;
height:16px;
top:55px;
left:12px;
}

.metiers {
text-align:justify;
position:absolute;
width:380px;
height:323px;
top:80px;
left:13px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
line-height:15px;
}

/*---------------------------------------------------------*/


/*###### PRESSE ####### */
.titre_presse {
position:absolute;
width:227px;
height:16px;
top:55px;
left:12px;
}

.bloc_liste_gauche {
text-align:center;
position:absolute;
width:213px;
height:162px;
top:114px;
left:425px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.bloc_liste_droite {
text-align:center;
position:absolute;
width:197px;
height:149px;
top:103px;
left:204px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.presse {
text-align:center;
position:absolute;
width:743px;
height:319px;
top:80px;
left:70px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

/*---------------------------------------------------------*/

/*###### AGENCE ####### */
.titre_agence {
position:absolute;
width:227px;
height:16px;
top:55px;
left:12px;
}

.agence {
position:absolute;
text-align:justify;
width:380px;
height:323px;
top:80px;
left:13px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
line-height:15px
}

.photo_agence {
position:absolute;
width:400px;
height:389px;
top:19px;
left:466px;
}

/*---------------------------------------------------------*/


/*###### PROCHAINEMENT ####### */

.soon {
position:absolute;
width:189px;
height:141px;
top:127px;
left:368px;
}

/*---------------------------------------------------------*/

/*###### ACCES CLIENTS ####### */

.login_clients {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:11px;
position:absolute;
width:255px;
height:101px;
top:197px;
left:287px;
}

.login_fichiers {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
position:absolute;
width:255px;
height:101px;
top:100px;
left:50px;
}

.txt_login {
text-align:center;
position:absolute;
width:866px;
height:20px;
top:165px;
left:12px;
overflow:auto;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.titre_login {
position:absolute;
width:227px;
height:13px;
top:55px;
left:12px;
}

/*---------------------------------------------------------*/

/*###### RECRUTEMENT ####### */


.txt_recrut {
text-align:center;
position:absolute;
width:655px;
height:293px;
top:110px;
left:120px;
overflow:hidden;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.titre_recrut {
position:absolute;
width:227px;
height:13px;
top:55px;
left:12px;
}

.bloc_rectrut {
position:absolute;
width:189px;
height:144px;
top:153px;
left:533px;
}

/*---------------------------------------------------------*/


/*###### NEWS + EDITO ####### */

/*Les styles de la partie déroulant (3blocs imbriqués) sont codés en dur, sinon ca marche pas*/

.titre_edito {
position:absolute;
width:232px;
height:22px;
top:55px;
left:12px;
}

.txt_edito {
text-align:justify;
position:absolute;
width:398px;
height:58px;
top:72px;
left:12px;
/*overflow:auto;*/
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

.titre_news {
position:absolute;
width:233px;
height:50px;
top:140px;
left:5px;
}



/*---------------------------------------------------------*/