/*
Theme Name: LePermisInformatique
*/
body{
	margin:0;
	color:#21283b;
	font:12px Arial, Helvetica, sans-serif;
	background:#f3f3f3 url(images/bg-body.gif) repeat-x 50% 0;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#981717;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#cacaca;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	margin:0 auto;
	width:961px;
	background:url(images/bg-wrapper.gif) repeat-y;
}
#header {
	width:100%;
	margin:0 0 -7px;
	padding:18px 0 0;
	position:relative;
	background:url(images/bg-header.gif) no-repeat;
}
#header .holder {
	width:943px;
	overflow:hidden;
	padding:0 10px 0 7px;
}
.logo {
	background:url(images/logo.png) no-repeat;
	width: 94px;
	height: 103px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 37px 0 0;
}
.logo a {
	height:100%;
	display:block;
	position:relative;
}
#header h1 {
	margin:12px 0 0;
	background:url(images/slogan.gif) no-repeat;
	width: 506px;
	height: 84px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.search-form {
	float:right;
	background:url(images/bg-search.png) no-repeat;
	width: 150px;
	height: 31px;
	padding:0 0 0 10px;
	margin:50px 0 0;
}
.search-form input.txt {
	float:left;
	border:none;
	background:none;
	width:130px;
	padding:0;
	margin:6px 0 0;
	font-size:15px;
	position:relative;
}
.search-form input.btn {
	float:right;
	width:17px;
	height:30px;
	margin:0;
	padding:0;
	border:none;
	position:relative;
}
.nav-holder {
	width:100%;
	overflow:hidden;
}
ul.icon-list {
	list-style:none;
	padding:14px 7px 0 0;
	margin:0;
	float:right;
	width:165px;
	overflow:hidden;
}
ul.icon-list li {float:left;}
ul.icon-list li img {display:block;}
ul.navigation {
	list-style:none;
	padding:0 0 3px 20px;
	margin:7px 0 0;
	width:768px;
	float:left;
	overflow:hidden;
}
ul.navigation li {
	float:left;
	margin:0 43px 0 0;
}
ul.navigation a {
	float:left;
	color:#cacaca;
}
ul.navigation a:hover,
ul.navigation a.active {
	background:url(images/bg-nav-left.gif) no-repeat;
	text-decoration:none;
	color:#fff;
}
ul.navigation li.recrutement a:hover,
ul.navigation li.recrutement a.active {background:url(images/bg-nav-recrutement.gif) no-repeat;}
ul.navigation li.auteurs a:hover,
ul.navigation li.auteurs a.active {background:url(images/bg-nav-auteurs.gif) no-repeat;}
ul.navigation li.a-propos a:hover,
ul.navigation li.a-propos a.active {background:url(images/bg-nav-propos.gif) no-repeat;}
ul.navigation a span {
	float:left;
	padding:2px 14px 0 13px;
	height:58px;
	cursor:pointer;
}
ul.navigation a:hover span,
ul.navigation a.active span {background:url(images/bg-nav-right.gif) no-repeat 100% 0;}
ul.navigation a strong {
	display:block;
	font-size:28px;
	letter-spacing:-1px;
	line-height:37px;
}
ul.navigation a em {
	font-style:normal;
	font-size:12px;
	line-height:16px;
	display:block;
	position:relative;
	white-space:nowrap;
	margin:-6px 0 0;
	font-weight:bold;
}
#main {
	width:941px;
	padding:0 0 18px 20px;
	overflow:hidden;
}
.content {
	float:left;
	width:630px;
	padding:22px 0 0;
}
.head {
	height:1%;
	overflow:hidden;
	padding:0 0 6px 10px;
	position:relative;
}
.content h2 {
	margin:0;
	font-size:24px;
	line-height:28px;
	color:#20273a;
	width:515px;
}
.content .head h2 {float:left;}
.content h2 a {color:#20273a;}
.author {
	display:block;
	width:100%;
	clear:both;
	text-align:right;
	line-height:14px;
	color:#322309;
	font-weight:normal;
	white-space:nowrap;
	margin-bottom:8px;
}
.author a {
	color:#322309;
	background:url(images/arrow-autor.gif) no-repeat 100% 5px;
	padding:0 8px 0 0;
}
.post {
	background:url(images/bg-post.gif) repeat-y;
	border-top:2px solid #6d6d6d;
	margin:0 0 27px;
	position:relative;
}
.post .holder {
	background:url(images/bg-post-bottom.gif) no-repeat 0 100%;
	width:616px;
	padding:6px 4px 9px 10px;
	line-height:14px;
}
.post p {margin:0 0 15px;}
.visual {padding:3px 0 15px 26px;}
.visual img,
.visual em {display:block;}
.visual img {margin:0 0 2px;}
.read {
	display:block;
	background:url(images/bg-read.gif) no-repeat;
	padding:2px 0 3px 21px;
	margin:-2px 0 8px;
}
.read a {
	background:url(images/arrow-autor.gif) no-repeat 100% 5px;
	padding:0 10px 0 0;
}
.entry-meta {
	width:610px;
	border-top:1px solid #d7e8e9;
	padding:2px 0 0;
	font-size:11px;
	line-height:13px;
	color:#322309;
	overflow:hidden;
}
.categories {float:left;}
.entry-meta span {display:block;}
.date-holder {
	float:right;
	text-align:right;
}
ul.item-list {
	list-style:none;
	padding:0;
	margin:-15px 0 15px;
	line-height:14px;
	position:relative;
}
.sidebar {
	float:right;
	width:292px;
	padding:16px 0 0;
}
.sidebar h3 {
	margin:0;
	background:url(images/bg-heading.gif) no-repeat;
	width:264px;
	height: 39px;
	padding:0 14px;
	color:#341d1d;
	font-size:20px;
	line-height:33px;
	position:relative;
}
.info-box {
	border:solid #ccc;
	border-width:0 0 1px 1px;
	margin:0 20px 30px 12px;
	width:250px;
	padding:0 0 7px 9px;
	font-size:14px;
	color:#1d2434;
}
.info-box a {color:#1d2434;}
.tegcloud {margin:-2px 0 0;}
ul.nouvelles {
	list-style:none;
	padding:0;
	margin:-3px 0 0;
	line-height:17px;
}
ul.nouvelles li {padding:0 0 14px;}
ul.nouvelles strong {
	display:block;
	background:url(images/arrow-visit.gif) no-repeat 1px 5px;
	text-indent:11px;
	font-weight:normal;
}
ul.nouvelles em {
	display:block;
	color:#464646;
	font-size:12px;
	line-height:14px;
}
.visit {
	display:block;
	text-align:right;
	margin:-10px 0 0;
}
.visit a {
	background:url(images/arrow-visit.gif) no-repeat 100% 5px;
	padding:0 11px 0 0;
}
ul.articles strong,
ul.auteurs strong {
	background:none;
	text-indent:0;
}
ul.favoris {padding:0 0 3px;}
ul.favoris li {
	padding:0 !important;
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
ul.nouvelles img {
	float:left;
	margin:0 11px 0 0;
}
ul.auteurs em {
	margin:0 0 0 70px;
	display:block;
}
ul.auteurs {padding:0 0 24px;}
ul.auteurs li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 5px !important;
}
#footer {
	background:url(images/bg-footer.gif) no-repeat;
	width: 894px;
	padding:5px 53px 0 20px;
	height: 76px;
	margin:0 -7px 0 0;
	position:relative;
}
#footer .holder {
	width:100%;
	overflow:hidden;
	padding:0 0 4px;
}
ul.nav {
	list-style:none;
	padding:8px 0 0;
	margin:0;
	float:left;
	overflow:hidden;
}
ul.nav li {
	float:left;
	padding:0 22px 0 23px;
	margin:0 2px 0 -2px;
	font-size:25px;
	line-height:27px;
	font-weight:bold;
	background:url(images/separator-nav.gif) no-repeat 0 3px;
}
ul.nav a {color:#cacaca;}
ul.nav a:hover {
	color:#fff;
	text-decoration:none;
}
.logo-2 {
	float:right;
	background:url(images/logo-footer.gif) no-repeat;
	width: 224px;
	height: 48px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-2 a {
	display:block;
	height:100%;
}
.copyright {
	display:block;
	text-align:center;
	font-size:12px;
	color:#6f6f6f;
	position:relative;
	width:100%;
}
/* content-3-articles-no-border page */
.post-no-border .post,
.content-no-border .post {
	background:none;
	margin:0 0 24px 10px;
}
.post-no-border .post .holder,
.content-no-border .post .holder {
	border-bottom:1px solid #D7E8E9;
	background:none;
	padding:6px 4px 0 0;
}
.post-no-border .entry-meta,
.content-no-border .entry-meta {
	border:none;
	width:620px;
	padding:0 0 8px 10px;
	margin:-3px 0 0;
}
/* content-1-article page */
.top-bg {
	position:absolute;
	left:0;
	top:-12px;
	background:url(images/bg-post-top.gif) no-repeat;
	width: 630px;
	height: 20px;
	overflow:hidden;
}
.entry-meta-2 {margin:-8px 0 0;}
.commentaires {
	width:510px;
	padding:0 0 15px 60px;
	margin:-13px 0 0;
	overflow:hidden;
	line-height:14px;
}
.commentaires-area {padding:0 0 7px;}
.comment-author {
	display:block;
	color:#322309;
	font-weight:normal;
	margin:0 0 2px;
}
.comment-author a {
	color:#322309;
	background:url(images/arrow-autor.gif) no-repeat 100% 5px;
	padding:0 8px 0 0;
}
.content .commentaires h2 {margin:0 0 10px;}
.comment-box {
	background:url(images/bg-comment-center.gif) repeat-y;
	width:100%;
	margin:0 0 7px;
}
.comment-box .holder {background:url(images/bg-comment-top.gif) no-repeat;}
.comment-box .frame {
	background:url(images/bg-comment-bottom.gif) no-repeat 0 100%;
	padding:17px 11px 10px 10px;
}
.comment-box p {margin:0;}
.comment-form {
	width:100%;
	margin:-9px 0 0;
}
.row {
	width:100%;
	overflow:hidden;
	padding:0 0 5px;
}
.field {
	float:left;
	background:url(images/bg-field.gif) no-repeat;
	width:194px;
	height: 22px;
	padding:8px 10px 0;
	margin:0 5px 0 0;
}
.field input.txt {
	border:none;
	background:none;
	float:left;
	font-size:12px;
	color:#21283b;
	width:194px;
	padding:0;
	margin:0;
}
.explanation {
	float:left;
	line-height:14px;
	margin:8px 0 0;
}
.area {
	background:url(images/bg-comment-center.gif) repeat-y;
	display:block;
}
.area-holder {
	background:url(images/bg-comment-top.gif) no-repeat;
	display:block;
}
.area-frame {
	background:url(images/bg-comment-bottom.gif) no-repeat 0 100%;
	display:block;
	padding:15px 3px 5px 3px;
	width:507px;
	overflow:hidden;
}
.area textarea {
	margin:0;
	padding:0 0 0 7px;
	border:none;
	width:497px;
	max-width:497px;
	height:110px;
	background:none;
	font-size:12px;
	float:left;
	color:#21283b;
	overflow:auto;
}
.comment-form input.btn {
	float:right;
	width:64px;
	height:30px;
	border:none;
	background:none;
}
/* content-authors page */
.head-authors {
	width:426px;
	font-size:14px;
	line-height:17px;
	font-style:italic;
	margin:-6px 0 9px;
}
.head-authors:after {
	content:"";
	display:block;
	clear:both;
}
.img-holder {
	float:left;
	background:url(images/img-frame.gif) no-repeat;
	width: 104px;
	height: 104px;
	padding:4px 0 0 4px;
	margin:1px 9px 0 -1px;
	display:inline;
}
.img-holder img {
	display:block;
	width:100px;
	height:100px;
}
.head-authors p {margin:0;}
.content .head-authors h2 {
	width:auto;
	font-style:normal;
}
.cite-box {
	background:url(images/bg-cite-center.gif) repeat-y;
	width:100%;
	margin:0 0 35px;
}
.cite-box .holder {background:url(images/bg-cite-top.gif) no-repeat;}
.cite-box .frame {
	background:url(images/bg-cite-bottom.gif) no-repeat 0 100%;
	width:606px;
	overflow:hidden;
	line-height:14px;
	padding:16px 14px 7px 10px;
}
.cite-box p {margin:0;}
.info {
	float:left;
	width:410px;
}
.recent-articles {
	float:right;
	width:180px;
}
.recent-articles h3 {
	margin:0;
	font-size:12px;
}
.recent-articles ul {
	list-style:none;
	padding:0;
	margin:0;
}
.recent-articles ul li {
	background:url(images/bullet-articles.gif) no-repeat 0 5px;
	text-indent:9px;
	padding:0 0 16px;
}
.recent-articles ul a {color:#20273a;}
.all {
	display:block;
	text-align:right;
	margin:-1px 0 0;
}
.all a {
	color:#20273a;
	background:url(images/bullet-articles.gif) no-repeat 100% 5px;
	padding:0 10px 0 0;
}
/* iphone page */
body.iphone-wrapper {
	font-size:18px;
	background:#f3f3f3 url(images/bg-body-iphone.gif) repeat-x 50% 0;
	position:relative;
}
body.iphone-wrapper #wrapper {
	background:url(images/bg-iphone-wrapper.gif) repeat-y;
	position:relative;
	z-index:50;
	width:744px;
	overflow:hidden;
}
body.iphone-wrapper #header {
	background:url(images/bg-header-iphone.gif) no-repeat;
}
.bg-right {
	position:absolute;
	width:50%;
	left:50%;
	top:0;
	z-index:10;
	background:url(images/bg-body-right.gif) repeat-x;
	height: 225px;
	overflow:hidden;
}
.logo-iphone {
	background:url(images/logo-2.gif) no-repeat !important;
	width: 113px;
	height: 124px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 17px 0 0;
}
.logo-iphone a {
	display:block;
	height:100%;
}
body.iphone-wrapper ul.navigation {
	margin:6px 0 0;
	padding-left:11px;
	width:658px;
}
body.iphone-wrapper #header h1 {
	background:url(images/slogan-2.gif) no-repeat;
	width: 507px;
	height: 85px;
	margin:27px 0 0;
}
body.iphone-wrapper ul.navigation a span {
	padding-top:9px;
	padding:9px 0 0 0;
	height:51px;
	text-align:center;
}
body.iphone-wrapper ul.navigation li {margin:0 38px 0 0;}
body.iphone-wrapper ul.navigation li.propos {margin-right:0;}
body.iphone-wrapper ul.navigation li.recrutement a:hover,
body.iphone-wrapper ul.navigation li.recrutement a.active {background:url(images/bg-nav-recrutement-iphone.gif) no-repeat;}
body.iphone-wrapper ul.navigation li.auteurs a:hover,
body.iphone-wrapper ul.navigation li.auteurs a.active {background:url(images/bg-nav-auteurs-iphone.gif) no-repeat;}
body.iphone-wrapper ul.navigation li.propos a:hover,
body.iphone-wrapper ul.navigation li.propos a.active {background:url(images/bg-nav-propos-iphone.gif) no-repeat;}
body.iphone-wrapper #header .holder {padding-left:0;}
body.iphone-wrapper #main {padding-left:11px;}
body.iphone-wrapper .content h2 {
	font-size:26px;
	color:#981717;
	width:515px;
	letter-spacing:-1px;
	line-height:31px;
}
body.iphone-wrapper .content h2 a {color:#981717;}
.author-iphone {
	float:right;
	font-size:24px;
	line-height:24px;
	color:#1e1e1e;
	font-weight:normal;
	letter-spacing:-1px;
	width:100px;
	background:url(images/arrow-autor-iphone.gif) no-repeat 100% 31px;
	margin:3px 0 0;
}
.author-iphone a {
	color:#1e1e1e;
	padding:0;
}
body.iphone-wrapper .post {
	background:url(images/bg-post-center.gif) repeat-y;
}
body.iphone-wrapper .post .holder {
	background:url(images/bg-post-bottom-iphone.gif) no-repeat 0 100%;
	line-height:21px;
	color:#21283b;
}
body.iphone-wrapper .top-bg {
	background:url(images/bg-post-top-iphone.gif) no-repeat;
	width: 632px;
	height: 20px;
	left:-2px;
}
body.iphone-wrapper .post p {margin:0 0 22px;}
body.iphone-wrapper .read {
	background:url(images/bg-read-iphone.gif) no-repeat;
	padding:6px 0 13px 31px;
}
body.iphone-wrapper .read a {
	background:url(images/arrow-read.gif) no-repeat 100% 7px;
	padding:0 15px 0 0;
}
body.iphone-wrapper .entry-meta {
	font-size:13px;
	line-height:15px;
}
body.iphone-wrapper ul.item-list {
	line-height:22px;
	margin:-25px 0 15px;
}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.categories span.tags a{
	color:#322309;
}

ul.nouvelles-arrow li{
	background:url("images/arrow-visit.gif") no-repeat scroll 1px 5px transparent;
	display:block;
	font-weight:normal;
	text-indent:11px;
}
h3.pagetitle{
	margin-left:10px;
}
.holder-1{
	display:table;
	height:33px;
}
.holder-2{
	display:table-cell;
	vertical-align:middle;
	height:33px;
}
.sidebar h3 a{
	color:#341D1D;
}