/* CSS Document */
/* Julie Coutu, designer Web, ergonome, expert-conseil


/* BODY --------------------------------------------------------------------------------------*/
body {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
	background-position: left top;
	text-align: justify;
	margin: 0px;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active{text-decoration:none;}
a:hover {color:blue; text-decoration:underline;}


.over1  { 
 	width :779px; 
	height : 370px;
    margin-top: 0px; 
	margin-left: 0px; 
    border: no;
	overflow: auto;
	scroll-x: no;
	scrollbar-face-color: #63B2EE;
	scrollbar-shadow-color: #1C4670;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #1C4670;
	scrollbar-darkshadow-color: #1C4670;
	scrollbar-track-color: #DEDEDE;
	scrollbar-arrow-color: #FFFFFF;
}

a.gris:link, a.gris:visited, a.gris:active, a.gris:hover   {
	font-size: 14px;
	color:#666;
	font-weight:bold;
	text-decoration: none;
}

/* LIENS --------------------------------------------------------------------------------------*/
/*link menu général*/

a.accueillien:link, a.accueillien:active, a.accueillien:visited  {
	
	font-size: 90%;
	color:#000;	
	text-decoration: none;
	}
a.accueillien:hover{
	font-size: 90%;
	color:#326699;	
	text-decoration: none;
	}

.menu {
	font-size: 110%;
	color: #DD3901;
	text-decoration: none;
	letter-spacing: 1px;
}



.menu_barre_orange {
	font-size: 110%;
	color: #DD3901;
	text-decoration: none;
	letter-spacing: 3px;
	word-spacing: 5px;
	
}
.link1 {
	font-size: 80%;
	color:#0D6195;
	text-decoration: none;

}

.link2 {
	font-size: 100%;
	color:#2B5B8B;
	text-decoration: none;
}

a.link3:link, a.link3:active, a.link3:visited, a.link3:hover{
	font-size: 14px;
	color:#0097E3;
	font-weight:bold;
	text-decoration: none;
}
 

a.juliecoutu:link, a.juliecoutu:visited, a.juliecoutu:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.juliecoutu:hover {	font-size: 11px;
	color: #FFFFFF;text-decoration:underline;}
.linkblog {
	font-size: 100%;
	color:#FF6600;
	font-weight:bold;
	text-decoration: none;

}

.linkgris{
	font-size: 90%;
	color:#666666;	
	text-decoration: none;
}


/* Styles d'écriture  ------------------------------------------------------------------------ */

/*TITRES*/
h1 {
	font-size: 14px;
	color:#0097E3;
		font-weight:bold;
}

h2{
	font-size: 14px;
	color:#0097E3;
		font-weight:bold;
}

h3 {
	font-size: 14px;
	color:#0097E3;
		font-weight:bold;
}

/*Copyright*/
.copyright {
	font-size:11px;
	color: #FFFFFF;
}

.font2{
	font-size: 90%;
	color:#666666;
}
.font3{
	font-size: 14px;
	font-style:bold;
	color:#D8580D;
}

.font4{
	font-size: 100%
	;
	color:#FF0000;
}

/* Vert */

.font5{
	font-size: 1.2em;
	color:#006600;
}

.t1 {
	font-size: 14px;
	color:#0097E3;
	font-weight:bold;
	text-decoration:none;
	/*letter-spacing:0.6px;*/
}

.t2 {
	font-size: 14px;
	color:#ffffff;
	font-weight:bold;
	/*letter-spacing:0.6px;*/
}

.t3 {
	font-size: 14px;
	color:#FF6600;
	font-weight:bold;

}


.t4{
	font-size: 12px;
	color:#014B7F;
	letter-spacing: 0.6px;
}
/*-----------------------------------FOOTER POUR OPTIMISATION DE TELA-VISION--------------------------------------*/
#footer {width:770px;margin: 0px auto;padding:5px;text-align:center;font-size:11px;}
a.footer:link, a.footer:visited, a.footer:active {text-decoration:none;color:#2B5B8B;}
a.footer:hover {text-decoration:underline;color:#2B5B8B;}