/*******************************************************************************/
/*                                    compBox                                  */
/*******************************************************************************/

.compBox {
}
.compBox .headerComposants {
}
.compBox .headerComposants .footerComposants {
}
.compBox .headerComposants .footerComposants .contentComposants {
    height: 165px;
    margin: 0 auto;
    width: 980px;
    position: relative;
}

.compBox .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
}

.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants span {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text {
}

.compBox .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}

#compBox1 {
    background: url("../image/digiPub.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 300px;
    padding: 0;
    width: 220px;
	/*cursor: pointer;*/
	display: block;
}

#compBox1:hover {
	/*opacity:0.8;*/
}

#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants .text.line1 {
}

#compBox2 .headerComposants .footerComposants .contentComposants .dataContentComposants {

}

#compBox2 {
    background:url("../image/arrow-down.jpg") no-repeat scroll center center transparent;
    width: 100%;
    height: 13px;
}

#socialNetwork {
    float: right;
    height: 100px;
    margin: 0 20px 0 auto;
    width: 197px;
    padding-top: 20px;
}
#socialNetwork ul li {
    float:left;
    list-style-type: none;
}

#socialNetwork ul li a {
    color:#fff;
}

#titre {
    border-bottom: 1px solid #666666;
    color: #FFFFFF;
    font-family: 'oswald';
    font-size: 12px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.fb {
    float:left;
    background: url("../image/fb.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
}
.twitter {
    float:left;
    background: url("../image/twitter.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
    margin-left: 15px;
}
.youtube {
    float:left;
    background: url("../image/youtube.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
    margin-left: 15px;
}
.deezer {
    float:left;
    background: url("../image/deezer.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
    margin-left: 15px;
}
.google {
    float:left;
    background: url("../image/google.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
    margin-left: 15px;
}
.rss {
    float:left;
    background: url("../image/rss.png") no-repeat scroll 0 -16px transparent;
    float: left;
    height: 16px;
    width: 20px;
    margin-left: 15px;
}

.fb:hover {
    background: url("../image/fb.png") no-repeat scroll 0 0 transparent;
}
.twitter:hover {
    background: url("../image/twitter.png") no-repeat scroll 0 0 transparent;
}
.youtube:hover {
    background: url("../image/youtube.png") no-repeat scroll 0 0 transparent;
}
.deezer:hover {
    background: url("../image/deezer.png") no-repeat scroll 0 0 transparent;
}
.google:hover {
    background: url("../image/google.png") no-repeat scroll 0 0 transparent;
}
.rss:hover {
    background: url("../image/rss.png") no-repeat scroll 0 0 transparent;
}


#address {
    border-top: 1px solid #666666;
    color: #666;
    font-family: 'Arial';
    font-size: 12px;
    height: 30px;
    padding-top: 10px;
    position: absolute;
    top: 55px;
}

#home {
    background: url(../image/address.png) no-repeat 0 bottom transparent;
    display: inline-block;
    height: 15px;
    padding: 0 5px;
    width: 20px;
}

#phone {
    background: url(../image/phone.png) no-repeat 3px bottom transparent;
    display: inline-block;
    height: 15px;
    padding: 0 5px;
    width: 20px;
}

#copyright {
    color: #666666;
    font-size: 12px;
    position: absolute;
    top: 140px;
}