/* 
	Style des différentes pages
*/

a, a:hover{
	text-decoration:none;
}


/*---------------- AjaxLoader -----------------*/

img#ajaxLoader{
	height:100px;
	width:100px;
	position:absolute;
	margin-left: 250px;
	margin-top:150px;
	display:none;
	
	-webkit-box-shadow: 4px 4px 8px black;
	-moz-box-shadow:    4px 4px 8px black;
	box-shadow:         4px 4px 8px black;
}

/*------------------- Home --------------------*/
div#page{
	min-height:400px;
	width:500px;
	padding-bottom:20px;
	margin:auto;
	margin-top:10px;
	background-color:white;
	box-shadow: 8px 8px 12px #2f2f2f;
}

div#page.texte{
	text-align:justify;
	margin-bottom:30px;
}

div#page.texte p:first-letter{font-weight:bold;}

div#page.texte p{
	width:80%;
	text-indent:10px;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
}
div#page.texte h1{
	width:80%;
	margin:auto;
	padding-top:30px;
	text-decoration:underline;
	font-size:20pt;
	display:block;
	text-align: center;
}

img#book{
	float:right;
	margin-top:12px;
}
img#homeTitre{
	width:450px;
	margin-left:5px;
}
ul#homeListe{
	float:left;
	list-style-type:none;
	padding:0px;
	margin-top:80px;
	margin-left:10px;
}
ul#homeListe li{
	font-size:14pt;
	color:#666;
}

/*------------------- Chronologie --------------------*/
div#chronoBann{
	height:80px;
	width:650px;
	position:absolute;
}
div#chronoBann img{
	height:80px;
	float:left;
}
p#behindMontre{
	width:450px;
	height:30px;
	margin-left:145px;
	margin-top:0px;
	background-color:black;
}

div#chronoBann ul{
	height:20px;
	width:400px;
	margin-left:170px;
	margin-top:-30px;
	padding:0px;
	border-bottom:8px solid #996600;
}

div#chronoBann ul li{
	display:inline-block;
	list-style-type:none;
	padding:0px;
	margin-left:0px;
	margin-right:20px;
	padding-left:2px;
	border-left:5px solid #996600;
}
div#chronoBann ul li a{
	color:white;
	text-decoration:none;
}

div#corpsChronologie{
	height:auto;
	width:90%;
	margin:auto;
	margin-top:60px;
}
/*------------------- Categories --------------------*/
div#corpsCategorie{
	height:auto;
	width:98%;
	margin:auto;
	margin-top:10px;
}
/*---------------------- Galerie -----------------------*/
ul#bandeau{
	height:40px;
	width:658px;
	padding:0px;
	margin:0px;
	position:absolute;
	background-color:black;
}
ul#bandeau li a{
	color:white;
}
ul#bandeau li{
	min-width:50px;
	display:inline-block;
	float:left;
	list-style-type:none;
	color:white;
	font-size:18pt;
}
ul#bandeau li:first-child{
	margin-left:10px;
	margin-right:10px;
}
ul#bandeau li:nth-child(even){
	padding:0px;
	height:75%;
	margin-top:5px;
}

ul#bandeau li:nth-child(odd){
	margin-top:10px;
}

ul#bandeau li img{
	height:100%;
	padding:0px;
	margin:0px;
	display:inline-block;
}
div#corpsGalerie{
	height:auto;
	width:90%;
	margin:auto;
	margin-top:50px
}
/*------------------- Lieux --------------------*/
div#corpsLieux{
	height:400px;
	width:500px;
	background-color:white;
	margin:auto;
	margin-top:30px;
	box-shadow: 8px 8px 12px #333;
	background-image:url(../img/globe.jpg);
	display:block;
}
div#texteLieu{
	width:95%;
	display:block;
	margin:auto;
	padding-top:10px;
	text-align:justify;
}
div#texteLieu a{
	display:inline-block;
	color:black;
}
a#plusLieux{
	display:block;
	color:blue;
	margin-left:20px;
	margin-top:20px;
}

/*------------------- PlusLieux --------------------*/
div#corpsplusLieux{
	min-height:450px;
	width:500px;
	background-color:white;
	margin:auto;
	margin-top:10px;
	box-shadow: 8px 8px 12px #333;
	background-image:url(../img/globe.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
}

div#corpsplusLieux div#texteLieu a{
	display:block;
}

div#texteLieu a:hover{
	text-decoration:underline;
}

div#corpsplusLieux div#texteLieu a#retourLieux{
	display:block;
	color:blue;
	margin-top:10px;
}

div.colonnes{
	width:150px;
	margin-left:20px;
	float:left;
}
/*------------------- detailPhoto --------------------*/
p#aperçuImage{
	height:200px;
	width:300px;
	position:absolute;
	margin-left:15px;
	margin-top:10px;
	border:1px solid black;
	background-color:black;
	overflow:hidden;
}
p#aperçuImage img{
	height:200px;
	position:relative;
	display:block;
	margin:auto;
}
p#RefImage{
	height:10px;
	width:252px;
	display:inline-block;
	background:black;
	margin-left:330px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:20px;
	color:white;
	text-align:center;
	font-size:18pt;
}
p#descriptionImage{
	height:140px;
	width:230px;
	padding:10px;
	display:inline-block;
	border:1px solid black;
	margin-left:330px;
	overflow-y:scroll;
}
form[name="format"]{
	min-height:100px;
	width:300px;
	margin-left:15px;
	margin-top:10px;
}
form[name="format"] label:first-child{border-top:1px solid #CCC; padding-top:15px;}
form[name="format"] label{
	height:30px;
	width:100%;
	display:block;
	font-size:11pt;
	margin-bottom:12px;
	border-bottom:1px solid #CCC;
}
form[name="format"] input[type="text"]{
	width:30px;
	border:1px solid black;
	margin-left:5px;
	margin-top:-5px;
	float:right;
}

span.tirage{
	font-size:10pt;
	float:right;
	margin-right:5px;
	margin-left:10px;
}

#filigrane{
	margin-left:20px;
	font-style: italic;
}



p#totalPrix:before{content:'CHF';}
p#totalPrix{
	height:30px;
	width:150px;
	background-color:#ccc;
	position:absolute;
	top:504px;
	margin-left:360px;
	font-size:20pt;
	padding:8px;
}
p#totalPrix span#prix{
	font-size:20pt;
	margin-left:10px;
}
img#imagePannier{
	height:90px;
	float:right;
	margin-top:-28px;
	margin-right:10px;
}
input[type="submit"]#addPannier:hover{background-color:#0C3}
input[type="submit"]#addPannier{
	height:40px;
	width:250px;
	background-color:green;
	color:white;
	font-size:18pt;
	border:1px solid black;
	position:absolute;
	top:570px;
	margin-left:315px;
}
/*------------------- classement --------------------*/
div#corpsClassement{
	height:auto;
	width:90%;
	margin:auto;
	margin-top:50px;
}
/*------------------- detailPannier --------------------*/
div#detail{
	min-height:450px;
	width:600px;
	display:inline-block;
	margin-left:15px;
	margin-top:10px;
	background-color:white;
	box-shadow: 8px 8px 12px #2f2f2f;
	margin-bottom:20px;
	padding:10px;
}
ul#bandeauPannier{
	height:40px;
	width:100%;
	padding:0px;
	padding-top:10px;
	margin:0px;
	background-color:black;
}
ul#bandeauPannier li a{
	color:white;
}
ul#bandeauPannier li{
	min-width:50px;
	height:30px;
	display:inline-block;
	float:left;
	list-style-type:none;
	color:white;
	font-size:18pt;
	padding:0px;
	margin:0px;
	padding-top:5px;
}
ul#bandeauPannier li:first-child{
	margin-left:10px;
	margin-right:10px;
}
ul#bandeauPannier li:nth-child(even){
	padding:0px;
}
ul#bandeauPannier li img{
	height:40px;
	padding:0px;
	margin:0px;
	display:inline-block;
}
table#détailPannier{
	width: 90%;
	min-height:100px;
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}
table#détailPannier thead td{
	min-width:70px;
	background-color:black;
	color:white;
	text-align:center;
	font-size:100%;
}
table#détailPannier thead td.action{
	width:80px;
}
table#détailPannier tbody td.delete a{
	width:20px;
}
table#détailPannier tbody td.update input[type='submit']{
	width:50px;
}

table#détailPannier tbody td input[name="val"]{
	width:80px;
}

table#détailPannier tbody td{
	border-bottom:1px solid black;
	text-align:center;
}
table#détailPannier tbody tr:hover td{
	background-color:blue;
	color:white;
}
/*
div.cubeInscrit, a div.cubeInscrit{
	height:35px;
	width:530px;
	margin:auto;
	padding:5px;
	display:block;
	background-color:black;
	margin-bottom:5px;
	text-decoration:none;
	border:none;
}
div.cubeInscrit span.title, a div.cubeInscrit span.title{
	color:white;
	font-size:15pt;
	text-decoration:none;
	border:none;
}*/

div#detail div.well, div#detail a.well{
	width			:	90%;
	margin			:	auto;
	display			:	block;
	margin-bottom	:	10px;
}

div.well span.title, a.well span.title{
	color:black;
	font-size:15pt;
	text-decoration:none;
	border:none;
}

div.cubeInscrit form, a div.cubeInscrit form{
	float:right;
	margin-top:7px;
	margin-right:10px;
}
div.cubeInscrit form input{
	height:20px;
	width:120px;
	margin-left:10px;
	margin-top:-10px;
}
div.cubeInscrit form input[type="submit"]:hover{background-color:#CCC}
div.cubeInscrit form input[type="submit"]{
	height:30px;
	width:80px;
	border:none;
	cursor:pointer;
}
div#explication{
	height:210px;
	width:200px;
	padding:5px;
	background-color:black;
	float:right;
	margin-right:30px;
	color:white;
	overflow:scroll;
}
div#explication.grand{
	height:280px;
	margin-top:-540px;
	margin-left:230px;
	overflow:hidden;
}

div#explication.normal{
	height:200px;
	margin-top:-430px;
	margin-left:230px;
	overflow:hidden;
}

div#explication span.title{
	font-size:15pt;
	text-decoration:underline;
}
div#explication p{
	font-size:11pt;
	
}

/*------------------- gestFonds --------------------*/

div#gestFonds{
	min-height:400px;
	width:500px;
	padding:10px;
	background-color:white;
	margin:auto;
	margin-bottom:30px;
	margin-top:30px;
	box-shadow: 8px 8px 12px #333;
}
div#gestFonds a#addPhotoBt{
	height:45px;
	width:490px;
	padding-left:10px;
	padding-top:10px;
	display:block;
	margin:auto;
	background-color:black;
	color:white;
	font-size:20pt;
	text-decoration:none;
	margin-bottom:10px;
}

div#gestFonds a.cube{
	height:145px;
	width:145px;
	padding:5px;
	display:inline-block;
	background-color:black;
	margin-bottom:10px;
	margin-right:14px;
	color:white;
	font-size:20pt;
	text-decoration:none;
}
div#gestFonds a.cube:nth-child(5),div#gestFonds a.cube:nth-child(8){margin-right:0px;}	
div#gestFonds a.cube:hover,div#gestFonds a#addPhotoBt:hover{background-color:#9a6600; }

/*------------------- AMS --------------------*/

div#corpsAMS{
	min-height:400px;
	width:500px;
	background-color:white;
	box-shadow: 8px 8px 12px #333;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;
}
p#enTete{
	height:30px;
	width:470px;
	margin:auto;
	margin-top:10px;
	margin-left:10px;
	font-size:18pt;
	display:inline-block;
	border-bottom:1px solid black;
}

div#corpsAMS a.AMS{
	height:130px;
	width:130px;
	display:inline-block;
	padding:10px;
	background-color:black;
	margin-top:100px;
	margin-left:11px;
	color:white;
	font-size:18pt;
}
div#corpsAMS a.AMS:hover{background-color:#9a6600}


/*------------------- AjouterForm --------------------*/

form[name='dynamicForm']{
	display:table;
	margin-left:20px;
	margin-top:20px;
}

form[name='dynamicForm'] label{
	display:table-row;
	font-size:15pt;
	height:40px;
}
form[name='dynamicForm'] label input[type='text']{
	width:190px;
}
form[name='dynamicForm'] label span,form[name='dynamicForm'] label input{
	display:table-cell;
	min-width: 100px;
}
form[name='dynamicForm'] input[type="reset"]:hover{
	background-color:#C00;
}
form[name='dynamicForm'] input[type="submit"]:hover{
	background-color:#060;
}
select{
	width:190px;
}
form[name='dynamicForm'] input[type="submit"]{ background-color:green;}
form[name='dynamicForm'] input[type="reset"]{background-color:red;}

input.btDynForm{
	height: 50px;
	min-width:200px;
	display:inline-block;
	border:1px solid black;
	cursor:pointer;
	color:white;
	margin-left:10px;
}

input#mySubmit, input#myReset{
	height:30px;
	width:200px;
	border:1px solid black;
	cursor:pointer;
	float:left;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	color:white;
}

/*------------------- Liste --------------------*/

div#corpsListe{
	min-height:400px;
	min-width:300px;
	background-color:white;
	box-shadow: 8px 8px 12px #333;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:10px;
}
div#corpsListe table{
	height:auto;
	width:auto;
	margin:auto;
	margin-top:10px;
}
div#corpsListe thead td{
	min-width:90px;
	margin:0px;
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
	text-align:center;
	color:white;
	background-color:black;
}
div#corpsListe thead td:last-child{
	border-right:1px solid black;
}
div#corpsListe table tbody td{
	border-bottom:1px solid black;
}
div#corpsListe table tbody td a{
	display:inline-block;
	height:100%;
	width:100%;
	color:black;
	text-decoration:none;
}
div#corpsListe table tbody tr:hover td a{
	color:#00F;
	cursor:pointer;
}

p#result{
	display:inline-block;
	min-height:20px;
	width:90%;
	margin-left:25px;
	margin-top:10px;
	color:white;
	border:1px solid black;
	font-size:12pt;
	text-align:center;
	margin-bottom:0px;
}
p#result.ok{background-color:green;}
p#result.no{background-color:red;}

/*------------------- CommandeExe --------------------*/

div#corpsCommandeExe{
	height:400px;
	width:600px;
	display:block;
	margin:auto;
	margin-top:30px;
	background-color:white;
	box-shadow: 8px 8px 12px #333;
}

/*------------------- inscription --------------------*/

p.chapeau{
	width:95%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
}

/*------------------- stat --------------------*/
div#corpsStat{
	min-height:300px;
	width:500px;
	display:block;
	margin:auto;
	margin-top:30px;
	background-color:white;
	box-shadow: 8px 8px 12px #333;
	
}
div#corpsStat p#bandeau{
	height:40px;
	width:95%;
	padding-top:5px;
	padding-left:5%;
	margin:auto;
	color:white;
	font-size:20pt;
	background-color:black;
}
div#corpsStat table{
	margin:auto;
	margin-top:20px;
}
div#corpsStat table td{
	border-bottom:1px solid black;
	min-width:220px;
}
div#corpsStat table tr td:nth-child(2){
	text-align:right;
}
/*------------------- stat --------------------*/
div#corpsCommande{
	min-height:300px;
	width:600px;
	display:block;
	margin:auto;
	margin-top:30px;
	background-color:white;
	box-shadow: 8px 8px 12px #333;
	padding-bottom:10px;
	margin-bottom:50px;
}

table#tableCommande{
	margin:auto;
	margin-top:20px;
}

table#tableCommande thead td{
	background-color:black;
	color:white;
	min-width:90px;
	text-align:center;
}
table#tableCommande tbody tr td{
	border-bottom:1px solid black;
	cursor:pointer;
}
table#tableCommande tbody tr:hover td{
	color:black;
	background-color: #CCC;
}
table#tableCommande tbody tr td:nth-child(4),table#tableCommande tbody tr td:nth-child(5),table#tableCommande tbody tr td:nth-child(6){
	text-align:center;
}
table#tableCommande tbody tr td a{
	color:black;
	display:inline-block;
	height:102%;
	width:102%;
}
table#tableCommande tbody tr:hover td a:hover{
	text-decoration:underline;
}
/*------------------- Detail Commande --------------------*/
span.infoCommande{
	font-weight:bold;
}
span.titreCommandeDetail{
	margin-left:20px;
	font-weight:bold;
}

ul.infoCommandeListe{
	list-style-type:none;
}
ul span.libelle{
	display:inline-block;
	width:150px;
}