body {
width: 1250px;
margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #4063cc;
	}
#banniere  {
width: 1250px;
height: 130px;
	background-image: url(../../arts/banniere.jpg);
	background-repeat: no-repeat;
		text-align: right;
		letter-spacing: -1px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
		border-radius: 10px;
		border: 2px outset #cbcedf;
		margin: 2px 2px 2px 2px;
		background-color: transparent;
}
#banniere_photo  {
width: 1250px;
height: 160px;
	background-image: url(banniere_photo.png);
	background-repeat: no-repeat;
		text-align: right;
		letter-spacing: -1px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
		border-radius: 10px;
		border: 2px outset #cbcedf;
		margin: 2px 2px 2px 2px;
		background-color: transparent;
}

#image_rotator{
float: left;
width: 301px;
height: 81px;
margin: 19px 0px 0px 626px;
background-color: transparent;
	border: 0px outset #b2c1ec;
}

#info_ban1{
float: right;
background-color: #ddedfd;
width: 250px;
		text-align: center;
		vertical-align: middle;
		font-style: normal;
		font-size: 16px;
		color: #000000;
		border-radius: 10px;
		border: 2px groove gray;
		margin: 50px 4px 0px 0px;
}
#info_ban2{
float: right;
width: 250px;
		text-align: center;
		font-style: normal;
		font-size: 16px;
		color: #ffffff;
		margin: 10px -250px 0px 0px;
}
#info_ban2 a{
	color: #fdad31;
	text-decoration: none;
	text-decoration: blink;
		}
#info_ban2 a:hover{
	color: #aaaaaa;
	text-decoration: none;
	text-decoration: blink;
		}


#menu  {
width: 1250px;
		text-align: center;
		border-radius: 10px;
		border: 0px;
		margin: -40px 2px 2px 2px;
		background-color: transparent;
}

ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:-5px 0 0 10px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;border-radius: 10px;border: 1px outset #2e52be;float:left;color:#fff;background:#2e52be;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

#depot {
width: 1250px;
		text-align: center;
		border-radius: 10px;
		background-color: #2e52a5;
		margin: 5px 0px 0px 2px;
		border: 2px outset #cbcedf;
		color: #ffffff;
		background-image: url(fond_photo.png);
	background-repeat: no-repeat;
}
#aff_photo{
float: left;
width: 600px;
height: 388px;
		text-align: center;
		background-color: #2e52a5;
		color: #ffffff;
		background-image: url(fond_app_photo.png);
	background-repeat: no-repeat;
	border: 1px outset #aaaaaa;
	border-radius: 10px;
	margin: 10px 0px 0px 0px;
}


#laphoto{
float:left;
margin: 143px 0px 0px 61px;
}
#navigation{
float: left;
margin: 260px 0px 0px 57px;
}

#info_exif{
float: left;
width: 600px;
background-color: #2e52a5;
border: 1px outset #cbcedf;
border-radius: 10px;
margin: 10px 0px 5px 45px;
color: #ffffff;
font-style: normal;
font-size: 14px;

}

#note{
float: left;
clear: bottom;
width: 600px;
margin: 5px 0px 5px 45px;
background-color: #2e52a5;
}
#bloc_info_classement{
background-color: #2e52a5;
border: 2px outset #cbcedf;
border-radius: 10px;
margin: 10px 10px 10px 10px;
color: #ffffff;
font-style: normal;
text-transform: capitalize;
font-size: 20px;
}

table.note{
background-color: #dddddd;
border: 1px outset #cbcedf;
border-collapse: collapse;
empty-cells: show;
text-align: center;
margin: auto;
}
td.impair{
background-color: #cccccc;
border: 2px outset #cbcedf;
}
td.pair{
background-color: #adadad;
border: 2px outset #cbcedf;
}

table.resultat{
border: 0px outset #cbcedf;
border-collapse: collapse;
empty-cells: show;
text-align: center;
}
tr.note_entete{
background-color: #505050;
color: #ffffff;
text-transform: capitalize;
letter-spacing: 2px;
}
tr.titre_note_entete{
background-color: #505050;
color: #ffffff;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 20px;
border: 2px outset #cbcedf;
}


td.note_entete{

border: 2px outset #cbcedf;

}
td.resultat_pair{
background-color: #2947a0;
text-align: center;
margin: auto;
}
td.resultat_impair{
background-color: #1c41ac;
text-align: center;
margin: auto;

}
tr.resultat_pair{
background-color: #152555;
text-align: center;
}
tr.resultat_impair{
background-color: #152555;
text-align: center;
}

#comptarebour{
color: #eba705;
font-style: normal;
font-weight: bold;
font-size: 17px;
letter-spacing: -1.5px;

}

#form_upload {
width: 900px;
		text-align: center;
		border-radius: 10px;
		background-color: #2a48a0;
		margin: 20px 0px 0px 175px;
		border: 2px outset #cbcedf;
		color: #ffffff;
}


#vote {
width: 1250px;
height: 500px;
		text-align: center;
		border-radius: 10px;
		border: 3px;
		margin: 2px 0px 2px 0px;
		background-color: #2e52a5;
}
#vote_bas {
width: 1250px;
height: 500px;
		text-align: center;
		border-radius: 10px;
		border: 3px;
		margin: 20px 0px 2px 0px;
		background-color: #2e52a5;
}
#vote_bas .img_photo{
		background-color:#fafbfc; 
		border:1px solid #b0b0b0; 
		margin:0 0 0px 0px; 
		padding:2px; 	
}


#resultat {
width: 1250px;
		text-align: center;
		border-radius: 10px;
		border: 3px;
		margin: 4px 8px 10px 0px; 
		background-color: #2e52a5;
		color: #ffffff;
		
}
		
#footer {
float: left;
clear: bottom;
width: 1250px;
height: 20px;
		text-align: right;
		border-radius: 10px;
		border: 2px groove gray;
	background-color: #ddedfd;
		margin: 2px 2px 2px 2px;
	color: #3D4754;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
}
#patience {
position:absolute;
 width:400px;
 height:210px;
 margin-top: -150px;
 margin-left: -200px;
 z-index:1;
 left: 50%;
 top: 50%;
 color: #000000;
 background-color: #ffffff;
 border-width: 2px;
 border-style: solid;
 border-color: #000000;
 visibility: hidden;
}

#table_photo{
		width: 400px;
		text-align: center;
		border-radius: 10px;
		background-color: #2a48a0;
		margin: auto;
		border: 2px outset #cbcedf;
		color: #ffffff;
}


h1.titre {
	border-radius: 10px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #fdad31;
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
	border: 1px ridge gray;
	margin: 0px 0px 3px 0px;
		background-color: #4063cc;
	background-image: url(arts/f_haut.jpg);
background-position: right top;
	background-repeat: no-repeat;
	
}

h2.titre_photo{
	text-align: center;
	letter-spacing: -0.5px;
	color: #ffffff;
	font-weight: bold;
		font-size: 20px;
		margin: 0px 0px 0px 0px;
		background-color: #4063cc;
		border: 1px ridge gray;
	border-radius: 10px 10px 0px 0px;
}
h2.footer_photo{
	text-align: center;
	letter-spacing: -0.5px;
	color: #ffffff;
	font-weight: bold;
		font-size: 20px;
		margin: 0px 0px 0px 0px;
		background-color: #4063cc;
		border: 1px ridge gray;
	border-radius: 0px 0px 10px 10px;
}

h3.sous-titre{
	text-align: center;
	letter-spacing: -0.5px;
	color: #ffffff;
	font-weight: bold;
		font-size: 20px;
		margin: 0px 0px 0px 0px;
		background-color: #4063cc;
	
}
h4{

	text-align: center;
	letter-spacing: -0.5px;
	color: #2949a6;
	font-weight: bold;
		font-size: 28px;
		margin: 126px 200px 0px 200px;
		background-color: #c4ddf6;
		border-radius: 12px 12px 0px 0px;
}
h5{

	text-align: center;
	letter-spacing: -0.5px;
	color: #fdad31;
	font-weight: bold;
		font-size: 16px;
margin: 0px 180px 0px 180px;
		background-color: #4063cc;
		border: 1px outset #aaaaaa;
	border-radius: 10px;
	
}
h6{

	text-align: center;
	letter-spacing: -0.5px;
	color: #ff4031;
	font-weight: bold;
		font-size: 18px;
		margin: 0px 180px 0px 180px;
		background-color: #4063cc;
	border: 1px outset #aaaaaa;
	border-radius: 10px;
}
h7{
	text-align: center;
	letter-spacing: 1.5px;
	padding:0px 6px 0px 6px;
	color: #fdad31;
	font-weight: bold;
		font-size: 25px;
		background-color: #4063cc;
		border: 2px outset #aaaaaa;
	border-radius: 10px;
	
}

input.fichier{
border-radius: 12px;
border: 2px ridge #cbcedf;
padding: 2px 15px 2px 15px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #ff2222;
}


input{
border-radius: 12px;
border: 2px outset #cbcedf;
padding: 2px 15px 2px 15px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
}
input:hover{
border-radius: 12px;
border: 2px inset #cbcedf;
padding: 2px 15px 2px 15px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
}
select{
border-radius: 12px;
border: 1px outset #cbcedf;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
}

input.navigation{
margin: 0px 7px 0px 7px;
border: 1px outset transparent;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
}
input.navigation:hover{
margin: 0px 7px 0px 7px;
border: 1px outset #ffffff;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
}
input.navigation:disabled{
margin: 0px 7px 0px 7px;
border: 1px outset transparent;
	text-align: center;
	letter-spacing: -0.5px;
	color: #000000;
	 cursor: not-allowed;
}
