/*

Theme Name: Space Color

Theme URI: http://www.vivathemes.com

Description: Clean business/portfolio Theme

Author: Viva Themes

Author URI: http://www.vivathemes.com

version: 1.0

Tags: two-column, widget-ready, business, personal portfolio

*/

.cicom_com{ clear:both; }


.post  #dhtmlgoodies_slideshow{display:block;}

*{margin:0; padding:0;}



body {

	background:#e8e8e8;

	color: #666;

	font-family: arial, helvetica, tahoma, sans-serif;

	font-size: 12px;

	margin:0;

	padding:0;

	padding-bottom: 20px;

}

#mainmenu img{

      margin:2px;

      border:1px solid #333;

}



#colonne1 { 

    float:left;

    width: 260px;

    margin-right:30px;

 

} 

#colonne2 {

    float:left;

    width: 260px; 



} 

#colonne3 { 

float: left;

width:230px;

margin-right:30px;

 

}



#introbloc{

margin-top:20px;

margin-bottom:20px;

}

#finalbloc{

margin-top:20px;

float:left;

}



#titlesection

{

color : #663366;

}







body {

      behavior: url(csshover.htc);

     } 

div#clients-list ul.level1 li:hover ul.level2

{ 

display: block;

z-index: 999;

}



div#clients-list ul ul

{

position: absolute;

left: 220px;

display:none;

}



div#clients-list ul.level1 li.sfhover ul.level2

{

display: block;

}



div#clients-list ul.level1

{

width: 210px;

border: 1px dotted;

margin: 20px 40px 140px;

cursor: pointer;

}



div#clients-list ul.level2

{

position: relative;

width:330px;

height:auto;

margin-top : -17px;




text-align: center;

}





div#clients-list ul li

{

list-style-image:url("images/goto.png");

list-style-position: inside;

border-bottom:1px dotted;

height:22px;

}

div#clients-list ul li:hover

{

list-style-image:url("images/goto2.png");

color:white;

background-color:#632c7f;

}


li.page-item-523,
li.page-item-575,
li.page-item-582,
li.page-item-580,
li.page-item-578,
li.page-item-573,
li.page-item-526 {
	display:none;
}


div#clients-list ul.level2 li

{

list-style: none;

}







div#clients-list ul.level2

{

background: #663366;

color: #FFFFFF;

}

ul{ list-style-type: circle; }



div#pdf-list

{

list-style-image:url("images/pdf_logo.png");

margin-left: 20%;

}



h1 {

	font-size: 18pt;

}



h2 {

	font-size: 16px; 

	color: #663366;

	text-transform: uppercase;

	font-family: arial, helvetica, sans-serif;

}



h3, h3 a {

	font-size: 16px; 

	color:#333;

	font-family: arial, helvetica, sans-serif;

}



h4 {

	font-size: 9pt;

}



h2.pagetitle { 

	display:none; 

}



p { margin-top: 6px; }



img { 

	border: none; padding:0; 

}



img a {

	border:none;

}



img.left { 

	float: left; border: none; padding: 6px 0 0 0; 

}



img.right { 

	float: right; border: none; padding: 0 0 0 6px; 

	}



blockquote {

	border-left:1px solid #A5ABAB;

	margin:15px;

	padding:0 12px 0 12px;

}



code{

	font-family:"Courier New", Courier, monospace;

}





/* links */



a {

	color:#666;

}



a:hover {

	text-decoration: none;

}



/* container */



#container {

	width: 900px;

	clear: both;

	margin: 0 auto;

	padding:0;

	line-height: 145%;

}



#wrapper {

	background: #fff url(images/bottomright.gif) no-repeat bottom right;

	display: inline-block;

	width: 900px;

}



#inwrapper {

	background: url(images/topleft.gif) no-repeat top left;

	display: inline-block;

	width: 900px;

}



	

/* header */



#header {

  	width: 900px; 

  	margin: 0 auto;

	margin-top: 0;

}



#logo {	

	width:390px;

	float:left;

	clear: both;

	height: 60px;

	/*margin-top: 20px;*/

}



#logo h1 a,

#logo h1 {

	font-weight: normal;

	font-size: 28px;

	color: #333;

	font-style: normal;

	text-transform: uppercase;

}





#header h2 {

	display: none;

}



#stripes {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	height: 50px;

}



.stripe {

	width: 40px;

	height: 50px;

	float: right;

	margin-top: 0;

	margin-left: 30px;

	background: #d6d6d6;

	float: right;

	z-index: 900;

	position: relative;

}



.stripe img {

	margin-top: 14px;

	margin-left: 4px;

}



.stripe ul {

	border: none;

}



.stripe ul li {

	float: left;

	list-style: none;

	border-right: solid 1px #666;

	border: none;

	width: 32px;

}



.stripe ul ul {

	width: 200px;

	top: -999em;

	background: url(images/stripeul.png) no-repeat;

	height: 72px;

	float: left;

	margin: 0;

	margin-left: -80px;

 	border: none;

	display: none;

}



.stripe ul ul.logpanel {

	width: 200px;

	top: -999em;

	background: url(images/logul.png) no-repeat;

	height: 152px;

	float: left;

	margin: 0;

	margin-left: -80px;

 	border: none;

}

li.rejoindre{
	font-size:16px;
	margin-left:50px;
	margin-top:32px;
	width:auto!important;
}

li.rejoindre a{
	text-decoration:none;
	color:#632C7F;
}

/* search */



#searchform {

	padding:0;

	margin:0;

	width: 160px;

	height: 25px;

	margin-top: 30px;

	float: left;

	padding-left: 20px;

}



#searchform input#s {

	margin:0;

	padding: 0;

	color: #fff;

	width: 153px;

	border: solid 1px #8bc7da;	

	font-size:12px;

	padding-left: 5px;

	height: 19px;

	padding-top: 2px;

	line-height: 18px;

	background: #8bc7da;

}



#searchform input#searchsubmit {

	display: none;

}



#login_form {

	margin-top: 25px;

	margin-left: 20px;

}



#login_form input#pwd,

#login_form input#log { 

	margin:0;

	padding: 0;

	color: #fff;

	width: 152px;

	border: solid 1px #8bc7da;	

	font-size:12px;

	padding-left: 5px;

	height: 19px;

	padding-top: 2px;

	line-height: 18px;

	background: #8bc7da;

	margin-bottom: 10px;

}



#login_form input { 

	margin-bottom: 10px; 

	background: #fff; 

	border: solid 1px #fff;

}



#login_form input#btn {

	cursor: pointer;

	margin-right: 5px;

	float: left;

}



#login_form input#btn a {

	text-align: center;

}



#login_form a {

	color: #fff;

	text-decoration: underline;

	margin-left: 2px;

	float: left;

	margin-top: 3px;

}



#login_form ul li {

	margin-left: 20px;

	margin-bottom: 5px;

}



#login_form label {

	color: #fff;

}



#login_form a.logged {

	text-decoration: underline;

	font-weight: normal;

	font-size: 16px;

	color: #50a9c7;

	text-transform: none;

}



#login_form a.logged:hover {

	text-decoration: none;

}



#social {

	margin-top: 25px;

	margin-left: 20px;

	width: 200px;

}



#social a {

	margin-right: 31px;

	width: 32px;

	height: 32px;

	float: left;

	display: block;

}



#social img {

	margin: 0;

}



/* content */



#contentwrapper {

	width: 880px;

	clear: left;

	float: left;

	margin: 10px;

}



#content {

	float:left;

	/*width:550px;*/

    margin: 30px;

	margin-right: 0;

	padding-right: 30px;

}



#content2 {

	float:left;

	width:820px;

	overflow: hidden;

    margin: 30px;

}



.post {

	margin:0;

	padding:0;

	padding-bottom: 35px;

	line-height: 150%;

}



.post h2 {

	color: ##663366;

	font-family: arial, helvetica, sans-serif;

	margin:0;

	padding:0;

	text-transform: uppercase;

	font-weight: strong;

	font-size: 16px;

}



.post h3 {

	margin:0;

	padding: 0;

	line-height: 16px;

}

	

.post h3 a {

	color: #333;

	text-decoration: none;	

	font-family: arial, helvetica, sans-serif;

	margin:0;

	padding:0;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 16px;

}



.post h3 a:hover {

	text-decoration: none;

}

	

.post h2 a:hover{

	text-decoration: underline;

}



.post ul {}



.post li {

	margin-left: 15px;

}



.entry p {

	margin:20px 0;

}

.post ul li {
margin-left:15px;
}

.postmetadata{

	clear: both;

	color:#333;

	padding:0;

	margin:0;

	text-transform: uppercase;

}



.postmetadata a {

	color:#333;

	font-weight: normal;

	text-transform: uppercase;

	text-decoration: none;

}	



.postmetadata a:hover {

	border: none;

	text-decoration: underline;

}



#audata {

	text-transform: uppercase;

	clear: both;

	font-size: 10px;

	border-bottom: dotted 1px #ccc;

	line-height: 25px;

	padding-left: 3px;

}



#audata a {

	color: #50a9c7;

	text-transform: uppercase;

	text-decoration: none;

}



#audata a:hover {

	text-decoration: underline;

}



a.more-link {

	color: #333;

	width: 70px;

	height: 12px;

	font-size: 10px;

	line-height: 16px;

	text-decoration: none;

	margin-bottom: 5px;

	margin-top: 12px;

	text-transform: uppercase;

	float: right;

	background: url(images/titlebg.gif) no-repeat left;

	padding-left: 12px;

}



a.more-link:hover {

	color: #990000;

}



.navigation {

	font-size:8pt;

	width:100%;

	float:left;

	margin:0;

	padding:0;

	overflow:hidden;

}

	

.alignleft a {

	float:left; 

	margin:25px 0;

}



.alignright a {

	float:right;

	margin:25px 0;

}



/* right sidebar */



#sidebar {

	width:210px;

	float:right;

	margin:0;

	padding: 0;

	margin-top: 30px;

	margin-right: 30px;

}



#sidebar .widgets {

	font-size: 12px;

	margin-bottom: 20px;

	width: 210px;	

	color: #666;	

	border-bottom: dotted 1px #ccc;

	padding-bottom: 20px;

}



#sidebar label {

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;

}



#sidebar h2 {

	color: #333;

	font-size: 12px;

	margin-bottom: 10px;

	line-height: 16px;

	font-weight: normal;

	text-transform: uppercase;

	background: url(images/titlebg.gif) no-repeat left;

	padding-left: 12px;

}



#sidebar p {

	margin:0; 

	padding:0;

}



#sidebar img {

	padding: 0; 

	margin: 0;

}



#sidebar ul {

	margin:0;

	padding:0;

}



#sidebar ul li {

	line-height: 25px;

	list-style: none;

}



#sidebar ul ul {

	margin:0;

	padding:0;

}



#sidebar ul ul li {

	list-style: none;

      line-height: 25px;

	margin-left: 5px;

}



#sidebar a {

	border-bottom: dotted 1px #666;

	text-decoration: none;

}



#sidebar a:hover {

	border: none;

	text-decoration: none;

}



#sidebar ul li a {

	color: #666;

	border: none;

	text-decoration: none;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



#sidebar ul li a:hover {

	text-decoration: none;

	border: none;

	color: #990000;

}



#sidebar ul ul ul {

	margin: 0;

	padding: 0;

	height: auto;

	float: left;

	display: block;

}



#sidebar ul ul ul li {

	padding: 0 0 0 15px;

	list-style-type: square;

	color: #898989;

}



/* below slideshow bar */



#sidebar2 {

	width: 900px;

	clear:left;

	float: left;

	margin:0;

	padding:0;

	margin-top: 20px;

}



#sidebar2 .widgets {

	margin: 0;

	padding: 0;

	float: left;

	font-size: 12px;

	margin-right: 40px;

	margin-left: 30px;

	padding-bottom: 30px;

	text-align:justify;
	
	width:830px;

	color: #000;

}



#sidebar2 h2 {

	margin: 0;

	padding: 0;

	color: #000;

	margin-bottom: 15px;

	margin-top: 5px;

	font-size: 12px;

	line-height: 16px;

	padding-left: 12px;

	text-transform: uppercase;

	font-weight: normal;

	background: url(images/titlebg.gif) no-repeat left;

}



#sidebar2 ul li {

	line-height: 25px;

	border-bottom: dotted 1px #ccc;

	list-style: none;

}



#sidebar2 ul li a {

	color: #666;

	border: none;

	text-decoration: none;

}



#sidebar2 ul li a:hover {

	text-decoration: none;

	border: none;

	color: #ccc;

}



#sidebar2 a {

	text-decoration: none;

	color: #666;

}

	

#sidebar2 a:hover {

	border: none;

	text-decoration: none;

	color: #632c7f;

}





/* comments */





#commentform {

	margin:0;

	padding:0;

}

	

#commentform p {

	color: #666;

}

	

#commentform a { 

	color: #666; 

	text-decoration: underline; 

	line-height: 14pt;

}

	

#commentform h3 {

	font-size: 10pt;

	font-weight: bold;

	color: #666;

	margin:0;

	padding:0;

}

	

#comment {

	width:80%;

}



#author, #email, #url, #comment, #submit {

	background: #e8e8e8;

	font-size: 11px;

	margin:5px 5px 0 0;

	padding:0;

	border: none;

	color: #666;

}



#author, #email, #url {

	height:16px;

	padding-top:3px;

}

	

#submit {

	margin:5px 5px 0 0; 

	cursor:pointer;

	color: #666;

}



#comments {

	margin:0; 

	padding:0;

}



#respond h3,

h3#comments {

	color: #990000;

	font-size: 12px;

	margin-bottom: 2px;

	clear: left;

	text-transform: uppercase;

	font-weight: bold;

}	



ol.commentlist { 

	list-style-type: none; 

	margin:0; 

	padding:0; 

	float:left;

	margin-top: 5px;

	margin-bottom: 10px;

}



.avatar {

	float:left; 

	margin:0 12px 0 0;

}



ol.commentlist li {

	background: none;

	margin:10px 0;

	padding:10px 0 5px 20px;

	list-style-type:none;

	float: left;

	background: #f5f5f5;

	width: 95%;	

}



ol.commentlist li.alt {

	background: none;

}



ol.commentlist li p {

	margin: 6px 0 6px 0; 

	padding: 0 12px 0 0; 

	line-height: 14pt;

}



ol.commentlist a {

	color:#666;

	text-decoration: none;

	border-bottom: 1px dotted #666;

}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a {

	color: #666; 

	text-decoration: none; 

	border-bottom: 1px dotted #666;

}





/* misc */



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 25px 2px 0;

	display: inline;

	padding-left: 2px;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}

	

.wp-caption {

   	border: 1px solid #ddd;

   	text-align: center;

   	background-color: #f3f3f3;

   	padding-top: 4px;

   	margin: 10px;

}



.wp-caption img {

   	margin: 0;

   	padding: 0;

   	border: 0 none;

}



.wp-caption p.wp-caption-text {

   	font-size: 11px;

   	line-height: 17px;

   	padding: 0 4px 5px;

   	margin: 0;

}



p { margin-top: 6px; }



#archivelist {

	float:left;

	width:550px;

      margin: 30px;

	margin-right: 0;

	padding-right: 30px;

	border-right: dotted 1px #ccc;

}



#archivelist ul li {

	list-style: none;

	line-height: 35px;

}



#archivelist ul {

	height: auto;

	margin-bottom: 30px;

}



#archivelist ul li a {

	color: #666;

	text-transform: uppercase;

}



#archivelist ul li a:hover {

	color: #990000;

}



#archivelist h2 {

	color: #333;

	font-family: arial, helvetica, sans-serif;

	margin:0;

	padding:0;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 16px;

}



/* footer */



#footer {

	clear: left;

	width: 100%;

	margin: 0;

	padding: 0;

	margin-top: 10px;

	float: left;

	padding-bottom: 30px;

	font-size: 10px;

	

}



#footer a { 

	border-bottom: dotted 1px #666;

	color: #666;

	text-decoration: none;

}



#footer a:hover {

	color: #666;

	text-decoration: none;

	border: none;

}



#mainmenu {

	width: 900px;

	float: right;

	margin-top: 20px;

}



.mainnav {

	margin: 0;

	/*padding-right: 5px;*/

	list-style: none;

	float: right;

}



.mainnav * {

	margin: 0;

	padding: 0;

	list-style: none;

}





.mainnav ul {

	position: relative;

	top: 0.999em;

	display: none;

}



.mainnav li {

	float: left;

	position: relative;

	z-index: 99;

	height: 20px;

	line-height: 20px;

    /*margin-right:-8px;*/

}



.mainnav a {

	display: block;

	font-size: 10px;

	font-weight: bold;

	margin: 0;

	padding: 0;

	color: #333;

	margin-left: 15px;

	margin-right: 2px;

	text-transform: uppercase;

	text-decoration: none;

}



.mainnav li#current a,

.mainnav li.current-cat a,

.mainnav li.current_page_item a,

.mainnav li:hover a {

	text-decoration: none;

	color: #632c7f;

}



.mainnav ul li{ 

	width: 120px;

}



.mainnav li:hover ul,

ul.mainnav li.sfHover ul {

	left: 20px;

	top: 15px;

	padding-top: 4px;

	width: 122px;

	border-bottom: dotted 1px #ccc;

}



.mainnav li:hover li ul,

.mainnav li.sfHover li ul {

	top: -999em;

}



.mainnav li li:hover ul,

ul.mainnav li li.sfHover ul {

	left: 120px;

	top: -5px;

}



.mainnav li:hover ul,

.mainnav li li:hover ul {

	top: -999em;

}



.mainnav li li {

	display: block;

	padding: 0px;

	height: auto !important;

	border: none;

	background: #fff;

	margin: 0;

	border: dotted 1px #ccc;

	border-bottom: none;

}



.mainnav li#current,

.mainnav li.current-cat,

.mainnav li.current_page_item,

.mainnav li:hover {

}



.mainnav li li a:link, 

.mainnav li li a:visited {

	display: block;

	height: auto !important;

	line-height: 30px;

	text-transform: none;

      color: #000;

	font-weight: normal;

	font-family: arial, helvetica, sans-serif;

	font-size: 10px;

	border: none;

	margin: 0;

	padding: 0;

	margin-left: 10px;

}



.mainnav li li a:hover {

	color: #990000 !important;

}



#jFlowSlide { 

	background:#ccc; 

	font-family: Georgia, arial, helvetica, sans-serif; 

	margin-left:0; 

	z-index:0; 

	margin-bottom:0; 

	overflow: hidden;

}



#myController { }

#myController span.jFlowSelected { }



.slide-wrapper { 

	padding: 0; 

	overflow: hidden;

	width: 880px;

	height: 380px;

}



#controlls {

	width: 45px;

	height: 30px;

	float: right;

	position: relative;

	margin-right: 20px;

	margin-top: 20px;

	z-index: 1;

}



.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {  }

.jFlowPrev { 

	float:left; 

	width: 17px;

	height: 30px;

	background: url(images/leftarrow.png) no-repeat left;

	cursor:pointer; 	

}



.jFlowNext { 

	float: right; 

	width: 17px;

	height: 30px;

	background: url(images/rightarrow.png) no-repeat right;

	cursor:pointer; 

}



.wp-pagenavi {

	margin-bottom: 5px;

}



.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #666;

	background: none;	

}

.wp-pagenavi a:visited {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #666;

	background: none;	

}

.wp-pagenavi a:hover {	

	border: 1px solid #50a9c7;

	color: #666;

	background: none;

}

.wp-pagenavi a:active {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #50a9c7;

	color: #666;

	background: none;	

}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #666;

	border: 1px solid #ccc;

	background: none;

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: normal;

	border: 1px solid #50a9c7;

	color: #666;

	background: none;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #ccc;

	color: #666;

	background: none;

}

div#slideshow{
	position:absolute;
	top:740px;
	width:830px;
}

#cont #dhtmlgoodies_slideshow,
#cath #dhtmlgoodies_slideshow
{
	display:none;
}