
.placerFormeDictee,.placerFormeDictee2,.placerFormeDicteeEleve{ 
    opacity: .7;
}
.placerFormeDictee{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
}
.placerFormeDictee2{
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
    height: 30px;
    width: 30px;
    float: right;
}
.placerFormeDicteeEleve{ 
    margin-top: -70px;
}
.placerFormeDictee:hover,.placerFormeDicteeEleve:hover{ 
    opacity: 1;
}

.placerFormeNegoDictee{ 
    height: 30px;
    width: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
    opacity: .3;
    float: right;
}
.placerGrpNiveau{
    opacity: .8;
    height: 24px;
    width: 24px;
    float: right;
}
.placerImage{ 
    display: block;
    height: 180px;
    width: 180px;
    margin-left: 5%;
    padding-left: 30px;padding-right: 30px;
    padding-top: 10px;padding-bottom: 10px;
}

.placer_petite_Image{ 
    height: 150px;
    padding-left: 30px;padding-right: 30px;
    padding-top: 5px;padding-bottom: 5px;
}

.label_cercles,.label_petits_cercles{

    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Pacifico', cursive;
    font-weight: normal;
    color: #a4a4a4;
}

.label_cercles{
    font-size: small;
}

.label_petits_cercles{
    font-size: small;
}

.les_cercles{
    margin-left: 5%;margin-top: 0px;
    width: 200px;
    display: inline-block;
}
.les_petits_cercles{
    margin-left: 5%;
    margin-right: 15%;
    margin-top: 0px;
    display: inline-block;
}
td{
    text-align:center;
    vertical-align:top;
}
span.le_demi_cercle_gauche,span.le_demi_cercle_droit,span.le_petit_demi_cercle_gauche,span.le_petit_demi_cercle_droit{

    display: inline-block;
}

span.le_demi_cercle_gauche,span.le_petit_demi_cercle_gauche{
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
span.le_demi_cercle_droit,span.le_petit_demi_cercle_droit{
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px;
}

span.le_demi_cercle_gauche,span.le_demi_cercle_droit{
    height: 12px;
    width: 6px;
}

span.le_petit_demi_cercle_gauche,span.le_petit_demi_cercle_droit{
    height: 10px;
    width: 5px;
}

span.le_demi_cercle_gauche{ 
    background: grey;
}

span.le_petit_demi_cercle_gauche{ 
    background: #e4ae4f;
}

span.le_demi_cercle_droit,span.le_petit_demi_cercle_droit{ 
    background: #C8C8C8;
}

span.le_cercle_vide,span.le_petit_cercle_vide{
    background:#C8C8C8;
}
span.le_cercle_plein{
    background:grey;
}
span.le_petit_cercle_plein{
    background:#e4ae4f;
}
span.le_cercle_vide,span.le_cercle_plein{
    display: inline-block;
    border-radius:50%;
    width:8px;
    height:8px;
} 
span.le_petit_cercle_vide,span.le_petit_cercle_plein{
    display: inline-block;
    border-radius:50%;
    width:10px;
    height:10px;
} 
.label_titre{
    //font-size: large;
    margin-top:10px;
    margin-bottom:30px;
    height:15px;
}
.label_cadre,.label_cadre_small,.label_titre{
    font-family: 'Pacifico', cursive;
    text-align: center;
    padding-left: 5%;
}
.label_cadre{
    font-size: large;
    /*height:250px;*/
}
.label_cadre_vide,.label_cadre_vide2{
    border-style: dashed;
    opacity: .7;
    font-size: normal;
    height:372px;
    background-color: #fcfd8f;
}
.label_cadre_vide{
    padding-left: 10%;
}
.label_cadre_vide2{
    padding-left: 17%;
}
.label_cadre_small{
    font-size: small;
    height:330px;
}
.label_date{
    margin-top: 10px;margin-bottom: 0px;
    display: inline-block;
}
.labelTitre{
    color: #f82b0b;
}
.boutonRond_gche {
    margin-left: 25%;
}

.boutonRond_droit {
    margin-left: 80%;
}

.boutonRond_droit,.boutonRond_gche {
    width:20px;
    height:20px;
    background:#ddd;
    box-shadow:2px 2px 8px #aaa;
    font:bold 13px Arial;
    border-radius:50%;
    color:#555;
    display: inline-block;
}
.positionGlyph{
    margin-left: 15%;
    margin-top: 10%;
    font-size: 15px;
}
.thumbnail{
    box-shadow: 1px 1px 4px #555;
    padding:0px;
}
.cadre_entier{
    height: 372px;
}
.cadre_entier_petit_cycle2,.cadre_entier_petit_cycle3,.cadre_entier_petit_cycle4{
    width:160px;
    height: 240px;
}
.cadre_entier_enseignant{
    width:255px;
    height: 140px;
    background-color: #309a96;
    font-size: 18px;  
    box-shadow:2px 2px 5px #aaa;
}
.cadre_entier_enseignImpr{
    width:120px;
    height: 160px;
    background-color: #309a96;
    font-size: 18px;  
}
.lienHtmlEnseignant{
    color: #3e3d3d;
    font-weight: 400;
}
.cycle{
    color: #ffdb4b;
}
.cadre_entier_petit_cycle3{
    background-color: #feffa6;
}
.cadre_entier_petit_cycle4{
    background-color: #fbd767;
}
a img.placer_petite_Image{ 
    height: 80px;
}
.placer_petite_Image{ 
padding-left: 5px;padding-right: 5px;
padding-top: 5px;padding-bottom: 5px;
}
.col-lg-3 {
    width: 18%;
}
.nivClasse{
    color: #267875;
}
.btnCycle2,.btnCycle3,.btnCycle4{
	margin-top: 5px;
	//margin-left: 5px;
	//background-color: #309a96;
	color: black;
        box-shadow:2px 2px 5px #aaa;
}
.btnCycle2{
    margin-left: 0px;
}
.btnCycle3{
    margin-left: 20px;
    background-color: #feffa6;
}
.btnCycle4{
    margin-left: 20px;
    background-color: #fbd767;
}
#btnEnsgnt,#btnEnsgnt:hover{
    color: #3f3f3f;
}
.btnEnseignant{
    margin-top: 5px;
    margin-left: 20px;
    background-color: #309a96;
    color: white;
    box-shadow:2px 2px 5px #aaa;
}
.zoneCyclesEtEnseignant{
    margin-bottom: 20px;
}
#idZoneCycle2{
    margin-right: 480px;
}
#idZoneCycle3{
    margin-left: 110px;
    margin-right: 370px;
}
#idZoneCycle4{
    margin-left: 350px;
    margin-right: 130px;
}
#idZoneEnseignant{
    margin-left: 90px;
    margin-right: 100px;
}
#idZoneEnseignImpr{
    margin-left: 50px;
    margin-right: 630px;
}
.libelleZoneCycles{
    font-size: medium;
    font-weight: lighter;
}
.iconEnseignant,.iconEnseignant2,.iconEnseignant3,.iconEnseignant4{
    font-size: 20px;
    margin-left:20px;
}
.iconEnseignant,.iconEnseignant2,.iconEnseignant3{
    margin-top:10px;
}
.iconEnseignant3{
    margin-right:20px;
}
.iconEnseignant4{
    font-size: 16px;
    line-height: 1.4;
    padding: 2px;
    margin-right:2px;
}
.pourVideoPresentation{
     margin-top:60px;
}