@charset "utf-8";
/*
Theme Name: DIAGMA
Theme URI: http://www.diagma.com/
Description: Le thème Wordpress pour la société DIAGMA
Version: 0.1
Author: Benjamin NETTER
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html { color: #999; font: 14px Arial, Helvetica, sans-serif; }

html, body {
	background: url(images/bg.png) no-repeat top left;
	background-attachment:fixed;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#top, #bloc, #posts {
	
	text-align:center;
}

.cpage {
	/*border-bottom: 1px solid #cccccc;*/
	padding-top:20px;
	padding-bottom:20px;
	width:850px;
	margin-left: auto;
	margin-right: auto;
	background:white;
}

#menu {
	background:url(images/menu/bg.png);
}

#menu, #menu a, #menu img, #menu td{
	margin: 0px;
	padding: 0px;
	height: 34px;
}

.post {
	margin-left:20px;
	text-align:left;
	width:490px;
	border-top: 1px solid #cccccc;
	padding-bottom:20px;
	padding-top:20px;
}

.title h1 {
	font-size:20px;
}

.title h2 {
	font-size:25px;
}

.post .thumbnail {
	border:1px solid #dddddd;
	width:90px;
	float:left;
	margin-right:5px;
	padding:1px;
}

.next {
	margin-top:15px;
	text-align:right;
}

.next  a {
	font-size:11px;
	color:#888888;
	text-decoration:none;
	border-bottom: 1px solid #CCCCCC;
	padding:2px;
	padding-left:1px;
	padding-right:1px;
}

.next  a:hover {
	background:#0086c4;
	border-bottom: 1px solid #CCCCCC;
	padding:2px;
	padding-left:1px;
	color:white;
	padding-right:1px;
}

.short {
	margin-top:15px;
	letter-spacing:0px;
	text-align:justify;
}

.article {
	margin-top:15px;
	text-align:justify;

}

.article h3 {
	color: #666666;
	font-weight:bold;
}

.article p {
	margin-top:10px;
}

.article a {
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}

.article a:hover{
	color: #999999;
}

.piclenselink {
	display:none;
}

.article img, .ngg-gallery-thumbnail-box img{
	border:1px solid #dddddd;
	margin-right:5px;
	padding:1px;
}

.alignleft {
	float:left;
}

#sidebar {
	margin-left:20px;
	border-left:1px solid #eeeeee;
	padding-left:10px;
	text-align:left;
	text-transform: uppercase;
	font-size:10px;
}

#sidebar input{
	width:80%;
	padding:3px;
	border:1px solid #cccccc;
	margin-top:10px;
}

#sidebar a {
	color: #666666;
	text-decoration:none;
}

#sidebar strong {
	font-size:11px;
	font-weight:bold;
}

#last_articles ul {
	margin-top:10px;
	border-top: 1px solid #cccccc;
	width:85%;
}

#last_articles li {
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #cccccc;
}

#last_articles a {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

#last_articles a:hover {
	color: #0172a6;
}

#footer {
	font-size:11px;
	padding-top: 20px;
	padding-bottom: 20px;
    margin-left:20px;
}

.evenement {
	padding:10px;
}

.date {
	margin-top:3px;
	margin-right:5px;
	text-align:center;
	float:left;
	width:35px;
	background:white;
}

.date abbr, .date b {
	font-size:10px;
	display:block;
	background:#C30;
	color:white;
	margin:0px;
	padding:0px;
	border:1px solid #dddddd;
	border-bottom:none;
}

.date strong {
	display:block;
	font-size:16px;
	font-weight:bold;
	border:1px solid #dddddd;
	border-top:none;
	color:black;
}

#suscribe {
	margin-top:30px;
}

#suscribe input, #suscribe select {
	display:block;
	padding:3px;
	border:1px solid #cccccc;
	font-weight:normal;
	width:100%;
}

#suscribe label {
	margin-top:20px;
	margin-bottom:3px;
	font-weight:bold;
	display:block;
}

#suscribe td {
	padding-right:30px;
}

#rss {
	padding-left:20px;
	background: url(images/rss.png) no-repeat left top ;
}

#us{
	padding-left:20px;
	background: url(images/us.png) no-repeat left 2px;
}

#footer a{
	color: #666666;
	text-decoration:none;
	border-bottom:1px solid #eeeeee;
}

#footer a:hover{
	border-bottom:1px solid #cccccc;
}

.sm {list-style:none; width:459px; height:100px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

#logo {
	float:left;
	width:320px;
}

#foo {
	background:url(images/bgf.png);
	color:white;
}

#foo a, #rounded_footer a {
	color:white;
}

#categories a {
	margin-right:5px;
}

#services, #a_propos {
	display:none;
}

#rounded_footer {
    padding-left:20px;
    background:url(images/footer_bg.png) no-repeat;
    width:850px;
    height:76px;
    margin:0 auto;
    padding-top:20px;
    color: white;
}

.navigation {
	padding-left:20px;
	text-transform:uppercase;
	padding-right:20px;
}

.navigation a {
	color: #999999;
	text-decoration:none;
	font-size:11px;
}

.navigation a:hover {
	color: #666666;
}

.submenu {
	position:absolute;
	background:url(images/submenuBG.png) no-repeat;
	height:36px;
	width:462px;
	margin-left:125px;
	margin-top:6px;
	padding-left:5px;
	padding-top:11px;
	text-align:center;
	display:none;
}

.submenu a {
	margin-right:10px;
	font-size:11px;
	color: #999999;
	text-transform:uppercase;
	text-decoration:none;
}

.submenu a:hover {
	font-weight:bold;
}

#the_menu {
	margin-left:20px;
	margin-right:53px;
	margin-top:30px;
	padding-bottom:30px;
}