/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	/*background: #14E1E1;*/
	background: #eee;
	text-align: center;
	font: 1em 'Trebuchet MS',Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	margin:0;
	padding:0;
}

hr {
	clear: both; 
	visibility: hidden; 
}

#header{
	height: 63px;
	width:740px;
	background-color:#AFC9FC;
}

.titSite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	color: #23369C;
}

#container{
	text-align: left;
	width: 740px;
	margin: 0 auto 0 auto;
	background: #fff;
	
}
/*--------------------------------*/
/* Chemin			              */
/*--------------------------------*/
#chemin {
	height: 15px;
	width:740px;
	padding:10px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003DF5;

}

#chemin img {
	margin:0 8px 0 0;

}

#chemin a {
	color:#003DF5;
	text-decoration:none;

}


/*--------------------------------*/
/* Colonne principale             */
/*--------------------------------*/
#principal{
	float:left;
	width:480px;
	margin-bottom:2em;
	padding:20px 10px 0 10px;
	border-right:1px dashed #AFC9FC;
}

/* H1 = #TITRE  */
#principal h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

/* H2 = #TITRE > deuxième */
#principal h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
}

/* QCM H3 =  question */
#principal h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	margin:5px 0 5px 0;
}

/* QCM Titre   */
#principal h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	margin:15px 0 10px 0;
	border:1px solid #AFC9FC;
	padding:5px;
	text-align:center;
}

/* QCM notice message  */
#principal p.notice {
	background-color:#FFFF00;
	padding:2px;
}

/* QCM correction  */
#principal p.correction {
	background-color:#eeeeee;
	padding:2px;
	margin-top:5px;
}

/* QCM reponse juste  */
#principal p.juste {
	background-color: green;
	padding:2px;
	margin-top:5px;
	color:#FFEADE;
}

/* QCM reponse fausse  */
#principal p.fausse {
	background-color: red;
	padding:2px;
	margin-top:5px;
	color:#FFEADE;
}

#principal input,  #principal textarea  {
	margin-left:10px;
	border:1px solid #AFC9FC;
	margin-bottom:5px;
}

 #principal select  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:350px;
	padding:5px;
	border:1px solid #AFC9FC;
	margin-left:10px;

}

/* paragraphe  */
#principal p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	line-height:15px;
}

#principal p a {
	color: #0066CC;
}

#principal p a:hover {
	color: #0066CC;
	text-decoration:none;
}

#principal h4 {
	font-size:1.1em;
}

/* suite  */
#principal p.suite {
	margin:5px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}

#principal p.suite a {
	text-decoration:none;
	color:#000000;	
}

#principal p.suite img {
	margin-right:5px;
}

/* chapo  */
#principal p.chp {
	font-weight:bold;
	margin-bottom:15px;
}

/* Deuxieme une */
#principal .une {
	background-color:#AFC9FC;
	padding:10px 10px 1px 10px;
	margin-bottom:10px;
}

/* Chapitre */
#principal .titchapitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#AFC9FC;
	font-style:italic;
	font-weight:bold;
	border-bottom:1px solid #AFC9FC;
	margin : 10px 0 10px 0;
}

/* Formulaires */


/* Formulaires parole */

#principal  form {
	padding: 4px 0 0 8px;
}

#principal.parole label span{
	display:block;
	font: bold .8em Arial, Helvetica, sans-serif;
	color: #23369C;
	padding:10px 0 7px;
}

#principal.parole input {
	width:420px;
	margin:0;
}

#principal.parole textarea{
	width:420px;
	margin:0;
}

#principal.parole .ok {
	font-weight:bold;
	margin: 18px 160px 0 0;
	padding: 2px ;
	background: #23369C;;
	color:#fff;
	cursor:pointer;
	border: 1px solid #23369C;
	width: 200px;
}

#principal.parole .ok:hover {
	background: #AFC9FC;
	color:#23369C;
}

#principal.parole .alert {
display:block;
	color:#FF0000;
	font-weight:bold;
line-height: 110%;
	padding: 10px 0 5px;
}

#principal.parole fieldset {
	border:none;
}

#principal.parole table {
	width:422px;
	border: 1px solid #B0D0FF;
}

#principal.parole .item {
width : 422px;
}

#principal.parole .spip_encadrer p {
width : 422px;
text-align: left;
padding : 10px 0;
}


/*--------------------------------*/
/* Colonne secondaire             */
/*--------------------------------*/
#secondaire{
	margin-left:500px;
	padding-bottom:15px;
	padding:0px 10px 0 10px;
}

#secondaire a {
font-weight: bold;
color:#23369C !important;
}

#secondaire a:hover {
color:#B88A00!important;
}

/* Chapitre */
#secondaire .titchapitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#21389D;
	
	font-weight:bold;
	border-bottom:1px solid #21389D;
	margin : 0 0 5px 0;
}

/* H1 = #TITRE  */
#secondaire h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0 0 10px;
	color:#000000;
}

#secondaire h1 a {
	color:#000000;
	text-decoration:none;
}

/* paragraphe  */
#secondaire p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
	line-height:1em;
	margin-left:10px;
}

#secondaire p a {
	color:#000000;
	text-decoration:none;
}

#secondaire .connex {
	border:1px solid #21389D;
	margin-top:25px;
	
}

#secondaire .connex h1{
	background-color:#21389D;
	height:20px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin-bottom:5px;
	
}

#secondaire .connex input{
	border:1px solid #AFC9FC;
	
	width:195px;
}

#secondaire .connex .btn{
	background-color:#B88A00;
	width:50px;
	color:#FFFFFF;
}

/*------- Les messages du courrier -------*/

#principal .item span {
display: block;
font: bold  .7em Verdana, Arial, Helvetica, sans-serif;
padding: 4px 5px;
margin: 5px 0 0;
background: #AFC9FC;
color:#23369C;
}

#principal .item span a {
color: #000;
}

#principal .item span a:hover {
color: #c00000;
}

#principal .item p {
margin : 0 0 13px;
}

#principal .item h2 {
margin : 4px 0 5px;
color:#23369C;
}

#principal .item .paru {
background : none;
padding: 0;
color: #B88A00;
}

/*--------------------------------*/
/* Footer				          */
/*--------------------------------*/
#footer{
  border-top:solid 3px #f6f6f1;
  padding:1em 15px;
}

#footer .enligne li {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  margin-left: 2em;
}

/* ---- Plan du site ---*/
ul.plansite, ul.plansite ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 1.5em;
	font-size: 10px;
}
 
ul.plansite li {
	border-left: 1px solid #E4E4D3;
	color: black;
	margin:0 ;
	padding: 2px; 
}

ul.plansite li a {
	padding-left: 0.5em;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid #E4E4D3;
}

ul.plansite li strong {
  font-size: 1.2em;
}
  




/*-------------------------------- Spip Formulaire ------------------------------------*/
 .formulaire {
   background-color: #e8f4ff;
   font-family: Verdana, Arial, sans-serif;
   font-size: 90%;
   font-weight: normal;
   border: 1px solid black;
   padding: 10px;

} 
 .spip_encadrer  p{
 	font-size:1em;
}

.spip_bouton {
   background-color: #b0d0FF;
   color: black;
}

.spip_bouton {
   background-color: #b0d0FF;
   color: black;
}


.spip_puce {
	border:0px solid #FFFFFF;
	
}



/*------------------*/
/* MENU             */
/*------------------*/

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
#menu {
	z-index:100;
	width: 100%;
	
}

#menu dl {
	float: left;
	border-left:1px solid #ffffff;
	
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	background: #B88A00;
	color:#FFFFFF;
	padding: 2px 7px 4px 7px;
}

#menu dd {
	position: absolute;
	top: 85px;

	/*border: 1px solid gray;*/
}

#menu li {
	background: #B88A00;
	width:200px;
	text-align: left;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px 5px 2px 5px;
	

}

#menu dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#menu li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}


#menu li a:hover {
	color:#21389D;
	background:#AFC9FC;
	padding:2px 5px 2px 5px;
	font-weight: bold;
}

#menu dt a:hover {
	color:#000000;

}



/* Mise en forme des QCM
 */

.spip_qcm
{  
  text-align:left;
  font-size: 80%;
  font-family            : arial, helvetica, sans-serif;
  color :  #3F5264;
  font-size : 12;
  border: 1px solid #F78C54;
  padding: 3px; 
  background-color : #FFEADE;
}

.spip_qcm_question{ 
  font-size : 12px;
  font-weight : bold;
  color :  #3F5264;
 }

.spip_qcm_proposition{ 
	display:block;
	overflow:hidden;
	font-size : 18px;
	color :  #3F5264;
	padding: 0 0 0 10px;
 }

.spip_qcm_proposition p input {
	position:relative;
	top:6px;
	left: -6px;
	border-width::0px !important;
 }

.spip_qcm_reponse{ 
  font-size : 12px;
  color :  #3F5264;
 }

.spip_qcm_precision{
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 1em;  
  margin-right: 0;
  text-align:left;
  font-size: 80%;
  width:90%;
  font-family            : arial, helvetica, sans-serif;
  color :  #3F5264;
  font-size : 12px;
  border: 1px dotted #3F5264;
  padding: 3px; 
}

.spip_qcm_correction_faux{ 
  font-size : 10px;
  background-color : red;
  color : #FFEADE;
  font-weight : bold; 
  width:120px;
}

.spip_qcm_correction_juste{ 
  font-size : 10px;
  background-color : green;
  color : #FFEADE;
  font-weight : bold;
   width:120px;
}

.spip_qcm_correction_null{ 
  font-size : 10px;  
  font-weight : bold;
}


.spip_qcm_bouton_corriger{ 
 color :  #3F5264;
  font-size : 10px;  
  font-weight : bold;
 background-color : #FFEADE;
}

.spip_qcm_select{ 
  color :  #3F5264;
  font-size : 10px;  
  background-color : #F3EEEA;
}

.spip_qcm_titre{ 
  text-align : center;
  font-size : 14px;
  font-weight : bold;
  color :  #3F5264;
}

.spip_qcm_point{ 
  font-size : 10px;
  font-weight : normal;
  color :  #3F5264;
}

.spip_qcm_score{   
  text-align:center;
  width:20%;
  font-family : arial, helvetica, sans-serif;
  color :  red;
  font-size : 12px;
  font-weight : bold;
  border: 2px solid green;
  padding: 3px; 
}

.spip_qcm_erreur{ 
  font-family : arial, helvetica, sans-serif;
  color :  red;
  font-size : 14px;
}