/* ************************************************************************************** 
Projet :	 	Projet FSE - Publicis Consultants
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 - 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:0.75em/*12px*/; color:#000; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 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:#000; }
#main { width:920px; margin:60px auto 0 auto; }

/* header */
#header { width:920px; position:relative !important; background:url(skin/bg-header.gif) no-repeat 0 100%; padding:0 0 8px 0; margin:0 0 45px 0; }
#header-i { width:300px; background:url(skin/bg-header-i.jpg) repeat-y 0 0; color:#fff; padding:8px 10px 8px 610px; }
#header .h1 { position:absolute; left:-18px; top:-52px; width:170px; height:89px; }
#header-i .contact { width:300px; overflow:hidden; font-size:0.92em; }
#header-i .contact a { color:#fff; }
#header-i h2 { color:#fff; text-transform:uppercase; font-size:1.64em; font-weight:normal; float:left; width:105px; }
#header-i .data { float:right; border-left:1px solid #fff; width:184px; padding:0 0 0 8px; }
#header-i .data p { padding:2px 0; }

/* footer */
#footer { padding:50px 0 10px 0; width:920px; float:left; }
#footer .logo { float:left; width:198px; }
#footer h2 { color:#003c82; font-size:1.08em; text-transform:uppercase; padding:5px 0 10px 0; }
#footer h2 a { color:#003c82; }
#footer .telechargement { width:340px; float:left; margin:0 0 0 103px; }
#footer .telechargement ul { padding:0 0 0 33px; background:url(skin/bg-ul-download.gif) no-repeat 0 0; }
#footer .telechargement li { padding:0 0 2px 0; }
#footer .telechargement li a { color:#003c82; font-size:0.92em; font-weight:bold; }
#footer .partage { width:78px; float:left; height:86px; border-left:1px solid #e2e2e2; padding:0 8px; }
#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 { width:99px; float:left; height:86px; border-left:1px solid #e2e2e2; text-align:center; }
#footer .impression { width:83px; float:left; height:86px; border-left:1px solid #e2e2e2; text-align:center; }

/* middle - col-l - col-r */
#middle { width:920px; overflow:hidden; }
#col-l { width:415px; float:left; }
#col-r { width:479px; float:right; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
/* h1 */
#col-l h1 { font-size:2.08em; text-transform:uppercase; padding:0 0 14px 0; }
#col-l h1 span { font-size:0.6em; font-weight:normal; text-transform:none; }

/* cp */
#col-l .cp { padding:0 0 20px 0; }
#col-l .cp h2 { font-size:1.5em; color:#004494; font-weight:normal; padding:0 0 14px 0; }
#col-l .cp p { font-size:0.92em; padding:0 0 8px 0; }

/* four-up */
#four-up { background:url(skin/bg-four-up.gif) no-repeat 0 100%; padding:0 0 2px 0; }
#four-up-i { background:url(skin/bg-four-up-i.gif) no-repeat 0 0; padding:18px 12px 16px 12px; }
#four-up-i h3 { font-size:1.25em; color:#004494; text-transform:uppercase; padding:0 0 8px 0; }
#four-up-i h4 { font-size:1.25em; color:#004494; font-weight:normal; padding:0 0 15px 0; }
#four-up-i p { padding:0 0 5px 0; }
#four-up-i ul { padding:8px 0 0 0; }
#four-up-i li { padding:0 0 8px 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
/* video-zone */
#video-zone { background:url(skin/bg-video.gif) no-repeat 0 0; height:/*272*/240px; width:/*427*/390px; padding:16px 17px 16px 18px; margin:0 0 0 20px }
.video-title { padding:0 28px 10px 28px; dispay:block; font-size:0.92em; }

/* partenaires */
#partenaires { padding:0 0 24px 28px; }
#partenaires h2 { padding:0 0 12px 0; color:#003c82; text-transform:uppercase; font-size:1.08em; }
#partenaires ul { width:451px; overflow:hidden; }
#partenaires li { float:left; display:block; padding:0 8px; }

/* daily */
#daily {  }

/* twitter */
#twitter { width:420px; min-height:226px; height:auto !important; height:226px; background:url(skin/bg-twitter.gif) no-repeat 0 100%; padding:0 0 10px 0; margin:0 0 0 28px; }
#twitter-i { background:url(skin/bg-twitter.gif) no-repeat 0 0; }
#twitter ul { padding:12px; font-size:0.92em; }
#twitter li { display:block; padding:5px 0 7px 0; border-bottom:1px dotted #84a0c3; }
#twitter li span { font-style:italic; color:#56595c; display:block; padding:0 0 3px 0; }
#twitter li a { display:block; color:#0a4287; font-weight:bold; }