#blocPage{
width:900px;
margin:auto;
/*background-color:rgba(194, 194, 194, 0.5);*/


}

img{
border:0;


}
nav
{
width:100%;
height:30px;
background-image:url(foto/navBleu.png);
display:inline-block;
font-family:arial;
font-variant:small-caps;
border-radius:5px;

}

nav ul
{
/*list-style-type:none;*/
margin:auto;
}


nav li
{
display:inline-block;
margin-right:55px;

}


nav a
{
text-decoration:none;
font-size:1.3em;
padding-left:40px;
color:white;
}

nav a:hover
{
color:grey;

}


section{
display:inline-block;
vertical-align:top;
text-align:left;

/*margin-left:2%;*/
height:auto;
margin-top:2%;
/*background-color:red;*/

}



.sommaire{
width:100%;
text-align:left;


}

.sommaire article{
display:inline-block;
vertical-align:top;
width:20%;
height:30%;
/*background-color:green;*/
margin-right:2.9%;
margin-bottom:3%;
background-color:rgba(194, 194, 194, 0.2);
margin-left:15px;
border-radius:10px;

}

#marge{
padding-left:20px;
padding-right:20px;
font-size:0.9em;
height:220px;


}



#approfondisci{
font-size:0.8em;
color:blue;
}



.sommaire ul{
list-style-position:inside;
padding-left:10px;
}



.sommaire h1{
/*background-color:rgba(136, 130, 153, 0.1);*/
background-image:url(foto/Rectangle.png);
text-align:center;
height:30px;
color:white;
padding-top:8px;
font-size:1.2em;


}

#ProDi{
height:35px;
padding-top:0;
padding-bottom:8px;
}




.sommaire img{
vertical-align:bottom;

}


#navLeft{
width:25%;
/*background-color:grey;*/
display:inline-block;


}
#navLeft img{
padding-left:23px;


}

#navLeft ul{
list-style-type:none;
padding-left:0;
border-style:dotted;
border-width:1px;
border-color:grey;



}

#navLeft h1{
background-image:url(foto/Rectangle.png);
text-align:center;

font-size:20px;
font-variant:small-caps;
font-family:arial;
color:white;


}
#navLeft a{
text-decoration:none;

}

#Contenu{
width:65%;
height:auto;
background-color:rgba(136, 130, 153, 0.1);
display:inline-block;
vertical-align:top;
margin-left:35px;
padding:20px;
margin-top:15px;
border-radius:30px;
text-align:justify;

}


#TestiElaborati{
margin-left:50px;


}


#identite {

width:50%;
height:50px;
display:inline-block;
vertical-align:top;
margin-left:135px;
font-size:18px;
font-family:arial;



}

#DDR{
border-radius:10px;
border-style:double;
border-width:2px;
border-color:white;


}

#menu{
width:70%;
text-decoration:none;
margin-left:29%;
margin-top:5%;
text-transform:uppercase;
font-size:0.9em;
font-family:verdana;

}

.referenti{
text-align:center;


}


.contatti{
text-align:center;
}


footer{
text-align:center;
font-family:arial;
font-size:0.9em;
color:grey;

}