/************************************************* 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-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%;min-height:650px;}
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;}
/*************************************************  LES TELECHARGEMENTS  *******************************************/
.GetAcrobat{padding-top:20px;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{margin:0px;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 h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px; 
color:#B10015;  
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;}

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

/*************************************************  PAGES RESERVATION DE FORMATION  *************************************************/
#reservation{padding-left:10px;padding-right:10px;}

/*********************************************  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:10px;padding-right:10px;}
.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  *************************************************/
.erreurForm  {margin: 8px 0; padding:4px; font-weight: bold; color: #ffffff; background-color: #cc0000; text-align: center;border: 2px dotted #FFFFFF;}
.OkForm  {margin: 8px 0; padding:4px; font-weight: bold; color: #ffffff; background-color: #00cc00; text-align: center;}
table.infos_espace_client {width:100%;}
table.infos_espace_client td {vertical-align:top;}
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;}
table#onglet_espace_client {width:100%; border-bottom:#0471b7 2px solid;}
table#onglet_espace_client td {padding:0; text-align:center; line-height:20px; padding-right:10px;}
table#onglet_espace_client td div {background:#9bc6e2 url(img/espace_client_coin1.jpg) no-repeat top right;}
table#onglet_espace_client td div a {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}

/*************************************************  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;}
.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;}

/*************************************************  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#tarif{padding-left:5px;}
div#tarif table{width:590px;;padding:0px;margin:0px;background-color:#ffffff;}
div.AfficheTarifs {padding-bottom:20px;}
div.AfficheTarifs td{padding:2px;border:#cccccc 1px solid;background-color:#ffffff;}

div.tarifs0 {margin-top: 40px; text-align: center;border:0px solid;}
div.tarifs {float:left;position:relative;margin-top: 0px; text-align: center;width:100%;border:0px solid;}
div.BlocTarifs1{float:left;position:relative;border:#0471b7 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:0px;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;
}
/*************************************************  TARIFS-PRINT  *************************************************/
#tarifs-print{background-color:#FFFFFF;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;}


/*************************************************  CONTACTS  *************************************************/
.contact {background:#DDE0B7; width:190px; padding:10px; text-align:left;}
.contact h3 {color:#000; font-size:13px; margin-bottom:0;}
.contact p {margin-bottom:10px;}
.contact ul {padding-top:0 !important; padding-left:20px !important;}
.contact li {line-height:11px !important;}
.contact a {font-weight:bold;}

#indexinfo textarea {width:370px; font-family: Arial, Helvetica, sans-serif; font-size:11px; border:2px inset #ccc; background:#FFF5C7;}

/*************************************************  EXPERTS  *************************************************/
table.experts {width:98%; margin:4px; border:1px solid #B8C0CF; background:#fff}
table.experts tr {background:#fff; vertical-align:top;}
table.experts tr.alt {background:#ECEED2;}
table.experts th {text-align:left; vertical-align:top; color:#fff; border:1px solid #B8C0CF;}
table.experts td {border:1px solid #B8C0CF;}
thead.experts_header101 tr {background:url(img/fond590-1012.gif);}
thead.experts_header102 tr {background:url(img/fond590-1022.gif);}

/*************************************************  FORMULAIRE  *************************************************/
.formulaire { background-color:#caddee; border: #caddee 1px solid; padding: 10px; width: 568px; font-family: Arial,Helvetica,sans-serif; font-size: 11px;}
.formulaire table { width: 100%; }
.formulaire th { text-align: right; vertical-align: top; font-weight: normal; color: #4c7887; padding: 2px; line-height: 14px; }
.formulaire span.required { font-weight: bold; background: url(img/asterisquerougetrsp.gif) left top no-repeat; padding-left: 15px;}
.formulaire td { padding: 2px; line-height: 14px;}
.formulaire input, .formulaire select, .formulaire textarea { font-weight: bold; border: 1px solid #33CCCC; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
.center { text-align: center; }
.formulaire p { padding: 5px; }
.formulaire img { margin: 5px; }


/*************************************************  ORARIO  *************************************************/
#orario { padding: 10px; }
#orario img { padding: 0px; }
#orario form, h2 { padding: 0px; }
#orario .header { background: url(img/arrondi590-1010.gif) left top no-repeat; height: 25px; padding: 0 10px; }
#orario h3 { font-weight: bold; font-family: Verdana,Helvetica,sans-serif; font-size: 18px; color: #C00; text-transform: uppercase; }
#orario .bouton { font-weight: bold; font-family: Verdana,Helvetica,sans-serif; font-size: 13px; color:#1951aa; padding: 1px 4px; }
#orario .bouton:hover { border: 2px solid #33CCCC; padding: 0 4px; }
#orario .lien_telechargement { background: url(img/flecheLien00carrebas.gif) left top no-repeat; padding: 0 15px; font-weight: bold; }