/* style specifiques du site JCK */


/* centrage du site */

/* correction pour les anciennes versions de IE  */   
body {
     margin: 0; /* pour éviter les marges */
	   margin-top:2px;
     text-align: center; /* pour corriger le bug de centrage IE */
     font-family:Verdana,Arial,Sans-serif; font-size:80%; 
     }  
        
#conteneur_global {
     position: relative; /* on positionne le conteneur sinon les éléments à l'intérieur ne s'y référeront pas */
     margin-left: auto;
     margin-right: auto;
     width: 965px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     /*border:thin solid red; */
     }


/* tous les styles du bandeau */

#bandeau_ensemble{float:left; width:800px; height:110px;}
#logo_jck{
	float:left;
	width:200px;
	height:42px;
}
#titre_general{ float:left; width:594px; margin-top:10px; margin-left:6px; height:32px;
}

#bug_ie6_1{float:left; width:89px; }

#bandeau_image{
	float:left; 
	width : 711px;
	height : 68px;
	/*margin-left : 89px;*/    /* cf plus haut bug ie6 */
	background-image : url(../images/version_2007/bandeau.jpg);
	background-repeat : no-repeat;
}
#bandeau_liens{
	float:left;
	width : 680px;
	height : 25px;
	/*margin-left : 89px;*/    /* cf plus haut bug ie6 */
	background-image : url(../images/version_2007/fd_bandeau_liens.gif);
	background-repeat : repeat-x;
	font-size:90%;
	text-align:right;
	color:white;
}
#mr_formulaire_recherche{
	float:left;
	width:158px;
	height : 25px;
	background-image : url(../images/version_2007/fd_bandeau_liens.gif);
	background-repeat : repeat-x;
}

#bouton_rechercher{
		float:left;
		padding-left:4px;
		padding-top:2px;	
}
#adresse{
	float:left;
	width:164px;
	height:109px;
  	
}
.adresse_top{
	float:left;
	width:164px;
	height:16px;
	border-left : 1px solid #1F2F77;	
	background-image : url(../images/version_2007/adresse_top.gif);
	background-repeat : no-repeat;
}
#adresse_bottom{
	float:left;
	width:163px;
	height:93px;
	border-bottom : 1px solid #1F2F77;
	border-left: 1px solid #1F2F77;
	border-right: 1px solid #1F2F77;
}

/* tous les styles sous le bandeau */

#contenu{
float:left; width:965px; 
}
#contenu_haut_gauche{
	float:left;
	height:18px;
	width:15px;
	background-image : url(../images/version_2007/angle_HG.gif);
	background-repeat : no-repeat;

}
#contenu_haut{
	float:left;
	width:935px;
	height:18px;
	background : url(../images/version_2007/fond_gauche_contenu_haut.gif) ;
	background-repeat : no-repeat;

}
#contenu_haut_droite{
	float:left;
	height:18px;
	width:15px;
	background-image : url(../images/version_2007/angle_HD.gif);
	background-repeat : no-repeat;
	border-color : white;
}
	
#contenu_interieur{
	float:left;width:963px; border-left:1px solid #1F2F77; border-right:1px solid #1F2F77;
}
#colonne_quiz{ float:left; width:199px; height:397px; padding-top:27px; background:#F0F0F0; text-align:center;
}
#colonne_centrale{
	float:left;
	display:inline;
	width : 563px;
	padding-left:10px; 
	padding-right:10px;
	text-align:left;
}

#bug_ie6_2{float:left; width:55px; 	margin-top : 20px; }

#visuel_haut{
	float:left;
	width : 179px;
	height:281px;
	/*margin-left : 55px;*/ /* voir plus haut bug ie6 2*/
	margin-top : 20px;
}
#visuel_intro{
	float:left;
	margin-left : 20px;
	margin-top : 20px;
	width : 300px;
	height:281px;	
	font-family:Arial,Helvetica,Sans-serif;
	font-size:170%;
	color:#1F2F77;
}



#visuel_bas{
	float:left;
	/*margin-left : 55px;*/ /* voir plus haut bug ie6 2*/
	width : 223px;
}

.bug_ie6_3{float:left; width:116px;}

.texte_rubrique, .texte_article{
	float:left; 
  width:430px; 
  /*margin-left:116px;*/  /* voir bug ie6 3 */ 
  text-align:justify; color:#1F2F77;
}

#colonne_droite{
	float:left;
	width : 163px;
	padding-top:20px;
}
/* reutiliser adresse_top pour le haut */
.cadre_droite{
	float:left;
	width:163px;
	height:170px;
	border-bottom : 1px solid #1F2F77;
	border-left: 1px solid #1F2F77;
	border-right: 1px solid #1F2F77;
}
#mr_navigation{
	float:left;
	margin-top:10px;
	/*width:400px;*/
	/*margin-left:116px;*/
	font-size:90%;
}

#bas_de_page{
	float:left; width:965px;
}
.bas_gauche{
		float:left;  width:12px; height:18px;background : url(../images/version_2007/angle_BG.gif);
}
.bas_centre{
	float:left;
	width:941px;
	height:18px;
	font-family:Verdana,Arial,Sans-serif;
	color : White;
	background : #1F2F77;
	text-align : center;
	font-size : 70%;
}
.bas_droite{
	float:left;
	width:12px;
	height:18px;
	background : url(../images/version_2007/angle_BD.gif);
}










/* t y p o g r a p h i e */
.petit{font-size:75%; font-style:italic;}
.adresse{ font-family: Verdana, Arial, Sans-serif; font-size:12px; color:#207ECB ; text-align:center; }
.titre_adresse{font-size:14px; font-weight:bold;}



/* les liens */
a:visited{text-decoration:none; color:#1F2F77;}
a:link{text-decoration:none; color:#1F2F77;}
a:hover{text-decoration:none; color:#FF4E00;}


a.quiz:visited{text-decoration:none; color:#D25400;}
a.quiz:link{text-decoration:none; color:#1F2F77;}
a.quiz:hover{text-decoration:underline; color:#D25400;}

a.bandeau:visited{ text-decoration:none;color:white;}
a.bandeau:link{ text-decoration:none;color:white;}
a.bandeau:hover{ text-decoration:none;color:#FF7C00;}



















     
/* le quiz */     
.contenu_page_quiz {
    position:relative; 
     margin-left: auto;
     margin-right: auto;    
    width:60%; 
    /*margin-left:20%;*/ 
    border:thin solid red;
    text-align:left;
    }
    
.questions_quiz {
    float:left; 
    margin-left:5%; 
    width:90%; 
    background:#FF6000; 
    font-weight:bold; 
    color:white; 
    padding-left:10px;
    }
    
.reponses_quiz {
    float:left; 
    margin-left:5%; 
    width:90%; 
    background:#FFC169; 
    padding-left:10px; 
    margin-bottom:1px;
    }
    
.titre_module {
    margin:2%; 
    font-size:140%; 
    font-weight:bold; 
    color:#990000; 
    margin-left:10%; 
    width:80%; 
    text-align:center;
    }
.tab_quiz_left{
    float:left;
    width:5%;
    height:28px;
    padding-top:2px;
    padding-bottom:2px;
    /*border:thin solid red;*/    
    } 
.tab_quiz_right{
    float:left;
    width:95%;
    height:28px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:.77em;
    /*border:thin solid green;*/
    }       

/* administration du quiz */
.user_bloc{float:left; width:98%;padding:4px; }
.user_tetiere{padding:2px; padding-left:8px; background:#990000; color:white; font-family:Verdana,Arial,Sans-serif; font-size:100%;font-weight:bold;}
.user_infos{float:left; width:38%;padding:4px; }
.resultats{ float:left; width:58%;padding:4px; }
.titre_administration {font-size:140%; font-weight:bold; color:#990000;}
.bloc_ligne{ float:left; width:100%; }
.scores_libelles{float:left; width:49%; }

/* inscription au quiz */
.ident_quiz{width:80%; margin-left:10%; border:thin solid #990000; text-align:center; color:#1F2F77; }
.ident_quiz_col_gauche{float:left; width:48%; text-align:right; padding:1%; font-size:80%; font-weight:bold;}
.ident_quiz_col_droite{float:left; width:48%; text-align:left; padding:1%; font-size:80%;}
.intro_quiz{float:left; width:550px; margin-left:20px; text-align:left; font-size:0.82em; color:#1F2F77;}