/*
Theme Name: MS&L theme
Theme URI: http://www.publicis-consultants.fr/
Description: MS&L theme
Version: 0.1
Author: Publicis Consultants
Tags: none
*/

/* ************************************************************************************** 
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:11px; color:#050505; background-color: #000;}
#main { width:1100px; margin:0 auto; background: #FFF url(skin/degrade_gauche.jpg) repeat-y; margin-left: 50px; }
#contenu { padding-left: 63px; }

/* header */
#header { width:1000px; overflow:hidden; margin:0 0 10px 0; height: 127px; padding-left: 30px; }
#header .padding { padding-top: 50px; }
#header .pc { margin-bottom: 15px; }
#header .h1 {float:left;width:255px;height:85px;}
.contact { width:350px; overflow:hidden; font-size:11px; float:right; padding: 40px 20px 0 0; }
.contact a { color:#172538; }
#header h2 { color:#172538; font-size:18px; font-weight:normal; float:left; width:105px; }
#header .data { float:right; border-left:1px solid #172538; width:234px; padding:0 0 0 8px; }
#header .data strong { color:#172538; display:block; font-weight: strong; }
#header .data p { padding:2px 0; color: #6F6F71; }

/* footer */
#footer { padding:40px 0 20px 0; width:1000px; overflow:hidden; background:url(skin/bg_footer.gif) repeat-x 0 100%; }
#footer h2 { color:#172538; font-size:11px; text-transform:uppercase; padding:5px 0 10px 0; }
#footer h2 a { color:#172538; }
#footer .telechargement { width:435px; float:left; padding:0 0 0 30px; }
#footer .telechargement ul { padding:0 0 10px 40px; background:url(skin/bg-ul-download.gif) no-repeat 0 0; }
#footer .telechargement li { padding:0 0 2px 0; }
#footer .telechargement li a { color:#6F6F71; font-size:0.92em; font-weight:bold; }
#footer .partage { width:154px; float:left; height:60px; border-left:1px solid #e2e2e2; padding:0 8px; }
#footer .partage li { width:23px; height:23px; float:left; padding:0 3px 3px 0; d }
#footer .partage li a { width:23px; height:23px; float:left; }
#footer .envoi { width:160px; float:left; height:60px; border-left:1px solid #e2e2e2; text-align:center; }
#footer .impression { width:130px; float:left; height:60px; border-left:1px solid #e2e2e2; text-align:center; }

/* middle - col-l - col-r */
#middle { width:1000px; overflow:hidden; }
#col-l { width:460px; float:left; padding-left: 30px; text-align: justify; }


/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
/* h1 */
#col-l h1 { font-size:24px;padding:0 0 14px 0;color: #2D2D2D; border-bottom: solid #000 2px;}
#col-l h1 span { font-size:0.6em; font-weight:normal; text-transform:none; }

/* cp */
#col-l .cp { padding:0 0 15px 0; }
#col-l .cp h2 { font-size:18px ;color:#6AC0EB; font-weight:bold; padding:20px 0 14px 0; }
#col-l .cp p { font-size:11px; padding:0 0 10px 0; line-height: 15pt; }
#col-l .cp p a { color:#3D6EB1; }
.bleu { color:#3D6EB1; }

/* 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:#ff0000; text-transform:uppercase; padding:0 0 8px 0; }
#four-up-i a { color:#ff0000; }
#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; }

/* twin */
#twin { overflow:hidden; width:435px; padding:0 24px; }
#twin .bl { float:left; width:209px; height:236px; background:url(skin/bg-bl.gif) no-repeat 0 0; }
#twin .last { float:right; padding:13px 13px 0 13px; height:223px; width:183px; }
#twin .last h2 { padding:0 0 7px 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
#col-r { width:479px; float:right; }
#col-r .inner { width:450px; border: solid #BFBFBF 1px; }
#slideshare { margin-bottom: 20px; }
#bio { width: 455px; height:282px; margin-top: 20px; }
#bio h2 {font-size: 18px;color: #68BCE8;padding-left: 40px;padding-top: 20px;}
#bio img {float: left;padding-left: 40px;padding-top: 30px;padding-right: 10px;}
#bio .txt-bio {padding-top: 30px;font-size: 11px;padding-right: 15px;}
#filet { border-top: solid #000 1px; width: 940px; margin-left: 30px;}