/* Fichier CSS de Vefblog
   Global à tous les blogs 
	
	MAJ oct 2006
	*/

*       { margin:0; padding:0; border:0; }

ul,ol	{ margin:0.5em 0 1em 4em; }
li	{ margin-bottom:0.1em; }

td	{ padding-left: 10px;  }

h1,h2,h3,h4 a { text-decoration: none; }

hr {
	height: 1px;
	border: 0; }

blockquote { margin: 4px 0 4px 50px; }

input,textarea,select  { 
	padding:1px 0 1px 1px;
	font-family:arial,sans-serif;
	font-size:12px;
}
select option { padding: 0 2px 0 3px; }

#adresse_haut { position:absolute; z-index:1; right:20px; top:6px;
	}

.art_tag {
	margin: 30px 0 5px 20px;
	font-size:11px;
	text-align:left;
}

#bandeau {   
	position:relative;
	overflow:hidden;
	z-index:0;
}
#contenant { position:relative; z-index:1; }
#bandeau h1 { margin-top:0; margin-bottom: 5px; }

#bandeau_bas { 
	border-bottom-width:0;
}
	
#cadre_corps { 
	z-index:2;
	position:relative;
	overflow:hidden;
}
#cadre_menu_gauche { z-index:2; position:relative; }

#cadre_menu_gauche .bouton { font-size:10px; padding:0; margin:0; }
#cadre_menu_gauche .centre { padding:3px 0; }

#cadre_menu2 { z-index:2; position:relative; }
#cadre_menu2 .bouton { font-size:10px; padding:0; margin:0; }
#cadre_menu2 .centre { padding:3px 0; }

#cloud {
	text-align: center;
}

#derniers_articles_chargement { 
	display:none;
}

#presentation_derniers_articles,#presentation_communaute_favoris {
	margin: 20px 10px;
}
#presentation_derniers_articles h4,#presentation_communaute_favoris h4 {
	margin: 10px 0;
}

#formulaire_commentaire { display: none; }
#formulaire_commentaire_haut { display: none; }
#formulaire_commentaire_bas { display: none; }

#menu_imprime { position:absolute; left:500px; top:40px; 
	border:1px solid black;
	padding:3px;
	text-align:center;
}

#menu_imprime a { line-height: 150%;}


#menu_page { 
	position:absolute; 
	z-index:3; 
	text-align:center;
	width:120px;
	display:none;
	top:0; left:0;
	margin:0;
}

#menu_page div {
	margin-top:4px;
	text-align:center;
}

#menu_page .icone_fermer { float:right; }


#navigation { 
	text-align: center; 
	margin-bottom:20px;
}

#page	{  
	text-align:center;
}

#pubgauche {
	height: 600px; 
	width:120px;
	vertical-align:middle;
}

#rappel_article { display: none; }
#rappel_article_haut { display: none; }
#rappel_article_bas { display: none; }

#titre_blog { 
	padding:4px 0 0 0;
	width:100%;
	border-right:none;
	border-left:none;
	height: 25px; 
}
#titre_blog a { text-decoration: none; }

.bouton	{ 
	font-family: verdana,arial; 
}

.cache { display:none; }
        
.case_calendrier { width:8px; font-size:11px; padding:2px 2px;
        text-align:center;
        }

.case_calendrier_vide {  
        width:8px; font-size:11px; padding:2px 2px;
}                 

.titre_calendrier { 
        font-size:11px; font-weight:bold;
        text-align:center;
        }  


.case_album	{ 
	width:130px; height:140px; 
	font-size:11px; 
	vertical-align:top; 
	padding-top:1px;
	text-align:center;
}

.centre	{ text-align: center; }

.clear	{ clear:both; font-size:1px; height:1px; }
.clearb	{ clear:both; font-size:3px; margin:0 0 10px; }

.commentaires { display: none; }

.commentaire {  overflow:hidden; }

.commentaire .pied { float:right; font-style:italic; font-size:80%; }

.corps p { margin: 0.2em 0 0;  }


.corps_haut {
	font-size:1px;
}

.corps_bas {
	font-size:1px;
}

.droite	{ text-align:right; }

.enonce	{font-size: 11px; font-weight: bold; }
.enonce a { text-decoration:none;  }

.erreur	{ color: #e84219; font-style: italic; }


.gras	{ font-weight: bold; }
.gras a { text-decoration:none;  }

.it	{ font-style: italic; font-size: 10px; }

.justifie	{ text-align: justify; }

.legende { 
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

#tip {
	position:absolute; 
	z-index:10;
	visibility: hidden;
	border: 1px solid;
	height: 1.5em;
	padding: 0 4px;
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

.lien_liens	{ float:left; }

.lien_imprime   { float:left; vertical-align:top; 
	padding: 0 1em 0 0;		
}
.lien_imprime img { vertical-align:middle; }

.lienbas   { text-align:center; margin-top:0.8em; }

.liens .petit { font-size: 10px; }
.liens .vspace { height: 0.5em; }


.liste_commentaire { padding: 3px 2px 5px; 
	cursor:pointer;
	width:100%;
}
.liste_commentaire .petit { padding: 0 0 6px 0; }
.liste_commentaire img { padding-right:5px; }

#menu_deroule { 
	display: none;
	width: 100%; 
	position:absolute;
	bottom:0;
	z-index:2;
	padding:0; margin:0; border:0;
	overflow: hidden;
}

.menu_gauche { overflow:hidden; }
.menu_gauche p { margin: 0.5em 0 0.2em; }
.tagboard p { margin: 0.1em 0 0.1em; }
.tagboard { overflow-x:auto; }
.menu_gauche .enonce { margin: 0 0 0.2em; }

.menu_haut { 
	font-size:1px;
}

.menu_bas { 
	font-size:1px;
}

#modo {
	display: none;
	position: fixed;
	z-index:100;
	top:0;
	left:0;
	width: 20em;
	height: 4em;
	background: #ffffff;
	border: 1px solid black;
	color : black;
	padding: 4px;
	font-family: arial;
	font-size:12px;
}
#modo a:hover {
	cursor : pointer;
}

.moitie h3 { 
	padding: 3px 4px;
	margin: 1px 0 5px 0;
}

.num_commentaire { 
	margin: 0 0 1px 1em;
}

.petit	{ font-size:11px; }

img.photo_article	{ margin:0 auto 0.5em auto; text-align: left; }

img.photogauche	{ float: left; margin:0 1em 0.5em 0; }

img.photodroite	{ float: right; margin:0 0 0.5em 1em; }

.pub_haut { width:728px; height:90px; }

.retrait { padding: 0 2.5em 0 4em; text-align:justify; }

.sommaire { margin:0 5em 0 5em; clear:right; }
.sommaire .enonce { margin: 0.5em 0 0; }
.sommaire .it { margin: 0 0 0 5em; }
.sommaire .petit { margin: 0 0 0.5em; }

.sousmenu { margin-bottom:0.4em; margin-top:0.3em; }

.texte_article	{ 
	text-align: justify; 
}
.texte_article p {
	margin: 0.2em 0 0 0; 
}
.texte_article h1 { margin: 1em 0 0.5em; }
.texte_article h2 { margin: 0.8em 0 0.4em; }
.texte_article h3 { margin: 0.7em 0 0.3em;}
.texte_article h4 { margin: 0.4em 0 0.2em; }
.texte_article h5 { margin: 0.3em 0 0.1em; }
.texte_article h6 { margin: 0.3em 0 0.1em; }

.vert	{ color: #179903; }

html>body #menu_page { position: fixed; }
html>body #menu_imprime { position: fixed; }

/* photos en popup */

.legende_gros { 
	position:absolute; top:0; left:0;
	height: 2em;
	padding: 0 8px;
	border: 1px solid;
	vertical-align:middle;
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

.legende_gros p 
{
	padding: 0.2em 0;
}

.presente_art { 
	padding: 2px 0 0 0;
} 

.presente_art img { 
	width:70px; height:70px;
	float:left;
	border: 1px solid #888888;
	margin:5px 5px 5px  0;
}

/* Feuille pour mobile de basse
 * http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html
 */

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body  {
    width: auto;
    margin: 0;
    padding: 0;
  }

   /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
   img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
 /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
  img {
     height: auto; width: auto;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
    word-wrap: break-word; /* passage à la ligne forcé */
    -webkit-hyphens: auto; /* césure propre */
    -moz-hyphens: auto;
    hyphens: auto;
  }
   code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
  }

  .menu_gauche p.enonce { cursor: pointer; }

}

@media (max-width:728px) { 
	.pub_haut { display: none; }
  #formulaire_commentaire td { display:block; }
  #formulaire_commentaire span { display: block; }
}

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
  body {
     -webkit-text-size-adjust: 70%;
  }
}

@viewport {
	   width: device-width; 
		zoom: 1; 
}