body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}

body{
	/* Setting default text color, background and a font stack */
	color: #E1F9FF;
	font-size: 13px;
	background: #CFF url(fd.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:active, a:focus, a:hover, a:link, a:visited {
	color:Black;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}


.cacher{
	display: none;
}


/* Gallery styles */

#gallery{
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:500px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height: 80px;
	/* background: url(panel.jpg) repeat-x bottom center #ff0000; */
	background-color: transparent;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:90px;
	display:inline-block;
	list-style:none;
	height:80px;
	overflow:hidden;
}

.item_accueil{
	background: url(item_accueil.png) no-repeat top;
}
.item_creation{
	background: url(item_creation.png) no-repeat top;
}
.item_gestion{
	background: url(item_gestion.png) no-repeat top;
}
.item_portfolio{
	background: url(item_portfolio.png) no-repeat top;
}
.item_contact{
	background: url(item_contact.png) no-repeat top;
}
.item_retour{
	background: url(item_retour.png) no-repeat top;
}

li.inact:hover{
	/* background:url(pic_bg.png) repeat; */
	background: url(inactive_bg_over.png);
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	/* background:url(divider.png) no-repeat right; */
}

li a{
	display:block;
	/* background:url(divider.png) no-repeat right; */
	height:70px;
	padding-top:10px;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
}
.exergue{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}


#main{
	/* The main container */
	margin: 0px 240px;
	text-align: center;
	width: 920px;
	position: relative;
	z-index: 5;
}

p{
	padding:10px;
	text-align:center;
}
.slide_page{
	display: inline-block;
	color: Black;
	width: 890px;
	height: 500px;
	/*  	background: orange url(fondpage.png) repeat-x top; */
	text-align: left;
	padding-left: 30px;
	borderyy: thin solid black;
	overflow: auto;
	background: transparent url(kado2.png);
}

#lato {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 100%;
	z-index: 10;
	background: #b22222 url(lato.png) repeat-y;
}
#latobord {
	position: fixed;
	left: 240px;
	top: 0px;
	width: 20px;
	height: 100%;
	z-index: 10;
	background: transparent url(lato_bord.png) repeat-y right;
}


#lato_logo{
	width: 241px;
	height: 220px;
	background: Black url(m_logo.jpg) no-repeat;
}
#lato_nom{
	width: 240px;
	height: 55px;
	background: Black url(m_nom.png) no-repeat;
}
#lato_adresse{
	width: 240px;
	height: 84px;
	background: Black url(m_adresse.png) no-repeat;
}
#lato_contact{
	width: 240px;
	height: 41px;
	background: Black url(m_contact.png) no-repeat;
}
#lato_web{
	width: 240px;
	height: 24px;
	background: Black url(m_web.png) no-repeat;
}

/* titraille */
.titre{
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
}
.soustitre{
	font-size: 1.8em;
	text-align: center;
}
.argument{
clear: both;
margin-left: 25px;
margin-top: 8px;
text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}
.argutexte{
margin-left: 25px;
text-align: justify;
	font-size: 1.1em;
}
.legal{
color: black;
text-align: center;
	font-size: 70%;
}
.slide_page img{
	float: left;
	margin-bottom: 10px;
}
.style{
	text-align: center;
}