/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family: Georgia,Times,sans-serif;
	background: #d8d8d8;
	color:#343434;
	;
}

	
body.section-2 {

overflow:scroll;
	}
	
	
body.section-3 { 
		overflow:scroll;}

a:link { 
	text-decoration: none; 
	color: #FA5119; 
	padding-left:2px;
	padding-right:2px; 
}

a:visited { 
	text-decoration: none; 
	color: #FA5119; 
	padding-left:2px;
	padding-right:2px; 
}

.active a {
	background-color: #d0d0d0; 
	color:#343434;
	text-decoration: none; 
	color: #343434; 
	padding-left:2px;
	padding-right:2px;
}

a:hover { 
	background-color: #d0d0d0; 
	color:#343434;
	text-decoration: none; 
	padding-left:2px;
	padding-right:2px;
}


a img, a:link, a:hover {border: none;	text-decoration: none;	background:none;}


#menu {
    width: 310px;
    overflow: auto;
    top: 0px;
    bottom: 30px;
	left: 40px;
    position: fixed;
    height: 100%;
	background-color: white;

}

div.ahover {
    position: absolute;
    z-index: 99;
}

#menu a:hover { 
background-color: #d0d0d0; 
text-decoration: none; 
padding-left:2px;
padding-right:2px;
}


#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
    position: relative;

}

#menu ul li.section-title  {
	border-bottom:1px solid #D8D8D8;
	color:#343434;
	font-weight:bold;
	padding-left:2px;
	margin-bottom:2px;
	text-align:left;
	position: relative;
}

.menuheader  {
	background: white url(http://www.portraits-lagalerie.fr/ndxz-studio/site/sample/portraits_rvb.jpg) no-repeat center center;
	height:200px;

}

#content {
	height: 100%;
	margin-left: 380px;
	margin-right: 40px;
	padding-top: 140px;
	top: 0;
	width:700px;
	background-color: white;  
}


#content a:hover { 
	text-decoration: none; 
	background-color: #d0d0d0; 
	color: #7d7d7d; 
	padding-left:2px;padding-right:2px;
}

#img a.content:hover { 
	border: none; 
	padding-left:2px;padding-right:2px;
}

.container {
     padding: 0px 20px 20px 20px;
     overflow:auto;
}

#content p {margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

hr { 
color:#D8D8D8;
background-color:#D8D8D8;
height: 1px;
border:0 none;
}

h1 {
font-weight: bold;
font-size: 14px; 
}
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }


#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0;  }
#img-container a.thickbox:hover {
border: none;text-decoration: none;background:none;
}

#once { clear: left; }

a.caption {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.caption span {
display: none;
}
a.caption:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.caption:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}

a.caption span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #D8D8D8;   /* Définition du fond, sinon on a le même que notre lien */} 

a.caption
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.caption:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.caption:hover span, a.caption:focus span, a.caption:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}               

/* Input */
#Form input, #Form select
{
	padding:4px;
	border: white 1px solid;
	background-color: #ececec;
	font-family: arial, vardana;
}

#Form input:hover, #Form select:hover, #Form input:focus, #Form select:focus
{
	border: #343434 1px solid;
	background-color: #ececec;
	padding:4px;

}

#Form textarea
{
	border: white  1px solid;
	background-color: #ececec;
	font-family:georgia, times;
		font-size: 11px;
}

#Form textarea:hover
{
	border: #343434 1px solid;
	background-color: #ececec;
}