/*-----------------------------------------------------------------------------------------------------

        Sv-diffusion.com
        
        Projet : Portail Amateurs
        Website : www.extra-amateurs.com

        Sommaire :  Generique
					Header
					Navigation
                    Contenu
					Footer
                    
-------------------------------------------------------------------------------------------------------*/



/*GENERIQUE
-----------------------------------------------------------------------------------------------------*/

body {
	background:#000;
}

.global {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

/* Gestion H1 */

.global h1 {
	font-size:1.2em;
	margin:0;
	padding:0;
}



.global h2 {
	font-size:1.4em;
	margin:0;
	padding:0;
     
}

/* Gestion H1 liste  */  
h1.detail {
    font-size:1.8em;
    margin-left:20px; 
    padding-top:10px;
    color:#FFF;
}

h1.annuaire {
    color:#FF000A;    
}

h1.photo {
    color:#DC0053;
}

h1.video {
    color:#E700FF;
}

h1.top {
    color:#007BFF;
}

.global p {
	margin:0;
	padding:0;
	line-height:1em;
}


/*HEADER
-----------------------------------------------------------------------------------------------------*/

.accroche {
    background: #0F0F0F;
    font-size: 11px;
    color: #666;
    text-align: center;
    height: 20px;
}

.accroche p {
    line-height:1.6em;    
}

.header {
    background:url(../picture/bk_header.jpg) repeat-x top left;
    height: 110px;
}

.logo {
    float:left;
}

.logo a {
	display:block;
	width:230px;
	height:110px;
	background:url(../picture/logo.jpg) no-repeat top left;
	/*margin-left:8px;*/	
}

.mega_ban {
    float:left; 
	/*border:1px solid #000;
	background:#fff;*/
	width:690px;
	height:90px;
	margin:8px 0 0 10px;
}

.bt_retour { 
    margin-bottom: 20px;
    float: left;
}

.bt_retour a { 
    /*display:block; */
    color:#fff;                
    background:#333;
    padding:4px 10px;
    text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;  
}


.bt_retour a:hover {
    background:#CC0000;
}

/*NAVIGATION
-----------------------------------------------------------------------------------------------------*/

.cache {
	background:url(../picture/cache_menu.png) no-repeat top left;
	height:244px;
	width:75px;
	position:absolute;
    margin-left:890px;
	z-index:2;
}

.nav {
	background:url(../picture/bk_barre_nav.gif) repeat-x top left;
	height:244px;
}

.menu {
	margin:0;
	padding:0;
	margin-left:-10px;
	/*overflow:hidden;*/
	height:238px;
}

.menu ul {
	margin-top:6px;
}

.menu ul li {
	list-style:none;
	float:left;
	height:232px;
	margin:0;
	padding:0;
}

.menu ul li a{
	display:block;
	height:232px;
}

.menu ul li a.annuaire {
	background:url(../picture/menu_01.jpg) no-repeat top left;
}

.menu ul li a.photo{
	background:url(../picture/menu_02.jpg) no-repeat top left;
}

.menu ul li a.video {
	background:url(../picture/menu_03.jpg) no-repeat top left;
}

.menu ul li a.top {
	background:url(../picture/menu_04.jpg) no-repeat top left;
}


/*CONTENU
-----------------------------------------------------------------------------------------------------*/

/* Pub */

.cont_pub_g,
.cont_pub_d {
    margin-top:30px;
}

.cont_pub_h,
.cont_pub_b {
    margin:10px 0;
}

.cont_pub_list {
    margin:20px 0 20px 0px;
    padding-bottom:16px;
    border-bottom: 1px dotted #666;
}

.cont_pub_g a img,
.cont_pub_d a img, 
.cont_pub_h a img, 
.cont_pub_b a img, 
.cont_pub_list a img {
    border:2px solid #666;
}


.contenu {
	background:#161616;
    height: 500px;
}

html>body .contenu {
    background:#161616;
    min-height: 500px;
    height:auto; !important
}

.arianne {
	padding-top:10px;
	margin-left:20px;
    font-size:11px;
    color:#CCCCCC; 
}

.arianne a {
	color:#CCCCCC;
	text-decoration:none;
}

.arianne a:hover {
	color:#CC0000;
	text-decoration:none;
}

.arianne a h2 {
    font-weight:normal;
    display: inline;
    font-size: 10px;
    color:#CCCCCC;
    text-decoration:none;
}

.arianne a:hover h2  {
    color:#CC0000;
    text-decoration:none;
}

.contenu_detail {
	padding:0 20px 30px 20px;
}

p.description_liste {
    margin-left:20px; 
    color:#666;
}





/*//// galerie photos ////*/

.bloc_photo {
    border-bottom:1px dotted #666;
    margin-bottom:20px;
}

.bloc_photo .img {
    float:left;
}

.bloc_photo .txt{
    float:left;
    width:460px;
    margin-left:20px;
}

.bloc_photo .txt p {
    color:#CCCCCC;
    text-align:justify;
}

       
.bloc_photo_detail {
	margin-bottom:50px;
    padding-top:8px; 
    border-top:1px dotted #444;  
}

/*.bloc_photo_detail h2 {
	padding-bottom:4px;
	margin-bottom:10px;
	border-bottom:1px dotted #444;
}*/

.bloc_photo_detail p {
	text-align:justify;
	font-size:12px;
	color:#CCCCCC;
}

.cont_photo {
	margin-top:40px;
    background: #1F1F1F;
    margin-top:40px;
    padding-top:20px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
}


.cont_photo a img {
	border:2px solid #666;
	margin:0 10px 10px 0;
}

.cont_photo a:hover img {
	border:2px solid #ccc;
}

/*//// bloc liste ////*/

.bloc_list {
	border-bottom:1px dotted #666;
	margin-bottom:20px;
}

.bloc_list .img {
	float:left;   
}

.bloc_list .img a img {
    border:2px solid #000;
     margin-bottom:16px;    
}

.bloc_list .img a:hover img {
    border:2px solid #ccc;
}

.bloc_list .txt{
	float:left;
	width:436px;
	margin-left:20px;
    line-height:1.4em;
}

.bloc_list .txt h2 {
   margin-bottom:10px;
}

.bloc_list .txt h2 a {
   color:#FFF;
   text-decoration: none;
}

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

.bloc_list .txt p {
	color:#CCCCCC;
	text-align:justify;
}

.bloc_photo_detail a.link_web,
.bloc_list .txt a.link_web {
	float:right;
	margin: 0 0 20px 20px;
	color:#fff;
	background:#CC0000;
	padding:4px 10px;
	text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px; 
}

.bloc_photo_detail a.link_web:hover,
.bloc_list .txt a.link_web:hover {
	background:#333;
}

a.link_web_photo {
    margin: 0 20px;
    color:#fff;
    background:#CC0000;
    padding:4px 10px;
    text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px; 
}

a.link_web_photo:hover {
    background:#333;
}

a.up {
    float:right;
}

/*//// Videos ////*/

.contenu_video {
	margin-left:-22px;
}

.categorie {
	background:url(../picture/bk_categorie.gif) repeat-y top right;
	margin-left:-10px;
}

.categorie p {
	padding:10px 0 10px 20px;
}

.categorie ul li {
	list-style:none;
	margin:0;
	padding:0;
}

.categorie ul li a {
	background:url(../picture/bt_categorie.jpg) no-repeat top left;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #161616;
	height:30px;
	display:block;
	padding-left:25px;
	line-height:2.4em;
	margin-right:4px;
}

.categorie ul li a:hover {
	background:url(../picture/bt_categorie.jpg) no-repeat bottom left;
	border-bottom:1px solid #000;
}

.bk_end {
	background:url(../picture/bk_categorie_end.gif) no-repeat top right;
	height:38px;
	width:140px;
	margin-left:10px;
}


/*//// liste ////*/

.liste {
	padding:20px 0 20px 0;
	margin:0;
}

.liste ul {
    list-style: none;
}

.liste ul li {
    margin:0;
}

/*.liste b {
	color:#CCCCCC;
	font-size:1.2em;
}*/



/*.liste ul li a p {
	margin:0;
	padding:0;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 20px 75px;
	border-bottom:1px dotted #555;
	margin-bottom:10px;
	color:#CCCCCC;
    text-align: justify;
    height:100px;
}

html>body .liste ul li a p {
    margin:0;
    padding:0;
    font:Arial, Helvetica, sans-serif;
    padding:0 0 20px 75px;
    border-bottom:1px dotted #555;
    margin-bottom:10px;
    color:#CCCCCC;
    text-align: justify;
    min-height:100px;
    height: auto important!;
}

.liste ul li a h3 {
	color:#FFF;
	font-size:1.1em;
    margin:0;
	line-height:1.8em;
}

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

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

.liste ul li a:hover h3 {
	text-decoration:underline;
}

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

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


.liste 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;
}

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

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


/*//// pagination ////*/

.pagination {
	margin:20px 0;
}

.pagination a {
	margin-left:4px;
	color:#FFFFFF;
	text-decoration:none;
	background:#333;
	padding:4px 8px;
	text-align:center;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}

.pagination a:hover {
	background:#CC0000;
}

.pagination a.activ {
	background:#CC0000;
}


/*FOOTER
-----------------------------------------------------------------------------------------------------*/

.footer {
	background:#333;
	border-top:1px solid #4e4e4e;
}

.footer_bk {
	background:url(../picture/bk_footer.gif) repeat-x top left;
	/*width:960px;*/
	height:16px;
	margin-top:-1px;
	margin-bottom:20px;
    z-index: 100;
}

.footer_li_g {
	background:url(../picture/footer_li_g.gif) no-repeat top left;
	height:16px;
	width:27px;
	float:left;
}

.footer_li_d {
	background:url(../picture/footer_li_d.gif) no-repeat top left;
	height:16px;
	width:27px;
	float:right;
}


h3.h3_footer {
	/*font-weight:normal;*/
	margin-bottom:10px;
	font-size:12px;
	padding-bottom:4px;
	border-bottom:1px dotted #5c5c5c;
}

h3.h3_footer a {
	/*display:block;*/
	padding-left:4px;
	color:#ccc;
	text-decoration:none;
}

h3.h3_footer a:hover {
	background:#222;	
}

.contenu_footer ul {
	font-size:11px;
	color:#999999;
    margin-bottom:20px;
    list-style: none;
}

.contenu_footer ul li {
	margin:0;
    display: inline;  
}

.contenu_footer ul span {
    display: inline;
}

.contenu_footer ul li a {
    padding:0 4px;
	color:#999999;
	text-decoration:none;
}

.contenu_footer ul li a:hover {
    text-decoration:underline;
    color: #FFF;
}

.footer_b {
	background:#1c1c1c;
	padding:10px 0 20px 0;
}

.footer_b p {
	margin:0;
	color:#666666;
	text-align:center;
    padding-bottom:10px;
}