@CHARSET "UTF-8";

* { margin: 0; padding: 0; }

body {
	margin: auto;
	max-width: 950px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
   	min-height: 500px;
}

/******************************************/

a { text-decoration: none; }

a img {
	display: block;
	border: 0 none;
}

h2 {
	height: 40px;
	line-height: 32px;
	text-indent: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	text-transform: uppercase;
	background: url(../images/h2.png) no-repeat 20px 12px;
}

ul {
	list-style-type: none;
}

/******************************************/
div#body {
	margin: 0 auto;
}
		div#body div#header {
			position: relative;
		}
		
		div#body div#header a#retour_accueil {
			display: block;
			height: 125px;
			text-decoration: none;
			background-image: url('../images/retour_accueil.jpg');
			background-repeat: no-repeat;
		}
		
		div#body div#header div#h_spacer {
			height: 25px;
			border-bottom: 1px solid red;
		}
		
		div#body div#header div#h_spacer a {
			position: relative;
			top: 5px;
			left: 790px;
			display: block;
			height: 20px;
			width: 160px;
			background-image: url(../images/expo_info.png);
			background-repeat: no-repeat;
		}
				
		div#body div#header div#ariane {
			height: 50px;
			line-height: 50px;
			font-size: 1.4em;
			text-decoration: none;
		}

			div#body div#header div#ariane a {
				color: #000;
			}
			
			div#body div#header div#ariane a.red {
				color: red;
			}
			
	div#body div#barre_rouge {
		height: 6px;
		background-color: red;
	}
	
	div#body div#parag_spacer {
		margin-bottom: 10px;
		height: 10px;
		border-bottom: 1px dotted #000;
	}
			
	div#body div#content {
		z-index: 1;
		position: relative;
	}
	
		/* textes simples */
		div#body div#content div#colLeft p, div#body div#content div#colRight p {
			margin-bottom: 20px;
			line-height: 18px;
			text-align: justify;
		}
		
		div#body div#content div#colLeft {
			padding-top: 20px;
			width: 640px;
			border-top: 6px solid red;
		}
		
		div#body div#content div#colLeft p.bloc {
			text-indent: 20px;	
		}
		
		div#body div#content div#colLeft a {
			text-decoration: underline;
			color: red;
		}
		
		div#body div#content div#colLeft a:hover {
			text-decoration: none;
		}
		
		div#body div#content div#colRight {
			position: absolute;
			top: 0;
			left: 650px;
		}
		
		div#body div#content div#colRight div.btn {
			float: left;
			margin-right: 10px;
			width: 140px;
			height: 105px;
		}
		
		div.ip_spacer {
			clear: both;
			height: 10px;
			width: 140px;
			background-color: #fff;
		}
		
		div#body div#content div#colRight div#infos_pratiques {
			margin-right: 10px;
			width: 290px;
			background-color: #ddd;
		}
		
			div#body div#content div#colRight div#infos_pratiques div {
				padding: 19px 10px 10px 10px;
			}
			
		/* index */
		div#body div#content table#accueil {
			width: 950px;
			border-collapse: collapse;
		}
			div#body div#content table#accueil tr#spacer {
				height: 10px;
			}
			
			div#body div#content table#accueil tr:hover {
				background-color: #fff;
			}
	
			div#body div#content table#accueil td {
				padding: 0;
				border: none;
			}		
					
			div#body div#content table#accueil td#categorie1 a,
			div#body div#content table#accueil td#categorie2 a,
			div#body div#content table#accueil td#categorie3 a,
			div#body div#content table#accueil td#categorie4 a,
			div#body div#content table#accueil td#categorie5 a,
			div#body div#content table#accueil td#categorie6 a {
				display: block;
				height: 233px;
				width: 320px;
			}
			
			div#body div#content table#accueil td#categorie1 a {
				background: url('../images/categorie_1.jpg') no-repeat;
			}
			
			div#body div#content table#accueil td#categorie2 a {
				background: url('../images/categorie_2.jpg') no-repeat;
			}
			div#body div#content table#accueil td#categorie3 a {
				background: url('../images/categorie_3.jpg') no-repeat;
			}
			div#body div#content table#accueil td#categorie4 a {
				background: url('../images/categorie_4.jpg') no-repeat;
			}
			div#body div#content table#accueil td#categorie5 a {
				background: url('../images/categorie_5.jpg') no-repeat;
			}
			div#body div#content table#accueil td#categorie6 a {
				background: url('../images/categorie_6.jpg') no-repeat;
			}
					
			div#body div#content table#accueil td#categorie1 a:hover,
			div#body div#content table#accueil td#categorie2 a:hover,
			div#body div#content table#accueil td#categorie3 a:hover,
			div#body div#content table#accueil td#categorie4 a:hover,
			div#body div#content table#accueil td#categorie5 a:hover,
			div#body div#content table#accueil td#categorie6 a:hover {
				background-position: 0 -233px;
			}	
		
		
		div#body div#footer {
			margin-top: 15px;
		}
		
		div#body div#footer div#logos_spacer {
			margin-bottom: 11px;
			height: 15px;
			border-bottom: 1px solid #ccc;
		}	
			
		/* listings */
		div#body div#content div#colLeftListing {
			width: 790px;
		}
								
			div#body div#content div#colLeftListing div#barre_rouge {
				margin-bottom: 10px;
			}	
			
			div#body div#content div#colLeftListing div.item {
				position: relative;
				margin-bottom: 10px;
				width: 790px;
				height: 105px;
				color: #444;
				background-color: #ccc;
			}
			
			div#body div#content div#colLeftListing div.item:hover {
				color: #fff;
				background-color: #000;
			}
					
				div#body div#content div#colLeftListing div.item a.infos {
					z-index: 2;
					display: block;
					position: absolute;
					width: 790px;
					height: 105px;
				}
				
				div#body div#content div#colLeftListing div.item img {
					float: left;
					width: 140px;
					height:105px;
				}
				
				div#body div#content div#colLeftListing div.item div.item_infos {
					position: absolute;
					top: 15px;
					left: 160px;
				}
					
					div#body div#content div#colLeftListing div.item div.item_infos span.titre {
						display: block;
						text-transform: uppercase;
						margin-bottom: 10px;
					}
					
					div#body div#content div#colLeftListing div.item_infos span.compte {
						font-family: Georgia, "Times New Roman", Times, serif;
						font-style: italic;
					}
					
				div#body div#content div#colLeftListing div#survolez_cliquez_reagissez {
					height: 45px;
					background: url(../images/survolez_cliquez_reagissez.gif) no-repeat left 9px;
				}	
			
		div#body div#content div#colRightListing {
			position: absolute;
			top: 0;
			left: 800px;
		}
		
		div#body div#content div#footer {
			font-size: 0.8em;
			margin-top: 0px;
			color: #666666;
			clear: both;
		}
		
			
		/* fiches vidéo + QR */	
		div#body div#content div#colLeftFiche {
			width: 640px;
		}
			
			div#body div#content div#colLeftFiche div#playerPrincipal {
				margin-bottom: 36px;
			}
			
			div#body div#content div#colLeftFiche div.question {
				clear: both;
				min-height: 45px;
				padding-bottom: 40px;
				border-top: 1px solid red;
			}
			
				div#body div#content div#colLeftFiche div.question p.meta {
					float: left;
					width: 150px;
					height: 45px;
					background-image: url('../images/backgroundQuestion.gif');
					background-repeat: no-repeat;
				}
				
					div#body div#content div#colLeftFiche div.question p.meta span.nom {
						display: block;
						height: 23px;
						line-height: 27px;
						text-indent: 10px;
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 0.9em;
						font-style: italic;
						text-transform: capitalize;
					}
					
					div#body div#content div#colLeftFiche div.question p.meta span.num {
						display: block;
						height: 22px;
						text-indent: 10px;
						font-size: 0.8em;
						font-weight: bold;
						color: red;
						text-transform: uppercase;
					}
			
				div#body div#content div#colLeftFiche div.question div.contenu {
					margin-top: 5px;
					margin-left: 160px;
				}
						
					div#body div#content div#colLeftFiche div.question div.contenu div.entete p.question {
						font-weight: bold;
						font-style: italic;
						margin-left: 13px;				
					}
					
					div#body div#content div#colLeftFiche div.question div.contenu div.entete p.recap_r {
						text-indent: 14px;
					}
					
					div#body div#content div#colLeftFiche div.question div.contenu div.entete p.recap_r span.nbReponses {
						font-weight: regular;
						color: grey;
					}
					div#body div#content div#colLeftFiche div.question div.contenu div.entete a {
						color: #666666;
						text-decoration: underline;
					}
						div#body div#content div#colLeftFiche div.question div.contenu div.entete a:hover {
							text-decoration: none;
						}
					
						div#body div#content div#colLeftFiche div.question div.contenu ul.reponses li {
							margin-top: 15px;
							padding-left: 14px;
							background: url(../images/reponse.gif) no-repeat left 5px;
						}
						
						div#body div#content div#colLeftFiche div.question div.contenu ul.reponses li.admin {
							background: url(../images/reponse_admin.gif) no-repeat left 5px;
						}					
					
						div#body div#content div#colLeftFiche div.question form {
							margin-left: 13px;							
						}
					
					div#body div#content div#colLeftFiche div.question div.rv {
						margin-top: 15px;
						margin-left: 13px;
					}
					
					div#body div#content div#colLeftFiche div.question div.rv p {
						margin-bottom: 3px;
					}
					
		/* Fiche colonne de droite */			
		div#body div#content div#colRightFiche {
			position: absolute;
			top: 0;
			left: 650px;
		}
		
			div#body div#content div#colRightFiche a {
				float: left;
				margin-right: 10px;
				margin-bottom: 10px;
			}		
					
	/* confirm.js */			
	div#confirm {
		z-index: 10;
		position: absolute;
		top: 0;
		width: 950px;
		background-image: url(../images/confirm.png);	
	} 
	
		div#confirm div#conf_info {	
			position: relative;
			margin: 0 auto;
			width: 400px;
			background-image: url(../images/conf_bg.jpg);
			background-color: #fff;
			border: 1px solid #aaa;
		}
		
			div#confirm div#conf_info div#conf_txt {
				padding-top: 50px;
				padding-left: 50px;
				padding-right: 60px;
			}
			
			div#confirm div#conf_info div#conf_txt p {
				min-height: 40px;
				padding-left: 55px;
				font-weight: bold;
				font-size: 1.1em;
			}
		
			div#confirm div#conf_info div#conf_txt p.valid {
				background: url(../images/conf_valid.png) no-repeat;
			}
			
			div#confirm div#conf_info div#conf_txt p.warning {	
				background: url(../images/conf_warning.png) no-repeat;
			}
			
			div#confirm div#conf_info #conf_fermer {
				position: absolute;
				top: 150px;
				left: 130px;
				width: 160px;
				height: 35px;
				background-image: url(../images/conf_fermer.png);
			}			
			
			div#confirm div#conf_info #conf_fermer:hover {
				cursor: pointer;
				background-position: left 35px;
			}				

/**************** ADMIN ****************/
/*btn généraux */
a.btn_acces_fiche {
	display: block;
	width: 95px;
	height: 25px;	
	color: #fff;
	background-image: url(../images/btn_acces_fiche.jpg);	
}

a.Afficher, a.Masquer, a.Supprimer, a.Modifier,
a.Afficher_small, a.Masquer_small, a.Supprimer_small, a.Modifier_small {
	display: block;
	color: #fff;	
}

a.Afficher, a.Masquer, a.Supprimer, a.Modifier {	
	width: 25px;
	height: 25px;	
}

a.Afficher_small, a.Masquer_small, a.Supprimer_small, a.Modifier_small {
	width: 16px;
	height: 16px;
}

a.Afficher {
	background-image: url(../images/btn_afficher.png);	
}

a.Masquer {
	background-image: url(../images/btn_masquer.png);	
}

a.Supprimer {
	background-image: url(../images/btn_supprimer.png);	
}

a.Modifier {
	background-image: url(../images/btn_modifier.png);	
}

a.Afficher_small {
	background-image: url(../images/btn_afficher_small.png);	
}

a.Masquer_small {
	background-image: url(../images/btn_masquer_small.png);	
}

a.Supprimer_small {
	background-image: url(../images/btn_supprimer_small.png);	
}

a.Modifier_small {
	background-image: url(../images/btn_modifier_small.png);	
}

a.btn_acces_fiche:active, a.Afficher:active, a.Masquer:active, a.Supprimer:active, a.Modifier:active,
a.btn_acces_fiche_small:active, a.Afficher_small:active, a.Masquer_small:active, a.Supprimer_small:active, a.Modifier_small:active {
	color: #fff;	
}

a.btn_acces_fiche:active, a.Afficher:active, a.Masquer:active, a.Supprimer:active, a.Modifier:active {
	background-position: 0 25px;
}

a.btn_acces_fiche_small:active, a.Afficher_small:active, a.Masquer_small:active, a.Supprimer_small:active, a.Modifier_small:active {
	background-position: 0 16px;
}

input#submit_video, input#submit_fiche, input#submit_SupprVideo, input#submit_SupprFiche {
	height: 25px;				
}

input#submit_video, input#submit_fiche {
	width: 120px;
	background-image: url(../images/btn_enregistrer.png);
	background-color: transparent;
	border: none;
}

input#submit_SupprVideo, input#submit_SupprFiche {
	width: 25px;
	background-image: url(../images/btn_supprimer.png);	
	border: none;
}
	
input#submit_video:active, 
input#submit_fiche:active, 
input#submit_SupprVideo:active, 
input#submit_SupprFiche:active {
	background-position: 0 25px;
}
	
a.repondre_admin {
	display: block;
	height: 20px;
	width: 80px;
	background-image: url(../images/btn_repondre.jpg);
}	

a.repondre_admin:active {
	background-position: 0 20px;
	color: #fff;
}	
	
	div#body div#content_admin {
		z-index: 1;
		position: relative;
		margin-top: 15px;
		padding-bottom: 100px;
	}
	
	div#body div#content_admin h1, 
	div#body div#content_admin h3,
	div#body div#content_admin h4 {
		text-indent: 22px;
		font-size: 1.5em;		
		padding-top: 7px;
		background: url(../images/h1_nfich.jpg) no-repeat left 65%;
		border-top: 1px solid #aaa;
	}
		
	div#body div#content_admin h1 {
		margin-top: 35px;
		margin-bottom: 3px;
	}
		
	div#body div#content_admin h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	div#body div#content_admin h4 {
		margin-top: 35px;
		margin-bottom: 10px;
	}
		
		div#body div#content_admin ul li a {
			display: block;
			float: left;
			margin-right: 10px;
			width: 180px;
			height: 90px;
			color: #fff;
		}
		
			div#body div#content_admin ul li a#index_admin_video {
				background-image: url(../images/index_admin_videos.jpg);
			}
			
			div#body div#content_admin ul li a#index_admin_qrdate {
				background-image: url(../images/index_admin_qrdate.jpg);
			}
			
			div#body div#content_admin ul li a#index_admin_qrgen {
				background-image: url(../images/index_admin_qrgen.jpg);
			}
			
			div#body div#content_admin ul li a#index_admin_qrvid {
				background-image: url(../images/index_admin_qrvid.jpg);
			}
			
			div#body div#content_admin ul li a#index_admin_mails {
				background-image: url(../images/index_admin_mails.jpg);
			}
				
			div#body div#content_admin ul li a#index_admin_video:active,
			div#body div#content_admin ul li a#index_admin_qrdate:active,
			div#body div#content_admin ul li a#index_admin_qrgen:active,
			div#body div#content_admin ul li a#index_admin_qrvid:active,
			div#body div#content_admin ul li a#index_admin_mails:active {
				background-position: 0 90px;
				color: #fff;
			}
	
	div#body div#content_admin p.v_ensemble {
		display: block;
		margin-top: 20px;
		margin-bottom: 8px;
		height: 20px;
		width: 100%;
		padding-left: 0px;
		border-bottom: 2px solid red;
	}
	
	div#body div#content_admin p a#ajout_video {
		display: block;
		height: 30px;
		width: 160px;
		background-image: url(../images/btn_ajouter_video.jpg);
		color: #fff;
	}
	
	div#body div#content_admin p a#ajout_video:active {
		background-position: left 30px;
		color: #fff;
	}

	div#body div#content_admin table a.btn_nfich_vid {
		display: block;
		width: 230px;
		height: 25px;	
		color: #fff;
		background-image: url(../images/btn_nfich_vid.jpg);	
	}
	
	div#body div#content_admin table a.btn_nfich_vid:active {
		background-position: 0 25px;
		color: #fff;
	}

/* fiches admin */				
	div#body div#content_admin div#col_l, div#body div#content_admin div#col_r {
		float: left;	
		width: 350px;
	}
	div#body div#content_admin div#col_r {
		margin-left: 30px;
	}
	
		/* fiche : vidéo infos statiques */
		div#body div#content_admin div#col_l div#fiche_static {
			padding: 10px;
			background-color: #ddd;
			color: #555;
		}
		
			div#body div#content_admin div#col_l div#fiche_static p#v_orph {
				font-weight: bold;
				margin-bottom: 8px;
			}
	
			div#body div#content_admin div#col_l div#fiche_static p a.voir_video {
				display: block;
				margin-top: 10px;
				width: 105px;
				height: 20px;
				background-image: url(../images/btn_voir_video.jpg);				
				color: #fff;
			}
		
			div#body div#content_admin div#col_l div#fiche_static p a.voir_video:active {
				background-position: 0 20px;
			} 
			
			div#body div#content_admin div#col_l div#fiche_static select {
				margin-top: 3px;
				margin-bottom: 8px;
			}
			
			div#body div#content_admin div#col_l div#fiche_static div.blocs {
				margin-top: 8px;
			}
			
			div#body div#content_admin div#col_l div#fiche_static div.blocs label {
				display: block;
				font-weight: bold;
			}
			
			div#body div#content_admin div#col_l div#fiche_static div.blocs input {
				height: 20px;
				line-height: 20px;									
				width: 325px;
				text-indent: 2px;
				font-size: 1em;
				border: 1px solid #ccc;
			}
			
				
		/* fiche : vidéo infos modifiables */
		div#body div#content_admin div#col_r div#fiche_mod_v div.titre {
			background-color: #d1efff;
		}
			
			div#body div#content_admin div#col_r div#fiche_mod_v div.onglet div,
			div#body div#content_admin div#col_r div#fiche_mod_v div.onglet p {		
				float: left; 		
				height: 29px;
				background-color: red;
			}
		
			div#body div#content_admin div#col_r div#fiche_mod_v div.onglet div {
				width: 10px;
			}
			
			div#body div#content_admin div#col_r div#fiche_mod_v div.onglet p {
				line-height: 30px;
				font-size: 0.9em;
				font-weight: bold;
				text-transform: uppercase;
				color: #fff;				
			}
		
			div#body div#content_admin div#col_r div#fiche_mod_v div.in_line div.info label {
				display: inline;				
			} 		
		
			div#body div#content_admin div#col_r div#fiche_mod_v div.info {
				clear: both;
				padding: 10px;
				background-color: #efefef;
				border: 1px solid red;
			}
			
				div#body div#content_admin div#col_r div#fiche_mod_v div.info input,
				div#body div#content_admin div#col_r div#fiche_mod_v div.info label,
				div#body div#content_admin div#col_r div#fiche_mod_v div.info input#vignette {
					height: 20px;
					line-height: 20px;					
				}
				
				div#body div#content_admin div#col_r div#fiche_mod_v div.info label {
					display: block;
					font-weight: bold;
				}
				
				div#body div#content_admin div#col_r div#fiche_mod_v div.info input {
					width: 325px;
					text-indent: 2px;
					font-size: 1em;
					border: 1px solid #ccc;
				}
				
					div#body div#content_admin div#col_r div#fiche_mod_v div.info input#vignette {
						border: 1px solid #ccc;
						font-size: 0.9em;
					}
					
					div#body div#content_admin div#col_r div#fiche_mod_v div.info input#inputNum {
						width: 50px;
					}
			
				div#body div#content_admin div#col_r div#fiche_mod_v input#submit_video,
				div#body div#content_admin div#col_r div#fiche_mod_v input#submit_fiche {
					margin-top: 10px;
					margin-left: 210px;
					width: 120px;
					height: 25px;
					border: 0;
				} 
		
		/* bouton de suppression */	
		div#body div#content_admin div#fiche_sup {
			position: relative;
			height: 30px;
		}
		
		div#body div#content_admin div#fiche_sup p {
			position: absolute;
			top: -11px;
			left: 742px;
			width: 160px;
			padding: 5px;
			font-size: 0.7em;
			font-weight: bold;
			color: #777;
			background-color: #eee;
			border: 1px dotted #777;
		}
		
		div#body div#content_admin div#fiche_sup input {
			position: absolute;
			top: 0;
			left: 925px;
		}
			
/* tableaux QR fiches */
div#body div#content_admin table#fiche_qr form  {
	clear: both;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 0.85em;
}

	div#body div#content_admin table#fiche_qr form fieldset {
		margin: 0;
		width: 270px;
		padding: 8px;
		border: 0 none;
	}
	
		div#body div#content_admin table#fiche_qr form fieldset label {
			display: block;
			margin-left: 0px;
			margin-bottom: 2px;
			text-align: left;
			vertical-align: 0;
			color: #444;
		}
		
		div#body div#content_admin table#fiche_qr form fieldset input {
			margin-left: 0;
			margin-bottom: 8px;
			width: 268px;
			height: 15px;
			line-height: 15px;
			border: 1px solid #ccc;
		}				
		
		div#body div#content_admin table#fiche_qr form fieldset select {
			margin-bottom: 0px;
		}
		
		div#body div#content_admin table#fiche_qr form fieldset textarea {
			margin: 0;
			width: 268px;
			padding-top: 2px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			border: 1px solid #ccc;
		}	

		div#body div#content_admin table#fiche_qr form fieldset input.submit_Reponse {
			margin-top: 8px;
			width: auto;
			height: 20px;
			padding-left: 3px;
			padding-right: 3px;
			line-height: 20px;
			font-size: 0.9em;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			background: #FF0000;
			border: none;
		}
		
		div#body div#content_admin table#fiche_qr form fieldset input.submit_Reponse:hover {
			cursor: pointer;
		}

		/* modifier.php */
		div#mod_form {
			width: 302px;
			height: 350px;
			padding-top: 0px;
			padding-left: 7px;
			background-color: #efefef;
		}	
		
/* récupération des mails */		

div#body div#content_admin form#recup_mails label {
	display: block;
}

div#body div#content_admin form#recup_mails textarea {
	margin-top: 8px;
	margin-bottom: 10px;
	width: 640px;
	height: 200px;
	padding: 3px;
	font-size: 0.9em;
	border: 1px solid #ddd;
	background-color: #eee;
}