/************************************************************************************/
/**********************************    Balises    ***********************************/
/************************************************************************************/

body {
	font-family: "Trebuchet MS", Verdana, Arial;	
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #5E5E5E;
}

a { text-decoration: none; }
a:hover {text-decoration: underline; }
form { display: inline; }
h1 {display: inline; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #000000; }
h2 {display: inline; font-size: 14px; font-weight: normal; letter-spacing: 1px;  color: #000000;  }
/************************************************************************************/
/**********************************    Cadres    ************************************/
/************************************************************************************/

.cadre-title {
	color: #342876;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;	
}

.menu-h-fond {
	background-image: url(/images/design/menu-h-fond.jpg);
	background-repeat: repeat-x;
}

.menu-v-fond {
	background-image: url(/images/design/menu-v-fond.jpg);
	background-repeat: repeat-y;
}


.cadre-blanc-gauche {
	background-image: url(/images/design/coin-blanc-gauche.jpg);
	background-repeat: repeat-y;
}

.cadre-blanc-droite {
	background-image: url(/images/design/coin-blanc-droite.jpg);
	background-repeat: repeat-y;
}

.cadre-blanc-bas {
	background-image: url(/images/design/coin-blanc-bas.jpg);
	background-repeat: repeat-x;
}

.cadre-blanc-haut {
	background-image: url(/images/design/coin-blanc-haut.jpg);
	background-repeat: repeat-x;
}


.cadre-main-gauche {
	background-image: url(/images/design/cadre-main-gauche.jpg);
	background-repeat: repeat-y;
}

.cadre-main-droite {
	background-image: url(/images/design/cadre-main-droite.jpg);
	background-repeat: repeat-y;
}

.cadre-main-bas {
	background-image: url(/images/design/cadre-main-bas.jpg);
	background-repeat: repeat-x;
}

.cadre-main-haut {
	background-image: url(/images/design/cadre-main-haut.jpg);
	background-repeat: repeat-x;
}

.fenetre-volante { border: 4px solid #CDCDF5; background-color: #FFFFFF; font-size: 12px; position: absolute; padding: 5px;}
.thumb-gal { border: 1px solid #9696EB; }
.thumb-gal:hover { border: 1px solid #FFEEBB; }

/************************************************************************************/
/******************************    Textes & Liens    ********************************/
/************************************************************************************/

.menu-link { font-size: 12px; letter-spacing: 1px; color: #9696EB; font-weight: bold; }
.menu-logout { font-size: 12px; letter-spacing: 1px; color: #FF9933; font-weight: bold; }
.menu-register { font-size: 12px; letter-spacing: 1px; color: #22DD22; font-weight: bold; }
.topref-hit { font-size: 12px; letter-spacing: 1px; color: #CDCDF5; }
.text-norm { font-size: 12px; letter-spacing: 1px; color: #9696EB; }
.text-remarque { font-size: 12px; letter-spacing: 1px; color: #000000; }
.text-footer { font-size: 12px; letter-spacing: 1px; color: #9696EB; }
.text-bold { font-size: 12px; letter-spacing: 1px; color:#9696EB; font-weight: bold; }
.text-maj-ok { font-size: 12px; color: #00AA00; letter-spacing: 1px; }
.text-separator { font-size: 12px; color: #9696EB; font-weight: bold; }
.text-erreur { font-size: 12px; color: #FF3300; letter-spacing: 1px; }
.link-norm { font-size: 12px; letter-spacing: 1px; color: #FF6600; text-decoration: underline; }
.link-friend { margin-left: 5px; margin-right: 5px; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #FF6600; }
.annu-lien { font-size: 10px; color: #9696EB; letter-spacing: 1px; text-decoration: none; }
.annu-sep { font-size: 10px; color: #CDCDF5; margin-left: 4px; margin-right: 4px; }
.forgot-password { font-size: 12px; letter-spacing: 0.5px; color: #FF9933; }

.bouton-entrer { font-size: 24px; font-weight: bold; color: #00AA00; letter-spacing: 1px; }
.bouton-sortir { font-size: 16px; font-weight: bold; color: #FF3300; letter-spacing: 1px; }


/************************************************************************************/
/******************************    Apercus vidéos    ********************************/
/************************************************************************************/
.th-video-container { margin: 2px; border: 2px solid #CDCDF5; width: 160px; background-color: #F7F4FF; padding: 5px; text-align: center;}
.th-video-container:hover { background-color: #FFEEBB;}
.th-video-container-selected { background-color: #FFEEBB; padding: 5px; text-align: center;}
.th-video-container-selected:hover { background-color: #FFEEBB;}

.th-video-border-ext { border: 1px solid #CCCCCC; }
.th-video-title { font-size: 12px; color: #000000; letter-spacing: 1px; font-weight:bold; }
.th-video-picture {width: 100px; height: 75px; border: 3px solid #9696EB;  }
.th-video-nb-vues { font-size: 10px; color: #555555;  }

.apercu-lien {text-decoration: none;}
.apercu-lien:hover {text-decoration: none;  cursor: pointer;  }


/************************************************************************************/
/********************************    Formulaires    *********************************/
/************************************************************************************/

.champ-norm { color: #9696EB; border: 1px solid #CDCDF5; padding: 3px; height: 14px; font-size: 10px; }
.cmb-norm { color: #9696EB; border: 1px solid #CDCDF5; padding: 2px; height: 18px; font-size: 10px; }

/************************************************************************************/
/********************************    Pagination     *********************************/
/************************************************************************************/

.num-page {
	display: block; 
	float: right; 
	width: 24px; 
	height: 16px; 
	margin-top: 6px; 
	font-size: 10px; 
	color: #9696EB; 
	font-weight: bold; 
	background-image: url(/images/design/pagination.jpg); 
	background-repeat: no-repeat;
	text-align: center;
}

.num-page-selected {
	color: #000000;
	background-image: url(/images/design/pagination-selected.jpg); 
}