/* Adosante.org */
/* Feuille de style pour la première page du site UNIQUEMENT */
/* Claude Boucher, Université de Moncton, 7 décembre 2006 */

body {
	background:url(/templates/images/background.gif) 0 0 repeat-y;
	background-color: #0E50A7;
	color : #666;
}
div#logo {position: absolute; top:0px; left:0px; z-index:3;}
#adoparlonsaccueil {position: absolute; top:51px; left:262px; width: 538px;}

/* Fonctions_accueil - Menu d'information générale sur le site */
/* Emprunté à http://www.alistapart.com/articles/sprites */
#fonctions_accueil {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 41px;
	background: url(/templates/images/fonctions_accueil.jpg);
	margin: 0px 0;
	padding: 0; 
	z-index: 1;
}

#fonctions_accueil li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#fonctions_accueil a {display: block;}

#fonction1 {left: 247px; top: 0px; width: 80px; height: 41px;}
#fonction2 {left: 327px; top: 0px; width: 80px; height: 41px;}
#fonction3 {left: 407px; top: 0px; width: 80px; height: 41px;}
#fonction4 {left: 487px; top: 0px; width: 80px; height: 41px;}
#fonction5 {left: 567px; top: 0px; width: 80px; height: 41px;}
#fonction6 {left: 647px; top: 0px; width: 80px; height: 41px;}
#fonction7 {left: 727px; top: 0px; width: 83px; height: 41px;}
#fonction1 a {height: 41px;}
#fonction2 a {height: 41px;}
#fonction3 a {height: 41px;}
#fonction4 a {height: 41px;}
#fonction5 a {height: 41px;}
#fonction6 a {height: 41px;}
#fonction7 a {height: 41px;}

#fonction1 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -247px -41px no-repeat;}
#fonction2 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -327px -41px no-repeat;}
#fonction3 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -407px -41px no-repeat;}
#fonction4 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -487px -41px no-repeat;}
#fonction5 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -567px -41px no-repeat;}
#fonction6 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -647px -41px no-repeat;}
#fonction7 a:hover {background: url(/templates/images/fonctions_accueil.jpg) -727px -41px no-repeat;}

/* Menu Fonctionsbleu - Lien vers les différentes sections du site */
/* Emprunté à http://www.alistapart.com/articles/sprites */
#lateral {
	position:absolute;
	left:0px;
	top:0px;
	width: 236px;
	height: 645px;
	background: url(/templates/images/lateral_accueil.gif);
	margin: 0px 0;
	padding: 0; 
	z-index: 1;
}
#lateral li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#lateral a {display: block;}
/* changement de la feuille pour commencer à zéro  plutôt que 22 px*/
#menubleuA {left: 22px; top: 0px; width: 225px; height: 208px;}
#menubleuB {left: 21px; top: 201px; width: 225px; height: 76px;}
#menubleuC {left: 22px; top: 471px; width: 225px; height: 76px;}
#menubleuD {left: 22px; top: 559px; width: 225px; height: 76px;}
#menubleu1 {left: 82px; top: 279px; width: 147px; height: 23px;}
#menubleu2 {left: 82px; top: 303px; width: 149px; height: 23px;}
#menubleu3 {left: 82px; top: 326px; width: 149px; height: 23px;}
#menubleu4 {left: 82px; top: 350px; width: 149px; height: 23px;}
#menubleu5 {left: 82px; top: 374px; width: 149px; height: 23px;}
#menubleu6 {left: 82px; top: 399px; width: 150px; height: 23px;}
#menubleu7 {left: 82px; top: 426px; width: 150px; height: 23px;}
#menubleuA a {height: 208px;}
#menubleuB a {height: 76px;}
#menubleuC a {height: 76px;}
#menubleuD a {height: 76px;}
#menubleu1 a {height: 24px;}
#menubleu2 a {height: 23px;}
#menubleu3 a {height: 24px;}
#menubleu4 a {height: 24px;}
#menubleu5 a {height: 24px;}
#menubleu6 a {height: 24px;}
#menubleu7 a {height: 24px;}

/* menubleu0 a:hover n'existe pas parce qu'il n'y a pas de mouseover */ 
#menubleuC a:hover {background: url(/templates/images/lateral_accueil.gif) -247px -471px no-repeat;}
#menubleuD a:hover {background: url(/templates/images/lateral_accueil.gif) -247px -559px no-repeat;}
#menubleu1 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -279px no-repeat;}
#menubleu2 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -303px no-repeat;}
#menubleu3 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -326px no-repeat;}
#menubleu4 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -350px no-repeat;}
#menubleu5 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -374px no-repeat;} 
#menubleu6 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -399px no-repeat;}
#menubleu7 a:hover {background: url(/templates/images/lateral_accueil.gif) -307px -426px no-repeat;}


/* Styles pour le bas de la page */
div#accueil_bas {position: absolute; left:0px; top: 690px; height: 425px;}

div#vedette {
	position:absolute; 
	top: 80px; 
	left: 300px; 
	width: 230px;
	vertical-align:top;
	}

div#vedette p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#C0E5F5;
	margin-top: 0px;
	margin-bottom: 7px;
}

div#vedette p a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#CDFF2A;
	margin-top: 0px;
	margin-bottom: 7px;
}


div#recherche {position:absolute; top:250px;left:345px;}

div#recherche input#q {
	vertical-align:top;
	width:165px;
	height:18px;
	margin: 0px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color:#666;
	background-color: #FFF;
}

div#recherche input#sa {width:17px; height:22px; margin: 0px;}

iframe#nouvelles {
	position:absolute;
	top:53px;
	left:564px;
	background-color:#067000;
	color: inherit;
}

div#copyright {
	position:relative;
	display:block;
	margin: 5px 45px 0 35px;
	padding: 0 0 0 0;
	width: 720px;
	height: 18px;
	top:0px;
	left:0px;
}

div#maj,div#copy {
	background-color: #0E50A7;
	text-decoration: none;
	color: #051F39;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:10px;
}

div#maj {
	text-align: left;
	float:left;
}
div#copy {
	text-align: right;
}

TD.acadieman {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:65%;
	line-height: 140%; 
	font-weight: normal;
	text-align:left;
	color: #FFFFFF;
	padding-top:4px;
}

a.acadieman:link 
{
	color: #FFFFFF;
	text-decoration: underline; 
}

a.acadieman:active 
{
	color: #FFFFFF; 
	text-decoration: underline; 
}

a.acadieman:visited 
{
	color: #FFFFFF; 
	text-decoration: underline; 
}

a.acadieman:hover 
{
	color: #FFFFFF; 
	text-decoration: underline; 
}

#billboard { margin-left: 250px; margin-top: 40px; }

#billboard img { border: 0px; margin: 0px; padding: 0px;}
#tabs { clear: both; }
#post1 { width: 158px; height: 158px; background-image: url('../../images/accueil/postit_top.jpg'); float: left;}
#search { background-image: url('../../images/accueil/recherche.jpg');  height: 158px; width: 176px; float: left;}

.row { clear: both; }

#collection_left { width: 80px; height: 58px; background-image: url('../../images/accueil/collection_image_left.jpg'); float: left; }
#collection { float: left; }
#collection_right { width: 58px; height: 58px; background-image: url('../../images/accueil/collection_image_right.jpg'); float: left; }

#collection_video_left { width: 80px; height: 60px; background-image: url('../../images/accueil/collection_video_left.jpg'); float: left; }
#collection_video { float: left; }
#collection_video_right { width: 111px; height: 60px; background-image: url('../../images/accueil/collection_video_right.jpg'); float: left; }

#gallery { width: 194px; height: 155px; background-image: url('../../images/accueil/gallerie.jpg'); z-index: -1 }
#footer { width: 177px; height: 74px; background-image: url('../../images/accueil/bottom_left.jpg'); text-align: right; font-size: 40px; }
#footer a {text-decoration: none;}

#post2 { width: 157px; height: 167px; background-image: url('../../images/accueil/postit_bottom.jpg');}

#twitter {float: left;margin-top:22px;}
#twitter_body {width: 190px; height: 443px; background-image: url('../../images/accueil/twitter_body.jpg');}
#twitter_footer {width: 190px; height: 40px; background-image: url('../../images/accueil/twitter_footer.jpg');}

.left1 { margin-left: 17px; }

#gallery_pin { background-image:url(../../images/accueil/pin02.png); position:absolute; width:35px; height:16px; z-index:2; margin-left: 77px; margin-top: 25px;}
#gallery_images { position:absolute; z-index:1; margin-left: 19px; margin-top: 25px; }

#twitter_feed { 
        margin-top: 40px; width: 170px;;
        font-family: tahoma;
        font-size: 0.7em; }

#twitter_feed a { color: #c8512d; }

#twitter_feed ul { list-style: none; margin: 0px; padding: 0px; padding-left: 10px; padding-top: 65px; }
#twitter_feed li { margin: 0px; padding: 0px; height: 76px;}