@CHARSET "ISO-8859-1";

/* Theme général */
@media screen and (min-width: 1300px) {
	.application{	width: 1300px;	margin: 0 auto;}
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
	.application{	width: 1000px;	margin: 0 auto;}
}
@media screen and (min-width: 640px) and (max-width: 1000px) {
	.application{	width: 640px;	margin: 0 auto;}
}
@media screen and (max-width: 640px) {
	.application{	width: 320px;	margin: 0 auto;}
}

/* Header */
header{	background-color: #37393e; font-family: 'Ubuntu';-moz-box-shadow: 0px -5px 10px 10px #000000;-webkit-box-shadow: 0px -5px 10px 10px #000000;box-shadow: 0px -5px 10px 10px #000000;}
header > div > span{color: #faf9f9; font-size: 38px; margin: 0;}
header > div > span small{color: rgb(182, 182, 182); font-style: italic;}
/* Menu général */
header nav{	height: 32px; }
header nav ul li a, header nav ul li a:hover, header nav ul li a:visited{	height: 32px;	line-height: 32px;	color: #EEE;	text-decoration: none;	text-transform: uppercase;}
header nav ul li a:hover, header nav ul li.active a{	color: #4ebfd0;}
header nav ul{	float: right;height: 32px;	margin: 0;}
header nav ul li{float: left;padding: 0px 14px;list-style-type: none;}
header nav ul li:nth-child(n+2){border-width: 0px 0px 0px 1px;border-color: #DDD;border-style: solid;}
/* Menus déroulants */
div.menusDiv{height: 0px;}
div.menuDiv{ background-color: #37393E; position: absolute; z-index: 100; display: none; margin-top: 5px;}
div.menuDiv ul.menuList{list-style: none; padding: 0; margin: 0;}
div.menuDiv ul.menuList li{padding: 5px 15px;}
div.menuDiv ul.menuList li:nth-child(n+2){border-width: 1px 0px 0px 0px;border-color: #666;border-style: solid;}
div.menuDiv a{color: #EEE; text-decoration: none; font-size: 14px;}
div.menuDiv a:hover, div.menuDiv li.active a{color: #4ebfd0;} 

#content{margin-bottom: 10px;}
.page{font-size: 12px; background-color:#FFF; margin: 0; padding: 5px 5px 20px 5px;-moz-box-shadow: 5px 5px 5px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;}
.page .ui-widget{font-size: 11px;}

/* Footer */
footer{background-color: #37393e; color: #faf9f9; text-align: center; font-size: 11px; line-height: 17px;}
footer a, footer a:visited{color: #faf9f9;}
footer a:hover{color: #4ebfd0;}


table.dataTable{font-size: 14px;}

.name{font-weight: bold; color: #37393E;}
span.orignalName{margin-left: 20px; font-style: italic; color: #666;}
ul.liNoStyle{list-style: none;padding-left: 0;}
.warning, .info{padding: 5px 5px 5px 45px;background-repeat: no-repeat;background-position-y: 50%;line-height: 15px; min-height: 40px; background-position-x: 5px;}
.warning ul, .info ul{margin:0 ;}
.warning {	background-color: #FFEDC0;border: 1px solid #C26500;background-image: url('img/icons/Button-Warning-icon.png');}
.info {	background-color: #F0F1FF;border: 1px solid #0000C2;background-image: url('img/icons/Button-Info-icon.png');}
q{color: #444;font-weight: bold;font-style: italic;}
.bold{font-weight: bold;}

/* Titres */
h1{background-color: #37393e; color: #faf9f9; margin: 10px 0 10px 0 !important; font-family: 'Ubuntu'; font-size: 22px; line-height: 36px; padding-left: 10px;-moz-box-shadow: 5px 5px 5px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;}

/* Essais vignette */
.vignette33{width: 30%; float: left; margin: 1%;}
.vignette100{width: 100%;}
.vignette figure{height: 200px; overflow: hidden; margin:0; padding: 0;}
.vignette figure img{width: 100%; position: relative;}
.vignette33 figure img{top: -50%;}
.vignette div{background-color: #37393e; height: 100px; margin:0; padding: 0;}
.vignette div h2{color: #faf9f9; padding: 2px 0 0 5px;}