html {
overflow-y:scroll;
}

body {
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:center;
background:#FFFFFF;
}

a {
color:#6699CC;
}
a:link {
text-decoration:none;
cursor:pointer;
}
a:visited {
text-decoration:none;
cursor:pointer;
}

/* cadre de la page */
.cadrePage
{
	padding-top:10px;
	position:relative;
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	margin-top: 20px;
	text-align:center;
}

/* titre principal de la page */
.SurTitrePagePrincipale{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin-bottom:0px;
}
.TitrePagePrincipale{
	font-family:verdana, arial, sans-serif;
	font-size:20px;
	color:#B40404;
	margin-bottom:0px;
}

/* 2ème titre principal de la page */
.TitreSecondaire{
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	margin-top:20px; 
	position:relative;
}
.TitreSecondaire_fleche{	position:relative;	font-family:verdana, arial, sans-serif;	font-size:16px;	font-weight:bold;	color:#999999;}
/* sous-titre du text secondaire */
.sousTitre{	
	position:relative;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#333333;
}

/* 3ème titre princpalede la page */
.TitreTertiaire{
	font-family:verdana,arial,helvetica, sans-serif;
	font-size:15px;/*	color:#CCCC00;*/
	color:#6699CC;
	font-weight:bold;	margin-top:10px;
}

/* texte normal */
.texteNormal{
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#000000;
}

/* titre du colloque */
.slogan1Colloque
{
	position:relative;
	padding-bottom:15px;
	left:15px;
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#999999;
	margin-top:40px;
}

.slogan2Colloque
{
	position:relative;
	padding-top:0px;
	width:660px;
	left:15px;
	font-family:arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#FFFFFF;
}

/* pour centrer certain logo de la page auteurs */
.imglogo
{
	border:0px;
	margin-right:5px;
}

/* titre de l'actualité */
.titreActu
{
	font-family:helvetica, arial, sans-serif;
	font-size:18px;
	color:#B40404;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

/* je pense que c'est assez claire */
.petitTexte
{
	font-size:9px;
}

/* lien pour remonter la page */
.hautDePage{
	position: absolute;
	right:0px;
	margin-right: 10px;
}

/* trait pour souligner les lettre de l'alphabet dans la page sigle */
.traitActu{
	height:3px;
	border-top:1px solid #CCCCCC;
	font-size:1px;
	margin-left:50px;
	margin-right:50px;
}

/* menu interne des pages de l'application id3 */
.Menu_interne
{
	font-size:9px;
	text-align:right;
	position:absolute;
	top: 5px;
	right: 0px;
}

/* menu actif interne aux pages de l'application id3 */
.MenuRubriqueActif
{
	padding:1px;
	color:#333333;
	cursor:pointer;
	position:relative;
}

/* menu inactif interne aux pages de l'application id3 */
.MenuRubriqueInactif
{
	padding:1px;
	color:#CCCC00;
	position:relative;
}

/* syle pour les lien cliquer ici (en général pop-up) */
.cliquerIci
{
	color:#666666;
	font-weight:bold;
	cursor:pointer;
}

/* permet de rendre la question du questionnaire de l'abonnement visible */
#questionVisible
{
	display:block;
	margin-top:0px;
}

/* permet de rendre la question du questionnaire de l'abonnement non visible */
#questionInvisible
{
	display:none;
	margin-top:0px;
}

/* teste normal avec une lus grosse police */
.text1
{
	position:relative;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#333333;
}

/* souligne les texte (/u n'est pas accepté par w3c) */
.souligner{
	text-decoration: underline;
}

/* zone pour les messages d'erreur */
.mess_erreur
{
	margin-left:auto;
	margin-right:auto;	
	margin-top:5px;
	height:13px;
	text-align:center;
	background-color:#EEEEEE;
	color:#8FA3AD;
	font-weight:bold;
}

/* zone du logo id3 */
.image_accueil_id3
{
	width:200px;
	padding-top:16px;
	height:96px;
}

/* infobulle du menu */
.infobulle_accueil{
	position: absolute;
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #ECE8BE;
	z-index:10;
	width:178px;
	margin-top:10px;
}

.debug
{
	clear:both;
}

.a2_slogan1
{
	font-family:verdana, arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}
.a2_slogan2
{
	padding-top:15px;
	font-family:verdana, arial, sans-serif;
	font-size:16px;
	color:#999999;
}

.titre2
{
	padding-top:10px;
	font-family:helvetica, arial, sans-serif;
	font-size:13px;
	color:#6699CC;
	font-weight:bold;
}

.sep_actu
{
	width:400px;
	height:3px;
	border-top:1px solid #CCCCCC;
	margin-left:140px;
	font-size:1px;
}

.haut_de_page
{
	position: relative;
	right:0px;
	margin-right: 130px;
	right: -600px;
}

.slogan2_colloque
{
	position:relative;
	padding-top:0px;
	width:660px;
	left:15px;
	font-family:arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#FFFFFF;
}

.slogan1_colloque
{
	position:relative;
	padding-bottom:15px;
	left:15px;
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#999999;
	margin-top:40px;
}

.cadre_accueil_id3_colloque
{
	padding-top:10px;
	position:relative;
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
	background-image:url(images/public.jpg);
	background-repeat:no-repeat;
	background-position:255px 25px;
	height:auto;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
}

.titre1
{
	font-family:helvetica, arial, sans-serif;
	font-size:16px;
	color:#999999;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
.slogan2_miroir{			position:relative;	left:10px;	font-family:verdana, arial, sans-serif;	font-size:16px;	color:#999999;}
.slogan2
{
	padding-top:15px;
	font-family:verdana, arial, sans-serif;
	font-size:16px;
	color:#999999;
}

.titre_actu
{
	font-family:helvetica, arial, sans-serif;
	font-size:18px;
	color:#CCCC00;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

/*******************************************************************************************************************/
/******************************** css du  menu *********************************************************************/


.testMenuSelect{
	font-weight:bold;
	font-size:11px;
	padding:4px;
	cursor:pointer;
	width:190px;
	position:relative;
	background-color:#CCCC00; 
	color:#FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.testMenuNS{
	font-weight:bold;
	font-size:11px;
	padding:4px;
	color:#000000;
	cursor:pointer;
	width:190px;
	position:relative;
	color: #000000;
	background-color: #F0F0F0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.testMenuNS:hover{
	background-color:#CCCC00; 
	color:#FFFFFF;

}

.testSSMenuNS{
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	cursor:pointer;
	width:200px;
	position:relative;
	width:198px;	
	border-left: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	color: #000000
}

.testSSMenuNS:hover{
	background-color: #CCCC00;	
	color:#FFFFFF;
}

.testSSMenuSelect{
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	color:#FFFFFF;
	cursor:pointer;
	width:200px;
	position:relative;
	background-color:#CCCC00; 
	color:#FFFFFF;	
	width:198px;	
	border-left: 1px solid #CCCCCC;
}

textarea {
    resize: none;
}
/*********************************************************************************************************/
/********************************* style pour la recherche_opca.php **************************************/

.cadre_accueil_id3_colloque_recherche_opca {
	padding-top: 10px;
	position: relative;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 255px 5px;
	height: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}


.legende_accueil_page
{
	font-family:verdana, arial, sans-serif;
	font-size:34px;
	color:#CCCC00;
	margin-left:10px;
	margin-bottom:0px;
	margin-top:-44px;
}

.tab_opca_1_pre {
	border: 1px solid #CCCCCC;
	background-color: #FE7F21;
	color:#FFFFFF;
	margin-left: 0px;
	vertical-align: middle;
	width: 258px;
	padding: 2px 5px;
}

.img_info_opca {
	vertical-align: bottom;
	float: right;
}

.infobulle_recherche_opca {
	color: #000;
	text-align: left;
	position: absolute;
	visibility : hidden;
	border: 3px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #ECE8BE;
	z-index:1000;
	width:357px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.opca_fieldset_done { 
	background-color: #f2efef;
	background-image: url(pages/recherche_opca/icons/Good-or-Tick-icon.png);
	background-repeat: no-repeat;
	background-position: 99% 5%;
	}

.opca_fieldset_done ul { 
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.opca_fieldset {
}

.opca_fieldset ul { 
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}	

.foncer {
	background-color:#ccc;
}

.opca_button
{
	position:relative;
/*	left:3px;
	margin-top:5px;*/
	background-color : #ECE8BE;
	width:auto;
	height:20px;
	cursor:pointer;
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	border:solid 1px #000000;
}

.opca_button_effacer_tout
{
	position:relative;
/*	margin-right: 10px;
	left:3px;
	margin-top:5px; 
	background-color: #e4d9d9;*/
	background-color: #FFFFFF;
	width:auto;
	height:20px;
	cursor:pointer;
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	border:solid 1px #666666;
}

.error_opca {
	color: #fe7f21;
/*	margin: 10px;*/
	font-weight:bold;
}

.tab_opca_region {
	border: 1px solid #CCCCCC;
	background-color: #FE7F21;
	color:#FFFFFF;
	margin-left: 0px;
	margin-bottom: -2px;
	vertical-align: middle;
	width: 190px;
	padding: 2px 5px;
}

.opca_fieldset_resultat	{ 
	width: 96%;
	border:1px solid #ccc;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content_opca {
	float: left;
	margin-top: 0px;
}

.content_opca table {
	width: 480px;
}

td.premiere_case {
	margin-right: 0px;
}

.img_opca img {
	width: 110px;
	height: 110px;
	padding: 5px;
	border: 1px solid #ccc; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	vertical-align: bottom;
	float: right;
}

.infobulle_recherche_opca_region {
	color: #000;
	text-align: left;
	position: absolute;
	visibility : hidden;
	border: 3px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #ECE8BE;
	z-index:1000;
	width:357px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.tab_opca_1 {
	border: 1px solid #CCCCCC;
	background-color: #FE7F21;
	color:#FFFFFF;
	margin-left: 0px;
	vertical-align: middle;
	width: 285px;
	padding: 2px 5px;
}

.infobulle_recherche_opca_1 {
	color: #000;
	text-align: left;
	position: absolute;
	visibility : hidden;
	border: 3px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #ECE8BE;
	z-index:1000;
	width:357px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.decaler_form1 {
	margin-top : 0px;
	margin-bottom : 0px;
	padding: 0px;
}

.decaler_form3 {
	margin-top : 0px;
	margin-bottom : 0px;
}

.saisie_motcle {
/*	width: 98%;*/
}

.suggestionsBoxbis 	
{
	float:left;
	position:static;
	top:0;
	left:10px;
	margin:0px;
	padding:0px;
	width: 647px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #ffffff;
	display: none;
	overflow-y: auto;
	
	max-height:250px; /*Hauteur maximal pour la plupart des navigateurs*/
	z-index:50;
}

.suggestionList 
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	color:#000000;
	text-align:left;
	list-style-type: none;
}

.opca_fieldset_region { 
	border:1px solid #ccc;
	padding: 5px 10px 10px 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	height: 25px;
}

.opca_fieldset_region_done { 
	border:1px solid #ccc;
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #f2efef;
	display: block;
	height: 25px;
}

.decaler_region_3 {
	margin-top : 0px;
	margin-bottom : -50px;
}

.img_opcalia img {
	width: 110px;
	height: 110px;
	padding: 5px;
	border: 1px solid #ccc; 
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 5px;
	vertical-align: bottom;
	float: right;
}