/*
Theme Name: Nicolas Hénault
Theme URI: http://wordpress.org/
Description: Th&eagrave;me du blog de Nicolas Hénault.
Version: 1	
Author: Idweb Bourges
Author URI: http://www.idweb.fr
Tags: 
Text Domain: IDWEB



*/



/* Begin Typography & Colors */
body{
	background-color:#ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#global {
	background-color:#fff;
	margin :0 auto;
	width:995px;
}

.clear{
	clear:both;
	height:0px;
}

#photoHenaultHautGauche{
	float:left;
	height:194px;
	width:144px;
	margin: 10px 0 0 20px;
	position:relative;
	z-index:20;
}

#espaceConstruisons{
	float:left;
	margin: 10px 0 0 20px;
}

#espaceConstruisons p{
	color:#656565;
	margin:0 0 0 10px;
}

#espaceConstruisons .titreNicolasHenault{
	color:#0b539f;
	font-size:300%;
	font-weight:bold;
	margin:11px 0 0 10px;
}

#espaceDroit{
	float:right;
	margin: 10px 20px 0 0;
	height:150px;
	width:460px;
}

#espaceDroit img{
	float:right;
}

#espaceDroit form{
	float:left;
	margin:0;
	padding:0;
}
#inscriptionEmail{
	color:#0b539f;
	font-size:120%;
	float:left;
	margin: 66px 5px 0 30px;
}
#inputEmail{
	background:url(images/fond-inputEmail.gif) no-repeat;
	float:left;
	height:20px;
	margin:63px 0 0 0;
	padding:3px 0 0 15px;
	border: #cbcbcb solid 1px;
}
#btn_emailOk{
	float:left;
	margin: 63px 0 0 0px;
}


/* -------------DEBUT MENU *************************/
/***************************************************/
#barreMenu{
	position:relative;
	background-color:#0b539f;
	height:25px;
	margin:-31px 0 0 10px;
	padding:0;
	width:973px;
	z-index:10;
}
#barreMenu ul{
	margin:0;
	padding:0 0 0 200px;
	list-style:none;
}
#barreMenu li{
	float:left;
	margin:0 0 5px 0;
	text-align:center;
}
#barreMenu a{
	color:#fff;
	display:block;
	font-size:110%;
	height:20px;
	padding:4px 0 0 0;
	text-decoration:none;
	width:120px;
}
#barreMenu a:hover{
	background-color:#4d9df0;
}
#menu{
	float:left;
	width:571px;
	margin:0 0 0 15px;
	font-size:14px;
}


/* sous menu */
ul#menuHaut ul.sousMenu, ul#menuHaut ul.sousMenuVisible{
	background: #f0efef;
	display: none;
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 190px;
	z-index:49;
	border:1px solid #c4ced0;
	font-size:11px;
}

ul#menuHaut ul.sousMenuVisible{
	display: block;
}

ul#menuHaut ul.sousMenuVisible li{
	float: none;
}

ul#menuHaut ul.sousMenuVisible a{
	color: #4c5c66;
	display: block;
	height: auto;
	text-align: left;
	text-transform: none;
	width: 178px;
}

ul#menuHaut ul.sousMenuVisible a:hover{
	border-bottom:0;
	color:#d5333e;
	background:none;
}

ul#menuHaut li ul li a{
	padding:3px 0 3px 20px;
	margin:0;
}

ul#menuHaut li a.lienMenuActif{
	background:#d2d2d2;
}/*---------- FIN DU MENU -----------------------*/
/************************************************/

#ligneAgenda{
	margin:10px 0 0 10px;
}

#ligneAgenda img{
	float:left;
}

#ligneAgenda marquee{
	font-size:16px
}
/************************************************/
/******** LES ARTICLES EN LIGNE *****************/
#ArticleSeul{
	background-color:#fff;
	float:left;
	width:943px;
	margin: 25px 0 0 25px;
}
#enteteArticleSeul{
	background-color:#0b539f;
	color:#fff;
	font-size:200%;
	margin:0;
	padding:0;
	width:100%;
}
#enteteArticleSeul p{
	margin:5px 0 5px 5px;
}
.boiteArticleSeul{
	background-color:#f9f8f8;
	border: #eeeeee solid 1px;
	float:left;
	margin:0 0 15px 0;
	padding: 27px;
	width:887px;
}

.boiteArticleSeul p{
	color:#656565;
	text-align:justify;
}

.boiteArticleSeul .titreArticle{
	color:#3f3f3f;
	font-size:190%;
	margin:0;
}






#totalArticles{
	background-color:#fff;
	float:left;
	width:652px;
	margin: 25px 0 0 25px;
}

#enteteTotalArticles{
	background-color:#7f7f7f;
	height:25px;
	margin:0;
	padding:5px 0 0 0;
	width:100%;
}

#enteteTotalArticles p{
	color:#fff;
	font-size:150%;
	margin:0;
	text-align:center;
}
.pagesSuivantes{
	color:#7f7f7f;
	font-size:80%;
	text-align:center;
}
.pagesSuivantesChiffres{
	font-size:170%;
}
.pagesSuivantesChiffres a{
	color:#7f7f7f;
	text-decoration:none;
}
.pagesSuivantesChiffres a:hover{
	color:#0b539f;
	text-decoration:none;
}

.pagesSuivantesChiffresActif{
	font-size:170%;
	color:#0b539f;
}

.boiteArticle{
	background-color:#f9f8f8;
	border: #eeeeee solid 1px;
	float:left;
	margin:0 0 15px 0;
	padding: 27px;
	width:596px;
}

.boiteArticle p{
	color:#656565;
	text-align:justify;
}

.boiteArticle .titreArticle{
	color:#3f3f3f;
	font-size:190%;
	margin:0;
}
.lireArticle{
	color:#0b539f;
	float:right;
	font-weight:bold;
	margin:0;
	padding: 3px 0 0 3px;
}

.lireArticle a{
	color:#0b539f;
	text-decoration:none;
}

.lireArticle a:hover{
	color:#0b539f;
	text-decoration:underline;
}

.boiteArticle img{
	margin:0px 0 2px 0;
}

/******* COLONNE DE DROITE **********************/
#colonneDroite{
	background-color:#fff;
	float:left;
	margin: 25px 0 0 25px;
	width:270px;
}
.boiteGrise{
	background-color:#7f7f7f;
	border: #7f7f7f solid 1px;
	float:left;
	margin:0 0 20px 0;
	padding: 0 0 10px 0;
	width:270px;	
}
.boiteGrise .titreBoiteGrise{
	background:url(images/fond-titre-boite-bleue.gif) no-repeat;
	color:#fff;
	height:24px;
	margin:0;
	padding:5px 0 0 0;
	font-size:140%;
	text-align:center;
} 
.boiteGrise .lireVideo{
	color:#fff;
	float:right;
	font-weight:bold;
	margin:0;
	padding: 3px 0 0 3px;
}
.boiteGrise .lireVideo a{
	color:#fff;
	text-decoration:none;
}
.boiteGrise .lireVideo a:hover{
	color:#fff;
	text-decoration:underline;
}

.boiteSansContour{
	background-color:#f9f8f8;
	border: none;
	float:left;
	margin:0 0 20px 0;
	padding: 0 0 10px 0;
	width:270px;	
}
.boiteBleue{
	background-color:#f9f8f8;
	border: #0b539f solid 1px;
	float:left;
	margin:0 0 20px 0;
	padding: 0 0 10px 0;
	width:270px;	
}
.boiteBleue .web{
	float:left;
	margin:15px 0 0 20px;
}
.boiteBleue input{
	margin:20px 0 0 40px;
}

.boiteBleue label{
	color:#656565;
	margin:-30px 0 0 0;
}

.boiteBleue p{
	margin: 0 10px 0 0;
}
.boiteBleue .leChiffre{
	color:#656565;
	font-size:260%;
	margin: 18px 0 0 0;
	text-align:center;
}
.boiteBleue .titreBoiteBleue{
	background:url(images/fond-titre-boite-bleue.gif) no-repeat;
	color:#fff;
	height:24px;
	margin:0;
	padding:5px 0 0 0;
	font-size:140%;
	text-align:center;
}

.boiteBleue .texteBoiteBleue{
	color:#656565;
	font-size:100%;
	margin: 18px 20px 0 20px;
	text-align:justify;
}
/***********************************************/
/************ PIED DE PAGE *********************/
#pied{
	margin:30px 0 10px 0;
	text-align:center;
}
#pied a{
	color:#656565;
	text-decoration:none;
}
#pied a:hover{
	color:#656565;
	text-decoration:underline;
}

#hrPied{
	border: #9d9d9d solid 1px;
	margin: 0 26px 0 26px;
}



/***********************************************/