/****************************************************
	 STYLES POUR CREPUQ.QC.CA
	 Auteur : Pierre Bourgeois et Bruno Génier
	 Date de mise à jour: 19 juillet 2005
	                      12 mai 2006
*****************************************************/


/* 	STYLES GÉNÉRAUX
******************************************************/
@import url(login.css);
body { 
	background: url(images/fond.gif) repeat-y; 
	font-size: 12px; 
	font-family: arial, verdana, helvetica, sans serif; 
	color: #666; 
	margin: 0; 
	padding: 0; 	
	}
	
a:link, a:active, a:visited {
	text-decoration: none; 
	color: #336699;
	}
a:hover {
	text-decoration: underline;
	}

.clicArchives {
	float:right;
	font-size:100%;
	color: #336699;
	}

img {
	border-style: none;
	}
dl, dt, dd, ul { 
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}
	
#conteneur { 
	width: 100%; 
	margin: 0; 
	padding: 0;
	} 
.spip_logos {
	border: none;
	}
form { 
	padding: 0;
	margin: 0;
	}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
	}
ul.spip { 
	margin: 0 0 0 1em; 
	list-style-type: square;
	}
li.spip { 
	font-weight: normal;
	list-style-type: square;
	font-size: 11px;
	}
#photo {
background: url(photos/rotator.php) no-repeat;
width: 209px;
height: 160px;
}

/* EN-TETE
******************************************************/

#entete {
	background: url(images/fond2.gif) repeat-x 0 0; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	}
	
#entete2 {
	background: url(images/fond3.gif) repeat-x 0 0; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	}
	
#entete h1 {
	background: url(images/entete.jpg) no-repeat; 
	width: 760px; 
	height: 96px; 
	margin: 0; 
	padding: 0;
	}

#entete2  h1 {
	background: url(images/entete2.jpg) no-repeat; 
	width: 760px; 
	height: 96px; 
	margin: 0; 
	padding: 0;
	}
	
#entete h1 span, #entete2 h1 span {
	display: none;
	}
#entete h2, #entete2 h2 {
	margin: -17px 0 0 215px;
	font-family: arial, sans-serif; 
	color: white; 
	z-index: 2000;
	font-weight: bold; 
	font-size: 15px;
	}
p#englishVisitors {
	margin-top: 0;
	}	
p#englishVisitors a {
	font-size: 12px;
	padding: 4px 2px 4px 25px;
	background: url(images/important.gif) no-repeat left 50%;
	}
	
/* CONTENANT DE 760PX
******************************************************/

#cadre {
	width: 775px; 
	background: url(images/fond-cadre.gif) no-repeat 340px 0px; 	
	margin: 0; 
	padding: 0; 
	}
#cadreFAQ {
	width: 100%; 
	background: url(images/fond-cadre.gif) no-repeat 340px 0px; 	
	margin: 0; 
	padding: 0; 
	}
	
/* COLONNE DE GAUCHE
====================================================*/

#colGauche {
	float: left;
	width: 200px;
	margin: 0;
	}

#colGauche form {
	background: #9AC7E4; 
	width: 208px; 
	height: 24px; 
	margin: 0; 
	padding: 0;
	}

#colGauche .spip_recherche {
	color: #666666; 
	margin: 0 0 5px 3px; 
	font-size: 10px; 
	width: 160px; 
	}
	
#colGauche .bouton {
	margin-left: 1px;
	}

/* code que IE5-Mac ne voit pas \*/
#colGauche form {
	background: #9AC7E4; 
	position: absolute; 
	top: 96px; 
	left: 0; 
	width: 209px; 
	height: 24px; 
	padding: 0;
	}

#colGauche .spip_recherche {
	color: #666666; 
	margin: 0 0 0 2px; 
	font-size: 10px; 
	position: absolute; 
	top: 3px; 
	width: 156px; 
	padding: 1px 0 1px 3px;
	}

#colGauche .bouton {margin-left: 170px;}

/* fin du code exclu a IE5-MAC */

/* css réservé à IE5-MAC */

#p7swapmenu {
	background-color: #B2D5EB;
	border-top: 1px solid black;
	margin-top: -2px; 
	font-family: arial, sans-serif; 
	width: 209px;
	}
/* fin du css réservé à IE5-MAC */

/* css que IE5-MAC ne voit pas \ */
#p7swapmenu {
	background-color: #B2D5EB;
	border-top: 1px solid black;
	left: 0; 
	font-family: arial, sans-serif; 
	position: absolute; 
	width: 209px;
	top: 122px;
	}
#p7swapmenu li a {
	color: white;
	}
#p7swapmenu li a:hover {
	color: black;
	text-decoration: none;
	}
	
#p7swapmenu li li a {
	color: black;
	}
	
/* fin du css que IE5-MAC ne voit pas  */

#p7swapmenu ul {
	margin: 0px; 
	padding: 0px;
	}
#p7swapmenu li {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
	}
#p7swapmenu ul ul {
	border-bottom: 1px solid black;
	}
#p7swapmenu .closed a, #p7swapmenu .open a, #p7swapmenu .solo a {
	background-repeat: no-repeat;
	background-position: 195px 50%;
	background-color: #4374AB;
	border-bottom: 1px solid black;
	color: #FFFFFF; font-weight: bold;
	display: block;
	font-size: 0.9em;
	padding: 4px 12px 4px 5px;
	text-decoration: none;
	font-weight: bold; font-size: 11px;
	}

#p7swapmenu .closed a:hover, #p7swapmenu .open a:hover, #p7swapmenu .solo a:hover {
	background-color: #B2D5EB;
	color: #000000;
	}

#p7swapmenu .closed a {
	background-image: url(images/plus.gif);
	}

#p7swapmenu .open a {
	background-image: url(images/moins.gif);
	}

#p7swapmenu .closed ul a, 
#p7swapmenu .open ul a, 
#p7swapmenu .open ul a:hover {
	background-color: #B2D5EB;
	background-image: url(images/pagemarker2.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0; 
	display: block;
	color: black;
	font-size: 11px;
	font-weight:normal;
	padding: 3px 0 3px 5px;
	margin: 0;
	}

#p7swapmenu .open ul a:hover {
	background-color: white;
	}
li#p3 a {
	background-image: none;
	}
#p7current {
	font-weight: bold;
	}

/* Secteurs d'activités */
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 209px; /* Width of Menu Items */
	background-color: #B2D5EB;
	}

ul#nav li {
	position:relative;
	}

ul#nav li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #B2D5EB;
	padding: 3px 5px;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { 
	float: left; 
	height: 1%; 
	}
* html ul#nav li a { 
	height: 1%; 
	}
/* End */

ul#nav li a:hover { 
	background: #FFFFFF; 
	} 

ul#nav ul {
	position: absolute;
	display: none;
	width: 280px;
	left: 209px;
	top: -64px;
	border: 1px solid black;
}
ul#nav li a.menuparent { 
	background: url(images/subArrow.gif) no-repeat right 50%; 
	}
ul#nav li a.menuparent:hover { 
	background: #FFFFFF url(images/subArrow.gif) no-repeat right 50%; 
	}
#nav li ul li a { 
	padding: 2px 5px; 
	} 
#nav li:hover ul ul, #nav li.over ul ul { 
	display:none; 
	}
#nav li:hover ul, #nav li li:hover ul, 
#nav li.over ul, #nav li li.over ul { 
	display: block; 
	} 
	
/* COLONNE DE DROITE
====================================================*/

#colDroite {
	float: right;
	width: 200px;
	margin: 0; 
	padding: 0;
	}
#colDroite h3 {
	margin-top: 1em;
	color: black;
	}
#colDroite li {
	margin: .5em 0;
	}
ul#etudiant {
    margin-left: 1em; 
}

ul#etudiant li {
    list-style-type: square;
}

ul#profetic {
    border-top: 1px solid #B1C1D0;
    margin-left: -10px;
    padding: 0 0 0 10px;
}

h3#influenza {
    border-top: 1px solid #B1C1D0;
	margin-left: -10px;
	padding: 10px 0 0 10px;
	margin-bottom: 5px;
}

/*-------------------------------------------------------
	=BOITES (boites de nouvelles de la colonne droite)
--------------------------------------------------------*/
.boite { 
	margin: 0; 
	padding: 0; 
	}
.boite h3 {
	margin: 0 5px; 
	padding-top: 5px; 
	font-size: 14px;
	}
.boite ul {
	margin: 0; 
	padding: 0; 
	}
.boite li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
.boite li a, 
.boite li a:link, 
.boite li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	font-size: 10px; 
	background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%; 
	color: #7A7A7A;
	}
.boite li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/bouton-colDroite-hover.gif) no-repeat 5px 50%;
	}


	
/*\*/
* html .boite li a {height: 1%;} /* Corrige la hauteur des titres de nouvelles dans IE6 Windows */
/* */

/* COLONNE DU CENTRE 
====================================================*/

#contenu {
	margin: 0 210px 0 210px;
	padding: 1em; 
	border-right: 1px solid #B1C1D0;
	}
#contenu2 {
	margin: 0 0 0 210px;
	padding: 1em; 
	}

.texte_intro {
	margin: 20px 0 0 0;
	font-family: verdana, arial, helvetica, sans serif; 
	color: #000000; 
	font-weight: normal; 
	line-height: 150%; 
	font-size: 11px;
	text-align: justify;
	border-bottom: 1px solid #B5B2D6;
	padding-bottom: 20px;
	} 

#contenu2 ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}

#contenu2 ul li {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	font-size: 14px;
	}

#contenu2 ul li span.titre {
	margin: 8px 0;
	font-size: 14px;
	font-weight: bold;
	color: black;
	}

#contenu2 ul ul li  {
	font-size: 11px;
	font-weight: normal;
	list-style-type: square;
	margin: 1em;
	}
#contenu2 ul ul li a:hover {
	font-size: 11px;
	font-weight: normal;
	}
.colpersonnel {
	margin: 15px 0;	
	width: 400px;
	}
.colpersonnel-droite {
	float: right;
	}

#archives ul{ margin: 1em;}

#contenu2 td { margin: 0; padding: 0;}
#contenu2 table td.col1 { width: 30%; }
#contenu2 table td.col2 { width: 40%; }
#contenu2 table td.col3 { width: 30%; }


#contenu2 ul li, 
#contenu2 ul.spip li.open {	
	font-weight: normal;
	list-style-type: square;
	margin-left: 15px;
	font-size: 12px;
	}
#contenu2 ul li span.titre {
	list-style-type: none;
	}	

/* Plan du site */
#plan {
	margin-top: 10px;
	}
#plan ul { 
	list-style-type: square; 
	padding: 0 0 0 1em; 
	margin: 0 0 0 1em; 
	color: #666666;
	}
#plan ul li, #plan ul ul li {
	margin: 0 0 0 1em;
	}

/*=========================*/
/*    EN PRIMEUR           */
/*=========================*/

h3.primeur-titre {
	display: block; 
	width: 104px; 
	height: 20px; 
	margin: 0;
	padding: 2px 0 0 5px;
	background: url(images/primeur-fond.gif) no-repeat;
	font-family: arial, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 14px;
	}
	
#primeur-boite {
	background: #E7F0F7 url(images/primeur-image-boite.gif) no-repeat top left; 
	width: 315px; 
	padding: 5px; 
	margin: 0;
	border: 1px solid #B1C1D0;
	}
#primeur-boite ul {
	margin-left: 0; 
	margin-bottom: 8px;
	padding-left: 0;
	list-style: none;
	}

#primeur-boite li  { 
	padding-left: 10px; 
	margin-top: 8px;
	color: #000000;
	font-weight: bold;
	background-image: url(images/fleche.gif);
	background-repeat: no-repeat; 
	background-position: 0 3px; 
	line-height: normal;
	}

#primeur-boite li a {
	color: #000000; 
	font-weight: normal;
	}

/* Fin primeur */

/*============================================*/
/*    NOUVELLES, ÉVÉNEMENTS ET PARUTIONS      */
/*============================================*/

dl.breves {	
	margin-top: 10px;
	font-size: 11px;
	}
dl.breves dt {
	color: #EEB448; 
	font-weight: bold; 
	font-size: 14px;
	}
dl.breves dd {
	margin-bottom: 7px;
	}	
dl.breves dd.date {
	color: black;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	}


/****************************************************
	 BLOC "POUR INFORMATION :"
*****************************************************/

#information {
	float: right;
	margin: 0 0 20px 10px;
	border-left: 1px solid #B5B2D6;
	width: 35%;
	}
#information p {
	margin-left: 10px;
	font-size: 11px;
	}
	
/*=========================
   NOTES 				
   Contenu inséré pans 
   le champ PS d'un article
   de SPIP  
=========================*/

#divPS, div.note  {
    float: right;
    border: 1px solid #B1C1D0;
    width: 180px;
    margin: 0 0 0 4px;
    padding: 0;
    }

#divPS h3, div.note h3 {   
    border: 1px solid #000000;
    margin: 0 0 0 0;
    padding: 2px 1em;
    font-weight: bold;
    font-size: 12px;
    background: #4374AB;
    color: white;
    }
   
#divPS p, div.note p {
    margin: 1em 1em;
    }
	
/****************************************************
	 MENU HORIZONTAL
*****************************************************/

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
#menuhorizontal {
	margin: 0; 
	width: 600px;
	padding:0; 
	font-size: 9px; 
	position: absolute;
	font-family: verdana, arial, helvetica, sans serif;
	top: 60px; 
	left: 210px !important; 
	left: 209px;
	}

#p7PMnav {

	}

#p7PMroot1fr {width: 38px;}
#p7PMroot2fr {width: 135px; }
#p7PMroot3fr {width: 110px;}
#p7PMroot4fr {width: 80px; }
#p7PMroot5fr {width: 60px; margin-right: 5px;}

#p7PMroot1en {width: 30px;}
#p7PMroot2en {width: 115px; }
#p7PMroot3en {width: 90px;}
#p7PMroot4en {width: 60px; }
#p7PMroot5en {width: 44px; margin-right: 5px;}

#p7PMroot1fr, #p7PMroot2fr,
#p7PMroot3fr, #p7PMroot4fr, 
#p7PMroot5fr, #p7PMroot1en, 
#p7PMroot2en, #p7PMroot3en, 
#p7PMroot4en, #p7PMroot5en  {
	border-right: 1px solid #999999;
	}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	position: absolute;
	left: -9000px;
	z-index: 10000;
	}

#p7PMnav a, #menuhorizontal a {
	display: block;
	text-decoration: none;
	padding: 3px 4px;
	color: #FFFFFF;
	line-height:1;
	}

#p7PMnav a:hover, #menuhorizontal a:hover {
	background-color: #000000;
	color: #FFFFFF;
	letter-spacing: .01px;
	}

/* ------ the trigger link styles ------- */

/*the trigger link */

#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
	}

/* the active trigger link style */

#p7PMnav .p7PMon {
	color: #FFFFFF;
	}

/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
	}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */

	#p7PMnav li {
	float: left; width: auto;
	}
#p7PMnav ul li {
	float: none;
	}
#p7PMnav ul, 
#p7PMnav ul li {}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
	}
#pmmcrumb a, #pmmcrumb a:visited { 
	font-weight: normal; 
	color: #535FAC;
	}
#pmmcrumb a:hover, 
#pmmcrumb a:active, 
#pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
	}
#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
	background-image:  url(images/smenu.gif);
	background-repeat:	no-repeat;
	background-position: 98% center;
	}
#p7PMnav li a, #p7PMnav li a:hover {
	background-color: black; 
	color: white;  
	word-spacing: -0.5px; 
	}
#p7PMnav li li a {
	background-color: #B5D7EF; 
	color: #31659C;
	}
#p7PMnav li li a:hover {
	background-color: #FFFFFF; 
	color: #31659C;
	}
#p7PMnav li li a {
	background-color: #B5D7EF; color: #31659C;
	}
ul ul#niveau21 {
	width: 300px;
	}
ul ul#niveau22 {
	width: 158px;
	}
* html ul ul#niveau22 {width: 150px;}
/* Hack pour IE MAC \*/
#niveau22 {width: 150px;}
/* Fin du hack IE Mac */




/*--------------------------------*/
/*---------- BOTTIN --------------*/
/*--------------------------------*/


div#bottin h3 {
	border: 1px solid #CCCCCC; 
	border-bottom: none; 
	font-size: 11px; 
    text-align: center; 
	margin: 0;
	}
div#bottin h3#dernier {
	border-bottom: 1px solid #CCCCCC;
	}
div#bottin table {
	border-top: 1px solid #CCCCCC; 
	}
div#bottin td.liste div {
	border-top: 1px solid #CCCCCC;
	}
div#bottin td div.menu {
	margin: 0 0 10px 0; border: none;
	}
	
/*--------------------------------*/
/*---------- FAQ --------------*/
/*--------------------------------*/

div#content {
	width: 40%; 
	float: right; 	
	border: 1px solid #000;
	margin-left: 1em;
	}
div#content h4 {
	margin: 0;
	background: #4374AB;
	border-bottom: 1px solid black;
	color: white;
	padding: 5px;
	text-align: center;
	}
div#content ul {

	border-top: 1px solid #FFFFFF;
	}
div#content h4 a {
	display: block;
	color: white;
	text-decoration: none;
	font-size: 11px;
	}
div#content ul, 
div#content ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div#content ul li {
	list-style-type: none;
	}
div#content ul li a {
	font-size: 11px;
	display: block;
	padding:  5px 8px;
	}
/*\*/
* html div#content ul li a {
	height: 1%;
	}
/**/
.pairs {
	display: block; 
	background: #F5F5F7;
	}
.impairs {
	display: block; 
	background: #FFFFFF;
	}
	
div.traductions {
		margin-top: 1em;
		}
div.traductions a {		
		text-transform: capitalize;
	}

/* Banniere FAQ en francais */

p#banniere_faq_fr { 
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #B1C1D0;
	}
p#banniere_faq_fr em a {
	display: block;
	width: 133px;
	height: 28px;
	background: url(images/FAQFR.gif) no-repeat;
	}
p#banniere_faq_fr em a span{
	display: none;
	}
	
/* Banniere FAQ en anglais */

p#banniere_faq_en { 
	margin: 0;
	padding: 10px 5px;
	border-top: 1px solid #B1C1D0;
	}
p#banniere_faq_en em a {
	display: block;
	width: 130px;
	height: 51px;
	background: url(images/FAQEN.gif) no-repeat;
	}
p#banniere_faq_en em a span{
	display: none;
	}
	
/* Banniere FAQ en francais */

div#banniere_faq_fr { 
	margin: 0;
	padding: 0;
	border-top: 1px solid #B1C1D0;
	}
	
div#banniere_faq_fr ul { 
	margin-left: 5px;
	}
div#banniere_faq_fr em a {
	display: block;
	width: 133px;
	height: 28px;
	background: url(images/FAQFR.gif) no-repeat;
	}
div#banniere_faq_fr em a span{
	display: none;
	}
	
/* Banniere FAQ en anglais */

div#banniere_faq_en { 
	margin: 0;
	padding: 5px;
	border-top: 1px solid #B1C1D0;
	}
div#banniere_faq_en ul { 
	margin-left: 5px;
	margin-top: 0;
	}
div#banniere_faq_en em a {
	display: block;
	width: 130px;
	height: 51px;
	background: url(images/FAQEN.gif) no-repeat;
	}
div#banniere_faq_en em a span{
	display: none;
	}	

	
	
.spip-admin-float { margin:0; position:absolute; top:0; right:0;}