body {
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
background:#1a77bd url(../images/bg_principal.jpg) no-repeat bottom center;
padding-bottom:656px;
}   


*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
	color:#1a77bd;
}

img {
border:0px;
}

#conteneur{
    width: 1000px;
    margin-left: auto;
    margin-right: auto ;
    text-align: left;
    position: relative;
background:#FFFFFF url(../images/bg_general.jpg) repeat-y top center;
}

#left{
width:796px;
float:left;
	background-color:#FFFFFF;


}

#right{
width:204px;
float:left;
background:#FFFFFF url(../images/bg_right.jpg) repeat-y top center;


}


#menu_haut{
width:796px;
height:392px; 
float:left;
}

#lien_haut{
height:17px;
width:796px;
background-color:#fef4e5;
text-align:right;
color:#3f4c56;
padding-top:10px;
}

#lien_haut a{
font-family:Arial; 
color:#3f4c56;
font-size:11px;
font-weight:bold;
margin-left:15px;
margin-right:15px;
}

#lien_haut a:hover{
text-decoration:underline;
}

#lien_haut_right{
height:21px;
width:204px;
background-color:#fef4e5;
color:#3f4c56;
padding-top:6px;
}

#newsletter{
width:184px;
height:27px;
float:left;
background:#FFFFFF url(../images/newsletter.jpg) no-repeat top center;
padding-top:55px;
padding-left:20px;
}


#eservices{
width:184px;
height:250px;
float:left;
background:#FFFFFF url(../images/bg_eservices.png) no-repeat top center;
padding-left:20px;
}

#eservices a{
color:#3f4c56;
font-size:11px;
margin-top:12px;
margin-bottom:12px;
text-decoration:none;
margin-left:5px;
}



#menu_sup{
width:796px;
height:82px;
float:left;
}

#menu_sup img{
float:left;
}

#menu_princ{
width:776px;
height:256px;
float:left;
background-image:url(../images/vue_du_puy_top.jpg);
background-repeat:no-repeat;
padding-left:20px;

}

#menu_princ img {
float:left; 
margin-right:8px;
border:0px;
margin-top:167px;

}

li{
float: left;
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
}

#sous_menu {
float:left;
}

#sous_menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#sous_menu a{
color:#FFFFFF;
font-size:11px;
}

#mairie{
display:none;
position:absolute;
top: 350px;
left: 20px;
width: 82px;
background-color:#eb6b4a;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#enfance{
display:none;
position:absolute;
top: 350px;
left: 116px;
width: 82px;
background-color:#ec9300;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#culture{
display:none;
position:absolute;
top: 350px;
left: 212px;
width: 82px;
background-color:#b1c800;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#sport{
display:none;
position:absolute;
top: 350px;
left: 308px;
width: 82px;
background-color:#8ab5dd;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#sante{
display:none;
position:absolute;
top: 350px;
left: 405px;
width: 82px;
background-color:#b22051;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#acheter{
display:none;
position:absolute;
top: 350px;
left: 502px;
width: 82px;
background-color:#ba86b6;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#cadre{
display:none;
position:absolute;
top: 350px;
left: 599px;
width: 82px;
background-color:#8ca615;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#decouvrir{
display:none;
position:absolute;
top: 350px;
left: 695px;
width: 82px;
background-color:#e9609b;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
z-index:100;
}

#bandeau_defilant{
background:#FFFFFF url(../images/bandeau_defilant.jpg) no-repeat top center;
background-repeat:no-repeat;
width:796px;
height:29px;
clear:both;
}


#contenu{
width:759px;
margin-left:20px;
margin-top:360px;
}

#index_gauche{
width:505px;
float:left;
margin-top:15px;
}

#index_droit{
width:245px;
float:right;
margin-top:15px;
}

#pratique_gris{
width:230px;
height:15px;
background-color:#f3f4f4;
padding-left:15px;
padding-top:5px;
border-bottom:1px solid #a0c3e3;
}

#pratique_blanc{
width:230px;
height:15px;
background-color:#fcfcfc;
padding-left:15px;
padding-top:5px;
border-bottom:1px solid #a0c3e3;
}

#pratique_agenda{
width:230px;
height:30px;
background-color:#fcfcfc;
padding-left:15px;
padding-top:10px;
border-bottom:1px solid #a0c3e3;
}

#breves_gris{
width:230px;
background-color:#f3f4f4;
padding-left:15px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid #a0c3e3;
}

#breves_blanc{
width:230px;
background-color:#fcfcfc;
padding-left:15px;
padding-top:3px;
border-bottom:1px solid #a0c3e3;
}




.lien_pratique{
font-family:Arial;
font-size:11px;
color:#3f4c56;
text-decoration:none;
}

.lien_pratique:hover{
text-decoration:underline;
}


#fond_actu_princ{
position:absolute;
right:0px;
top:0px;
    width: 163px;
	height:250px;
    background-color: black;
    opacity: 0.6;
    filter : alpha(opacity=60);
	z-index:1000;
	}
	
#actu_princ{
    width: 133px;
	height:235px;
		padding-left:18px;
	padding-right:12px;
	padding-top:15px;
		float:right;
		background:url(../images/bg_actu.png) no-repeat top center;
		
}
#actu_princ .titre{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
z-index:10;

}	

	#actu_princ .intro{
font-family:Arial;
font-size:11px;
color:#FFFFFF;
z-index:10;
text-align:justify;
}

#actu_princ .lien{
font-family:Arial;
font-size:11px;
color:#FFFFFF;
z-index:10;
font-weight:bold;
}


#petite_actu{
width:242px; 
height:256px;
float:left;
margin-right:10px;
margin-top:35px;
cursor:pointer;
}

#titre_petit{
height:31px;
text-align:justify;
font-size:13px;
font-weight:bold;
color:#40483f;
margin-bottom:13px;
overflow:hidden;
}

#intro_petit{
width:242px;
height:60px;
font-size:11px;
color:#40483f;
text-align:justify;
overflow:hidden;
margin-bottom:7px;
}

.lien_petit{
font-family:Arial;
font-size:11px;
color:#f9bc00;
}

.lien_archives_actus{
color:#3f4c56;
font-family:Arial; 
font-size:10px;
text-decoration:none;

}
	

#mag{
width:204px;
height:164px;
		background:url(../images/bg_mag.jpg) no-repeat top center;
}

#pubdroit{
width:184px;
padding-left:20px;
margin-bottom:21px;
}

#daily{
width:189px;
height:205px;
background:url(../images/daily.jpg) no-repeat top center;
padding-left:15px;
}

#flickr{
width:184px;
height:170px;
background:url(../images/flickr.jpg) no-repeat top center;
padding-top:55px;
padding-left:20px;
}

.lemag{
font-size:11px;
font-family:Arial;
color:#3f4c56;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-style:italic;
float:right;
margin-right:46px;
}

.lemag_lien{
font-size:11px;
font-family:Arial;
color:#3f4c56;
text-decoration:none;
font-style:italic;
float:right;
margin-right:46px;
}

.lemag_lien2{
clear:both;
font-size:10px;
font-family:Arial;
color:#3f4c56;
text-decoration:none;
float:right;
margin-right:30px;
margin-top:13px;
width:150px;
text-align:right;
}

#pied_de_page{
clear:both;
background:url(../images/img_bas.jpg) no-repeat bottom center;
width:1000px;
height:129px;
}

#coordonnees{
margin-top:82px;
float:left;
text-align:right;
margin-left:15px;
}

.mairie{
font-family:Arial;
font-size:14px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;

}

.adresse{
font-family:Arial;
font-size:11px;
color:#FFFFFF;

}

#bas_droite{
float:right;
text-align:left;
margin-top:82px;
width:185px;
}

.presse_intranet{
font-family:Arial;
font-size:13px;
text-transform:uppercase;
color:#3f4c56;
font-weight:bold;

}

.liens_bas{
font-family:Arial;
font-size:9px;
color:#3f4c56;
}
    

#ariane{
font-family:Arial;
font-size:9px;
color:#3f4c56;
margin-bottom:5px;
margin-top:5px;
}
	
#ariane a{
font-family:Arial;
font-size:9px;
color:#3f4c56;
text-decoration:none;

}

#ariane a:hover{
text-decoration:underline;
}

#webtools{
width:212px;
height:45px;
float:right;
margin-top:-30px;
}

#webtools img{
border:0px;
float:left;
}


	
	
#titre_jaune{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_jaune.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_vert{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_vert.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_vert_clair{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_vert_clair.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_rose_clair{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_rose_clair.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_rosef{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_rosef.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_violet{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_violet.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_bleu{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_bleu.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_bleuf{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_bleuf.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_orange{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_orange.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_orangef{
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_orangef.jpg) no-repeat bottom left;
margin-bottom:10px;
}

#titre_else{
clear:both;
height:29px;
padding-left:17px;
padding-top:10px;
background:url(../images/titres/bg_else.jpg) no-repeat bottom left;
margin-bottom:10px;
}


.lettre1_titre{
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#40483f;
}

.reste_titre{
font-family:Arial;
font-size:17px;
font-weight:bold;
color:#40483f;
}
	
	
#liste_liens {
width:739px;
background-color:#f0f1f1;
border:1px solid #40483f;
padding:10px;
margin-bottom:5px;
}

#liste_liens a{
color:#40483f;
text-decoration:none;
}

#liste_liens a:hover{
text-decoration:underline;
}

.lien_actif{
font-weight:bold;


}

#annuaire{
width:360px;
height:148px;
float:left;
background:url(../images/bg_annuaire.jpg) no-repeat bottom left;
padding-bottom:6px;
}

#titre_annuaire_jaune{
width:330px;
background-color:#f7d100;
padding-left:10px;
padding-right:10px;
padding-top:5px;
font-family:Arial;
font-size:15px;
color:#3f4c56;
font-weight:bold;
}

#contenu_annuaire{
width:352px;
height:103px;
padding-left:8px;

overflow:hidden;
font-size:11px;
color:#40483f;

}

#intro{
width:739px;
text-align:justify;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#40483f;
}

#intro_detail_actu{
width:234px;
float:left;
margin-left:10px;
text-align:justify;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#40483f;
}

#contenu_actu{
clear:both;
font-size:12px;
font-family:Arial;
color:#40483f;
width:739px;
text-align:justify;
}

#contenu_actu h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_else.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}


#intro_archives{
font-size:12px;
font-family:Arial;
color:#40483f;
text-align:justify;
}

#intro_archives h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_else.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}



#contenu_breves{
clear:both;
font-size:12px;
font-family:Arial;
color:#40483f;
text-align:justify;
}

#contenu_breves img{
margin:5px;
}

#contenu_breves h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_bleuf.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_actu img{
margin:10px;
}

#contenu_menu_gauche{
width:242px; 
float:left;
}

#contenu_sous_menu { background:url(../images/sous_menu_bg.jpg) top center; width : 242px; }

/*menu gauche en trois parties*/
#contenu_sous_menu_haut {background:url(../images/sous_menu_top.jpg) no-repeat; width : 242px; height : 26px; }
#contenu_sous_menu_milieu { background:url(../images/sous_menu_bg.jpg) top center; width : 242px; position:relative; z-index:1;} 
#contenu_sous_menu_bas {background:url(../images/sous_menu_bottom.jpg) no-repeat; width : 242px; height : 19px; }

#contenu_droit_vert{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_vert img{
margin:5px;
}

#contenu_droit_vert h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_vert.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_vert_clair{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_vert_clair img{
margin:5px;
}



#contenu_droit_vert_clair h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_vert_clair.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_rose_clair{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_rose_clair img{
margin:5px;
}

#contenu_droit_rose_clair h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_rose_clair.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_bleu{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_bleu img{
margin:5px;
}

#contenu_droit_bleu h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_bleu.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_orange{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_orange img{
margin:5px;
}

#contenu_droit_orange h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_orange.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_orangef{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_orangef img{
margin:5px;
}

#contenu_droit_orangef h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_orangef.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_rosef{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_rosef img{
margin:5px;
}

#contenu_droit_rosef h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_rosef.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}

#contenu_droit_violet{
width:485px; 
float:right;
font-size:12px;
font-family:Arial;
color:#40483f;
}

#contenu_droit_violet img{
margin:5px;
}

#contenu_droit_violet h2{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_violet.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
}



#fichiers_joints_vert{
width:242px;
background:url(../images/styles/savoir_plus_bg.jpg) repeat-y top center;
}

#fichiers_joints_vert_clair{
width:242px;
background:url(../images/styles/savoir_plus_bg_vert_clair.jpg) repeat-y top center;
}

#fichiers_joints_rose_clair{
width:242px;
background:url(../images/styles/savoir_plus_bg_rose_clair.jpg) repeat-y top center;
}

#fichiers_joints_orange{
width:242px;
background:url(../images/styles/savoir_plus_bg_orange.jpg) repeat-y top center;
}

#fichiers_joints_orangef{
width:242px;
background:url(../images/styles/savoir_plus_bg_orangef.jpg) repeat-y top center;
}

#fichiers_joints_rosef{
width:242px;
background:url(../images/styles/savoir_plus_bg_rosef.jpg) repeat-y top center;
}

#fichiers_joints_violet{
width:242px;
background:url(../images/styles/savoir_plus_bg_violet.jpg) repeat-y top center;
}

#fichiers_joints_bleu{
width:242px;
background:url(../images/styles/savoir_plus_bg_bleu.jpg) repeat-y top center;
}

#fichier1{
margin-left:20px;
}


/*GESTION DES COULEURS POUR AGENDA !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.agenda_vert{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_vert.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}


.agenda_divers{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_else.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}


.agenda_orange{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_orange.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}

.agenda_orangef{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_orangef.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}


.agenda_vert_clair{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_vert_clair.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}

.agenda_bleu{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_bleu.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}

.agenda_rosef{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_rosef.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}

.agenda_violet{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_violet.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}


.agenda_rose_clair{
font-size:14px;
color:#40483f;
text-transform:uppercase;
padding-left:23px;
background:url(../images/titres/h2_rose_clair.jpg) no-repeat top left;
height:16px;
margin-bottom:15px;
font-weight:bold;
}

.agenda_soustitre_vert{
font-size:12px;
color:#8ca615;
font-style:italic;
font-weight:bold;
}


.agenda_soustitre_divers{
font-size:12px;
color:#eb6b4a;
font-style:italic;
font-weight:bold;
}


.agenda_soustitre_orange{
font-size:12px;
color:#eb6b4a;
font-style:italic;
font-weight:bold;
}

.agenda_soustitre_orangef{
font-size:12px;
color:#ec9300;
font-style:italic;
font-weight:bold;
}


.agenda_soustitre_vert_clair{
font-size:12px;
color:#b1c800;
font-style:italic;
font-weight:bold;
}

.agenda_soustitre_bleu{
font-size:12px;
color:#8ab5dd;
font-style:italic;
font-weight:bold;
}

.agenda_soustitre_rosef{
font-size:12px;
color:#b22051;
font-style:italic;
font-weight:bold;
}

.agenda_soustitre_violet{
font-size:12px;
color:#ba86b6;
font-style:italic;
font-weight:bold;
}


.agenda_soustitre_rose_clair{
font-size:12px;
color:#e9609b;
font-style:italic;
font-weight:bold;
}











	
#form p
{
    margin: 2px 0;
	
}

#form fieldset
{

    border: #CCC 1px solid;
    position: relative;
    left: 25px;
    width : 640px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;

    

}


#form fieldset legend
{
    padding: 0 10px;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    font-size: 1.2em;
    color:#40483f;
}

#form label{
    
    display: block;
    width: 150px;
    float: left;


    padding-right: 15px;

}


#form input, #form select
{
        width: 250px;
border:1px solid #404040;
        
        padding-left: 5px;
}


/* button submit */
#form input[type="submit"]
{
    border: #DDEEFF 1px solid;
    width: 125px;
    position: relative;
    top: 15px;
    left: 490px;
    
}

#form input[type="submit"]:hover
{
    background-color: #b6bdd2;
    cursor: pointer;
}

.twtr-tweet-text {
font-size: 0.9em;
}

#contenu ul {
	padding-left: 15px;
    padding-bottom: 1em;
    margin: initial;
}

#contenu li {
	float: none;
    margin: initial;
    list-style-type: disc;
}

#contenu p {
	margin-bottom: 1em;
}

.ellipsis {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 242px;
  height: 60px; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}