body.popup{
	padding:0px;
	/*margin-left:20px;*/
	/*margin-right:20px; */
	width:95%;
	text-align:center;
	font-family: Verdana, Arial, Times, Helvetica, sans-serif;
	font-size: small;
	/* 	background-color: #010754; */
	color: #000066;
	background-color:#FFFFFF;
	font-size:small;
	overflow:auto;	
	height:auto;	
}

body{
	padding:0px;
	/*margin-left:20px;*/
	/*margin-right:20px; */
	width:98%;

	text-align:center;
	font-family: Verdana, Arial, Times, Helvetica, Sans-serif;
	font-size: small;
	/* 	background-color: #010754; */
	color: #000066;
	background-image:url("../images/fond_body.gif");
	background-color:#FFFFFF;
	font-size:small;
	overflow:auto;	
}


/*-------------------------*/
/*   tous les div de base  */

#conteneur {
	/*border : 2px solid #f00;   ça c'est pour la voir. Tu peux le supprimer */
	text-align: left;
	background-color: #FFFFFF;
	width:100%;
	height:auto;
	font-size: 80%;
/*	padding-left:5;
	padding-right:5;
*/

	/*overflow:auto; */
	

}

#menu_cours {
	position:absolute;
	float: left;
	width: 18%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}

#menu_contact {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}

/*
#headlines{
    float:right;
	width: 18%;
	border: 2px solid;
	border-color:#FFFF33;
	padding-right: 10px;
	background-color: #FFFFCC;	
}


#menu_parcours{
    
	width: 18%;
	border: 2px solid;
	border-color:#FFFF33;
	/*padding-right: 10px;*/
	/*
	background-color: #FFFFCC;	
}
*/

.menu_parcours2{
    
/*	width: auto;*/
	border: 3px solid;
	border-color:#FFFF33;
	padding: 7;
	background-color: #FFFFCC;	
	text-align:left;
}


#content{
	float: right;
/*    width: 62%;*/
	width:80%;
	padding-left:5;
	margin-left:5;
	padding-right:8;

	background-color:#FFFFFF;
		/*overflow:scroll;  */
}

#footer {
	width:100%;
	padding-top:10;
/*	margin-top:10;*/
	float:left;
	text-align:center;
	color:#666666;
	background-color:#E0E0E0;
	border-color:#999999;
	font-size:60%;

}
	

/*---------------fin des div de base -------------------------*/ 


/*--- id de <H3> dans bloc "menu_cours" */
#identification {
	background-color:#FF6600;
	color:#FFFFFF;
	margin-left:25;
	margin-right:10;
	padding:5;
	font-stretch:expanded;
	text-align:right; 
}

.lettrine:first-letter {

	font-size:24px;
	font-family:"Comic Sans MS";
}

h1 {
	border-left-style:double;
	border-left-width:thick;
	border-left-color:#FF9933;			/* orangé */
	font-style:bold;
	font-size:medium;
	color:#FF6600;
	padding-top:10;
	padding-left:20;
	margin-left:10;
	border-bottom-style:dotted;

}

h1.menu_titre {
	font-size:100%;

}

h2 {
	margin-left:40;
	margin-right:60;
	margin-top:40;	
	padding-left:10;
	font-size:medium;
	font-style:normal;
	font-weight:normal;
	border-bottom-style:dotted;
	border-bottom-color:#CC6600;
	color: #CC6600;
}


h3 {
	margin-left:80;
	margin-right:80;
	margin-top:30;
	font-size: 100%;
	color:#6600CC;
	padding-left:10;
	border-bottom-style:dotted;
	border-bottom-color:#6600CC;
	border-bottom-width:thin;
}

h3.menu_titre {
	margin-left:10;
	margin-right:5;
	margin-top:5;
	font-size: 100%;
	border-bottom-style:none;
}

ul #imenus0 {
   width:173px;
}


.exercez_vous {
	background-color:#FF6600;
	border-style:outset;

	border-color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:8;
}


.suite_cours {
	list-style-image: url(../images/puce.gif);
	text-align:right;
}

.important {
	font-weight:bold;
	background-color:#FFFFCC;
	padding:10;
}

span.important2 {
	font-weight:bold;
	background-color:#FFFFCC;
}


.relief {
	color:#FF6600;
	font-weight:bold;
}


.petite_maj {
	font-style:italic;
	font-variant:small-caps;
}

.exemple {
	font-style:italic;
	font-variant:small-caps;
	border-bottom-color:#000066;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	margin-right : 60%;
	
	
}

img {
	width:90%;
	border-color:#CC0033;
	border-size:2;
	border-style:solid;
	padding:7;
	margin-top:8;
	margin-bottom:8;	
}

img.noborder {
	border-style:none;
}

img.logo {
	width:auto;
	border-style:none;
}

img.logo_impression {
	display:none;
}

.image_ds_texte {
	border-color:#CC0033;
	border-size:2;
	border-style:solid;
	padding:7;
	margin-top:8;
	margin-bottom:8;	
	/*width:80%;*/
}



img.icone {
	width:40;
	border-width:0;
}

img.video {
	width:90;
	border-width:0;
}
textarea {
	font-family:"Courier New, Courier, monospace";
	font-size:12px;
}

.reponse {
	display:block;
	color:#009933;
	font-family:"Courier New, Courier, monospace";
	font-size:12px;
	margin-left:3;
	
}


.reponse_fausse {
	color:#FF0000;
	text-align:left;	
}



.reponse_juste {
	color:#009933;
	margin-left:80;
	text-align:left;
}


.retrait_gauche {
	margin-left:70;
}


.syntaxe {
	font-style:italic;
	font-weight:bold;
	border-left-color:#6633CC;
	border-left-width:thick;
	border-left-style:groove;
	border-left-style:double;

	background-color:#FFCCCC;
	
	
	margin-left:90;
	margin-right:90;
	padding:10;
	padding-left:10;
	color:#6633CC}

table {
	background-color:#E1E1E1;
	width: 90%;
	color:#660066;
	font-size:smaller;
	margin-top:10;
	margin-bottom:10;
	border-width: 4;
	border-color: #666666;
}



.colonne_nombre {
	text-align:right;
	padding: 5;
}

.colonne_centree {
	text-align:center;
	padding: 5;
}

.colonne_entete {
	background-color:#000099;	/* bleu foncé */
	color:#FFFF66;				/* jaune */
}

.ligne_paire {
	background-color:#CCCCCC
}

.ligne_impaire {
	background-color:#CCCCCC
}


p {
	margin-bottom: 15px;
	text-align:justify;
}

p.center {
	text-align:center;
}


fieldset {
    margin:0px;
    width:830px;
    /*margin-top:20px;*/
    padding:0px;
    padding-left:20px;
    padding-right:20px;
}
.menu {
	padding-bottom:20px;
	position:absolute;
	top:94px;
	left:20px;
	background-color: #096891;
}

li.menu {
	padding-bottom:20px;
	position:absolute;
	top:94px;
	left:20px;
	width: 165px;
	background-color: #F0F0F0;	
}

ul.ss_menu {
	padding-bottom:20px;
	position:absolute;
	background-color: #AED7FF;
}

li.ss_menu {
	border-bottom-color:#CCFF00;

}

.titrepage {
    font-size: 16 px;
    font-weight: bold;
    color: blue;
}
.titre,legend  {
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.texte  {
    font-family: Verdana, Arial, Times, Helvetica, sans-serif;
    font-size: 13px;
    color: orange;
    text-decoration: none;
}
.info  {
    font-family: Verdana, Arial, Times, Helvetica, sans-serif;
    font-size: 13px;
    color: green;
    text-decoration: none;
}


hr {
    width:50%;
    text-align:center;
}
a {
    text-decoration: none;
    border-style:none;
}
a:hover{
    color: #0000FF;
    text-decoration: none; 
    border-style:none;
}
a:visited{
    color: #0000FF;
    text-decoration: none;
    border-style:none;
}

.l_retour{
    background-image:url("../images/boutons/Precedent.gif");
    width:88px;
    height:22px;
    position:absolute;
    top:124px;
    left:695px;
    border-style:none;
}
.Fermer {
    background-image:url('../images/boutons/close.jpg');
    width:22px;
    height:22px;
    position:absolute;
    top:124px;
    left:825px; 
    border-style:none;
}
.bt_enregistrer {
    background-color: #28659f;
    border-color: #06437d;
    font-weight: Bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    cursor:hand;
}
.bt_navigation {
    background-color: #cce3f8;
    border-color: #cce3f8;
    font-weight: Bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #255585;
    cursor:hand;
}
.ok {
    width:100px;
    cursor:hand;
    /*border:1px solid black;*/
}

.chemin {
    color: #0000FF;
    text-decoration: none;
}
.chemin:hover{
    font-family: Verdana, Arial, Times, Helvetica, sans-serif;
    font-size: 14px;
    color: #0000FF;
    text-decoration: none;
}
.chemin:visited{
    color: #0000FF;
    text-decoration: none;
}  
.sousmenu {
    width:100%;
    background-color:#cce3f8;
    border-color:#28659f;
    /*border-bottom-style:solid;*/
    border:none;
    cursor:hand;
}