/* Document CSS  */
body  {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; padding: 0;
	color:#231F20;
	line-height:100%;
	behavior: url(csshover.htc);	
}
/*--------------------------------------------------------------CONTENANTS*/
#container {  /*---contenant général*/
	position:relative;
	width:990px;
	text-align: left;
	margin:0; padding:0;
}  
#header {  /*logo "isiq", menu secondaire et logos gv*/
	display:none;
	height:0px;
	background:none;
}
#header_print {  /*logo "isiq", menu secondaire et logos gv*/
	margin:0; padding:0;
	/*display:inline;*/
	border-bottom:1px dashed #000000;
} 
#sidebar1 { /*---colonne gauche----*/
	
	display:none;
}
#sidebar2 { /* --- colonne droite ---*/
	
	display:none;
}
#info_compl1{display:inline;}
#info_compl2{display:inline;}

#mainContent { /* --- colonne milieu ---*/
 	margin: 0 0px 0 0px;
	padding: 0 15px 0 10px;
	z-index:3;
	border-right:none;
	width:100%;
	min-height:0px;
} 
#calendrier{ /* --- image du calendrier sur la colonne droite ---*/
	display:none;
}	
#si,#filiere,#bulletin {/* --- blocs dans la colonne droite ---*/
	background:#FFFFFF;
	padding:5px 10px;
	margin:0;
	}	
#bulletin {
	background:#fff;
/*padding:0px;	*/
}	
#separateur {/*la barre grise entre les blocs de la colonne droite*/
	display:none;
}			
#entreprises,#particuliers {/*photo-titre "entreprise en haut du menu vert*/
background-image:url(../images/img_entreprises.jpg);
width:287px;
height:122px;
margin-left:250px;
}
#particuliers {/*photo-titre "particuliers" en haut du menu vert*/
background-image:url(../images/img_particuliers.jpg);
}
#entreprisesen,#particuliersen {/*photo-titre "entreprise en haut du menu vert*/
background-image:url(../images/img_entreprises_en.jpg);
width:287px;
height:122px;
margin-left:250px;
}
#particuliersen {/*photo-titre "particuliers" en haut du menu vert*/
background-image:url(../images/img_particuliers_en.jpg);
}
#menu_secondaire{/*menu à droite de la photo-titre*/
margin:0px 0 0 550px; 
margin-top:-90px;
padding:0;
}
#menu_secondaire ul {
list-style-type:none;
margin:4px 0 12px 0;
padding:0;
} 
#menu_secondaire ul li {
	padding: 0 0 0 10px;
	margin:5px 0 5px 8px;
	border-left:2px solid #BF0000;
	font-size:75%;
} 
#menu_secondaire ul li.choisi a {/*à enlever si on ne doit pas indiquer dans quelle section on se trouve*/
background:#cee7ad;
} 
#menu_secondaire a, #menu_secondaire a:link,#menu_secondaire a:active { 
	text-decoration: none;
	color:#231F20;
	}
#menu_secondaire a:hover {
	color:#231F20;
	background:#cee7ad;	
	}
#recherche {/*zone recherche dans le header*/
position:absolute;
top:18px;
left:750px;
height:30px;
width:245px;
font-size:70%; line-height:130%;
}
input.btn {/*bouton zone recherche*/
background:url(../images/bouton_normal.gif) no-repeat 0 0;
width:17px;
height:17px;
cursor:pointer; border:none;
}
form ul {
list-style:none;
margin:0; padding:0;
}
#recherche fieldset,#sondage fieldset,#sondage form{/*enlever la bordure de tous les fieldsets*/
margin:0; padding:0;
border:none;
}
/*titres, paragraphes, listes des colonnes de gauche et de droite*/
#sidebar1 h1 {
	padding:4px 3px 4px 7px;
	margin:0;
	font-size:75%;	
	line-height:105%;	
	background:#448600;	
	width:197px;
	border-left:8px solid #cee7ad;	
	color:white;	
} 
#sidebar1 ul {
list-style:none;
margin:4px 0 12px 0;
padding:0;
} 
#sidebar1 ul li {
	padding: 0 4px 0 14px;
	margin:0 0 0 8px;
	background: url(../images/fleche_ul.gif) no-repeat left;
	background-position:2px 4px;
	font-size:75%;
} 
#menu_gauche a:link,#menu_gauche a:active,#menu_gauche a:visited {/*-----------hyperliens du MENU DE GAUCHE----------*/
	display: block;
	text-decoration:none;
	color:#231F20;
	width:189px;
} 
#menu_gauche a:hover {
	background:#CEE7AD;
}
#menu_gauche li.selected a:link,#menu_gauche li.selected a:active,#menu_gauche li.selected a:visited {/*-----------hyperliens du MENU DE GAUCHE----------*/
	display: block;
	text-decoration:none;
	color:#231F20;
	width:189px;
	background:#CEE7AD;
} 

.pointilles{/*ligne pointillée dans la colonne de gauche*/
	background:url(../images/pointille_gris.gif)  repeat-x;
	height:2px;
	width:212px;
}
#si h1,#filiere h1,#bulletin h1	{/*-----------éléments de la colonne DROITE----------*/
	font-size:75%;
	text-transform:uppercase;
	margin:0;
	padding:3px 0;	
	}	
#bulletin h1{
	color:#3a4c00;
} 	
#sidebar1 p, #sidebar2 p {
	padding:3px 0;	
	margin:0;
	font-size:70%;	
	line-height:105%;					
}
/*
#sidebar2 h1{
	margin:0;
	padding:10px 0 0 10px;
	font-size:105%;
	line-height:130%;	
	color:#BF0000;		
} 
*/
#sidebar2 h2{/*-----------éléments de la colonne GAUCHE----------*/
	padding:3px 0 2px 0;	
	margin:0;
	font-size:75%;	
} 
#sidebar2 ul,#sidebar2 ul ul {
	list-style-type: disc;
	list-style-position:outside;
	padding:0; 
	margin: 0 0 0 15px;
	font-size: 70%;
	}
#sidebar2 ul ul{
	list-style-image:url(../images/tiret_vert.gif);
	margin: 2px 0 0 14px;
	font-size: 100%;
	}		
#sidebar2 li {
	line-height:110%;
	padding: 1px 0 1px 0;
	margin:2px 0;
	}
#sidebar2 ul ul li {
	padding: 0px 0 1px 0;
	margin: 0;
	}		
#sidebar2 a, #sidebar2 a:link,#sidebar2 a:active,
#nouvelles p.rss a:link,#nouvelles p.rss a:active,#nouvelles p.rss a:visited,
#mainContent a, #mainContent a:link,#mainContent a:active,
#footer p a:link,#footer p a:active,#footer p a:visited,
#sidebar2_accueil a:link,#sidebar2_accueil a:active,#sidebar2_accueil a:visited,
#mainContent_accueil a:link,#mainContent_accueil a:active,#mainContent_accueil a:visited,
#sondage a:link,#sondage a:active,#sondage a:visited { /*-----------Hyperliens normaux (bleus, sans décoration) ----------*/
	color: #003399;  
	text-decoration: none;
	}
#mainContent a:hover,#sidebar2 a:hover,#sondage p a:hover,#nouvelles p.rss a:hover,#footer p a:hover,#sidebar2_accueil a:hover,#mainContent_accueil a:hover {
	text-decoration:underline;
	}		
/*titres, paragraphes et listes de la colonne centre */
#mainContent h1{
	margin:0;
	padding:10px 0 0 10px;
	font-size:105%;
	line-height:130%;	
	color:#BF0000;		
} 
#mainContent h2{
	padding:0;
	margin:10px 10px 0 10px;
	font-size:90%;			
} 
#mainContent p	{
	margin:8px 25px 8px 10px;
	padding:0;
	line-height:120%;
	font-size:75%;
}
#mainContent h3	{
	margin:8px 25px 8px 10px;
	padding:0;
	line-height:120%;
	font-size:75%;
	color:#BF0000;
	font-weight:bold;
}

#mainContent table{
	margin:8px 25px 8px 10px;
}
#mainContent table tr td p{
	padding:8px 25px 8px 10px;
/*	padding:0;*/
	line-height:120%;
	font-size:75%;
}
#mainContent table tr td{
	padding:8px 25px 8px 10px;
/*	padding:0;*/
	line-height:120%;
	font-size:75%;
}

#mainContent ul ol {/* liste numérique */
	padding:0; 
	margin: 5px 25px 10px 33px;
	font-size: 100%;
	}

#mainContent ol {/* liste numérique */
	padding:0; 
	margin: 5px 25px 10px 33px;
	font-size:75%;
}
#mainContent ol ul{
	padding:0; 
	margin: 1px 5px 2px 8px;
	font-size:100%;
	}			
#mainContent ul {
	list-style-type: disc;
	padding:0; 
	margin: 5px 25px 10px 25px;
	font-size: 75%;
	}
#mainContent li {
	padding: 1px 8px 1px 1px;
	}
#mainContent ul ul {
	list-style-image:url(../images/tiret_vert.gif);
	margin: 0 10px 2px 18px;
	}	
#mainContent ul ul li {
	font-size: 130%;
	padding:0;	
	}	
div .hr{/*HR de la colonne centre*/
background:url(../images/pointille_14.gif) repeat-x;
height:5px;
margin:0 25px 0 10px;
}
div .hr_sidebar2{/*HR de la colonne droite*/
background:url(../images/pointille_sidebar2.gif) repeat-x;
height:5px;
margin:3px 2px;
}
div .hr hr, div .hr_sidebar2 hr{
display:none;
}	
.droite{ /*image de retour vers le haut de page*/
text-align:right;
padding: 5px 0;
border:none;
}
/* ---------------  MENU VERT DROPDOWN */
#menu{
position:relative;
left:0;
top:-5px;
margin:0; padding:0;
height:20px;
}
#menu,#menu ul{
	margin: 0; padding:0;
	list-style-type: none;
	display: none;
	font-size:75%;
	margin-bottom:10px;
}
#menu ul {
	border-right:5px solid #A3A3A7;
	background: #58595B url(empty.gif); /* pour bug IE */
	position: absolute;
	z-index: 10;
	left: 0;	/* toujours garder dans le coin gauche lorsque les menus déroulants sont cachés */
	top: 0;		/* pour éviter les barres de défilement */
	width:477px;
	padding:1px 0 1px 1px;	
}
#menu li {
	margin: 0; padding: 0 8px;
	border: 0;
	display: block;
	float: left;	/* pour que tous les items soient sur une seule ligne*/
	position: relative;	/* donner une position à chaque LI pour éviter un bug avec IE win (overlap)*/
	z-index: 5;
	background: #58595B;
	font-size:120%;
}	
#menu li.sep { /*séparateurs entre les éléments du menu vert */
	margin: 0;
	padding: .3em 0;
	border: 0;
	color:white;
	width:6px;
}	
#menu a { 
	padding: .3em .45em;
	}	
#menu li a:link,#menu li a:visited,#menu li a:active { 
	color: #fff; 
	text-decoration: none;
	display:block;
	}
#menu li a:hover {
	color: #231F20;
	font-weight:normal;
	background:white;
	text-decoration: none; 
	z-index: 10000;	/* les items actifs sont toujours au dessus de tout dans le menu*/
	white-space: normal;/* nécessaire pour résoudre le bug IE7 :hover (z-index ci-dessus est ignoré si cette ligne n'est pas là) */	
	}	
#menu li li {
	float: none;/* les éléments des sous-menus sont chacun sur le propre ligne*/	
}	
/*MENU VERT -listes de 2e niveau*/	
#menu ul ul {
	position: absolute;
	top:17px;
	display:none;
	width:190px;
	z-index:150;
	font-size: 100%;	
	padding:0; margin:0;
	padding-top:1px;
	border-right:none;
	}	
#menu ul ul li {
background:#CCCCCC;
border-bottom:2px solid white;
padding: 2px 2px 2px 2px;
	}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
#menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ul li a:active{font-weight:normal; width:170px; color:#231F20; padding: .1em .8em; font-size:85%;}
#menu ul ul li a:hover {font-weight:normal; background:#FFFFFF;}	
#menu li:hover>ul {
	visibility: visible;	/* montrer le sous-menu au survol*/
	top: 100%;	/*1er niveau se retrouve sous l'élément parent*/
}
#menu li li:hover>ul {	/* 2e niveau à droite de l'élément parent*/
	top: 0;
	left: 100%;
}
#menu:after, #menu ul:after {/* -- float.clear --pour forcer les éléments float à l'intérieur des UL */
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#menu, #menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* ---------------  FOOTER */
#footer { 
	padding: 0;
	clear:both;
	margin-bottom:5px;
	width:990px;	
} 
#footer p {
text-align:center;
padding:7px 0;
margin:0;
font-size:70%;
}
/* ------MENU GRIS DROPUP (à l'intérieur du footer), commentaires IDEM au menu VERT*/
#navcontainer {
position:relative;
left:0;
top: 0px;
height: 17px;
color:#231F20;
background:#58595b;	
padding:1px;
font-size:80%;
text-transform:uppercase;
width: 100%;
}
div#navcontainer ul {
margin:0; padding:0;
list-style:none;
background-image: url(empty.gif);
position: relative;
float:left;
left:5%;
}
div#navcontainer li {
position: relative;
float:left;
margin: 0;
width: 170px;
height: 15px;
font-size:90%;
}
div#navcontainer li:hover { }
div#navcontainer li a {
display:block;
text-decoration:none;
text-align:center;
height: 15px;
padding: .1em 0;
}
div#navcontainer ul ul {
position:absolute;
width: 170px;
bottom: 0;
display:none;
left:0;
background:white;
}
div#navcontainer ul ul li {
margin-bottom: 1px;
height:19px;
padding: .1em 0em;
background:#d1cfcf;
border-bottom:1px solid white;
}
div#navcontainer ul.level1 li.submenu:hover ul.level2,
div#navcontainer ul.level1 li.submenu ul.level2 li:hover ul.level2
{display:block;}
div#navcontainer li:hover>ul {
	visibility: visible;
	bottom: 100%;
}
div#navcontainer li li:hover>ul {
	top: 0;
	left: 100%;
}	
div#navcontainer li a:link,div#navcontainer li a:visited,div#navcontainer li a:active { 
	color: #fff; 
	text-decoration: none;
	}
div#navcontainer li a:hover {
	color: #231F20;
	font-weight:normal;
	background:white;
	text-decoration: none; 
	z-index: 10000;
	white-space: normal;	
	}	
div#navcontainer ul ul li a:link,div#navcontainer ul ul li a:visited,div#navcontainer ul ul li a:active { 
	color: #231F20;
	text-transform:none;
	}
div#navcontainer ul ul li a:hover {
	color: #231F20;
	font-weight:bold;
	background:#d1cfcf;
	z-index: 10000;
	white-space: normal;
	}	
div#navcontainer li.sep { /*séparateurs entre les éléments du menu vert */
	margin: 0; padding: 0;
	border: 0;
	color:white;
	width:8px;
}	
/* -----------SONDAGE et BULLETIN, items similaires-----------------*/	
	#sondage {
		width:217px;
		padding:8px 2px 0 0;
		margin:5px 0 10px 3px;
	}
	#sondage h1 {
		margin:0;
		padding:0 0 7px 3px;
		background:none;
		color:#3a4c00;
		border-left:none;
		margin-top:-3px;
		font-size:90%;
	}
	#sondage p {
	font-size:10px;
	padding:3px 0 2px 3px;	
	margin:0;
	}
	#sondage fieldset,#sondage form{
	font-size:85%;		
	}		
#sondage p.bouton,#bulletin p.bouton {
	font-weight:bold;
	padding:3px 5px 3px 15px;	
	margin:8px 0 0 0;
	background:url(../images/fleche_grise.gif) no-repeat 1px 2px;
	}
#sondage p.bouton {font-size:80%;}			
#sondage p.bouton a:link,#sondage p.bouton a:active,#sondage p.bouton a:visited,#bulletin p.bouton a:link,#bulletin p.bouton a:active,#bulletin p.bouton a:visited  { /*les boutons "soumettre" et "abonnez-moi"*/
	color: #BF0000; 
	text-decoration: none;
	font-size:130%;	
	}
#sondage p.bouton a:hover  {
	background:#FFFFFF;
	padding-right:7px;
}
#bulletin p.bouton a:hover  {
	background:#d1cfcf;
	padding-right:7px;
}

dl {			/* positionnement du cadre*/
width: 210px;		/* largeur du cadre*/
}
dl, dt, dd {	/* suppression de toutes les marges */
margin: 0; padding: 0;
}
dl {/* image arrondie fixée en bas du cadre */
background: url(../images/sondage_bas.gif) bottom left no-repeat;
padding-bottom: 12px;	/* pour que le texte ne s'affiche pas sur l'arrondi du bas */
margin-bottom:0;
}
dt {/* définitions du titre du cadre */
font-weight: bold;
color:#930;
padding:0;
background: url(../images/sondage_haut.gif) top left no-repeat;
height:17px;   /*ajouter pour le probleme d affichage dans ie et Moz*/
}
dd {
padding: 5px; /* gestion des espaces internes du cadre */
background: url(../images/sondage_milieu.gif) top left;/* arrière-plan intérieur se répète */
margin-top:-1px;
}	
/*--------------------------------ACCUEIL--------------------------------------------------*/
#container_accueil {  /*---contenant général*/
	position:relative;
	width:990px;
	text-align: left;
	margin:0; padding:0;
	background:url(../images/accueil_photos_2.jpg) no-repeat 290px 0;
} 
#sidebar2_accueil { /* --- colonne droite ---*/
	float:right;
	width: 335px;
	margin: 220px 0 0 5px;
	font-size:75%;	
	z-index:3;	
}
#mainContent_accueil { /* --- colonne milieu ---*/
	margin: 220px 0 0 290px;
	z-index:3;
	width:335px;
	font-size:75%;
}  
#recherche_accueil {/*zone recherche dans le header*/
position:relative; height:30px; width:310px; margin-bottom:5px; /*margin-left:680px;*/ margin-left:10px; font-size:70%; line-height:130%; text-align:left; }
#recherche_accueil fieldset { border:none;}
input.text {/*hauteur et longueur du champ texte*/
  text-align:left;
  font-size:115%;
  padding:0; margin:0;
  width:140px;
}
#sidebar2_accueil p,#mainContent_accueil p{
margin:7px 40px 7px 18px;
padding:0;
}
#sidebar2_accueil ul,#mainContent_accueil ul {
margin:7px 30px 9px 32px;
padding:0;
	}
#sidebar2_accueil li,#mainContent_accueil li {
margin:4px 0;
padding:0;
	}
#sidebar2_accueil ul ul,#mainContent_accueil ul ul {
margin:2px 10px 4px 18px;
list-style-image:url(../images/tiret.gif);
	}	
#sidebar2_accueil ul ul li,#mainContent_accueil ul ul li {
margin:1px 0;
padding:0;
	}	
#partenaires {
position:relative;
background:url(../images/texte.jpg) no-repeat left;

height:50px;
width:886px;
margin:20px auto 20px 15px;
padding-left:100px;
}
#partenairesen {
position:relative;
background:url(/images/texte_en.jpg) no-repeat left;

height:50px;
width:886px;
margin:20px auto 20px 15px;
padding-left:100px;
}
#nouvelles h1 { 
	padding:0;
	margin:0px 3px 10px 10px;
	width:145px;
	height:14px;
	border-left:none;	
	background: url(../images/titre_nouvelles.gif) no-repeat top left;	
}
#nouvellesen h1 { 
	padding:0;
	margin:0px 3px 10px 10px;
	width:145px;
	height:14px;
	border-left:none;	
	background: url(../images/titre_nouvelle_en.jpg) no-repeat top left;	
}
#identite h1 { 
	background: none;	
	border:none;
}
#identite h1 a  { 
	padding:0;
	margin:7px 3px 0px 23px;
	width:193px;
	height:70px;
	border-left:none;
	background: url(../images/_documents_banniere_163x60.gif) no-repeat top left;	
	display: block;
}
#identite h1 a:hover { 
	background: url(../images/_documents_banniere_163x60.gif) no-repeat top left;	
}
#nouvelles h1 span,#identite h1 a span {
	margin-left:-1000px;
}
#nouvelles ul li a:link,#nouvelles ul li a:visited,#nouvelles ul li a:active {
	width:220px;
} 
#nouvelles ul li {
	padding: 4px 0 4px 14px;
	margin:0 0 0 8px;
	background: url(../images/fleche_ul.gif) no-repeat left;
	background-position:2px 7px;
	font-size:75%;
	line-height:110%;
} 
#nouvelles p.rss {
	padding:5px 5px 5px 25px;	
	margin:8px 0 8px 20px;
	height:20px;
	background:url(../images/rss.gif) no-repeat;
	}
#btn_entreprise h1,#btn_particulier h1{/*boutons ENTREPRISE et PARTICULIER*/
margin:0;
padding:0;
}	
#btn_entreprise h1 a,#btn_particulier h1 a {
	font-size: 9px;
	display: block;
	height: 29px;	
}
#btn_entreprise h1 a span,#btn_particulier h1 a span  {
	margin-left: -1000px;
}
#b_entreprise,#b_particulier{
	voice-family: "\"}\"";
	voice-family: inherit; 
}
#b_entreprise { 
	width:140px;
	background: url(../images/btn_entreprise_norm.gif) no-repeat top left;
}
#b_entreprise:hover { background: url(../images/btn_entreprise_roll.gif) no-repeat top left; }
#b_particulier { 
	width:140px;
	background: url(../images/btn_particulier_norm.gif) no-repeat top left;
}
#b_particulier:hover { background: url(../images/btn_particulier_roll.gif) no-repeat top left; }

/*Attent c'est une copie du bloxc précédent manque de temps pour faire ça correctement*/
#btn_entrepriseen h1,#btn_particulieren h1{/*boutons ENTREPRISE et PARTICULIER*/
margin:0;
padding:0;
}	
#btn_entrepriseen h1 a,#btn_particulieren h1 a {
	font-size: 9px;
	display: block;
	height: 29px;	
}
#btn_entrepriseen h1 a span,#btn_particulieren h1 a span  {
	margin-left: -1000px;
}
#b_entrepriseen,#b_particulieren{
	voice-family: "\"}\"";
	voice-family: inherit; 
}
#b_entrepriseen { 
	width:140px;
	background: url(../images/btn_entreprise_norm_en.gif) no-repeat top left;
}
#b_entrepriseen:hover { background: url(../images/btn_entreprise_roll_en.gif) no-repeat top left; }
#b_particulieren { 
	width:140px;
	background: url(../images/btn_particulier_norm_en.gif) no-repeat top left;
}
#b_particulieren:hover { background: url(../images/btn_particulier_roll_en.gif) no-repeat top left; }
/*--------------------------------map sur le logo de l'isiq----*/
#map01{ position:absolute; top: 5px; left:10px;}
#map01 a{ float:left; margin-top:5px; width: 220px; height: 90px; text-decoration: none; }
#map01 a span{ display:none; }
/*--------------------------------map sur le logo de l'isiq----*/
#map02{ position:absolute; top: 0px; left:290px;}
#map02 a{ float:left; margin-top:0px; width: 350px; height: 340px; text-decoration: none; }
#map02 a span{ display:none; }
/*--------------------------------map sur le logo de l'isiq----*/
#map03{ position:absolute; top: 0px; left:640px;}
#map03 a{ float:left; margin-top:0px; width: 350px; height: 340px; text-decoration: none; }
#map03 a span{ display:none; }

/*--------------------------------map sur les logos des partenaires----*/
#map04,#map05,#map06,#map07,#map08{ position:absolute; top: 0; left:120px;}
#map04 a,#map05 a,#map06 a,#map07 a,#map08 a{ float:left; margin-top:0; width: 80px; height: 50px; text-decoration: none; }
#map04 a span,#map05 a span,#map06 a span,#map07 a span,#map08 a span{ display:none; }

#map04{left:360px;}
#map05{left:490px;}
#map06{left:600px;}
#map07{left:705px;}
#map08{left:800px;}


/********   logo partenaires *****/
#partenaires a {text-decoration:none; margin-left:50px}
#partenaires img{border:none;}
#partenairesen a {text-decoration:none; margin-left:50px}
#partenairesen img{border:none;}


.lien_pdf {
padding-top:3px;
text-align:right;
padding-right:10px;
}
#sidebar1 img {border:none;}
#sidebar1 a img {border:none; text-decoration:none; margin:0px 3px 40px 30px;}