/******************************************************************************************************************/
/************************************|----------------------------|************************************************/
/************************************|                            |************************************************/
/************************************|   Page CSS de l'accueil    |************************************************/
/************************************|                            |************************************************/
/************************************|----------------------------|************************************************/
/******************************************************************************************************************/


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*        CSS balises         *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/


a:hover
{
/*cursor: url("images/cursor.cur"), auto;*/
}



body
{
width: 850px;
margin: auto;
margin-top: 5px;
margin-bottom: 20px;
background-color: #2B2922;
}

html
{
overflow-y: scroll;
/*cursor: url("images/cursor.cur"), auto;*/
}

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*         CSS id          *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

#protected
{
background-color: #e35404;
border: 5px solid black;
padding: 3px;

height: 80px;
width: 250px;
margin-bottom: 10px;

position: relative;
top: 250px;
margin: auto;
}

/*  

* Arial 
* Georgia 
* Times New Roman 
* Verdana 
* Trebuchet 
* Courier 
* Tahoma 
* Helvetica

Article Source: http://EzineArticles.com/3876664

*/

#logo /* HEADER HEADER HEADER */
{
background-image: url("images/logo_transparent.png");
display: block;
height: 102px; /*97px*/
text-indent: -999px;
width: 486px;
background-repeat: no-repeat;
margin-bottom: 5px;
/*border: 5px solid;*/

background-repeat: no-repeat;
/*text-decoration: none;
padding-top: 77px;
overflow: hidden;*/
z-index: 999;
}

#logo_one /* PICTURES PICTURES PICTURES */
{
background-image: url("images/nyc.jpg");
display: block;
height: 253px;
text-align: center;
width: 380px;
background-repeat: no-repeat;
margin-bottom: 10px;
border: 2px solid #A39770;
background-repeat: no-repeat;
z-index: 999;
}


#menu
{
/*float: left;*/
/*width: 840px;*/
clear: both;
color: #A32500;
background-color: #EFE4BD;
border: 2px solid;
border-color: #A39770;
padding: 0px;
height: 22px;
margin-bottom: 0px;
font-family: "Times New Roman", Sans-Serif;
text-align: center;
letter-spacing: 0px;
}


#menu ul
{
list-style: none;
text-transform: uppercase;
padding: 0px;
margin: 0px;
}

#menu ul li
{
float: left;
margin-top: 2px; 
margin-bottom: 0px;
margin-left: 69px;   /* 40px */
margin-right: 0px;  /* 40px */
padding-left: 0px;
}


#menu h3

{
/*text-indent: 10px;*/
}

#menu a
{
text-decoration: none;
color: #2B2922;
font-weight: bolder ;
}

#menu a:hover
{
color: #A32500;

}

#menu a:active
{
color: #A32500;
}




#photo_menu
{
/*float: left;*/
/*width: 840px;*/
color: #A32500;
background-color: #EFE4BD;
border: 2px solid;
border-color: #A39770;
padding: 0px;
height: 22px;
margin-top: -2px;
font-size: 70%;
font-family: Times New Roman, Serif;
}

#photo_menu ul
{
list-style: none;
text-transform: uppercase;
padding: 0px;
margin: 0px;
}

#photo_menu ul li
{
display: inline-block;
float: left;
margin-top: 4px;
margin-bottom: 0px;
margin-left: 4px;   /* 40px */
margin-right: 0px;  /* 40px */
padding-left: 69px;
}


#photo_menu h3

{
/*text-indent: 10px;*/
}

#photo_menu a
{
text-decoration: none;
color: #2B2922;
font-weight: bolder ;
}

#photo_menu a:hover
{
color: #A32500;
}




#menu_home
{
float: left;
width: 168px;
height: 30px;
text-align: center;
}

#menu_aboutme
{
float: left;
width: 168px;
height: 30px;
text-align: center;
}

#menu_photographs
{
float: left;
width: 168px;
height: 30px;
text-align: center;
}

#menu_guestbook
{
float: left;
width: 168px;
height: 30px;
text-align: center;
}

#menu_contact
{
float: left;
width: 168px;
height: 30px;
text-align: center;
}


#body
{
clear: both;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 15px;
/*width: 840px;*/
/*font-family: Tahoma, serif;*/
font-family: "Trebuchet MS", Verdana, Tahoma, "Sans-Serif";
letter-spacing: 0px;

/*height: 540px;*/

color: black;
background-color: #EFE4BD;
height: auto;
border: 2px solid;
border-color: #A39770;

overflow: hidden;
}

#body div
{
/*padding-left: 15px;*/
}

#body span p
{
padding-left: 20px;
padding-right: 0px;
color: black;
line-height: 20px;
}

#body span p a
{
text-decoration: none;
color: #A32500;
}

#body span p img
{
width: 15%;
position: absolute;
left: 43%;
}





#body div p
{
text-indent: 10px;
}

#body h1
{
text-align: left;
font-size: 200%;
color: #A32500;
padding-left: 0px;
padding-bottom: 1px;
border-bottom: 1px solid #A32500;
margin-top: 0px;
font-family: "Book Antiqua", "Times New Roman", "Sans-Serif";
}

#body h3
{
text-align: left;
color: #A32500;
padding-left: 0px;
}

#body h2
{
color: #A32500;
}


#breadcrumb
{
color: #A39770;
margin-top: -16px;
margin-left: -10px;     /* -8px */
/*margin-right: 50px;*/
margin-bottom: 5px;
padding: 0px;
font-size: 70%;
/*float: right;*/
z-index: 998;
display: block;
position: relative;
font-family: "Century Gothic", "Sans-Serif";
letter-spacing: 1px;
}

#breadcrumb p
{
margin: 0px;
z-index: 999;
}

#breadcrumb span
{
font-size: 80%;
color: black;
z-index: 999;
}

#breadcrumb a
{
text-decoration: none;
color: black;
line-height: 10px;
z-index: 999;
}

#breadcrumb a:hover
{
color: #A39770;
z-index: 999;
}


#fakepadding
{
padding-left: 20px;
color: black;
/*background-image: url('images/olivier.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% -40px;*/
}

#photoblock_ab span p
{
text-align: justify;
text-indent: 0px;
padding-left: 0px;
padding-right: 0px;
color: black;
line-height: 20px;
}

#photoblock_ab ul li
{
text-align: justify;	
}

#photoblock_ab
{
/*border: 2px solid black;*/
/*height: 600px;*/
/*height: 828px;*/
padding-left: 2px;
padding-right: 2px;
overflow: hidden;   /* "hidden" fait apparaitre la div et l'inclut dans la page au lieu de la cacher... */
position: relative;
display: block;
margin-top: -15px;
margin-bottom: 5px;
z-index: 3;
position: relative;
}

#photoblock_a
{
/*border: 2px solid;
border-color: #A39770;*/
float: left;
height: auto;
width: 380px;
margin: 10px;
display: inline;
overflow: visible;
height: auto;
margin-bottom: 1px;
position: relative;
z-index: 3;
}


#photoblock_b
{
/*border: 2px solid;
border-color: #A39770;*/
height: auto;
width: 380px;
float: right;
margin: 10px;
display: inline;
overflow: visible;
height: auto;
margin-bottom: 1px;
position: relative;
}

#posts_images
{
text-align: center;
}

#posts_images img
{
/*border: 10px solid white;*/
}


#recentphotos
{
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
clear: both;

background-color: #EFE4BD;
color: #2B2922;
text-transform: uppercase;
border: 2px solid #A39770;
}

#recentphotos h4
{
margin-top: 0px;
border-bottom: 1px solid #2B2922;
padding-right: 20px;
margin-bottom: 8px;
}

#recentphotos span
{
font-style: italic;
}

#recentphotos img
{
border: 2px solid #2B2922;
margin-right: 1px;
margin-bottom: 2px;
}
#footer
{
clear: both;
margin-top: 1px;
font-family: "Times New Roman", "Sans-Serif";
}

#copyright
{
/*text-align: right;*/
color: white;
float: right;
}

#copyright span
{
font-style: italic;
}

#copyright a
{
text-decoration: none;
color: white;
}

#copyright a:hover
{
color: white;
cursor: text;
}

#topofpage a
{
text-decoration: none;
color: white;
}

#topofpage a:hover
{
color: #A32500;
}

#footer p
{
margin-top: 2px;
font-size: 90%
}

#topofpage
{
clear: both;
/*text-align: left;*/
color: white;
float: left;
}

#main-logo
{
clear: both;
float: left;
z-index: 999;
}

#facebook
{
margin-top: 6px;
float: right;
}






/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*         CSS class          *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/





.image 
{
	position:relative;
	float:left; /* optional */
	border: 2px solid #A39770;
	padding: 0px;
	display: block;
	margin-top: 20px;
	height: 253px;
	text-decoration: none;

}

.image .text
 {
	position:absolute;
	top:223px; /* in conjunction with left property, decides the text position */
	width:380px; /* optional, though better have one */
	/*height: 253px;*/
	text-align: center;
	padding: 0px;
	display: block;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Tahoma, serif;
}

.image a
{
text-decoration: none;
font-size: 135%;
color: #FFFFFF;
}

.image img
{
border: none;
}



/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*         MENU_DROPDOWN          *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

#menu_test, #menu_test ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
       
z-index: 999;       

clear: both;
color: #A32500;
background-color: #EFE4BD;
border: 2px solid;
border-color: #A39770;
padding: 0px;
height: 22px;
margin-bottom: 0px;
font-family: "Times New Roman", Sans-Serif;
text-align: center;
letter-spacing: 0px;
list-style: none;
text-transform: uppercase;
padding: 0px;
margin: 0px;
		
}

#menu_test /* Ensemble du menu */
{
font-family: "Times New Roman", Sans-Serif;
}

#menu_test a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
      
        
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
      
		
text-decoration: none;
color: #2B2922;
font-weight: bolder ;
}

#menu_test li ul li a
{
color: white;
}

#menu_test li /* Elements des listes */      
{ 
        float : left; 
      
  
float: left;
margin-top: 2px; 
margin-bottom: 0px;
margin-left: 69px;   /* 40px */
margin-right: 0px;  /* 40px */
padding-left: 0px;
}

#menu_test li ul li /* sous-menu formatage */
{ 
        float : left; 
      
  
float: left;
margin-top: 2px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin-left: 0px;   /* 40px */
margin-right: 0px;  /* 40px */
padding-left: 0px;

}


#menu_test li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
		width: 116px;  /* 116px */
		height: auto;
        left: -999em; /* Hop, on envoie loin du champ de vision */
		
		/* border-top: 0px; effet onglet */
		
		background-color: #2B2922;
		
		
		
		
		padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : auto; /* on supprime le style par défaut de la liste */
        line-height : 22px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#menu_test li ul li
{
border-bottom: 2px solid;


border-color: #A39770;
width: 116px;
font-size: 70%;

}


#menu_test li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

}


#menu_test a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #A32500;
      
}

#menu_test li:hover ul ul, #menu_test li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_test li:hover ul, #menu_test li li:hover ul, #menu_test li.sfhover ul, #menu_test li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		
	
		
}





/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*         MENU, MENU_PHOTO HOVER         *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/



.link1 a#link1,
.link2 a#link2,
.link3 a#link3,
.link4 a#link4,
.link5 a#link5
{
color: #A32500;
}


.linka a#linka, .linka a#link3,
.linkb a#linkb, .linkb a#link3,
.linkc a#linkc, .linkc a#link3,
.linkd a#linkd, .linkd a#link3,
.linke a#linke, .linke a#link3,
.linkf a#linkf, .linkf a#link3
{
color: #A32500;
}

.highlight a#link3, .highlight a#linka
{
color: #A32500;
}







/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*         COMMENT-BOX        *//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/



#HCB_comment_box textarea {
  
}

/* the entire html comment box container. applies to everything */
#HCB_comment_box {}


#HCB_comment_box blockquote {
  color: black;
  font-size: 80%;
 }
 
span.date, span.author
{
font-size: 80%;
}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ddd;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: url(bg.png) repeat-x;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:50%;
  float:left;
}
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
}
#HCB_comment_box input.text {
  display:block;
  width:97%;
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:80%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
}

/* the moderator message */
.hcb-mod  b{
  color:darkblue;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}


/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//*        END OF CSS STYLESHEET           *//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/