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

body {
	margin:0px;
	padding:0px;
	/*background:#FFFFFF;
	background-repeat:repeat-x;*/
	width:100%;
	font-family:Calibri;
	font-size:13px;
	color:#666666;
	background-color:#EDEEEE;
	background-image:url(../images/motifgb2.jpg);
	background-attachment: fixed;
}

h1
{
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

h2
{
	font-size:18px;
	font-weight:bold;
	/*margin-bottom:5px;*/
}

img
{
	margin-top:5px;
	margin-bottom:5px;
	width:100px;
	text-decoration:none;
}

input
{
	width:100px;
	height:60px;
	/*Coins arrondis*/
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 50px;
	text-align:center;
	font-size:25px;
	background-color:#fff;
	color:#7030a0;
	font-weight:bold;
	text-decoration:none;
}

input[type="button"]
{
     color: #EDEEEE;
	 font-weight:bold;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
	 text-shadow: 0px 1px 0px white;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.4);
     box-shadow: 0 0 10px rgba( 0, 0, 0, 0.8),
                 0 -1px 0 rgba( 255, 255, 255, 0.6);
	text-decoration:none;
	background:rgba(43,43,43,.4);	
}

input[type="button"]:hover
{
	cursor:pointer;
	box-shadow: 6px 6px 0px #aaa;
}

a:link {
    color:#EDEEEE;
	text-decoration:none;
}
a:visited {
    color:#EDEEEE;
	text-decoration:none;
}
a:hover {
    color:#EDEEEE;
	text-decoration:none;
}
a:active {
    color:#EDEEEE;
	text-decoration:none;
}

#diapo
{
	position:absolute;
	width:80px;
	height:80px;
	right:-30px;
	z-index:2;
	top:220px;
}

#diapo:hover
{
	cursor:pointer;
}
#reset
{
	position:absolute;
	width:80px;
	height:80px;
	right:-30px;
	z-index:2;
	top:260px;
}
#diapo:hover
{
	cursor:pointer;
}


#precedent
{
	position:absolute;
	width:80px;
	height:80px;
	left:-40px;
	z-index:3;
	top:140px;
}

#precedent:hover
{
	cursor:pointer;
}

#centreimg
{
	position:relative;
	float:left;
	width:1028px;
	height:770px;
	z-index:1;
}

#suivant
{
	position:absolute;
	width:80px;
	height:80px;
	right:-30px;
	z-index:2;
	top:140px;
}

#suivant:hover
{
	cursor:pointer;
}

#album
{
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 50px;
}

.texte_photo
{
	position:absolute;
	z-index:10;
	left:40px;
	width:760px;
	text-align:left;
	top:10px;
	height:40px;
	padding-top:4px;
	overflow:hidden;
	background:rgba(43,43,43,.7);
	font-size:18px;
	color:#EDEEEE;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 20px;	
}

#texterep
{
	margin-left:5px;
	width: 200px;
	font-size:20px;
	color:red;
}
#textedate
{
	width: 250px;
	font-size:16px;
	color:white;
	line-height:5px;
}
#textesujet
{
	width: 200px;
	background:white;
	font-size:20px;
	color:red;
}
#textecpt
{
	width: 100px;
	font-size:20px;
	color:white;
}


.miniature
{
	position:absolute;
	top:-65px;
	z-index:4;	
}

.img_miniature
{
	width:120px;
	height:67px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 20px;
	border:#333 1px solid;
	box-shadow: 6px 6px 0px #aaa;
}

.img_miniature
{
	cursor:pointer;
}

.div_conteneur_parent
{
	margin: 1em 1em 1em 160px;
	/*padding: 1em;*/
	background-color: #eeeeee;
	margin-top:50px;
	width:100%;
	height:auto;
	text-align:center;
}

.div_conteneur_page
{
	margin-top:4px;
	width:100%;
	text-align:left;
	border:#666666 1px solid;
	height:auto;
	display:inline-block;
	background-color:#FFFFFF;
	background-image:url(../images/textpap4.jpg);
}

.div_saut_ligne
{
	width:100%;
	height:10px;
	display:inline-block;
}

.div_int_page
{
	width:100%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:5px;
	height:auto;
	font-size:14px;
	font-family:Calibri;
	color:#666666;
	text-align:left;
}