@charset "UTF-8";
/* CSS Document */


/*-------------------------------------------------------------------------------+
+ Page liste des événements                                                      +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-evenements-liste .colonne-gauche {
	width: 690px;
}

.page-evenements-liste .colonne-droite {
	width: 300px;
}


/* Module "Derniers événements" ****************************************/

.page-evenements-liste #module-derniers-evenements h1 {
	background: url(../../img/titres/tt-derniers-evenements-L.png) no-repeat left top;
}

.page-evenements-liste #module-derniers-evenements .bt-rss {
	position: absolute;
	top: 18px;
	left: 312px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	margin: 0 -10px 0 -10px;
	overflow: hidden;
}


/* Événement en majeur */

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur {
	position: relative;
	background-color: #FFFFFF;
	width: 585px;
	margin-bottom: -10px;
	padding: 10px 0 20px 85px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur:after {
	content: " ";
    clear: both;
	background: #FFFFFF url(../../img/separateurs/sep-hor-gris-660.gif) no-repeat left bottom;
    display: block;
	width: 100%;
    height: 1px;
	padding-top: 25px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete {
	min-height: 85px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .date-evenement {
	position: absolute;
	top: 5px;
	left: 10px;
	background: url(../../img/dates/fd-bleu-M.png) no-repeat left bottom;
	width: 60px;
	height: 80px;
	color: #FFFFFF;
	z-index: 50;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .date-evenement span {
	display: block;
	text-align: center;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .date-evenement .jour {
	line-height: 35px;
	font-size: 28px;
	font-weight: bold;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .date-evenement .mois {
	line-height: 20px;
	font-size: 0.8em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .date-evenement .annee {
	margin-top: -3px;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete .type-evenement {
	margin-bottom: 5px;
	color: #9F9F9F;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete h3 {
	margin-bottom: 3px;
	padding-right: 10px;
	font-size: 1.7em;
	line-height: 1.2em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete h3 a {
	text-decoration: none;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete h3 a:hover {
	text-decoration: underline;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .entete h3 a:active {
	color: #418BD5;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .resume {
	overflow: hidden;
	margin-bottom: 0;
	margin-left: -75px;
	padding-right: 10px;
	font-size: 1.1em;
	line-height: 1.3em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .resume .visuel-evenement {
	float: left;
	margin: 0 10px 5px 0;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .resume .visuel-evenement img {
	width: 150px;
	height: 150px;
	border: 3px solid #E2E2E2;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .resume .visuel-evenement:hover img {
	border-color: #BFBFBF;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements #evenement-majeur .resume .visuel-evenement:active img {
	border-color: #418BD5;
}


/* Événements en mineur */

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement {
	float: left;
	position: relative;
	width: 255px;
	min-height: 24em;
	padding: 15px 10px 0 70px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete {
	min-height: 75px;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .date-evenement {
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(../../img/dates/fd-bleu-S.png) no-repeat left bottom;
	width: 50px;
	height: 70px;
	color: #FFFFFF;
	z-index: 50;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .date-evenement span {
	display: block;
	text-align: center;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .date-evenement .jour {
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .date-evenement .mois {
	line-height: 20px;
	font-size: 0.8em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .date-evenement .annee {
	margin-top: -3px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete .type-evenement {
	margin: -3px 0 5px 0;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 1.2em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete h3 a {
	text-decoration: none;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete h3 a:hover {
	text-decoration: underline;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .entete h3 a:active {
	color: #418BD5;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .resume {
	overflow: hidden;
	margin-bottom: 0;
	margin-left: -60px;
	padding-right: 10px;
	font-size: 1em;
	line-height: 1.4em;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .resume .visuel-evenement {
	float: left;
	margin: 0 10px 5px 0;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .resume .visuel-evenement img {
	width: 110px;
	height: 110px;
	border: 3px solid #E2E2E2;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .resume .visuel-evenement:hover img {
	border-color: #BFBFBF;
}

.page-evenements-liste #module-derniers-evenements #liste-evenements .evenement .resume .visuel-evenement:active img {
	border-color: #418BD5;
}



/*-------------------------------------------------------------------------------+
+ Page liste des événements (archive par type)                                   +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-evenements-archive .colonne-gauche {
	width: 690px;
}

.page-evenements-archive .colonne-droite {
	width: 300px;
}


/* Module liste des événements *****************************************/

.workshops #module-liste-evenements h1 {
	background: url(../../img/titres/tt-workshops-L.png) no-repeat left top;
}

.conferences #module-liste-evenements h1 {
	background: url(../../img/titres/tt-conferences-L.png) no-repeat left top;
}

.tables-rondes #module-liste-evenements h1 {
	background: url(../../img/titres/tt-tables-rondes-L.png) no-repeat left top;
}

.networking #module-liste-evenements h1 {
	background: url(../../img/titres/tt-networking-L.png) no-repeat left top;
}

.assemblees-generales #module-liste-evenements h1 {
	background: url(../../img/titres/tt-assemblees-generales-L.png) no-repeat left top;
}

.evenements-connexes #module-liste-evenements h1 {
	background: url(../../img/titres/tt-evenements-connexes-L.png) no-repeat left top;
}

.page-evenements-archive #module-liste-evenements #liste-evenements {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	margin: 0 -10px 0 -10px;
	overflow: hidden;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement {
	float: left;
	position: relative;
	width: 255px;
	min-height: 24em;
	padding: 15px 10px 0 70px;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete {
	min-height: 75px;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .date-evenement {
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(../../img/dates/fd-bleu-S.png) no-repeat left bottom;
	width: 50px;
	height: 70px;
	color: #FFFFFF;
	z-index: 50;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .date-evenement span {
	display: block;
	text-align: center;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .date-evenement .jour {
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .date-evenement .mois {
	line-height: 20px;
	font-size: 0.8em;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .date-evenement .annee {
	margin-top: -3px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete .type-evenement {
	margin: -3px 0 5px 0;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 1.2em;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete h3 a {
	text-decoration: none;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete h3 a:hover {
	text-decoration: underline;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .entete h3 a:active {
	color: #418BD5;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .resume {
	overflow: hidden;
	margin-bottom: 0;
	margin-left: -60px;
	padding-right: 10px;
	font-size: 1em;
	line-height: 1.4em;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .resume .visuel-evenement {
	float: left;
	margin: 0 10px 5px 0;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .resume .visuel-evenement img {
	width: 110px;
	height: 110px;
	border: 3px solid #E2E2E2;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .resume .visuel-evenement:hover img {
	border-color: #BFBFBF;
}

.page-evenements-archive #module-liste-evenements #liste-evenements .evenement .resume .visuel-evenement:active img {
	border-color: #418BD5;
}

.page-evenements-archive #module-liste-evenements .pagination ul {
	float: right;
	margin-right: -5px;
}



/*-------------------------------------------------------------------------------+
+ Page détail d'un événement                                                     +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-evenements-detail .colonne-gauche {
	width: 690px;
}

.page-evenements-detail .colonne-droite {
	width: 300px;
}


/* Module entête de l'événement ****************************************/

.page-evenements-detail #module-entete-evenement .lien-bouton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.page-evenements-detail #module-entete-evenement #infos-evenement {
	background: url(../../img/separateurs/sep-hor-gris-960.gif) no-repeat left bottom;
	min-height: 25px;
	margin: -7px 0 20px 0;
	overflow: hidden;
}

.page-evenements-detail #module-entete-evenement #infos-evenement p {
	float: left;
	margin-right: 10px;
	padding: 3px 10px 3px 0;
	color: #9F9F9F;
	font-style: italic;
}

.page-evenements-detail #module-entete-evenement #resume-evenement {
	position: relative;
	float: left;
	width: 480px;
	min-height: 155px;
	margin-right: 15px;
	padding-left: 170px;
}

.page-evenements-detail #module-entete-evenement #resume-evenement img {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	border: 3px solid #E2E2E2;
}

.page-evenements-detail #module-entete-evenement #resume-evenement h1 {
	margin-bottom: 5px;
	font-size: 2em;
	line-height: 1.2em;
}

.page-evenements-detail #module-entete-evenement #resume-evenement h1 .coin- {
	display: none;
	visibility: hidden;
}

.page-evenements-detail #module-entete-evenement #resume-evenement h1 .coin-complet {
	display: block;
	visibility: visible;
	position: absolute;
	top: 104px;
	left: -5px;
	background: url(../../img/coins/complet-rouge-bs.png) no-repeat left bottom;
	width: 57px;
	height: 57px;
	z-index: 100;
}

.page-evenements-detail #module-entete-evenement #resume-evenement #date-horaires-evenement {
	margin-bottom: 15px;
	font-size: 1.4em;
}

.page-evenements-detail #module-entete-evenement #resume-evenement #date-horaires-evenement #horaires {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #9F9F9F;
}

.page-evenements-detail #module-entete-evenement #resume-evenement #adresse-evenement {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #9F9F9F;
}

.page-evenements-detail #module-entete-evenement #partenaire-evenement {
	float: left;
	background: url(../../img/separateurs/sep-ver-gris-150.gif) no-repeat left top;
	width: 275px;
	min-height: 140px;
	padding: 1.2em 0 0 20px;
}

.page-evenements-detail #module-entete-evenement #partenaire-evenement h2 {
	background: url(../../img/titres/st-en-partenariat-avec.png) no-repeat left top;
}

.page-evenements-detail #module-entete-evenement #partenaire-evenement img {
	margin-top: -5px;
}


/* Module de détail de l'événement *************************************/

.page-evenements-detail #module-detail-evenement {
	font-size: 1.1em;
}

.page-evenements-detail #module-detail-evenement h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-evenements-detail #module-detail-evenement h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-evenements-detail #module-detail-evenement p {
	line-height: 1.4em;
}

.page-evenements-detail #module-detail-evenement ul, .page-evenements-detail #module-detail-evenement ol {
	margin-bottom: 0.7em;
}

.page-evenements-detail #module-detail-evenement ul li, .page-evenements-detail #module-detail-evenement ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.5em;
	padding: 3px 0 3px 15px;
	line-height: 1.4em;
}

.page-evenements-detail #module-detail-evenement a {
	color: #418BD5;
}

.page-evenements-detail #module-detail-evenement a:hover {
	color: #9F9F9F;
}

.page-evenements-detail #module-detail-evenement a:active {
	color: #000000;
}


/* Module "S'inscrire à l'événement" **********************************/

.page-evenements-detail #module-sinscrire-evenement {
	background-color: #0060C0;
}

.page-evenements-detail #module-sinscrire-evenement h2 {
	background: url(../../img/titres/tt-sinscrire-evenement-S-blanc.png) no-repeat left top;
	height: 23px;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset legend {
	height: 0;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne {
	padding: 5px 0 5px 0;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne label {
	display: block;
	padding-bottom: 7px;
	color: #FFFFFF;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne input {
	background-color: #BFD8F0;
	width: 260px;
	color: #000000;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne input.errFld {
	border: 1px solid #FF0000;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne .errMsg {
	padding-top: 3px;
	font-weight: bold;
	color: #FF0000;
}

.page-evenements-detail #module-sinscrire-evenement form fieldset .ligne .errMsg span {
	display: block;
	background-color: #f8CECE;
}

.page-evenements-detail #module-sinscrire-evenement #validation #submit- {
	background: none;
	width: 156px;
	height: 25px;
	border: none;
}



/* Module "Plan d'accès" **********************************************/

.page-evenements-detail #module-plan-acces h2 {
	background: url(../../img/titres/tt-plan-acces-S.png) no-repeat left top;
	height: 23px;
}

.page-evenements-detail #module-plan-acces #google-map {
	width: 280px;
	height: 340px;
	margin: 0 -5px 0 -5px;
	overflow: hidden;
}