/* FEUILLE DE STYLE (CSS) pour le site du CAMTL (Mise à jour le : 2009-02-10) */
/* ----------------------------------------------------------
BODY - (englobe tout le contenu de la page Web HMTL) */
html, body{
	width:766px;
	height:100%;
	margin:auto;
	margin-top:6px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	color:#000000;
	text-align:justify;	
}

/* ----------------------------------------------------------
UNIFORMITÉ DES LIENS (à moins d'indication contraire plus bas dans cette page)*/
A:link{ text-decoration:none; color:blue; } /*lien non-visité*/
A:visited{ font-size:11px; color:blue; text-decoration:none; } /*lien activé*/
A:hover{ font-size:12px; color:red; text-decoration:underline overline; } /*lien survolé*/
A:active{ font-size:12px; color:#7DA5E0; text-decoration:none; /*lien activé*/
}
/* ----------------------------------------------------------
HEADER - (Attribut ID [#] - Bandeau bleu du haut) */
#header{
	clear:both;
	width:766px;
	height:157px;
	margin-bottom:8px;
	background-image:url(/images/header.jpg);
	background-repeat:no-repeat; 
}
/* ----------------------------------------------------------
MENU DU HEADER (Attribut Class [.]) */
.menu{
	float:right;
	text-align:right;
	margin-top:-14px;
	padding-right:26px;
	font-size:10px;	font-weight:bold;	color:#333333;}
.menu a{ font-weight:bold;	color:#333333; } /*lien non-visité*/
.menu a:visited{ font-size:10px; color:#333333; } /*lien visité*/
.menu a:hover{ font-size:11px; color:red; } /*lien survolé*/
.menu a:active{ font-size:11px; color:#7DA5E0; /*lien activé*/ 
} 
/* ----------------------------------------------------------
CONTENT (Attribut ID [#] - (englobe tout ce qui se trouve sous le header)*/
#content{
	width:766px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
}
/* ----------------------------------------------------------
LES IMAGES - (Attribut CLASS [.] */
.ico_retour{
	width:22px;
	height:16px;
	margin: 0px 0px 0px 0px;
	background-image:url(/images/ico_recomm.gif);
	background-repeat:no-repeat; 
}
.ico_print{
	width:24px;	height:18px;
	background-image:url(/images/ico_print.gif);
	background-repeat:no-repeat; 
}
.ico_star{
	width:24px;	height:18px;
	background-image:url(/images/ico_star.gif);
	background-repeat:no-repeat; 
}
.ico_recomm{
	width:24px;	height:18px;
	background-image:url(/images/ico_recomm.gif);
	background-repeat:no-repeat; 
}









/* ----------------------------------------------------------
TABLEAU DE GAUCHE - (Attribut ID [#] - Contient bloc "Nouvelles, mémo...") */
#tabl_gauche{
	float:left;
	margin-top:0px;
	width:204px; 
}
#tabl_gauche a{ font-size:10px;	font-weight:bold; }
#tabl_gauche a:visited{ font-size:10px; } /*lien activé*/
#tabl_gauche a:hover{ font-size:11px; }
#tabl_gauche a:active{ font-size:11px; 
}
/* ----------------------------------------------------------
-------- Les 3 composantes du "Bloc" - (Attribut Class [.] - bloctop, blocmiddle, blocbottom) */
.bloctop{
	width:204px;
	height:27px;
	background-image:url(/images/bloctop.jpg);
	background-repeat:no-repeat; 
}
.blocmiddle{
	width:204px;
	background-image:url(/images/blocmiddle.jpg);
	background-repeat:repeat-y; 
}
.bloc_titre {
	text-align: center; font-weight: bold; font-size: 11px; color: #0062C4; margin: 0px 0px 0px 0px; padding-top:3px;
	}
.bloctitre{
	font-size:10px;
	font-weight:bold;
	color:#006699;
	margin-left:14px;
	margin-right:14px;
	padding-top:6px; 
}
.bloctexte{
	font-size:10px;
	margin-left:14px;
	margin-right:14px;
	padding-top:4px;
	padding-bottom:4px; 
}
.blocdetails{
	font-size:10px;
	padding-top:4px;
	padding-bottom:0px; 
}
.blocbottom{
	width:204px;
	height:23px;
	background-image:url(/images/blocbottom.jpg);
	background-repeat:no-repeat; 
}
.memo_gauche{
	width:204px;
	background-image:url(/images/memo_g.gif);
	background-repeat:repeat-y; 
}
.memo_gbottom{
	width:204px;
	height:13px;
	background-image:url(/images/memo_gbottom.gif);
	background-repeat:no-repeat;
}
/* ----------------------------------------------------------
TABLEAU DE DROITE - (Attribut ID [#] - Contient "mémo...") */
#tabl_droit{
	float:right;
	margin-top:0px;
	margin-right:3px;
	font-size:10px;
	width:204px; 
}
#tabl_droit a{ font-size:10px;	font-weight:bold; }
#tabl_droit a:visited{ font-size:10px; } /*lien activé*/
#tabl_droit a:hover{ font-size:11px; }
#tabl_droit a:active{ font-size:11px; 
}
.memo_droit{
	width:204px;
	background-image:url(/images/memo_d.gif);
	background-repeat:repeat-y;
}
.memo_droitbottom{
	width:204px;
	height:13px;
	background-image:url(/images/memo_dbottom.gif);
	background-repeat:no-repeat;
}
/* ----------------------------------------------------------
TABLEAU PRINCIPAL AU CENTRE - (Attribut ID [#] - Texte principal de la page) */
#tabl_centre{
	margin-top:0px;
	width:320px;
	margin-left:218px;
}
/* ----------------------------------------------------------
TABLEAU PRINCIPAL CENTRE LARGE - (Attribut ID [#] - Toute la largeur de droite) */
#tabl_centrelarge{
	float:right;
	margin-top:0px;
	width:548px;
	margin-left:0px;
}
/* ----------------------------------------------------------
TABLEAU PRINCIPAL CENTRE ACCUEIL - (Attribut ID [#] - Accueil, toute la largeur de droite) */
#tabl_centreaccueil{
	float:right;
	margin-top:0px;
	width:548px;
	margin-left:0px;
	text-align:center;
}
/* ----------------------------------------------------------
CONTENT BOTTOM (Attribut ID [#] - (englobe le footer et tout ce qui se trouve en dessous)*/
#content_bottom{
	position:relative;
	float:left;
	top:6px;
	width:763px;
	margin-left:0px;
	margin-right:0px;
}
/* ----------------------------------------------------------
FOOTER - (Attribut ID [#] - Footer incluant le menu du bas) */
#footer{
	clear : both;
	width:763px;
	margin-top:14px;
	color: #333333;
	line-height: 14px;
	background-color: #E8E8E8;
}
/* ----------------------------------------------------------
MENU DU FOOTER (Attribut Class [.]) */
.menu_bas{
	text-align:center;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
	font-size:10px;
	font-weight:bold; 
}
.menu_bas a{ font-size:10px;	font-weight:bold;	color:#333333; }
.menu_bas a:visited{ color:#333333; font-size:10px; text-decoration:none; } /*lien activé*/
.menu_bas a:hover{ font-size:11px; color:red; }
.menu_bas a:active{ font-size:11px; color:#7DA5E0; 
} 
/* ----------------------------------------------------------
CONTENT W3C (Attribut ID [#] - (englobe le footer et tout ce qui se trouve en dessous)*/
#w3c{
	position:relative;
	float:left;
	top:6px;
	width:340px;
	margin-bottom:20px;
}
/* ----------------------------------------------------------
COPYRIGHT */
#copyright {
	position:relative;
	float:right;
	font-size:10px;
	width:400px;
	text-align:right;
	color:#999999;
	margin-top:4px;
	margin-bottom:20px;
}

#header_onglet { font-size:10px; color: #FFFFFF; font-weight: bold;	text-align: left;	margin: 0px 0px 0px 16px; padding-top:126px;
	}
/* ----------------------------------------------------------
LES TITRE DE NIVEAU h1 à h6 */
h1, h2, h3, h4, h5, h6 { color: #0062C4; text-decoration: none; font-weight: bold; 
margin: 26px 0px -6px 0px; border-bottom: 2px #0062C4; padding: 0px 0px 4px 0px;
	}
h1{ font-size: 16px; margin: 0px 0px -2px 0px; border-bottom-style: solid; }
h2{ font-size: 14px; border-bottom-style: dotted; }
h3{ font-size: 12px; margin: 0px 0px 5px 0px; border-bottom-style: dotted; }
h4{ font-size: 11px; border-bottom-style: dotted; }
h5{ font-size: 12px; margin: 26px 0px -12px 0px; }
h6{ font-size: 11px; margin: 26px 0px -12px 0px;
	}

/* ----------------------------------------------------------
IMAGES */
img { border-width: 0;
	}
.image_g { 
  float: left;
  margin-right: 12px;
	}
.image_d { 
  float: right;
  margin-left: 12px;
	}
.image_c { 
  float: left;
  margin-right: 8px;
  vertical-align: middle;
	}
/* ----------------------------------------------------------
UNIFORMITÉ DES PARAGRAPHES */
p { font-size: 11px; text-align:justify; margin: 14px 0px 16px 0px;
	}
/* ----------------------------------------------------------
PARAGRAPHE EN RETRAIT À DROITE */
.p_retrait { margin: 0px 0px 0px 24px;
	}
/* ----------------------------------------------------------
PARAGRAPHE EN RETRAIT PLUS À DROITE  */
.p_retrait30 { margin: 0px 0px 0px 44px;
	}
/* ----------------------------------------------------------
/*Les textes de couleur*/
.titre_bleu {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #7DA5E0; }
.sous_titre_gris {	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #CCC;
}
.texte_vert {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #009999; }
.texte_bleu10 {font-size: 10px; color: #0062C4; }
.texte_bleu11 {font-size: 11px; color: #0062C4; }
.texte_bleu10gras {font-weight: bold; font-size: 10px; color: #0062C4; }
.texte_camtl {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #F93; }
.texte_rouge {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #C00; }
.texte_rouge_gras {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #C00; }
hr {color: #CCDFF7; }
strong { font-weight: bold; }