/* CSS specifique a la page d'accueil du site Chacun Sa Tribu */
/*                    By ALTO Info-Systems                    */

#img_tribus{
    height : 200px;
    width : 1000px;
    background:url(../img/accueil/tribu.jpg);
}

#tribu1 {
    width:168px;
    height:110px;
    background:url(../img/accueil/hovered_tribu_gourmande.png);
    float:left;
    margin-top:80px;
    margin-left:21px;
}
#tribu2 {
    width:136px;
    height:124px;
    margin-top : 76px;
    background:url(../img/accueil/hovered_tribu_tchin_tchin.png);
    float:left;
}
#tribu3 {
    position : relative;
    width:118px;
    height:184px;
    background:url(../img/accueil/hovered_tribu_culturelle.png);
    float:left;
    margin-top:5px;
    margin-left : 21px;
}
#tribu4 {
    width:150px;
    height:126px;
    background:url(../img/accueil/hovered_tribu_sportive.png);
    float:left;
    margin-top:63px;
    margin-left:21px;
}
#tribu5 {
    width:164px;
    height:133px;
    background:url(../img/accueil/hovered_tribu_fetarde.png);
    float:left;
    margin-top:67px;
    margin-left:21px;
}
#tribu6 {
    width:158px;
    height:126px;
    background:url(../img/accueil/hovered_tribu_solidaire.png);
    float:left;
    margin-top:74px;
    margin-left:21px;
}

#tribu1, #tribu2, #tribu3, #tribu4, #tribu5, #tribu6 {
    background-position: top center;
	background-repeat: no-repeat;
}
#tribu1:hover, #tribu2:hover, #tribu3:hover, #tribu4:hover, #tribu5:hover, #tribu6:hover {
    background-position: bottom center;
}

#lbl_tribus{
    width : 1000px;
    height:20px;
    background-color:#c0bfbb;
    color: #573103;
}

.lbl_tribu {
    font-size : 13px;
    color: #000000;
    font-weight:bold;
}
.lbl_tribu a:visited{
    text-decoration: none;
    color: #3c9d40;
    font-size : 13px;
    font-weight:bold;

}

.lbl_tribu a:link{
    text-decoration: none;
    font-size : 13px;
    color: #3c9d40;
    font-weight:bold;
}

#lbl_tribus table{
    max-width:1000px;
    margin: auto;
}

.tab1{
    background-image:url('../img/accueil/fond_tab.jpg');
    background-repeat:no-repeat;
    font-size : 12px;
    width: 1000px;
    height: 150px;
    text-align: center;
}

.tab2{
    font-size : 12px;
    width: 1000px;
    text-align: center;
    color:#573103;
}

.tab2 a{
    color:#573103;
}

#infos1{
    width: 1000px;
    height: 450px;
    text-align: center;
}

#bouton_inscr{
    width:108px;
    height:60px;
    background:url(../img/accueil/bouton1.png) no-repeat;
    float:left;
    margin-top:00px;
    margin-left:000px;
    padding-top:15px;
    text-align:center;
}

#bouton_inscr:hover{
    background:url(../img/accueil/bouton1-hover.png);
}

#bouton_visit{
    width:108px;
    height:60px;
    background:url(../img/accueil/bouton2.png) no-repeat;
    float:left;
    margin-top:00px;
    margin-left:000px;
    padding-top:15px;
    text-align:center;
}

#bouton_visit:hover{
    background:url(../img/accueil/bouton2-hover.png);
}

#trouvezvotretribu{
    margin-top:30px;
    margin-left:40px;
    float: left;
}

#seconnecter{
    background:url(../img/accueil/enveloppe.gif) no-repeat;
    width:280px;
    height:360px;
    float: right;
    margin-top:30px;
    margin-right:40px;
    text-align: center;
    
}

#seconnecter .inputbox{
	box-shadow: 0.2em 0.2em #BBB;
}


#seconnecter a {
    color:#000000;
    border:0;
}

#cherchermatribu {
    background:url("/img/accueil/boutonjaune.gif") no-repeat;
    height : 100px;
    width : 100px;
    float :left;
    text-align: center;
    margin-left: 20px;
    margin-top: 30px;
    border:0;
}

 #rejoindrematribu {
    height : 100px;
    width : 100px;
    float :left;
    text-align: center;
    margin-left: 56px;
    margin-top: 40px;
    border:none; 
    
 }
 
 .charte table{
     border: solid;
     text-align: center;
     margin:auto;

}
 .charte table tr td{
     width:200px;
     border: solid;
     border-width: thin;
}

img {
	border : 0;
}