/********************************************/
/*            blocs de la  fiche              */
/********************************************/
#bloctitre1{
float: left; 
width: 100%; 
margin-top:10px;
Margin-bottom : 10px;
//margin: 10px; 
// padding-left: 10px; 
border-bottom-style: solid; 
border-bottom-width: 2px; 
border-bottom-color:#cccccc;
font-size : 100%;
}


#bloctitre2 {
float:left; 
width: 95%;  
margin-top:10px; 
margin-bottom:10px; 
padding:5px; 
background-color:#EEEEEE; 
border-radius : 5px;
//color:black;
font-size : 80%;
}

.bloccontenu {
float: left; 
width: 100%; 
margin-top: 10px; 
margin-bottom: 30px; 
//padding-left: 10px; 
border-radius: 5px;
border :2px solid;
border-color : #eeeeee;
box-shadow: 5px 5px 10px #CCCCCC;
}

#bloccontenu1 {
//background-color:#EEEEEE;
}

#bloccontenu2 {
//background-color:#EEEEEE;
}

#bloccontenu3 {
//background-color:#EEEEEE;
}

#blocformat {
float: left; 
width: 90%; 
//height: 250px; 
margin: 10px; 
padding-left: 10px; 
//background-color: #eeeeee; 
border-radius: 5px;
border :2px solid;
border-color : #eeeeee; 
font-size : 70%;
}

#bloccontenu35 {
margin-left : 5px;
margin-top : 2px;
Width:34%;
height :90%;
float:left; 
border-radius: 5px; 
//font-size : 75%; 
}
#bloccontenu25 {
margin-left : 5px;
margin-top : 2px;
Width:24%;
height :90%;
float:left; 
border-radius: 5px; 
//font-size : 75%; 
}
#bloccontenu15 {
margin-left : 5px;
margin-top : 2px;
Width:14%;
height :90%;
float:left; 
border-radius: 5px; 
//font-size : 75%; 
}

#bloccontenu5 {
margin-left : 5px;
margin-top : 2px;
Width:5%;
float:left; 
border-radius: 5px; 
border :2px solid;
border-color : #eeeeee;
//font-size : 75%; 
}



/********************************************/
/*                  BLOC CSS                */
/********************************************/
#blocfiche {
float:left; 
width: 100%; 
//height :60px;
margin-top:20px; 
//padding:1px; 
background-color:#EEEEEE; 
//border :2px solid;
//border-color : #9CC240; 
border-radius: 10px; 
box-shadow: 5px 5px 10px #CCCCCC;
/*transition: all 1.3s; 
transition when the mouse over;*/
}


#blocfichetitre {
//margin-top : 5px;
margin-bottom : 5px;
margin-left :10px;
width: 33%; 
height : 90%;
float:left; 
font-size :70%;
//color : #9CC240; 
//border :2px solid #FFFFFF ;
// background-color:#EEEEEE; 
}

#blocfichethemes {
margin-left : 5px;
Width:15%;
height :90%;
float:left; 
font-size :70%;
border-radius: 5px; 
text-align :center;
}
#blocfichetheme1 {
margin-top : 5px;
Width:90%;
float:left; 
border-radius: 5px; 
color:green;
background-color:#FFFFFF; 
}
#blocfichetheme2 {
margin-top : 5px;
Width:90%;
float:left; 
border-radius: 5px; 
color:bleu;
background-color:#FFFFFF; 
}
#blocfichetype {
margin-top : 10px;
Width:90%;
float:left; 
border-radius: 5px; 
color:white;
background-color:red; 
}

#blocsession {
margin-left : 5px;
margin-top : 2px;
Width:27%;
height :90%;
float:left; 
border-radius: 5px; 
font-size : 75%;
color:#33B5CA;
//padding : -5px;
//background-color:#457754; 
}

#blocdroite {
margin-left : 5px;
float:right; 
font-size :70%;
width: 20%; 
height :90%;
//margin-top:5px; 
background-color:#eeeeee; 
border-radius: 10px; 
border-color : #9CC240; 
/* transition: all 1.3s; transition when the mouse over */
}

#blocetatform {
float:right; 
width: 90%; 
//height :20px;
padding-left :5px;
margin-top:5px;
margin-right :5px; 
background-color:#FFFFFF; 
border-radius: 5px; 
border-color : #9CC240; 
//font-size :70%;
color:red;
/* transition: all 1.3s; transition when the mouse over */
}

#blocliensafo {
float:right; 
width: 90%; 
//height :15px;
padding-left :5px;
margin-top:10px; 
margin-right :5px; 
//font-size :65%;
/* transition: all 1.3s; transition when the mouse over */
}




#blocficheresponsable {
margin-top : 15px;
position : relative;
Width:80%;
height : 20px;
border-radius: 5px; 
font-size : 90%;
color:#33B5CA;

}

#blocfichedescription {
margin-top : 20px;
position : relative;
Width:90%;
height : 30px;

color:#EEEEEE;
}

#blocsurfiche {
float:right; 
width: 30px; 
height :30px;
margin-top:-10px; 
background-color:#eeeeee; 
border-radius: 15px; 
border-color : #9CC240; 
font-size :1%;
/* transition: all 1.3s; transition when the mouse over */
}

#blocsurfiche:hover {
width: 170px; 
height :150px;
margin-top:-80px; 
margin-left:-10px; 
background-color:#33B5CA; 
font-size :80%;
/* transform: rotate(360deg); */
border-radius: 15px; 
color:#EEEEEE;
/*shadow: 5px 5px 10px #CCCCCC;*/
}

#blocficheaction {
position : relative;
margin-top : 10px;
bottom : 5px;
border-radius: 5px;
Width:90%;
color:#53ADDF;
font-size: 80%;
background-color:#EEEEEE; 
}


.generalbox {
border:none;
}
p
.t1tutopresto {
font-family: Arial, sans-serif;
font-style:bold;
font-size: 130%;
color: orange;
text-align:left;
}


table {
    border-spacing: 0;
    background-color:white;
    /*width: 100%;*/

}

.bordered {
    /*border: 1px solid #CCCCCC;*/
 border-top: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
    border-radius: 6px 6px 16px 0px;
    box-shadow: 0 10px 10px #CCCCCC;
}

.bordered tr:hover {
    background: none repeat scroll 0 0 #ACD653;
    transition: all 0.1s ease-in-out 0s;
    padding: 10px;
    font-style:bold;
    color :#FFFFFF
}



.bordered td,  {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-left:10px;
    padding-top:10px;
    text-align: left;

}
.bordered th {
    background-color: #EEEEEE;
    border-top: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-align: left;
    font-family: arial;
    color:#666666;
    padding: 10px;
}
.bordered td:first-child, .bordered th:first-child {
    border-left: medium none;
}

.bordered th:first-child {
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    border-radius: 0 6px 0 0;
}

.bordered th:only-child {
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
    border-radius: 0 0 16px 0;

    
}

/********************************************/
/*            tableau affichage fiche        */
/********************************************/
.bordered-fiche {
    border: 1px solid #CCCCCC;
    /*border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;*/
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 10px 10px #CCCCCC;
}

.bordered-fiche tr:hover {
    background: none repeat scroll 0 0;
    transition: all 0.1s ease-in-out 0s;
    padding: 10px;
    font-style:bold;
}

.bordered-fiche td  {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-left:10px;
    padding-top:10px;
    text-align: left;

}
.bordered-fiche th {
    background-color: #EEEEEE;
    border-top: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-align: left;
    font-family: arial;
    color:#666666;
    padding:10px;
    
}

.bordered-fiche tf {
    background-color: #EEEEEE;
    border-top: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-align: left;
    font-family: arial;
    color:#666666;
    padding:10px;
    
}









#page-header-wrapper, #intro.generalbox, #page-header, #intro.box
{
display: none;
}

/* affichage list




/* Print styles for Moodle database activity */
 
@media print {
 
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
  }
 
  body {
    background-color: White;
    color: Black;
    font-size: 75%;
  }
 
   div.tabtree, div#header, div.navbar, div.header.navbar, div.breadcrumb,div.brand,div.breadcrumb-button,
  div.headermenu, div.paging, div#footer, div.ul.socials,h2.pagetitle,div.nav-tabs,
  div.datapreferences,div.page-header-wrapper, div.intro.generalbox, div.page-header, div.ratingform, div.mdl-left,div.intro.box,div.textwrap {
    display: none;
  }
 
  table {
    text-align: left;
  }
}


#page-mod-data-view .datapreferences, #page-mod-data-preset .presetmapping 
{
    text-align: center;
    display: none;
}