body {
	/*color: rgb(160,32,32) ;*/
	color: rgb(24,44,149) ;
	font-family: calibri;
	font-size:1.5em;
	/*background-image: url(../images/fondecri.gif);*/
	/*background-image: url(../images/fondrepe.gif);*/
	background-image: url(../images/fondsavo.gif);
	background-size:contain;
	margin: 0
}
#diapo {margin-left: 10%;
	border: 2px solid navy;
	border-radius: 10px;
}

#diapo2 {margin-left: 100px;}

#logo {position: absolute; top: 2px; left: 2px; width: 8% }
#pa {margin-left: 10%; width: 400px; background-color:#E1E6FA}

#carras {
	width: 450px; 
	background-color:#E1E6FA;
	/*border: 1px solid rgb(255,0,0);*/
}

#gratos {background-color:#E1E6FA;}
#bienvenue {position: absolute; top: 2px; left: 150px; color: black;}
#sed {background-color:navy; color: white; width:300px;}
#test {color: red;}

#protocole {
	display: block ;
	position: absolute;
	/*width: 680px;*/
	/*top: 80px;*/
	/*left: 140px;*/
	padding:1em;
	/*background-color: #C4D7ED;*/
	background-color: #E1E6FA;
	border: 1px solid rgb(255,0,0);
	z-index: 2;
	/*cursor: move;*/
}

h1 {font-size:1em; text-align: center;}

h2 {font-size:1em; text-align: center;}

.titre {font-size:1em; font-weight: bold; text-align: center;}

.petit {font-size:0.5em;}
.rubrique {color: #01B3F8; font-size:1.5em;}
.CGV { font-size: 1em; } 

ol {list-style-type: decimal;}

footer { 
	color: black; 
	font-size:0.75em;
    position: absolute; 
    /*bottom: 0;*/ 
    left: 10%; 
    z-index: 10;
}

img.artigue {
	max-width : 120px;
	max-height : 145px;
}

img.capture {
	width : 100%;
	height : auto;
	display: block;
	margin: auto;
	border: 1px solid rgb(160,32,32);
	border-radius: 10px;
}

button.bPhoto {
	width: 100px;
	height: 132px;
	border: 1px solid rgb(160,32,32);
	border-radius: 10px;

}

.cache { display: none ;} 
.visible { 	
	display: block ;
/*
	display: inline ;
	display: block ;
	overflow: hidden;
	border: 1px solid Brown ;
	background-color: #F6E497;
*/
} 

div.on {background-color:LightGrey}
div.off {background-color:Ivory}

.proto {
	display: block ;
	position: absolute;
	/*width: 680px;*/
	/*top: 80px;*/
	/*left: 140px;*/
	padding:1em;
	/*background-color: #C4D7ED;*/
	background-color: #E1E6FA;
	z-index: 2;
	/*cursor: move;*/
}

.croix {
	position: absolute;
	width: 10px;
	top: 0;
	right: 0;
	padding-left: 0.5em;
	border: 1px solid white;
	color: white;
	font-weight: bold;
	background: red;
	cursor: default; 
}