/*
Projet : Le mediateur national de l'energie - PUBLICIS CONSULTANT
Integrateur : Sebastien CHERIAUX - www.droledepixel.com
Raccourcis : -o : outer, -i : inner, -c : center, -l : left, -t:top, -b:bottom, -r : right, col : colonne, mid : middle, bl : bloc, al : align
*/

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET - GENERAL */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
li { list-style:none; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE - HEADER - MENU - MIDDLE - FOOTER */
/* *********************************************************************************** */
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; background:#e1e1e1; padding:20px 0 0 0; }

/* main */
#main { margin:0 auto; width:886px; background:#fff; padding:0 17px 17px 17px; }

/* header */
#header { padding:8px 0 28px 0; width:886px; overflow:hidden; color:#565a5d; }
#header h1 { float:left; padding:0 0 5px 0; }
#header .contact { width:325px; float:right; }
#header h4 { color:#003d82; text-transform:uppercase; font-weight:normal; float:left; width:120px; font-size:1.67em; line-height:20px; }
#header p { float:right; width:194px; border-left:1px solid #003d82; padding:0 0 0 10px; font-size:0.92em; }
#header p strong { display:block; color:#000; padding:0 0 5px 0; }
#header p span { display:block; padding:0 0 5px 0; }
#header p .last { padding-bottom:0; }
#header p span span { display:inline; padding:0; font-weight:bold; }
#header p a { color:#56595c; font-size:0.92em; }
#header p a:hover { text-decoration:underline; }

/* footer */
#footer { padding:15px 0 0 0; margin:0; width:886px; overflow:hidden; }
#footer #links { float:left; width:133px; padding:0 58px 0 5px; position:relative; }
#footer .download { float:left; width:305px; }
#footer .download span { display:block; background:url(skin/bg-download.gif) no-repeat 0 2px; padding:8px 0 8px 29px; width:274px; }
#footer .download strong { font-weight:normal; color:#4e5155; padding:0 5px; }
#footer .download a { color:#013d83; font-size:0.92em; font-weight:bold; text-decoration:none; white-space:nowrap; line-height:20px; }
#footer .download a:hover { text-decoration:underline; }
#footer .share { width:190px; float:left; border-right:1px solid #e2e2e2; padding:0 0 0 8px; border-left:1px solid #e2e2e2; }
#footer .share ul { padding:4px 0 10px 0; width:199px; overflow:hidden; }
#footer .share li { display:block; float:left; width:23px; height:23px; padding:0 4px 0 0; }
#footer .send { width:82px; float:left; border-right:1px solid #e2e2e2; margin:0 0 0 8px; }
#footer .send a { margin:0 0 0 25px; }
#footer .print { width:75px; float:left; margin:0 0 0 8px; }
#footer .print a { margin:0 0 0 21px; }
#footer h5 { padding:5px 0 10px 0; }
#footer h5 a { margin:0 !important; }

/* middle */
.middle { width:886px; overflow:hidden; position:relative; padding:0 0 25px 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COL L */
/* *********************************************************************************** */
.col-l { width:432px; float:left; }
.col-l2 { width:425px; padding:0 0 0 5px; }
.col-l h2 { color:#000; font-size:2.08em; text-transform:uppercase; padding:0 0 10px 0; }
.col-l h2 span { display:block; color:#010101; font-size:0.6em; text-transform:none; font-weight:normal; }
.col-l h3 { color:#e2001a; font-size:1.5em; font-weight:normal; padding:0 0 10px 0; }
.col-l p { color:#050505; font-size:0.92em; padding:0 12px 12px 0; }
.col-l p strong { color:#000; font-size:1.08em; }
.col-l p a { color:#e2001a; }

/* bl */
.bl { background:url(skin/bg-bl-t.gif) no-repeat 0 0; padding:28px 0 0 0; }
.bl-i { position:relative; background:url(skin/bg-bl-b.gif) no-repeat 0 100%; min-height:190px; height:auto !important; height:190px; padding:0 16px 16px 16px; width:400px; }
.bl h4 { position:absolute; top:-15px; left:16px; font-size:1.5em; color:#e8223b; }
.bl h4 span { color:#003c82; }

/* barometre */
.barometre h5 { font-size:1.25em; color:#0d377f; padding:15px 0 10px 0; text-align:center; }
.barometre p { color:#0d377f; font-size:0.92em; text-align:center; padding:10px 0 0 0; }
.barometre p strong { color:#0d377f; font-size:0.92em; }

/* comparer */
.comparer p { text-align:center; padding:12px 0 0 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COL R */
/* *********************************************************************************** */
.col-r { width:422px; float:right; }
.col-r h3 { color:#e6228c; font-size:0.92em; padding:0 0 6px 0; }
.col-r li { display:inline; padding:0 0 0 3px; }
.col-r first { padding:0; }

/* video */
.bl-video { width:432px; padding:0 0 10px 0; }
/* twitter */
.twitter { width:422px; min-height:226px; height:auto !important; height:226px; background:url(skin/bg-twitter.gif) no-repeat 0 100%; padding:0 0 10px 0; }
.twitter .inner { 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; }