/*
	Theme Name: Ezratty
	Theme URI origin: http://oswd.org/userinfo.phtml?user=Andreas
	Description: Blog Olivier Ezratty en version HTML5
	Version: 2.0
	Author: Olivier Ezratty, Aout 2013
	Author URI: http://www.oezratty.net
*/

/* ======================================================================================*/
/* Cadre du blog                                                                         */
/* ======================================================================================*/

head {
	width: 100%;
	}

/* Format Body utilisé dans le template "page" pour le corps des posts */
body {
margin:0 0 0 0;
padding:0 0 0 0;
font:80% tahoma, verdana, sans-serif;
text-align:left;
margin-left: 20px;
margin-right: 20px;
}

#imageheader {
max-height:117px;
max-width: 100%;
}

/* Format d'une Division Container. Cadre de la colonne du blog */
#container {
margin-top: 20px; 
text-align:left;
}

.bottomfiller {
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom:5px;
clear: both;
text-align:left;
}

#rightfiller {
width : 20px;
height: 117px;
background-color: white;
float:right;
}

/* ======================================================================================*/
/* Bandeau de titre du blog                                                              */
/* ======================================================================================*/

/* Format d'une Division pour le bandeau du site, utilisée dans Header */
/* Le bandeau lui-même est appelé en HTML dans le fichier header.php */
#siteheader {
width: 100%;
margin-top: 0px;
margin-bottom: 0px;  /* Marge entre le bandeau et ce qui est en dessous */
padding : 0;
background-repeat: no-repeat;
background-position: left;
background-color: #F5F5F5;
float:left;
display: block;
max-height: 117px;
text-decoration:none;
line-height: 0;
} 

#siteheader img {
	max-width: 100%;
	}


#siteheader a {
	line-height: 0px;
	}

#siteheader a, #siteheader img, #siteheader a img, #siteheader img:active, #siteheader img:focus {
text-decoration:none;
border:none;
outline: none;
-moz-outline-style: none;
}

/* Style du menu horizontal et des menus déroulants */
#menu {
	border:none;	
	float: left;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: 100%;
	font-weight: bold;
	}

#menu ul {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
	}
	#menu li{
		float:left;
		padding:0px;
		margin:0px;
		padding-left:10px;
		padding-right: 10px;
		text-align:center;
		text-decoration:none;
		}
	#menu li a {
		display:block;
		margin:0px;
		padding:0px 0px;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		font-size:120%;
		}
		#menu li a:hover, #menu ul li:hover a{
			text-decoration:none;
			}
	#menu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:360px;
		z-index:200;
		}
	#menu li:hover ul{
		display:block;
		}
	#menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:360px;
		}
	#menu li:hover li a{
		background:none;		
		}
	#menu li ul a{
		display:block;
		font-size:100%;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			border:0px;
			text-decoration:none;
			}
	#menu p{
		clear:left;
		}	

/* Zone de recherche dans la barre de menus */
.menuright {
	margin-top: 5px;
	margin-right: 1px;
	}

.menuright img {
border:none;
}

#searchform2 {
	padding-right: 2px;
	float: left;
	padding-top: 0px;
	margin-top: 4px;
	display:inline;
	}

#searchform2 .menuitems {
	height: 25px;
	border-width: 0;
}

#searchform2 p {
	display:inline;
	margin-bottom: 0px;
}

.searchtext {
	border:none;
	padding:0px 6px 0px 6px;
	height: 22px;
	font-height: 17px;
	vertical-align:top;
	}

/* Zones de recherche */
#searchresults {
padding-left: 0px; 
padding-right: 0px;
padding-top:0px;
padding-bottom:1px;
margin-bottom:1px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
display:block;
}

#searchresultsin {
margin-bottom: 10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
text-indent: 0;
font-weight:normal;
display:block;
}

#searchresultsin ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
text-indent: 0;
}

#searchresultsin ul li {
list-style-image: url("images/puce_bleu_clair.png");
list-style-position : inside; 
margin-left: 15px;
margin-right: 15px;
margin-top:0;
margin-bottom:0;
text-indent: -12px;
border:none;
}

#searchresultsin ul li a {
font-weight:normal;
}

#searchresultsin p {
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
margin-bottom:10px;
font-size: 90%;
}

#searchresultsin a {
font-weight: bold;
}

/* ======================================================================================*/
/* Posts du blog                                                                         */
/* ======================================================================================*/

/* Format pour Div Content utilisé dans le template Page pour les posts */
#content{
width:100%;
padding: 20px 0px 0px 0px;
clear:both;
}

#content h3 {
margin:10px 0px 7px 0px;
font-size:140%;
font-weight : bold;
}

/* Division entry utilisé dans les posts (Page Template). 
 Définit la marge à gauche et à droite du cadre du texte dans le cadre */
.entry {
position:relative;
margin:0 0 20px 0;
border:0px;
padding:0px 1.5em 10px 0em;
}

/* Division centry utilisé pour les commentaires. */
.centry {
position:relative;
margin:0px 20px 20px 0;
padding:15px 1.5em 10px 1.5em;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

/* Division centry2 utilisé pour les contributeurs de commentaires dans le plug-in best_commenters.php. */
.centry2 {
position:relative;
margin:0px 12px 12px 0;
padding:12px 1.5em 8px 1.5em;
border:1px;
border-style: solid;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

#commentercomments {
margin-top: 20px;
}

/* Barre à gauche des titres des posts */
.divtitre {
border-left-style:solid;
border-left-width: 15px;
padding-left: 15px;
margin-bottom:20px;
display: block;
}

/* Format des titres de niveau 2 */
#left h2 {
font-size:180%;
font-weight: bold;
letter-spacing: 0px;
padding-top:5px;
margin-bottom:6px;
text-decoration:none; 
}

/* Marge autour des informations sur un post en dessous du titre */
.divpostinfo {
padding-bottom: 5px;
}

.tweetfb {
padding-top: 10px;
height: 25px;
float:none;
display: block;
vertical-align:top;
}

.tweetfblast {
padding-top: 10px;
height: 60px;
padding-bottom:0px;
float:none;
display: block;
vertical-align:top;
}

.IN-widget {
	vertical-align: top! important;
	}

.floatleft {
float:left;
margin-top:6px;
}

/* Format pour lien URL des titres H2 dans Div Content utilisé dans le template Page pour les posts */
#left h2 a {
font-weight:bold;
text-decoration:none;
}

/* Pour la date des posts après le titre */
#content .datecomment {
font-style:italic; 
font-size:100%;
text-align: left;
text-decoration:none;
padding-right: 2px;
margin-bottom: 7px;
display:inline-block;
}

#content .datecomment a {
font-weight:normal;
text-decoration:none;
display:inline;
}

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

/* Titres partie commentaires */
.centry h4 {
font-size:130%;
font-weight: bold;
margin: 0px 0 1em 0px;
letter-spacing: -0.4px;
}

/* Format pour les listes dans les posts. */ 
.entry ul li {
list-style-type : disc;
list-style-position : outside; 
margin:0 0em 1em 1.5em;
text-indent: 0em;
padding-left: 0em;
line-height:1.5em; 
font-weight:normal;
text-align:justify;
border-width: 0; }

.entry ul {
-webkit-padding-start: 0; 
}


/* Style URL avec la souris dessus dans les posts */
.entry a:hover {
text-decoration:none;
padding-bottom:2px;
background:url(images/flash2.gif) bottom left repeat-x;    /* Flashing underline */
}

/* Sous-style d'image dans style Entry */
.entry img {
border-width: 0px;
padding: 0px 0px 0px 0px;
/* margin: 0px 0px 0px 0px; */
position:relative;
max-width: 100%;
height: auto;
}

/* Style de liste de radio-buttons pour archives par années */
.archivesform  {
	float:none;
	display:block;
	width: 100%;
	}

#postslist {
	clear:both;
	}

.archivesyearbuttons  {
	width: 15em;
	float:left;
	padding-right: 10px;
	vertical-align: top;
	}

.archivessort {
	width: 19em; 
	float:left;	
	padding-right: 10px;	
	vertical-align: top;
	}

fieldset {
	margin-bottom:10px;
 	}

.nbritems {
	font-weight:normal;
	font-size: 110%;
	color:#2580a2;
	}

/* Pour résumé dans les archives */
.firstlines {
margin-top: 1em;
font-size:80%;
margin-bottom: 0;
margin-left: 30px;
}

/* Pour le commentaire auquel on répond dans comments.php  */
.commentrespond {
margin-top: 0px;
font-size:100%;
margin-bottom: 0;
margin-left: 20px;
margin-right: 20px;
text-align:justify;
}

/* Utilisé pour limiter la taille des images à la largeur de la colonne. */
#respond textarea, img[alt=Captcha] {    
	max-width: 100%;
	}   

/* Utilisé dans plug-in best_commenter pour mettre en valeur le contributeur sélectionné dans la page appelée avec paramètre */
.contributor {
display:inline;
}

#boldstyle {
font-weight : bold;
}

/* ======================================================================================*/
/* Colonne de droite                                                                    */
/* ======================================================================================*/

/* Colonne à droite des fenêtres */
.rightsub {
margin-left: 20px;
border: 1px;
}

/* Légende des documents à télécharger dans la colonne de droite du blog */
.rightsub .pubinfo {
font-size: 100%;
font:tahoma, verdana, sans-serif;
}

.rightsub ul {
padding-start: 0px;
padding-left: 0px;
-webkit-padding-start: 0px;
}

/* Titre rubriques dans la colonne de droite. h2 utilisé pour validation des règles d'accessibilité web. */
.titreblock h2, .titreblock h2 a {
float:none;
padding-left: 3px;
padding-right: 3px;
padding-top: 7px;
padding-bottom: 0px;
margin: 0 0 20px 0;
font-size:140%;
font-weight: bold;
text-align: center;
border: none; 
}

/* Div de posts récents pour la colonne à droite, pour compatibilité IE6 */
.rightsub li {
list-style-image: url("images/puce_bleue.png");
list-style-position : outside; 
margin-left: 15px;
margin-top:4px;
margin-bottom:0;
padding-left: 0;
text-indent: 0;
border:none;
display:list-item;
}

.rightblock .par {
	line-height: 16px;
	margin-bottom: 6px;
	display: block;
	}

listpost a { 
text-decoration:none;
}

/* Style de liste à la mano pour les commentaires récents compatible IE6 */
.recentcomment {
display:block;
font-weight: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 10px;
padding-left: 0px;
text-indent: 0px;
}

.recentcommenttitle {
display:block;
}

/* Lien sur post dans les commentaires récents. */
.recentcomment a {
text-decoration:none;
}

/* Extrait des commentaires dans les commentaires récents */
.commentcontent {
margin-left: 0.5em;
margin-right: 0px;
margin-top: 5px;
margin-bottom:15px;
text-indent: -0.5em;
display: block;
font-style: italic;
text-align:justify;
}

.commentcontentright {
float:left;
margin-right: 7px;
margin-top: -3px;
display:block;
}

.commentcontentright img {
margin-top:3px;
margin-bottom:3px;
}

.commentcontentright img:hover {
border:none;
}

.commentauthor {
font-weight: normal;
display:inline;
<!--[if lte IE 6]>
margin-right:3px;
padding-right:3px;
<![endif]-->
}

/* Listes pour les catégories */
.oeemailsubs {
	display: block;
	}


/* Listes pour les catégories */
.listcategories ul li  {  
list-style-image: url("images/puce_bleue.png"); 
list-style-position : inside; 
padding-left: 0em;
text-indent: 0em;
margin-left: 5px;
margin-top: 8px;
font-weight: normal;
}

.listcategories ul {
padding-left : 0;
margin-left : 0px;
font-weight: normal;
list-style-type : clear;
}

.listcategories ul li ul li {  
list-style-image: url("images/puce_bleue_plate.png");
list-style-position : inside;
margin-left: 15px;
padding-left: 0em;
margin-top: 0;
text-indent: 0em;
margin-bottom:0;
font-weight: normal;
}

.listcategories ul li ul li a {  
list-style-image: none;
list-style-position : inside;
padding-left: 0em;
margin-top: 0;
text-indent: 0em;
margin-bottom:0;
font-weight: normal;
}

.closeicon {
float:right;
}

.closeicon img, .closeicon img:hover, .closeicon img a:hover {
border: none;
}

/* Image */
.rightblock img {
border-width: 0px;
}

/* Image */
.rightblock img:hover {
border-left-width: 2px;
border-right-width: 2px;
}

/* Image */
.rightblock a:hover {
border-left-width: 2px;
border-right-width: 2px;
}

/* Utilisé dans archives.php */
.yearforarchives {
display: block;
padding-top: 20px;
padding-bottom: 20px;
margin: 0 0 0 0;
font-size:130%;
font-weight: bold;
text-align: left;
border: none; 
}

/* Dummy DIV */
.dummydiv {
display: block;
}

/* Dummy DIV pour nuage de tags */
.dummydivtags {
display: block;
}

.dummydivtags a {
text-decoration:none;
}

.itc {
display: inline;
padding-right: 10px;
font-size:200%;
font-weight: bold;
border: none; 
}

.pc {
margin:0 0 1em 0;
line-height:1.3em;
text-align:justify;
}


/* ======================================================================================*/
/* Note de bas du blog                                                                   */
/* ======================================================================================*/

/* Pour Div Footer, dans Template Footer.php */
.footer {
clear:both;
padding:0px 0px 0px 0px;
margin-bottom: 20px;
text-align:center;
}

.footerleft {
float: left;
}

.footerinside {
float:left;
padding:10px 10px 12px 12px;
text-align:center;
font-size: 80%;
display:block;
}

/* Pour URL dans un Div Footer */
.footer a {
font-weight:normal;
text-decoration:none;
}

/* Blogroll dans le footer */
.blogrollframe {
padding-bottom:20px; 
}

.footerend {
width=100%;
clear:both;
border-top:dashed;
border-width:1px;
padding: 10px 10px 10px 10px;
}

.footerend img {
border: none;
}

.blogrollcolumn {
width: 120px;
float: left;
padding-right: 5px;
}

.blogrollcolumnright {
width: 120px;
float: right;
padding-right: 5px;
}

#blogrollcolumnlogo {
}

.blogrollcolumn ul {
margin: 5px 0 5px 0;
padding: 0;
text-indent: 0;
}

.blogrollcolumn ul li {
margin: 0 0 2px 0;
padding: 0;
font-size: 90%;
display: inline;
padding-left: 7px;
background: url('images/icon_bullet.png') no-repeat;
list-style-position : inside; 
background-position:bottom; 
background-position:left; 
}

.blogrolltitle {
font-weight:bold;
font-size: 100%;
}

/* ======================================================================================*/
/* Styles génériques                                                                     */
/* ======================================================================================*/

/* Format paragraphe */
p {
margin:0 0 1em 0;
line-height:1.5em;
text-align:justify;
}

/* Format d'un lien URL  */
.left a {
text-decoration:none;
font-weight:bold;
}

/* Format d'un lien URL marron (pour nombre de posts) dans les titres */
li a {
border: 0px;
text-decoration: none;
}

/* Format d'un lien URL quand la souris passe dessus (mouse over) */
a:hover{
text-decoration:underline;
}

/* Format générique des titres */
h2,h3,h4{
margin:0;
padding:0;
font-weight:normal;
text-decoration:none;
}

/* Format des titres de niveau 3 (pour le blogroll) */
h3 {
font-size:140%;
margin:1em 0 0.5em 0.5em;
}

/* Format des titres de niveau 4 */
h4 {
font-size:110%;
margin:0.5em 0 0 0;
font-weight:bold;
}

/* Style pour les liens. */
.link {
background:url(images/linkarrow.gif) left no-repeat;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}

/* Mouse over a link */
.link:hover {
background:url(images/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
text-decoration:none;
}

/* Pour images? */
.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px;
}

.thumbs img:hover{
background: url(images/flash.gif);  
}

/* Infos en bas des posts */
.meta {
clear:both;
padding: 5px 1px 0 0;
margin:15px 0 0 0;
text-align:right;
font-size:90%;
border-top: 2px solid;
}

.pagenav a, .pagenav {
text-align:center;
font-weight: bold;
text-decoration:none;
}

.reply a {
font-weight: bold;
}

.date{
float:left;
font-weight:normal;
font-style:italic;
}

/* Tabulation centrée du texte */
.center{
text-align:center;
}

/* Tabulation à gauche du texte */
.left {
text-align:left;}

/* Pour première image d'un post dans l'index.php. */ 
.imgleftindex {
	margin-right: 20px;
	margin-bottom:10px;
	margin-top:5px;
	float:left;
	max-height:250px;
	vertical-align:top;
	border-width:0;
	position:relative;
	}

.clear {
clear:both;
}

.hide{
display:none;
}

/* Format pour une citation avec " de fin de citation */
blockquote {
font-style: italic;
margin-left: 2em;
margin-right: 2em;
padding-left: 0em;
padding-right: 0em;
text-indent: 0em;
text-align: left;
/* quotes: "\201C" " \201D";  */
}

/*
blockquote:before { content: open-quote; font-weight: bold; font-size: 110%; }
blockquote:after { content: close-quote; font-weight: bold; font-size: 110%; }
*/

/* ======================================================================================*/
/* Styles pour les threaded comments                                                     */
/* ======================================================================================*/

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 15px;
	padding: 10px 0px 0px 0px;
	list-style: none;
	list-style-image: none;

	}
.commentlist li ul li { 
	margin-right: 0px;
	margin-left: 20px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.backgroundforauthorcomment {
	padding: 12px 8px 12px 12px;
	border: 1px dotted;
	border-radius:7px;	
-moz-border-radius:7px;
-webkit-border-radius:7px;	}

.backgroundfortwittercomment {
	padding: 12px 8px 12px 12px;
	border: 1px dotted;
	border-radius:7px;	
-moz-border-radius:7px;
-webkit-border-radius:7px;	}

.addcommentlabels {
        font-size:80%;
        font-weight : normal;
	margin-top: 6px;
	margin-bottom:6px;
	}

/* Division pour créer une ligne entre commentaires */
.depth-1 {
border-top: 2px dotted #D9D9D9;
}

/* ======================================================================================*/
/* Styles pour les tooltips utilisés avec DomIT                                          */
/* ======================================================================================*/

.tooltipbox {
padding-left: 10px; 
padding-right: 10px;
padding-bottom:10px;
padding-top:10px;
font-family: sans-serif;
font-size: 100%;
font-weight: normal;
border:solid;
border-width: 1px;
border-left-width: 14px;
text-align: left;
}

.tooltipbox title {
margin-bottom: 10px;
font-size: 100%;
display:block;
}

.tooltipbox li {
display:block;
list-style-image: url("http://www.oezratty.net/wordpress/wp-content/themes/Ezratty4/images/puce_bleue.png");
list-style-type:disc;
list-style-position : inside; 
padding-left: 0em;
text-indent: 0em;
margin-left: 5px;
margin-top: 4px;
margin-bottom: 4px;
}

.tooltipbox p {
display:block;
margin-top: 8px;
margin-bottom: 0px;
}


/* ======================================================================================*/
/* Style pour images et archives			                                 */
/* ======================================================================================*/

.iz {
	height: 220px;
	display: inline-block;
	width: 220px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	border:none;
	}

.if {
	background-color: #EBEBEB;
	text-align: center;
	vertical-align: middle; 
	width: 220px;
	height: 220px;
	border: none;
	display: table-cell;
	}

/* ======================================================================================*/
/* Bidouille pour formater le widget Twitter dans la sidebar                             */
/* ======================================================================================*/

/* Format du titre du widget */
.twtr-hd h4 {font-size:100%;text-align: center;font-family:tahoma, verdana, sans-serif;}

/* Format des tweets */
.twtr-bd, .twtr-bd a  {text-align:left; font-style:normal;}
.twtr-user, .twtr-user a  {font-weight:normal; font-style:normal;}
.twtr-widget p {font-size:110%; font-style:italic;    }

/* Format des timestamp des tweets */
.twtr-timestamp, .twtr-widget i {font-size:100%; font-style:normal;   }


/* ======================================================================================*/
/* Charte des couleurs du blog                                                           */
/* ======================================================================================*/


/* ----------------------- Couleur des menus --------------------------------------------*/
#menu, #menu ul, #menu li, .footerleft, .footer { background: #2580a2; }  /* Fond bleu clair */
#menu li ul, #menu li ul:hover, #menu li ul li, #menu li:hover  { background: #00688F; } /* Fond bleu foncé */
#menu li, #menu li a, #menu ul li:hover a, #menu li a:hover, #menu li ul a:hover, #menu li ul li:hover a { color:#FFFFFF; } /* Texte blanc */
#menu li ul a:hover, #menu li ul li:hover a { background:#4A4A4A ; }  /* Fond gris foncé */
#menu li:hover { color:#000000; } 

/* ----------------------- BLANC, GRIS et NOIR ------------------------------------------ */

/* Ce qui est blanc */
body, #container, .entry { background-color:#FFFFFF; }
.thumbs img, .entryphoto, div.domTT .caption { border-color: #FFFFFF; }
.footerend { border-color: #FFFFFF; }
.white, a.boldwhite, .contributor, .contributor a { color:#FFFFFF; }
#searchresults, #searchresults p, #searchresults li, #searchresults a, #searchresults li a, #searchresults ul, #searchresults ul li #searchresults ul li a  { color:#FFFFFF; }

/* Gris du texte du footer en bas du blog et de la barre à la fin des posts */
.footer, .footerinside, .blogrollframe, .footerend  { background-color:#D9D9D9; }
.centry, .centry2  { background-color:#F2F2F2; }

/* Zone à la fin du post avec liens réseaux sociaux et tags de l'article */
.meta { border-top-color: #A6A6A6; }
#left, .rightblock { border-color: #A6A6A6; }

/* Bord gris foncé d'une image quand on passe la souris dessus et barre à la fin des posts */
.rightblock img:hover, .rightblock a:hover { border-color: #421805; }

/* Gris des tooltips sur les contributeurs de commentaires */
div.domTT, .tooltipbox { border-color:  #333333; }
div.domTT { background-color: #333333; }
div.domTT .contents, .tooltipbox { background-color: #F1F1FF; }

/* Hyperliens dans les listes à droite */
.rightsub a { color: #808080; }
.rightblock p { color: #808080; }
.searchtext { color:#808080; }

/* Gris   */
.fieldset { border-color:#717171; }

/* Bleu au bord et à l'intérieur des commentaires provenant de Twitter */
.backgroundfortwittercomment { border-style: none; }

/* Bleu clair intermédiaire du fond des commentaires de l'auteur */
.backgroundfortwittercomment { background-color:#DFF0F4; }

/* Titre des posts et des rubriques à droite */
.divtitre { border-left-color:#505050; }
#left h2, #left h2 a, #content .datecomment, #content .datecomment a, .link, a, .blogrolltitle { color:#505050; }

/* Ce qui est noir */
body, .centry h4, h3 { color:#000000; }
div.domTTClassic { border-color: #000000;}

/* ----------------------- ROUGES ------------------------------------------ */
colorred { color:#FF0000; }

/* ----------------------- VERTS ------------------------------------------ */
colorgreen { color:#1CB300; }

/* ----------------------- BLEUS ------------------------------------------ */

/* Bleu pour liens URL avec souris dessus */
#left h2 a:hover, .link:hover, a:hover { color:#226699; }

/* Bleu foncé pour titres des rubriques des colonnes à droite */
bluetext, .titreblock, .titreblock h2, .titreblock h2 a, .yearforarchives, .commentauthor, .commentauthor a, .commentrespond { color:#197699; }
.titreblock, .titreblock h2, .titreblock h2 a, .tooltipbox, .centry2 { border-color:#2580a2; }  
#searchresults, .contributor { background-color:#2580a2; }

/* Bleu au bord et à l'intérieur des commentaires de l'auteur */
.backgroundforauthorcomment { border-style: none; }

/* Bleu clair intermédiaire du fond des commentaires de l'auteur */
.backgroundforauthorcomment { background-color:#DADDE8; }
 
/* ----------------------- DIVERS A VERIFIER ------------------------------------------ */

/* Mouse over a link */
.link:hover { color:#48b; }

/* Pour images ? */
.thumbs img, .entryphoto { background-color:#ddd; }
.thumbs { color: #555; }
.entryphoto { color:#333; }
.pagenav { color: #888; }

/* ----------------------- RESPONSIVE DESIGN FORMATTING ------------------------------------------ */
@media screen and (max-width: 890px) {
	.menuright {
		display:none;
		float: none;
		top: 0px;
		left:0px;
		}
	}

@media screen and (min-width: 890px) {
	.menuright {
		display:inline;
		float: right;
		}
		
	.imgleftindex {
		max-width: 300px !important;
		}
	}
	
/* CSS pour les écrans de taille comprise en dessous de 640px de large */
/* Notamment pour iPhone 4 */
@media screen and (max-device-width: 640px) {

#content {
	padding-top: 0px;
	}

.divtitre {
	margin-bottom: 5px;
	}

.rightblock{
	display:none;
	width: 0px;
	margin-left: 0px;
	padding-top: 0px;
	}

#container {
	margin-top:10px;
	}

body {
	margin-left: 10px;
	margin-right: 10px;
	}

.printbuts, .tweetfb, #menuact, #menublog {
	display: none;
	}

.entry {
	margin-right:0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-size: 110%;
	}

.imgleftindex {
	margin-right: 0px;
	}

h3 {
	font-size: 100%;
	}

.centry {
	margin-right: 0px;
	}

.divtitre {
	border: none;
	padding-left: 0px;
	}

.entry img, #respond textarea {
	float:none;
	}

#left h2 {
	font-size: 140%;
	}

#menu {
	font-size: 80%;
	}

#menu, #menu li, #menu ul, #menu li ul, #menu li ul a {
	line-height: 48px;
	margin-right: 10px;
	}

/* Div Left pour gérer le texte des posts à gauche de la fenêtre. Le width % s'applique à la largeur de la fenêtre. C'est ce qui indique la largeur du frame du post dans la fenêtre du browser. */
#left {
	width:100%;
	padding-top:10px;
	z-index:200; 
	}

.archivessort {
	display: none;
	}

litem {
	display: inline;
	}

.archivesyearbuttons {
	width: 100%;
	}
}

/* Pour les écrans de taille comprise au delà de 640 pixels de large */
@media screen and (min-device-width: 641px)  {

#menu li, #menu ul, #menu li ul, #menu li ul a {
	line-height: 40px;
	}

litem {
	display: block;
	}
	
.printbuts {
        display : inline;
        }

.rightblock{
margin-left: 70%;
padding-top: 0px;
font-size: 90%;
z-index:100; 
border-left: dotted;
border-width: 1px;
}

/* Div Left pour gérer le texte des posts à gauche de la fenêtre. Le width % s'applique à la largeur de la fenêtre. C'est ce qui indique la largeur du frame du post dans la fenêtre du browser. */
#left {
width:70%;
padding-top:5px;
float:left;
border-right: dotted;
border-width: 1px;
z-index:200; 
}
}