*{margin:0; padding:0;}
body{
	background-color:#FFF;
	font-family: Verdana,Arial,Helvetica,Tahoma,sans-serif;color:#000; text-align:center;}

a{color:#969695;}
a:hover{color:#646464;}

#container{
background:transparent url(../img/bg_acc.gif) repeat-y;
width:744px;margin:auto;text-align:left;}

#containerint{
background:transparent url(../img/bg_int.gif) repeat-y;
width:744px;margin:auto;text-align:left;}

/* CADRE COMPRENANT LA PHOTO, LE MENU ORANGE */

#header{
	position:relative;
	height:302px;
	z-index:6;
}

#headerint{
	position:relative;
	height:216px;
	z-index:6;
}
/* FIN DU HEADER */


/* ICI CE SONT LES PHOTO DANS LE TOP DES PAGES DES SECTIONS */

#photoacc{
	position:relative;
	background:transparent url(../img/imgaccueil.jpg) no-repeat;
	height:246px;
}

#photoacceng{
	position:relative;
	background:transparent url(../img/imgaccueileng.jpg) no-repeat;
	height:246px;
}

#photoaccesp{
	position:relative;
	background:transparent url(../img/imgaccueilesp.jpg) no-repeat;
	height:246px;
}

#photoprofil{
	position:relative;
	background:transparent url(../img/interieur/fr/img_profil.jpg) no-repeat;
	height:160px;
}

#photoenvironnement{
	position:relative;
	background:transparent url(../img/interieur/fr/img_environnement.jpg) no-repeat;
	height:160px;
}

#photoprogrammes{
	position:relative;
	background:transparent url(../img/interieur/fr/img_programmes.jpg) no-repeat;
	height:160px;
}

#photoencadrement{
	position:relative;
	background:transparent url(../img/interieur/fr/img_encadrement.jpg) no-repeat;
	height:160px;
}

#photoutilitaire{
	position:relative;
	background:transparent url(../img/interieur/fr/img_utilitaire.jpg) no-repeat;
	height:160px;
}


/* FIN DES PHOTO EN TOP */


/* MENU POUR LE CHOIX DE LANGUE */

#langues{background-color:#FFF; height:20px;}

#langues ul{list-style-type: none;}
#langues ul span{display:none;}
#langues ul li{float:right;height:20px;}

#langues ul li.francais{background:transparent url(../img/menu/langues/francais.gif) 0px -54px no-repeat; width:69px;}
#langues ul li.francais a{background:transparent url(../img/menu/langues/francais.gif) left top no-repeat;}
#langues ul li.francaisdone{background:transparent url(../img/menu/langues/francais.gif) 0px -54px no-repeat; width:69px;}

#langues ul li.english{background:transparent url(../img/menu/langues/english.gif) 0px -54px no-repeat; width:69px;}
#langues ul li.english a{background:transparent url(../img/menu/langues/english.gif) left top no-repeat;}
#langues ul li.englishdone {background:transparent url(../img/menu/langues/english.gif) 0px -54px no-repeat; width:69px;}

#langues ul li.espanol{background:transparent url(../img/menu/langues/espanol.gif) 0px -54px no-repeat; width:64px;}
#langues ul li.espanol a{background:transparent url(../img/menu/langues/espanol.gif) left top no-repeat;}
#langues ul li.espanoldone {background:transparent url(../img/menu/langues/espanol.gif) 0px -54px no-repeat; width:64px;}

#langues ul li.separateur {background:transparent url(../img/menu/langues/separateur.gif) left top no-repeat; width:5px;}

/* FIN MENU LANGUES */

#contenant{position:relative;}

/* COLONNE DE GAUCHE DE L'ACCUEIL */
#colgauche{
	margin-right:270px;
	border-left:1px solid #D2D4D3;
	padding-left:30px;
	padding-bottom:25px;
}

#descriptionaccueil{
	font-size:11px;
	color:#000;
	padding-bottom:10px;
}
#descriptionaccueil p{margin-bottom:10px;}



/* Calendrier de l'accueil */

#t_calendrier, #t_calendrieren, #t_calendrieres{
	height:20px; margin-bottom:10px;	
}
#t_calendrier{
	color:#9EA867;
	font-size:15px;
	border-bottom:1px solid #9EA867;
	font-family:Times, Times New Roman, serif;
	letter-spacing:4px;
	margin-top:40px;
	font-weight: bold;
}

.activite{
	font-size:11px;
	padding-bottom:10px;
	border-bottom:#CCC dashed 1px;
	margin-bottom:10px;
}

.activite .date{color:#BE321B;}
.activite .titre{color:#F99728; text-transform:uppercase;}
.activite .description{color:#666666;}
.activite .savoirplus{color:#E08F71;}
.activite .savoirplus a{color:#E08F71; text-decoration:none;}
.activite .savoirplus a:hover{color:#A1654F; text-decoration:none;}

#logolangues{
	background:transparent url(../img/accueil/fr/logo_leslangues.gif) no-repeat;
	height:70px;
	margin-bottom:10px;
}

#coldroite{
	position:absolute;
	right:0;
	width:247px;
	background-color:#EDEDEF;
	border-left:1px solid #D2D4D3;
}

#accesmembre{
	margin-bottom:20px;
	margin-left:40px;
}

#t_accesmembres{
	background:transparent url(../img/accueil/fr/accesauxmembres.gif) no-repeat;
	height:18px;
	margin:16px 0px 10px 0px;
}

#t_accesmembresen{
	background:transparent url(../img/accueil/en/accesauxmembres.gif) no-repeat;
	height:18px;
	margin:16px 0px 10px 0px;
}

#t_accesmembreses{
	background:transparent url(../img/accueil/es/accesauxmembres.gif) no-repeat;
	height:18px;
	margin:16px 0px 10px 0px;
}

#t_accesmembres span, #t_accesmembresen span, #t_accesmembreses span{display:none;}

label{font-size:11px; color:#7F7F7F;}
select {font-size: 10px;}
input{margin-left:95px;}
textarea { font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif; font-size: 11px; height:15px; border:1px solid #7F8386;margin-bottom:5px;}


#coldroitelogos{
	margin-top:80px;
	margin-left:40px;
}

#coldroitelogos .logotxt{font-size:11px; color:#7F7F7F; font-style:italic;}
#cadfel{/*background:transparent url(../img/accueil/fr/logo_cadfel.gif) no-repeat; height:39px; width:120px;*/ margin-top:5px;margin-bottom:10px;}


#universiterimouski{/*background:transparent url(../img/accueil/fr/logo_universite_rimouski.gif) no-repeat; height:26px;*/ margin-top:10px;margin-bottom:10px;}

/* PAGE INTƒRIEURE*/

#topcontenant{
	margin-top:5px;
	padding-left:20px;
	/*border-left:1px solid #D2D4D3;
	border-right:1px solid #D2D4D3;*/
	padding-right:5px;
}

#path{font-size:10px; color:#BFBFBF;}
#path .actif{font-size:10px; color:#8A8A8A;}
#path a{font-size:10px; color:#BFBFBF; text-decoration:none;}
#path a:hover{font-size:10px; color:#8A8A8A; text-decoration:none;}
#path .actif a{font-size:10px; color:#8A8A8A; text-decoration:none;}


#topcontenant h1{
	color:#9EA867;
	font-size:14px;
	border-bottom:1px solid #9EA867;
	font-family:Times, Times New Roman, serif;
	letter-spacing:4px;
	margin-top:20px;
}

#colgaucheint{
	width:525px;
	padding:10px 0 25px 20px;
	border-left:1px solid #D2D4D3;
}

#colgaucheint h3{
	margin-bottom:7px;
}

#txtint{font-size:11px; color:#000;}
#txtint p{margin: 15px 0 5px;}

#txtint ul{margin-top: 2px; margin-left:20px; margin-bottom:15px;}

#coldroiteint{
	position:absolute;
	right:0;
	width:165px;
	padding-top:10px;
	border-right:1px solid #D2D4D3;
	
}

/*<!-- Menu interieur de droite -->*/
#menucoldroite ul{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
}

#menucoldroite ul li{
	background:transparent url(../img/menu/flecheverte.gif) 0 4px no-repeat;
	font-size:11px;
	line-height:12px;
	padding-left:15px;
	color:#9D9D9D;

	background:transparent url(../img/menu/flecheverte.gif) 0px 1px no-repeat;
	padding-left:13px;
	margin-bottom:3px;
}
#menucoldroite ul li a{color: #666666; text-decoration:none;}
#menucoldroite ul li a:hover{color:#000; font-size:11px}
#menucoldroite ul li.done {
	color:#1B1B1B;
	background:transparent url(../img/menu/flecheverte.gif) 0px 1px no-repeat;	
}

#menucoldroite ul li.new{
	color:#bf311a;
	font-weight:bold;
	font-style:italic;
}

#menucoldroite ul li.rouge{color:#bf311a; background-image:none;}
#menucoldroite ul li.rouge a{color:#bf311a;}

#menucoldroite h1{
	color:#9EA867;
	font-size:14px;
	border-bottom:1px solid #9EA867;
	font-family:Times, Times New Roman, serif;
	letter-spacing:4px;
	margin-top:30px;
	margin-left:10px;
	width:115px;
}


/*<!-- Petit menu au dessus du texte des page interieurs -->*/

ul.menuinterieur{
	padding: 10px 0;
	margin:10px 0;
	border-bottom:1px solid #9EA867;
	overflow:hidden;
	width: 100%;
}
ul.menuinterieur li{
	width:49%;
	margin-bottom:5px;
	float:left;
	display:inline;
	list-style:none;
}
ul.menuinterieur li a{
	padding-left:20px;
	background:url(../img/menu/flecheverte.gif) 0px 1px no-repeat;
	color:#9EA867;
	font-size:11px;
}

ul.menuinterieur li a:hover{
	font-weight:bold;
}

h4
{
	font-size: 11px;
	font-weight: bold;
}

.txtIntProg{
	width:95%;
	padding-bottom:10px;
}
.txtIntProg img{
	margin:10px;
	display:block;
}