<!--
BODY {
	margin: 0px;
	background-color: #FFFFFF ;
}

* {
	font-family: Arial,Geneva,Verdana,Helvetica ;
}

a {
	text-decoration : none;
}

.texte_blanc {
	color : #FFF;
}

.texte_blanc_gras {
	color : #FFF;
	font-weight : bold;
}

.texte_normal {
    color : #000;
    font-size: 12px;
    font-family: Arial,Geneva,Verdana,Helvetica;
}

.texte_cas {
    color : #000;
    font-size: 10px;
    font-family: Arial,Geneva,Verdana,Helvetica;
}
.texte_noir {
	color : #000;
}

.petit_texte_noir {
    color : #000;
    font-size: 11px;
    font-family: Arial,Geneva,Verdana,Helvetica;
}

.chemin {
    padding-top:5px;
    padding-bottom:15px;
    padding-left:13px;
    font-size: 12px;
    font-family: Arial,Geneva,Verdana,Helvetica;
    color : #005da4;
}

.chemin_fleche {
    color : #72c268;
    font-size: 14px;
    font-weight:bold;
}

.texte_bleu {
    color : #005da4;
}

.texte_bleu_gras {
    color : #005da4;
    font-weight:bold;
}

.texte_vert {
    color : #006b56;
}

.texte_vert_clair {
    color : #72c268;
}

.texte_rose {
    color : #910c65;
}

.texte_rouge_correction {
    color : #ed4c4e;
}

.texte_rouge_correction_gras {
    color : #ed4c4e;
    font-weight:bold;
}

.texte_noir_gras{
	color : #000;
    font-weight: bold;
}
#contenu_home {
	position: relative;
	left: 5px;
	top: 0px;
	z-index : 2;
    width: 570px;
}

#contenu {
	position: relative;
	left: 5px;
	top: 0px;
	z-index : 2;
    width: 570px;
}
	
#bandeau_menu {
	position: absolute;
	left: 380px;
	top: 10px;
	z-index: 2;
}

#bandeau_menu_texte {
	font-weight: normal ;
	font-size: 14px ;
	z-index: 2;
}

#bandeau_langue {
	position: absolute;
	left: 230px;
	top: 15px;
	z-index: 2;
}

#bandeau_slogan {
	position: absolute;
	left: 211px;
	top: 67px;
	background : #005DA4;
	width : 573px;
	height : 40px;
	font-weight: normal ;
	font-size: 12px ;
	z-index: 2;
}

#bandeau_slogan_texte {
    margin-top: 5px;
	margin-left : 16px;
}

.cadre {
	position: absolute; 
}

.cadre_echelle {
	left: 10px; 
	top: 10px; 
}

.cadre_cnp {
	left: 10px; 
	top: 217px;
}

.cadre_cnp2 {
    display : none;
	left: 10px;
	top: 217px;
}

.cadre_film {
	left: 205px; 
	top: 10px; 
}

.cadre_commande {
	left: 580px; 
	top: 10px; 
}

.cadre_algo {
	left: 580px; 
	top: 217px;
}

.left {
	z-index : 2;
    padding-left:10px;
    background-image: url(/images/left.png);
    border-right: 2px solid #005da4;
    width: 188px;
    height:100%;
    background-repeat: no-repeat;
    background-position:right top;
    vertical-align: top;
}

#images_left {
    padding-top : 50px;
}

.titre {
    color: #005da4;
    font-size: 23px;
    position: relative;
    top: 10px;
    left: 35px;
    font-family: Arial,Geneva,Verdana,Helvetica;
}


.titre_bleu {
    color: #005da4;
    font-size: 20px;
    font-family: Arial,Geneva,Verdana,Helvetica;
    font-weight: bold;
}

.sous_titre_bleu {
    color: #005da4;
    font-size: 15px;
    font-family: Arial,Geneva,Verdana,Helvetica;
    font-weight: bold;
}

a.lien_bleu_souligner {
    color: #005da4;
    font-size: 15px;
    font-family: Arial,Geneva,Verdana,Helvetica;
    font-weight: bold;
}

a.petit_lien_bleu_souligner {
    color: #005da4;
    font-size: 12px;
    font-family: Arial,Geneva,Verdana,Helvetica;
    font-weight: bold;
}

a.lien_noir {
    color: #000;
	font-weight: normal ;
	font-size: 14px ;
	z-index: 2;
}

.conteneur_bleu {
    background-color:#3e418b;
    color : #FFF;
    font-weight: normal;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conteneur_bleu_clair {
    display:block;
    background-color:#e3f3ff;
    color : #005da4;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:10px;
}

.conteneur_bleu_foncer {
    background-color:#1d1093;
    color : #005da4;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conteneur_vert {
    background-color:#006b56;
    color : #FFF;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conteneur_vert_clair {
    background-color:#72c268;
    color : #FFF;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conteneur_rouge_clair {
    background-color:#ed4c4e;
    color : #FFF;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conteneur_rose {
    background-color:#910c65;
    color : #FFF;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.carre_item {
    background-color:#1d1194;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
}

.carre_item_vert {
    background-color:#006b56;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
}

.carre_item_rose {
    background-color:#910c65;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
}

.valider_item {
    background-color:#1d1194;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:left;
    padding:0;
    margin:0;
}

.valider_item_vert {
    background-color:#006b56;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:left;
    padding:0;
    margin:0;
}

.valider_item_rose {
    background-color:#910c65;
    color : #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align:left;
    padding:0;
    margin:0;
}
.valider_commande {
    background-color: #005da4;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Geneva, Verdana, Helvetica, Sans-Serif;
	font-weight: bold
}

#resultat_item{
    font-weight: bold;
}

#reponse_correct {
    display:none;
}

#reponse_incorrect {
    display:none;
}

#description_cas {
    width:200px;
    height:350px;
    overflow:scroll;
}

#correction_cas {
    display : none;
    width:200px;
    height:350px;
    overflow:scroll;
}

#cotation_cas {
    width:370px;
    height:350px;
    overflow:scroll;
}

.header_bleu_cotation_cas {
    background-color : #1d1193;
    width:100%;
    color : #FFF;
    font-weight: bold;
}

.header_vert_cotation_cas {
    background-color : #006b56;
    width:100%;
    color : #FFF;
    font-weight: bold;
}

.header_rose_cotation_cas {
    background-color : #910c65;
    width:100%;
    color : #FFF;
    font-weight: bold;
}

.filet_gris {
    background-color : #CCC;
    width: 280px;
    height : 1px;
}
-->