/* ************************************************************************************** 
Projet :	 	Projet Pieces jaunes 2010
Auteur : 		Sebastien CHERIAUX - www.droledepixel.com
Raccourcis : 	-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
Sommaire :		RESET - STRUCTURE - HOMEPAGE - PLUGINS - CONTENT 	
************************************************************************************** */ 

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em/*12px*/; color:#080808; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#050505; background:#fff url(presse/bg-header.gif) repeat-x 0 0; }

/* main */
#main { width:962px; margin:0 auto; }

/* header */
#header { height:129px; width:408px; position:relative; background:url(presse/bg-header.png) no-repeat 50% 0; _background:url(presse/bg-header.jpg) no-repeat 50% 0; padding:0 0 0 554px; }
#header .h1 { position:absolute; left:0; top:9px; }
#header .contact { width:380px; overflow:hidden; padding:35px 28px 0 0; }
#header h2 { font-size:1.67em; float:left; color:#fff; font-weight:normal; text-transform:uppercase; width:119px; }
#header .data { float:right; width:252px; border-left:1px solid #fff; padding:0 0 0 8px; font-size:0.92em; line-height:18px; color:#56595c; }
#header .data h3 { font-size:1em; color:#000; }
#header .data a { color:#56595c; }

/* footer */
#footer { padding:0 28px 0 0; width:934px; overflow:hidden; font-size:0.92em; color:#278f8e; }
#footer .logo { width:167px; float:left; }
#footer .telechargement { float:left; width:295px; padding:0 10px 0 30px; }
#footer .telechargement .inner { padding:0 0 0 33px; background:url(presse/bg-telechargement.gif) no-repeat 0 0; min-height:43px; height:auto !important; height:43px; line-height:18px; }
#footer .telechargement .inner a { color:#278f8e; font-weight:bold; }
#footer .telechargement .inner strong { padding:0 8px; color:#4e5155; }
#footer h2 { font-size:1.38em; text-transform:uppercase; padding:0 0 13px 0; }
#footer h2 a { color:#278f8e; }
#footer .partage { float:left; background:url(presse/bg-bl-footer.gif) no-repeat 0 0; padding:0 10px 0 12px; width:188px;}
#footer .partage li { width:23px; height:23px; float:left; padding:0 3px 3px 0; }
#footer .partage li a { width:23px; height:23px; float:left; }
#footer .envoi { float:left; background:url(presse/bg-bl-footer.gif) no-repeat 0 0; padding:0 10px 0 12px; text-align:center; width:75px; }
#footer .impression { float:left; background:url(presse/bg-bl-footer.gif) no-repeat 0 0; padding:0 10px 0 12px; text-align:center; width:80px; }

/* middle */
#middle { padding:42px 0 0 0; }
.line { padding:0 0 30px 0; width:962px; overflow:hidden; }
.line2 { padding-bottom:15px; padding-top:10px;}

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
.col-l { width:422px; float:left; }

/* communique */
.communique { font-size:0.92em; }
.communique h1 { color:#696969; font-size:2.27em; text-transform:uppercase; padding:0 0 12px 0; }
.communique h1 span { display:block; color:#010101; font-weight:normal; font-size:0.6em; text-transform:none; }
.communique h2 { color:#c40000; font-weight:normal; font-size:1.64em; padding:0 0 12px 0; }
.communique p { padding:0 0 12px 0; }

/* bl */
.bl-o { width:422px; background:url(presse/bg-bl.gif) no-repeat 0 100%; padding:0 0 5px 0; }
.bl { background:url(presse/bg-bl.gif) no-repeat 0 0; padding:8px 12px; font-size:0.92em; }
.bl h2 { padding:0 0 12px 0; }
.bl p { padding:0 0 5px 0; width:398px; overflow:hidden; }
.bl p img { float:left; padding:0 5px 5px 0; }
.bl p a { font-weight:bold; color:#c40000; }


/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
.col-r { width:540px; float:right; }
.col-r .marged { margin:0 31px 12px 24px; }

/* video-zone */
#video-zone { margin:0 31px 18px 24px; border:1px solid #e5e5e5; background:#f8f8f8; padding:25px; }
#video-zone h4 { font-size:1em; padding:5px 0 0 0; }

/* partenariat */
#partenariat { padding:0 0 12px 0; }
#partenariat h2 { font-size:0.92em; color:#0b81be; padding:0 0 6px 0; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 3 COLONNES */
/* *********************************************************************************** */
/* col */
.col { float:left; margin:0 16px 0 0; width:300px; }

/* col 1 */
.col-1 { width:300px; float:left; background:url(presse/bg-twitter.gif) no-repeat 0 100%; padding:0 0 10px 0; }
.col-1 .inner { background:url(presse/bg-twitter.gif) no-repeat 0 0; }
.col-1 ul { padding:12px; font-size:0.92em; }
.col-1 li { display:block; padding:5px 0 7px 0; border-bottom:1px dotted #84a0c3; }
.col-1 li span { font-style:italic; color:#56595c; display:block; padding:0 0 3px 0; }
.col-1 li a { display:block; color:#0a4287; font-weight:bold; }
.col-1 #twitterfeed li a { display:inline; color:#0a4287; font-weight:bold; }
#twitterfeed { min-height:20px; }
/* col 2 */
.col-2 {  }
.col-2 a { color:#000; }

/* col 3 */
.col-3 { width:300px; }
.col-3 .flickr .inner { border:1px solid #99a7c7; background:#fff; }
.col-3 .flickr h2 { padding:10px 0 10px 24px; }
.col-3 .flickr li { display:block; width:90px; height:90px; float:left; overflow:hidden; }

/* *********************************************************************************** */ 
/* *********************************************************************************** PLUGINS */
/* *********************************************************************************** */

/* NAV PROVISOIRE */
#navProv { position:absolute; top:0; left:0; width:130px; z-index:1; }
#navProv li { list-style:none; display:block; height:0.01%; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; }
#navProv li span { display:block; padding:2px; }
#navProv .navProvOC a { text-align:center; color:#000000; }
#navProv li a { display:block; padding:2px; background-color:#ff920a; border-bottom:1px solid #ccc; color:#fff; font-size:9px; text-transform:uppercase; height:0.01%; }
#navProv li a:hover { background-color:#ff920a; color:#000000; }

#video-zone-list { padding: 53px 0 0 50px; width: 350px;}