/*
Projet : + DE VIE - 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:#fff; }

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

/* header */
#header { padding:15px 0 36px 0; width:910px; overflow:hidden; color:#56595c; }
#header h1 { float:left; }
#header .contact { width:370px; float:right; }
#header h4 { color:#e2007a; text-transform:uppercase; font-weight:normal; float:left; width:120px; font-size:1.67em; }
#header p { float:right; width:239px; border-left:1px solid #e2007a; 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 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 { background:url(skin-presse/bg-footer.gif) repeat-x 0 100%; padding:25px 0 18px 0; margin:0; width:910px; overflow:hidden; }
#footer #links { float:left; width:200px; padding:0 0 0 8px; position:relative; }
#footer #links .link { position:absolute; top:42px; left:91px; }
#footer .download { float:left; width:307px; background:url(skin-presse/bg-separator-footer.gif) no-repeat 100% 0; }
#footer .download span { display:block; background:url(skin-presse/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:#e2007a; font-size:0.92em; font-weight:bold; text-decoration:underline; white-space:nowrap; line-height:20px; }
#footer .download a:hover { text-decoration:none; }
#footer .share { width:199px; float:left; background:url(skin-presse/bg-separator-footer.gif) no-repeat 100% 0; margin:0 0 0 8px; }
#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:78px; float:left; background:url(skin-presse/bg-separator-footer.gif) no-repeat 100% 0; margin:0 0 0 8px; }
#footer .send a { margin:0 0 0 25px; }
#footer .print { width:80px; 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:910px; overflow:hidden; position:relative; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COL 1 */
/* *********************************************************************************** */
#col-1 { width:429px; float:left; padding:0 0 150px 0; }
#col-1 h2 { color:#e2007a; font-size:2.08em; text-transform:uppercase; padding:0 0 5px 0; }
#col-1 h2 span { display:block; color:#010101; font-size:0.6em; text-transform:none; font-weight:normal; }
#col-1 h3 { color:#e2007a; text-transform:uppercase; font-size:1.5em; font-weight:normal; padding:0 0 5px 0; }
#col-1 p { color:#050505; font-size:0.92em; padding:0 25px 13px 0; }
#col-1 p strong { color:#e2007a; display:block; }

/* comment */
.comment { background:#fe93cd; padding:5px; height:116px; width:229px; color:#fff; position:absolute; left:0; bottom:0; }
.comment h4 { font-size:1.08em; }
#col-1 .comment p { padding:7px 0 0 0; color:#000; font-size:1em; }
#col-1 .comment p span { color:#fff; font-weight:bold; background:#e6228c; }
#col-1 .comment p strong { color:#fff; padding:3px 0 0 0; }
#col-1 .comment a { color:#fff; }

/* utilite */
.utilite { padding:5px; height:114px; border:1px solid #e6228c; width:168px; position:absolute; left:249px; bottom:0; }
.utilite h4 { font-size:1.08em; color:#e6228c; }
#col-1 .utilite p { padding:2px 0 7px 0; color:#010101; font-size:1em; }
#col-1 .utilite p span { font-size:1.5em; }
#col-1 .utilite a { color:#e2007a; }

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

/* bl-video */
#col-2 .inner { width:475px; overflow:hidden; padding:0 0 16px 0; }
#col-2 .bl-video { float:left; width:314px; height:210px; background:url(skin-presse/bg-bl-video.gif) no-repeat 0 0; padding:11px 0 0 14px; }
#col-2 .bl-video strong { display:block; font-size:0.92em; padding:4px 0 0 0; }
#col-2 .inner p { width:140px; float:right; color:#56595c; font-size:0.92em; padding:12px 0 0 0; }

#col-2 .inner-2 { padding:0 0 28px 0; width:475px; overflow:hidden; }

/* partner */
#col-2 .partner { float:left; width:301px; overflow:hidden; }

/* partner */
#col-2 .soutien { float:right; width:165px; overflow:hidden; }

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

/* *********************************************************************************** */ 
/* *********************************************************************************** COL CENTRE */
/* *********************************************************************************** */
#col-c { width:292px; float:left; /*height:236px;*/ }

/* *********************************************************************************** */ 
/* *********************************************************************************** COL DROITE */
/* *********************************************************************************** */
#col-r { width:286px; float:right; background:#e5e5e5 url(skin-presse/bg-flickr.gif) no-repeat -286px 100%; padding:0 0 12px 0; }
#col-r  .flickr { background:url(skin-presse/bg-flickr.gif) no-repeat 0 0; padding:12px 7px 0 7px; min-height:212px; height:auto !important; height:212px; }
#col-r  .flickr .inner { border:1px solid #99a7c7; background:#fff; min-height:212px; height:auto !important; height:212px; }
#col-r  .flickr h2 { padding:5px 0 5px 24px; }
#col-r  .flickr li { display:block; width:90px; height:90px; float:left; overflow:hidden; }