/* ==== RESET ==== */
/* == Méthode pour éliminer les paramêtres par defauts des navigateurs == */

/* == Harmonisation des marges et du padding == */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}

/* Right border in Firefox */
html { height: 100%; margin-bottom: 1px; }

/* == GESTION DES HEADERs => FORMATTING AND SIZES == */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 1.50em;
	margin-bottom: .50em;
	}
h1 { font-size: 19px; margin-top: 13px;}
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }

/* == PARAMÊTRES GLOBAUX POUR LES LIENS ET ÉLIMINATION DES BORDER POUR LES IMAGES == */
a {text-decoration: underline; }
a:link { color: #339; } /* <BLEU /> */
a:visited { color: #666; } /* <GRIS /> */
a:hover, a:active { color: #66f; } /* <BRUN /> */
a img, :link img, :visited img  {border: none;}

/* == ÉLIMINATION DES BORDURES PAR DEFAUTS POUR LES TABLES == */
table {
	border-collapse: collapse;
	font-size: 11px;
}

/* == HARMONISATION DU STYLE DES BULLETS == */
ul, ol, dl, li {list-style-type: none;} 

/* == PARAMÊTRES GÉNÉRAUX == */

div, li, form {
	line-height: 15px;
	}
	
p {
	font-weight: normal;
	line-height: 16px;
	margin-top: .75em;
	}

abbr, acronym, dfn {
	font-style: normal;
	border-bottom: 1px dotted #c60;
	cursor: help;
	}
	
.indent {
	margin-left: 3em;
	}
	
.center {
	text-align: center;
	}
	
.nolink {
   text-decoration: none; 
	border:0;
	}	
	
.inlineimg {
	margin: 6px 0 -2px 3px;
	padding: 0;
	}
	
.linked {
	border-bottom: 1px dotted;
	}

.gobtn {
	margin: 0 0 -4px 2px;
	}	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* == DÉBUT DU STYLE  == */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
   padding:20px 0;
   text-align:center;	
  	color: #333;
 	/*background-color: #dcdcdc;*/
	background-color: #fff;
 /*background: url("http://centrelearoback.ca/templates/default/images/whois.gif") repeat 0 0;*/
}

/* == PRINCIPALES ZONES OU CONTENEURS == */

#container {
  width:771px;
  margin:0 auto;
  padding-top:2px ;
  text-align:left;
  font-size: 12px;
 /* background: url("http://centrelearoback.ca/templates/default/images/ShadowMosaic_2.gif") no-repeat 0 0;*/
}

#shadowwrapper {
   float: left;
	padding:0 4px;
	/*border:1px solid #666;*/
	/*background: #fff url("http://centrelearoback.ca/templates/default/images/ShadowMosaic_2.gif") repeat-y -771px 0;*/
}

#navigation {
  float:left;
  width:166px;
  padding:10px 4px 10px 6px;
  border-right: 1px solid #ccc;
  margin: 10px 0;
  background:#fff;
  
}

/* == Le wrapper contient le main-content et le sub-content == */
#wrapper {
  float:right;
  width:586px;
  margin: 10px 0 0 0;
}

html>body #wrapper{
	width: 584px;
}	
/* == Maintenant dans les dossiers 2-3 colonnes == */
/*
#main-content {}

#sub-content {}
*/

/* == Dernier niveau à l'intérieur de la zone principale == */
#bottomlinks {
	clear:both;
	padding: 15px 4px 10px;
	margin: 0 auto;
	text-align:center;
	}

/* == Sous la zone principale == */
#pagebottom {
	clear:both;
	font-size: 9px;
	line-height: 11px;;
	color: #666;
	text-align: center;
	font-weight: normal;
	/*background: url("http://centrelearoback.ca/templates/default/images/ShadowMosaic_2.gif") no-repeat -1542px 0px;*/
	padding: 15px 4px 10px;
	margin: -2px auto 0;
	
	}

/* == CRUMBTRAIL == */	
p.crumbtrail {
	font-size: 10px;
	line-height:13px;
	margin: 0;
	color: #999;
	}
p.crumbtrail a {
	color: #999;
	padding:0 2px;
	text-decoration: none;
	border-bottom:1px dotted;
	}

p.crumbtrail a:visited {
	color: #999;
	}	
p.crumbtrail a:hover {
	color: #333;
	}			
	
		
/* == LOGO == */
#logo { 
	display:block;
	float:left;
   margin: 0 0 0 10px;
   padding: 12px 0 0 0;
}
html>body #logo{
	margin: 0 0 0 14px;
   padding: 12px 0 0 6px;
}
#logo img {
	margin: 4px 0 18px 0px;
   /*margin-bottom: 18px;*/
}

/* == NAVIGATION PERMANENTE == */

#globaltools {
	display:block;
	width: 390px;
	float: right;
	margin: 18px 0 5px 0;
	}
html>body #globaltools{
	width: 380px;
}	
#globaltools a  {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; 
   } 
	 
#globaltools a:link { color: #8B703D; }
#globaltools a:visited { color: #666; }
#globaltools a:hover { color: #66F; }
#globaltools a:active { color: #930; }


#gt1 {	
	display:block;
	width: 5em;
	height: 40px;
	float: left;
	margin: 4px;
	padding-left: 16px;
	border-right: 1px solid #ccc;
	}
	
#gt1 a{			
	border-bottom: 1px dotted;
	}
	
#gt2 {	
	display:block;
	width: 120px;
	height: 40px;
	float: left;
	margin: 4px;
	padding-left: 4px;
	border-right: 1px dashed #ccc;
	}
	
#gt2 li{		
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	padding: 0;
	margin-bottom: 4px;
	}
	
#gt2 a{			
	border-bottom: 1px dotted;
	}
	
#gt3 {	
	display:block;
	width: 145px;
	height: 40px;
	float: left;
	padding-left:8px;
	margin: 0 .5em 0 0px;
	}
	
html>body #gt3{
	padding:0;
	margin: 0 .5em 0 16px;
	width: 135px;
}	

input.globaltext {
	background:#fff;
	font-size: 10px;
   border:1px solid #ccc;
	border-color:#666;
	color:#333;
	padding:1px 2px;
	}

input.entrybtn, input.globalbtn {
	font-size: 10px;
    margin: 0;
	}

.langue{
	display: none;
}				

/* == NAVIGATION == */

#nav h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	/*border-bottom: 1px solid #666;*/
	/*padding: 2px 0 2px 14px ;
	background: transparent url("http://centrelearoback.ca/templates/default/images/icon-nav.gif") no-repeat 0 50%;*/
	position: relative; /* IE hack pour la bordure */ /*/*/
	}

#nav ul {
	margin: 12px 6px 10px 8px;
	padding: 0;
	}

#nav li {
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	padding: 0 1.2em 0 0;
	margin: 0 0 8px 0;
	position: relative; /* pour IE si nous utilisons un icône à la gauche */ /*/*/
	}

#nav ul ul{
	border-left:1px dotted #ccc;
	padding-left:8px;
	margin-left:4px;
	}

/*#nav a { text-decoration: none; border-bottom: 1px dotted;}*/ 
#nav a:link { color: #8B703D; }
#nav a:visited { color: #666; }
#nav a:hover { color: #66F; }
#nav a:active { color: #930; }

#nav h4 a { border-bottom: 0;}
#nav h4 a:link { color: #333; }
#nav h4 a:visited { color: #333; }
#nav h4 a:hover { color: #66F; }
#nav h4 a:active { color: #930; }

#nav h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
	padding-bottom: 2px;
   text-decoration: none;
	border-bottom: 1px solid #666;
	
	/*padding: 2px 0 2px 14px ;
	background: transparent url("http://centrelearoback.ca/templates/default/images/icon-nav.gif") no-repeat 0 50%;*/
	position: relative; /* IE hack pour la bordure */ /*/*/
	}

/* == MODULES SOUS LA NAVIGATION == */

#mod-left{
	margin:0;
	padding-left:6px;
}


/* === TABULATION === */

#tabimage{
	display: block;
	float: left;
	width: 100%; 
	margin: 0 0 10px 0;
}

#tabs { 
	display: block;
	float: left;
	width: 750px; 
	font-size: 0.9em;
	line-height: normal;
	padding: 0 2px 0 10px;
	background: #fff url("http://centrelearoback.ca/templates/default/images/TabMosaic_3.gif") repeat-x 0 100%;
}

#tabs h1{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	padding:0;
	margin: 0;
	margin: 0;
	font-weight: normal;
	}

#tabs ul{
	display: inline;
	padding: 0;
	margin: 0;
	line-height: 13px;
	text-align: left;
}

#tabs ul li { 
	display: block; 
	margin: 2px 0 0 -1px; 
	padding: 0; 
	float: left;
	}
/*
#tabs ul li#news { margin-left: 4px; }
*/
#tabs ul li a { 
	display: block; 
	padding: 7px 10px 8px 10px;
	float: left; 
	text-decoration: none; 
	}

#tabs li a { 
	font-weight:bold;
	color: #333;
	background: url("http://centrelearoback.ca/templates/default/images/TabMosaic_3.gif") no-repeat 100% -120px;
	}

#tabs li a:hover,a:active,a:link,a:visited { 
	color: #66F;
 	}
	
#tabs li.active { 
	background: url("http://centrelearoback.ca/templates/default/images/TabMosaic_3.gif") no-repeat 0px 0px #fff; 
	}
	
#tabs li.active a { 
	background-color: #fff;
	background: url("http://centrelearoback.ca/templates/default/images/TabMosaic_3.gif") no-repeat 100% -60px; color: #333; 
	}
	
#taille{
	display:block;
	padding: 0;
	}	
	
/* ===========================================
	Balise pour les navigateurs texte
   =========================================== */

div#skipnav {
	margin-left: -1000px;
	}
	
/* ##########################################
	###     MODULES               			###
	########################################## */
		
/* ~~~ Module publicité ~~~ */

div.pub {
	display:block;
	color: #666;
	background-color: white; 
	margin: 0;
	padding: 20px 0 0 0;
	}	
div.pub a{
	border:none;
	}	
div.pub h2 {
	font-size: 14px;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	}
div.pub h3 {
	font-size: 12px;
	}
div.pub h4 a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	border-bottom:1px dotted ;
	}
	
/* ~~~ Module chercheur aléatoire ~~~ */

div.mod_chercheur {
	display:block;
	color: #666;
	background-color: white; 
	margin: 0;
	padding: 20px 0 0 0;
	}
div.mod_chercheur a{
	border:none;
	}
div.mod_chercheur p{
	text-align: center;
	}		
div.mod_chercheur p img{
	display:block;
	margin: 0 auto;
	}			
div.mod_chercheur h2 {
	font-size: 14px;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	}
div.mod_chercheur h4 a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	width:100%;
	padding-top:4px;
	border-top:1px solid #ccc;
	border-bottom:1px dotted ;
	}	
	
	
/* ~~~ Module Voir aussi ... ~~~ */

	
div.voir{
	display:block;
	color: #666;
	background-color: white; 
	margin: 0;
	padding: 20px 0 0 0;
	}
div.voir h2 {
	font-size: 14px;
	margin-top: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	}
div.voir ul{
	margin-left: 20px;
}	
div.voir li{
	list-style-type: square;
}
div.voir h4 a {
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	line-height: 13px;
	}	

/* ~~~ Module Liens rapides ... ~~~ */

div.liens{
	display:block;
	color: #666;
	background-color: white; 
	margin: 0;
	padding: 20px 0 0 0;
	}
div.liens h2 {
	font-size: 14px;
	margin-top: 0;
	padding: 2px 0 2px 18px ;
	background: transparent url("../images/f_diag3.gif") no-repeat 0 50%;
	border-bottom: 1px solid #ccc;
	}
div.liens ul{
	margin: 0;
	padding: 0;
	border:1px dotted #ccc;
}	
div.liens li{
	list-style-type: none;
	margin-left: 6px;
	padding-left: 18px;
	background: transparent url("../images/dot.gif") no-repeat 0 5%;
	background-image: url("../images/dot.gif");
}
div.liens h4 a {
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	line-height: 9px;
	vertical-align: middle;
	}	

/* ~~~ Module Texte ... ~~~ */

div.mod_texte{
	display:block;
	color: #666;
	background-color: white; 
	margin: 0;
	padding: 20px 0 0 0;
	}
div.mod_texte a{
	border:none;
	}	
div.mod_texte h2 {
	font-size: 14px;
	margin-top: 0;
	padding: 2px 0 2px 14px ;
	background: transparent url("../images/dot.gif") no-repeat 0 50%;
	border-bottom: 1px solid #ccc;
	}
div.mod_texte h4 {
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	padding:0;
	margin:0;
	}	

/* ############################################ */

	
/* -------------------------------------------
	Formulaires
   ------------------------------------------- */
/*/*/   
form {
	margin: 0;
	}
   
form h3 {
	margin: 1em 0 0 0;
	font-size: 12px;
	}   
	
form h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0 0 0;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	}

select, p.formitem {
	margin-top: .25em;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	}  
  
input.text {
	font-size: 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-color: #666;
	color: #333;
	margin: .25em 0 0 0;
	padding: .10em;
	}
	
input.btn {
	font-size: 10px;
	margin-top: 1em;
	padding: .10em;
	}

input:focus {
	background-color: #E2DDF5;
	}