
/* Paramêtrage */

.CouleurSite, h1, h2, .ReseauxSociaux {
	color : #00AEEF;
}

.BGCouleurSite, button {
	background-color : #00AEEF;
}

.BorderCouleurSite, .ControleStd input {
	border-color : #00AEEF !important;
}

/* Message d'erreur et d'information */

.GlobalMessage hr {
	display : none;
}
.GlobalErreur {
	padding : 5px 10px; border : solid 1px red; margin : 5px 0;
	background-color : rgba(255, 0, 0, 0.15); color : #000;
}
.ControleStd .Erreur {
	color : red;
}
.GlobalSucces {
	padding : 5px 10px; border : solid 1px green; margin : 5px 0;
	background-color : rgba(0, 255, 0, 0.15); color : #000;
}


/* Divers */

h1 {
	font-size : 1em;
}

h2 {
	margin : 20px 0;
	text-transform : uppercase; font-size : 20px;
	text-align : center;
}
.SupHighRes h2 { font-size : 26px; }

p {
	margin-top : 5px;
}

/* Grille */

.SupHighRes .Grille {
	margin-left : -10px; margin-right : -10px;
}
.SupHighRes .Grille > .Cellule {
	display : inline-block; vertical-align : top; box-sizing : border-box; padding : 10px;
}
.SupHighRes .Grille.Colonne2 > .Cellule { width : 50%; }
.SupHighRes .Grille.Colonne3 > .Cellule { width : 33.33%; }
.SupHighRes .Grille.Colonne4 > .Cellule { width : 25%; }
.SupHighRes .Grille.Colonne5 > .Cellule { width : 20%; }

.SupHighRes .Grille.Colonne2 > .Cellule.ColspanFull { width : 100%; }
.SupHighRes .Grille.Colonne2 > .Cellule.Colspan2 { width : 100%; }
.SupHighRes .Grille.Colonne2 > .Cellule.Colspan2 { width : 100%; }
.SupHighRes .Grille.Colonne3 > .Cellule.Colspan3 { width : 100%; }
.SupHighRes .Grille.Colonne3 > .Cellule.Colspan2 { width : 66.67%; }
.SupHighRes .Grille.Colonne4 > .Cellule.Colspan4 { width : 100%; }
.SupHighRes .Grille.Colonne4 > .Cellule.Colspan3 { width : 75%; }
.SupHighRes .Grille.Colonne4 > .Cellule.Colspan2 { width : 50%; }
.SupHighRes .Grille.Colonne5 > .Cellule.Colspan5 { width : 100%; }
.SupHighRes .Grille.Colonne5 > .Cellule.Colspan4 { width : 80%; }
.SupHighRes .Grille.Colonne5 > .Cellule.Colspan3 { width : 60%; }
.SupHighRes .Grille.Colonne5 > .Cellule.Colspan2 { width : 40%; }

.Grille > .Cellule img {
	max-width : 100%;
}

/* Section */

.Section {
	position : relative;
}
.SupHighRes .Section.Contenu {
	padding : 0;
}
.LowRes .Section.Contenu {
	padding : 20px 0 0 0;
}
.LowRes .Section.Contenu:first-child {
	padding : 0 0 0 0;
}
.LowRes .Section.ArrierePlan {
	margin-top : 20px;
}
.Section.ArrierePlan .ImgFond {
	display : block;
	background : transparent none scroll no-repeat center top;
}
.SupHighRes .Section.ArrierePlan .ImgFond {
	margin : 0 -20px;
}
.LowRes .Section.ArrierePlan .ImgFond {
	margin : 0 -10px;
}
.LowRes .Section.ArrierePlan .ImgFond {
	height : 202px;
}
.LowRes .Section.ArrierePlan .ImgFond.Large {
	height : 404px;
}
.SupHighRes .Section.ArrierePlan .ImgFond {
	height : 520px;
}
.SupHighRes .Section.ArrierePlan .ImgFond.Large {
	height : 700px;
}
.SectionAdmin {
	margin : 35px 0;
}

.TitreSection {
	padding : 5px;
	font-size : 1.2em; font-weight : bold;
	background-color : rgba(0,0,0,0.2);
}


/* Pagination */

.Pagination {
	text-align : center;
}
.Pagination a {
	text-decoration : none;
}
.Pagination .Separateur {
	display : none;
}
.Pagination .Page {
	display : inline-block; margin : 0 5px; padding : 2px 5px;
}
.Pagination .PageCourante {
	font-weight : bold;
	background-color : #000; color : #fff;
}

/* Tableau */

table.Style1 {
	margin : 20px auto;
	border-collapse : collapse;
}
table.Style1 td,
table.Style1 th {
	padding : 3px 5px; border : solid 1px #000;
}

/* Info partielle */

.InfoPartielle {
	position : relative;
}
.InfoPartielle .InfoCache {
	display : none; padding : 10px; border : solid 2px #709AF1;
	position : absolute; top : 0; left : 100%; z-index : 1;
	font-size : 12px; font-weight : normal;
	background-color : #FFF; box-shadow : 0px 0px 4px #000; color : #515761; text-align : left;
}
.InfoPartielle .InfoCache.NoWrap {
	white-space : nowrap;
}
.InfoPartielle:hover .InfoCache {
	display : block;
}
.InfoPartielle .InfoCache.Top {
	top : auto; bottom : 0;
}
.InfoPartielle .InfoCache.Bottom {
	left : 0; top : 100%; bottom : auto; right : auto;
}
.InfoPartielle .InfoCache.Left {
	left : auto; right : 100%;
}
.InfoPartielle .InfoCache.Decalage {
	top : calc(100% + 20px);
}
.InfoPartielle .InfoCache.Top.Decalage {
	top : auto; bottom : calc(100% + 20px);
}
.InfoPartielle .InfoCache.Bottom.Decalage {
	top : calc(100% + 20px);
}

.InfoPartielle .InfoCache img {
	max-width : none;
}