﻿* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center; /* centrage pour IE */
	font-family: arial, geneva, sans-serif;
	font-size: 76%;
	line-height: 1.25em;
	font-weight: normal;
	background: #e3e6ce;	
	}
			
.center {text-align: center;}
.right {float: right;}
.left {float: left;}
.noshow {display: none;}
.nowrap {white-space: nowrap;}

	
/* ---[ Mise en page/Structure des pages ]--------------------- */

#contenant  {
	clear: left;
	margin: 0 auto; /* pour centrer le contenant, ne marche pas dans IE */
	width: 968px;
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 15px;
	text-align: left;
	background: #fff;
	}

#entete {
	position: relative;
	clear: both;
	width: 968px;
	height: 51px;
	margin: 0 auto;	
	margin: 0 0 13px 0;
	background: #fff;
	font-size: 12px;
	}

	#logo {
		float: left;
		width: 185px;
		height: 51px;
		margin: 0 0 0 15px;
		}

	ul#menuUtil {
		float: right;
		margin: 5px 0 0 0;
		}

	ul#menuUtil li {
		display: inline;
		list-style-image: none;
	    list-style-type: none;
		color: #4f5141;
		font-size: 11px;
		}			
		
#creditsPhotosPublicCible 
{	
	float:right;
	display: block;
	width:160px;
	text-align: right;
	margin-right:102px;
}		

#creditsPhotos {
	float: right; 
	display: block; 
	width: 160px; 
	text-align: right;
	}	
	
	#creditsPhotosPublicCible a {font-size: 10px !important; color: #a8a8a8 !important; text-decoration: none !important;}
	#creditsPhotos a {font-size: 10px; color: #a8a8a8; text-decoration: none;}

/* ---[ Menu principal ]--------------------- */

#navGauche {float: left; display: inline; width: 215px;}

/*bloc boutons 1er niv*/

ul#nav {
	position: relative;
	top: 0; left: 0;
	width:215px;
	height: 173px;
	padding: 10px 0 0 0;
	list-style: none;
	background: #666955;
	z-index: 99;
	}
	
ul#nav li {
	float:left;
	clear:left;
	position: relative;
	width:215px;
	/*font-size: 90%;*/
	font-size:11px;
	line-height: 140%;
	text-transform: uppercase;
	margin: 1px 0;
	}

#nav li ul { /* bloc boutons 2e niv */
	position: absolute;
	list-style: none;
	top: 0;
	margin-left:-999em;
	background: #666955;
	padding: 0;
	width: 180px;
	/*opacity: .95;	*/						/* J'ai enlevé la transparence - Problème avec FireFox MAC 2.0 et 3.0 */
	/*filter: alpha(opacity=95);*/
	z-index:999;
	}
	
#nav li ul li { /* boutons 2e niv */
	text-transform: none;
	font-size: 100%;
	line-height: 107%;
	width: 180px;
	margin: 0;
	}
		
/*boutons 1er niv*/
ul#nav li a { 
	display:block;
	text-decoration: none;
	color: #fdfdfb;
	background: #666955;
	padding: 2px 15px;
	width:185px;
	margin-top: 1px;
	}

/* boutons 1er niveau - effet hover */
#nav li.over a {color: #fdfdfb; background: #747760;}

#nav li:hover a {color: #fdfdfb; background: #747760;}

ul#nav li ul li a { /*boutons de 2e niv*/
	display:block;
	text-decoration: none;
	color: #fdfdfb;
	background: #666955;
	width:180px;
	margin: 0;
	padding: 3px 8px;
	}	
	
/* boutons 2e niveau */
#nav li.over li a {color: #fdfdfb; background-color: #747760;}
	
#nav li:hover li a {color: #fdfdfb; background-color: #747760;}
	
/* boutons 2e niveau - effet hover */
#nav li.over li a:hover {color: #fdfdfb; background: #fc672c;}	

#nav li:hover li a:hover {color: #fdfdfb; background: #fc672c;}	

#nav li ul li a {  } /* Sub Menu Styles */
#nav li.over ul { margin-left:215px;  } 

#nav li:hover ul { margin-left:215px;  } 

/* ---[ Fin menu principal ]--------------------- */

/* ---[ Menu contextuel ]--------------------- */

/*bloc boutons 1er niv*/
ul#subNav {
	clear: both;
	float: left;
	width:215px;
	min-height: 126px;
	list-style: none;
	background: #eceedd;
	z-index: 9999;
	padding: 7px 0;
	}
	
ul#subNav li {
	float:left;
	clear:left;
	position: relative;
	width:215px;
	font-size:11px;
	line-height: 115%;
	text-transform: uppercase;	
	}
	
#subNav li ul { /* bloc boutons 2e niv */
	position: absolute;
	list-style: none;
	top: 0;
	margin-left:-999em;
	background: #eceedd;
	padding: 0;
	width: 180px;
	opacity: .95;
	filter: alpha(opacity=95);
	z-index:999;
	}
	
#subNav li ul li { /* boutons 2e niv */
	text-transform: none;
	font-size: 100%;
	line-height: 107%;
	width: 180px;
	}
		
/*boutons 1er niv*/
ul#subNav li a { 
	display:block;
	text-decoration: none;
	color: #585a48;
	background: #eceedd;
	padding: 3px 15px 3px 29px;
	width:171px;
	margin-top: 1px;
	}

ul#subNav li a.menu-contextuel-racine
{	
	width: 185px;
	padding: 3px 15px;
}

	
ul#subNav li span.titre-menu-contextuel-parent { 
	display:block;
	text-decoration: none;
	color: #fc672c;
	background: #eceedd;
	padding: 3px 15px;
	width:185px;
	margin-top: 1px;
	font-weight:bold;
	}


/* boutons 1er niveau - effet hover */
#subNav li.over a {color: #585a48; background: #e3e6ce;}

#subNav li:hover a {color: #585a48; background: #e3e6ce;}

ul#subNav li ul li a { /*boutons de 2e niv*/
	display:block;
	text-decoration: none;
	color: #585a48;
	background: #eceedd;
	width:180px;
	margin: 0;
	padding: 3px 8px;
	}	
	
/* boutons 2e niveau */
#subNav li.over li a {color: #585a48; background-color: #e3e6ce;}
	
#subNav li:hover li a {color: #585a48; background-color: #e3e6ce;}
	
/* boutons 2e niveau - effet hover */
#subNav li.over li a:hover {color: #fff; background: #fc672c;}	

#subNav li:hover li a:hover {color: #fff; background: #fc672c;}	

#subNav li ul li a {  } /* Sub Menu Styles */
#subNav li.over ul { margin-left:215px;  } 

#subNav li:hover ul { margin-left:215px;  } 

/* ---[ Fin menu contextuel ]--------------------- */

#bannierePhotos {
	float: right;
	display: inline;
	width: 750px;
	height: 183px;
	}

#enteteSection {
	float: right;
	width: 750px;
	height: 55px;
	background: url(../SiteCollectionImages/bg_enteteSection.gif) no-repeat top left;
	}	
	
#bannierePhotosPublicCible
{
	/*float: right;*/
	/*display: inline;*/
	width: 635px;
	height: 155px;
	margin: 20px 0 0 13px;
}
	
#enteteSectionPublicCible
{
	float: right;
	width: 750px;
	height: 222px;
	background: url(../SiteCollectionImages/bg_enteteSection.gif) no-repeat top left;
}	
	
#enteteSectionManchette
{
	float: right;
	width: 750px;
	height: 280px;
	background: url(../SiteCollectionImages/bg_enteteSection.gif) no-repeat top left;
}

#enteteSectionManchetteContenu
{
	float: right;
	width: 750px;
	height: 50px;
	background: url(../SiteCollectionImages/bg_enteteSection.gif) no-repeat top left;
}

#enteteSectionManchetteContenu p.vousEtesIci 
{
	margin: 36px 0 0 8px;
}

#contenu {
	float: left;
	width: 543px;
	min-height: 305px;
	padding: 0 0 10px 10px;
	margin: 2px 0 0 2px;
	font-size: 92%;
	color: #5d5e60;
	}
	
#contenu.UneCol {width: 735px;}
#contenu.publicCible {margin: 0 0 0 2px;}
	
#manchette {
	float: left;
	width: 741px;
	padding: 0 0 0 9px;
	margin: 6px 0 0 0;
	color: #5d5e60;
	}

#manchetteCategorie {
	float: left;
	width: 570px;
	min-height: 250px;
	padding: 0 0 10px 10px;
	margin: 30px 0 0 2px;
	/*font-size: 92%;*/
	color: #5d5e60;
	}

#manchetteContenu {
	float: left;
	width: 543px;
	min-height: 305px;
	padding: 22px 0 10px 10px;
	margin: 2px 0 0 2px;
	font-size: 92%;
	color: #5d5e60;
	}
	
#manchetteContenu.UneCol {width: 735px;}
#manchetteContenu.publicCible {margin: 0 0 0 2px;}

#chroniques {
	float: right;
	width: 741px;
	height: 150px;
	padding: 0 0 10px 10px;
	margin: 0 0 15px 2px;
	color: #5d5e60;
	}
		
ul#navigNiv4col2 {
	float: left;
	width: 260px;
	background: #f4f5e9;
	border-left: 1px #696c58 solid;
	margin: 20px 0 5px 15px;
	padding: 3px 0;
	}
	
		
ul#navigNiv4col1 {
	float: left;
	width: 260px;
	background: #f4f5e9;
	border-left: 1px #696c58 solid;
	margin: 20px 0 5px 15px;
	padding: 3px 0;
	}
	
	ul#navigNiv4col2 {border: 0;}
	
	ul#navigNiv4col2 li {
	    list-style-type: none;
		list-style-image: none;
		font-size: 87%;
		line-height: 110%;
		padding: 2px 0 3px 10px;
		}
	
	ul#navigNiv4col1 li {
	    list-style-type: none;
		list-style-image: none;
		font-size: 87%;
		line-height: 110%;
		padding: 2px 0 3px 10px;
		}
	
	ul#navigNiv4col2 li {border-left: none;}
	
	ul.pages4niv {
		width: 100%;
		display: block;
		margin: 2px 3px 2px 5px;
		border-left: 1px #d7d7d7 solid;
		}
		
	ul.pages4niv li {
	    list-style-type: none;
		list-style-image: none;
		font-size: 87%;
		line-height: 105%;
		padding: 2px 0 3px 0;
		}	
	
/*#contenu img {
	float: right;
	clear: left;
	margin: 0 0 10px 15px;
	}
*/	
#espacePhoto {
	float: right;
	width: 239px;
	height: 128px;
	margin: 0 0 10px 15px;
	}
		
#colDroite {
	float: right;
	width: 170px;
	min-height: 325px;
	margin: 2px 0 0 0;
	}
	
ul#menuUtilDroit {
	border: 1px #696c58 solid;
	border-left: 0;
	border-right: 0;
	padding: 10px 0 10px 5px;
	margin: 0 0 20px 0;
	}
	
	ul#menuUtilDroit li {
	    list-style-type: none;
		list-style-image: none;
		background: url(../SiteCollectionImages/menuBullet.gif) no-repeat 0 50%;
		font-size: 87%;
		padding: 0 0 2px 10px;
		}

#menuUtilDroit2col {width: 170px; float: right;} /* Ceci sert pour le modèle sur 2 colonnes - soit la page Article. */
	
#bt_colDroite {margin: 0 auto; text-align:center; width: 170px;}
#loginOmnivox {margin: 0 auto; text-align:center; width: 170px;}		

#photoMenu3col {
	float: right;
	width: 740px;
	height: 75px;
	margin: 15px 0 0 0;
	}

div.menu3col { /*Ceci sert pour le modèle de page d'accueil de sections (le menu disposé sur 3 colonnes */
	float: left;
	display: inline;
	width: 230px; 
	min-height: 305px;
	margin: 0 5px 15px 12px;
	}
	
	div.menu3col ul li {
		list-style-type: none;
		list-style-image: none;
		font-size: 90%;	
		padding: 0 0 5px 15px;
		line-height: 110%;
		}
	
	div.menu3col ul li.premier {
		font-size: 115%;
		text-transform: uppercase;
		background: url(../SiteCollectionImages/menu3colBullet.gif) no-repeat 0 4px;
		padding: 0 0 0 15px;
		margin: 15px 0 3px 0;
		vertical-align: top;
		}

#contenu div.contenu3cols { /* Ceci sert à disposer le contenu sur 3 colonnes, dans le modèle de page qui prend toute la largeur (2cols) */
	float: left;
	display: inline;
	width: 230px; 
	margin: 10px 15px 15px 0;
	}
	
	#contenu div.contenu3cols ul li {
		list-style-type: none;
		list-style-image: none;
		font-size: 100%;	
		padding: 3px 0;
		line-height: 110%;
		margin: 0 0 0 -15px;
		}
		
		#contenu div.contenu3cols ul li ul {margin: 3px 0;}

		#contenu div.contenu3cols ul li ul li {
			list-style-type: square;
			font-size: 100%;	
			line-height: 110%;
			margin: 0 0 0 5px;
			}
/*plan du site*/
#contenuPlanSite {float: left; width: 735px;}	
#contenuPlanSite div.colonnes {width: 235px; float: left; margin: 0 0 15px 0;}
#contenuPlanSite div.menu3col {height: auto; margin-left: 12px;}	
#contenuPlanSite h1 {margin: 0 0 0 12px; height: 25px; font-size: 130%;}	
/*fin*/
			
#piedPage {
	clear: both;
	width: 560px;
	margin: 25px 0 0 223px;
	}	
	
	ul#menuPiedPage li {
		display: inline;
		list-style-image: none;
	    list-style-type: none;
		text-transform: uppercase;
		color: #5d5e60;
		font-size: 9px;
		line-height:1.5em;
		}	


/* ---[ Format du texte ]--------------------- */	

p.titreSection {
	font-size: 21px;
	color: #fc672c;
	text-transform: uppercase;
	margin: 12px 0 0 57px;
	}

h1.calendrier 
{
	background: url(../SiteCollectionImages/bg_h1.gif) no-repeat 0 50%;
	padding: 3px 0 0 19px;
	color: #fc672c;
	font-size: 140%;
	text-transform: uppercase;
	margin: 20px 0;
	}
	
	h1.accueil 
{
	background: url(../SiteCollectionImages/bg_h1.gif) no-repeat 0 50%;
	padding: 3px 0 0 19px;
	color: #fc672c;
	font-size: 140%;
	text-transform: uppercase;
	margin: 20px 0;
	}
	
	h1.calendrier {margin: 15px 0 0 0 !important;}
	
	h1.enteteCols {
		background: #636952;
		color: #EFEBDE;
		padding: 2px 5px;
		font-size: 95%;
		text-transform: none;
		}
	
h1 {
	padding: 3px 0 0 0;
	color: #fc672c;
	font-size: 150%;
	text-transform: uppercase;
	margin: 10px 0;
	}

h2 {
	font-size: 110%;
	font-weight: bold;
	color: #4C4F3B;
	margin: 15px 0 5px 0;
	}	
	
h2.mois {
		font-size: 120%; 
		color: #585a48;
		float: right; 
		margin: 5px 4px 5px 0;
	}
h2.grille {
		margin: 0 0 0 0;
	}


/* AJOUT ACCEUIL DE PROGRAMME */
.bleu			 { color: #1f97be !important; }

.progcontent h1  { color: #1f97be !important; }
.progcontent h3  { color: #1f97be !important; }
.progcontent a   { color: #1f97be !important; }

div.progheader					{ border: 1px solid #1f97be; }
div.progheader table			{ font-size: 150%; height: 48px; background: #1f97be; border-collapse: collapse; }
div.progheader table td			{ padding: 0 37px 0 7px; height: 48px; color: #f5f6ea !important; text-align:right; }
div.progheader table td strong	{ text-transform: uppercase; }
div.progheader h2				{ font-size: 14px; color: #5c5e60; margin: 10px 0 5px 0; font-weight: bold; padding: 0 7px;	margin: 10px 0 0 0; }
div.progheader p				{ padding: 0 7px; }
div.progheader ul				{ list-style-type: none !important; padding: 0 !important; margin: 0 !important; margin: 5px 0; }
div.progheader ul li			{ padding: 0 7px 0 30px !important; list-style-type: none !important; background: #fff url('http://www.cvm.qc.ca/SiteCollectionImages/bullet_act.gif') no-repeat 20px 1px !important; }

.proglayout						{ float:left; width: 528px; background: #f4f5e9; padding: 10px 0 8px 15px; margin: 20px 0 2px 12px; }
.proglayout ul#navigNiv4col2 	{ float: left; width: 200px; padding: 0; margin: 0; border: 0; }
.proglayout ul#navigNiv4col1 	{ float: left; width: 200px; padding: 0; margin: 0; border: 0; }
.proglayout ul#navigNiv4col2 li { list-style-type: none; font-size: 11px; line-height: 14px; line-height: 110%; padding: 2px 0 0 0; }
.proglayout ul#navigNiv4col1 li { list-style-type: none; font-size: 11px; line-height: 14px; line-height: 110%; padding: 2px 0 0 0; }
.proglayout ul#navigNiv4col2 li { border-left: none; }	
.proglayout ul.pages4niv 		{ width: 100%; display: block; margin: 2px 0; border-left: none; }
.proglayout ul.pages4niv li 	{ list-style-type: none; list-style-image: none; line-height: 105%; padding: 2px 0 2px 7px !important; background: #f4f5e9 url('http://www.cvm.qc.ca/SiteCollectionImages/bulprog.gif') no-repeat 0 3px !important; }	
.proglayout ul li a				{ color: #5c5e60; }


#contenu.publicCible h2 {margin: 12px 0 10px 0;}
#contenu.publicCible h1 {margin: 20px 0 5px 0;}

h3 {
	font-size: 100%;
	font-weight: bold;
	color: #fc672c;
	margin: 15px 0 5px 0;
	}	
	
	#colDroite h4 {text-align: left;}

	#colDroite h3 {text-align: left;}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #4C4F3B;
	margin: 15px 0 5px 0;
	}	

.note {font-size: 90%; margin: 5px 0;}

#contenu img
{
	border-color: #fff !important;
}

#contenu p {
	font-size: 100%;
	color: #5d5e60;
	margin: 5px 0 10px 0;
	}
	

/* ---[ ajouter pour les réponses des chronique ]--------------------- */

#contenu span.blanc-sur-fond-blanc {color: white;}
#contenu span.blanc-sur-fond-blanc:hover {color:#5d5e60;}
#contenu span.orange-souligne {color:#fc672c;text-decoration:underline;}

#contenu.publicCible p {margin: 0 0 10px 0;}

#manchetteContenu img
{
	border-color: #fff !important;
}

#manchetteContenu p {
	font-size: 100%;
	color: #5d5e60;
	margin: 5px 0 10px 0;
	}

#manchetteContenu.publicCible p {margin: 0 0 10px 0;}

#colDroite p {
	font-size: 90%;
	color: #5d5e60;
	margin: 5px 0 10px 0;
	text-align: left;
	}

#contenu ol {padding: 0 0 0 25px;}

#contenu ul {padding: 0 0 0 25px;}
#contenu ul li {
		font-size: 100%;
		list-style-type: square;
		}
		
#contenu ol li ol li {font-size: 100%;}
		
#contenu ul li ul li {font-size: 100%;}
		
#contenu ol li {
		font-size: 100%;
		margin: 5px 0;
		}



#manchetteContenu ol {padding: 0 0 0 25px;}
	
#manchetteContenu ul {padding: 0 0 0 25px;}
#manchetteContenu ul li {
		font-size: 100%;
		list-style-type: square;
		}
		
#manchetteContenu ol li ol li {font-size: 100%;}
		
#manchetteContenu ul li ul li {font-size: 100%;}
		
#manchetteContenu ol li {
		font-size: 100%;
		margin: 5px 0;
		}


	
#contenu dt  {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	color: #fc672c;
	}	

#contenu dd  {
	font-size: 100%;
	color: #5d5e60;
	margin: 0 0 10px 0;
	}	

#contenu dd p  {
	font-size: 100%;
	color: #5d5e60;
	margin: 5px 0;
	}
		
#contenu dd ul li  {
	font-size: 100%;
	color: #5d5e60;
	}	


p.vousEtesIci 
{
	margin: 10px 0 0 8px;
	/*width: 100%;*/
	/*line-height: 145%;*/
}
	
span.breadcrumbsActive {font-size: 13px; color: #666955; font-weight: bold;}
	
#piedPage p {
	font-size: 11px;
	color: #a5a59a;
	margin: 5px 0;
	vertical-align: middle;
	}	
	
/* ---[ Hyperliens ]--------------------- */		

#contenu a:hover   {font-size: 100%; color: #fc672c;}

#contenu a:active   {font-size: 100%; color: #fc672c;}

#contenu a:visited   {font-size: 100%; color: #fc672c;}

#contenu a:link   {font-size: 100%; color: #fc672c;}

#manchetteContenu a:hover,
#manchetteContenu a:active,
#manchetteContenu a:visited,
#manchetteContenu a:link  {font-size: 100%; color: #fc672c;}


#colDroite a:hover  {color: #fc672c;}

#colDroite a:active  {color: #fc672c;}

#colDroite a:visited  {color: #fc672c;}

#colDroite a:link  {color: #fc672c;}

ul#menuUtil li a:visited {text-decoration: none; color: #5d5e60;}

ul#menuUtil li a:link {text-decoration: none; color: #5d5e60;}
ul#menuUtil li a:hover {text-decoration: none;	color: #fc672c;}

ul#menuUtil li a:active {text-decoration: none;	color: #fc672c;}

#enteteSection a:visited {font-size: 10px; color: #666955;}

#enteteSection a:link {font-size: 10px; color: #666955;}
#enteteSection a:hover {color: #fc672c;}

#enteteSection a:active {color: #fc672c;}

#enteteSectionPublicCible a:visited {font-size: 10px; color: #666955;}

#enteteSectionPublicCible a:link {font-size: 10px; color: #666955;}
#enteteSectionPublicCible a:hover {color: #fc672c;}

#enteteSectionPublicCible a:active {color: #fc672c;}

#enteteSectionManchette a:visited {font-size: 10px; color: #666955;}
#enteteSectionManchette a:link {font-size: 10px; color: #666955;}
#enteteSectionManchette a:hover {color: #fc672c;}
#enteteSectionManchette a:active {color: #fc672c;}

#enteteSectionManchetteContenu a:visited {font-size: 10px; color: #666955;}
#enteteSectionManchetteContenu a:link {font-size: 10px; color: #666955;}
#enteteSectionManchetteContenu a:hover {color: #fc672c;}
#enteteSectionManchetteContenu a:active {color: #fc672c;}

ul#navigNiv4col2 li a:visited {text-decoration: none; color: #5d5e60;}

ul#navigNiv4col2 li a:link {text-decoration: none; color: #5d5e60;}

ul#navigNiv4col1 li a:visited {text-decoration: none; color: #5d5e60;}

ul#navigNiv4col1 li a:link {text-decoration: none; color: #5d5e60;}

ul#navigNiv4col2 li.sectionActive {color: #fc672c;}

ul#navigNiv4col1 li.sectionActive {color: #fc672c;}

ul#navigNiv4col2 li a.sectionActive:visited {color: #fc672c;}

ul#navigNiv4col1 li a.sectionActive:visited {color: #fc672c;}

ul#navigNiv4col2 li a.sectionActive:link {color: #fc672c;}

ul#navigNiv4col1 li a.sectionActive:link {color: #fc672c;}

ul#navigNiv4col2 li a:hover {color: #fc672c;}

ul#navigNiv4col2 li a:active {color: #fc672c;}

ul#navigNiv4col1 li a:hover {color: #fc672c;}

ul#navigNiv4col1 li a:active {color: #fc672c;}

ul#menuUtilDroit li a:visited { color: #5d5e60;}

ul#menuUtilDroit li a:link { color: #5d5e60;}
ul#menuUtilDroit li a:hover {text-decoration: none; color: #fc672c;}

ul#menuUtilDroit li a:active {text-decoration: none; color: #fc672c;}

ul#menuPiedPage li a:visited {text-decoration: none;	color: #5d5e60;}

ul#menuPiedPage li a:link {text-decoration: none;	color: #5d5e60;}
ul#menuPiedPage li a:hover {text-decoration: none;	color: #fc672c;}	

ul#menuPiedPage li a:active {text-decoration: none;	color: #fc672c;}	

table#calendrier td a:visited {text-decoration: none; color: #fc672c; font-weight: bold;}

table#calendrier td a:link {text-decoration: none; color: #fc672c; font-weight: bold;}

div.menu3col ul li a:visited {color: #000;}

div.menu3col ul li a:link {color: #000;}
div.menu3col ul li.premier a:visited {text-decoration: none; color: #666955;}

div.menu3col ul li.premier a:link {text-decoration: none; color: #666955;}

div.menu3col ul li.premier a:hover {text-decoration: none; color: #fc672c;}

div.menu3col ul li.premier a:active {text-decoration: none; color: #fc672c;}

div.menu3col ul li a:hover {text-decoration: none; color: #fc672c;}

div.menu3col ul li a:active {text-decoration: none; color: #fc672c;}

/* pour enlever la ligne pointillée qui apparait quand on clique sur un bouton ou une image */
a:focus {outline: none;}	

.flag {color: #cc0000;}	

/* ---[ Calendrier ]--------------------- */

table#calendrier {
	clear:both; 
	width: 100%; 
	margin: 0;
	}

table#calendrier td {
	width: 14%; 
	height: 16px; 
	text-align: center; 
	font-size: 90%;
	color: #585a48;
	}

table#calendrier td.jours {height: 20px;}
table#calendrier td.auj {background: #e3e6ce;}

h2.mois a {color: #fc672c; text-decoration: none; font-weight: bold;}

/* ---[ Gugusses pour décorer ]--------------------- */

#contenu hr { width:100%; height: 1px; margin: 10px 0; color:#ccc;}

/* ---[ Tables ]--------------------- */


#contenu table.simple {width: 100%; margin: 15px 0; border-collapse: collapse; border: 1px #ccc solid;}
#contenu table.simple td {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid;}
#contenu table.simple th {font-size: 100%; text-align: left; color: #4C4F3B; padding: 3px; border: 1px #ccc solid;}
#contenu table.simple td a {font-size: 100%;}


/*

//Cette classe sera à utliser sur la div #contenu des pages systèms (sans Édition de contenu) afin que 
//que les styles des tableau s'applique.

.contenuCMS table {width: 100%; margin: 0; border-collapse: collapse; border-width: 0px;}
.contenuCMS table td {font-size: 100%; vertical-align: top; padding: 0; border-width: 0px;}
.contenuCMS table th {font-size: 100%; text-align: left; color: #4C4F3B; padding: 0; border-width: 0px;}
*/

/* ---[ STYLE DE L'ÉDITEUR HTML WYSIWYG ]--------------------- 
 *
 * Syntax : .CVMCustom-xxx où xxx est le nom du style.
 *
 */

.CVMCustom-Note {font-size: 100%; margin: 5px 0;}
.CVMTable-StyleCVM { width: 100%; margin: 15px 0; border-collapse: collapse; border: 1px #ccc solid; font-size: 100%; }
.CVMTableHeaderRow-StyleCVM {text-align: left; color: #4C4F3B; padding: 3px; margin:20px; border: 1px #ccc solid;}

.CVMTableEvenCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableOddCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableLastCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFirstCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableHeaderEvenCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableHeaderOddCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableHeaderLastCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableHeaderFirstCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFooterEvenCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFooterOddCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFooterLastCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFooterFirstCol-StyleCVM {font-size: 100%; vertical-align: top; padding: 3px; border: 1px #ccc solid; }

.CVMTableFirstCol-StyleCVM {
	white-space:nowrap;
}

/* ---[ Formulaire Envoi à un ami ]--------------------- */

.envamiAmiCourriel {
	border: solid 1px #ddd;
	width:300px;
	height:15px;
	line-height:15px
	}

.envamiMonCourriel {
	border: solid 1px #ddd;
	width:300px;
	height:15px;
	line-height:15px
	}

.envamiName {
	border: solid 1px #ddd;
	width:300px;
	height:15px;
	line-height:15px
	}

.envamiComments {
	border: solid 1px #ddd;
	width:300px;
	}

.envamiError { color:red;}

/* ---[ Éléments de formulaire ]--------------------- */

input {font-size: 11px; vertical-align: middle;} 

select {font-size: 11px; vertical-align: middle;} 

#contenu input {font-size: 11px; border: 1px #CFCFCF solid; vertical-align: middle;} 

#contenu select {font-size: 11px; border: 1px #CFCFCF solid; vertical-align: middle;} 

#contenu input.radio {border: none; vertical-align: middle;}

#formRecherche {float: right; height: 15px; margin: -17px 0 0 5px;}

select#liensRapides 
{
	border: 1px #e5e8d1 solid;
	width: 200px;
	color: #4f5141;
}

/* RECHERCHE - Override CORE.CSS */

#outilsEntete {
		position: absolute;
		top: 25px;
		right: 0;
		width: 450px;
		height: 17px;
		text-align: right;
		}
		
#outilsEntete table td 
{
	color: #4f5141;
	font-size: 90%;
}	

#outilsEntete table td input
{
	width:140px !important;
}

.ms-sbtable { width:160px; }
.ms-sbtable-ex { margin:0px;}
td.ms-sbgo{ background-color:#fff; padding:2px 0 0 2px; width:17px; }
td.ms-sbcell { border-width: 0px; width: 100%;}
.ms-sbplain
{
	border: 1px #e5e8d1 solid;
	width: 145px;
	height: 15px;
	line-height:15px;
	color: #4f5141;
	vertical-align: middle;
}

/*#bt_recherche	{width:17px; height:17px; vertical-align: middle;}*/


/* ---[ Actualité ]--------------------- */

div.actcontent img { border: 6px solid #fff; }
div.actCulturelleContent img { border: 6px solid #fff; }

#actualiteTable				{ border-collapse:collapse; width:100%; margin: 15px 0; }
#actualiteTable a:active 	{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#actualiteTable a:visited 	{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#actualiteTable a:link 	{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#actualiteTable a 	{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#actualiteTable a:hover 	{ color: #34cbd4; }
#actualiteTable td 			{ vertical-align:top; padding : 0 0 18px 0; }
#actualiteTable td p 		{ display:block; padding-left: 10px; }
#actualiteTable h1			{ margin:0; padding:3px 0 0 0; color: #fc672c; font-size: 140%; text-transform: uppercase; }

#actualiteTable .bullet_act { /*display:block;*/ float:left; padding: 0 3px 0 0; }
#actualiteTable .iconAct 	{ padding: 0 5px 0 0; width:96px}
#actualiteTable .titreAct 	{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }

/* ---[ Actualité Culturel ]--------------------- */

#actualiteCulturelleTable				{ border-collapse:collapse; width:100%; margin: 15px 0; font-family: Arial, sans-serifl;}
#actualiteCulturelleTable a:active 		{ font-size: 18px; line-height: 1.1em; font-weight: bold; color: #52534f; margin: 0 0 5px 0; text-decoration:none;  }
#actualiteCulturelleTable a:visited 		{ font-size: 18px; line-height: 1.1em; font-weight: bold; color: #52534f; margin: 0 0 5px 0; text-decoration:none;  }
#actualiteCulturelleTable a:link 		{ font-size: 18px; line-height: 1.1em; font-weight: bold; color: #52534f; margin: 0 0 5px 0; text-decoration:none;  }
#actualiteCulturelleTable a 		{ font-size: 18px; line-height: 1.1em; font-weight: bold; color: #52534f; margin: 0 0 5px 0; text-decoration:none;  }
#actualiteCulturelleTable a:hover 		{ color: #fc672c; }
#actualiteCulturelleTable td 			{ vertical-align:top; padding : 0 0 18px 0; }
#actualiteCulturelleTable td p 			{ display:block; padding-left: 15px; margin-top:0; color:#818373; font-size:14px; }
#actualiteCulturelleTable h1			{ margin:0; padding:3px 0 0 0; color: #fc672c; font-size: 140%; text-transform: uppercase; }

#actualiteCulturelleTable .bullet_act 	{ /*display:block;*/ float:left; padding: 3px 3px 0 0; }
#actualiteCulturelleTable .iconAct		{ padding: 0 5px 0 0; width:96px}
#actualiteCulturelleTable .titreAct		{ font-size: 115%; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }


/* ---[ Actualité Manchette ]--------------------- */

#tableManchette	{ border-collapse:collapse; width:100%; margin-top: 15px;  background-color: #f6f7ef;}
#tableManchette a:active,
#tableManchette a:visited,
#tableManchette a:link,
#tableManchette a 	{  font-size: 20px; font-weight: bold; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#tableManchette a:hover 	{ color: #34cbd4; }

#tableManchette td 			{ vertical-align:top; padding : 0 0 0 0; }
#titreManchette		{ line-height: 1.7em; margin:26px 20px 5px 36px;}
#introManchette		{line-height: 1.7em; margin: 0 20px 0 36px; font-size:12px;}

#suiteManchette a:active,
#suiteManchette a:visited,
#suiteManchette a:link,
#suiteManchette	a { margin-left: 2px; font-size:14px;}

/*---[ Actualité Manchette catégorie ]-------------------*/

#DivCategorieActualites {float:left}
#DivCategorieActivitesCulturelles {float:left; margin-left:37px}
#DivCategorieVieEtudiante {float:left; margin-left:37px}

.manchetteCategorieImg{width: 143px; height:98px; position:absolute; top: 18px; right: 7px; z-index: 0;}
.manchetteCategorieOmbre{width: 143px; height:98px; position: relative;  background-color:  #eceedd; margin-left:7px; z-index: 0;}
.manchetteCategorieOmbre h2 {padding:3px 7px 0 0; margin-top:0px; color: #fc672c; text-align:right; font-size:14px; font-weight:normal}

.TableCategorie { border-collapse:collapse; width:100%; }
.TableCategorie a:active,
.TableCategorie a:visited,
.TableCategorie a:link,
.TableCategorie a { font-size: 12px; color: #2097be; margin: 0 0 5px 0; text-decoration:none; font-weight:bold }
.TableCategorie a:hover 	{ color: #34cbd4; }

.TableCategorie td p 		{ display:block; padding-left: 10px; }
.TableCategorie td 			{ vertical-align:top; padding : 0 0 18px 0; }

.TableCategorie .fleche_act { /*display:block;*/ float:left; padding: 0 3px 0 0; }
.TableCategorie .bullet_act { /*display:block;*/ float:left; padding: 0 3px 0 0; }


#titreAutreActualites { font-size: 11px; cursor:pointer; color: #2097be; }

#divTitreAutreActualites {position:relative;text-align:left;width:140px}
#divTitreAutreActualites { padding-left:10px}

#divAutresActualtites {padding: 0 0 20px 25px; border-left:1px #2097be solid; z-index:9999; position:absolute;top:0px;left:-122px;width:363px;min-height:100px;background-color:#eceedd; display:none;opacity: .85; filter:alpha(opacity=85);}
#divAutresActualtites .boiteEnTete { padding:18px 0 5px 0;  margin-top:0px;}
#divAutresActualtites .boiteEnTeteTitre { font-size : 18px; color: #fc672c;  font-weight:normal; opacity:1.0; filter:alpha(opacity=100); margin-top:0px}
#divAutresActualtites .fermetureFenetre {font-size : 16px; text-align:right; font-weight:bold; padding:5px 10px 0 0; cursor:pointer}
#divAutresActualtites a { font-size : 12px; font-weight:normal}


#titreAutreVieEtudiante { font-size: 11px; cursor:pointer; color: #2097be; }
#titreAutreVieEtudiante span:hover { color: #34cbd4; }


#divTitreAutreVieEtudiante {position:relative;text-align:left;width:140px}
#divTitreAutreVieEtudiante { padding-left:10px}

#divAutresVieEtudiante {padding: 0 0 20px 25px; border-left:1px #2097be solid; z-index:9999; position:absolute;top:0px;left:-122px;width:363px;min-height:100px;background-color:#eceedd; display:none;opacity: .85; filter:alpha(opacity=85);}
#divAutresVieEtudiante .boiteEnTete { padding:18px 0 5px 0;  margin-top:0px;}
#divAutresVieEtudiante .boiteEnTeteTitre { font-size : 18px; color: #fc672c;  font-weight:normal; opacity:1.0; filter:alpha(opacity=100); margin-top:0px}
#divAutresVieEtudiante .fermetureFenetre {font-size : 16px; text-align:right; font-weight:bold; padding:5px 10px 0 0; cursor:pointer}
#divAutresVieEtudiante a { font-size : 12px; font-weight:normal}


#titreAutreActivitesCulturelles { font-size: 11px; cursor:pointer; color: #2097be; }

#divTitreAutreActivitesCulturelles {position:relative;text-align:left;width:140px}
#divTitreAutreActivitesCulturelles { padding-left:10px}

#divAutresActivitesCulturelles {padding: 0 0 20px 25px; border-left:1px #2097be solid; z-index:9999; position:absolute;top:0px;left:-122px;width:363px;min-height:100px;background-color:#eceedd; display:none;opacity: .85; filter:alpha(opacity=85);}
#divAutresActivitesCulturelles .boiteEnTete { padding:18px 0 5px 0;  margin-top:0px;}
#divAutresActivitesCulturelles .boiteEnTeteTitre { font-size : 18px; color: #fc672c;  font-weight:normal; opacity:1.0; filter:alpha(opacity=100); margin-top:0px}
#divAutresActivitesCulturelles .fermetureFenetre {font-size : 16px; text-align:right; font-weight:bold; padding:5px 10px 0 0; cursor:pointer}
#divAutresActivitesCulturelles a { font-size : 12px; font-weight:normal}

.chroniquesContenu{ border-left:1px #2097be solid; width: 727px; padding-bottom:20px; position:absolute; top: 18px; right: 7px; background-color: #f6f7ef; } /**/
.chroniquesOmbre{width: 727px; height:90px; position: relative;  background-color: #eceedd; margin-left:12px}
.chroniquesOmbre h2 {padding:3px 0 0 7px; margin-top:0px; color: #fc672c; text-align:left; font-size:14px; font-weight:normal}

#TableChroniques { border-collapse:collapse; width:100%; font-size: 11px; }
#TableChroniques a { font-size: 10px; color: #2097be; margin: 0 0 5px 0; }
#TableChroniques a:hover { color: #34cbd4; }
#TableChroniques td p { display:block; padding: 0 60px 0 11px; }
#TableChroniques td { vertical-align:top; border:0; margin : 0 0 0 0; padding : 16px 0 0 14px; color: #2097be;}
#TableChroniques .fleche_act { float:left; padding: 0 3px 0 0; }


/* ---[ Page de contenu des actualité nouvelle version ]--------------------- */

#divContenuActualtitesHaut { min-height:200px }

#divContenuActualitesBas {padding: 5px 25px 20px 25px; border-left:1px #2097be solid; width:690px;background-color:#eceedd;}
#divContenuActualitesBas a { font-size : 11px; }
#divContenuActualitesBas h2 {font-size : 18px; color: #fc672c;  font-weight:normal};

#divContenuActualitesBas .tabContenuActualites { border-collapse:collapse; width:100%; }
#divContenuActualitesBas .tabContenuActualites a:active,
#divContenuActualitesBas .tabContenuActualites a:visited,
#divContenuActualitesBas .tabContenuActualites a:link,
#divContenuActualitesBas .tabContenuActualites a { font-size: 11px; color: #2097be; margin: 0 0 5px 0; text-decoration:none; }
#divContenuActualitesBas .tabContenuActualites a:hover 	{ color: #34cbd4; }
#divContenuActualitesBas .tabContenuActualites td { vertical-align:top; padding : 0 0 2px 0; }
#divContenuActualitesBas .tabContenuActualites td p { display:block; padding-left: 10px; font-size: 11px; color: #2097be; margin: 0 0 0 0;}
#divContenuActualitesBas .tabContenuActualites td p:hover {  color: #34cbd4;}
#divContenuActualitesBas .tabContenuActualites .fleche_act { /*display:block;*/ float:left; padding: 0 3px 0 0; }


/* ---[ actualité debug ]--------------------- */
#ctl00_PlaceHolderHautDePage_g_368d8d17_21c9_4d65_83c8_e7d9ed3ffdb3_dropActu {border-width:1px; border-style:solid; border-color:black}


/* ---[ Page de résultats de recherche ]--------------------- */

table#rechercheAvancee input {font-size: 100%; border: 1px #CFCFCF solid; vertical-align: middle;}

table#rechercheAvancee select {font-size: 100%; border: 1px #CFCFCF solid; vertical-align: middle;}

/* ---[ Tooltip ]--------------------- */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 200px;
	border-left: 1px #696c58 solid;
	padding: 5px;
	background-color: #f4f5e9;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	font-size: 87%;
	}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}

/* ---[ Resultats de recherches ]--------------------- */

.srch-Title-cvm	/*inline span*/
{
	font-weight: bold;
	color: #333;	
}

.srch-Title-cvm a:hover
{
	color: #666955 !important;
}

.srch-Title-cvm a:active
{
	color: #666955 !important;
}

.srch-Title-cvm a:visited
{
	color: #666955 !important;
}

.srch-Title-cvm a:link
{
	color: #666955 !important;
}

.srch-Title-cvm a
{
	color: #666955 !important;
}

.srch-Page-bg
{
	background-color:#eee;
}

.srch-stats
{
	background-color:#eee;
}

.srch-URL-cvm a:hover   
{
	text-decoration:underline; 
	color: #fc672c !important;
}

.srch-URL-cvm a:active   
{
	text-decoration:underline; 
	color: #fc672c !important;
}

.srch-URL-cvm A:visited   
{
	text-decoration:underline; 
	color: #fc672c !important;
}

.srch-URL-cvm A:link   
{
	text-decoration:underline; 
	color: #fc672c !important;
}

.srch-URL-cvm a   
{
	text-decoration:underline; 
	color: #fc672c !important;
}

.srch-Description-cvm
{
	color:#333333;
	padding:0 0 2px;
}

.srch-Metadata-cvm
{
	border-bottom:#e0ded5 1px solid;
	margin:0 0 12px;
	padding:0 0 4px;
	color:#8c8c8c;
}

.ms-advsrchText input
{
	width: 400px;		
}

.ms-standardheader
{
	background-color:#fff !important;		
	font-weight: bold;
	color: #fc672c;
	margin: 5px 0 0 0;
}

.ms-advsrchHeadingText
{
	background-color:#fff !important;		
	font-weight: bold;
	color: #fc672c;
	margin: 5px 0 0 0;
}

/* ---[ Ajout pour grilles de programmes]--------------------- */

.abc {
	color:#1f97be;
	font-weight:bold;
}

.bloc {
	background-image:url('../SiteCollectionImages/gris_bloc.gif');
}

.cours-desc-ouvert 
.cours-desc-fermer {
	display:inline;
}
.cours-desc-fermer div{
	display:none;
}
.cours-desc-ouvert div{
	display:block;
}

/* ---[ Admin Sharepoint]--------------------- */

#consoleAdmin  {
	margin: 0 auto;
	width: 998px;
	text-align: right;	
	}

#consoleAdminContent {
	width:  180px;
	float:right;
	text-align: right;
	} 

.ms-siteaction /* Pour régler le problème d'alignement du bouton "SiteAction" */
	{
	float: right;					
	clear: both;
	}
	

/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
