/*   
The Name: MaChronique - Newslook
Theme URI: http://www.machronique.com
Description: Un theme construit pour le site MaCronique.com
Author: PROMALAC Marketing
Author URI: http://www.machronique.com
Version: 0.1
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, a, ul, ol, li, p {
	margin: 0;
	padding: 0;
} 

body{	
	font-family: Verdana, Helvetica, Geneva, sans-serif;
	color: #444;
	font-size: 80%;
	
	background-color: #fff;
}

#principal{
	width: 980px;
	margin: 0 auto;
	
	background-color: #fff;
}

#princ-gauche{
	float: left;
	width: 770px;
}

#princ-droite{
	margin-left: 790px;
	padding-top: 8px;
}

#contenu{
	padding-top : 10px;
}

.erreur{
	padding-top: 14px;
	/*font-weight: bold;*/
	color : #003366;
}
.centre{
	text-align: center;
}

/*-----------------*/
/*-----EN-TETE-----*/
/*-----------------*/
#titre-principal{
	width: 100%;
	
	border-bottom: 4px #003366 solid;
	/*margin-bottom: 10px;*/
}

#sous-titre-principal{
	color: #444;
	text-align : center;
	padding: 3px 0;
	
	border-bottom: 4px #003366 solid;	
	text-transform : uppercase;	
	margin-bottom : 10px;
}


#sous-titre-principal h1{
	font-size: 19px;
}

#titre-logo{
	display:block;
	background-image:url('img/logo.gif');
	
	background-position: 10px 0px; 
	background-repeat: no-repeat;	
	
	height: 120px;
	width: 100%;
	
	text-indent: -9000px;
	overflow: hidden;
	
}

#icon-rss{	
	padding: 10px 0;
	text-align: center;
}

#lien-rss{
	display:block;
	background-image:url('img/rss.jpg');	
	background-position: bottom center;
	
	height: 120px;
	width: 120px;	
	
	text-indent: -9000px;
	overflow: hidden;
	
	margin: 0 auto;
}

#lien-rss:hover{
	background-position: top center;
}
#bloc-ins-env,
#bloc-google-env{
	/*padding : 10px 0 0px 0;
	border-bottom: 2px #444 solid;*/
	margin-top: 8px;
}
#bloc-ins,
#bloc-google{
	/*border : 2px #aaa solid;
	padding: 10px;*/
	
}
#ins-gauche,
#google-gauche{
	float: right;
}

#google-droite{
}

#ins-gauche {
	padding-top : 12px;
	line-height: 300%;

}

#ins-gauche .boite-longue{
	width: 320px;
}

#ins-gauche .boite-longue2{
	width: 188px;
}

#ins-gauche .submitbtn{
	margin-top:12px;
}

#ins-droite{
	line-height: 150%;
	width: 400px;
}

#ins-droite ul{
	
	padding-top : 8px;
	padding-bottom : 8px;
}

#ins-droite .titre-ins{
	font-weight : bold;
	font-size : 16px; 
}

/*-----------------*/
/*----COLONNES-----*/
/*-----------------*/
.bloc-titre{
	background-color: #003366;
	color: #fff;
	font-weight: bold;
	
	padding: 2px 5px;
	margin-bottom:5px;
	
	/*border: 6px #444 solid;
	border-width : 3px 0;*/
}

.bloc-texte{
	padding: 0 10px;
	margin-bottom: 12px;
	
	text-align: justify;
}
#ins-droite ul,
#posts-de-la-meme-cat ul,
ul.puce{
	list-style-type: none ;
	text-align : left;
}

ul.puce ul{
	list-style-type: none ;
	text-align : left;
	padding-left: 5px;
}

#ins-droite ul li,
#posts-de-la-meme-cat li,
ul.puce li {
	padding: 3px 0 0 9px;
	background-image: url('img/puce.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	
}

#posts-de-la-meme-cat a,
ul.puce a{
	text-decoration : none;
	color: #444;
}

#posts-de-la-meme-cat a:hover,
ul.puce a:hover{
	text-decoration : underline;
}

.petit li{
	font-size: 12px !important;
}



/*-----------------*/
/*-----DROITE------*/
/*-----------------*/


.form-inscription{
	padding: 0 10px;
	margin-bottom: 12px;
}

/*-----------------*/
/*-----GAUCHE------*/
/*-----------------*/
#conte-gauche{
	margin-right: 520px;
}

.connexion{
	text-align: left;
}

/*-----------------*/
/*-----CENTRE------*/
/*-----------------*/

.titre-general{
	background-color: #444;
	color: #fff;
	font-weight: bold;
	
	padding: 2px 5px;
	margin-bottom:10px;
}

.titre-general h1{
	font-size: medium;
	display: inline;
}

#conte-droite{
	float:right;
	width: 500px;
}
#articles{
	width: 100%;
}

.art-contenu a,
.zone-nav a{
	color: #003366;
	text-decoration : underline;
}

.art-contenu img{
	border: 2px #444 solid;
	margin: 0 5px 5px 0;
}

.art-contenu p{
	padding-bottom: 6px;	
}

.art-contenu ol, .art-contenu ul{
	padding-left: 30px;
	padding-bottom: 8px;
}

.art-contenu{
	line-height: 150%;
	padding-bottom: 15px;
	
	text-align : justify;
}

.art-zone-titre{
	padding-bottom: 8px;
}

.archive-art a,
.art-zone-titre a{
	text-decoration : none;
	color : #444
}

.archive-art a:hover,
.art-zone-titre a:hover{
	text-decoration : underline;
}

img.mini-image
{
	border: 2px #444 solid;
	float:left;
}

.art-zone-titre h3.art-categorie{
	font-size: 11px;
	font-weight: bold;
	margin-left: 80px;
	
	padding-bottom:2px;
	border-bottom: 2px #444 solid;
	
	text-transform: uppercase;
	
}


.art-zone-titre h1.art-titre{
	font-size: 17px;
	font-weight: bold;
	margin-left: 80px;
	
	line-height: 110%;
	margin-bottom:3px;
	
}

.archive-art{
	padding-bottom: 10px;
}

.archive-art h1.art-titre{
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
}


.art-zone-titre .art-info{
	font-size: 11px;
	font-style: italic;
	margin-left: 80px;
}

.archive-art .art-info{
	font-size: 11px;
	font-style: italic;
}

.art-zone-titre .art-info a{
	text-decoration: underline;
}


.lien-nav-suiv{
	float:right;
}

.fichier-image{
	text-align: center;
}

.fichier-image img{
	margin: 0 ;
}

.lien-art-ori{
	padding-top: 10px;
	font-weight: bold;
}

.legende{
	font-style: italic;
}

.mess-cat{
	font-weight: bold;
	text-align : center;
}

.btn-inscription{
	text-align: center;
}




/*-----------------*/
/*---PAGE PROFIL---*/
/*-----------------*/

h1.titre-page-profil{
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 10px; 
}

.page-profil #photo_entr,
.page-profil #photo_auteur{
	border: 2px #444 solid;
	
	margin-bottom: 12px;
}


.page-profil #photo_entr{
	text-align : center;
}

.page-profil #photo_auteur{
	float: left;
}

.page-profil #info_droite{
	margin-bottom: 12px;
}

.page-profil #site_web a{
	color: #003366;
	text-decoration : underline;
}

.page-profil #nom_auteur,
.page-profil #nom_entr{
	font-weight : bold;
}

.page-profil #adresse{
	font-style : italic;
}

.page-profil #nom_auteur,
.page-profil #nom_entr,
.page-profil #site_web,
.page-profil #adresse {
	margin-bottom: 8px;
}

.page-profil #desc_auteur{
	border-top : 2px #444 solid;
	padding-top: 10px;
	margin-bottom: 15px;
}

.art-auteur-titre{
	font-weight: bold;
	font-size: 13px;
}

.art-auteur-info{
	font-size: 11px;
	font-style: italic;
}

.art-auteur-info a{
	text-decoration : underline;
}

.titre-liste-art-auteur{
	font-weight: bold;
	font-size: 15px;
	margin-bottom : 15px;
}

/*-----------------*/
/*-FIN D'UN ARTICLE*/
/*-----------------*/


.fin-art{
	clear: both;
}

.fin-art #lien_profil,
.fin-art #site_web{
	margin-left:80px;
}
.liens a,
.fin-art #lien_profil a,
.fin-art #site_web a,
.lien-fin-article a{
	color: #003366;
	text-decoration : underline;
}

.fin-art #banniere{
	text-align: center;
	padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 7px;
}

.fin-art #slogan{
	text-align: center;
	font-weight: bold;
}


.fin-art #banniere img{
	border: 0;
}

#posts-de-la-meme-cat{
	/*padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 7px;*/
	margin-top: 14px;
}

.titre-mini-profil, 
#posts-de-la-meme-cat b{
	background-color: #444;
	color: #fff;
	font-weight: bold;
	
	padding: 2px 2%;
	margin-bottom:5px;
	
	width: 96%;
	
	display:block;

}

.lien-fin-article{
	padding: 5px 0;
	text-align: right;
	font-size: 11px;
}

#google-bas{
	padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 15px;
	
	
}

/*-----------------*/
/*------PIED-------*/
/*-----------------*/
#pied{
	width: 100%;	
	border-top : 2px #444 solid;
	
	text-align : center;
	font-size: 11px;
	
	padding: 7px 0 ;
	margin-top : 12px;
}

#pied a{
	color: #003366;
	text-decoration : underline;	
}

/*-----------------*/
/*-LIENS METAMOTEUR*/
/*-----------------*/

.meta-titre{
	padding-top: 30px;

}

.meta-titrelien{
	font-size: 11px;
	font-weight : bold;
	
	border-top: 1px #444 solid;
	margin-top: 10px;
	padding-top: 10px;
	
	padding-bottom: 4px;
}

.meta-titrelien a{
	font-weight: bold;
	color: #003366;
	text-decoration : underline;
}

.meta-descrlien{
	font-size: 11px;
	padding-bottom: 4px;
}

.meta-lien a{
	font-weight: bold;
	font-size: 10px;
	color: #003366;
	text-decoration : underline;
}

.meta-lien2 a{
	font-size: 10px;
	color: #666;	
	text-decoration : none;
}