/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

/* INFO BULLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a.info {
	position : relative; 
	z-index : 24 ;
	background-color : #fff ; /* IMPORTANT ! Résoud un pb sous IE */
	color : #000 ;
	text-decoration : none ;
}

a.info:hover {
	z-index : 25 ;
	background-color : #ffe ; /* IMPORTANT ! Résoud un pb sous IE */
}

a.info span {
	display : none ;
}

a.info:hover span{ 
	display : inline-block; 
	position : absolute ;
	top : -3em ; left : 2em ; width : 500px; 
	border : 1px solid #f9f9f9 ;
	background-color : #fff ;
	color : #3d3d3d ;
	font-weight : none ;
	padding-top : 5px ;
	font-size : x-small ;
}

a.info:hover span p { 
}
/* FORMULAIRES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.obligatoire,
.obligatoirenum,
.obligatoireemail {
	border : 1px solid #00f ;
}

.invalide-email,
.invalide-num,
.invalide-oblig,
.invalide-oblig-num,
.invalide-oblig-email {
	border : 2px solid #f00 ;
}

.invalide-email,
.invalide-oblig-email {
	background : #fff url(../img/divers/email-rouge.gif) no-repeat right ;
}

.invalide-num,
.invalide-oblig-num {
	background : #fff url(../img/divers/num-rouge.gif) no-repeat right ;
}


.num,
.obligatoirenum {
	background : #fff url(../img/divers/num.gif) no-repeat right ;
}

.email,
.obligatoireemail {
	background : #fff url(../img/divers/email.gif) no-repeat right ;
}

form label {
	cursor : pointer ;
}

form.std {
	width : 100 % ; 
}

.titreform, .piedform {
	width : 100% ;
	font : bold 1.1em sans-serif ;
	color : white ;
	background : #ade ;
	padding : 2px ;
	border-left : 1px solid #555 ;
	border-right : 1px solid #555 ;
	background : url(../img/divers/fondform.gif) repeat-x ;
}

.piedform {
	text-align : right ;
}

.corpsform {
	width : 100% ;
	background : #efefef ;
	padding : 2px ;
	border-left : 1px solid #555 ;
	border-right : 1px solid #555 ;
}

.corpsform fieldset {
	padding: 5px ;
	margin: 10px ;
	border : 1px solid #ccc ;
	background : #ddd ;
}

.corpsform select,
.corpsform input {
	margin-right : 40px ;
}

.corpsform legend {
	color: #00a ;
	background : #ddd ;
	padding : 5px ;
}

input.recherche {
	background : url(../img/icones/loupe.gif) no-repeat right ;
	padding-right : 16px ;
}