/*****Couleurs****/
/*
Fond Blanc : rgb(255,255,255)
Liseré :  rgb(204,204,204) gris calir
Fond gris : rgb (100,100,100) gris foncé
Titres :  rgb(204,102,0) orange
Souligné :  rgb(255,204,128) orange 50%
*/

/********Body********/

body {
	background-color:rgb(255,255,255);
	padding: 0 ;
	margin: 10px 0 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}

/*********Conteneur**********/
div#conteneur
{

    width: 85% ;
    margin : 5%  auto;
    height : 100%;
	border: 1.5px dotted rgb(70,70,70);
	background: rgb(230,230,230) ;


}

/*********Contenu*******/
div#contenu
{
	padding: 0 30px 0 30px ;
	background: no-repeat 15px 15px ;
}
/***En-tete**/
div#entete
{
        /**background: url(http://www.hyperfocale.net/img-site/entete.jpg) no-repeat left top;**/
        color : rgb(0,0,0);
	text-align : top ;
	height: 60px ;
	display: block ;
	position: center ;
	margin-top : 10px;
	font-size: 1.9em ;
	font-weight: bold ;
	letter-spacing: 10px ;
	top: 70px ;
}

/***Menus**/
div#menu
{
text-align : right;
margin : 5px;
padding-right: 25px ;
line-height: 2em ;
border-bottom : 8px groove rgb(100,100,100);
}

#menu dl,dt,dd,ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dl {
/**float: left;
width: 105px;
text-align : center;**/
}

#menu ul {
float : right;
position : inherit ;
}

div#verticalmenu{
display:block;
position: center

}


/** Scroll photo**/
div#scroll {
  background-color: #FFFFFF !important;
  float: left !important;
  width: 100% !important;
  white-space: nowrap !important;
  color: inherit;
}


/*********Texte*****/
p
{
	text-align: justify ;
	text-indent: 0em ;
	line-height: 1.7em ;
	color : rgb(204,204,204);
}


/*********Liens*********/
a
{
text-decoration: none;	
color: rgb(10,10,10);
}

a:hover
{
	background : rgb(0,0,0);
	color : rgb(255,255,255);
}

/******Texte******/
div#texte
{
	padding : 30 px;
}
/**Pied de page**/
div#foot-page
{
display:block;
	margin-top: 10px ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	position:bottom;
}
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 400px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */