/* mainpage */
body{background:#39c;font-size:12px;font-family:arial;}
a{outline:none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
button, input.sub-connecter, input.sub-rechercher, input.btn-loupe, input.btn-plus,
input.btn-continuer
{cursor: pointer;}


h1,h2,h3,h4,button,form,a,img,div{margin:0;padding:0;border:0;background:transparent;}
ul{list-style-type: none;}
ul, li{margin:0;padding:0;}
img{vertical-align: middle;}


iframe{padding:0;}


.site{
    margin: 50px auto 0 auto;
    width:976px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:white;
    padding:3px;
    overflow:hidden; /* prepare the table that popups from the bottom */
}


#banniere{height:78px;position:relative;background:#333;
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
}
#banniere h1 a{display:block;position:absolute;top:12px;left:10px;background: url(logo.png) no-repeat left top;
width:507px;height:61px;text-indent:-10000px;
}
#banniere span.baseline{visibility:hidden;}

#banniere .recherche{
    position:absolute;top:10px;left:646px;background:url(bouton-rechercher2.png) no-repeat left bottom;
    width: 305px;
}
#banniere .recherche form{height:45px;text-align:right;}
#banniere .recherche label{color:white;font-weight:bold;margin-left:2px;}
#banniere .recherche .inp-recherche, #banniere .recherche .sub-rechercher{
    background:none;border:none;position:absolute;
}
#banniere .recherche .inp-recherche{height:17px;top:24px;left:10px;width:220px;color:#ccc;padding-left:20px;}
#banniere .recherche .sub-rechercher{width:100px;height:19px;top:24px;left:4px;width:22px;text-indent: -10000px;}




#menut{height:38px;background:#848484;position:relative;}
#menut ul {padding-left:10px;}
#menut ul li {display:block;float:left;margin-top:4px;}
#menut ul li a{
    text-indent:-10000px;
    display:block;background-image: url(sMenut.png);background-repeat:no-repeat;width:165px;height:30px;}
#menut a.competences{background-position: 0 0;}
#menut a.membres{background-position: 0px -30px;}
#menut a.moncompte{background-position: 0px -60px;}
#menut a.inscription{background-position: 0px -90px;}
#menut a.competences:hover{background-position: -165px 0;}
#menut a.membres:hover{background-position: -165px -30px;}
#menut a.moncompte:hover{background-position: -165px -60px;}
#menut a.inscription:hover{background-position: -165px -90px;}

#menut form{float:right;margin-top:7px;margin-right:10px;}
#menut form input{width:94px;background:black;border:black;color:#93866f;padding:5px 1px;}
#menut form input.sub-connecter{
    text-indent:-10000px;height:26px;padding:0;
    background:url(btn-connexion.png) no-repeat left top; border:none;}

#menut .forgotten-password{position:absolute;top:-17px;width:117px;height:13px;display:block;
background:url(forgotten-password.png) no-repeat left top;text-indent:-10000px;left:828px;
}


#quickmenu{height:80px;}
#quickmenu ul{display:block;text-align:center;padding-top:12px;}
#quickmenu ul li{display:inline-block;margin:0 28px;}
#quickmenu ul li a{display:block;text-indent:-10000px;width:265px;height:57px;background-image: url(sQuickmenu.png);background-repeat: no-repeat;}
#quickmenu ul li a.competences{background-position: 0 0;}
#quickmenu ul li a.demandes{background-position: 0 -57px;}
#quickmenu ul li a.echange{background-position: 0 -114px;}

#contenu{}


.strip{clear:both;}
.strip .head, .onestrip{height:24px;background:#333;border-bottom:1px solid #8e8e8e;}
.strip .head h4, .onestrip h4{color:#fff;font-size:21px;text-transform: uppercase;padding-left:20px;float:left;}
.onestrip h4{font-size:19px;}
.strip .head, .strip .content{margin-bottom:1px;}
.strip .head .rightbar,.onestrip .head .rightbar{float:right;padding-right:20px;}
.rightbar.underbanner{position:relative;}
.strip .head .rightbar a,.onestrip .head .rightbar a{display:block;background-image: url(sLink-liste.png);background-repeat: no-repeat;
           width:183px;height:15px;text-indent:-10000px;float:left;margin-right:20px;margin-top:4px;}
.strip .head .rightbar a.competence{background-position:0 2px;}
.strip .head .rightbar a.demande,.onestrip .head .rightbar a.demande{background-position:0 -11px;}
.strip .head button.icon{display:block;text-indent:-10000px; background-image: url(sList-option.png);
background-repeat: no-repeat;width:23px;height:23px;float:right;margin-left:5px;
}
.strip .head button.icon.list-view{background-position:0 0;}
.strip .head button.icon.grid-view{background-position:-23px 0;}
.strip .head button.icon.extend-up{background-position:-46px 0;}

.strip span.btn-presentation{background:url(btn-presentation.png) no-repeat left top;display:block;
width:320px;height:24px;padding:5px;
}
/*.strip span.btn-presentation a{color:black;}*/

.ih-competence{}
.ih-membre{padding:10px 0;text-align: justify;}
.strip ul.ih-competence{text-align:center;padding:10px 0;}
.ih-competence .item,.ih-membre .item{width:110px;display:inline-block;margin:0 10px;position:relative;overflow:hidden;vertical-align:top;}
.strip .ih-competence .item{height:164px;}
.ih-competence .item img,.ih-membre .item img{border: 1px solid #b0b0b0;}
.ih-competence .item button{position:absolute;top:61px;left:57px;width:51px;height:48px;text-indent:-10000px;
            background: url(img-competence-overlay.png) no-repeat left top;}
.ih-competence .item a,.ih-membre .item a{text-decoration:none;}
.ih-competence .item .link-competence{}
.ih-competence .item .link-profil,.ih-membre .item .link-profil{display:block;}
.ih-competence .item span{}

#liste-competence{text-align:left;padding:10px 0 10px 22px;}
#liste-competence .item{text-align:center;margin-bottom:20px;}
#liste-competence .item img{margin-bottom:5px;}
.ih-membre .item{text-align: center;}


#liste-demande{padding:10px;}
.ih-demande{text-align:center;}
.strip .ih-demande{text-align:center;padding:10px 0;}
.ih-demande .item{width:160px;display:inline-block;margin:0 10px;position:relative;text-align:left;vertical-align:top;}
.ih-demande .item a{text-decoration:none;}
.ih-demande .item p{margin:0}
.ih-demande .item hr{border: 1px dotted #a4a4a4;}
.ih-demande .item .link-profil{display:block;}
#liste-demande .item{margin-bottom:30px;}



.ih-echange{}
.strip .ih-echange{background:#d2d1d0;position:relative;padding:20px 0;}
.strip .ih-echange .prev,.strip .ih-echange .next{position:absolute;display:block;top:41px;
width:49px;height:57px;background-image:url(arrows/jcarousel.png);background-repeat: no-repeat;
text-indent:-10000px;
}
.strip .ih-echange .prev,.strip{left:0;background-position: 0 0;}
.strip .ih-echange .next,.strip{right:0;background-position: -49px 0;}
.ih-echange .jcarousellite{margin:0 auto;}



.ih-echange ul{text-align:center;padding:10px 0;}
.ih-echange .item{background-color:#f4f4f4;width:425px;height:140px;display:inline-block;margin:0 10px;position:relative;border: 1px solid #b0b0b0;
background-position:0 17px; background-repeat: no-repeat;position:relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

.ih-echange .item a{text-decoration: none;text-transform: uppercase;}
.ih-echange .item.reussi{background-image: url(echange-reussi.png);}
.ih-echange .item.rate{background-image: url(echange-rate.png);}

.ih-echange .item .profil,.ih-echange .item .profil2{display:block;width:100px;}
.ih-echange .item .profil{position: absolute;top:10px;left:172px;}
.ih-echange .item .profil2{position: absolute;top:10px;left:296px;}

.ih-echange .item .overlay{background: url(arrows/echange-overlay.png);width:78px;height:77px;display:block;
position:absolute;top:19px;left:245px;
}



#menub{background:#333;
       -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
       height:48px;
       position:relative;
       z-index:3;
}

#menub ul{text-align:center;}
#menub li{display:inline-block;margin: 17px 35px 0 35px;}
#menub li a{color:white;text-decoration:none;}

#menubholder{position:relative;background:#333;}

#tableaukustomholder{position:absolute;bottom:48px;left:0px;
width:100%;height:45px;overflow:hidden;
}

#menubholder .tableaukustom{position:absolute;top:-6px;left:0;
width:100%;
height:300px;
z-index:2;
background:none;
}

#menubholder .tableaukustom .head{height:55px;background:#39afd5;
     -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
     background: url(tableau-head.png) no-repeat center top;
     position:relative;
     z-index:3;
}

#menubholder .tableaukustom .head a{text-indent:-10000px;display:block; position:absolute;}
#menubholder .tableaukustom .head a#lk-suivi{width:277px;height:30px;top:15px;left:10px;}
#menubholder .tableaukustom .head a#lk-favori{width:200px;height:30px;top:15px;left:378px;}
#menubholder .tableaukustom .head a#lk-message{width:203px;height:30px;top:15px;left:736px;}


#menubholder .tableaukustom .head .arrow{background-image: url(arrows/tableaukustom.png);background-repeat: no-repeat;
width:19px;height:17px;text-indent:-10000px;display:inline-block;position:absolute;right:2px;top:18px;
}

#menubholder .tableaukustom .head .arrow{background-position: 0 0;}
#menubholder .tableaukustom .head .arrow.down{background-position: 0 -17px;}
#menubholder .tableaukustom .head .xcontent{color:#333;text-decoration: none;font-size:16px;line-height:30px;margin-left:10px;}
#menubholder .tableaukustom .head .xcontent:hover,#menubholder .tableaukustom .head .xcontent.active{color:white;}

/*.tableaukustom .message{display:inline-block;background: url(smallmail.png) no-repeat left top;text-indent:-10000px;width:40px;height:39px;
position:relative;z-index:5;top:-21px;
}*/

.tableaukustom .notif-blue#cpt-new-msg{position:absolute;top:-3px;left:23px;
display:block;background: url(notif-blue.png) no-repeat left top;width:30px;height:31px;text-indent: 0px;
line-height:28px;font-size:12px;text-align: center;
}

.tableaukustom  #xcontenttarget{width:100%;overflow:auto;border:none;background:#333;height:300px;position:relative;top:-13px;
    z-index:1;
}


/* fiche */
.fiche{font-size:14px;}
.fiche .bordure{border: 1px solid #a8a8a8;border-bottom:none;background:#e0e0e0;clear:both;}
.fiche .bordure.last{border-bottom: 1px solid #a8a8a8;}
.fiche .lueur{border: 1px solid white;padding:10px;position:relative;}

.detail-profil, .detail-competence{padding:10px;}
.detail-profil .fiche{width:425px;float:left;margin-top:10px;}
.detail-profil #liste-competence{float:right;width:530px;padding:10px 0;}

.fiche-profil {}
.fiche .blocphoto{width:270px;line-height:25px;}
.fiche .blocphoto img{margin-right:5px;border:1px solid black;}
.fiche .blocphoto h5{font-size:26px;margin:26px 0 0 0;font-weight:normal;}
.fiche-profil .blocinfo.lineh {line-height:30px;}

.fiche-profil .action button{background-image:url(sBouton-profil.png);background-repeat: no-repeat; border:none;
text-indent:-10000px;width:113px;height:58px;}

.fiche-profil .action button.send-message{background-position:0 -58px;}
.fiche-profil .action button.follow-him{background-position:0 0;}

.fiche-profil .demandes{padding:10px;}
.fiche-profil .demandes h5{margin:5px 0 5px 0;}
.fiche-profil .demandes a,.fiche-profil .demandes span
{background:#bababa;padding:0 5px;text-decoration: none;cursor:pointer;margin-right:5px;}




.detail-competence .fiche{width:425px;float:right;margin-top:10px;}
.fiche-competence{float:right;width:425px;}
.competence-showcase{float:left;width:530px;margin-top:10px;}
.competence-showcase h3.title{font-size:18px;text-transform: uppercase;color:#999;margin-bottom:10px;margin-left:20px;}
.competence-showcase .mainmedia{width:490px;background:white;margin:0 auto;text-align:center;padding:8px 0px;
margin-bottom:5px;
}

.competence-showcase .auxmedia{width:490px;margin:0 auto;}
.competence-showcase .auxmedia img{margin-right:8px;border:1px solid black;margin-bottom:5px;}


.detail-competence a{text-decoration:none;}
.detail-competence .related .ih-competence{text-align:left;}
.detail-competence .related .ih-competence .item{text-align:center;margin-bottom:5px;}
.detail-competence .related h4{padding-left:10px;background-image:url(sTitre-det-comp.png);
background-repeat: no-repeat;width:166px;height:15px;text-indent: -10000px;margin:0 0 5px 10px;}
.detail-competence .related h4.sameuser{background-position:0 0;}
.detail-competence .related h4.samecat{background-position:0 -15px;}


.media-icon{background-image:url(allmedia.png);width:50px;height:65px;background-repeat:no-repeat;text-indent: -10000px;
border:none;display:block;
}
.media-icon.mp3{background-position:0 0;}
.media-icon.txt{background-position:0 -65px;}
.media-icon.pdf{background-position:0 -130px;}
.media-icon.doc{background-position:0 -195px;}
.media-icon.html{background-position:0 -260px;}
.media-icon.youtube{background-position:0 -325px;}
.media-icon.dailymotion{background-position:0 -390px;}



.fiche-competence .blocphoto img{float:left;}
.fiche-competence .blocphoto a.abutton{background:url(voir-profil.png) no-repeat left top;display:block;
width:97px;height:22px;border:none;text-indent:-10000px;position:absolute;left:295px;top:100px;
text-align:left;
}



button.ajouter-a-favori{background: url(ajouter-a-favori.png) no-repeat left top;text-indent:-10000px;
width:352px;height:62px;
}

.fiche-competence .ajouter-a-favori{display:block;margin:0 auto;}
.fiche-competence .bullecommentairehr{margin-top:34px;background:#aaa;border:none;height:1px;}

/* browse competence */
.browse-competence{text-align:left;}
.browse-competence #liste-competence{margin:0;float:left;width:680px;margin-top:10px;}
.browse-competence .rechercher-competence{width:240px;float:right;margin:20px 25px 0 0;}
.browse-competence .rechercher-competence .categorie{line-height: 20px;}
.browse-competence .rechercher-competence .categorie input{margin:0;padding:0;vertical-align: middle;margin-right:8px;}
.browse-competence input{border: 1px solid #999;background:url(bg-input.png) repeat-x left top;height:23px;
padding-left:10px;}

.pagelink{text-align:center;padding-top:5px;}
.pagelink a{color:white;margin:0 15px;text-decoration: none;}
.pagelink a.active{color:#c00;}

/* formulaire inscription */
.form-holder{padding:10px 170px 30px 170px;}
.form-holder .header{text-align:center;margin-bottom:20px;}
.form-holder .header a{background-image:url(sInscription-form.png);width:315px;height:57px;
text-indent: -10000px;background-repeat: no-repeat;display:inline-block;
}

.form-holder .header a.inscription1{background-position: 0 0;}
.form-holder .header a.inscription0{background-position: 0 -57px;}
.form-holder .header a.detail1{background-position: 0 -114px;}
.form-holder .header a.detail0{background-position: 0 -171px;}
.form-holder form{clear:both;}
.form-holder input{border: 1px solid #999;background:url(bg-input.png) repeat-x left top;height:23px;
padding-left:10px;}


fieldset{background:#f4f4f4;border: 1px solid #d5d3d3;margin-bottom:10px;}
.form-holder fieldset .condition{margin: 0 auto;width:90%;border: 1px solid #d5d3d3;}
.form-holder fieldset .condition p{padding:5px 10px;}
.form-holder label{line-height:20px;font-size:14px;clear:both;float:left;text-align:right;width:30%;margin-right:10px;margin-bottom:20px;}
.form-holder input{float:left;width:60%;vertical-align: middle;}
.form-holder input.cbcondit{width:auto;float:left;margin-top:0;padding-top:0;margin-right:10px;}
.form-holder .kifform label.condit{width:400px;float:none;clear:none;text-align:left;margin-left:5px;}
.form-holder h3{font-size:30px;border:none;font-weight:normal;}
.form-holder .btn-continuer{float:right;margin-left:40px;}



.detail-demande {line-height:20px;padding:10px;}
.detail-demande a{text-decoration:none;color:black;}
.detail-demande  hr{border: 1px dotted #a4a4a4;}
.detail-demande .head .infohead{float:left;width:780px;}
.detail-demande .head .linkhead{float:left;width:170px;}
.detail-demande .content{padding:10px;}



.presentation{background: url(presentation.jpg) no-repeat left top;width:976px;height:827px;position:relative;}
.presentation .nbmembre{position:absolute; top:792px;left:876px;visibility: hidden;}
.presentation .inscription{position:absolute; top:764px;left:762px;visibility: visible;
display:block; width:167px;height: 32px;text-indent: -10000px;
}


/* comments */
#toolbar {
margin-bottom:20px;
margin-top:70px;
width:515px;
position:relative;
}

#toolbar .bullecommentaire{display:block;
width:78px;height:71px;background: url(bulle-commentaire.png) no-repeat left top;
color:white;font-size:20px;position:absolute;top:-35px;left:416px;line-height:40px;
text-align:center;z-index:3;
}


div.shadowed {
border:1px solid #BBBBBB;
}

div.shadowed div.inner-boundary {
background-color:#F4F4F4;
background-image:url("white_line.png");
background-repeat:repeat-x;
border:1px solid #BBBBBB;
margin:-2px 0 0 -2px;
}
#toolbar .inner-border {
padding:15px 0 25px 10px;
position:relative;
}
div.shadowed div.inner-boundary div.inner-border {
background-color:#F4F4F4;
border:1px solid #FEFEFE;
}

#toolbar .inner-border ul li:first-child {
border-left:0 none;
}

#toolbar .inner-border ul li {
border-left:2px solid #FFFFFF;
border-right:1px solid #D4D3D3;
color:#000000;
float:left;
padding:0 10px;
}
#toolbar .inner-border ul li.selected a {
color:#303030;
font-weight:bold;
}

#toolbar .inner-border ul li a {
color:#C76D24;
font-size:12px;
margin-right:0;
}


#toolbar .inner-border ul li:last-child {
border-right:0 none;
}

#toolbar .inner-border ul li {
border-left:2px solid #FFFFFF;
border-right:1px solid #D4D3D3;
color:#000000;
float:left;
padding:0 10px;
}


.post, .post_alternate, .post_orange, .reply {
clear:both;
padding:5px 2px 5px 0;
position:relative;
}

.post div.poster, .post_alternate div.poster, .post_orange div.poster, .reply div.poster {
float:left;
margin-top:1px;
width:99px;
}

.post div.shadowed, .post_alternate div.shadowed, .post_orange div.shadowed, .reply div.shadowed {
border-color:#C3BFBE;
float:right;
width:410px;margin-right:10px;
}

.post div.text, .post_alternate div.text, .post_orange div.text, .reply div.text {
background-color:#FFFFFF;
border:1px solid #D5D5D5;
padding:20px 20px 15px;
}

.post .inner-boundary, .post_alternate .inner-boundary, .post_orange .inner-boundary, .reply .inner-boundary {
min-height:95px;
}

.post div.post-header p, .post_alternate div.post-header p, .post_orange div.post-header p, .reply div.post-header p {
float:left;
padding-top:0;
}

.post p {
padding:10px 0;
line-height:19px;
}

.post .poster-name, .post_alternate .poster-name, .post_orange .poster-name, .reply .poster-name {
color:#171717;
font-family:MgOpen Modata,Helvetica,Geneva;
font-size:21px;
font-weight:normal;
}

.post div.post-header p small, .post_alternate div.post-header p small, .post_orange div.post-header p small, .reply div.post-header p small {
bottom:3px;
color:#A7A7A7;
font-size:9px;
padding:0 7px;
position:relative;
text-transform:uppercase;
}

.post .post-tools, .post_alternate .post-tools, .post_orange .post-tools, .reply .post-tools {
color:#6B6B6B;
font-size:9px;
padding-top:25px;
text-transform:uppercase;
}


/* slide */
.mainslideshow{position:relative;height:139px;text-align:center;}
.mainslideshow img.slide1{position:absolute;top:0;left:0;}
.mainslideshow span.slide1{position:absolute;top:20px;left:750px;}
.mainslideshow img.slide2{position:absolute;top:0;left:0;}
.mainslideshow span.slide2{position:absolute;top:47px;left:613px;}
.mainslideshow a.slide2{position:absolute;top:86px;left:692px;display:block;width:170px;height:32px;text-indent: -10000px;}
.mainslideshow a.slide3{position:absolute;top:51px;left:403px;display:block;width:170px;height:32px;text-indent: -10000px;}
.mainslideshow a.slide5, .mainslideshow a.slidestandardwithrightlink{position:absolute;top:83px;left:772px;display:block;width:170px;height:32px;text-indent: -10000px;}
/*972
175
        <div class="content mainslideshow">
            <img src="/img/slide/slide1.png" alt="slide1" class="slide1" />
        </div>
*/


/* mentions légales */
.mentions-legales {padding:10px 10px 10px 40px;}
.mentions-legales .indent1{padding-left:40px;}
#mentions-legales-holder{height:300px;overflow:scroll;}



#copyright{text-align:center;margin-top:5px;color:#069;
background:url(smallbluecube.png) no-repeat center center;padding-bottom:50px;
}

#copyright a{color:#006699;}


/* this website specifics and funny stuff */

#stos_competence_note  .w1 label.radiolabelafter{width:1%;}
#erreur_condition{color:red;float:left;width:40%;}
#stos_inscription h3{margin-bottom:20px;}
#stos_inscription h4#carmax300 {position:relative;top:-20px;}


.tblue, a.tblue{color:#00a6db;}
.tbrown{color:#d37816;}
.tgraydark{color:#545959;}
.tgraylight{color:#a4a4a4;}

.gray{background-color:#d2d1cf;}
.graylight{background-color:#ece8e8;}

.ici{background: url(arrows/ici.png) no-repeat left top;padding:2px 0 2px 30px;}
.etoile{display:block;width:146px;height:30px;background-image: url(sEtoile.png);background-repeat:no-repeat;text-indent:-10000px;}
.etoile.etoile0{background-position:0 0;}
.etoile.etoile1{background-position:0 -30px;}
.etoile.etoile2{background-position:0 -60px;}
.etoile.etoile3{background-position:0 -90px;}
.etoile.etoile4{background-position:0 -120px;}
.etoile.etoile5{background-position:0 -150px;}


.btn-loupe, .browse-competence .btn-loupe{background:url(btn-loupe.png) no-repeat left top;width:33px;height:26px;text-indent: -10000px;border:none;}
.btn-plus, .browse-competence .btn-plus{background:url(btn-plus.png) no-repeat left top;width:27px;height:27px;text-indent: -10000px;border:none;}
.btn-continuer, .form-holder .btn-continuer{background:url(btn-continuer.png) no-repeat left top;width:89px;height:22px;text-indent: -10000px;border:none;}


.lazydesigner{visibility: hidden;}


/* padlinks */
.pdl-blue{padding-left:15px;background:url(arrows/blue.png) no-repeat 0 1px;line-height:12px;}



/* ling tool */
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.tright{text-align:right;}
.tleft{text-align:left;}
.tcenter{text-align:center;}
.relat{position:relative;}
.pt30{padding-top:30px;}

/* aw37 addon */
#agenceweb37-linkback{
	position:fixed;right:10px;bottom:10px;color:#ddd;
	width:20px;height:20px;display:block;text-indent:-10000px;
	background:url(http://www.agenceweb37.fr/image/agenceweb37-linkback.png) no-repeat left top;}