/* ------------------------------------ */
/*                                      */
/*            Generalite               */
/*                                      */
/* ------------------------------------ */

body {
	background: #43699C url(design/Sans-titre-5.jpg);/*  pour noel */
	/*background: #f1efe2; */ 
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}


h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #43699c;
	font-weight: bold;
	font-size: 1.3em;
}

h2 span {
	color: #D01F3C;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #43699C;
}

h4 {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #999900;
}

#contenu h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-size: 1.35em;
	border-bottom: 1px solid #E8E5D4;
}
#contenu h3 {
	margin: 20px 0 10px 0;
	letter-spacing: 2px;
}
#contenu h3:first-letter {
	color: #F8BE2A;
}

p {
	margin: 0 0 5px 0;
}

a#lien-accueil {
 position: absolute;
 left: 180px;
 top: 80px;
 width: 550px;
 height: 60px;
}

a {
	color: #ad4d0e;
	text-decoration: none;
	font-weight : bold;
}
a:visited {
	color: #9BB50C;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	background : transparent;
}
a img {
	border: 0 none;
}
.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

tt, samp {
	font-size: 1em;
	color: green;
}

code {
	font-size: 1.1em;
	color: #369;
}

q {
	font-style: italic;
}
kbd {
	font-size : 1.1em;
	padding: 0px 1px;
	border: 1px solid #E2F576;
	border-right: 1px solid #9BB50C;
	border-bottom: 1px solid #9BB50C;
	background: #FFFFC4;
}

ul, li {
	margin: 0;
	padding: 0;
}

#alsacreations label {
	width:8em;
	float:left;
	text-align:right;
	background:url(design/label.gif) no-repeat center right;
	padding-right:18px;
	color:#9BB50C;
	font-weight:bold;
}

#alsacreations textarea {
	width:70%;
	height:15em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}

#alsacreations textarea.fullsize {
	width:98%;
	height:10em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}

input.textfield {
	width:70%;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}

input.textfield:focus, textarea:focus {
	background:#F5FFDC;
}

.alsacreations {
	color: #9BB50C;
	font-weight: bold;
}

.gauche {
	float: left;
	margin-right: 8px;
}
.droite {
	float: right;
	margin-left: 8px;
}
.textegauche {
	text-align : left;
}
.textedroite {
	text-align : right;
}


/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
	position: relative;
	width: 934px;
	height: 215px;
	background: url(design/newheader.png) left top no-repeat;
	margin: 0 auto;
	text-align: left;
	
}
/*
#pub {
border: 1px solid #999;
top:228px;
left:600px;
position:absolute;

margin-bottom:3px;

}

#pub_logiciel_main {
border: 1px solid #999;
top:228px;
left:600px;
position:absolute;

margin-bottom:3px;

}

#pub_logiciel_rubrique {
border: 1px solid #999;
top:258px;
left:600px;
position:absolute;

margin-bottom:3px;

}

#pub_logiciel {
border: 1px solid #999;
top:-30px;
left:0px;
position:relative;
float:right;
margin-bottom:3px;

}
*/
#evitement {
	position: absolute;
	top: 18px;
	right: 30px;
	background: url(design/fondliens.gif) left bottom no-repeat;
	text-align: right;
	width: 380px;
}
#evitement ul {
	margin: 0;
	padding: 0 15px 2px 0;
	background: url(design/coinliens.gif) right top no-repeat;
}
#evitement li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: #999;
	line-height:1.5em;
}
#evitement li a {
	color: #999;
}
#headersous {
	width: 980px;
	height: 14px;
	background: url(design/barre.png) left top no-repeat;
	margin: 0 auto;
	text-align: right;
}
#headersous p {
	padding-top: 15px;
	margin-right:35px;
	margin-bottom: 0;
}


/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */

#menu {

	position: relative;
	width: 807px;
	height: 66px;
	background: url(design/fondmenu.png) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}

#menu ul {
	position: absolute;
	top: 6px;
	left: 338px;
	width: 439px;
	height: 53px;
	padding: 0;
	margin:0;
	background: yellow;
	list-style: none;
	background: transparent url(design/menu.png) top left no-repeat;
}
#menu li {
	float: left;
	padding: 0;
	margin:0;
	text-indent: 50px;
}

#menu li a {
	display: block;
	height: 53px;
	width: 145px;
	text-decoration: none;
	font-size: 1px;
	line-height: 53px;
	color: #C6C1A3;
}

#menu li a span {
	position: absolute;
	left: -5000px;
}
#menu li a:hover {
	background: transparent url(design/menu.png) top left no-repeat;
}
#menu a#creation:hover {
	background-position: 0px -53px;
	color: #6882c3;
}
#menu a#solutions:hover {
	background-position: -145px -53px;
	color: #8fab10;
}
#menu a#expertises:hover {
	background-position: -290px -53px;
	color: #ffc326;
}


/* ------------------------------------ */
/*                                      */
/*            Global                    */
/*                                      */
/* ------------------------------------ */

#global {
	width: 980px;
	background: url(design/fondglobal-2.png) left top repeat-y;
	margin: 0 auto;
	text-align: left;
	
}

#global #sidebar {
	float: left;
	width: 225px;
	background: url(design/feuillejaune2.png) left top no-repeat;
	padding-top: 15px;
	line-height: 1.3;
	padding-left:40px;
	border:none;
	
}
#global #sidebar h2 {
	padding-left:1em;
}
#global #sidebar p {
	padding-right: 75px;
}
#global #sidebar ul {
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	list-style-image: url(design/puce.png);
	/*background: url(design/hr2.png) left bottom no-repeat;*/
}
#global #sidebar li {
	margin: 0 0 0 25px;
	padding: 3px 0 4px 0;
	line-height: 1em;
	width: 160px;
	color: #9BB50C;
}
#alsacreations #sidebar li {
	background: url(design/hr.gif) left bottom no-repeat;
}

#global #sidebar li.last {
	background: none;
		
}

#global #sidebar .aussi {
	width: 190px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	/*background: url(design/hr2.png) left bottom no-repeat;*/
	clear:both;
}
#global #sidebar .aussi img {
	float: left;
}
#global #sidebar .aussi p {
	margin-left: 50px;
	padding-right: 3px;
	color:#666;
}

#global #sidebar h2 {
	width: 170px;
}
#global #sidebar h2.realisation {
	margin-top: 1em;
}
#global #sidebar h2.realisation:first-letter {
	color: #F8BE2A;
}
#global #sidebar p.realisation {
	width: 170px;
	margin-top:30px;
	padding-right: 3px;
	margin-left: 5px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: #999;
	font-size:smaller;
}

#global #photo {
	float: left;
	margin: 0 0 10px 0;
}

#global #general {
	float: left;
	width: 687px;
}

#global #presentation {
	float: left;
	width: 202px;
	margin: 0;
	text-align: right;
	/*background: url(design/fondpresentation.jpg) right top no-repeat;*/
	padding-top: 15px;
}
#global #presentation p {
	margin-bottom: 15px;
	line-height: 1.3;
	margin-right: 10px;
}
#global #presentation a img {
	margin-right: 10px;
}

#global #accroche {
	clear: left;
	width: 540px;
	margin: 0 0 0 35px;
	background: url(design/feuillebleue.jpg) 99% 100% no-repeat;
	line-height: 1.3;
}

#global #confiance {
	clear: left;
	width: 540px;
	margin: 20px 0 0 35px;
	line-height: 1.3;
}

#global #accroche p.minimargefeuille {
	padding-right: 40px;
}
#global #accroche p.moyenmargefeuille {
	padding-right: 60px;
}
#global #accroche p.margefeuille {
	padding-right: 90px;
}

#clearombre {
	width: 807px;
	height: 0px;
	background: url(design/fondglobalombre.png) left top no-repeat;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

div#contenu {

	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	/*background: url(design/fondpresentation.jpg) right top no-repeat;*/
}
div#contenu p {
	margin-bottom: 1.1em;
	text-align: justify;
}
div#contenu p.fil {
	color:#999;
	font-size: 0.9em;
}

div#contenu blockquote {
	margin: 1em;
	padding: 0.5em 1em 0 38px;
	background: white url(design/citation.jpg) left top no-repeat;
	font-style: italic;
	color: #797342;
}
div#contenu blockquote p {
	text-align: right;
	margin: 8px 0;
	font-style: normal;
	padding-right: 25px;
	background: url(design/citationfin.gif) right bottom no-repeat;
}
#contenu dl {
	margin-bottom: 2em;
	padding-bottom: 20px;
	background: url(design/hr3.png) left bottom no-repeat;
}
#contenu dt {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #999900;
}
#contenu dd {
	margin-bottom: 0.5em;
}

#contenu ul {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style-type: none;
}
#contenu li {
	margin: 0 0 0 0;
	line-height: 1.2em;
	margin-bottom: 4px;
	margin-top: 4px;
	background: url(design/puce.png) left top no-repeat;
	padding-left: 20px;
}

/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footer {
	width: 980px;
	height: 3.6em;
	background: url(design/footer2.png) left bottom no-repeat;
	color: white;
	font-size: 0.95em;
	font-weight:bold;
	text-align: left;
	margin: 0 auto;
	padding-top: 0.5em;
}
#footer p {
	margin: 0 35px 0 40px;
}
#footer a {
	color: white;
}

/* Dotclear */

#dotclear .post, #dotclear #trackbacks, #dotclear #comments {
	margin: 0 0 0 40px;
	width:520px;
}

#dotclear .post {
	line-height: 1.5em;
	text-align:justify;
	padding-top:2em;
}

#dotclear h3 {
	padding-top:1em;
}

#dotclear fieldset {
	border: none;
}

#dotclear label{
	cursor: pointer;

}

#dotclear .field label{
	display: block;
}

#dotclear input,textarea{
	border: 1px solid #999;
}

#dotclear textarea {
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#dotclear .left{
	float: left;
	margin-right: 1em;
}

#dotclear .right{
	float: right;
	margin-left: 1em;
}

#dotclear .post-info {
	color:#999;
	text-align:right;
	position:relative;
	top:-2em;
}

#dotclear #calendar table th {
	color:#8BA620;
}

#dotclear #calendar table abbr {
	border-bottom:none;
	color:#F8B91C;
}

#dotclear #calendar table caption {
	color:#F8B91C;
}

#dotclear #sidebar h2 {
	margin-top:1em;
}

#dotclear #calendar table td {
	color:#ccc;
	margin-bottom:1em;
	text-align:center;
}

#dotclear #calendar table td.active {
	background:#E8EFB9;
	font-weight:bold;
}

#dotclear #sidebar #q{
	margin-left: 1em;
	border:1px solid #eee;
	padding:2px;
}

#dotclear #sidebar .submit {
	padding:1px 5px;
	background:#eee;
	border:1px solid #eee;
	cursor: pointer;
}

#dotclear textarea, #dotclear input {
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}

#dotclear input:focus, #dotclear textarea:focus {
	background:#F5FFDC;
}

#dotclear .preview, #dotclear .submit {
	cursor: pointer;
	background:#9BB50C;
	color:#fff;
	font-weight:bold;
}

#dotclear .post-info-co {
	text-align:right;
}



.boxtop { height: 19px; background:url(design/haut.png) no-repeat; color: #000; width : 190px;}
	.box { width : 180px; background: #fff url(design/bas.png) no-repeat bottom left; color: #5b5b5b; text-align: left; padding: 0 10px 1px 10px; margin: 0 0 0px 0; overflow: hidden; text-transform: capitalize;}
	.box p { padding: 0; margin: 0;}
		.box ul li a {color:#43699C;}
		
	.image { float: left; margin: 0 9px 3px 0; }



/* ------------------------------------ */
/*                                      */
/*            Fiche Logiciel            */
/*                                      */
/* ------------------------------------ */


#logiciel {
	color: #000;
	background: white;
	text-decoration: none;
	margin: 0;
	padding: 0px;
	background: transparent url("box_right_shadow_ext.gif") 100% 0% repeat-y;
	
}
#fiche {
text-align:justify;
	color: #000;
	background: white;
	text-decoration: none;
	margin-right: 5px;
	padding: 10px;
	padding-right:15px;
	
	
}

#droite {
	width:207px;
	margin-left:10px;
	margin-right:0px;
	float:right;
	display:block;
	border-left:2px dotted #DCDCDC;
	border-bottom:2px dotted #DCDCDC;
	padding-left:10px;
	/*background: transparent url("box_right_shadow_ext.gif") 100% 0% repeat-y;*/

}

#taille_logiciel {
padding-top:0px;
	width:445px;
	height:25px;
	border:1px dotted #3366cc;
	/*border-bottom:1px solid #3366cc;*/
	background-color:#e5ecf9;
	text-align:center;
}
#taille_logiciel img {
	padding-top:4px;
}

span.spe_fiche {

color:#43699C;
border: 1px dotted #d3dbeb;
font-weight:bold;
}


/* ----AFFICHAGE CARTOUCHE RUBRIQUE LOGICIELS------------- */

.rubrique_logiciel { 
	margin:5px !important;
	margin:3px;
	padding:0px;
	border: 1px solid #d3dbeb;
	width:325px;
	height:175px;
	float:left;
}
#contenu .rubrique_logiciel h3 {
margin:0px;
background-color:#f5f8fb;
text-align:center;
font-size: 1em;
} 


.interieur_rubrique_logiciel {
margin-top:2px;
padding:2px;
 }
.image_rubrique_logiciel {
	margin:0 0 0 0;
	float:left;
	height:100%   }
.droite_rubrique_logiciel {
padding-top:3px;
 }
 
.droite_rubrique_logiciel:first-letter {
	color: #43699C;
}


/* ------FIN ----------- */

/* ----AFFICHAGE CARTOUCHE RUBRIQUE ARTICLES------------- */
.rubrique_article { 
	margin:5px !important;
	margin:3px;
	padding:0px;
	border: 1px solid #d3dbeb;
	width:665px;
	
	float:left;
}
#contenu .rubrique_article h3 {
margin:0px;
background-color:#f5f8fb;
text-align:center;
font-size: 1em;
} 


.interieur_rubrique_article {
margin-top:2px;
padding:2px;
 }
.image_rubrique_article {
	margin:0 0 0 0;
	float:left;
	clear:both;
	height:100%   }
.droite_rubrique_article {
padding-top:3px;
 }
 
.droite_rubrique_article:first-letter {}


/* ------FIN ----------- */

/*  AFFICHAGE-PAGINATION ----------------- */

.pagination {
text-align:center;
padding: 2px;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a.currentpage, .pagination a.currentpage:visited{
padding: 0 5px;
border: 1px solid navy;
text-decoration: none; 
color: #fff;
background-color: #2e6ab1;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;

}
.pagination a.currentpage:hover, .pagination a.currentpage:active{
border: 1px solid navy;
color: #fff;
background-color: #2e6ab1;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}     
/* ------FIN ----------- */

/*  AFFICHAGE   Fil d'ariance et moteur de recheche----------------- */

#entete {

width:670px;

margin-bottom:5px;
height:22px;
z-index:6;
}
.B_crumbBox {
color:navy;
padding-left:5px;
border-left:1px dashed #43699C;
border-bottom:1px dashed #43699C;
width:595px;
float:left;
}
#recherche {    
position:relative;
float:left;
    width:670px;
    clear:both;
    padding-bottom:5px;
    padding-left:9px; 
z-index:2;
    }
    
#recherche_logiciel {    
position:relative;

    width:670px;
    clear:both;
    padding-bottom:4px;
    padding-left:9px; 
z-index:2;
    }
    
    #ajaxSearch_form {

  margin-bottom:-14px;
     	background-image: url("design/loupe.png");
	background-repeat: no-repeat;
	padding-left:20px;
    }
    #ajaxSearch_input {border: 1px solid #9aafe5;
text-decoration: none; 
margin-bottom:6px;
color: #2e6ab1;}
#ajaxSearch_input:focus{border:1px solid;border-color:#002276 #4A5F9A #4A5F9A #002276;background-color:#EBF5FF;}
    #ajaxSearch_submit {
    position:relative;
    float:left;
    margin-right:10px;
    border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;}
    #ajaxSearch_output {}
    
    img#searchClose {
    z-index:4;
	position:relative;
	float:left;
	margin-left:214px;
	
	margin-top:-33px;
	

    
    }
    
.AS_ajax_result {
height: 100px;
	width: 315px;
	background-image: url("design/album-open.png");
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	margin-right:20px;
	float:left;
}



a.AS_ajax_resultLink {
position: relative;
	top:0px;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 4px;
	color: #43699c;
	background-repeat: no-repeat;
}  
a.AS_ajax_resultLink:hover{
color: #ff6600;
	background-image: url("design/album-open-hover.png");
	}
span.AS_ajax_resultDescription {
padding-left:20px;
color: #555;
font-size:0.8em;
}

div.AS_ajax_extract {
position: absolute;
	top: 22px;
	left: 14px;
	font-weight: bold;
	font-size: 0.95em;
	color: #747474;
	padding-right:3px;
}

a.AS_ajax_more {
position:relative;
float:left;
z-index:3;
color:#F8BE2A;
margin-bottom:100px;
}

/* ------FIN ----------- */


div.left_inner_capacity_selector_positioner {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	/*
	height: 15em !important;
	height: 200px;
	*/
}
div.left_inner_capacity_selector_container {
	position: relative;
	display: block;
	padding: 0 0 0 8px;
	margin: 0;
	clear: both;
}
div.left_inner_capacity_selector {
	position:relative;
	width:680px;
	margin: 0;
	padding: 0;
	border-left:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	background:  url("box_right_shadow_ext.gif") 100% 0% repeat-y;
	z-index:1;
}
div.left_inner_capacity_selector_top {
	background: url("box_top_shadow_ext.gif") 0% 0% repeat-x;
	position:relative;
	/* top:-3px; */
	width:100%;
	
	height: 25px;

}
img.left_inner_capacity_selector_top_left {
	position:absolute;
	top:0px;
	left:-1px;
}
img.left_inner_capacity_selector_top_center {
	position:absolute;
	top:4px;
	left:110px;
}
img.left_inner_capacity_selector_top_right {
	position:absolute;
	top:0px;
	right:0px;
}
/*
	start of capacity selector with both product finder/list
*/


div#capactity_product_finder
{
	display: block;
	visibility: visible;
}
div#capactity_product_list
{
	display: none;
	visibility: hidden;
}
div.left_inner_capacity_selector_tab_left {

	position: absolute;
	display: block;
	top: 0px;
	/*
	width: 38%;
	*/
	width: 444px;
	height: 17px;
	font-weight: bold;
	font-size: 14px;
	color: #747474;
	z-index: 2;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	text-decoration:underline;
}
div.left_inner_capacity_selector_tab_right
{
	position: absolute;
	display: block;
	top: 0px;
	/*
	width: 38%;
	*/
	width: 200px;
	height: 17px;
	font-weight: bold;
	font-size: 1.1em;
	color: #ad4d0e;
	z-index: 2;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
div.left_inner_capacity_selector_tab_right a:link {
	padding-top:0px;
	color: #ad4d0e;}
div.left_inner_capacity_selector_tab_left
{
	left: 0;
	margin: 4px 0 0 2px;
	padding: 4px 0 0 12px;
	background-color: #fff;
}
div.left_inner_capacity_selector_tab_right
{
	right: 0;
	margin: 4px 5px 0 0;
	padding: 4px 0 0 12px;
	background-color: #f0f6f9;
}
div.left_inner_capacity_selector_tab_left a,
div.left_inner_capacity_selector_tab_right a
{
	color: #069;
	text-decoration: underline;
}
div.left_inner_capacity_selector_top div div.tab_arr
{
	position: absolute;
	margin: 0;
	top: 2px;
	padding: 0;
	width: 7px;
	height: 17px;
	clear: none;
	vertical-align: top;
	background: transparent url("/images/inner_left_common/product_arrow_orange.gif") 50% 50% no-repeat;
}
div.left_inner_capacity_selector_top div.left_inner_capacity_selector_tab_left div.tab_arr
{
	right: 7px;
}
div.left_inner_capacity_selector_top div.left_inner_capacity_selector_tab_right div.tab_arr
{
	right: 8px;
}
div.left_inner_capacity_selector_top div.on div.tab_arr
{
	background: transparent url("/images/inner_left_common/product_arrow_blue.gif") 50% 50% no-repeat;
}

div.left_inner_capacity_selector_top div div.tab_find_left,
div.left_inner_capacity_selector_top div div.tab_find_right
{
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	visibility: hidden;
	width: 13px;
	height: 22px;
	top: 0px;
	clear: none;
}
div.left_inner_capacity_selector_top div div.tab_find_left
{
	right: -6px;
	background: #fff url("tab_find_right.gif") 0% 0% no-repeat;
}
div.left_inner_capacity_selector_top div div.tab_find_right
{
	left: -6px;
	background: #fff url("tab_find_left.gif") 100% 0% no-repeat;
}
div.left_inner_capacity_selector_top div.on
{
	font-weight: bold;
	font-size: 14px;
	color: #069;
	z-index: 3;
	border-bottom: none;
}
div.left_inner_capacity_selector_top div.on div.tab_find_left,
div.left_inner_capacity_selector_top div.on div.tab_find_right
{
	display: block;
	visibility: visible;
}
div.left_inner_capacity_selector_tab_left div.tab_corner,
div.left_inner_capacity_selector_tab_right div.tab_corner
{
	position: absolute;
	display: block;
	clear: none;
	margin: -8px 0 0 0;
	padding: 0;
	width: 22px;
	height: 25px;
	
}
div.left_inner_capacity_selector_tab_left div.tab_corner
{
	left: -3px;
	background: transparent url("box_topleft.gif") 0% 0% no-repeat;
}
div.left_inner_capacity_selector_tab_right div.tab_corner
{
	right: -5px;;
	background: transparent url("box_tab_right.gif") 100% 0% no-repeat;
}
/*
	end of start of capacity selector with both product finder/list
*/

div.left_inner_capacity_selector_bottom
{
	position: relative;
	display: block;
	clear: none;
	height: 15px;
	margin: -10px 0 0 0;
	padding: 0;
}

div.left_inner_capacity_selector_bottom_left {
	position: absolute;
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	left: -1px;
	bottom: -1px;

	width: 15px;
	height: 15px;
	background: transparent url("box_btmleft.gif") 100% 0% no-repeat;
}
img.left_inner_capacity_selector_bottom_left {
	position:absolute;
	bottom:-2px;
	left:-1px;
	background-color: transparent;
}
div.left_inner_capacity_selector_bottom_right {
	position: absolute;
	display: block;
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
	bottom: -1px;
	right: -1px;
	width: 5px;
	height: 2px;
	background: transparent url("box_btmright.gif") 100% 100% no-repeat;
}
img.left_inner_capacity_selector_bottom_right {
	position: absolute;
	bottom:-2px;
	right:-1px;
	background-color:white;
}

/*pr slider*/
#track1 {
  background:transparent url(design/bg_slider.gif) no-repeat scroll center;
  height:14px;
  width:150px;


 
}

#handle1 {
  background:transparent url(design/slider_fardeen_biz.gif) no-repeat scroll center;
  cursor:pointer;
  height:15px;
  width:15px;
  color : #FFF;
  text-align : center;
  font-size : 10px;
}

#debug1 {
 width:200px;
}
#test {
padding-bottom:2px;

 width:200px;
}

#maj {
z-index:5;
	position:absolute;
	float:right;
	margin-left:850px;
	width:80px;
	height:53px;
	padding:0 0 0 15px;
	
}

div.prevnext {
float:left;
padding-top:3px;
font-size: .8em;
	text-transform: uppercase;
	width:100px;
}
div.prevnextC {
float:left;
width:245px;
}
div.prevnextR {
padding-top:3px;

float:left;
width:90px;
font-size: .8em;
	text-transform: uppercase;
}

div.prevnext a {
	color: #666; }

div.prevnextR a {
	color: #666; }
	
	input#droite{border: 1px solid #9aafe5;
text-decoration: none; 
margin-bottom:6px;
color: #2e6ab1;}


/* FLECHE HAUT ET BAS (ouai encore un truc de plus !) */

a#haut{position:fixed;right:15px;bottom:45px;display:block;height:30px;width:30px;background:url("design/top.gif") bottom right no-repeat;text-indent:-999em;text-decoration:none;z-index:50;margin:0}

a#bas{position:fixed;right:15px;bottom:15px;display:block;height:30px;width:30px;background:url("design/down.gif") bottom right no-repeat;text-indent:-999em;text-decoration:none;z-index:50;margin:0}



#h-home-easy { background: url(design/entete.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-easy2 { background: url(design/entete2.gif) no-repeat; height: 34px; text-indent: -9999em; }
#easylist h5 { text-align: center; font-size: 1.2em; padding-top: 10px; } 

#easylist h5 { background: url(/images/button-improve.gif) no-repeat; height: 39px; text-indent: -9999em; margin: 6px 0 0 62px; }

#easylist h5 a:hover, #easylist h5 a:active { background: url(/images/button-improve.gif) no-repeat 0 -39px;}

#easylist h5 a { display: block; height: 39px; width: 258px; overflow: hidden; }

#easylist { float: left; width: 282px; margin-top: 2px; }
#easylist2 {float: left; width: 382px; margin-top: 2px; margin-left:15px;}
#easylist ul { padding: 10px; }
#easylist2 ul { padding: 10px; }

#easylist li {

	list-style: none;

	background: url(design/bouton.gif) no-repeat 0 7px;

	padding: 4px 0 4px 15px;

	font-weight: bold;

	border-bottom: 1px solid #eee;

}

#easylist2 li {

	list-style: none;

	background: url(design/bouton.gif) no-repeat 0 7px;

	padding: 4px 0 4px 15px;

	font-weight: bold;

	border-bottom: 1px solid #eee;

}

.easylist-top { border-top: 1px solid #eee; }

#easylist p { color: #868686; font-weight: bold; line-height: 1.6; padding: 0; margin-left: 10px; }
#easylist2 p { color: #868686; font-weight: bold; line-height: 1.6; padding: 0; margin-left: 10px; }

/* ------------------------------------ */
/*                                      */
/*            LES ARTICLES               */
/*                                      */
/* ------------------------------------ */

/* main */

#main-wrapper {
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	padding-left: 0px;
	margin-left:0px;
	border-bottom:2px dotted #DCDCDC;
}

#main-content {
position:relative;
	/*float: left;
	width: 500px;*/

	margin:10px 0 0 0px;
	padding-top: 8px;
	border-top:2px solid #cbe045;
}

#main-content a {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
}

#main-content a:hover {
	color: #000000;
}

#main-content p {	text-align: left;
padding-right:5px;
}

#main-content h3 {
font-family: Georgia,"Times New Roman";
	position: relative;
	padding-bottom: 10px;
	margin-top: 16px;
	margin-bottom: 15px;
	font-size: 1.3em;
	color: #86942e;
	border-bottom: 1px solid #e4ecac;
}

#main-wrapper h2#main-content {
	font-family: Georgia, "Times New Roman";
	font-weight: normal;
}
#main-wrapper h3#main-content {
	font-family: Georgia, "Times New Roman";
	font-weight: normal;
}

h2#main-content  {
	font-family: Georgia, "Times New Roman";
	font-weight: normal;
	font-size: 2.1em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2#main-content  a {
	font-family: Georgia, "Times New Roman";
	font-weight: normal;
	color: #000;
}

#main-content h2 a:hover {
	color: #ff9900;
}

#main-sidebar {
/*background-color:#f0f6f9;*/
position:relative;
z-index:2;
float:right;
	display:block;
	width: 170px;
	margin:-30px 0 0 20px;
	padding-top: 2px;
	padding-left:2px;
	border-top:2px solid #43699C;
		border-bottom:2px solid #43699C;
		padding-bottom:6px;
	font-size: .95em;
	line-height: 1.4em;
	border-left:2px dotted #DCDCDC;

}

#main-content ul {
	margin-left: 15px;
}

#main-content ol {
	margin-left: 20px;
}

p.date-posted {
width:480px;
	position: relative;
	padding-bottom: 5px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-top:1px;
}

p.date-posted span.right {
	position: relative;
	right:0;
	top:1px;
}

p.date-posted span.right {
	font-size: .8em;
	text-transform: uppercase;
}

p.date-posted span.right a:link {
	color: #666;
}

p.date-posted span.right a:hover {
	color: #ff9900;
}

#tabimage {
float:left;
width:135px;
}

#tab_menu2 {
z-index:1;
        top:200px;
	position:absolute;
	float:left;
	margin-left:100px;

	padding:0 0 0 15px;

}


/*- Menu Tabs J--------------------------- */

    #tab_menu {
     z-index:1;
        top:182px;
	position:absolute;
	float:left;
	margin-left:205px;
      }
    #tab_menu ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tab_menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tab_menu a {
      float:left;
      background:url("design/menu/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tab_menu a span {
      float:left;
      display:block;
      background:url("design/menu/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tab_menu a span {float:none;}
    /* End IE5-Mac hack */
    #tab_menu a:hover span {
      color:#FFF;
      }
    #tab_menu a:hover {
      background-position:0% -42px;
      }
    #tab_menu a:hover span {
      background-position:100% -42px;
      }
	
	
	/*
----------------------------------------------------------------------------- 
BOX MODEL
-----------------------------------------------------------------------------*/
.box_accueil	{
background:url(design/box/fond.gif) repeat-y left;
margin-left:30px;
width:430px;
		margin-bottom:20px;
		}
.box_accueil h2 {
background:url(design/box/tsr-t.gif) no-repeat top left;
		padding-top:20px;
		}
.box_accueil .last {
background:url(design/box/tsr-b2.png) no-repeat bottom left;
		padding-bottom:20px;
		margin-top:10px;
		}
.box_accueil h2, .box_accueil p, .box_accueil h4, .box_accueil ul {
		padding-left:20px;
		padding-right:20px;
		}
.box_accueil .tab {
		position:relative;
		top:-30px;
		}
.box_accueil h3 {
		height:76px;
		width:36px;
		left:-36px;
		position:absolute;
		}
.box_accueil h3.quartz {
		background:url(design/box/quartzTab.gif) no-repeat top left;
		}
.box_accueil h3.news {
		background:url(design/box/newsTab.png) no-repeat top left;
		}
.box_accueil h3.logiciels {
		background:url(design/box/etiquette_log.png) no-repeat top left;
		}
.box_accueil h3.podcast {
		background:url(design/box/podTab.gif) no-repeat top left;
		}
.box_accueil h3.djs {
		background:url(design/box/djsTab.gif) no-repeat top left;
		}
.box_accueil h3 span {
		display:none;
		}
.box_accueil img {
		float:right;
		padding-left:20px;
		}
		
		
		.box_logiciel	{
background:url(design/box/fond.gif) repeat-y left;
margin-left:30px;
width:430px;
		margin-bottom:20px;
		padding-right:3px;
		}
.box_logiciel	 h2 {
background:url(design/box/tsr-t.gif) no-repeat top left;
		padding-top:20px;
		}
.box_logiciel	 .last {
background:url(design/box/tsr-bv.png) no-repeat bottom left;
		padding-bottom:20px;
		margin-top:10px;
		}
.box_logiciel	 h2, .box_logiciel	 p, .box_logiciel	 h4, .box_logiciel	 ul {
		padding-left:20px;
		padding-right:20px;
		}
.box_logiciel	 .tab {
		position:relative;
		top:-30px;
		}
.box_logiciel	 h3 {
		height:87px;
		width:36px;
		left:-36px;
		position:absolute;
		}

.box_logiciel	 h3.logiciels {
		background:url(design/box/etiquette_log.png) no-repeat top left;
		}


.box_logiciel	 h3 span {
		display:none;
		}
.box_logiciel	 img {
		float:right;
		padding-left:20px;
		}
		.box_logiciel .last	P img {
		float:left;
		padding-left:20px;padding-right:8px;
		}
		
			.box_accueil .last	P img {
		float:left;
		padding-left:20px;padding-right:8px;
		}
		
		
		
dl { 
        margin: 0; 
        padding: 0;                     
    }
    dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 20px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 20px; 
        margin: 0 0 15px; 
        background: url("design/barre/g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("design/barre/g_colorbar2.jpg"); 
        height: 20px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("design/barre/g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }
		
.img_random {
z-index:1;
        top:300px;
	position:absolute;
	float:left;
	margin-left:500px;
	height:30px;
}

.img_barre {
z-index:1;
        top:820px;
	position:absolute;
	float:left;
	margin-left:250px;
}

.img_bookmark {
z-index:1;
        top:170px;
	position:absolute;
	float:left;
	margin-left:80px;
}




div.bloc-centre{ }

div.bloc-centre div.gauche{width:30%; padding:5px; float:left;}
div.bloc-centre div.droite{width:60%; padding:5px; float:right;}

div.bloc-forum{background: url('design/box/package-x-generic.png') left top no-repeat;padding-left: 35px; padding-top:20px;}

a.lien-suite-bloc{background:url('design/puce-jaune.gif') left center no-repeat; display:block; float:right; padding-left:10px; margin-right:10px; margin-top:1px; font-variant:small-caps; text-decoration:none; font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; color:#3B678E; font-size:9pt; font-weight:bold;}

div.bloc-forum div.bloc-forum-item{background:url('design/puce-verte.gif') 0 5px no-repeat;font-size:7.5pt; margin-top:5px; margin-bottom:5px;margin-left:-10px; padding-left:10px;}
div.bloc-forum div.bloc-forum-item a{color:#536E9C; text-decoration:none; font-weight:bold;}
div.bloc-forum div.bloc-forum-item a:hover{color:#2395DD;}
div.bloc-forum div.bloc-forum-item span{color:#2D7F20; font-style:italic;}

div.bloc-pci{background: url('design/box/text-html.png') left top no-repeat;padding-left: 35px; padding-top:20px; margin-right:2px;}

div.bloc-pci div.pci-news-item{background:url('design/puce-verte.gif') 0 5px no-repeat;font-size:7.5pt; margin-top:5px; margin-bottom:5px;margin-left:-10px; padding-left:10px;}
div.bloc-pci div.pci-news-item a{color:#536E9C; text-decoration:none; font-weight:bold;}
div.bloc-pci div.pci-news-item a:hover{color:#2395DD;}
div.bloc-pci div.pci-news-item span{color:#2D7F20; font-style:italic;}

.vide{font-size: 0; clear: both; padding: 0px; margin: 0px; height: 1px;}

div.bloc-partenaire{background: url('design/box/partenaire.png') left top no-repeat;padding-left: 35px; padding-top:20px;}

div.bloc-partenaire div.bloc-partenaire-item{background:url('design/puce-verte.gif') 0 5px no-repeat;font-size:7.5pt; margin-top:5px; margin-bottom:5px;margin-left:-10px; padding-left:10px;}
div.bloc-partenaire div.bloc-partenaire-item a{color:#536E9C; text-decoration:none; font-weight:bold;}
div.bloc-partenaire div.bloc-partenaire-item a:hover{color:#2395DD;}
div.bloc-partenaire div.bloc-partenaire-item span{color:#2D7F20; font-style:italic;}

.jadria{
width:636px;
margin-left:2%;

}

.headjadria{
  background:#E6E6E6 none repeat scroll 0% 50%;
  border:1px solid #BBBBBB;
  line-height:1em;
  height:10px;
  padding:4px 10px 4px;
}

.headjadria h4 a{
color:#43699C;
float:left;
font-size:1em;
line-height:1em;
margin:0pt;
text-transform:uppercase;
height:14px;

}

.jadria ul{
  border-color:-moz-use-text-color #BABABA rgb(186, 186, 186);
  border-style:none solid solid;
  border-width:0pt 1px 1px;
  padding:12px;
  
}

.jadria li a{
  background:transparent url(design/jadrialist.gif) no-repeat scroll 0pt 0.15em;
  color:#8D8C8C;
  font-size:0.95em;
  line-height:1.35em;
  margin-bottom:0.6em;
  padding-left:17px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;

}