/*
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; }
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:#fff; background:#fff; }

/* main */
#main { background:#fff; margin:0 auto; width:950px; }
#main-i { width:950px; overflow:hidden; min-height:672px; height:auto !important; height:672px; background:#ee3c82 url(skin/bg-main.jpg) no-repeat 0 0; position:relative; padding-bottom:18px; }

/* colonne gauche */
#col-l { width:295px; float:left; }
#col-l .illu { position:absolute; bottom:0; left:0; }
#col-l h1, #col-l .h1 { padding:14px 0 0 30px; }

/* menu */
#menu { float:left; width:655px; height:39px; overflow:hidden; padding:30px 0; }
#menu ul { width:638px; height:26px; overflow:hidden; background:url(skin/bg-menu.png) no-repeat 0 0; padding:7px 0 6px 17px; overflow:hidden; }
#menu li { float:left; padding:0 2px 0 0; height:26px; display:block; }
#menu li a { display:block; float:left; height:26px; position:relative; }
#menu li a span { display:block; height:26px; position:absolute; top:0; left:0; background-image:url(skin/bg-menu.gif); background-repeat:no-repeat; }
#m-1, #m-1 a, #m-1 a span { width:131px; }
#m-2, #m-2 a, #m-2 a span { width:168px; }
#m-3, #m-3 a, #m-3 a span { width:110px; }
#m-4, #m-4 a, #m-4 a span { width:103px; }
#m-5, #m-5 a, #m-5 a span { width:71px; }
#m-6 { width:43px; background:url(skin/bg-menu.gif) no-repeat -593px 0; }
#m-1 a span { background-position:0 0; }
#m-2 a span { background-position:-133px 0; }
#m-3 a span { background-position:-303px 0; }
#m-4 a span { background-position:-415px 0; }
#m-5 a span { background-position:-520px 0; }
#m-1 a:hover span, #m-1 strong a span { background-position:0 -26px; }
#m-2 a:hover span, #m-2 strong a span { background-position:-133px -26px; }
#m-3 a:hover span, #m-3 strong a span { background-position:-303px -26px; }
#m-4 a:hover span, #m-4 strong a span { background-position:-415px -26px; }
#m-5 a:hover span, #m-5 strong a span { background-position:-520px -26px; }

/* colonne centrale */
#col-c { width:415px; float:left; }

/* footer */
#footer { width:930px; padding:30px 10px 15px 10px; text-align:right; position:relative; color:#9c9c9c; font-size:0.83em; }
#footer a { color:#9c9c9c; }
#footer .log-1 { position:absolute; top:-35px; left:10px; }
#footer .log-2 { position:absolute; top:7px; left:90px; }
#footer strong a { color:#e1007a; }

/* ************************************************************************************/
/* ************************************************************************************ PLUGINS */
/* ************************************************************************************/
/* thickbox */
#TB_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background:url(skin/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
* html #TB_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; display:none; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; display:none; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; }
* html #TB_load { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; }
* html #TB_HideSelect { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#TB_closeWindowButton { position:absolute; top:10px; right:10px; color:#008ac9; background:url(skin/btn-fermer.gif) no-repeat 100% 2px; padding:0 15px 0 0; }
#TB_closeWindowButton:hover { text-decoration:underline; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
#col-r { width:240px; float:right; }
#col-r .pad { padding-right:21px; padding-left:21px; width:198px; }

/* don */
#don { padding:0 0 0 20px; position:relative; }
#don .paypal { position:absolute; top:83px; left:67px; width:36px; height:26px; }

/* actu */
.rub-6 #actu { padding-top:4px; }
#actu .actu-i { position:relative; width:198px; height:136px; }
#actu h2 { padding:0 0 3px 0; }
#actu .more { position:absolute; top:95px; left:69px; }

/* flux */
#flux {  }
.rub-2 #flux { margin:0 0 10px 0; }
#flux-i { padding:10px 0 0 0; background:#fff; border-top:1px solid #b70047; }
#flux-i h2 { text-align:center; padding:0 0 7px 0; }
#flux-i .flux { text-align:center; padding:0 0 20px 0; }
.rub-2 #flux-i .flux { padding:0 0 14px 0; }
#flux-i .flux li { display:inline; padding:0 8px; }
#flux-i .flu { padding:0 6px 0 10px; }
#flux-i .flu li { padding:0 0 8px 0; font-size:0.92em; }
#flux-i .flu li span { display:block; color:#56595c; font-style:italic; }
#flux-i .flu li a { color:#0a4287; font-size:1em; font-weight:bold; }
#flux-i .flu li a:hover { text-decoration:underline; }

/* planet */
#planet { padding:0 0 4px 21px; }

/* fisc */
#fisc { width:201px; height:185px; background:url(skin/bg-fisc.png) no-repeat 0 0; margin:10px 0 10px 7px; padding:40px 0 0 30px; }
#fisc h2 { padding:0 0 8px 0; }
#fisc p { padding:0 0 8px 8px; width:157px; color:#000; font-size:0.92em; }
#fisc a { padding:0 0 0 8px; }

/* agrement */
#agrement {  }
#agrement p { padding:52px 10px 6px 10px; background:#5f1834 url(skin/bg-agrement.gif) no-repeat 50% 8px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** BLOCS MUTUALISES */
/* *********************************************************************************** */

/* bloc 1 */
.bl-1 { background:#fff; color:#e2007a; padding:12px; min-height:514px; height:auto !important; height:514px; }
.bl-1 cite { font-size:1.25em; font-weight:bold; font-style:normal; padding:0 0 13px 0; display:block; }
.rub-3 .bl-1 { min-height:501px; height:auto !important; height:501px; }
.rub-5 .bl-1 { min-height:503px; height:auto !important; height:503px; }
.bl-1 h3 { padding:0 0 12px 0; font-size:1.17em; }
.bl-1 p { padding:0 0 8px 0; }
.bl-1 p a { color:#e2007a; }
.bl-1 p a:hover { text-decoration:underline; }
.edit { overflow:hidden; width:391px; }
.edit .illu { float:left; margin:0 10px 0 0; border:1px solid #e2007a; }
.edit .conclusion { font-size:1.17em; font-style:italic; }
.edit .signature { padding:50px 15px 0 0; text-align:right; background:url(skin/signature-2.gif) no-repeat 100% 0; color:#000; }


/* bloc 2 */
.bl-2 { background:#a62a5b url(skin/bg-bl-2.gif) no-repeat 0 0; min-height:512px; height:auto !important; height:512px; padding:15px 4px 0 12px; }
.bl-2 h2 { font-size:1.17em; font-weight:normal; }
.bl-2 h2 strong { color:#e2007a; font-size:2.14em; }
.bl-2 ul {  }
.bl-2 li { width:389px; overflow:hidden; margin:0 0 2px 0; background:url(skin/bg-bl-2-li.gif) repeat-y 0 0; padding:24px 5px 8px 5px; position:relative; }
.bl-2 li .visu { float:left; width:94px; padding:3px 0 0 0; }
.bl-2 li p { width:286px; float:right; font-size:0.92em; color:#000; }
.bl-2 li h3 { color:#e2007a; font-size:1.5em; position:absolute; left:108px; top:1px; }
.bl-2 li h3 strong { display:block; position:absolute; top:0; left:-106px; text-align:right; width:96px; color:#fff; font-weight:normal; }
.bl-2 h4 { font-size:1.83em; }

.video-embeb { padding:15px 0 0 0; color:#010101; }
.video-embeb a { color:#010101 !important; }

/* *********************************************************************************** */ 
/* *********************************************************************************** ACCUEIL */
/* *********************************************************************************** */

/* edito */
#edito { background:#5f1834 url(skin/bg-edito.gif) no-repeat 0 0; margin:0 0 6px 0; padding:12px 0 25px 16px; position:relative; width:399px; }
#edito h2 { color:#ff0086; font-size:1.5em; background:url(skin/txt-edito.gif) no-repeat 0 0; padding:28px 0 18px 115px; }
#edito h2 strong { display:none; }
.edito-i { padding:0 3px 0 0; width:396px; overflow:hidden; }
.edito-i .illu { float:left; margin:0 9px 5px 0; border:5px solid #351726; }
.edito-i cite { font-size:1.25em; font-weight:bold; font-style:normal; padding:0 0 13px 0; display:block; }
.edito-i p { font-weight:bold; padding:0 0 13px 0; }
#edito .signature { padding:40px 0 0 0; background:url(skin/signature.gif) no-repeat 50% 0; position:absolute; right:12px; bottom:7px; }
#edito .signature strong { display:none; }
#edito li { padding:0 0 7px 18px; background:url(skin/bullet-edito.gif) no-repeat 0 2px; }
#edito li a { font-weight:bold; color:#fff; }

/* actions */
#actions { width:415px; overflow:hidden; margin:0 0 6px 0; }
#actions li { float:left; width:102px; padding:0 0 0 2px; }
#actions .first { padding:0 0 0 1px; }
#actions li a { display:block; width:98px; height:99px; float:left; color:#e2007a; background:#560b2c; padding:4px 0 4px 4px; line-height:16px; position:relative; }
#actions li a strong { display:block; font-size:1.5em; color:#fff; font-weight:normal; }
#actions li a span { position:absolute; bottom:4px; left:4px; }

/* partenariat - soutien */
#partenariat { padding:0 0 15px 0; }
#partenariat h2, #soutien h2 { padding:0 0 5px 10px; }
#partenariat ul, #soutien ul { display:block; width:415px; overflow:hidden; background:#fdecf3; text-align:center; padding:6px 0 0 0; height:31px; }
#partenariat li, #soutien li { display:inline; padding:0 5px; }
#soutien li { padding:0 8px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** PARTENAIRES */
/* *********************************************************************************** */
.partenaires { color:#000; }
.partenaires li { width:391px; overflow:hidden; padding:10px 0 15px 0; border-top:1px solid #e2007a; }
.partenaires .first { border:none; }
.partenaires li .visu { float:left; width:82px; text-align:center; }
.partenaires li p { float:right; width:309px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** FORMULAIRE */
/* *********************************************************************************** */
#formplusdevie { padding:0 0 50px 0; }
.require { color:#e2007a; font-size:0.83em; padding:12px 0 10px 0; }
#formplusdevie dl { width:399px; overflow:hidden; padding:0 0 10px 0; }
#formplusdevie dt { width:175px; float:left; display:block; height:18px; padding:0 0 10px 0; overflow:hidden; }
#formplusdevie dd { width:224px; float:left; display:block; height:18px; padding:0 0 10px 0; overflow:hidden; }
#formplusdevie label { font-size:0.92em; font-weight:bold; }
#formplusdevie label span { color:#e2007a; }
#formplusdevie dd input, #formplusdevie dd select { border:1px solid #aa597c; width:200px; padding:2px 5px; background:#fff; color:#000; font-size:0.92em; font-family:Arial, Helvetica, sans-serif; }
#formplusdevie dd select { width:212px; }
#formplusdevie .submit { background:none; border:none; width:auto; height:auto; padding:0; }
.explain { font-size:0.92em; }
.explain a { color:#fff; text-decoration:underline; }
.explain a:hover { text-decoration:none; }
#other-1 { position:absolute; left:430px; bottom:0; }
#other-2 { position:absolute; left:300px; bottom:0; }
#formplusdevie .error { border-color:red !important; background:red; color:#fff; }
#formplusdevie label.error { display:none !important; }