@import "ariane.css"; 
@import "view.css"; 
@import "navigation.css"; 

/*------------------------- GENERAL ------------------------- */
html {
	margin:0;
	padding:0;
}

body {
	border:0;
	margin:0;
	padding:0;
	font-family : verdana, arial, geneva, helvetica, sans-serif;
    font-size : 0.8em;
	color : #333;
	text-align:center;
	line-height : 1.5;
	background: #fcfcfc url('../img/page-bg.png') repeat-x;
}

li {
	list-style: url(../img/dot.png);	
}

h2 {
	color : #0BA2A7;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	border: 0;
	text-transform:uppercase;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	border: 0;
	padding: 2em 0 0.2em 0;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}

p, br {
	margin:0;
	padding:0;
	border:0;
}

hr {
	margin:0;
	padding:0;
}


a {
	text-decoration: none;
	color: purple;
}

a:hover {
}

.none{
	color: black;
}


img {
	border: none;
}

/*------------------------- GENERAL ------------------------- */
div#container {
	width:950px;
	margin:0 auto;
	padding: 0;
	text-align:left;
  	/*background: #fcfcfc;*/
}


div#content .produit {
	color : purple;
	font-weight : bold;
}

div#content .important {
	font-weight : bold;
}

div#content ul {
}
	
div.wrapper{
	float:left;
	width:100%;
	background-color: #fcfcfc;
	margin: 0;
	padding: 0;
	border: 0;
}

div.clear{
	clear: both;
}

#active{
	color: white;
	background-color: #0BA2A7;
}

table.wserverdatasheet{
	width: 100%;
	margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
    color: black;
}

table.wserverdatasheet tr td {
	text-align: left;
    border: solid #888 1px;
    padding-left: 1em;
	margin: 0;    
	color:black;
}

table.wserverdatasheet tr td.first {
	font-weight: bold;
	color : purple;
}


table.wserverdatasheet tr td ul {
	padding-left: 1em;
	list-style-type:none;
}

table.wserverdatasheet tr td ul li{
	color:black;
}

/*------------------------- PAGE INDEX ------------------------- */
#index-home {
	background: url(../img/content-bg-home.png) repeat-y left top;
}

#bg-content {
	background: url(../img/content-bg.png) repeat-y left top;
}

#actus {
	background: url(../img/bg-actus.png) repeat-y center top;
	padding:0;
}
#actus ul {
	margin:0;
	padding:0;
}
/*------------------------- CLASSES ------------------------- */

.contenu {
	vertical-align: top;
	
}

.titre {
	color : purple;
	text-transform: uppercase;
}

.suite {
	padding-left: 115px;
	color : #0BA2A7;
}

p.societe {
	text-transform: uppercase;
	font-style: italic;
}

.entete-offre {
	background: #fcfcfc url(../img/tabfont1.png) no-repeat;
	text-transform: uppercase;
	color : #A593B8;
	font-weight: bold;
	font-size : xx-large;
	text-align: center;
}

.contenu-offre {
	font-size : x-small;
}

.voir-offre {
	text-align : right;
	color : light-blue;
}

#tab-offre td {
	vertical-align: middle;
	height: 50px;
}

#tab-entete  td{
	vertical-align : top;
/*	padding : 5px;
	border-spacing: 5px;*/
	padding : 0 5px;
}

#tab-entete .nosoffres {
	width:570px;
}

.temoignage {
	font-style: italic;
}

.temoignage-suite {
	color : #0BA2A7;
	text-decoration: underline;
}

div#header {
	width:100%;
	height:120px;
	margin:0;
	padding:0;
	border:0;
 	background: url('../img/logo.png') no-repeat;
}

div#header div#left{
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:5px;
	height:120px;
/*	background-image: url('../img/header-bg-left.png');
	background-repeat: no-repeat;*/
}

div#header div#baseline {
	position: absolute;
	color:#FFFFFF;
	margin:24px 0 0 200px;
	border:0;
	padding:0;
	width:270px;
	height:40px;
	font-size: 16px;
	font-weight: bold;
}

div#contactHeader {
	float: right;
	padding-bottom:30px;
}

div#header div#right{
	float:right;
	margin:0;
	border:0;
	padding:0;
	width:2px;
	height:120px;
/*  background-image: url('../img/header-bg-right.png');
	background-repeat: no-repeat;*/
}

div#header div#logo {
	float:left;
  	width:0px;
  	height:120px;
/*  	background-image: url('../img/logo.png');
	background-repeat: no-repeat;*/
}
div#header div#domain {
	float: left;
	border:0;
	padding:0;
	margin:0;
	width:95%;
}

div#bureauvirtuel {
	float: right;
	padding-bottom:30px;
}

div#header div#domain ul {
	position: absolute;
	top: 76px;
	border:0;
	padding:0 0 0 100px;
	margin:0;
	list-style-type: none;
}

div#header div#domain ul li {
	text-align: center;
	float: left;
	width: 103px;
	height: 35px;
	margin-left:0.1em;
	margin-right:0.1em;
	border: 0;
	list-style: none;
}


div#header div#domain ul li.first {
	width: 53px;
}

div#header div#domain ul li a {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color : black;
	font-size: 0.9em;
	font-weight: bold;
	height: 35px;
	list-style: none;
}

div#header div#domain ul li a.active {
	color : white;
}

div#header h2 {
	line-height:48px;
	padding:10px;
	float: right;
  	color: #A2BD52;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size: 2em;
}



div#content {
	padding-top:1em;
	min-height:500px;
  	height:auto !important;
  	height:500px;
  	/*background: #fcfcfc url('../img/content-bg.png') repeat-y;*/
}

div#content div#pagecontent {
	vertical-align: top;
	margin-left: 16em;
	padding-left: 1em;
	padding-right: 1em;
}

div#content div#pagecontentnonav {
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;
}


div#content div#pagenav {
	text-align: center;
	float:left;
	width:15em;
	padding-right:0.5em;
	padding-left:0.5em;
}

div#copyright {
	width:100%;
	text-align: center;
	padding-top:3em;
  	/*background: #fcfcfc url('../img/content-bg.png') repeat-y;*/
}	
div#copyright-index {
	width:100%;
	text-align: center;
	padding-top:1em;
}	

div#footer {
	width:100%;
  	height:19px;
	background: url(../img/footer-bg-bottom.png) no-repeat center bottom;
}

div#anim-flash {
}


div#home {
	float:left;
	width:700px;
	border:0;
	margin:0;
	padding:0 0 0 10px;
}

div#hometable {
	float:left;
	border:0;
	margin:0;
	padding:0;
}



div.retourparent {
	float: right;
	text-align:right;
	margin-left:6em;
	margin-right:1em;
	padding-bottom:3em;
	width:120px;
}
.back {
	color:purple;
}

div.retourparent a {
	text-decoration:underline;
}

div.download {
	float:right;
	border:0;
	margin:0;
	padding:0 0 0 1em;
	text-align: right;
	line-height: 1em;
}

div.download a span.content{
	width:8em;
	float: left;
	cursor: hand;
}

div.download a span.link{
	margin-left:0.5em;
	float: left;
	cursor: hand;
}

#questions-top {
	height:28px;
	background: url(../img/questionsBg-top.png) no-repeat center top;
	
}

#questions {
	margin:20px 0;
	color:#333;
}

#questions-mid {
	background: url(../img/questionsBg.png) repeat-y center top;	
}

#questions p {
	padding:0 20px;
}

#questions a {
	color:#333;
}
#questions a:hover {
	color:purple;
}

#questions-bot {
	height:28px;
	background: url(../img/questionsBg-bot.png) no-repeat center top;
}

div.faqcontent {
}

div.faqcontent p{
	padding: 0 0 0.2em 0;
	margin: 0;
	border: 0;
}

div.faqcontent a.faqtocreturn {
	padding-left:10px;
	background: url('../img/puce.png') left no-repeat;
	color:#999;
	font-size:0.8em;
	width:708px;
	border-bottom:1px solid #999;
	display:block;
	margin:20px 0;
}


.tocreturn {
	padding-left:10px;
	background: url('../img/puce.png') left no-repeat;
}

div.offre {
	font-family : verdana, arial, geneva, helvetica, sans-serif;
    font-size : 0.9em;
	border:0;
	margin:0;
	padding:0;
	text-align: left;
	font-weight: 0.9em;
	line-height: 1.0em;
	background: url('../img/offre-bg.png') 0 0 no-repeat;
	width: 279px;
	height: 91px;
}

div.offre div.picto{
	font-family : verdana, arial, geneva, helvetica, sans-serif;
	float: left;
	border:0;
	margin:0;
	padding: 0 2px 0 2px;
	width:81px;
	height: 95px;
}

div.offre div.desc{
	font-family : verdana, arial, geneva, helvetica, sans-serif;
	float: left;
	border:0;
	margin:0;
	padding:0;
	width:182px;
	height: 70px;
}

div.offre div.desc h4{
	font-family : verdana, arial, geneva, helvetica, sans-serif;
	padding-top:0.5em;
	padding-bottom:0.2em;
	color : purple;
	font-weight: bold;
}

div.offre div.desc p{
	font-family : verdana, arial, geneva, helvetica, sans-serif;
	padding-bottom:0.05em;
	color:#666;
}

div.offre div.linkdetail {
	font-family : verdana, arial, geneva, helvetica, sans-serif;
	text-align: right;
	font-size: 1em;
	font-weight:bold;
	line-height: 0.9em;
	padding-right: 1em;
}

div.offre div.linkdetail a {
	color:#0BA2A7;
}

div.quickaccess {
	border:0;
	margin:0;
	padding:0;
	text-align: left;
	line-height: 1em;
	background: url('../img/home-quick-access-bg.png') 0 0 no-repeat;
	width: 230px;
	height: 77px;
}
div.quickaccess a {
	color:#666;
}

div.quickaccess div.desc {
	border:0;
	margin:0;
	padding:4px 0 0 8px;
	width:190px;
}


div.quickaccess div.desc h4{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color : #0BA2A7;
	text-transform: uppercase;
	font-weight:bold; 
}


div.expertise {
	border:0;
	margin:0;
	padding:0;
	text-align: left;
	line-height: 1em;
	background: #f7f7f7 url('../img/expertise-bg.png') left no-repeat;
	width: 233px;
	height: 186px;
	color:#999;
}

div.expertise div.content {
	border:0;
	margin:0;
	padding:0.5em;
	height: 110px;
}


div.expertise div.content h4{
	border:0;
	margin:0;
	padding:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:purple;
	text-transform: uppercase;
	font-weight:bold; 
}

div.expertise div.savoir {
	border:0;
	margin:0;
	padding:0;
	padding: 1em;
	text-align: right;
}

div.intro {
	padding: 0 0 1em 0;
	color : grey;
	font-size : 1.2em;
	font-weight : bold;
}



#accordion {
	margin:20px 0px;
}

#accordion h3 {
	color: purple;
}

#accordion h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-bottom-color: #ddd;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px 15px;
}

.element
{
	height: 900px;
}



#accordion div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

#accordion blockquote {
	padding:0;
}

#accordion span {
 	font-size: 10px;
}


#accordion2 {
	margin: 0;
	padding: 0;
	border: 0;
}


#accordion2 h3.toggler {
	color: purple;
	float: right;
	cursor: pointer;
	font-size: 0.9em;
}

#accordion2 div.element p, div.element h4 {
}

#accordion2 span a {
 	font-size: 10px;
}

div#carouselcontainer {
	background: url('../img/carousel-bg.png') top no-repeat;
	width: 700px;
	height: 243px;
	margin-bottom:1em;
	z-index:5;
}

div#carouselcontainer .offres {
	display:none;
	padding-left:20px;
	color:#FFF;
}

/*div#home .accroche {
	font-size:13px;
	text-align:center;
	font-weight:bold;
	width:700px;
	word-spacing: 1em;
	padding:0;
	margin: -1em 0 0 0 ;
	_margin: 0 ;
	color:#800080;
	height:20px;
}*/

#connaissances li {
	list-style: url(../img/ico_pdf.gif);
	margin-top:5px;
	padding:5px;
	font-size:.7em;
}

#connaissances li a {
	font-size:1.3em;
	
}

#questionnaireSI {
	margin-left:2px;
}

/*------------------------- PAGE CONTACT ------------------------- */


#contact {
	text-align: left;
	color : black;
	font-style: italic;
	list-style-type: none;
}

/*#contact li {
	list-style: url(../img/dot.png);	
}*/

.blocontact {
	float:left;
	width:300px;
	padding:10px;
}

fieldset {
	/*border:1px dotted #b7b7b7;*/
	border:none;
	background: url(../img/ombre.png) no-repeat left bottom;
	padding:5px 0 20px 0;	
}

legend {
	font-weight:bold;
	padding:5px;
	background:#f4f4f4;
}
.list {
	list-style: url(../img/dot.png);	
}

div#formu  {
	background: transparent url("../img/BgContact.png") no-repeat center top;
	/*border:1px dotted #b7b7b7;  Opera doesn't get border:none or border:0 on fieldsets */
	border:none;
	width:280px;
	height:440px;
	padding:10px;
	margin-top:-12px;
}

h5#formi  {
	background:none;
	background: transparent url("../img/legend_bg.gif") no-repeat;
	font-weight:bold;
	font-size:1em;
	padding:5px 20px 10px 20px;
	margin:0 0 0 15px;
}

/*#formu legend {
	width:194px;
	height:30px;
	padding-left:0.5em;
	position:relative;
	top:-1em;
	font-weight:bold;
	letter-spacing:-1px;
	white-space:pre;
}*/

.br {display:none;}  
  
.textfield {
	font:1em  Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	background: transparent url("../img/textfield_bg.gif") no-repeat fixed;
	width:166px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:152px;
}

div#formu>input.textfield {
	background: transparent url("../img/textfield_bg.gif") no-repeat;
}
textarea {
	font:1em  Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	margin:3px;
	height:170px;
	border:solid 0 #fff;
	padding: 3px 8px;
	background: transparent url("../img/textarea_bg.gif") no-repeat fixed;
	width:200px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:190px;
	overflow:auto;
}
div#formu>textarea {
	background: transparent url("../img/textarea_bg.gif") no-repeat;
}
#formu .submit {
	margin:3px;
	background: transparent url("../img/submit.png") no-repeat;
	height:30px;
	border:solid 0 #fff;
	width:80px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
 }