/************************************************* MENU GENERAL A GAUCHE (menugen.php)  *******************************************/
div#menugen{
width:100%;
border: 0px solid;
padding-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#menugencadre{
font-size:11px;
position:relative;
margin:0px;
border-right: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
width:144px;
}
#menugen ul {
list-style-type: none;
margin:0px;
padding-top:3px;
padding-bottom:6px;
border:0px solid;
}
#menugen li{
margin-left:2px;
padding-left:8px;
background-image: url(img/PuceNoireMenu.gif);
background-repeat : no-repeat;
background-position: center left;
color:black;
font-size: 11px;
line-height: 10px;
text-decoration: none;
letter-spacing: 0pt;
}
#menugen li a:link, #menugen li a:visited {color : #333333;font-size:9px;}
#menugen li a:hover {color : #FF9900;}
#menugen li a:active {color : #FF0000;}
#menugen span {display:block;line-height:13px;font-weight:bold;font-size:10px;padding-top:8px;padding-left:2px;}
#menugen p {display:block;line-height:13px;font-weight:bold;font-size:10px;padding-top:8px;padding-left:2px;}

#menugen span{padding-top:0px;padding-left:2px;}

div.menuRep {height:16px;padding:0px;color:#ffffff;font-size:10px;vertical-align:middle;font-weight:bold;padding-left:2px;}


/*Bloc d'identification à droite*/

/************************************************* CONTENU *************************************************/
.TitrePage{
width:100%;
margin:0px;
padding:3px;
vertical-align:middle;
margin-top: 2px;
line-height:26px;
height:26px;
color:#ffffff;
font-weight:bold;
}

.TitrePage  span.IntitulePage{
float:left;
position:relative;
border:0px solid;
width:85%;
font-size:15px;
line-height:26px;
}
.TitrePage span.SousTitrePage {
float:left;
position:relative;
font-weight:normal;
font-size:11px;
line-height:13px;
border:0px solid;
width:85%;
}

.TitrePage span.ImprimerPage {
position:relative;
float:right;
line-height:26px;
color:#000000;
border:0px solid;
}

.TitrePage span.ImprimerPage  a{
color:#ffffff;
font-size:12px;
}

.TitreJaune{color:#ffcc00;}

.txtRouge-Bold
{
	font-size: 11px;
	color: #B10015;
	font-weight:bold;
}

.txtKaki-italic
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #858861;
	font-style: italic;
}

/**********PAGES PRESENTATION DE PRODUITS logiciels-emploi-du-temps.php,logiciels-gestion-vie-scolaire.php****** ****/

.PresentationProduit {padding-right:10px;padding-left:5px;}
div.PresentationProduit h1{font-size:20px;}
div.PresentationProduit h2{font-size:12px;color:#000000;}
div.PresentationProduit h2.ss_titre{color:#B10015; font-size: 14px;}

div.PresentationProduit h3{font-size:13px;color:#858861;}
div.PresentationProduit h4{font-size:12px;color:#000000;}
div.PresentationProduit p {line-height:16px;}

.PresentationProduit  ul {
padding-left:30px;
padding-bottom:10px;
}
.PresentationProduit  li {
list-style-type:disc;
color:black;
padding-left:0px;
padding-right:0px;
line-height: 16px;
font-size: 11px;
}
/*************************************************  PAGES INFO  *************************************************/
/*Utilise hi definis par défaut */

div#info {float:left;line-height:16px;vertical-align:top;padding-left:5px;width:100%;}
td#info{line-height:16px;}
#info ul{padding-left:20px;margin-left:0px;margin-top:5px;padding-bottom:10px;}
#info li{list-style-type:disc;
color:black;
padding-left:0px;
padding-right:0px;
line-height: 16px;
font-size: 11px;}
#info h1,h2{padding-right:10px;}
#info h3{line-height:16px;padding-right:10px;}
td.formule {padding:5px;vertical-align:top;text-align:center;border:#588026 1px solid;font-size:11px;line-height:13px;}
td.formuleB {padding:5px;vertical-align:top;text-align:center;border:#588026 1px solid;font-size:11px;line-height:13px;font-weight:bold;}
td.formuleBrouge {padding:5px;vertical-align:top;text-align:center;border:#588026 1px solid;font-size:11px;line-height:13px;font-weight:bold;color:#B10015}

div.InfoTxt1{border:0px solid;}

div.InfoDesign1{float:left;position:relative;top:0px;padding:0px;margin:0px;border:0px solid;padding-right:10px;}
div.InfoDesign2{float:right;position:relative;top:0px;padding:0px;margin:0px;border:0px solid;padding-right:10px;}

/*************************************************  LES ARTICLES  ****************************************************/
/*Utilise hi definis par défaut */
div#article{padding-left:5px;padding-right:5px;}
#article ul{padding-left:20px;margin-left:0px;margin-top:5px;padding-bottom:10px;}
#article li{list-style-type:disc;}
#article h3 {line-height:14px;}
/*************************************************  LES TELECHARGEMENTS  *******************************************/
.GetAcrobat{padding-top:4px;line-height:22px;}


/*************************************************  PAGES D'ASSISTANCE  *********************************************/
div#assistance {line-height:14px;padding-left:5px;padding-right:5px;}
/*pages des ameliorations : ameliorations-edt*, pronote et hp*/
.AffichageDateMAJ{height:21px;background-image:url(img/deg2long.gif); background-repeat:no-repeat; text-indent:10px;line-height:22px;vertical-align:middle;font-weight:bold;}
.AffichageVersion{font-size:14px;color:#FFFFFF;}
.AffichageDateVersion{color:#264465;font-size:12px;font-weight:normal;}
.TitreBug{line-height:14px;font-weight:bold;color:#000000;font-size:12px;}
.HautDePage{text-align:right;font-weight:bold;width:590px;border-bottom:#005ea4 1px dotted;padding-top:15px;line-height:12px;}
ul.releaseBug {
padding-left:40px;
padding-top:10px;
}
ul.releaseBug li {
list-style-type:disc;
color:black;
margin-bottom: 10px;
padding-left:0px;
padding-right:0px;
line-height: 16px;
font-size: 11px;
}

/*************************************************  PAGE ASSSITANCE0.PHP  ********************************************/
.iconeAssistance{float:left;width:50px;}
.texteAssistance{float:left;width:530px;padding-bottom:20px;}
.flecheAssistance{border-left:#ffffff 20px solid;}
.InterSsTitreAssistance{font-size: 18px;color:#757856;line-height: 24px;font-weight : bold;background-color : #FFFFFF;}

/*************************************************  PAGES TELECHARGEMENT  ********************************************/
div#telech{padding-left:5px;padding-right:5px;border:0px solid;}

div#telech a {
line-height: 12px;
}
#telech h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px; 
color:#B10015;  
font-weight: bolder; 
text-transform:uppercase;
display:inline;
}

#telech .InstallerAnciennes{padding-left:40px;padding-bottom:8px;line-height:14px;}

#telech .degrade_bleu {background: url(img/deg4.gif);padding-left:10px;text-align:left;font-size:11px;margin-top:4px;margin-bottom:2px;}
#telech .InstallerAnciennesG{width:120px;padding-right:4px;line-height:11px;text-align:right;float:left;}
#telech .InstallerAnciennesD{padding-left:4px;line-height:11px;text-align:left;float:left;}
#telech .telechAnc{font-size:10px;}
#telech .rouge{color: #CC0000;}

.ComplementTitre {font-weight:normal;font-size:12px;}
.bloc {
	float:left; 
	position:relative;
	width:100%;

	}


/*************************************************  PAGES D'FAQ  *************************************************/
#faq {line-height:14px;}
/*affichePages.php*/
.AffichePages{border-bottom:#005EA4 1px solid;border-top:#005EA4 1px solid;width:590px;height:20px;line-height:20px;}
.AfficheNumPages{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;border:0px solid;z-index:2}

.keyword {
	color: #ff9900;
	font-weight:bold;
}

#faq img{padding-right:5px;}

/*************************************************  PAGES RESERVATION DE FORMATION  *************************************************/
#reservation{padding-left:10px;padding-right:10px;line-height:16px;}
#reservation h1{font-size:15px;}
#reservation h2{font-size:22px;line-height:24px;}
#reservation h3{font-size:14px;line-height:16px;}
#reservation table{width:100%}
#reservation td{vertical-align:top;padding:8px;line-height:18px;}
#reservation td.AlignRight{text-align:right;width:50%;line-height:16px;padding:2px;background-color:#DDE0B7;vertical-align:top;padding-right:8px;border-top:#ffffff 1px solid;border-right:#ffffff 1px solid;border-bottom:#ffffff 1px solid;}
#reservation td.AlignLeft{text-align:left;width:50%;line-height:16px;padding:2px;background-color:#DDDDEE;vertical-align:top;font-weight:bold;padding-left:8px;border-top:#ffffff 1px solid;border-bottom:#ffffff 1px solid;}

#reservation input,select{font-size:11px;}


/*************************************************  FORMATIONS  *************************************************/
div#formation div.maincol {padding: 10px; line-height: 16px; }
div#formation div.rightcol {float: right; width: 212px; margin: 10px 0 0 10px; padding:140px 0px 10px 10px; vertical-align:top; background-repeat:no-repeat}

/*********************************************  PROGRAMME DES FORMATIONS  **************************************/
#progform{line-height:14px;padding-left:10px;padding-right:10px;}
#progform h1{font-size:15px;}
#progform h2{font-size:22px;line-height:24px;}
#progform table{padding:4px;}
.border5{ border: solid 1px #BABE87; padding:6px;line-height:16px;}
.select70 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:11px; font-weight: bolder; background-color: #FFFFFF; color: #6A6845; border: 1px solid #0D4657; width:98%; padding:2px;}

#progform div.border5 ul {
padding-left:20px;margin-bottom:20px;
}

#progform div.border5 li {
list-style-type:disc;
color:black;
padding:0px;
margin:0px;
line-height: 16px;
font-size: 11px;
}

/*************************************************  PAGES DEMANDES DE PRESENTATION  *************************************************/
#demandep{padding-left:10px;padding-right:10px;}

/*************************************************  PRESENTATION  *************************************************/
div#presentation_entete {float:left;width:590px;margin-bottom:15px;}
div#reperes {float:left;width:140px;margin-right:15px;color:#666666;font-size:10px;}
div#reperes h2 {margin:0;font-size:16px;font-weight:bold;color:#666666;}
div#reperes h3 {margin:0;margin-top:15px;padding:0;font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:16px;color:#666666;}
div#presentation_contenu {float:left;width:420px;font-size:13px;line-height:18px;}
div#presentation_contenu h2 {margin:8px 0; color:#006699; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:14px}
div#presentation_contenu p {margin-top:5px;line-height:18px;}


/*************************************************  PAGES D'INSCRIPTION ET D'IDENTIFICATION  *************************************************/
#inscription{padding-left:8px;padding-right:8px;padding-top:2px;}
.TITREinscription{
	border-bottom: 2px dotted #858861;
	font-size: 14px;
	color: #858861;
	line-height: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

/*************************************************  ESPACE CLIENT  *************************************************/
#espace_client{ border:0px solid;min-height:520px;padding:5px;}

table.infos_espace_client {width:100%;}
table.infos_espace_client td {vertical-align:top; padding:5px;}
div.header_infos_espace_client {text-align:center; padding:10px; color:#858861; font-weight:bolder; background:#cccc99 url(img/cadre_haut_form.gif) left top no-repeat;}
div.data_infos_espace_client {text-align:center; padding:10px; border:1px solid #cccc99; color:#858861;}
div.data_infos_espace_client table {width:100%;}
div.data_infos_espace_client th {text-align:right; font-weight:normal; padding:3px 2px;}
div.data_infos_espace_client td {text-align:left; font-weight:bold; padding:3px 2px;}
div.personnes_inscrites {text-align:left; color:#000;}
table#onglet_espace_client {width:100%; border-bottom:#0471b7 2px solid; font-weight:bold;}
table#onglet_espace_client td {padding:0; padding-right:10px; text-align:center;}
table#onglet_espace_client td div {height:15px; padding-top:5px; background:#9bc6e2 url(img/espace_client_coin1.jpg) no-repeat top right;}
table#onglet_espace_client td div a {color:#ffffff}
table#onglet_espace_client td div a:hover {color:#0471b7}
table#onglet_espace_client td div.active {background:#0471b7 url(img/espace_client_coin2.jpg) no-repeat top right;}
table#onglet_espace_client td div.active a {color:#ffffff}
div#espace_client h1 {font-size:20px;}
div#espace_client h2 {margin-top:0; margin-bottom:0;}
div#espace_client input[type=submit] {font-size: 12px; line-height:16px; color:#333333; font-weight:bolder; border:#000000 1px solid;	padding:2px; cursor:pointer;}
div#espace_client input[type=submit]:hover {color:#005EA4;}
div#footer_espace_client {margin-top:20px; font-size:10px; line-height:12px; color:#999;}

/*************************************************  PRÉSENTATIONS  *************************************************/
table.presentation {width:590px; border:#cccc99 1px solid; background-color:#cccc99; margin:10px 0; padding:4px; vertical-align:top;}
table.presentation th {text-align:right; font-weight:normal;}
table.presentation td {text-align:left; background-color:#dde0b7; font-weight:bold; border:#cccc99 1px solid;}
table.presentation .titre_recapitulatif {text-align:left; background-color:#cccc99; padding:8px; font-size: 12px; line-height:20px; color:#264465; font-weight: bolder; text-transform:uppercase;}
table.presentation .ligne_vide {text-align:left; background-color:#cccc99;}

/*************************************************  TARIFS  *************************************************/
div.tarifs0 {margin-top: 40px; text-align: center;border:0px solid;}
div.tarifs {float:left;position:relative;margin-top: 1px; text-align: center;width:100%;border:0px solid;}
div.BlocTarifs1{float:left;position:relative;border:#00a2ff 2px solid;padding:0px; margin:0px;width:99%;}
div.BlocTarifs2{position:absolute;width:240px;right:0px;top:100px;background-color:#fff;z-index:10;border:#000 0px solid;display:none;}
div.textePresentationTarif {float:left;position:relative;display:block;text-align:center;padding:0px;font-weight:bold;border:0px solid;width:100%;padding-bottom:30px;padding-top:8px;}
div.AffichageTarifs{position:relative;border:0px solid;padding-top:10px;width:100%;}

.inputTotalHT {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:65px;text-align:right;height:20px;font-weight:bold;}
.inputTarifsUnitairesNoPromo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:55px;text-align:right;height:20px;color:#939066;}
.inputTarifsUnitairesPromo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:55px;text-align:right;height:20px;color:#AA0000;font-weight:bold;}

.inputTarifsUnitairesPromoHP {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:55px;text-align:right;height:20px;color:#AA0000;font-weight:bold;text-decoration:line-through;}

.inputTarifsPromo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:55px;text-align:right;height:20px;padding-right:2px;width:60px;background-color:#DDDDDD;text-decoration:line-through;color:#939066;font-weight:bolder;}
.inputTarifsNoPromo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; BORDER: 0px solid #0D4657;width:55px;text-align:right;height:20px;padding-right:2px;width:60px;background-color:#ffffff;text-decoration:line-through;color:#ffffff;font-weight:bolder;}

.LigneSeparation{
	border-top:#BABE87 1px solid;	font-size:3px;width:100%;line-height:1px;
}
#blocEmail {
	text-align: left;
}
#blocEmail #email {
	width: 300px;
}

/*************************************************  TARIFS-PRINT  *************************************************/
#tarifs-print{padding:10px;}
#tarifs-print h1,h2,h3{color:#000000;line-height:20px;}
#tarifs-print td{border:#666666 1px solid;padding:5px;text-align:left;font-size:14px;line-height:18px;}
#tarifs-print td.noBorder{border:0px;}
#tarifs-print td.right{text-align:right;}
#tarifs-print td.center{text-align:right;}


/*************************************************  TARIFS CH  *************************************************/
div#tarifs-ch{padding-left:5px;padding-right:5px;border:0px solid;}

#tarifs-ch h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px; 
color:#B10015;  
font-weight: bolder; 
display:inline;
}
/*************************************************  CONTACTS  *************************************************/
div#contacts {padding: 10px; line-height: 16px; }
#contacts h2 {font-weight:bolder; font-size:11px; margin-bottom:0; padding-left:5px; border:0px solid; background: url(img/deg4.gif);}
#contacts h3 {font-weight:bold; font-size:11px; margin-bottom:0;}
#contacts span.bordeaux{color:#B10015; font-weight:bolder; font-size:12px;}

/*************************************************  PLAN  *************************************************/
div#plan {padding-left: 10px;padding-right: 10px; line-height: 16px; }
#plan  span.bordeaux{color:#B10015;  font-weight: bolder;font-size:12px;}
#plan  div.degrade_bleu{font-weight: bolder;padding-left:5px;border:0px solid;}

/*************************************************  LISTE DES CLIENTS INDEX  *************************************************/
div#clients{padding-left:5px;padding-right:5px;}

div.ligneClient {float:left;width:600px;}

/*************************************************  INFOBULLES  *************************************************/

a.infobulle{
    position:relative; 
    z-index:150; 
    text-decoration:none;
		cursor:pointer;
		}

a.infobulle:hover{z-index:30;}

a.infobulle span{display: none;}

a.infobulle:hover span{ 
display:block; 
position:absolute;
color:#000; 
border:1px solid #BABE87;
background-color:#FFF;
top:2em; 
width:350px;
font-weight:normal;
padding:2px;
text-align:left;
}

a.infobulle:hover span.ConfigRequise {
border:1px solid #BABE87;
background-color:#eeeed8;
line-height:16px;
left:8em;
}

a.infobulle:hover span.TxtInfobulles {
z-index:100;
background-color:#fff;
line-height:16px;
width:570px;
}

.tarifs a.infobulle:hover span {
width:350px;
left:-80px;
top:20px;
z-index:10;
background-color:#efefef;
border:1px solid #000;
}