/* GENERAL */
* { padding: 0; margin: 0; outline: none; }

html { font-size: 100%; }

body
{
	font-family: arial, "lucida grande", tahoma, verdana, sans-serif;
	height: 100%;
	-x-system-font: none;
	color: #000078;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

a { text-decoration: none; color: #19ADC4; }
a:hover { text-decoration: none; }

ul { list-style-image: none; list-style-position: outside; list-style-type: none; }

img { border: none; }

.divhr { display: bloc; padding: 15px 0 15px 110px; }

.divhr hr{ width: 360px; text-align: left; }

h3 { margin-bottom: 5px; font-size: 14px; }

h4{ color: #006599; font-size: 12px; }

label { font-size: 14px; }

input[type="text"], input[type="password"] { padding: 2px 0;}

.backoffice input[type="submit"],input[type="reset"] { position: static; }
input[type="submit"],input[type="reset"] { position: absolute; top: 595px; margin: 10px 0; padding: 0; }
.submit, .reset { position: absolute; top: 595px; margin: 10px 0; padding: 0; }

.underline { text-decoration: underline; }

.cleaner { clear: both; }

.cible { cursor: pointer; }
.editor { cursor: default; }

/* PAGE */
#page { width: 916px; margin: 0 auto; position: relative; }

/* HEADER */
#header { height: 109px; width: 100%; background: url( ../img/header_wave.jpg) no-repeat; float: left; }
.home #header { height: 205px; background: url( ../img/header_wave_home.jpg) no-repeat; }

#logo { width: 216px; height: 37px; margin-top: 10px; margin-left: 20px; position: absolute; }
.home #logo{ width: 130px; height: 66px; margin-top: 20px; margin-left: 40px; position: absolute; }

#slogan { margin-top: 75px; margin-left: 50px; position: absolute; font-size: 20px; font-family : "Times New Roman", Times, serif; font-style: italic; letter-spacing: 1px; }
.home #slogan { margin-top: 145px; margin-left: 40px; position: absolute; font-size: 23px; font-family : "Times New Roman", Times, serif; font-style: italic; letter-spacing: 1px; }

#app { position: absolute; margin-top: 3px; margin-left: 650px; }
.home #app { position: absolute; margin-top: 15px; margin-left: 590px; }

/* CONTENT */
#content { width: 100%; float: left; }

/* CONTENT - LEFT */
#left { float: left; height: 100%; width: 210px; }

#contentleft { width: 215px; margin: 0; }

#contentlefttop { margin-top: 10px; background: transparent url(../img/menu.jpg) repeat-x scroll 0 0; height: 46px; line-height: 42px; color: #fff;   text-align: center; font-size: 18px; }
.home #contentlefttop { background: none; height: auto; line-height: 15px; color: #000078; text-align: left; font-size: 12px; }
#contentlefttop ul { padding: 7.5px 0px; border-bottom: 1px #000 solid; width: 190px; }
#contentlefttop ul a { color: #000078; }

#currentsection { text-decoration: underline; float: left; margin: 0 30px; font-weight: bold; }
#currentsection a { color: #FFFFFF; }

#contentleftbottom { margin-top: 50px; }
.home #contentleftbottom { margin-top: 10px; }

#infoscomplementaire { margin-top: 50px; text-align: left; width: 155px; font-size: 13px }
#infoscomplementaire .name{ color: #19ADC4; font-size: 15px; }

/* CONTENT - RIGHT */
#right { float: left; height: 100%; width: 700px !important; width: 637px; padding-left: 5px; }
/* Hack css Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.infos_progiciel_editeur #right { margin-top: -15px; }
}

/* RIGHT - MENU */
#menu { height: 43px; margin: 10px auto 0 auto; background: url( ../img/menu.jpg) repeat-x; font-size: /*15px*/13px; padding: 2px 0;}
#menu ul { padding: 0 20px; }
#menu ul li { float: left; display: block; line-height: 42px; padding: 0 5px; color: #fff; }
#menu ul li a { font-weight: bold; color: #fff; }
#menu ul li a#currentaction{ text-decoration: underline; }

/* RIGHT - CONTENT */
#contentright { clear: both; overflow-y: auto; overflow-x: hidden; padding: 0 1px; margin: 18px  auto 0; background: url( ../img/background.jpg) no-repeat center center; height: /*427px;*/ 420px; }
#contentright h2 { border-bottom: 1px solid #000; font-size: 16px; margin-top: 40px; padding: 10px 0; }
#contentright p { padding: 10px 0; text-align: justify; font-style: italic; }

#contentright.comparatif { overflow: visible; }

#contentright.connexion { margin-top: 55px; }

.mentionslegales { overflow-y: auto; padding: 0 15px!important; }

h4#environnement{ margin-bottom: 10px; }

/* CONTENT - FONCTIONNALITES */
#lefttitles { width: 250px; float: left; }

#righttitles { float:right; width: 385px;}
#nomsediteurs{ float: right; }
#nomsediteurs  h3 { margin-left:13px; width: 115px; text-align: center; float: left; font-size: 12px; }
#nomsprogiciels{ float: right; }
#nomsprogiciels  h4 { margin-left:13px; width: 115px; text-align: center; float: left; font-size: 12px; }

#listfonctionnalites { overflow-y : auto; height: 330px; clear: both; }

#contentright .functionalities{ font-size: 13px; margin-left: 16px; }
#contentright .functionalities li { clear: both; }
#contentright .functionalities li  .fonctionnalite { float: left; /*width: 230px;*/}
#contentright  .functionalities .functionalities{ color:#005978; }
#contentright  .functionalities .functionalities .functionalities{ color:#00785F; }
#contentright  .functionalities .functionalities .functionalities .functionalities{ color:#00781B; }
#contentright  li { padding: 4px 0 !important; }
#contentright  #solutions li { clear: both; }
#contentright  li .functionalities { display: none; }

.existences{ float: right; width: 350px;}
.existence{ padding: 0 52px; float:right;}
.existence3{ padding: 0 52px 0 0 !important; float:right;}

#allchildren, .children { float: left; width: 15px; height: 15px; margin-right: 2px; cursor: pointer; }

.listfonctionnalites #allchildren { height: 15px; }
.hidechildren { background-image:url(/img/fleches.gif); background-position: 16px 0; }
.showchildren { background-image:url(/img/fleches.gif); background-position: 0 0; }
/* END - CONTENT - FONCTIONNALITES */

.exp_title { cursor: pointer; }
.exp_fleche { cursor: pointer; float: left; height: 25px; width: 16px; margin-right: 10px; background:transparent url(/img/fleches.gif) no-repeat scroll -15px 10px; }
.exp_fleche.opened { background:transparent url(/img/fleches.gif) no-repeat scroll 0px 10px; }
.exp_content { display: none; }

#solutions .exp_fleche { background-position: -15px 0px; }

.cons_contener { overflow-y: auto; }
.cons_content { display: none; }

/* CONTENT - FORM */
.rubrique { float: left; border-left: solid 1px #aeaeae; padding: 0 9px; }

.button { text-align: right; }

/* FORM - RECHERCHE */
#nbpostesfield { float: left; padding: 0 9px; width: 145px !important; width: 100px; border-left: 1px solid #aeaeae; }
#nbpostesfield  input { width:50px; }
/* END - FORM - RECHERCHE */

/* FORM - CONTACT */
#contact { clear: both; margin-top: 60px; }
#contact #message { height: 200px; width: 570px; }
#contact input{ position: static; }
#contact input[type='submit']{ position: absolute; top: 500px; left: 715px; width: 75px; }
#contact .submit { position: absolute; top: 500px; left: 715px; width: 75px; }
/* END - FORM - CONTACT */

/* FORM - RESULTATS */
#resultats { height: 223px; overflow-y: auto; padding-right: 10px; margin-top:10px; }

#colonnes h4 { float: left; }
#colonnes h4#colonnechoix { margin-right: 0; }
#colonnes h4#colonneprogiciels { margin-right: 190px; }
#colonnes h4#colonneediteurs { margin-right: 300px !important; margin-right: 245px; }

#contentright .result { clear: both; margin: 0; }
.result li { width: 237px;  float: left; margin-right: 10px; }
.rowresult { clear: both; border-bottom: 1px solid #aeaeae; }
.rowresult input { text-align: center; width: 15px; margin: 5px 0 5px 0 !important!; margin: 5px 0 0; float: left; }
.result span { background: url("/img/info_resultats_recherche_2.jpg") no-repeat scroll 0px 6px transparent; padding: 6px; }
#contentleftbottom #infoscomplementaire #img_infos_complementaires { background: url("/img/info_resultats_recherche_2.jpg") no-repeat scroll 0px 8px transparent; padding: 7px; }
#contentleftbottom #img_infos_contentleftbottom { background: url("/img/info_resultats_recherche_2.jpg") no-repeat scroll 0px 7px transparent; padding: 7px; }

#content .infobull { display: none; }
#content  #infobull { position: absolute; font-size: 12px; display: none; background-color: #fefefe; border:4px double #7FC0F6; z-index: 9999; text-align: left; padding: 1em; left:198px; top:165px; width: 670px; overflow-y: auto; overflow-x: auto; padding-right: 20px; max-height: 165px; _height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 165px ) : true; ); }
#content  #infobull #closeinfobull { text-align: right; }
#content  #infobull #closeinfobull img { height: 11px; width: 11px; cursor: pointer; }

#page .experiencelink { margin-right: 10px; width: 115px !important; width: 65px; }
/* END - FORM - RESULTATS */

input#comparatif{  left: 410px !important!;  left: 415px; width: 100px;}
input#newrechercher { left: 655px; width: 140px; }
input#rechercher { left: 695px; width: 100px; }
input#enregistrer { left: 532px !important!;  left: 535px; width: 100px; }
input#retourner { left: 815px; position: absolute; width: 100px; }
input#connecter { position: static;}

/* END - CONTENT - FORM */

/* CONTENT - MSGSTATE */
.msgstate { margin: 0 auto; width: 635px; padding: 2px 0; }
.msgstate .errors, .msgstate .success { background-image: url('../img/important.gif'); background-position: 32px center; background-repeat: no-repeat; line-height: 3em; padding: 0 95px; border-bottom: 3px double #aeaeae; border-top: 3px double #aeaeae; text-align: center; }

.success { color: #35AF20;}

.errors { color: #E63316; }

#contentright ul.errors { margin: 0 15px; }
/* END - CONTENT - MSGSTATE */

/* FOOTER */
#footer { height: 96px; width: 100%; background: url( ../img/footer_wave.jpg) no-repeat; float: left; }
#footer a { color: #000078; }

#footerright { float: right; padding-top: 78px; padding-right: 10px; }

#footerleft { float: left; padding-top: 78px; padding-left: 10px; }

.backoffice #menu{ font-size: 12px; }
.backoffice #contentright{ height: auto; padding: 30px 5px; min-height: 438px; }
.backoffice #existence { text-align: right; }
.backoffice #existence a{ margin-left: 5px; }
.backoffice .existences input{ margin-left: 4px; width: 18px;}
.backoffice legend{ font-size: 16px; }
.backoffice fieldset{ padding: 10px; }
.backoffice .elementform{ padding: 5px; }
.backoffice .elementform .inputInt{ width: 30px; }
.backoffice .elementform .inputChar{ width: 250px; }
.backoffice .functionalities div { text-align: right; }
.backoffice .functionalities li { border-top:1px solid #aeaeae; }
.backoffice .functionalities div span { margin-left: 20px; }
.backoffice .functionalities div img { height: 19px; }
.backoffice #titres{ text-align: right; padding-right: 40px; border-bottom: 1px solid #aeaeae; margin-bottom: 10px; margin-top: 10px; padding-right: 40px; text-align: right; }
.backoffice #titres span { margin-left: 16px; }
.backoffice #champs{ height: 35px; margin: 5px 0;  }

.backoffice #champs span { background:transparent url(../img/menu.jpg) repeat-x scroll 0 0; font-weight: bold; display: block; float: left; width: 143px; height: 35px; line-height: 35px; text-align: center;  border-top: 1px solid #aeaeae; border-right: 1px solid #aeaeae; }
.backoffice .liste_editeurs #champs span { background:transparent url(../img/menu.jpg) repeat-x scroll 0 0; font-weight: bold; display: block; float: left; width: 119px; height: 35px; line-height: 35px; text-align: center;  border-top: 1px solid #aeaeae; border-right: 1px solid #aeaeae; }

.backoffice #champs span a{ color: #fff; }
.backoffice #champs.fewrows span { width: 277px; }
.backoffice #resultschamps { clear: both; }
.backoffice #resultschamps div{ clear: both; }

.backoffice #resultschamps span { display: block; float: left; width: 143px; border-top: 1px solid #aeaeae; text-align: center; padding-top: 5px; }
.backoffice .liste_editeurs #resultschamps span { display: block; float: left; width: 120px; border-top: 1px solid #aeaeae; text-align: center; padding-top: 5px; }

.backoffice #resultschamps.fewrows span { width: 277px; }
.backoffice #resultschamps span.action { width: 19px; /*old// width : 25px*/ }
.backoffice #resultschamps span.action img { height: 19px; }
.backoffice #resultschamps span.actionselect { width: auto; padding: 5px; }
.backoffice #resultschamps span.actionselect img { height: 19px; }
.backoffice #buttons { clear: both; position: relative; }
.backoffice #selectAll { position: absolute; left: 155px; top: 10px; width: 135px; }

/* 
	VISITEUR - IDENTIFICATION
*/
div.visiteur ul { list-style-type: disc; padding-left: 15px; }
div.visiteur ul.errors { list-style-type: none; padding-left: 0; }

div.visiteur span.bold { font-weight: bold; }

div.visiteur p#sup_form { margin-top: 120px; }

div.visiteur form#identification div.elementform { float: left; margin-right: 40px; width: 150px; }
/*div.visiteur form#identification div.elementform ul.errors { width: 100px; }*/
div.visiteur form#identification div.set_password { clear: both; }
div.visiteur form#identification div.submit_visiteur { position: relative; top: 4px; }

div.visiteur div.msgstate { position: relative; bottom: 40px; }
div.visiteur div.errors { margin-top: -80px; }

/* 
	VISITEUR / CLIENT - INFO PROGICIEL
*/
p#float_left_progiciels { float: left; margin-right: 80px; }
h3#nom_editeur_info_progiciel { float: left; margin-right: 150px; }

/*
	QUI SOMMES-NOUS
*/
div#site_editeur { 
	border: 1px solid black;
	border-radius: 18px 18px 18px 18px;
	width: 180px;
	min-height: 30px;
	height: auto;
	position: absolute; 
	margin-left: 250px;
	margin-top: -40px;
	background-color: rgb(16, 28, 78);
}

div#site_editeur p { text-align: center; }
div#site_editeur p a { color: #fff; font-weight: bold; }
	
	
/*
	BEGIN EDIT HOME
*/

#divTitreHome {
	/*border: 1px solid black;*/
	width: 250px;
	height: auto;
	margin-top: 20px;
}

#titreHome {
	width: 200px;
}

#divMessageHome > label {
	margin-bottom: 100px;
}

#buttonsHome {
	margin-top: 10px;
}

#divMessageHome {
	/*border: 1px solid black;*/
	margin-top: 20px;
    width: 100%;
	height: auto;
}

#divListMessagesHome {
	/*border: 1px solid black;*/
	margin-top: 20px;
    width: 100%;
	height: auto;
}

#indexMessage {
	/*border: 1px solid black;*/
	margin-top: 20px;
    width: 99%;
	height: auto;
	text-align: center;
}

/*
	END EDIT HOME
*/