/* template de Style */
.menuOn
{
text-decoration:none;
background-image: url('/plugin/menu/theme/T1/menu-haut-on.jpg');
padding: 0px;
background-repeat:repeat;
text-transform: uppercase;
}

.menuOff
{
text-decoration:none;
text-transform: uppercase;
background-repeat:no-repeat;
}

.subMenuOn
{
text-decoration:none;
text-transform: uppercase;
background-image: url('/plugin/menu/template/image/long-menu-on.jpg');
background-position:center right;
padding-left:15px;
}

.subMenuOff, a.subMenuOff
{
text-decoration:none;
text-transform: uppercase;
background-image: url('/plugin/menu/template/image/long-menu-off.jpg');
background-repeat:no-repeat;
background-position:center left;
padding-left:15px;
}

.opaque 
{ 
   opacity: .8; 
   filter: alpha(opacity=80); 
   -moz-opacity: .8; 
} 

.newsDateList
{
	display:inline;
	color:grey;
	font-size:10px;
}
/* theme de page header */
body
{
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
  	font-family: Arial Narrow ;
   	font-size: 15px;
   	color:#6A6969;

}

.bgEditor
{
    background-color: #EEEEEE;
}

#pageCtn
{
	width:997px;
	margin: 0 auto 0 auto;
	padding:0px;
	background-image: url('/template/image/container.jpg');
	background-repeat:repeat-y;
}

#topCtn
{
	
}

#topLogoCtn
{
	float:left;
	width:199px;
	padding-left:25px;
	margin-top:80px;
}

#topRightCtn
{
	float:left;
	width:773px;
}

#topActionCtn
{
	float:right;
	padding-right:35px;
	width:280px;
}


#topMenuCtn
{
}

#topMenuGaucheCtn
{
	float:left;
}

#topLangsiteCtn
{
	float:right;
	padding-right:25px;
}

#horiMenuCtn
{
	position:relative;
	width:789px;
	height:35px;
}

#middleCtn
{
	background-image: url('/template/image/container.jpg');
	min-height:550px;
	width:997px;
}

#middleLeftCtn
{
	float:left;
	width:185px;
	padding-left:10px;
	margin-top:50px;
}

#middleCenterCtn
{
	float:left;
	width:559px;
	padding-left:10px;
	padding-right:10px;
}

#middleRightCtn
{
	float:left;
	width:197px;
	margin-top:50px;
}

#bottomCtn
{
	background-image: url('/template/image/footer.jpg');
	width:997px;
	background-position: bottom;
	background-repeat:no-repeat;
	height:30px;
}

.divwrapper
{
	position:relative;
	clear:both;
}

#cartoucheNewsCtn
{

	width:197px;
	background-image: url('/template/image/news-shadow.jpg');
	background-repeat:no-repeat;
}

#youAreHereCtn
{
	padding-top:10px;
	padding-bottom:30px;
	padding-left: 50px;
}

#contentCtn
{
	color:#6A6969;
}

#headerCtn
{
	width:100%; 
}


H1
{
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    font-family: Arial Narrow;
    font-weight:normal;
    font-size: 15px;
    color: #A70019;
    text-transform:uppercase;
}

H2
{
    margin-bottom: 10px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 13px;
}

H3
{
    margin-bottom: 6px;
    padding-left: 0px;
   	font-weight: bold;
    font-size: 12px;
}

H4
{
    margin-bottom: 6px;
    padding-left: 0px;
    font-weight: normal;
    text-decoration:underline;
    font-size: 11px;
}

#pageresume
{
   	padding-bottom:20px;
   	color:#010101;
   	font-family:Arial Narrow;
   	font-size:16px;
}


P
{
    margin-top: 7px;
    margin-bottom: 7px;
}

A
{
    font-weight:normal;
    font-size:11px;
    color:#A70019;
    text-decoration: none;
}

legend
{
	font-family: arial;
    font-size: 11px;
    color:black;
}

table
{
	margin:0px;
	padding:0px;
	border-spacing: 0px; 
	border-collapse: collapse;
	font-family: Arial Narrow;
    font-size: 15px;
    color:black;
}

td
{
padding:0px;
}

#zoneBloc, #myaccountCnt, #commentCtn, #cartoucheBlogCtn, #cartoucheCommentCtn, #linksCtn
{
float:right;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
}


#titleBloc
{
width:150px;
padding:3px;
padding-left:10px;
font-size:13px;
color:#FFFFFF;
font-family:Trebuchet MS;
text-transform:uppercase;
background-image: url('/plugin/menu/template/image/long-menu-on.jpg');
background-position:center right;
letter-spacing:3px;
}

#contentBloc
{
width:180px;
padding:0px;
background-color:#FFFFFF;
border-left:0px solid;
border-right:0px solid;
border-bottom:0px solid;
}

#bottomBloc
{
	width:100%;
	height:9px;
}

.bgDivPopup
{
	background-color: #FFFFFF;
} 

/*-- MANDATORY FIELD --*/
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
  background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
	font-size:12px;
}
/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/
fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
	margin: 5px;
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIELDSET --*/

.ondrag /*Class pour le drag and drop*/
{
	background-color: #eeeeee;
}



.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
}

input, textarea
{
    border:   1px solid #bbb7b7;
    color: black;
    font-family: arial Narrow;
    padding-left:5px;
    font-size: 15px;
    background-color:#eeeeee ;
 }
 


form
{
	margin:0px;
	padding:0px;
}

select
{
	border:0px;
    color: black;
    font-family: Arial Narrow;
    font-size: 15px;
    background-color:#eeeeee ;
}

.input_check
{
	margin-right:3px;
	width:12px;
    height:18px;
    border:0px;
	background:transparent;
}


.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: Arial Narrow;
    font-size: 15px;
    color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial Narrow;
    font-size: 15px;
    color:black;
}

.popupTd
{
	/* T R B L   */ 
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

.helpMsg
{
	font-size:13px;
	color:#A70019;
}

#accrocheImg
{
	float:left;
	padding:5px 20px 5px 0px;
}

.titleList
{
	color:#A70019;
	font-weight:bold;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
}

.titleCartouche, a.titleCartouche
{
	font-family: Trebuchet MS;
	font-weight:normal;
	font-size:13px;
	padding-bottom:4px;
	text-decoration:none;
	text-transform:uppercase;
}


.resumeList, a.resumeList
{
	font-size:15px;
	margin-bottom:10px;
	text-decoration:none;
	color:#565758; // #010101;
}

.resumeCartouche, a.resumeCartouche
{
	font-family: Trebuchet MS;
	font-weight:normal;
	font-size:11px;
	color:#565758;
	margin-bottom:10px;
	text-decoration:none;
}


#hrDotted
{
	border-top: 1px dashed white; 
}

.opaque50 
{ 
   opacity: .5; 
   filter: alpha(opacity=50); 
   -moz-opacity: .5; 
   background-color:#000020;
} 

.tdListAdmin
{
padding-top:2px;
padding-bottom:2px;
}

.tableListAdmin
{
margin:10px;
}

.contentAdmin
{
margin:10px;
}

.GreyLink
{
	color:#9C9E9F;
}

.btnAdminUser
{
	background-image:url('/plugin/user/template/image/user.gif');
	background-repeat:no-repeat;
	width:29px;
	height:25px;
	border:0px;
	cursor:pointer;
	background-color : transparent;
}

/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#helloUser
{
	font-size:13px;
	padding-bottom:2px;
}

.myAccountTitle
{
	font-size:14px;
	font-weight:normal;
	padding-top:9px;
	padding-bottom:2px;
	padding-left:10px;
}

.myAccountLogin
{
	background-image: url('/plugin/menu/template/image/long-menu-off.jpg');
	background-position:center left;
	text-transform: uppercase;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.myAccountLoginURL
{
	text-decoration: none;
	color:black;
	font-family: Trebuchet MS;
	font-size:11px;
}

.myAccountTitleOption
{
	font-family: Trebuchet MS;
	font-weight:normal;
	font-size:13px;
	padding-bottom:4px;
	padding-left: 10px;
	text-decoration:none;
	text-transform:uppercase;
}

#contentAccountBloc
{
	width:180px;
	padding:0px;
	background-color:#FFFFFF;
	border-left:0px solid;
	border-right:0px solid;
	border-bottom:0px solid;
	background-image: url('/plugin/menu/template/image/degrade-gris.jpg');
	background-repeat: repeat-y;
}

#rendezvousDateList
{
display:inline;
color:grey;
font-weight:normal;
font-size:10px;
}

/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#9C9E9F;
	text-decoration:none;
	font-size:11px;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 13px;
    COLOR: #AB0404;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 13px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 10px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 9px;
    COLOR: #AB0404;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
.btnAdminGroupe
{
	background-image:url('/plugin/groupe/template/image/groups.gif');
	background-repeat:no-repeat;
	width:29px;
	height:25px;
	border:0px;
	cursor:pointer;
	background-color : transparent;
}



#youarehereHeader
{
	font-size:12px;
	color:#9C9E9F;
}

#youarehereItem
{
	font-size:12px;
	color:#9C9E9F;
}

#youarehereSeparator
{
	color:#9C9E9F;
	font-size:12px;
	font-decoration:underline;
}

#youarehereLink
{
	font-size:12px;
	color:grey;
	font-decoration:underline;
}


.borderDotted
{
	border-style:dotted ;
	border-color:#721113;
	border-width:thin;
}

.titlebonsortie
{
	font-size:18px;
	color: #721113;
}
.btnAdminRessource
{
	background-image:url('/plugin/ressource/template/image/ressource.gif');
	background-repeat:no-repeat;
	width:29px;
	height:25px;
	border:0px;
	cursor:pointer;
	background-color : transparent;
}

.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}




/* Style pour plugin langsite */
.langsite
{
   color: #FEFDFD;
   text-decoration: none;
   font-size: 10px;
}

.langsiteActiv
{
   color: #E2001A;
   text-decoration: none;
   font-size:10px;
}

#cartoucheNewsTitle, a.aCartoucheNewsTitle
{
	padding-bottom:5px;
}

#cartoucheNewsResume
{
	padding-top:5px;
	padding-bottom:5px;
}
/*Style du tableau qui contient le reste du calendrier*/
.Reservation
{
	border-collapse:collapse ;	
	width: 490px;
}

/*Zone qui contient les boutons et l'entête avec la date de la semaine du au*/
.zoneDateAndNavigation
{
	text-align:center;
	background-color:#9C9E9F;
	width:457px;
}

/*Boutons de changements de semaine*/
.btnBack
{
	background-color:transparent;
	border:0px;
	background-image:url('/plugin/reservation/template/image/back.gif');
	background-repeat:no-repeat;
	width:18px;
	height:10px;
	cursor:pointer;
	margin-top:5px;
}

.btnNext
{
	background-color:transparent;
	border:0px;
	background-image:url('/plugin/reservation/template/image/next.gif');
	background-repeat:no-repeat;
	width:12px;
	height:10px;
	cursor:pointer;
	margin-top:5px;
}

.btnCalendrier
{
	cursor: pointer;
	background: url('/template/image/admin/calendar.gif');
	width:18px;
	height:18px;
	border:0px;
	background-repeat:no-repeat;
}

.contourCalendrier
{
	border-right:1px solid #9C9E9F; /*#84609E;*/
	border-bottom:1px solid #9C9E9F; /*#84609E;*/
}

.separatorLine
{
	height:7px;
}

/*Styles de la grilles horaires*/

.coinHautGauche
{
	height:29px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	width:31px;
}

.Entete
{
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	background-color: #A70019; /*#84609E;*/
	color:#FFFFFF;
	text-align: center;
	font-size:11px;
	width:64px;
}

.celluleHeure
{
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #A70019; /*#84609E;*/
	color:#FFFFFF;
	text-align: center;
	padding:1px;

}

.colonneReservation
{
	float:left;
}

.celluleVide
{
	
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color:#FFFFFF;
	padding:1px;
}

.Reserved
{
	background-color: #6A6969;  /*#D9C9E3;*/
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	
}

.ReservedByMe
{

	background-color:#A70019; /*#84609E ;	*/
	color : #FFFFFF ;
	padding:1px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;

}

.cbxReservation
{
	border:1px solid #BBB7B7;
    color: black;
    font-family: arial;
    font-size: 11px;
    background-color:#eeeeee ;
}


/*Style pour le tooltip qui s'affiche en passant sur les réservations*/
#dhtmltooltip
{
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: #eeeeee;
	z-index:1000;
	visibility: hidden;
}