/* -------------------------------- */
/* CSS CWF						 -- */
/* By PREZENZ - www.prezenz.com	 -- */
/* -------------------------------- */

/* -------------------------------- */
/* DIVERS						 -- */
/* -------------------------------- */

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px !important;
	font-size:10px;
	height:100%;
}

*:first-child+html body {
	font-size:10px;
}

a {
	color:#666;
	text-decoration:underline;
}

a:hover {
	color:#83B200;
	text-decoration:underline;
}

a.active {
	color:#83B200;
	text-decoration:underline;
}

img {
	border:0px;
}

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

ol {
	margin:0px;
	margin-left:20px;
	padding:0px;
	list-style:decimal;
}

ol li {
	margin-bottom:5px;
	list-style:decimal;
}

li {
	margin:0px;
	padding:0px;
	list-style:none;
}

.puce {
	margin-left:15px;
	padding:3px;
	list-style:disc;
}

.puce li {
	margin:0px;
	padding:0px;
	list-style:disc;
}

/* -------------------------------- */
/* Form							 -- */
/* -------------------------------- */

select {
	width:90px;
	border:1px solid #333;
}

input {
	border:1px solid #333;
	width:90px;
}

input.auto {
	border:1px solid #333;
	width:auto;
}

input.button {
	background:none;
	background-image:url(../images/btn_green.gif);
	background-repeat:no-repeat;
	width:90px;
	border:0px;
	color:#FFFFFF;
	height:20px;
	font-size:11px;
	cursor:pointer;
}

/*input.mandatory {
	background-image:url(../images/btn_arrow_right_green.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	width:280px;
}*/

textarea {
	border:1px solid #333;
}

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

fieldset {
	border:1px solid #999;
	width:100%;
}

legend {
	font-weight:bold;
}

fieldset input {
	width:300px;
}

fieldset select {
	width:auto;
}

/* -------------------------------- */
/* STRUCTURE					 -- */
/* -------------------------------- */

#page {
	width:950px;
	text-align:left;
	min-height:100% !important;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* -------------------------------- */
/* HEADER						 -- */
/* -------------------------------- */

#header {
	height:75px;
	padding-top:15px;
	font-weight:bold;
	background-image:url(../images/topline.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#header #topmenu {
	float:right;
}

#header #topmenu ul {
	color:#666666;
	padding-left:5px;
}

#header #topmenu ul li {
	margin-right:20px;
	float:left;
}

#header #topmenu ul li.langmenu {
	margin-right:5px;
}

#header #topmenu ul li a {
	display:block;
	padding:4px;
	padding-top:8px;
	color:#83B200;
}

#header #topmenu ul li a:hover {
	text-decoration:underline;
}

#header #logoprint {
	display:none;
}

#header #loginbox {
	position:absolute;
	right:0px;
	background-color:#FFFFFF;
	color:#83B200;
	width:210px;
}

#header #loginbox input {
	border-color:#83B200;
}

/* -------------------------------- */
/* Main							 -- */
/* -------------------------------- */

#main {
	padding:0px 0px 10px 0px;
	position:relative;
	height:auto !important;
	height:520px;
	min-height:520px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/main_open.jpg);
	/*background-image:url(../images/main_open1.png);*/
	background-repeat:no-repeat;
	background-position:right top;
}

#double_page {
	position:absolute;
	top:14px;
	left:109px;
	width:648px;
	height:464px;
	overflow:hidden;
	padding:10px;
	padding-right:34px;
	background-color:#FFF;
}

#page_left {
	position:absolute;
	top:14px;
	left:109px;
	width:290px;
	height:464px;
	overflow:hidden;
	padding:10px;
	padding-right:34px;
	background-image:url(../images/pages/page_left.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#pageleft a, #pageright a {
	font-weight:bold;
}

.picture_center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:100%;
	width:100%;
}

.picturebig_center {
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:100%;
	width:100%;
}

#page_right {
	position:absolute;
	top:14px;
	right:150px;
	width:290px;
	height:464px;
	overflow:hidden;
	padding:10px;
	padding-left:34px;
	background-image:url(../images/pages/page_right.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.scroll {
	width:280px;
	padding-right: 10px;
	height:364px;
	overflow: auto
}

#menu {
	position:absolute;
	top:15px;
	right:129px !important;
	right:90px;
	width:21px;
	height:479px;
}

#menu ul li a {
	height:60px;
	width:60px;
	display:block;
	text-decoration:none;
	background-repeat:no-repeat;
}

/* -------------------------------- */
/* Main-Home					 -- */
/* -------------------------------- */

#main-home {
	padding:0px 0px 10px 0px;
	position:relative;
	background-image:url(../images/main_close.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:auto !important;
	height:520px;
	min-height:520px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:10px;
}

#left {
	position:absolute;
	top:14px;
	left:109px;
	width:300px;
	height:464px;
	overflow:hidden;
	padding:10px;
	padding-right:24px;
}

#left a {
	font-weight:bold;
}

#cover {
	position:absolute;
	top:14px;
	right:60px;
	width:400px;
	height:484px;
	overflow:hidden;
	padding-right:24px;
}

#cover a {
	display:block;
	width:65px;
	height:249px;
	text-decoration:underline;
	/*color:#87B200;*/
	color:#FFFFFF;
	font-weight:bold;
	padding-top:235px;
	padding-left:335px;
}

#box-news {
	padding:10px;
	border:1px solid #CCC;
}

#box-news h2 {
	color:#FF0000;
	border-bottom:1px dashed #F00;
	margin-bottom:5px;
}

.box {
	padding:5px;
	border:1px solid #DDD;
	width:278px;
	clear: both;
	line-height: 11px;
}

.onglet {
	display: inline;
	height:18px;
}

.onglet li {
	display: inline;
}

.onglet li a {
	display: block;
	float: left;
	background: #DDD;
	border:1px solid #DDD;
	border-bottom: 0px;
	padding: 3px 10px;
	width:123px;
	text-align: center
}

.onglet li a:hover, .onglet li .active {
	background: #FFF;
	border:1px solid #DDD;
	border-bottom: 0px;
}

.minimize {
	line-height: 11px;
}

/* -------------------------------- */
/* Background					 -- */
/* -------------------------------- */

.back_mission {
	background-image:url(../images/pages/page_about.png) !important;
}

.back_camemberts_en {
	background-image:url(../images/pages/camemberts_en.gif) !important;
}

.back_camemberts_fr {
	background-image:url(../images/pages/camemberts_fr.gif) !important;
}

.back_administration {
	background-image:url(../images/pages/administration.jpg) !important;
}

.back_committee {
	background-image:url(../images/pages/page_comite.jpg) !important;
}

.back_gold {
	background-image:url(../images/pages/page_gold.jpg) !important;
}

.back_awards {
	background-image:url(../images/pages/page_awards.jpg) !important;
}

.back_history {
	background-image:url(../images/pages/historique.jpg) !important;
}

.back_cwfment {
	background-image:url(../images/pages/cwf_mentoring.jpg) !important;
}

.back_press {
	background-image:url(../images/pages/press_parution.jpg) !important;
}

.back_initiatives {
	background-image:url(../images/pages/initiative.jpg) !important;
}

.back_wave {
	background-image:url(../images/pages/wave.jpg) !important;
}

.back_wave1 {
	background-image:url(../images/pages/wave_page1.jpg) !important;
}

.back_workshop_fr, .back_workshop_en {
	background-image:url(../images/pages/groupe.jpg) !important;
}

.back_unige {
	background-image:url(../images/pages/mentoring_UNIGE.jpg) !important;
}

.back_status {
	background-image:url(../images/pages/statut.jpg) !important;
}

.committee_1 {
	background-image:url(../images/pages/miller.jpg) !important;
}

.committee_2 {
	background-image:url(../images/pages/cantini.jpg) !important;
}

.committee_3 {
	background-image:url(../images/pages/kalbermaten.jpg) !important;
}

.committee_4 {
	background-image:url(../images/pages/gawler.jpg) !important;
}

.committee_5 {
	background-image:url(../images/pages/habib.jpg) !important;
}

.committee_6 {
	background-image:url(../images/pages/parenti.jpg) !important;
}

.committee_7 {
	background-image:url(../images/pages/richards.jpg) !important;
}

.committee_8 {
	background-image:url(../images/pages/szekely.jpg) !important;
}

/* -------------------------------- */
/* Color						 -- */
/* -------------------------------- */

.aboutus h1 { color:#83B200; }
li.aboutus a { background-image:url(../images/btn_about.gif); background-repeat:no-repeat; background-position:left; }
li.aboutus_fr a { background-image:url(../images/btn_about_fr.gif); background-repeat:no-repeat; background-position:left; }
.aboutus a:hover { color:#83B200; }
.aboutus a.active { color:#83B200; }
.aboutus input, .aboutus select, .aboutus textarea  { border-color:#83B200; }

.initiatives h1 { color:#CD6FA6; }
li.initiatives a { background-image:url(../images/btn_initiatives.gif); background-repeat:no-repeat; background-position:left; }
li.initiatives_fr a { background-image:url(../images/btn_initiatives_fr.gif); background-repeat:no-repeat; background-position:left; }
.initiatives a:hover { color:#CD6FA6; }
.initiatives a.active { color:#CD6FA6; }
.initiatives input, .initiatives select, .initiatives textarea  { border-color:#CD6FA6; }

.corporate h1 { color:#F8AF48; }
li.corporate a { background-image:url(../images/btn_corporate.gif); background-repeat:no-repeat; background-position:left; }
li.corporate_fr a { background-image:url(../images/btn_corporate_fr.gif); background-repeat:no-repeat; background-position:left; }
.corporate a:hover { color:#F8AF48; }
.corporate a.active { color:#F8AF48; }
.corporate input, .corporate select, .corporate textarea  { border-color:#F8AF48; }

.agenda h1 { color:#FA7E86; }
li.agenda a { background-image:url(../images/btn_agenda.gif); background-repeat:no-repeat; background-position:left; }
li.agenda_fr a { background-image:url(../images/btn_agenda_fr.gif); background-repeat:no-repeat; background-position:left; }
.agenda a:hover { color:#FA7E86; }
.agenda a.active { color:#FA7E86; }
.agenda input, .agenda select, .agenda textarea  { border-color:#FA7E86; }

.press h1 { color:#A7DDDA; }
li.press a { background-image:url(../images/btn_press.gif); background-repeat:no-repeat; background-position:left; }
li.press_fr a { background-image:url(../images/btn_press_fr.gif); background-repeat:no-repeat; background-position:left; }
.press a:hover { color:#A7DDDA; }
.press a.active { color:#A7DDDA; }
.press input, .press select, .press textarea  { border-color:#A7DDDA; }

.network h1 { color:#F6DA48; }
li.network a { background-image:url(../images/btn_network.gif); background-repeat:no-repeat; background-position:left; }
li.network_fr a { background-image:url(../images/btn_network_fr.gif); background-repeat:no-repeat; background-position:left; }
.network a:hover { color:#F6DA48; }
.network a.active { color:#F6DA48; }
.network input, .network select, .network textarea  { border-color:#F6DA48; }

.links h1 { color:#BE5BDE; }
li.links a { background-image:url(../images/btn_links.gif); background-repeat:no-repeat; background-position:left; }
li.links_fr a { background-image:url(../images/btn_links_fr.gif); background-repeat:no-repeat; background-position:left; }
.links a:hover { color:#BE5BDE; }
.links a.active { color:#BE5BDE; }
.links input, .links select, .links textarea  { border-color:#BE5BDE; }

.contact h1 { color:#B0A94D; }
li.contact a { background-image:url(../images/btn_contact.gif); background-repeat:no-repeat; background-position:left; }
li.contact_fr a { background-image:url(../images/btn_contact_fr.gif); background-repeat:no-repeat; background-position:left; }
.contact a:hover { color:#B0A94D; }
.contact a.active { color:#B0A94D; }
.contact input, .contact select, .contact textarea  { border-color:#B0A94D; }

li a:hover { background-position:right; }
li a.active { background-position:right; }

/* -------------------------------- */
/* Content						 -- */
/* -------------------------------- */

.pagemenu {
	height:50px;
	margin-bottom:20px;
	line-height: normal !important
}

.pagemenu ul {
	display:table;
	height:50px;
	width:290px;
	border-bottom:1px solid #CCC;
}

.pagemenu ul li {
	margin-right:8px;
	float:left;
}

.pagemenu ul li a {
	display:block;
	padding:4px;
	/*padding-top:8px;*/
}

h1 {
	clear:both;
	font-size:16px;
	color:#83B200;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	line-height: normal !important;
}

h2 {
	clear:both;
	font-size:12px;
	color:#83B200;
	padding:0px;
	margin:0px;
	line-height: normal !important;
}

h3 {
	clear:both;
	font-size:11px;
	border-bottom:1px dashed #333;
	padding:0px;
	margin:0px;
	line-height: normal !important;
}

table {
	width:100%;
}

table.line td {
	border-bottom:1px dashed #CCC;
	padding:3px;
}

table.noline td {
	border-bottom:0px;
	padding:0px;
}

.bottom {
	position:absolute;
	bottom:10px;
	left:35px;
	width:290px !important;
	clear:both;
}

#page_left .bottom {
	left:10px;
}

.bottombig {
	position:absolute;
	bottom:10px;
	width:648px;
}

.alignright {
	float:right;
}

.alignright ul {
	display:inline;
}

.alignright ul li {
	display:inline;
	float:left;
	padding-left:2px;
	padding-right:2px;
}

/* -------------------------------- */
/* Calendrier					 -- */
/* -------------------------------- */

.calendrier td, .calendrier-menu td {
	padding:3px;
	font-size:14px;
	text-align:center;
}

.calendrier td a {
	border:1px solid #FF6171;
	padding:3px;
	color:#FF6699;
	font-size:14px;
	display:block;
	text-decoration:none;
}

.calendrier td a.highlight:hover {
	border:1px solid #94C300;
	background-color:#94C300;
	color:#FFF;
}

.calendrier td a.highlight {
	border:1px solid #94C300;
	background-color:#FFF;
	color:#94C300;
}

.calendrier td.active a {
	border:1px solid #94C300;
	background-color:#94C300;
	padding:3px;
	color:#FFF;
	font-size:14px;
	display:block;
	text-decoration:none;
}

.pdf {
	background-image:url(../images/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
	display:block;
}

/* -------------------------------- */
/* Footer						 -- */
/* -------------------------------- */

#footer {
	padding:5px 30px 5px 30px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	text-align:center;
}

#footer a.highlight { 
	color:#83B200;
}