body 
{
background: #171717 url(../img/black.gif);
margin: 10px;
font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
color: #fff; 
text-align: center;
}


#head-container{
width:990px;
height:395px;
padding:0px;
position:center;
border:1px solid #000;
background:#313131;
text-align: left;
margin: 0 auto;
}



#head-image{
width:500px;
height:375px;
padding:0px;
margin-left:245px;
margin-top:-200px;
margin-bottom:10px;
position:relative;
border:#c49400 1px solid;
}

#imagea {

height:150px;
width:200px; 
margin-left:21px;
margin-top:10px;
border:#c49400 1px solid;
}

#imageb {

height:150px;
width:200px; 
margin-left:770px;
margin-top:-150px;
border:#c49400 1px solid;
}

#imagec {

height:150px;
width:200px; 
margin-left:21px;
margin-top:70px;
border:#c49400 1px solid;
 }

#imaged{
height:150px;
width:200px; 
margin-left:770px;
margin-top:-152px;
border:#c49400 1px solid;
 }

.magic{
font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
font-size:50px; 
margin-left:30px;
margin-top:-198px;
color: #fff; 
}

.silure{
font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
font-size:50px; 
margin-left:775px;
margin-top:-17px;
color: #fff; 
}

  
  
 
#head2-image{
width:990px;
height:270px;
background:url(../images/acceuil/head2.jpg) no-repeat center;
border: 1px solid #000;
padding:0px;
margin:0 auto;
position:relative;
}





#container {
margin: 0 auto;
padding:0;
width:990px;
position: relative; 
text-align: left;
border:1px solid #000;
background:#313131;
}

#containerpied {
margin: 0 auto;
padding:0;
width:550px;
height:30px;
text-align: center;
border:1px solid #000;
background:#313131;
}

#content {

width:980px;
margin:0 auto;
position:relative;
padding-bottom:10px;
}

.clear {
clear:both;
height:5px;
}


#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}



* {
padding: 0; 
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
}


a:link, a:visited {
color: #fff;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
color:#c49400;
}





#nav{
width: 1000px;
height:50px;
text-align: center;
margin-top:10px;
margin-left:-10px;
margin-right:0px;
margin-bottom:-30px;
}


#nav LI A{
width: 990px;
height:40px;
display: inline;
padding-left:30px;
padding-right:30px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
background-color:#292929;
margin-left:2px;
}

#nav LI A:hover{
width: 990px;
text-decoration: none;
display: inline;
text-align: top;
padding-left:30px;
padding-right:30px;
padding-top:5px;
padding-bottom:5px;
background-color:#2e2e2e;
background-image:url(../img/li-hover.gif);
background-repeat:repeat-x;
background-position:top;
border-bottom: 1px solid #c49400;
border-right: 1px solid #c49400;
border-left: 1px solid #c49400;
border-top: 1px solid #c49400;
}




#content-main {
float: left;
width: 550px;
}

#content h2,
#content h3 
{
font-size: 1.5em; 
margin: 1em 0 0;	
font-weight:normal;
line-height:1.4em;	
letter-spacing:0px;
color: #c49400;
}
#content h4 {
font-size: 1.1em; 
margin: 1em 0 0 0;
}
#content h5 {
font-size: 1em; 
margin: 1em 0;
}

#content .post 
{
padding-left:20px;
}


#content .post-center
{
padding-left:20px;
text-align: center
}


#content-video {
float: left;
width: 980px;
}

#content .entry a:link, #content .entry a:visited
{
border-bottom:#c49400 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
border-bottom:#333333 1px solid;
}
#content .entry li 
{
margin:0 0 0.3em 0;
padding:0;
line-height:1.6em;
}



#content-clindoeil {
float: center;
width: 600px;
margin-left: 175px;
}


#content-clindoeil .post-clindoeil
{
text-align: center
}



#content-coupdecoeur {
float: center;
width: 800px;
margin-left: 85px;
}


#content-coupdecoeur .post-coupedecoeur
{
text-align: center
}


/**************Index droite************/

#nav-right{
width: 400px;
margin-top:15px;
margin-left:5px;
margin-right:2px;
margin-bottom:10px;
overflow:hidden;
float:right;
position:relative;
border-right: 1px solid #000;
border-left: 1px solid #000;
background-color:#292929;
}
#nav-right img{
margin:5px;
list-style-type: none;
overflow:hidden;
text-align: center;
border:#000 1px solid;
}

#nav-right img:hover
{
background-color:#3f3f3f;
border:#c49400 1px solid;
}


#nav-right UL{
width: 400px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
}	
#nav-right LI{
width: 400px;
margin: 0px;
list-style-type: none;
overflow:hidden;
text-align: center;
}	
#nav-right LI A{
width: 400px;
display: block;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
padding-right:10px;
text-decoration: none;
overflow:hidden;
text-align: center;
border-bottom: 1px solid #000;
background-color:#292929;
}
#nav-right LI A:hover{
width: 400px;
text-decoration: none;
display: block;
overflow:hidden;
text-align: center;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
padding-right:10px;
background-color:#2e2e2e;
background-image:url(../img/li-hover.gif);
background-repeat:repeat-x;
background-position:top;
border-bottom: 1px solid #c49400;
border-top: 1px solid #c49400;

}

.cat{
width:400px;
margin: 0px;
padding:4px;
overflow:hidden;
border-bottom: 1px solid #000000;
text-align: center;
color:#fff;
font-weight:bold;
background-image:url(../img/cat-box-rep.png);
background-position:top;
background-repeat:repeat-x;
}



/******************** Footer ********************/
#footer {
	width:800px;
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0px;
}
#footer ul {
}
#footer li {
	display:inline;
	float:none;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
	clear:both;
	color:#FFFFFF;
	margin: 10px 0px;
}
.clear{
	clear:both;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


/******************** mes styles perso ********************/
.red {
   color: red; 
   font-size: small;

}


.outset{
   border: 3px outset black;
}


.comics{
  font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
  font-size: small
  }

  
.suivant
{
   text-align: center; 
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 130%;
}


  
.GDD{
  color:#9BD22B; 
}

.blink { text-decoration:blink; }

/**************Appercu création************/




#content-creation {
float: center;
width: 980px;
}

#creationapercu {
height:340px;
width:500px; 
border:#c49400 1px solid
 }
 
#creationapercu  img{
margin:5px;
list-style-type: none;
overflow:hidden;
text-align: center;
}

#creationapercu img:hover{
background-color:#3f3f3f;
border:#fff 1px solid;
}



/**************Appercu album************/

 #apercu{
margin-left:100px;
}

/**************fenetre flash************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}




 
 /**************Appelan************/

 #video1{
margin-left:20px;
margin-top:0px;
}

 #videoa{
margin-left:50px;
margin-top:30px;
}
 
 #videob{
margin-left:430px;
margin-top:-130px;
}



 /**************album photo lightbox************/

 #photolightbox{
 
width: 200px; 
position: center; 
height: 140px; 
margin: 20px
}