/*-----------------------------------------------------------------------------------------------------
        Projet : standardisation bloc
        Website : www.inov-agency.com
        
-------------------------------------------------------------------------------------------------------*/


/*//////////////// personnalisation bloc //////////////////////////*/

.hab_bloc {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:20px;
    padding:20px;
}

/* ligne haute */

.hab_bloc .h {
    height:23px;
    background:url(../picture/bk_bloc_h.gif) repeat-x top left;
}

.hab_bloc .h .g {
    background:url(../picture/bk_bloc_hg.gif) no-repeat top left;
    height:23px;
    width:7px;
}

.annuaire .h .d {
    background:url(../picture/bk_bloc_hd_annu.gif) #333 no-repeat top left;
    height:23px;
    width:220px;
}

.photo .h .d {
    background:url(../picture/bk_bloc_hd_photo.gif) #333 no-repeat top left;
    height:23px;
    width:220px;
}

.video .h .d {
    background:url(../picture/bk_bloc_hd_video.gif) #333 no-repeat top left;
    height:23px;
    width:220px;
}

.top .h .d {
    background:url(../picture/bk_bloc_hd_top.gif) #333 no-repeat top left;
    height:23px;
    width:220px;
}

.photo .h .d h1 ,
.video .h .d h1 ,
.top .h .d h1 ,
.annuaire .h .d h1 {
    text-align:right;
    padding-right:10px;
    font-style:italic;
    font-weight:bold;
}

.photo .h .d h1 a ,
.video .h .d h1 a ,
.top .h .d h1 a ,
.annuaire .h .d h1 a {
    color:#FFF;
    text-decoration: none;
}

.photo .h .d h1 a:hover ,
.video .h .d h1 a:hover ,
.top .h .d h1 a:hover ,
.annuaire .h .d h1 a:hover {
    color:#FFF;
    text-decoration: underline;
}

.hab_bloc .content {
    border-top:2px solid #000;
    background:url(../picture/bk_bloc.jpg) #222222 no-repeat top left;
}


.hab_bloc .b {
    background:#222;
    height:7px;
}

.hab_bloc .b .g {
    background:url(../picture/bk_bloc_bg.gif) no-repeat top left;
    height:7px;
    width:7px;
}

.hab_bloc .b .d {
    background:url(../picture/bk_bloc_bd.gif) no-repeat top left;
    height:7px;
    width:7px;
}

/*//////////////// personnalisation contenu //////////////////////////*/

.hab_bloc .content p.intro {
    color:#ccc;
    line-height:1em;
    font-size:11px;
    padding-bottom:10px;
}

.hab_bloc .content ul li {
    list-style: none;
    margin:0;
}


/* bloc liste home */

.bloc_list_home {
    border-bottom:1px dotted #666;
    margin-bottom:10px;
    line-height:1em;
    font-size: 12px;
}

.bloc_list_home .img {
    float:left;   
}

.bloc_list_home .img a img {
    border:1px solid #000;
     margin-bottom:10px;    
}

.bloc_list_home .img a:hover img {
    border:1px solid #ccc;
}

.bloc_list_home .txt{
    float:left;
    width:296px;
    margin-left:10px;
    margin-bottom:8px;
}

.bloc_list_home .txt h2 {
   margin-bottom: 4px;
}

.bloc_list_home .txt h2 a {
   color:#FFF;
   text-decoration: none;
   font-size: 12px;
}

.bloc_list_home .txt h2 a:hover {
   color:#ccc;
   text-decoration: underline;
}

.bloc_list_home .txt p {
    color:#CCCCCC;
    text-align:justify;
    font-size: 1em;
    line-height: 0; 
}

/* Link liste */

.hab_bloc .content a.link_liste p {
    background:url(../picture/puce_02.gif) no-repeat top left;
    margin:0;
    padding:0;
    font:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1em;
    padding:1px 0 1px 10px;
}

.hab_bloc .content a.link_liste {
    color:#FFF;
    text-decoration:none;
    display:block;
}

.hab_bloc .content a.link_liste:hover {
    background:#333;
    color:#ccc;
}




/*.hab_bloc .content ul li a p {
    margin:0;
    padding:0;
    background:url(../picture/puce_01.gif) no-repeat top left;
    font:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1em;
    padding:0 0 10px 10px;
    border-bottom:1px dotted #6e6e6e;
    margin-bottom:10px;
}

.hab_bloc .content ul li a b {
    font-size:1.1em;
    padding-bottom:8px;
    line-height: 1.4em;
}

.hab_bloc .content ul li {
    list-style:none;
    margin:0;
}

.hab_bloc .content ul li a {
    color:#fff;
    text-decoration:none;
}

.hab_bloc .content ul li a:hover p {
    color:#ccc;
}

.hab_bloc .content ul li a:hover b {
    text-decoration:underline;
}

.hab_bloc .content ul li a img {
    border:1px solid #000;
    margin-right:10px;
    float:left;
}

.hab_bloc .content ul li a:hover img {
    border:1px solid #ccc;
    margin-right:10px;
}

.hab_bloc .content a.link_liste p {
    background:url(../picture/puce_02.gif) no-repeat top left;
    margin:0;
    padding:0;
    font:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1em;
    padding:1px 0 1px 10px;
}

.hab_bloc .content a.link_liste {
    color:#FFF;
    text-decoration:none;
    display:block;
}

.hab_bloc .content a.link_liste:hover {
    background:#333;
    color:#ccc;
}*/