/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

#global{
width:955px;
margin:auto;
}

#banner{
width:955px;
height:215px;
position:relative;
background:url(../img/banner.jpg) top left no-repeat;
margin:0 0 30px 0;
}

h1#logo a{
display:block;
position:absolute;
top:25px;
left:70px;
width:150px;
height:150px;
text-indent:-9999px;
}

ul{
list-style-type:none;
}

a{
outline:none;
color:#3399cc;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

.clear{
clear:both;
}

/*********************************************************
=> COL LEFT
**********************************************************/

#col-left{
float:left;
width:210px;
}

#aka,#soc{
border-top:1px solid #3399cc;
padding:14px 0;
}

/*********************************************************
=> MENU
**********************************************************/

ul#menu{
margin:0 0 20px 0;
}

ul#menu li{
display:block;
margin-bottom:8px;
}

ul#menu li a{
font-size:14px;
color:#32494f;
font-weight:bold;
text-decoration:none;
}

ul#menu li a:hover{
text-decoration:underline;
}

ul#menu li a#menu-active{
color:#e2001a;
}

/*********************************************************
=> AKAMUSIC
**********************************************************/

#aka{
/*background:url(../img/akamusic.jpg) 0 14px no-repeat;*/
text-align:center;
width:213px;
height:390px;
}

#aka h2{
margin-top:4px;
}

#aka h2 a{
font-size:11px;
letter-spacing:-1px;
font-weight:bold;
color:#000;
text-decoration:none;
}

#aka h2 span{
color:#e2001a;
}

/*********************************************************
=> SOCIALS NETWORK
**********************************************************/

#soc{}

#soc h2{
color:#32494f;
font-size:14px;
font-weight:bold;
margin-bottom:14px;
}

#soc a{
margin-bottom:4px;
display:block;
height:18px;
padding-left:20px;
text-decoration:none;
font-size:10px;
color:#3399cc;
padding-top:2px;
}

#soc a:hover{
text-decoration:underline;
}

#soc a#facebook{background:url(../img/facebook.png) top left no-repeat}
#soc a#myspace{background:url(../img/myspace.png) top left no-repeat}
#soc a#twitter{background:url(../img/twitter.png) top left no-repeat}
#soc a#linkedin{background:url(../img/linkedin.png) top left no-repeat}
#soc a#bebo{background:url(../img/bebo.png) top left no-repeat}

/*********************************************************
=> CONTENT
**********************************************************/

#content{
float:right;
width:670px;
}

#content .alignleft{
text-align:left;
}

#content .floatRight{
position:relative;
float:right;
margin:6px 0 6px 12px;
}

#content .floatLeft{
position:relative;
float:left;
margin:6px 6px 6px 0;
}

#content a.floatLeft{
text-decoration:none;
}

#content a.floatLeft span{
position:absolute;
bottom:0;
left:0;
background:#32494f;
font-size:10px;
/*width:297px;*/
width:667px;
color:#fff;
padding:3px 0 3px 3px;
font-weight:bold;
}


#content h1{
font-family:myriad, verdana;
font-size:18px;
text-transform:uppercase;
color:#e2001a;
margin-bottom:14px;
}

#content h2{
font-size:14px;
font-weight:bold;
color:#3399cc;
margin-bottom:9px;
}

#content h3{
font-size:12px;
font-weight:bold;
margin-bottom:14px;
}

#content p{
line-height:20px;
margin-bottom:8px;
text-align:justify;
}

#content p.space{
font-family:Georgia, "Times New Roman", Times, serif;
line-height:22px;
margin-bottom:8px;
font-size:12px;
color:#688f9a;
}

#content ul.links{
list-style-type:none;
margin-bottom:14px;
}

#content ul.links li{
margin:0 0 8px 0;
}

#content ul.links li a{
font-weight:normal;
}

#content ol{
margin:14px 0;
padding-left:20px;
}

#content ol li{
line-height:18px;
margin:0 0 8px 0;
}

#content div.strip{
position:relative;
}

#content .strip a{
position:absolute;
bottom:-12px;
right:0;
background:#fff;
font-size:10px;
color:#666;
}

#content ul.galerie-bd{}

#content ul.galerie-bd li{
float:left;
margin:0 10px 10px 0;
}

#content ul.gal-home{}

#content ul.gal-home li{
float:left;
margin:0 42px 30px 0;
}

#content ul.gal-home li.last{
margin:0 0 30px 0;
}

a.facebook-bis{
display:block;
background:url(../img/icon_facebook.jpg) 0 0 no-repeat;
margin:25px 0 0 0;
padding:50px 0 0 90px;
height:55px;
}



/*********************************************************
=> FOOTER
**********************************************************/

#footer{
margin-top:45px;
}

#footer p{
background:url(../img/phare.jpg) top center no-repeat;
margin:auto;
width:340px;
height:35px;
padding-top:100px;
font-size:10px;
color:#3399cc;
text-align:center;
}

#footer a{
background:url(../img/pixFactory_logo.jpg) top right no-repeat;
padding:2px 12px 0 0;
text-decoration:none;
color:#3399cc;
}

#footer a:hover{
text-decoration:underline;
}