/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #345993 url(/images/bg.gif) repeat-y 50% 0;
	color: #1b3d71;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

img {border: 0;}

a, a:active, a:focus {outline:none;}
a:active {color: #ff0000;}

h1 {
	border-bottom: 1px solid #919191;
	font: bold 26px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 24px 16px;
}

.accueil h1 {font-size: 16px;margin: 0 0 3px 24px; border-bottom: none;}

h2 {
	font: bold 18px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 5px 16px;
}
h3 {
	font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 3px 16px;
}
h4 {}
h5 {}
h6 {}

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.img-left {
	float: left; 
	margin: 0 8px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.alt {background: #dee7f3;}
.big {font: bold 24px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;}



/* Le Container
--------------------------------------------------------------------------------------- */

#wrap {
	width: 100%;
	background: url(/images/bg-wrap.gif) no-repeat 50% 0;
}

#page {
	width: 760px;
	background: url(/images/bg-page.gif) repeat-y;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 252px;
	background: url(/images/bg-header.jpg) no-repeat;
	font: bold 16px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
}

#header #ctsv {padding: 36px 0 0 15px;}

/*--- Menu ---*/

#header ul {
	list-style: none;
	margin: 10px 0 0 0;
}

#header li {
	float: left;
}

#header li a {cursor: pointer;}
/*--- Fin Menu ---*/



/* Le Contenu
--------------------------------------------------------------------------------------- */

.accueil #content {
	width: 456px;
	float: left;
}

#content {
	width: 568px;
	margin: 0 0 20px 0;
	float: left;
}

p {margin: 0 0 12px 16px;}

.special{
	background: url(/images/bg-contenu.gif) no-repeat top;
	padding: 12px 8px 0;
}

.special a, .voir a {color: #6b4a1e; text-decoration: none;}
.special a:hover, .voir a:hover {text-decoration: underline;}
.voir {text-align: right; padding: 0 8px;}

#content a {color: #6b4a1e; text-decoration: none;}
#content a:hover{text-decoration: underline;}

ul {margin: 0 0 15px 30px;}

ol {margin: 0 0 15px 35px;}

table {margin: 0 0 12px 16px;}

th, td {padding: 4px 3px;}
th {background: #325a8c url(images/bg-th.gif) repeat-x bottom; color: #fff;}
td {text-align: center;}
.tleft {text-align: left;}

input, textarea {border: 1px solid #1b3d71; padding: 2px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
input.noborder {border: none; padding: 0;}
input#Submit, input#submit  {padding: 3px 12px; color: #fff; background: #1b3d71; font-weight: bold;}

#content .liens {width: 216px;}

#content .liens h1 {margin: 10px 0 3px 8px;}

#content .liens ul {
	background: url(/images/bg-liens.gif) repeat-x top;
	list-style: none;
	margin: 0;
}

#content .liens li {
	padding: 10px 0;
}

#content .liens a {color: #1b3d71;}
#content .liens a:hover {text-decoration: none;}

a#cyberpresse {background: url(/images/logo/cyberpresse.gif) no-repeat 8px 4px; padding: 0 0 0 52px;}
a#beauce {background: url(/images/logo/beauce.gif) no-repeat 8px 0; padding: 0 0 0 52px;}
a#branchez {background: url(/images/logo/branchez.gif) no-repeat 8px 0; padding: 6px 0 8px 52px;}
a#affaires{background: url(/images/logo/affaires.gif) no-repeat 8px 6px; padding: 0 0 0 52px;}
a#beaucetv{background: url(/images/logo/beauceTV.gif) no-repeat 8px 0px; padding: 0 0 0 52px;}

a#routiere {background: url(/images/logo/routiere.gif) no-repeat 8px 0; padding: 1px 0 3px 52px;}
a#c411 {background: url(/images/logo/411.gif) no-repeat 8px 0; padding: 5px 0 7px 50px;}
a#postes {background: url(/images/logo/postes.gif) no-repeat 8px 0; padding: 5px 0 7px 52px;}
a#quebec {background: url(/images/logo/quebec.gif) no-repeat 8px 0; padding: 2px 0 4px 52px;}
a#canada {background: url(/images/logo/canada.gif) no-repeat 8px 0; padding: 5px 0 5px 52px;}

a#droits {background: url(/images/logo/droits.gif) no-repeat 8px 0; padding: 5px 0 9px 52px;}
a#webaverti {background: url(/images/logo/webaverti.gif) no-repeat 8px 0; padding: 1px 0 2px 52px;}
a#suicide {background: url(images/logo/suicide.gif) no-repeat 8px 0; padding: 3px 0 10px 52px;}
a#teljeune {background: url(/images/logo/tel-jeune.gif) no-repeat 8px 0; padding: 8px 0 8px 52px;}

a#webradio {background: url(/images/logo/webradio.gif) no-repeat 8px 0; padding: 5px 0 7px 52px;}
a#jeunesse {background: url(/images/logo/jeunesse.gif) no-repeat 8px 0; padding: 5px 0 7px 52px;}
a#horoscope {background: url(/images/logo/horoscope.gif) no-repeat 8px 0; padding: 5px 0 7px 50px;}
a#msn {background: url(/images/logo/msn.gif) no-repeat 8px 0; padding: 5px 0 7px 52px;}

a#rds {background: url(/images/logo/rds.gif) no-repeat 8px 0; padding: 5px 0 5px 52px;}
a#loto {background: url(/images/logo/loto-quebec.gif) no-repeat 8px 0; padding: 6px 0 8px 52px;}

#content a.information {background: url(/images/info.png) no-repeat; padding: 1px 0 1px 18px; color: #1b3d71;}
a.help {background: url(/images/help.png) no-repeat; padding: 1px 0 1px 18px;}

ul#news {
	list-style: none;
	margin: 0 0 12px 16px;
}

ul#news li {
	background: url(images/bg-liens.gif) repeat-x top;
	padding: 12px 8px;
}

ul#news  a {color: #1b3d71;}
ul#news  a:hover {text-decoration: underline;}

#content .jeunes ul {
	background: url(/images/bg-liens.gif) repeat-x top;
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

#content .jeunes li {
	padding: 2px 8px;
}

#content .jeunes h3{
	margin: 0 0 3px 8px;
}

#content .jeunes a {color: #1b3d71;}
#content .jeunes a:hover {text-decoration: underline;}



/* La Sidebar de gauche
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 148px;
	float: left;
}

#sidebar a {color: #1b3d71; text-decoration: none;}
#sidebar a:hover {color: #799cd2;}

#sidebar ul {
	margin: 0 0 8px 0;
	list-style: none;
}

#sidebar li {
	background: url(/images/bg-menu.gif) no-repeat;
	padding: 3px;
}

#sidebar img {margin: 0 0 10px 8px;}



/* La Sidebar de droite
--------------------------------------------------------------------------------------- */

#teaser {
	width: 145px;
	float: right;
}

#teaser img {margin: 0 0 10px 0;}



/* Les popups
--------------------------------------------------------------------------------------- */

#popup {
	width: 430px;
	background: #fff;
	border: 10px solid #fff;
	margin: 20px;
}

#popup .center {text-align: center; font-weight: bold;}
#popup a {color: #1b3d71;}
#popup a:hover {text-decoration: none;}

#popup h1 {margin: 0 0 15px 0;}
#popup h2 {margin: 0 0 5px 0;}
#popup h3 {margin: 0 0 3px 0;}

#popup ol ul {margin: 5px 0 0 10px;}



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

#footer {
	height: 24px;
	background: url(/images/bg-footer.gif) no-repeat top;
	color: #799cd2;
	clear: both;
}

#footer p {
	padding: 15px 0;
	text-align: center;
	clear: both;
}

#footer a#top {
	color: #1b3d71;
	font-weight: bold;
	margin: 0 76px 0;
	float: right;
}

#footer a {color: #799cd2; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#meteo{
	background:url(/images/bgmeteo.gif);
	width:100px;
	height:100px;
	margin-left:30px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#google{
	background:url(/images/bggoogle.gif) #dee7f3 top repeat-x;
	border:solid 1px #919191;
	margin-left:8px;
}

#google .inpt{
	border:solid 1px #1b3d71;
	width:126px;
	color: #1b3d71;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

#google label{
	color: #1b3d71;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
}

#google form{
	margin-left:5px;
}

#google .btn{
	margin-top:5px;
	padding:2px;
	color:#FFFFFF;
	background:#1b3d71;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	border:0px;
	cursor:pointer;
}

#infoHomepage{
	width:400px;
	position:relative;
	border:solid 1px #1b3d71;
	background:#fff;
	text-align:center;
	left:150px;
	top:500px;
}
#infoHomepage img{
	border:solid 1px #1b3d71;
}