/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(imgs/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	overflow: auto;
}

alertDEV{
	color:#000;
	background-color:#F00;
	padding:5px;
	border:solid #F00;
	font-family:Arial, verdana, sans-serif;
	font-size:14px;
}

#page {
	/******************************** CALAGE ***
	border-left:dotted 1px #333;
	border-right:dotted 1px #333;
	min-height:600px;
	/*******************************************/
	position:absolute;
	margin-left:50%;
	left:-500px;
	top:0px;
}

#header {
	position:relative;
	display:block;
	background-image:url(imgs/header001.jpg);
	width:1000px;
	height:200px;
}
#menuTopAcces, #menuTopAdherent {
	width:600px;
	color:#FFFFFF;
	text-align:right;
}
#menuTopAcces {
	background-color:#044f83;
	background-image:url(imgs/topaccesleft.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#menuTopAdherent{
	background-color:#31a3d7;
	background-image:url(imgs/topadherentleft.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#menuTopAcces a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style:square;
	padding-left:10px;
	padding-right:10px;
	background-color:#044f83;
	color:#FFFFFF;
	text-decoration:none;
}
#menuTopAcces a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#044f83;
}
#menuTopAdherent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style:square;
	padding-left:10px;
	padding-right:10px;
	background-color:#31a3d7;
	color:#FFFFFF;
	text-decoration:none;
}
#menuTopAdherent a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#31a3d7;
}

#leftMenu {
	padding:5px;
	left:0px;
	top:200px;
	position:absolute;
	width:190px;
	height:450px;
	display:block;
	float:left;
	/* border:solid 1px #000000; */
}

#contenu {
	display:block;
	padding:5px;
	padding-bottom:25px;
	left:200px;
	top:0px;
	position:relative;
	width:790px;
	height:auto !important;
	height:450px;
	min-height:450px;
	
	/************************************ CALAGE ***/
	/* border:solid 1px #000000; */
	/***********************************************/
	background-color:#fff;
	background-image:url(imgs/bgContent.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#footer{
	color:#fff;
	background-color:#31a3d7;
	display:block;
	position:relative;
	width:1000px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:15px;
	float:left;
}
div.error {
	background-color: #ff8866;
	width: 750px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}

.logShown {
	display: block;
	height: 10px;
	float: left;
}

.logHidden {
	display: none;
	height: 10px;
}

form {
	margin:0;
	padding:0;
}

h1.titreRubrique {
	font-size: medium;
	font-weight: bold;
	text-align: center;
}



input {
	font-size: x-small;
}
input.checkbox, input.radio, input.foup{
	border: 0px;
	background-color: #fff;
}

/*
#loader{
	z-index:1000;
	position:absolute;
	margin-top:0px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	background-color:#FFFFFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
}
*/
SELECT, OPTION, TEXTAREA, INPUT {
	
}

.fontWeightNormal {
	font-weight : normal;
}

.fontWeightGras {
	font-weight : bold;
}

#loader{
	z-index:1000;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
}

#alertBox{
	padding:20px;
	z-index:1001;
	display:none;
	position:absolute;
	margin-left:50%;
	width:600px;
	height:auto;
	left:-300px;
	/*top:225px;*/
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
	/*border:solid 2px;*/
}

//Classe utilisée pour identifier les éléments à réafficher 
.alertBoxSelectBlock{
	display: none;
}

#etatBox{
	margin:5px auto;
	padding:20px;
	z-index:1002;
	display:none;
	position:relative;
	top:50px;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
}

.commentBox{
	background-image:url(/img/contactRouge.jpg);
	border:solid 2px #bd4343;
}

#alertBox.commentBox h1{
	color:#bd4343;
}
#alertBox.contactBox h1{
	color:#DD7E22;
}
#alertBox.factureBox h1{
	color:#3f81b5;
}
#alertBox.adherentsBox h1{
	color:#3174a9;
}
#alertBox.adherentsBox{
	background-image:url(/img/adherentBleu.jpg);
	border:solid 2px #3174a9;
}

.factureBox{	
	background-image:url(/img/contactBleu.jpg);
	border:solid 2px #3f81b5;
}

.contactBox{	
	background-image:url(/img/contactOrange.jpg);
	border:solid 2px #DD7E22;
}

#alertBox h1 {
	text-align:right;
	font-size:large;
	margin-bottom:40px;
}

#alertBox a {
	color:#044F83;
	font-weight:bold;
	text-decoration:none;
}

.lockedBox{
	background-image:url(imgs/locked.jpg);
	border:solid 2px #A41D0F;
}

#alertBox.lockedBox h1{
	color:#A41D0F;
}

.warningBox{
	background-image:url(imgs/warning.jpg);
	border:solid 2px #DD7E22;
}

#alertBox.warningBox h1{
	color:#DD7E22;
}

.errorBox{
	background-image:url(imgs/error.jpg);
	border:solid 2px #990000;
}

#alertBox.errorBox h1{
	color:#990000;
}

.validBox{
	background-image:url(imgs/valid.jpg);
	border:solid 2px #006633;
}

#alertBox.validBox h1{
	color:#006633;
}

#alertBox.htmlBox h1{
	color:#349EA9;
}

.htmlBox{
	/*background-image:url(imgs/question.jpg);*/
	border:solid 2px #349EA9;
}

.questionBox{
	background-image:url(imgs/question.jpg);
	border:solid 2px #349EA9;
}

#alertBox.questionBox h1{
	color:#349EA9;
}

/*.contactBox{
	
	background-image:url(/img/contactOrange.jpg);
	
	border: 1px solid #DD7E22;
	
}*/


.loadBox{
	/*background-image:url(/img/reload.png);*/
	border:solid 2px #6FA3EC;
	width:200px;
	margin-left:50%;
	left:-100px;
}

#alertBox.loadBox h1{
	color:#6FA3EC;
}

#alertBox input.alertBout {
	background-color:#777777;
	color:#FFFFFF;
	cursor:pointer;
}

.enteteTriable{
	cursor:pointer;
	float:left;
}

#alertBox hr {
/*color:#044f83;*/
}

/*******************************************
Style pour les compasants ajax.InPlaceEditor
*******************************************/
.zoneEditable {
	background-color:#e5e5ff;
}

/************************************
Style pour les promos
************************************/
.fichePromo {
	width: 120px;
}


#jck_bubulle {
	border: solid #999999 1px; 
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	width:250px;
	height:125; 
	background-color:#FFFFFF; 
	display:block;
	visibility:hidden; 
	padding:0px; 
	margin:0px;
	position:absolute;
	z-index:1000;
}
#jck_bubulle p{
	margin:10px;
	padding:10px;
}


/**********************************************
 Style pour les contact du jour (alert actions)
***********************************************/

.contactDuJour {
	background-color: #C6DFEF;
}


/**********************************************
 Style pour les points fid�lit�
***********************************************/
.titreRight{
	color: #044F83;
	margin-right:60px;
	text-align:right;
}

.titrePoints {
	color: #ff6600;
	font-size: 20px;
}

.initiateur {
	font-size: 17px;
}

.lienPoints {
	font-size: 17px;
	font-weight: bold;
}

.identifiantsPoints {
	font-size: 17px;
	margin-left: 25px;
}


/* Sortable tables*/

.sorttable_sorted_reverse2 {
	background-image:url(/img/down.gif);
	background-repeat:no-repeat;
	height:100%;
	width:15px;
	float:left;
	background-position:center;
}
.sorttable_sorted2{
	background-image:url(/img/up.gif);
	background-repeat:no-repeat;
	height:100%;
	width:15px;
	float:left;
	background-position:center;
}

/*************************************
Style sur le nom de l'adh�rent dans
les onglets de la fiche adh�rent
*************************************/
.nomAdherent {
	font-size: 14px;
}

/*************************************
 Style pour les cadres permettant
d'afficher les suivis dans les
commentaires.
*************************************/

.blocPrincipalSuivi {
	background-color:#eeeeff; /*Fond gris clair*/
	border-bottom: 3px solid #aab; /*Bordure large en bas et a gauche pour effet ombrage*/
	border-left: 3px solid #aab;
	border-top: 1px solid #aab;
	border-right: 1px solid #aab;
	margin-bottom:20px /*Margin pour laisser un espace entre les diff�rents suivi*/
}

.blocEnteteSuivi { /*Entete du bloc avec le suivi */
	background-color:#aaaabb; /*Fong gris fonc�*/
	width:100%;
	float:left !important; /*Pour firefox, il est n�c�ssaire d'avoir un float....mais pas pour IE, allez comprendre quelque chose...*/
	float:none;
}
.blocDateEnteteSuivi { /*Bloc permettant d'afficher la date dans l'entete*/
	float:left; /*Positionn� a gauche*/
	background-color:#aab; /*Meme couleur que l'entete*/
	color:#fff; /*Ecriture blanche*/
	width:93%;
	height:20px;
	text-align:left;
}
.blocImg { /* Image supprimer et editer*/
	background-color:#aaaabb;
	float:right; /*Positionn� a droite dans l'entete*/
	height:20px;
	width:3%
}
.blocContenuSuivi {
	padding:10px;
	padding-top:30px;
	width:100%;
	
}

.blocTextarea {
	padding:30px 10px 10px 10px;
	width:100%;
}

.sortable {
	background-color:#ffffff;
}
.sortable td {
	text-align:center;
	font-size:10px;
	font-family:Verdana, sans-serif, Arial;
	padding:5px;
}
.sortable th {
	color:#FFFFFF;
	background-color:#255A7C;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	cursor:pointer;
}

.sortable .lineA th {
	background-color:#6ea5d4;
	text-align:left;
	font-weight:normal;
	font-size:10px;
}
.sortable .lineB th {
	background-color:#3C8DC4;
	text-align:left;
	font-weight:normal;
	font-size:10px;
}

.sortable td.multi {
	text-align:center;
}

tr.LigneA {
	background-color:#EEEEEE;
}
tr.LigneB {
	background-color:#DDDDDD;
}
tr.noCA {
	background-color:#EEDECC;
}
tr.LigneA:hover , tr.LigneB:hover {
	background-color:#FFFFFF;
	color:#000000;
}

/*************************************
 Style li� aux vid�os.
*************************************/

#fermerVideo {
	width:100%;
	text-align:right;
	position:absolute;
	z-index:1000;
	top:3px;
	right:10px;
	display:none;
}

#closeSpan {
	color:#FFFFFF;
	cursor:pointer;
	vertical-align:bottom;
	background-color:#777777;
	padding:2px;
}

/* Pour les groupes dans la partie admin */
label.pourcentFidGroupe{
    font-size: 10px;
}

#libelleMontantTotalConvention{
	margin-left:220px;
	display:none;
}
#libelleTotalPoints{
	margin-left:220px;
	display:none;
}

.invisible{
	display: none;
}