@media screen and (min-width: 601px) {
    h2 { font-size: 24px; font-family:Arial; }
    p, td, input, select { font-size: 13px; font-family:Arial; }
    sup { font-size: 10px; font-family:Arial; }
}

@media screen and (max-width: 601px) {
    h2 { font-size: 20px; font-family:Arial; }
    p, td, input, select { font-size: 10px; font-family:Arial; }
    sup { font-size: 8px; font-family:Arial; }
}

.containerTable {
    overflow-x:auto;
}

/* width */
::-webkit-scrollbar {
    width: auto;
    height: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a9a9a9; 
}

/* Handle */
::-webkit-scrollbar-thumb:horizontal {
    background: #FF8000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover:horizontal {
    background: #CC6600; 
}

html {
    width:100%;
    padding:0px;
    margin:0px;
}

body {
    width:92%;
    padding-left:4%;
    padding-right:4%;
    margin:0px;
}

h2 {
    margin:0px;
}

.borderTable {	
    border: 1px solid black;
    border-collapse: collapse; 
    border-spacing: 0;
}

.borderTable td {	
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

.cellBotRight{	
    border-style: solid;
    border-color: #BBBBBB;
    border-width: 0px 0px 1px 1px; 
    
}

.cellBotLeftRight{	
    border-style: solid;
    border-color: #BBBBBB;
    border-width: 0px 1px 1px 1px; 
    
    
}

.borderProv{
    border-style: solid;
    border-color: #012778;
    border-width: 0px 0px 6px 0px;
}

.bottomBorder{
    border-style: solid;
    border-color: #012778;
    border-width: 0px 0px 6px 1px;
    border-color: #ffffff #ffffff #012778 000000; 
}

.noTopBorder{
    border-style: solid;
    border-color: #012778;
    border-width: 0px 0px 6px 1px;
    border-color: #ffffff #ffffff #012778 000000; 

}

.bottomLeftBorder{
    border-style: solid;
    border-width: 1px 0px 6px 1px;
    border-color: #000000 #ffffff #012778 000000; 
}

.allBorder{
    border-style: solid;
    border-color: #012778;
    border-width: 0px 0px 0px 1px;
    border-color: #ffffff #ffffff #ffffff 000000;
}

.topRightBorder{
    border-style    : solid;
    border-color: black;
    border-width: 1px 0px 6px 1px;
    border-color: #000000 #ffffff #012778 000000;
    
}



.karine {
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 16pt;
	color: #FF0000;

}
img {
	border: none;
	display: block;
}

.bg { 
	background-image: url('https://www.cqff.com/imagesian/bg_site.jpg');
	background-repeat: repeat-x
}

.bg_tab {
	background-image: url('https://www.cqff.com/imagesian/bg_tab.gif');
}
.bg_gauche {
	background-image: url('/extranet/images/search/bg_livres.jpg');
	background-repeat: no-repeat
}
.bg_lecture_01 {
	background-image: url('https://www.cqff.com/imagesian/bg_lecture_01.gif');
}
.bg_recherche_01 {
	background-image: url('https://www.cqff.com/imagesian/bg_recherche_01.gif');
}
.bg_recherche_02 {
	background-image: url('https://www.cqff.com/imagesian/bg_recherche_02.gif');
}
.bg_lecture {
	background-image: url('https://www.cqff.com/imagesian/bg_lecture.gif');
}

.lien_bas				{font-family: Arial, Helvetica; font-weight: normal; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.lien_bas a:link		{font-family: Arial, Helvetica; font-weight: normal; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.lien_bas a:visited		{font-family: Arial, Helvetica; font-weight: normal; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.lien_bas a:active		{font-family: Arial, Helvetica; font-weight: normal; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.lien_bas a:hover		{font-family: Arial, Helvetica; font-weight: normal; font-size: 9pt; color: #EECA00; font-weight: bold; text-decoration: none;}

.menu_0					{width: 22px; background-image: url('https://www.cqff.com/imagesian/bg_menu_000.gif'); background-repeat: no-repeat}
.menu_0 a:link			{width: 22px; background-image: url('https://www.cqff.com/imagesian/bg_menu_000.gif'); background-repeat: no-repeat}
.menu_0 a:visited		{width: 22px; background-image: url('https://www.cqff.com/imagesian/bg_menu_000.gif'); background-repeat: no-repeat}
.menu_0 a:active		{width: 22px; background-image: url('https://www.cqff.com/imagesian/bg_menu_000.gif'); background-repeat: no-repeat}
.menu_0 a:hover			{width: 22px; background-image: url('https://www.cqff.com/imagesian/bg_menu_000.gif'); background-repeat: no-repeat}

.menu_1					{font-family: Arial, Helvetica; font-weight: normal; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none; width: 100px; text-align:left; vertical-align: top;}
.menu_1 a:link			{font-family: Arial, Helvetica; font-weight: normal; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none; width: 100px;}
.menu_1 a:visited		{font-family: Arial, Helvetica; font-weight: normal; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none; width: 100px;}
.menu_1 a:active		{font-family: Arial, Helvetica; font-weight: normal; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none; width: 100px;}
.menu_1 a:hover			{font-family: Arial, Helvetica; font-weight: normal; font-size: 8pt; color: #EECA00; font-weight: bold; text-decoration: none; width: 100px;}

.menu_2					{font-family: Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #0C254B; font-weight: bold; line-height: 15px; text-decoration: none; text-align:left;}
.menu_2 a:link			{font-family: Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #0C254B; font-weight: bold; line-height: 15px; text-decoration: none;}
.menu_2 a:visited		{font-family: Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #0C254B; font-weight: bold; line-height: 15px; text-decoration: none;}
.menu_2 a:active		{font-family: Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #0C254B; font-weight: bold; line-height: 15px; text-decoration: none;}
.menu_2 a:hover			{font-family: Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #043CBC; font-weight: bold; line-height: 15px; text-decoration: none;}

.arial11 {
	font-family: Arial, Helvetica; font-weight: bold; font-size: 11pt; color: #264B86;
}

.arial12 {
	font-family: Arial, Helvetica; font-weight: bold; font-size: 12pt; color: #264B86;
}

.titre_section {
	background-image: url('https://www.cqff.com/imagesian/index3_03.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica; font-weight: bold; font-size: 20pt; color: #FFFFFF
}
.titre_section2 {
	text-align: left;
	background-image: url('https://www.cqff.com/imagesian/index3_04.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica; font-weight: bold; font-size: 16pt; color: #FFFFFF
}
.texte {
	font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #022366;
}

.arial8 {
	font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #000000;
}
.arial8_blanc {
	font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 10pt; color: #FFFFFF;
}
.ligne_a {
	background-color: #FFFFFF;
}

.ligne_b {
	background-image: url('https://www.cqff.com/imagesian/bg_ligne.gif');
    padding:10px;
}

.tooltipCaptionText{
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
}
.tooltipContentText{
	COLOR: #000080;
	TEXT-DECORATION: none;
	font-family: arial;
	font-size: 10pt;
}
.tooltipCaptionBackground{
	background-color: #FFFFFF;
}
.tooltipContentBackground{
	background-color: #012778;
}