/* --------------------------------------------------
 * PADDING
 *-------------------------------------------------- */


/* --------------------------------------------------
 * PRONOTE
 *-------------------------------------------------- */
.pad-5 {
padding:5%
}
.pad-2 {
padding:2%
}
 
/* Présentation Pronote.net */

#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:100%;
background-repeat:no-repeat;
height:100%;
padding:8% 10% 14% 50% ;
margin-bottom:1em;
}

@media (max-width: 900px) {
#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:100%;
background-repeat:no-repeat;
height:100%;
padding:12% 10% 14% 50% ;
margin-bottom:1em;
}
}

@media (max-width: 800px) {
#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:100%;
background-repeat:no-repeat;
height:100%;
padding:7% 20% 9% 20% ;
margin-bottom:0em;
}
}

@media (max-width: 700px) {
#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:100%;
background-repeat:no-repeat;
height:100%;
padding:9% 20% 9% 20% ;
margin-bottom:0em;
}
}

@media (max-width: 600px) {
#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:100%;
background-repeat:no-repeat;
height:100%;
padding:7% 3% 9% 2% ;
margin-bottom:0em;
}
}

@media (max-width: 500px) {
#PNET_fond{
width:100%;
margin:0 auto;
max-width:100%;
background-size:200%;
background-repeat:no-repeat;
height:100%;
padding:9% 5% 9% 5%;
margin-bottom:0em;
}
}

#PNET_fond_IT{
width:720px;
min-height:400px;
background:url('../../it/img/bg-net.jpg');
margin:15px 0px 0px 0px;
margin-top:-65px
}

.PNET-fond-espaces {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 float: none;
 margin-left: auto;
 margin-right: auto;
}

@media (max-width: 600px) {
.PNET-fond-espaces {

}
}

#PNET_fond_boutons{
position:absolute;
top:0;
text-align:center;
width:100%;
color:white;
font-size:15px;
text-align:center;

}

#PNET_titre {
padding:5px 0px 0px 10px;
color:#000;
font-weight:bold;
font-size:18px;
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.5);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#PNET_sous_titre{
padding:0px 0px 5px 10px;
color:#000;
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.5);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.PNET_boutons{
display: block;
padding: 2px 0px 2px 20px;
text-decoration: none;
margin: 3px auto;
cursor: pointer;
color: #484d52; 	
}
.PNET_boutons:hover{
background:white;
}

.PNET_boutons a {
display: block;
}
.PNET_boutons a:hover{
background:white;
}




/* Fiche produit */

table.FormulesPronote td {border:#BBB 1px solid;padding:5px; width:100%}

table.FormulesPronote td.formuleTitre {color:#666; padding-left:5px;text-align:left;font-size:17px;font-weight:bold; background-color:#EEE;padding-top:50px;}
td.formule14{font-size:14px;line-height:16px;}

td.formuleBmono {color:#FFF;text-align:center;font-weight:bold;background-color:#74d2c5;}
td.formuleBmonoVS {color:#FFF;text-align:center;font-weight:bold;background-color:#3c979b;}
td.formuleBrouge {color:#FFF; text-align:center;font-weight:bold;background-color:#88c44a;}
td.formuleBrougeVS {color:#FFF; text-align:center;font-weight:bold;background-color:#55903f;}
td.formuleBnet {color:#FFF; text-align:center;font-weight:bold;background-color:#e48a8a;}
td.formuleBnetVS {color:#FFF; text-align:center;font-weight:bold;background-color:#e46060;}

td.formuleMonoClair{background-color:#e6fffa;color:#aaa;}
td.formuleReseauClair{background-color:#e0f2de;color:#aaa;}
td.formuleNetClair{background-color:#fdebeb;color:#aaa;}
td.formule16Gris{color:#888;font-size:18px;line-height:18px;letter-spacing:-0.15em;}

div.InfoTxt1{border:0px solid;}

div.InfoDesign1{float:left;position:relative;top:0px;padding:0px;margin:0px;border:0px solid;}
div.InfoDesign2{float:right;position:relative;top:0px;padding:0px;margin:0px;border:0px solid;}

div#datepubli{ text-align:right;position:relative; float:right; color:#a09f8c;margin-top:0px;font-style:italic;}

.BlocHB{color:#555;line-height:16px;display:none;padding:10px;line-height:16px;padding-top:20px;}
#BlocHB1{display:block;}  /* background-color:#ddffee; */

.BlocHB li{padding-top:10px;padding-left:0px;line-height:16px;margin-left:10px; list-style-type:square; color:#000; font-size:11px;}
.BlocHB span {color:#000;font-size:11px;}

table.eptable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #9d9d9d;border-collapse: collapse; background-color:#e6e6e6}
table.eptable th {font-size:12px;background-position: top left; background-color:#5b658a; background-repeat:no-repeat; border-width: 1px;padding: 8px;border-style: solid;border-color: #9d9d9d;text-align:left;}
table.eptable tr {background-color:#ffffff;}
table.eptable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #9d9d9d;}