/*
Theme Name: SN Consulting
Theme URI: http://www.snconsulting.fr/
Description: Theme de la société SN Consulting - Compétences Informatiques.
Version: 0.2
Author: Sébastien Nardella
 
SN Consulting by Sébastien Nardella || http://www.snconsulting.fr
 
*/

* {
	MARGIN: 0px; PADDING: 0px
	}
A {
	TEXT-DECORATION: underline; FONT-WEIGHT: bold; COLOR: #204090
	}
A:Hover {
	COLOR: #dd6500
	}
A:active, A:focus{
	OUTLINE: none
	}
A IMG {
	BORDER: none
	}
BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #222; FONT-SIZE: 75%
	}
BODY.home {
	BACKGROUND: url(images/bg-xxl2.png) repeat-x top;
	}
.home #header {
	MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 430px; BACKGROUND: url(images/accueil5.jpg) no-repeat
	}
	
BODY {
	BACKGROUND: url(images/bg-xxl2.png) repeat-x top;
	}
#header {
	MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 430px; BACKGROUND: url(images/accueil5.jpg) no-repeat
	}

/*-- LOGIN --*/

UL#login {
	FLOAT: right; LIST-STYLE-TYPE: none; MARGIN: 0px; MARGIN-RIGHT: 25px; MARGIN-TOP: 39px; HEIGHT: 35px
	}
UL#login LI {
	FLOAT: left; MARGIN: 0px 5px; COLOR: #dd6500
	}
UL#login LI A {
	TEXT-DECORATION: none; COLOR: #ccc; FONT-WEIGHT: bold; FONT-SIZE: 1em
	}
UL#login LI A:hover {
	TEXT-DECORATION: underline; COLOR: #fff
	}

/*-- LOGO --*/

UL#logo {
	FLOAT: left; LIST-STYLE-TYPE: none; MARGIN-TOP: 21px
	}
UL#logo LI {
	FLOAT: left
	}
UL#logo LI A {
	DISPLAY: block; TEXT-DECORATION: none; COLOR: #202020; WIDTH:325px; HEIGHT:93px; TEXT-INDENT: -9000px
	}
UL#logo LI A:hover {
	BACKGROUND: url(images/home.gif) no-repeat 298px 70px
	}

/*-- PORTFOLIO --*/

#portfolio {
	CLEAR: both; FLOAT: left; WIDTH: 297px; HEIGHT: 187px; MARGIN-LEFT: 621px; MARGIN-TOP: 16px
	}

/*-- MENU DE NAVIGATION --*/

UL#nav {
	CLEAR: both; FLOAT: left; MARGIN-TOP: 17px; PADDING-LEFT: 0px; LIST-STYLE-TYPE: none
	}
UL#nav LI {
	FLOAT : left
	}
UL#nav LI A { 
	DISPLAY: block; HEIGHT: 51px; TEXT-INDENT: -9000px
	}
A#accueil {
	WIDTH: 108px; BACKGROUND: url(images/sprites-menu.jpg) no-repeat 0px 0px
	}
A:hover#accueil {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat 0px -51px
	}
A.current#accueil {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat 0px -102px
	}
A#produits {
	WIDTH: 184px; BACKGROUND: url(images/sprites-menu.jpg) no-repeat -108px 0px
	}
A:hover#produits {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -108px -51px
	}
A.current#produits {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -108px -102px
	}
A#actualites {
	WIDTH: 125px; BACKGROUND: url(images/sprites-menu.jpg) no-repeat -292px 0px
	}
A:hover#actualites {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -292px -51px
	}
A.current#actualites {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -292px -102px
	}
A#contact {
	WIDTH: 113px; BACKGROUND: url(images/sprites-menu.jpg) no-repeat -417px 0px
	}
A:hover#contact {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -417px -51px
	}
A.current#contact {
	BACKGROUND: url(images/sprites-menu.jpg) no-repeat -417px -102px
	}

/* -- CONTENU -- */


.quote {
	PADDING-TOP: 15px; PADDING-LEFT: 270px; FONT-SIZE: 1.1em; COLOR: #3a3a3a; LINE-HEIGHT: 19px; FONT-STYLE: italic
	}
#content {
	MARGIN: 0px auto; WIDTH: 960px
	}
#services H1 {
	FONT-SIZE: 2.2em; COLOR: #222; LETTER-SPACING: -2px
	}
#services P {
	TEXT-ALIGN: justify; COLOR: #222; LINE-HEIGHT: 20px; FONT-SIZE: 1.1em; MARGIN: 15px 0px
	}
UL#services {
	FLOAT: left; LIST-STYLE-TYPE: none; MARGIN: 0px; HEIGHT: 220px
	}
UL#services LI {
	FLOAT: left; MARGIN: 0px; WIDTH: 290px
	}
UL#services LI.lileft {
	PADDING-RIGHT: 22px; BORDER-RIGHT: 1px dotted #aaa
	}
UL#services LI.lileft A.infogerance {
	FLOAT: left; HEIGHT: 50px; WIDTH: 50px; MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 5px; BACKGROUND: url(images/sprites-services.png) no-repeat 0px 0px
	}
UL#services LI.lileft A.infogerance:hover {
	BACKGROUND: url(images/sprites-services.png) no-repeat 0px -50px
	}
UL#services LI.licenter {
	PADDING-LEFT: 22px; PADDING-RIGHT: 22px
	}
UL#services LI.licenter A.websites {
	FLOAT: left; HEIGHT: 50px; WIDTH: 50px; MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 5px; BACKGROUND: url(images/sprites-services.png) no-repeat -50px 0px
	}
UL#services LI.licenter A.websites:hover {
	BACKGROUND: url(images/sprites-services.png) no-repeat -50px -50px
	}
UL#services LI.liright {
	PADDING-LEFT: 22px; BORDER-LEFT: 1px dotted #aaa
	}
UL#services LI.liright A.backup {
	FLOAT: left; HEIGHT: 50px; WIDTH: 50px; MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 5px; BACKGROUND: url(images/sprites-services.png) no-repeat -100px 0px
	}
UL#services LI.liright A.backup:hover {
	BACKGROUND: url(images/sprites-services.png) no-repeat -100px -50px
	}

#articles {
	FLOAT: left; WIDTH: 630px
	}
#articles H3 {
	MARGIN-TOP: 20px; PADDING: 10px 5px; COLOR: #222; FONT-SIZE: 1.7em; LETTER-SPACING: -1px; BORDER-BOTTOM: 1px dotted #aaa
	}
#single {
	CLEAR: both; PADDING-BOTTOM: 20px
	}
#single H3 {
	MARGIN-TOP: 20px; PADDING: 10px 5px; COLOR: #222; FONT-SIZE: 1.7em; LETTER-SPACING: -1px; BORDER-BOTTOM: 1px dotted #aaa
	}
#single P {
	MARGIN-TOP: 22px; PADDING: 0px 5px; COLOR: #222; FONT-SIZE: 1.2em; LINE-HEIGHT: 20px
	}
#single UL {
	MARGIN-LEFT: 40px; MARGIN-TOP: 3px
	}
#single UL LI {
	PADDING-LEFT: 5px; PADDING-TOP: 3px; FONT-SIZE: 1.1em
	}
#single A {
	FONT-SIZE: 1em; font-weight: normal
	}
#single IMG {
	MARGIN-TOP: 22px
	}
.similar-posts {
	MARGIN-LEFT: 40px; MARGIN-BOTTOM: 50px
	}
.similar-posts LI {
	PADDING-LEFT: 5px; PADDING-TOP: 5px
	}
H2 {
	FONT-SIZE: 1.3em; COLOR: #fff; PADDING: 3px 20px; PADDING-TOP: 5px; background-color: #3a3a3a; border: 1px solid #222
	}
H2.contact {
	MARGIN-BOTTOM: 15px
	}
UL.postlist {
	LIST-STYLE-TYPE: none; MARGIN-BOTTOM: 30px
	}
UL.postlist LI {
	CLEAR: both; BORDER-BOTTOM: 1px dotted #aaa; PADDING-TOP: 20px; MIN-HEIGHT: 180px
	}
UL.postlist LI.single {
	BORDER: none
	}
UL.postlist H1 {
	FONT-SIZE: 1.8em; LINE-HEIGHT: 27px; MARGIN-BOTTOM: 5px; COLOR: #222; LETTER-SPACING: -1px 
	}
UL.postlist H1 A {
	TEXT-DECORATION: none; COLOR: #222; FONT-SIZE: 1em
	}
UL.postlist H1 A:hover {
	TEXT-DECORATION: underline
	}
UL.postlist P {
	COLOR: #202020; FONT-STYLE: italic; MARGIN-TOP: 15px; LINE-HEIGHT: 18px
	}
.postlist SPAN.meta {
	BACKGROUND-COLOR: #DD6500; COLOR: #fff; PADDING: 1px 5px; FONT-STYLE: normal; FONT-SIZE: 0.9em
	}
.postlist P.comments {
	FONT-STYLE: normal
	}
.postlist P.comments SPAN {
	COLOR: #202020; PADDING: 0px 5px
	}
.postimg {
	CLEAR: both; FLOAT:left; WIDTH: 150px; HEIGHT: 150px; PADDING: 5px; BACKGROUND-COLOR: #fff; BORDER: 1px solid #e0e0e0
	}
.posttxt {
	MARGIN-LEFT: 180px; MARGIN-BOTTOM: 20px
	}
#commentlist {
	LIST-STYLE-TYPE: none; MARGIN-BOTTOM: 50px
	}
#commentlist LI {
	BACKGROUND-COLOR: #fff; BORDER: 1px solid #aaa; PADDING: 20px; MARGIN-TOP: 15px
	}
#commentlist P {
	FONT-STYLE: italic; LINE-HEIGHT: 18px; FONT-SIZE: 1em; MARGIN-LEFT: 10px
	}
#commentlist A {
	FONT-SIZE: 0.9em
	}


.posttitle {
	MARGIN-BOTTOM: 30px; BORDER: 1px solid #3a3a3a; BORDER-TOP: none; PADDING: 20px; BACKGROUND-COLOR: #eaeaea
	}


/*-- SIDEBAR --*/

#sidebar {
	FLOAT: right; WIDTH: 300px
	}
UL.listbox {
	LIST-STYLE-TYPE: none; MARGIN-BOTTOM: 30px; BORDER: 1px solid #3a3a3a; BORDER-TOP: none
	}
UL.listbox UL {
	LIST-STYLE-TYPE: none; width: 298px;
	}
UL.listbox UL LI {
	BORDER: none; PADDING: 10px; PADDING-LEFT: 20px; background-color:#fafaff; border-top: 1px solid #dadada; font-size:0.9em; line-height: 17px; color: #333;
	}
UL.listbox UL LI A {
	DISPLAY: inline; margin: 0px; padding: 0px; color: #204090; text-decoration:underline
	}
UL.listbox UL LI A:hover {
	background-color: transparent; background-image: none; color: #dd6500
	}
UL.listbox LI {
	BORDER-BOTTOM: 1px solid #dadada; BORDER-TOP: 1px solid #fff; BACKGROUND-COLOR: #eaeaea; COLOR: #3a3a3a
	}
UL.listbox.txtbox LI {
	PADDING: 12px 20px; LINE-HEIGHT: 18px
	}
UL.listbox LI SPAN {
	DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #3a3a3a
	}
UL.listbox LI A {
	DISPLAY: block; TEXT-DECORATION: none; COLOR: #3a3a3a; FONT-WEIGHT: normal; PADDING: 12px 20px
	}
UL.listbox.txtbox LI A {
	DISPLAY: inline
	}
UL.listbox LI A:hover {
	COLOR: #222; BACKGROUND: url(images/hover.gif) no-repeat 8px center; BACKGROUND-COLOR: #e0e0e0
	}
UL.listbox LI.current-cat A {
	FONT-WEIGHT: bold; COLOR: #222
	}

UL#social {
	LIST-STYLE-TYPE: none; HEIGHT: 150px; BORDER: 1px solid #3a3a3a; BORDER-TOP: none; BACKGROUND-COLOR: #eaeaea
	}
UL#social LI {
	FLOAT: left; TEXT-ALIGN: center
	}
UL#social LI A {
	DISPLAY: block; PADDING: 10px; PADDING-TOP: 85px; TEXT-DECORATION: none; COLOR: #222; WIDTH: 76px
	}
UL#social LI A.rss {
	 BACKGROUND: url(images/rss.png) no-repeat center 20px
	}
UL#social LI A.email {
	 BACKGROUND: url(images/email.png) no-repeat center 20px
	}
UL#social LI A.twitter {
	 BACKGROUND: url(images/twitter.png) no-repeat center 20px
	}
UL#social LI A SPAN {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #999; FONT-SIZE: 0.8em
	}
UL#social LI A:hover SPAN {
	COLOR: #3a3a3a
	}

/*-- FORMULAIRE DE CONTACT --*/

DIV.wpcf7 {
	 BACKGROUND: url(images/contactus8.jpg) no-repeat 315px top
	}
.wpcf7 INPUT[type=text] {
	WIDTH: 250px; BORDER: solid 1px #aaa; PADDING: 7px 10px; COLOR: #3a3a3a; BACKGROUND-COLOR: #eaeaea
	}
.wpcf7 INPUT[type=text]:focus {
	BORDER: solid 1px #3a3a3a;
	}
.wpcf7 TEXTAREA {
	WIDTH: 592px; BORDER: solid 1px #aaa; PADDING: 7px 10px; COLOR: #3a3a3a; BACKGROUND-COLOR: #eaeaea; FONT-FAMILY: Arial, Helvetica, sans-serif
	}
.wpcf7 TEXTAREA:focus {
	BORDER: solid 1px #3a3a3a;
	}
.wpcf7 INPUT[type=submit] {
	BORDER: none; PADDING: 10px 20px; COLOR: #fff; BACKGROUND-COLOR: #204090; FONT-WEIGHT: normal; MARGIN-TOP: 10px
	}
.wpcf7 P {
	COLOR: #3a3a3a; PADDING-TOP: 5px; LINE-HEIGHT: 18px
	}
	
/*-- FORMULAIRE DE RECHERCHE --*/

#searchform {
	MARGIN-BOTTOM: 10px
	}
#searchform INPUT[type=text] {
	 WIDTH: 190px; MARGIN-RIGHT: 10px; BORDER: solid 1px #aaa; PADDING: 2px 5px; COLOR: #3a3a3a; BACKGROUND-COLOR: #fff
	}
#searchform INPUT[type=text]:focus {
	BORDER: solid 1px #3a3a3a
	}
#searchform INPUT[type=submit] {
	 WIDTH: 30px; BORDER: none; PADDING: 0px 5px; COLOR: #fff; BACKGROUND-COLOR: #3a3a3a; FONT-SIZE: 0.9em; HEIGHT: 22px
	}

/*-- FORMULAIRE DES COMMENTAIRES --*/

#commentform {
	MARGIN-TOP: 20px
	}
#commentform P {
	COLOR: #3a3a3a; MARGIN-TOP: 10px
	}
#commentform INPUT[type=text] {
	WIDTH: 250px; BORDER: solid 1px #aaa; PADDING: 7px 10px; COLOR: #3a3a3a; BACKGROUND-COLOR: #fff; MARGIN-RIGHT: 10px
	}
#commentform INPUT[type=text]:focus {
	BORDER: solid 1px #3a3a3a
	}
#commentform TEXTAREA {
	WIDTH: 400px; BORDER: solid 1px #aaa; PADDING: 7px 10px; COLOR: #3a3a3a; BACKGROUND-COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
	}
#commentform TEXTAREA:focus {
	BORDER: solid 1px #3a3a3a
	}
#commentform INPUT[type=submit] {
	BORDER: none; PADDING: 10px; COLOR: #fff; BACKGROUND-COLOR: #204090; FONT-WEIGHT: normal
	}



/*-- PIED DE PAGE --*/

#wrap-footer {
	CLEAR: both; BACKGROUND: url(images/bg-fooot2.jpg) repeat-x
	}
#footer {
	MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 400px; BACKGROUND: url(images/foot7.jpg) no-repeat
	}
#footer-content {
	HEIGHT: 220px; PADDING: 0px; PADDING-TOP: 130px; BORDER-BOTTOM: 1px solid #333
	}
#footer-content H2 {
	COLOR: #fff; background-color:transparent; PADDING: 0px; FONT-SIZE: 1.7em; LETTER-SPACING: -1px; MARGIN-BOTTOM: 20px; BORDER: none
	}
	
UL#footer-nav {
	LIST-STYLE-TYPE: none; MARGIN: 0px
	}
UL#footer-nav LI {
	FLOAT: left; MARGIN: 0px; WIDTH: 290px
	}
UL#footer-nav LI.lileft {
	WIDTH: 280px; PADDING-LEFT: 10px; PADDING-RIGHT: 22px
	}
UL#footer-nav LI.licenter {
	PADDING-LEFT: 22px; PADDING-RIGHT: 22px
	}
UL#footer-nav LI.liright {
	PADDING-LEFT: 22px
	}

UL#plan, UL#plan UL {
	LIST-STYLE-TYPE: none
	}
UL#plan LI {
	PADDING-BOTTOM: 1px
	}

UL#plan LI.sub {
	MARGIN-LEFT: 5px
	}
UL#plan LI.sub:before {
	CONTENT: "\00BB"; COLOR: #ccc; PADDING-RIGHT: 5px
	}
UL#plan LI A {
	COLOR: #ccc; FONT-SIZE: 0.9em
	}

#footer-content P {
	COLOR: #aaa; MARGIN-BOTTOM: 10px; LINE-HEIGHT: 18px
	}
#footer-content A {
	FONT-WEIGHT: normal; TEXT-DECORATION: none; COLOR: #dd6500; font-weight:normal
	}
#footer-content A:hover {
	TEXT-DECORATION: underline
	}
#footer-content P SPAN {
	COLOR: #ccc; FONT-WEIGHT: bold; PADDING-RIGHT: 10px
	}
#footer-end {
	CLEAR: both; PADDING-TOP: 20px
	}
#footer-end A {
	COLOR: #777; FONT-SIZE: 0.9em; TEXT-DECORATION: none
	}
#footer-end A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
	}
#footer-end SPAN {
	PADDING: 0px 15px
	}