/*
Design du Site 
Réalisé par Yanik GUILBERT
<lien url="http://www.art-of-yanik-guilbert.com></lien>
*/

body
{
width:953px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #000000;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

#en_tete
{
margin-left: auto;
margin-right: auto;
background-image: url("images/header_site_pro3.png");
width: 953px;
height: 153px; 
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
padding: 5px;
margin: auto;
}

.toolbar
{
width: 953px;
height: 85px; 
background-color: #000000;
padding: 3px;
margin-top: 0px;
margin-left: auto;
margin-right:auto;
clear: both;
}


ul.tabnav 
{
   font: bold 11px Verdana, Arial, "Time New Roman", sans-serif;
   list-style-type: none;
   padding-bottom: 24px;
   border-bottom: 2px solid #1B1928;
   margin: 0;
}


ul.tabnav li 
{
   float: left;
   height: 21px;
   background-color: #000000;
   margin: 2px 2px 0 2px;
   border: 2px solid #1B1928;
}


ul.tabnav li.active 
{
   border-bottom: 1px solid #BBB5E6;
   background-color: #000000;
}


.tabnav a 
{
  
   display: block;
   color: #BBB5E6;
   text-decoration: none;
   padding: 4px;
}					


.tabnav a:hover 
{
   background-color: #BBB5E6;
   color: #262141;
    display: block;
}					



h1
{
font-weight: bold;
letter-spacing: 5px;
margin-left: 10px;
color: #BBB5E6;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

h2
{
font-weight: normal;
letter-spacing: 10px;
margin-left: 10px;
color: #47426C;
text-decoration: underline;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}



.portfolio{
font-weight: normal;
letter-spacing: 100px;
margin-left: 10px;
color: #47426C;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

ul
{
list-style-type: none;
list-style-position: inside;
line-height: 200%;
margin-left: 5px;
list-style-position: inside;
}

hr
{
color: #262141;
border: solid;
border-width: 1px;
}

.titre_menu
{
font-weight: normal;
letter-spacing: 1px;
text-align: left;
color: #262141;
text-decoration: underline;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

.mes_influences
{
color: #262141;
font-size:100% ;
font-weight: normal;
font-family: Verdana, "Verdana", "Times New Roman", Times, serif;
}

.text_info
{
text-align:justify;
color: #262141;
font-size:100% ;
font-weight: normal;
font-family: Verdana, "Verdana", "Times New Roman", Times, serif;
}

.retour_accueil{
text-align:justify;
color: #BBB5E6;
font-size:100% ;
font-weight: normal;
font-family: Verdana, "Verdana", "Times New Roman", Times, serif;
}

.retour_accueil a{
color: #BBB5E6;
font-size:110% ;
}

.retour_accueil a:hover{
background-color:#BBB5E6;
color: #262141;
font-size:110% ;
}

#corps
{
width: 700px;
background-color: #BBB5E6;
padding: 10px;
margin-top: 0px;
margin-left: 24%;
text-align: justify;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
}

#corps_galerie
{
width: 703px;
height:900px;
background-color: #000000;
padding: 5px;
margin-top: 0px;
margin-left: 26%;
text-align: justify;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
}

#corps_galerie_3d{
width: 703px;
height:;
background-color: #000000;
padding: 5px;
margin-top: 0px;
margin-left: 26%;
text-align: justify;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
}


.titre_sujet
{
font-weight: normal;
text-align: center;
color: #1B1928;
text-decoration: underline;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

.sujet
{
font-weight: normal;
letter-spacing: 1px;
text-align: justify;
color: #1B1928;
line-height: 200%;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

.visitez_mon_blog
{
font-weight: normal;
text-align: center;
color: #262141;
line-height: 200%;
display: inline;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
padding: 3px;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}


.bando_vertical
{
float: left;
margin: 5px;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
}

.miniature1
{
margin: 15px;
border-style: solid;
border-color: #1B1928;
border-width: 2px;
}

#infos
{
width: 23%;
height:600px;
float: left;
margin-top: 0px;
background-color: #000000;
}

.copyright
{
color: #262141;
font-weight: normal;
text-align: center;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}

a
{
color: #1B1928;
}

.text_info a
{
color: #262141;
}

a:hover
{
color:#BBB5E6;
background-color: #1B1928;
}

a:active
{
background-color: blue;
}

#pied_de_page
{
clear: both;
width: 953px;
margin-top: 0px;
padding: 5px;
background-color: #000000;
text-align: center;
}

/* slides styling */

#nom_galerie
{
font-weight: bold;
letter-spacing: 5px;
margin-left: 10px;
color: #BBB5E6;
font-family: Verdana, Arial, "Time New Roman", sans-serif;
}
	
	
		ul#gallery, ul#gallery li{
			margin-top:0px;
			margin-left: auto;
			margin-right: auto;
			padding:0;
			list-style:none;
			}
		ul#gallery{
			width:600px;
			height:600px;
			position:center;
			background:#000000;
			}			
		ul#gallery li{
			float:none;
			display:inline;
			margin-top:300px;
			}								
		ul#gallery a span{
			display:none;
			}
		ul#gallery a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:600px;
			height:600px;
			margin-right:auto;
			margin-left:auto;
			display:block;
			}