/******************************************************************************
 * Ce fichier contient les styles qui seront appliqués sur le skin Cerise
 * Ordre des sections: table, td, p, a, ".".
 *****************************************************************************/

#AlbumNavigation
{
    background-image: url(Images/AlbumBandeau.gif);
    position: absolute;
    height: 66px;
    width: 100%;
    z-index: 2;
}

/******************************************************************************
 * Section table
 *****************************************************************************/
table.ProfilDetails
{
	background-color: #eeeee6;
	color: #000000;
	width: 300px;
}

/******************************************************************************
 * Section td
 *****************************************************************************/
td.PhotoStatut1
{
	background-color: #FFC160
}
td.PhotoStatut2
{
	background-color: Transparent
}
td.PhotoStatut3
{
	background-color: #CF5D60
}
td.PhotoStatut4
{
	background-color: Transparent
}
td.BoiteDetailsHautGauche
{
	background-image: url(Images/BoiteDetailsHautGauche.gif);
	height: 5px;
	width: 10px
}
td.BoiteDetailsHautCentre
{
	background-image: url(Images/BoiteDetailsHautCentre.gif);
	height: 5px
}
td.BoiteDetailsHautDroite
{
	background-image: url(Images/BoiteDetailsHautDroite.gif);
	height: 5px;
	width: 10px
}
td.BoiteDetailsBasGauche
{
	background-image: url(Images/BoiteDetailsBasGauche.gif);
	height: 5px;
	width: 10px
}
td.BoiteDetailsBasCentre
{
	background-image: url(Images/BoiteDetailsBasCentre.gif);
	height: 5px
}
td.BoiteDetailsBasDroite
{
	background-image: url(Images/BoiteDetailsBasDroite.gif);
	height: 5px;
	width: 10px
}
td.BandeauPrincipal
{
	background-image: url(Images/BandeauPrincipal.gif);
	width: 845px;
}
td.BandeauGauche
{
	background-image: url(Images/BandeauGauche.gif);
	background-repeat: repeat-y;
}
td.TitreFormulaire, tr.TitreFormulaire td
{
	background-color: #cc0000;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px
}
td.TitreListe, tr.TitreListe td
{
	background-color: #cc0000;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px
}
td.TitreListeGauche
{
    background-image: url(Images/FondListeTitreGauche.gif);
    width: 10px;
}
.TitreListeCentre
{
    background-image: url(Images/FondListeTitre.gif);
}
td.TitreListeDroite
{
    background-image: url(Images/FondListeTitreDroite.gif);
    width: 10px;
}
td.OngletActif
{
	background-color: #cc0000;
	color: #ffffff;
	font-size: 12px
}
td.OngletInactif
{
	background-color: #cccccc;
	color: #666666;
	font-size: 12px
}
td.OngletCentre
{
	background-image: url(Images/OngletCentre.gif);
}

/******************************************************************************
 * Section p
 *****************************************************************************/
p.NoteTitre
{
	color: #cc0000;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center
}
p.NoteTitreProfil
{
	color: #cc0000;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: left
}
p.SousTitreProfil
{
	color: #cc0000;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left
}

/******************************************************************************
 * Section a
 *****************************************************************************/
a.Plain:link, a.Plain:visited
{
	color: #000000;
	text-decoration: none;
}
a.Plain:hover, a.Plain:active
{
	color: #cc0000;
	text-decoration: none;
}
a.Page:link, a.Page:visited
{
	background-color: #dddddd;
	border: solid 1px #999999;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	margin-right: 3px;
	padding: 3px;
	text-decoration: none;
}
a.Page:hover, a.Page:active
{
	background-color: #dddddd;
	border: solid 1px #999999;
	color: #cc0000;
	font-family: Arial;
	font-size: 12px;
	margin-right: 3px;
	padding: 3px;
	text-decoration: none;
}
a.PageCourante:link, a.PageCourante:visited
{
	background-color: #999999;
	border: solid 1px #999999;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	margin-right: 3px;
	padding: 3px;
	text-decoration: none;
}
a.PageCourante:hover, a.PageCourante:active
{
	background-color: #999999;
	border: solid 1px #999999;
	color: #cc0000;
	font-family: Arial;
	font-size: 12px;
	margin-right: 3px;
	padding: 3px;
	text-decoration: none;
}
td.OngletActif a:link, td.OngletActif a:visited
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
td.OngletActif a:hover, td.OngletActif a:active
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
td.OngletInactif a:link, td.OngletInactif a:visited
{
	color: #666666;
	text-decoration: none;
}
td.OngletInactif a:hover, td.OngletInactif a:active
{
	color: #666666;
	text-decoration: none;
}

/******************************************************************************
 * Section .
 *****************************************************************************/
.PanelPhotos
{
    float: right;
    padding-bottom: 8px;
    padding-left: 8px
}

/*
Ajax Tabs
*/
/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
.ajax_tab_wawaron .ajax__tab_header 
{
	white-space: nowrap;
}
/* : An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
.ajax_tab_wawaron .ajax__tab_outer
{
	display: -moz-inline-box;
	display: inline-block;
}
/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
.ajax_tab_wawaron .ajax__tab_inner
{
	display: -moz-inline-box;
	display: inline-block;
}
/* An element of the tab that contains the text content. Child CSS classes:none. */
.ajax_tab_wawaron .ajax__tab_tab
{
    background-color: #dddddd;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-top: solid 1px #999999;
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-right: 0 !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 5px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}
.ajax_tab_wawaron .ajax__tab_active .ajax__tab_tab
{
    background-image: url(Images/FondListeTitre.gif);
	border-left: solid 1px #cc0000;
	border-right: solid 1px #cc0000;
	border-top: solid 0px transparent;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-right: 0 !important;
	padding: 5px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
	font-weight: bold;
}
/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
.ajax_tab_wawaron .ajax__tab_body
{
	background-color: #eeeee6;
	border: solid 1px #999999;
	padding: 8px;
	min-height: 400px
}
/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
.ajax_tab_wawaron .ajax__tab_hover
{
}
/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
.ajax_tab_wawaron .ajax__tab_active
{
}