@import url(blocks.css);
@import url(module_content.css);

html, body {
	color: #414b56;
	margin: 0;
	padding: 0px 10px;
	font-size: 10pt;
	font-family:	Arial, Verdana, sans-serif;
	background: white url(images/body_bg.png) top left repeat-x;
}

table {
	width: 100%;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}

h1 {font-size: 200%; color: #CC0202;}
h2 {font-size: 165%; line-height: 130%; font-weight: normal; color: #CC0202;}
h3 {font-size: 120%; color: #999999;}
h4 {font-size: 110%; border-bottom: 1px solid #DDE4E8; color: #CC0202;}
h4.noBorder {border-bottom: 0px;}
h5 {font-size: 90%; color: #CC0202;}
h6 {font-size: 100%; font-weight: bold; color: #A4C52D;}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	padding-bottom: 3px;
}
li {
	padding-left: 3px;
	margin-left: 5px;
}

a {color: #CC0202; text-decoration: none; }
a:hover {color: #999999;}

img {	border:	0px;}

#xo-canvas {margin:	auto;	width: 945px;	background: url(images/bg.png) no-repeat left top #FFF;}

/* ---------- Header / banner / globalnavigation ---------- */
#xo-canvas-header {
	height: 120px;
	clear:both;
	position:relative;
}

#logo { position: absolute; top: 23px; left: 74px; width: 503px;}

/* ---------- Content (main) zone ---------- */
#xo-canvas-content {
	padding: 35px 0px 0px 12px;
	line-height: 1.3em;
}
#xo-page {}

#xo-content {clear: both; padding: 0px 0px 0px 40px;	margin: 0px;}

/* ---------- column configurations ---------- */
#xo-canvas-columns {
	width: 100%;
}
#xo-canvas-leftcolumn {
	width: 170px;
}

#xo-canvas-rightcolumn {
	width: 225px;
	padding: 83px 5px 0px 30px;
}

#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn {
	vertical-align:	top;
}

#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}

/* ---------- Footer ---------- */
#xo-footer {color: #414B56;	text-align: center;	font-size: 85%;	padding-bottom: 15px;}
#xo-footer img { padding-right: 54px;}
#xo-footer a {color: #414B56;}

#xo-footer hr {border: none;	border-bottom: 1px solid #CC0202; margin: 12px 0px 5px 53px;}

#xo-footer div#copyright {padding-right: 275px; text-align: right;}

/* ---------- Extra layout / forms---------- */
blockquote {
	margin-left:		.5em;
	border:				1px solid #b0cfb2;
	border-left-width:	6px;
	padding:			.5em;
	background-color: #f8fbf5;
}
.xoopsCode {
	background:			#ffffff;
	font-family:		monospace;
	border:				1px solid #d0d0d0;
	padding:			.5em;
	width:				100%;
	display:			block;
	overflow: auto;
}

input[type=submit], input[type=button]  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #CC0202;
	font-size:90%; font-weight: bold;
	border: 1px solid #CAD0A4;
}


select[name=timezone_offset] {
	font-size:			90%;
}

input[type=text], input[type=password], textarea {
	border:				1px solid #ddd;
	margin:				2px 0px;
	padding-left:		.2em;
	background-color:	#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

input[type=text], input[type=password] {
	color: #666666;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color:		#CC0202;
	outline:			1px solid #CC0202;
	background-color:	#FAFAFA;
	color: #666666;
}

textarea { width: 95%;}

#topNav { float: right; width: 357px; padding-top: 35px;}
#topMenu { width: 357px; }

#topMenu .titles {color: #6e7649;	font-size: 14px; font-weight: bold;	text-transform: uppercase;}

#topMenu a {color: white; font-size: 11px; display: block; padding: 1px 0; font-weight: bold;  }
#topMenu a:hover {color: #FFD040; text-decoration: none;}


//climat20520 and cedd specific
#splashscreen {
	width: 873px;
	height: 637px;
	background-image: url(img/splashscreen.jpg);
	margin-left: auto;
	margin-right: auto;
}
#bonjour a, #welcome a {
	color: #808284;
	font-size: 100%;
	padding: 3px;
	padding-left: 15px;
	font-weight: normal;
	text-decoration: none;
}
#bonjour a:hover, #welcome a:hover {
	background-color: #e4f0f7;
	color: #808284;
	padding: 3px;
	padding-left: 15px;
	font-weight: normal;
	text-decoration: none;

}
#splashscreen_table table{
	text-align: right;
	height:40px;
	vertical-align:bottom;
}
#bonjour {
	padding-top: 500px;
	padding-left: 35%;
	margin-left: 35%;
	padding-right: 2%;
	margin-right: 2%;
	padidng-top: 38px;
}
#welcome {
	padding-top: 500px;
	padding-left: 32%;
	margin-left: 32%;
	padding-right: 8%;
	margin-right: 8%;
	paddding-top: 38px;
}
.sectionSeparation {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 1px;
	border-top: 1px solid #D6D7D9;
	text-align: right;
}
.conference {
	background-color: #E7E7E7;
	width: 100%;
	height: 20px;
	font-size: 100%;
	vertical-lign: middle;
}
.conferenceFirstCol {
	background-color: #E7E7E7;
	width: 100px;
}
.conferenceSecondCol {
	background-color: #E7E7E7;
}
.conferenceTransparentRow {
	background-color: #fff;
	width: 100%;
	height: 20px;
	font-size: 110%;
	vertical-lign: middle;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}
.conferenceTransFirstCol {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #fff;
	width: 100px;
}
.conferenceTransSecondCol {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #fff;
}
.conferenceOrangeRow {
	color: #E97015;
	text-transform: uppercase;
	padding-top: 3px;
	font-weight: bold;
}
.conferenceOrangeCell {
	color: #E97015;
	background-color: #FDF7F2;
	text-transform: uppercase;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	width: 29%;
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-top: 0px;
	margin-top: 1px;
	font-weight: bold;
}
.conferenceEmptySpace {
	width: 5%;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	border-bottom: 1px solid #D6D7D9;
	clear: both;
}
.inscription_radio:hover{
	background-color: #EEF4EA;
}

.tile5 {color: #000000; font-size: 120%; font-weight: 600 ; text-transform: uppercase;}
.tile6 {font-weight: bold; font-size: 110%;}
.tile7 {font-weight: bold; font-size: 100%; color: #999999;}
.tinyline {padding: 0px margin: 0px; margin-bottom: 10px; margin-top: 10px;}
.grayContainer {background-color: #EEF4EA; font-weight: 600; vertical-align: middle; padding-top: 1px; padding-bottom: 1px;}
#numbers_image {padding-bottom: 21px; }
.step_sub_title {font-weight: bold; padding-bottom: 20px;}
.verySmallTop {line-height: 10px; padding: 0px; vertical-align: top; font-size: 9px;}

.climat2050_normal {
	text-transform: none;
	font-size: 100%;
	font-weight: normal;
	color: #000;
}

.program_table {
	border: 1px solid #E5FD8;
	padding: 0px;
}
.program_grey_row_1 {
	background-color: #E7E7E7;
	width: 150px;
	padding: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	vertical-align: middle;
}
.program_grey_row_2 {
	background-color: #E7E7E7;
	padding: 2px;
	padding-left: 5px;
	vertical-align: middle;
}
.program_white_row_1 {
	background-color: #F4F4F4;
	padding: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 150px;
	padding-left: 5px;
	vertical-align: middle;
}
.program_white_row_2 {
	background-color: #F4F4F4;
	padding: 2px;
	padding-left: 5px;
}
.program_blank_row {
	background-color: #fff;
	padding: 0px;
}

.topMenuLinksInactive {
	color: #CFD1D3;
	display:block;
	font-size: 85%;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	font-weight: normal;
	text-decoration: none;
}