/*
Theme Name: psy1300v3
Theme URI: https://psy1300-v3.teluq.ca/
Description: psy1300v3
Version: 0.1
Author: <a href="mailto:nrobitai@teluq.ca" title="Nicolas Robitaille">Nicolas Robitaille</a>
Tags: wpms, gabarit, cours, communication, distance, pédagogique, téluq, html5
About: Télé-université, Université du Québec, 2021 - Tous droits réservés
*/

html {
	min-width:961px;
	}
body {
background: #e8e1d7;
margin: 0 auto;
padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
/*background-image: url(images/bg_main.png);
background-repeat: repeat-x;*/
}
#zoneLogo {
width: 961px;
height: 60px;
padding: 0px;
margin: 0 auto;
text-align: right;
background-color: #1d1d1b;
background: url(images/bg_logo.png);
background-repeat: no-repeat;
}

#zoneLogo img{
	margin-top: 4px;
	margin-right: 10px;
}

#page {
	margin: 0px auto;
	width: 961px;
	background: url(images/bg_main.png);
}
#page2 {
	margin: 0px auto;
	width: 961px;
	background: url(images/bg_main1.png);
}

#page2 a img {
	  float: left;
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}


#page2 a img:hover	 {
   border: 1px solid blue;
   margin-left: 14px;
   margin-right: 4px;
   margin-bottom: 4px;
   margin-top: 4px;
}
#page2 #secondary {
	padding-top: 15px;
    width: 0px !important;
    float: left;
    margin-top: 13px;
	min-height:1px;
	}

#page2 #primary {
    margin: 0px;
    margin-left: 195px;
    margin-top: 25px;
    margin-right: 20px;
    display: block;
    float: left;
    width: 560px;
	/*background:#fcfcfc;*/
}

#header {
background-image: url(images/baniere.png);
background-repeat: no-repeat;
/*height: 210px;*/
width: 981px;
}

#access div {
	margin: 0 7.6%;
}
#primary {
	margin: 0px;
	margin-left: 20px;
	margin-top: 25px;
	margin-right: 20px;

	display:block;
	float: left;
	width: 560px;
	/*background:#fcfcfc;*/
}

#secondary {
/*background: url(images/bg_menu.jpg);
background-repeat: no-repeat;*/
width: 345px !important;
min-height: 440px;
}

#content {
	/*margin: 0 34% 0 7.6%;*/
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}
#secondary {
	/*padding-top: 15px;*/
width: 275px !important;
float: left;
margin-top: 13px;
}

.clearfix{clear:both;}


#zoneBasDePage{
	background-color: #b7b3a7;
	/*border: 1px solid #a6d698;*/
	padding: 0px 5px;
	/*margin-left: 264px;*/

}
#zoneBasDePage p{
  color: #3A3830;
  font-size: 12px;
  padding-bottom: 5px;
  /* padding-left: 291px; */
	text-align: center;
  margin-top: 25px;

}




#content p.cnt {
	  text-align: center;
  font-size: 17px;
  padding: 15px 0px 10px 0px;
	}




#content h2 {
		font-size: 24px;
		color: #bb5002;
		margin: 20px 0 10px 13px;
		padding: 0px;
		/* padding-bottom: 20px; */
		font-weight: normal;
		padding-top: 12px;
}
#content h3 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  margin: 0px 0px 0px 13px;
  padding: 0px;
  padding-bottom: 6px;
}
#content h4 {
    font-size: 20px;
    /* background-color: #6d502e; */
    font-weight: normal;
    color: #6d502e;
    margin: 26px 0px 6px 0px;
    padding: 3px 15px 3px 15px;
    display: inline-block;
    border-bottom: solid 1px #6d502e;
}

div.sem1Titre{
	background: url(images/ico_Sem1.png) no-repeat;
	padding-left:30px;
	min-height:60px;
}
div.sem3Titre{
	background: url(images/ico_Sem2_3.png) no-repeat;
	padding-left:35px;
	min-height:60px;
}
div.sem4Titre{
	background: url(images/ico_Sem4.png) no-repeat;
	padding-left:35px;
	min-height:60px;
}

div.sem6Titre{
	background: url(images/ico_Sem6.png) no-repeat;
	padding-left:60px;
	min-height:60px;
}

div.sem7Titre{
	background: url(images/ico_Sem7.png) no-repeat;
	padding-left:52px;
	min-height:60px;
}

div.sem8Titre{
	background: url(images/ico_Sem8.png) no-repeat;
	padding-left:54px;
	min-height:60px;
}
div.sem9Titre{
	background: url(images/ico_Sem9.png) no-repeat;
	padding-left:62px;
	min-height:60px;
}
div.sem10Titre{
	background: url(images/ico_Sem10.png) no-repeat;
	padding-left:77px;
	min-height:60px;
}
div.sem11Titre{
	background: url(images/ico_Sem11.png) no-repeat;
	padding-left:55px;
	min-height:60px;
}
div.sem12Titre{
	background: url(images/ico_Sem12.png) no-repeat;
	padding-left:65px;
	min-height:60px;
}
div.sem14Titre{
	background: url(images/semaine14.png) no-repeat;
	padding-left:39px;
	min-height:60px;
}



#content a:link {
	color: #7E682C;
	font-style: italic;
}
#content a:visited {
	color:  #7E682C;
}
#content a:hover {
	color: #B2610F;
}
#content a:active {
	color: #53D341;
}


#content table ul,  #content table ul li{
	font-size:13px;
}

#content h5 {
  font-size: 16px;
  color: #000;
  margin: 0px 0px 0px 14px;
  padding: 0px;
  padding-bottom: 0px;
  padding-top: 13px;
}
#tableauG,
#tableauG1, #tableauG2, #tableauG3, #tableauG4,
#tableauG5, #tableauG6, #tableauG7, #tableauG8 {
	margin-bottom:20px;
}
#tableauG1, #tableauG2, #tableauG3, #tableauG4,
#tableauG5, #tableauG6, #tableauG7 , #tableauG8 {
	width:560px;
	}

#tableauG td,
#tableauG1 td, #tableauG2 td, #tableauG3 td, #tableauG4 td,
#tableauG5 td, #tableauG6 td, #tableauG7 td, #tableauG8 td {
	border: 1px solid #BBD6A9;
	padding:3px;
	font-size:13px;
	text-align:center;
}
#tableauG1 td:last-of-type, #tableauG2 td:last-of-type, #tableauG3 td:last-of-type, #tableauG4 td:last-of-type,
#tableauG5 td:last-of-type, #tableauG6 td:last-of-type, #tableauG7 td:last-of-type, #tableauG8 td:last-of-type  {
	text-align:left;
}
#tableauG th,
#tableauG1 th, #tableauG2 th, #tableauG3 th, #tableauG4 th,
#tableauG5 th, #tableauG6 th, #tableauG7 th, #tableauG8 th   {
	border: 1px solid  #BBD6A9;
	border-bottom: 3px solid  #BBD6A9;
	padding: 5px;
	background-color: #E2F1DA;
	font-size: 13px;
}
p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  margin: 0px 0px 0px 14px;
  padding: 0px;
  padding-bottom: 4px;
  padding-top: 3px;
	}

p.mise {
	 font-size: 12px;
	}
td p {
		padding-bottom:0px;
	}
#content ul {
  margin-top: 4px;
  padding-bottom: 0px;
  line-height: 20px;
  font-size: 15px;
}
#content table ul {
	margin-top:0px;
	padding-bottom: 0px;
	line-height: 20px;
	font-size: 14px;
	padding-left: 20px;
	text-align: left;
}
#content table { margin-left:15px;}
#content table td, #content table td p {
	font-size: 13px !important;

}


#pagecontent { width:961px; }



#content table.presentation {
  border-color: #B7B3A7;
  width: 100%;
  margin: 20px 0px 20px 0px;
font-size: 14px
}

#content table.presentation th {
  background-color: #DCD9D2;
  border: solid 1px #ADA79B;
  padding: 5px;
}

#content table.presentation td {
  background-color: #FFFFFF;
  border: solid 1px #ADA79B;
  padding: 5px;
}
#content table.presentation td p { padding:0; margin:0;}


/****************LISTE avec parentese******************************/
#content ol {
counter-reset: list;
}

#content ol > li {
list-style: none;
text-indent: 0px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 20px;
font-size: 14px;
}

#content ol ul li {text-indent: 0px;}

#content ol > li:before {
content: counter(list, lower-alpha) ") ";
counter-increment: list;
margin-left: -1.5em;
float: left;
}


#content ol.listechiffre > li:before {
	content: counter(list, decimal) ") ";
counter-increment: list;
margin-left: -1.5em;
float: left;
	}
#content ol.listechiffre > li{
	margin-bottom:0px;
	padding-bottom:0px;
	}

#content ol.listechiffre2 > li:before {
	content: counter(list, decimal) ". ";
counter-increment: list;
margin-left: -1.5em;
float: left;
	}
#content ol.listechiffre2 > li{
	margin-bottom:0px;
	padding-bottom:0px;
	}


#nav_menu-12{
	padding-top:25px;
	}


a img {
border: 0;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
/* STYLES GO HERE */
 #access {
	      margin-top: 150px;
  }
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #access {
	      margin-top: 150px;
  }
}