body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #35383d;
padding : 0;
margin : 0;
background-image : url(images/main-bg.gif);
background-repeat : repeat-x;
background-color : #00090b;
}
html {
padding : 0;
margin : 0;
}
a:link {
text-decoration : none;
color : #00a0e3;
border : 0;
}
a:active {
text-decoration : underline;
color : #00a0e3;
border : 0;
}
a:visited {
text-decoration : none;
color : #00a0e3;
border : 0;
}
a:hover {
text-decoration : underline;
color : #003399;
border : 0;
}
a:focus {
outline : none;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
}
h3, h4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font-weight : normal;
}
h5 {
font-weight : bold;
font-family : Arial;
font-size : 14px;
}
img {
padding : 0;
margin : 0;
border : none;
text-align : center;
}
hr {
border-left : 0 solid #abb0b5;
border-right : 0 solid #abb0b5;
border-top : 1px dotted #abb0b5;
border-bottom : 0 solid #abb0b5;
height : 1px;
}
form {
padding : 0;
margin : 0;
}
input {
font-family : 'Verdana';
color : #282b31;
font-size : 11px;
}
textarea {
font-family : 'Verdana';
color : #282b31;
font-size : 11px;
}
select {
font-family : 'Verdana';
color : #282b31;
font-size : 11px;
}
.BGC {
width : 731px;
margin : 0 auto;
padding : 0;
position : relative;
}
* html .Header {
height : 98px;
}



/*HEADER/////////////////////////////////////////////////////////*/
#Header {background-image : url(images/header.jpg);
clear:left;
min-height:98px;
padding:0;
position:relative;
width : 730px;
height:276px;
}
#Header ul.topnav {
float : right;
width : 205px;
height:26px;
margin:0px;
padding-top : 242px;
}
#Header ul.topnav li {
float : left;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
width : auto;
text-indent : -9999px;
}
#Header ul.topnav li a {
height : 26px;
margin-right:5px;
display : block;
}
#Header ul.topnav li.contact a {
width : 54px;
background-image : url(images/button_contact.jpg);
background-repeat : no-repeat;
}
#Header ul.topnav li.contact a:hover {
background-image : url(images/button_contact.jpg);
background-position : 0 -52px;
background-repeat : no-repeat;
}
#Header ul.topnav li.blog a {
width : 44px;
margin-right:5px;
background-image : url(images/button_blog.jpg);
background-repeat : no-repeat;
}
#Header ul.topnav li.blog a:hover {
background-position : 0 -52px;
background-repeat : no-repeat;
}
#Header ul.topnav li.porfolio a {
height:26px;
width : 72px;
margin-right:5px;
background-image : url(images/button_porfo.jpg);
background-repeat : no-repeat;
}
#Header ul.topnav li.porfolio a:hover {
background-position : 0 -52px;
background-repeat : no-repeat;
}
html body#home ul.topnav li.home a, body#about ul.topnav li.about a, body#services ul.topnav li.services a, body#portfolio ul.topnav li.portfolio a, body#blog ul.topnav li.blog a, body#contact ul.topnav li.contact a {
background-position : 0 bottom;
}

/*CONTENU/////////////////////////////////////////////////////////*/

.CON {
width : 730px;
float : left;
position : relative;
background-image : url(images/bg_contenu.gif);
background-repeat : repeat-y;
}
#SC {
float : left;
width : 410px;
padding : 15px 30px 15px 70px;
}
.notfound
 {	width:400px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.SC h2 {
font-weight : normal;
padding-left: 70px;
}
.pagetitle {
position : relative;
padding-top : 20px;
margin-top : -2px;
}
.Post {
position : relative;
clear : left;
padding-top : 0;
padding-bottom : 0;
}
.PostHead {

padding-bottom : 10px;
width:300px;
}
.PostHead h1 {
font-size : 18px;
line-height : 20px;
letter-spacing : -1px;
font-weight : bold;
margin : 0;
color : #9ca3a7;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-top : 2px;
padding-right : 0;
padding-bottom : 1px;
}
.PostHead h1 a {
color : #2a2a2a;
text-decoration : none;
}
.PostHead h1 a:visited {
color : #2a2a2a;
text-decoration : none;
}
.PostHead h1 a:hover {
color : #ca0090;
text-decoration : none;
}

/*COMMENTAIRES/////////////////////////////////////////////////////////*/

.PostComments {
position : absolute;
right : 0;
top : 0;
padding-top : 0;
padding-left : 20px;
color : white;

font-size : 10px;
font-weight : normal;
line-height : 2.5em;
}
.PostComments ul {
padding : 0;
margin : 0;
}
.PostComments li {
list-style-type : none;
display : inline;
color : #cccccc;
font-size : 10px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 22px;
}
.PostComments li a {
text-decoration : none;
color : #ca0090;
}
.PostComments li a:hover {
text-decoration : none;
color : #000;
}
.PostDate {
margin : 0;
position : absolute;
top : 0;
height : 42px;
margin-left : -80px;
text-align : center;
width : 46px;
padding-left : 12px;
}
.PostDate small {
font-size : 10px;
color : #c7d82d;
font-weight : bold;
margin-right : 10px;
}
.PostDate .month {
display : block;
text-transform : uppercase;
font-size : 9px;
}
.PostDate .day {
display : block;
text-transform : uppercase;
font-size : 11px;
line-height : 20px;
}
.PostDate .year {
display : block;
}
.PostContent {
padding : 0 0 5px 0;
font-size : 12px;
line-height : 17px;
}
.PostContent h2 {
	font-size : 12px;
	line-height : 17px;
	color: #00A0E3;
	font-weight: bold;
}
.PostContent p {
font-size : 11px;
line-height : 17px;
}
.PostContent img {
border : 6px solid #e5e5e5;
margin-left : -6px;
}

.PostContent .twitter
{
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.PostContent ul {
padding : 10px 0;
margin : 0;
}
.PostContent li {
padding : 2px 0 2px 15px;
list-style-type : none;
background : url(images/PostContentLiIco.png) no-repeat left top;
font-size : 11px;
line-height : 15px;
color : #4c4c4c;
}
.PostContent blockquote {
padding : 2px 10px;
background : #e9f8ff;
margin : 0;
color : #336699;
}
.PostContent blockquote p {
font-size : 11px;
padding : 5px 0;
margin : 5px 0;
line-height : 15px;
}
.PostContent blockquote li {
padding : 2px 0 2px 15px;
list-style-type : none;
background : url(images/PostContentBlockLiIco.png) no-repeat left top;
font-size : 11px;
line-height : 15px;
color : #336699;
}
.PostContent blockquote a {
color : #0080ca;
}
.PostContent blockquote a:visited {
color : #000;
}
.PostContent blockquote a:hover {
color : #003399;
}
.PostContent a {
text-decoration : none;
}
.PostContent a:visited {
color : #000;
}
.PostContent a:hover {
color : #003399;
}
.PostDet {
padding-top : 15px;
padding-bottom : 10px;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #dddddd;
padding-left : 5px;
}
.PostDet ul {
padding : 0;
margin : 0;
}
.PostDet li {
padding : 5px 0 5px;
margin : 0 10px 0 0;
list-style-type : none;
display : inline;
color : #1a1917;
font-size : 10px;
font-weight : normal;
}
.PostDet li a {
text-decoration : none;
color : #1a1917;
}

ul.related_post{
padding-bottom : 10px;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #dddddd;
padding-left : 0;}


.related_post ul {
padding : 0;
margin : 0;
}

ul.related_post li{
	list-style-type : none;
	color : #1a1917;
	font-size : 10px;
	font-weight : normal;
	background-color: #F5f5F5;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/arrow_related_post.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

ul.related_post a{
text-decoration : none;
color : #CA0090;}
ul.related_post a:hover{
text-decoration : none;
color : #000000;}

.PostCom {
background : url(images/comment.png) no-repeat left center;
margin-right : 5px;
}
.Comments {
margin : 20px 0 0 0;
}
.Comments .List h3 {
font-size : 14px;
font-weight : bold;
color : #000;
margin-top : 0;
margin-right : 20px;
margin-bottom : 5px;
margin-left : 0;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 20px;
}
.Comments .List ol {
padding : 0;
margin : 0;
}
.Comments .List li {
position : relative;
list-style-type : none;
margin-top : 0;
margin-right : 0;
margin-bottom : 20px;
margin-left : 0;
padding-top : 15px;
padding-right : 5px;
padding-left : 5px;
}
.Comments .List .ComListLi {
background-position : left bottom;
}
* html .Comments .List .ComListLiTop {
left : -5px;
}
.Comments .List .ComListLiTop {
position : absolute;
height : 15px;
width : 420px;
left : 0;
top : 0;
}
* html .Comments .List .ListNr {
left : -55px;
}
.Comments .List .ListNr {
color : #bec9d1;
position : absolute;
top : 15px;
font-size : 24px;
line-height : 24px;
font-family : 'Arial';
font-weight : normal;
letter-spacing : -1px;
padding : 0;
left : -55px;
}
* html .Comments .List .ListGrav {
left : 10px;
}
.Comments .List .ListGrav {
position : absolute;
top : 30px;
left : 20px;
}
.Comments .List .ListGrav img {
border : 1px solid #fff;
}
.Comments .List big {
margin : 0;
padding : 0 0 0 47px;
font-size : 11px;
line-height : 11px;
letter-spacing : -1px;
color : #333;
font-weight : bold;
display : block;
}
.Comments .List .number {
	color : #CA0090;
	font-size : 12px;
	font-weight: bold;
	padding : 0 0 0 15px;
	margin : 0;
	
}
.Comments .List small {
color : #a19a80;
padding : 0 0 0 46px;
margin : 0;
font-size : 10px;
}
.Comments .List small a {
color : #9CA3A7;
text-decoration : none;
}
.Comments .List small a:visited {
text-decoration : none;
}
.Comments .List .ListContent {
margin : 15px 15px 15px 15px;
padding : 5px 10px;
font-size : 11px;
line-height : 15px;
background : #fff url(images/ComListContent.gif) no-repeat left top;
display : block;
border : thin solid #eeeeee;
}
.Comments .Form h3 {
font-size : 14px;
font-weight : bold;
letter-spacing : -1px;
margin : 0;
padding : 5px 0 10px 0;
color : #333;
}
.Comments .Form {
	position : relative;
	background-color : #f5f5f5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.Comments .FormTop {
top : 0;
left : 0;
width : 400px;
height : 7px;
}
.Comments .Form form {
margin : 0;
padding : 0;
}
.Comments .Form a {
text-decoration : underline;
}
.Comments .Form p {
padding : 0;
margin : 0;
font-size : 10px;
color : #000;
}
.Comments .Form p small strong {
font-size : 10px;
font-weight : bold;
color : #ff3300;
}
.Comments .Form p small {
font-size : 11px;
display : block;
padding : 5px 0;
}
.Comments .Form .TextField {
background : #fff;
border : 1px solid #cccccc;
padding : 5px 4px;
font-size : 11px;
display : block;
}
.Comments .Form .TextArea {
background : #fff;
border : 1px solid #cccccc;
padding : 4px;
font-size : 12px;
}
.Comments .Form input.SubmitComment {
width : 257px;
height : 26px;
background : url(images/SubmitComment.png) no-repeat;
margin-top : 8px;
}
.Comments .Form input.SubmitComment:hover {
background : url(images/SubmitComment.png) no-repeat 0 -26px;
margin-top : 8px;
}
.Comments .Form input.SubmitCommentIE {
width : 257px;
height : 26px;
background : url(images/SubmitComment.png) no-repeat 0 -26px;
margin-top : 10px;
margin-top : 8px;
}
#respond {

color : #000;
}

/*SIDEBAR/////////////////////////////////////////////////////////*/

.SR {
width : 190px;
float : right;
color : #fff;
padding-top : 10px;
padding-right : 10px;
padding-left : 10px;
padding-bottom : 15px;
background-color : #011c23;
}
.SR .SRL a {
color : #979797;
font-size : 11px;
}
.SR .SRL a:visited {
color : #979797;
}
.SR .SRL a:hover {
color : #979797;
}
.SR .SRL .widget {
margin-bottom : 20px;
}
.SR .SRL .widget h2 {
color : #c7d82d;
font-family : "Trebuchet MS";
font-size : 12px;
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 10px;
background-image : url(images/rubric.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 10px;
background-image : url(images/rubric_porfolio.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_rea {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_realisation.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_porfo {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_porfo.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_about {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_about.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_about_dt {
color : #979797;
padding-top : 5px;

}
.SR .SRL .widget_cat {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_cat.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_archives {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_archives.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_rubric_ressources {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-top : 5px;
margin-bottom : 2px;
background-image : url(images/rubric_ressources.jpg);
background-repeat : no-repeat;
height : 24px;
}
.SR .SRL .widget_feed {
height:35px;
margin-bottom:20px;
padding-right:10px;
padding-top:5px;;
}
.SR .SRL .widget_rubric_rss {
height:35px;
margin-bottom:20px;
padding-right:10px;
padding-top:5px;;
}
.SR .SRL .widget ul {
margin : 0;
padding : 0;
}
.SR .SRL .widget li {
margin : 0;
list-style-type : none;
font-size : 13px;
padding-top : 0;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #011f27;
}



/*FOOTER////////////////////////////////////////////////////////*/

.Footer {
width : 730px;
position : relative;
margin-left : 46px;
clear : left;
background-image : url(images/bodybottom.jpg);
background-repeat : no-repeat;
padding-bottom : 10px;

}

.FL {
position : absolute;
left : 0;
height : 8px;
width : 8px;
background : url(images/FL.gif) no-repeat left top;
}
.FR {
position : absolute;
right : 0;
height : 8px;
width : 8px;
background : url(images/FR.gif) no-repeat left top;
}
.Footer p {
font-size : 10px;
padding-top : 30px;
margin : 0;
}
.Footer a {
color : #92b8cd;
text-decoration : underline;
}


/*POST-FOLIO/////////////////////////////////////////////////////////*/

.titres {
font-size : 14px;
font-weight : bold;
color : #ca0090;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-top : 5px;
}
.titres a {
color : #2a2a2a;
text-decoration : none;
}
.titres a:hover {
color : #2a2a2a;
text-decoration : none;
}
.titres a:visited {
color : #ca0090;
text-decoration : none;
}
.titres_vignette {
font-size : 10px;
font-weight : bold;
color : #ca0090;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-top : 5px;
}
.titres a {
color : #2a2a2a;
text-decoration : none;
}
.titres a:hover {
color : #2a2a2a;
text-decoration : none;
}
.titres a:visited {
color : #ca0090;
text-decoration : none;
}
.client {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.client_vignette {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-left:10px;
	font-weight: bold;
}
.PostHead_cat h3 {
font-size : 11px;
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#list_ressources {
background-image : url(images/h1_realisations.jpg);
background-repeat : no-repeat;
height : 21px;
margin-top : 20px;
margin-bottom : 20px;
}
#list_contact {
background-image : url(images/h1_contact.jpg);
background-repeat : no-repeat;
height : 21px;

margin-top : 20px;
margin-bottom : 20px;
}

/*BOOKMARKS/////////////////////////////////////////////////////////*/

#rowcontainer {
margin : 0 auto;
overflow : hidden;
background : #fff;
padding : 0;
}
.onequartercolumn {
float : left;
width : 200px;
background-color : #f9f9f9;
margin-top : 2px;
margin-right : 2px;
margin-bottom : 0;
padding-top : 0;
padding-bottom : 0;
}
.onequartercolumn img {
margin: 0;
padding-top:10px;
padding-left:10px;

}

p.banbar {
color : #eee;
margin : 0 0 0 10px;
padding : 0;
font-size : 11px;
clear : both;
}

.commenbar {
font-size : 10px;
color : #ca0090;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-left : 10px;
margin-top:0px;
margin-bottom:10px;
}
.commenbar a {
color : #ca0090;
text-decoration : none;
}
.commenbar a:hover {
color : #000;
text-decoration : none;
}
.commenbara:visited {
color : #ca0090;
text-decoration : none;
}

.feedcount {

}
.span.before{
color : #000;

}
.span.after{
color : #000;

}
span.subscribers{
color : #C7D82D;
font-size:16px;
}