@charset "UTF-8";
/* Copyright CERFPA 2013 */
body {margin:0px 0px 60px 0px; background:url(img/bg.png) #00b8ff top center no-repeat;}
#logo {position:absolute; width:102px; height:40px; margin:10px 0px 0px 10px; background:url(img/logo03.png); background-size:102px 40px;}
#menu {position:absolute; height:40px; width:800px; margin:0px 0px 0px 130px;}
@font-face {
    font-family: 'hvlbl';
    src: url('fonts/hvcb____.pfb-webfont.eot');
    src: url('fonts/hvcb____.pfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hvcb____.pfb-webfont.woff') format('woff'),
         url('fonts/hvcb____.pfb-webfont.ttf') format('truetype'),
         url('fonts/hvcb____.pfb-webfont.svg#helveticacondensed-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
font-family:'hvcdl';
src:url('fonts/helvetica-condensed-light.eot');
src:local('@'),
	url('fonts/helvetica-condensed-light.woff') format('woff'),
	url('fonts/helvetica-condensed-light.ttf') format('truetype'),
	url('fonts/helvetica-condensed-light.svg') format('svg');
}
.rose {color:#f351a6;}
.blanc {color:#fff;}
.bleu {color:#00b8ff;}
.bleuf {color:#00739f;}
.gris {color:#484646;}
.rouge {color:red;}
.underline {text-decoration:none;}

#logo01 {position:relative; margin:auto; width:231px; height:114px; background:url(img/logo01.png) top left no-repeat ; background-size:231px 114px;}
.bt_repondre {width:255px; height:36px; background:url(img/bouton_repondre.png) top; border:none; cursor:pointer;}
.bt_repondre:hover{background-position:bottom;}
.bt_repondre-02 {width:255px; height:36px; background:url(img/bouton_repondre-02.png) top; border:none; cursor:pointer;}
.bt_repondre-02:hover{background-position:bottom;}
.bt_valider {width:255px; height:36px; background:url(img/bouton_valider.png) top; border:none; cursor:pointer;}
.bt_repondre:hover{background-position:bottom;}
#tete{position:relative; background:#fff; margin:auto; width:940px; height:60px;-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;behavior: url(pie/PIE.htc);}
.menu { font-family:'hvcdl', Arial; font-size:18px; line-height:18px;color:#00739f;}
.menu a{ font-family:'hvcdl', Arial; font-size:18px; line-height:18px;color:#00739f; text-decoration:none;}
.menu a:hover{color:#000;}

.menu-02 { font-family:'hvcdl', Arial; font-size:16px; line-height:16px;color:#00739f;}
.menu-02 a { font-family:'hvcdl', Arial; font-size:16px; line-height:16px;color:#00739f; text-decoration:none;}


.menu_bloc {position:relative; display:block; height:20px; float:right; padding:20px 20px 0px 40px; border-left:1px solid #00739f; background-repeat:no-repeat; background-position:10px 16px;background-size:20px 20px; text-decoration:none;}
.menu_bloc:hover {color:#f351a6;}
.menu_bloc_login {position:relative; display:block; height:20px; float:right; padding:20px 0px 0px 30px; border-left:1px solid #00739f;text-decoration:none;}
.menu_bloc_login:hover {color:#f351a6;}

.titre-groupe {position:absolute; width:260px; height:40px; line-height:30px; margin:130px 0px 0px 320px; text-align:center;}
.titre-groupe-titre {font-family:'hvcdl';font-size:30px;}

#diapo {position:relative; width:940px; height:244px; margin:auto; background:url(img/diapo.png) no-repeat; margin-top:-6px;}
.box-forum-titre {position:relative; margin:auto; width:930px; height:42px; background-color:#fff; padding-left:10px; line-height:42px;}

.forum-titre {font-family:'hvlbl';font-size:18px; letter-spacing:-1px;}
.forum-titre a{font-family:'hvlbl';font-size:18px; letter-spacing:-1px; text-decoration:none;}
.forum-titre a:hover{color:#00b8ff;}

.forum-titre-liste {font-family:'hvcdl';font-size:16px;}
.forum_barre {position:relative; clear:both; height:18px; width:940px; margin:auto; background:url(img/form_barre.png) no-repeat 900px 0px;}
.forum_barre-02 {position:relative; clear:both; height:18px; width:940px; margin:auto; background:url(img/form_barre.png) no-repeat 40px 0px;}
.espace-forum {position:relative; width:940px; height:12px; margin:auto; clear:both;}
.conteneur940{position:relative; width:940px; margin:auto;text-overflow: ellipsis;word-wrap: break-word;}
.forum-intitule {position:relative; height:30px; float:right; background:#fff; line-height:30px; text-align:center;}
.intitule { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.box-forum {height:50px; clear:both; padding:10px;}
.box-forum:hover {background:#fff0f9; cursor:pointer}
.bgBleu {background:#daf5ff;}
.bgBlanc {background:#fff;}
.forum-texte-liste {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.forum-img-vign {border:1px solid #fff;}
.forum-liste {position:relative; float:left; height:50px;}

.box-sujet {height:32px; line-height:32px; clear:both; padding:0px 0px 0px 10px;}
.box-sujet:hover { background:#fff0f9; cursor:pointer;}
.sujet-liste {position:relative; float:left; height:32px; line-height:32px;}

.post-liste {position:relative; line-height:32px;}

.box-post {height:auto; width:920px; clear:both; padding:0px 10px 0px 10px;}

.texte01 {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px;}

.imgMembre {position:relative; width:84px; height:84px; border:1px solid #e6e7e7; background-size:84px 84px;}
.imgForum {position:relative; width:48px; height:48px; border:1px solid #fff; background-size:48px 48px;}
.imgProfil {position:relative; width:160px; height:160px; border:1px solid #daf5ff;}

.postBgBleu {min-height:160px; background:url(img/blanc.png) #daf5ff; background-repeat:repeat-y; background-position:185px 0px;}
.postBgBlanc {min-height:160px; background:url(img/bleu.png) #fff; background-repeat:repeat-y; background-position:185px 0px;}

.bgRepondre {position:relative; height:36px; float:right; padding:0px 6px 6px 6px; line-height:46px; background:#fff;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;behavior: url(pie/PIE.htc);}

.inputText{width:725px; padding:5px; height:20px; background: url(img/inputTextBg.png) transparent no-repeat; overflow:hidden; box-shadow:#666 0px Opx 10px; border:none;resize:none;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.textareaRepondre {width:725px; padding:5px; height:190px; background: url(img/textareaBg.png) transparent no-repeat; overflow:auto; box-shadow:#666 0px Opx 10px; border:none;resize:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}


#copyright02{position:relative; clear:both; margin:auto; top:40px; margin-bottom:40px; width:900px; height:25px; text-align:center; font-size:10px;}
#copyright03{position:relative; clear:both; margin:auto; top:10px; margin-bottom:40px; width:900px; height:25px; text-align:center; font-size:10px;}

.hidden{display:none;}


.lien01{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px;}
.lien01 a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:16px; text-decoration:underline;}

.pen01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/pen.png); background-size:18px 36px; display:block;}
.pen01:hover {background-position:bottom; cursor:pointer;}

.edit01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/edit.png); background-size:18px 36px; display:block;}
.edit01:hover {background-position:bottom; cursor:pointer;}

.up01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/up.png); background-size:18px 36px; display:block;}
.up01:hover {background-position:bottom; cursor:pointer;}

.down01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/down.png); background-size:18px 36px; display:block;}
.down01:hover {background-position:bottom; cursor:pointer;}

.sort01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/sort.png); background-size:18px 36px; display:block;}
.sort01:hover {background-position:bottom; cursor:pointer;}

.back01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/back.png); background-size:18px 36px; display:block;}
.back01:hover {background-position:bottom; cursor:pointer;}

.cut01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/cut.png); background-size:18px 36px; display:block;}
.cut01:hover {background-position:bottom; cursor:pointer;}

.email01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/email.png); background-size:18px 36px; display:block;}
.email01:hover {background-position:bottom; cursor:pointer;}

.sent01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/sent.png); background-size:18px 36px; display:block;}
.sent01:hover {background-position:bottom; cursor:pointer;}

.inbox01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/inbox.png); background-size:18px 36px; display:block;}
.inbox01:hover {background-position:bottom; cursor:pointer;}

.membre01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/membre.png); background-size:18px 36px; display:block;}
.membre01:hover {background-position:bottom; cursor:pointer;}

.load01 {position:absolute; width:18px; height:18px; background:url(img/icMenu/ajax-loader.gif); background-size:18px 18px; display:block;}

.envnonlu {position:relative; float:left; width:18px; height:18px; margin:4px 10px 0px 0px; background:url(img/icMenu/env.png) top; background-size:18px 36px; display:block;}
.envlu {position:relative; float:left; width:18px; height:18px; margin:4px 10px 0px 0px; background:url(img/icMenu/env.png) bottom; background-size:18px 36px; display:block;}

.loaderPost {position:absolute;margin-left:450px; margin-top:20px; display:none; float:left;}

.notif_mess {position:absolute;background-color:#F00; top:4px; left:20px; font-size:10px; font-weight:bold; padding:2px 5px 2px 5px;-moz-border-radius:6px;-webkit-border-radius: 6px;border-radius:6px;behavior: url(pie/PIE.htc);}

.champsTexte01 {position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #ccc; width:150px; height:20px;  padding:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior: url(pie/PIE.htc); margin-right:5px;}
.champ01 {width:227px; height:20px; padding:10px 14px 10px 14px; background:#fff; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; border:none; font-family:'hvlbl'; font-size:18px; font-weight:bold; color:#00b8ff;letter-spacing:-1px;}
.zoneTexte01 {position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #ccc; width:500px; height:60px;  padding:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior: url(pie/PIE.htc); margin-right:5px;}

.bouton01 {position:relative; font-family:Arial, Helvetica, sans-serif; background:#FFF; cursor:pointer; font-size:11px; border:1px solid #ccc; width:200px; height:30px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;behavior: url(pie/PIE.htc); }

.bouton01:hover{ background:#00b8ff; color:#fff;}