@charset "utf-8";
/* CSS Document */
body, form, ul, li { margin:0; padding:0; }

body
{
	background:#c5c5c5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a { color:#bd007e; text-decoration:none; }
a:hover { color:#970265; text-decoration:none; }

img { border:none; }

#page #panel input, select, textarea
{
	border:#bd007e 1px solid;
	margin:1px;
	padding:1px;
	font-family:"Myriad Pro", "Arial Rounded MT Bold", Arial;
}

#page #panel .input-no_bg
{
	background:none;
	padding:0;
	margin:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#bd007e;
	font-size:11px;
	cursor:pointer;
}

.no-script
{
	background:#ca3c3c;
	color:#f3a7a7;
	font-size:14px;
	padding-top:30px;
	padding-bottom:10px;
	width:100%;
	text-align:center;
	border-bottom:#7b0f0f 5px solid;
}

#lampe
{
	position:absolute;
	top:0px;
	width:100%;
	height:27px;
	z-index:6;
	background: url(../image/template/login-lampe.png) repeat-x center top;
}
/* ---------------------- Block login ---------------------- */
#block-login
{
	position:relative;
	top:0px;
	width:578px;
	margin:auto;
}

#block-login #login-bg
{
	position:absolute;
	left:-136px;
	z-index:0;
}

#block-login #login-titre
{
	position:absolute;
	z-index:1;
}

#block-login #login-cadre
{
	position:absolute;
	top:80px;
	height:430px;
	width:578px;
	z-index:2;
	background:url(../image/template/login-cadre_rose.png) no-repeat;
	
}

#block-login #login-cadre #texte
{
	position:absolute;
	top:35px;
	width:578px;
	text-align:center;
}

#block-login #login-cadre #formulaire
{
	position:absolute;
	top:95px;
	left: 106px;
	text-align:right;
}

#block-login #login-cadre #formulaire2
{
	position:absolute;
	top:95px;
	width:100%;
	text-align:center;
}

#block-login #login-cadre #formulaire .input-fond
{
	width:192px;
	height:22px;
	background:url(../image/template/login-input_rose.png);
}

#block-login #login-cadre #formulaire .input
{
	background:transparent;
	border:none;
	font-size:11px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	width:186px;
}

#footer-login { position:relative; top:400px; margin:auto; width:470px; z-index:5; }

/* ---------------------- Panel ---------------------- */
#page
{
	position:relative;
	top:0px;
	width:90%;
	max-width: 1920px;
	min-width: 1100px;
	margin:auto;
}

#page #panel-titre
{
	position:absolute;
	width:100%;
	z-index:1;
}

#page #panel
{
	position:absolute;
	top:80px;
	width:100%;
	z-index:2;
}

#page #panel .bord-gauche
{
	background:url(../image/template/panel-bord-gauche.png) repeat-y;
	width:45px;
}

#page #panel .bord-droit
{
	background:url(../image/template/panel-bord-droit.png) repeat-y left;
	width:46px;
}

#page #panel #barre-color
{
	background:#f000a0;
	height:3px;
}

#page #panel .ban-admin
{
	position:absolute;
	top:28px;
	left:44px;
}


	/* ---------------------- Header ---------------------- */
#page #panel #header
{
	position:relative;
	height:75px;
	color:#FFF;
}

#page #panel #header .header-gauche
{
	position:absolute;
	left:0px;
	width:55px;
	height:75px;
	background:url(../image/template/panel-header_gauche.png) no-repeat;
}

#page #panel #header .header-centre
{
	position:absolute;
	left:55px;
	right:53px;
	height:75px;
	background:url(../image/template/panel-header_centre.png) repeat-x;
}
#page #panel #header .header-centre .header-content
{
	position:absolute;
	left:45px;
	bottom:2px;
}

#page #panel #header .header-droit
{
	position:absolute;
	right:0px;
	width:53px;
	height:75px;
	background:url(../image/template/panel-header_droit.png) no-repeat;
}

#page #panel #header .header-logoclient
{
	position:absolute;
	bottom:0px;
	right:78px;
	z-index:3;
}

#page #panel #header .header-bg
{
	position:absolute;
	bottom:0px;
	left:21px;
	right:19px;
	height:47px;
	background:url(../image/template/panel-header_bg.png) no-repeat left;
}


	/* ---------------------- Menu ---------------------- */
#page #panel #menu
{
	border:#9c9c9c 2px solid;
	background:url(../image/template/panel-menu_bg.png) repeat-y;
	height:21px;
}


/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#c141a4 ;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#c141a4 ;
	color:#FFF;
}

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { 
	background:#fff;	
	border:1px solid #c141a4; }


.subMenuParentBtn { background: url(../image/template/fleche_menu/arrow_right.gif) right center no-repeat; }
.subMenuParentBtnFocused { background: url(../image/template/fleche_menu/arrow_right_over.gif) right center no-repeat; }
.mainMenuParentBtn { background: url(../image/template/fleche_menu/arrow_down.gif) right center no-repeat; }
.mainMenuParentBtnFocused { background: url(../image/template/fleche_menu/arrow_down_over.gif) right center no-repeat; }

	/* ---------------------- Content ---------------------- */
#page #panel #content { margin:6px; }
#page #panel #content #titre_appli
{
	position:relative;
	height:74px;
}

#page #panel #content #titre_appli .bg_gauche
{
	position:absolute;
	left:0px;
	height:74px;
	width:12px;
	background:url(../image/template/panel-titre_appli-bg_gauche.png) no-repeat;
	z-index:1;
}

#page #panel #content #titre_appli .bg_centre
{
	position:absolute;
	left:12px;
	right:10px;
	height:74px;
	background:url(../image/template/panel-titre_appli-bg_centre.png) repeat-x;
	z-index:1;
}

#page #panel #content #titre_appli .title_appli
{
	padding-left:5px;
	color:#bd007e;
	font-family:"Myriad Pro", "Arial Rounded MT Bold", Arial;
	font-size:20px;
}

#page #panel #content #titre_appli .parametre
{
	width:70px;
	font-size:11px;
}

#page #panel #content #titre_appli .bg_droit
{
	position:absolute;
	right:0px;
	height:74px;
	width:10px;
	background:url(../image/template/panel-titre_appli-bg_droit.png) no-repeat;
	z-index:1;
}


#page #panel #content #titre_appli .titre-news
{
	margin-top:10px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	width:60%;
	color:#6f6f6f;
	padding-bottom:2px;
	border-bottom:#787878 solid 1px;
	overflow:hidden;
}
#page #panel #content #titre_appli .rsstitle
{
	color:#6f6f6f;
	font-size:10px;
	padding:2px;
}

#stoobyid
{
	width:99%;
	height:10px;
	padding-top:4px;
}

	/* ---------------------- Tableau ---------------------- */
#page #panel #content #table
{
	width:936px;
	position:relative;
	margin:auto;
}

#page #panel #content #table .pastille
{
	position:absolute;
	top:0px;
	left:0px;
}

#page #panel #content #table .table_title_bg
{
	background:url(../image/template/panel-table_titre.png) no-repeat;
	height:36px;
	color:#FFF;
}

.table-sep_color
{
	background:url(../image/template/panel-table_sep1_rose.png) repeat-x;
	height:5px;
}

#page #panel #content .table_sep_vertical
{
	background:url(../image/template/panel-table_sep2.png) repeat-y left;
	height:29px;
}

#page #panel #content #table .table_content
{
	background:url(../image/template/panel-table_bg1.png) repeat-y;
	padding-left:1px;
	padding-right:1px;
}

#page #panel #content #table .table_content_2
{
	background:url(../image/template/panel-table_bg2.png) repeat;
}

#page #panel #content #table .table_content_3
{
	background:url(../image/template/panel-table_bg3.png) no-repeat;
	height:36px;
}

	/* ---------------------- Grande fen�tre ---------------------- */
#page #panel #content .gdfenetre
{
	width:100%;
}

#page #panel #content .gdfenetre .titre_gauche
{
	background:url(../image/template/panel-gdfentre-titre_bg_gauche.png) no-repeat;
	width:244px;
	height:36px;
}

#page #panel #content .gdfenetre .titre_fenetre
{
	padding-right:30px;
	margin-top:7px;
	text-align:center;
}

#page #panel #content .gdfenetre .titre_centre
{
	background:url(../image/template/panel-gdfentre-titre_bg_centre.png) repeat-x;
}

#page #panel #content .gdfenetre .titre_droit
{
	background:url(../image/template/panel-gdfentre-titre_bg_droit.png) no-repeat;
	width:4px;
	height:36px;
}

#page #panel #content .gdfenetre .structure-content
{
	position:relative;
	background:#fafafa;
}

#page #panel #content .gdfenetre .content
{
	position:relative;
 	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	z-index:2;
	text-align:left;
}

#page #panel #content .gdfenetre .bg-gauche
{
	position:absolute;
	left:0px;
	top:0px;
	bottom:20px;
	background:url(../image/template/panel-gdfentre-content_bg_gauche.png) repeat-y;
	width:30px;
	z-index:1;
}

#page #panel #content .gdfenetre .bg-droit
{
	position:absolute;
	right:0px;
	top:0px;
	bottom:20px;
	background:url(../image/template/panel-gdfentre-content_bg_droit.png) repeat-y;
	width:25px;
	z-index:1;
}

#page #panel #content .gdfenetre .footer
{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1;
}

#page #panel #content .gdfenetre .footer .foot-gauche
{
	background:url(../image/template/panel-gdfentre-footer_bg_gauche.png) no-repeat;
	height:27px;
	width:30px;
}

#page #panel #content .gdfenetre .footer .foot-centre
{
	background:url(../image/template/panel-gdfentre-footer_bg_centre.png) repeat-x;
	height:27px;
}

#page #panel #content .gdfenetre .footer .foot-droit
{
	background:url(../image/template/panel-gdfentre-footer_bg_droit.png) no-repeat;
	height:27px;
	width:25px;
}

	/* ---------------------- Footer ---------------------- */
#page #panel #footer
{
	position:relative;
	height:22px;
	color:#FFF;
}

#page #panel #footer .footer-gauche
{
	position:absolute;
	left:0px;
	width:53px;
	height:53px;
	background:url(../image/template/panel-footer_gauche.png) no-repeat top right;
}

#page #panel #footer .footer-centre
{
	position:absolute;
	left:53px;
	right:53px;
	height:53px;
	background:url(../image/template/panel-footer_centre.png) repeat-x;
}

#page #panel #footer .copyright
{
	position:relative;
	padding-top:10px;
	margin:auto;
	width:500px;
	color:#000;
	font-size:11px;
	z-index:2;
}

#page #panel #footer .footer-droit
{
	position:absolute;
	right:0px;
	width:53px;
	height:53px;
	background:url(../image/template/panel-footer_droit.png) no-repeat;
}

	/* ---------------------- Classe Appli ---------------------- */
#page #panel .post-comment
{
	border-bottom:#239bc2 1px dashed;
	color:#239bc2;
	text-align:right;
}