/************************************************* 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.drapeauFR{
background-image: url(img/drapeau-FR-15x8.png);
padding-left:20px;
}
#menugen li.drapeauCH{
background-image: url(img/drapeau-CH-15x8.png);
padding-left:20px;
}

#menugen li.drapeauBE{
background-image: url(img/drapeau-BE-15x8.png);
padding-left:20px;
}

#menugen li.offrePromo{
background-image: url(img/flecheLien00.gif);
padding-left:20px;
}

#menugen li.pictoVideo{
background-image: url(img/picto-video.png);
padding-left:25px;
line-height:20px;
}

#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 li.MenuInterne a:link, #menugen li.MenuInterne a:visited {color:#b10015;font-size:9px;font-style:italic;}

#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;
}

.CKProduitIndex        { background: url(img/petitlogoindex.gif) left no-repeat; padding-left: 18px;}
.pointInterrogation { background: url(img/q00.gif) left no-repeat; padding-left: 18px;}
.fleche_carre { background: url(img/flecheLien00carre.gif) left no-repeat; padding-left: 18px;}
.fleche_rond { background: url(img/flecheLien00.gif) left no-repeat; padding-left: 18px;}


/**********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:#555;padding-top:0px;padding-bottom:0px;padding-left:0px;line-height:16px;}
div.PresentationProduit h2.ss_titre{color:#B10015; font-size: 15px;line-height:18px;padding-top:8px;}

div.PresentationProduit h3{font-size:13px;color:#555;padding-top:6px;padding-bottom:0px;padding-left:0px;line-height:16px; margin:0px;}
div.PresentationProduit h4{font-size:12px;color:#000000;}
div.PresentationProduit p {color:#555;padding-top:0px;padding-bottom:0px;padding-left:10px;line-height:15px;}

.PresentationProduit  ul {
padding-left:30px;
padding-bottom:10px;
}
.PresentationProduit  li {
list-style-type:disc;

padding-left:0px;
padding-right:0px;
line-height: 16px;
font-size: 11px;
}
.PresentationProduit  a {
font-weight:bold;
}

/*************************************************  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:10px;padding-right:0px;line-height: 16px;font-size: 11px;}
#info h1,h2{padding-left: 0px;	padding-bottom: 0px;	padding-top: 6px;	padding-right: 10px;}
#info h3{line-height:16px;padding-right:10px;}

td.formule {color:#333; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px; background-color:#FFF; }
td.formuleB {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold;}
td.formuleTitre {color:#333; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#EEE; }

td.formuleBmono {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#62e4ca;}
td.formuleBmonoVS {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#21b698;}
td.formuleBrouge {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#51d443;}
td.formuleBrougeVS {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#31ac24;}
td.formuleBnet {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#e48a8a;}
td.formuleBnetVS {color:#FFF; padding:5px;vertical-align:top;text-align:center;border:#BBB 2px solid;font-size:11px;line-height:13px;font-weight:bold; background-color:#e46060;}

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;}

div#datepubli{ text-align:right;position:relative; float:right; color:#a09f8c;margin-top:-20px;font-style:italic;}

.BlocHB{color:#555;line-height:16px;display:none;padding:10px;line-height:16px;padding-top:20px;}
#BlocHB1{display:block;}  /* background-color:#ddffee; */

.BlocHB li{padding-top:10px;padding-left:0px;line-height:16px;margin-left:10px; list-style-type:square; color:#000; font-size:11px;}
.BlocHB span {color:#000;font-size:11px;}
/*************************************************  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 TUTORIELS  ****************************************************/
/*Utilise hi definis par défaut */
/*div#tutoriels{padding-left:5px;}*/
#tutoriels h1 {padding-left:5px;}
#tutoriels h3 {line-height:14px;padding-left:10px;}

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

div.NePasRenseigner{display:none;}

input.BtAssistanceEmail{
font-size:10px;background-image:url(img/bt-envoyer-assistance.png);background-color:transparent;border:0px solid;width:96px;height:25px; cursor:pointer;
}

#assistance li{list-style-type:disc;margin-left:20px;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: 16px;color:#757856;line-height: 20px;font-weight : bold;}

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

div#telech a {
line-height: 12px;
}
#telech h2{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:20px; 
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;}

#telech a.LienTelechargement{font-weight:bold;}

#telech a.LienDrapeau{background-position:left; background-repeat:no-repeat; padding-left: 25px;margin-left:10px;}

.Edition {font-weight:normal;font-size:12px;}

.Configuration {text-align:right; margin-top:-12px; margin-bottom:4px;} 

.lien_configuration { background: url(img/q00.gif) left no-repeat; padding-left: 18px;}

.lien_fleche_telechargement { background: url(img/flecheLien00carre.gif) left no-repeat; padding-left: 18px;margin-left:8px;}
.lien_picto_flux_rss { background: url(img/Icone_RSS_11x11.png) left no-repeat; padding-left: 18px;margin-left:8px;}

.lien_pdf_telechargement { background: url(img/pdf2.gif) left no-repeat;padding-left:35px;font-weight:bold;}
.lien_pdf { background: url(img/pdf2.gif) left no-repeat;padding-left:35px;}

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

/*#faq input[name=rech]{width:450px;}
#faq input[name=bt_recherche]{width:100px;height:20px;}*/

/*************************************************  PAGES RESERVATION DE FORMATION  *************************************************/
#reservation{padding-left:10px;padding-right:10px;line-height:16px;}
#reservation h1{font-size:15px;}
#reservation h2{font-size:18px;line-height:24px;color:#333;text-align:center;}
#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;}

/*************************************************  FILS RSS  *************************************************/

div#reperes_rss {float:left;width:120px;margin-right:5px;color:#666666;font-size:10px;}
div#reperes_rss h2 {margin:0;font-size:16px;font-weight:bold;color:#666666;}
div#reperes _rssh3 {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_rss {float:left;width:440px;font-size:13px;line-height:18px;}
div#presentation_contenu_rss h2 {margin:8px 0; color:#006699; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:14px}
div#presentation_contenu_rss p {margin-top:5px;line-height:18px;}

#img-onglet-ie{  
    position :absolute;
    cursor: pointer;
    margin-top:-50px;  
    margin-left: 10px;   
    width:40px            
    }
    
#img-onglet-moz{  
    position:absolute;
    cursor: pointer;
    margin-top:-50px;  
    margin-left: 60px;   
    width:40px            
    }
#img-onglet-chr{  
    position:absolute;
    cursor: pointer;
    margin-top:-50px;  
    margin-left: 110px;   
    width:40px            
    }
 #images-onglets {
   border-bottom: 2px solid #c6eaac;;
   padding-top:60px;
   padding-bottom:20px;
 }
 
 #sliderIE li {
  width:380px; 
  height :290px;
 }
 
 #sliderMoz li {
  width:380px; 
  height :290px;
 }


/*************************************************  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; margin-top:5px;
}
#blocEmail {
	text-align: left;
}
#blocEmail #email {
	width: 300px;
}

.blocBtImprimer{
width:375px;text-align:center;padding-top:20px;
}

.btImprimer{
	float:left;position:relative;background-color:#BABE87;padding:0px;margin:10px;width:167px;height:42px;
}

div#tarifs-promo{}


#tarifs-promo .tarifs	{width:80px;border:#ccc 1px solid;text-align:right;font-weight:bold;padding-right:5px;}
#tarifs-promo .titreEntete{border:#ccc 1px solid;color:#ffffff;height:20px;font-weight:bold; font-size:18px;}
#tarifs-promo .entete	{border:#ccc 1px solid;color:#ffffff;font-weight:bold;text-align:center;}
#tarifs-promo .color30 {background-color:#FF9900;}
#tarifs-promo .color50 {background-color:#33BBFF;}
#tarifs-promo .tailleEntete {width:80px;}
#tarifs-promo .Btradio {width:10px;height:10px;}
#tarifs-promo input {font-weight:bold;font-size:11px;text-align:right;}

/*****************************************  FORMULAIRE HEBERGEMENT  ***********************************************/
#ConfirmationHebergement{padding-left:5px;padding-right:8px;padding-top:2px;}

#ConfirmationHebergement h2{font-size:14px;}

#ConfirmationHebergement li{
margin-left:50px;
list-style:decimal;
line-height:20px;
}

.TITREinscriptionHebergement{
	border-bottom: 2px dotted #858861;
	font-size: 14px;
	color: #858861;
	line-height: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

#backgroundPopupHeb{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0px;
left:0px;
background:#858861;
border:1px solid #858861;
z-index:101;/* pour être au dessus des menus qui sont à 100*/
}
#popupContactHeb{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:210px;
width:380px;
background:#FFFFFF;
border:2px solid #858861;
z-index:102;
padding:12px;
font-size:12px;
line-height:22px;
}

#popupContactHeb h1{
text-align:left;
color:#858861;
font-size:12px;
font-weight:700;
border-bottom:2px dotted #858861;
padding-bottom:2px;
margin-bottom:8px;
}
#popupContactCloseHeb{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#858861;
font-weight:700;
display:block;
cursor : pointer;
}


/*************************************************  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 h1 {margin-top:8px;}
#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;}


/*************************************************  RECRUTEMENT  *************************************************/
div#recrutement {padding: 10px; line-height: 16px; }
#recrutement h1 {margin-top:0px;}
#recrutement h2 {font-weight:bolder; font-size:11px; margin-bottom:0; padding-left:5px; border:0px solid; background: url(img/deg4.gif);}
#recrutement h3 {font-weight:bold; font-size:11px; margin-bottom:0;}
#recrutement 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; 
    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;
}
/************************************************ BASE CONNAISSANCE ************************************************/


#PresentationConnaissance{
  width:580px;
  background-color:#FFFFFF;
  text-align:left;
  padding:5px;
  font-family:  Arial, Helvetica, sans-serif;
}

#PresentationConnaissance li{
  list-style-image: url(img/flecheLien00.gif);
  margin-left:14px;
}

#PresentationConnaissance .themes{
  padding-bottom:15px;
  font-size:14px;
  font-weight: bold;
}


#PresentationConnaissance span.sous_themes{
  font-size:11px;
  margin-left:15px;
  cursor:pointer;
}
#PresentationConnaissance span.sous_themes_nb_articles{
  font-size:9px;
 
}


#PresentationConnaissance span:hover{
  color:gray;
}

#PresentationConnaissance div.contenant_articles{
  border-left:1px solid black;
  margin-top:3px;
  margin-left:30px;
}

#PresentationConnaissance span.articles a{
  font-size:10px;
   margin:3px;
}

#backgroundPopUpBaseConnaissance{
  position:fixed;   
  top:0px;
  _position:absolute; /* hack for internet explorer 6*/
  left:0px;
  height:100%;
  width:100%;
  background:#FFFFFF;
 /* filter:alpha(opacity=70);opacity:70;*/
  z-index:101;/* pour être au dessus des menus qui sont à 100*/
  visibility:hidden; 
  padding:0px;
  margin:0px;
}

#PopUpBaseConnaissance{
  position:fixed;  
   _position:fixed;
  z-index:102;
 /* visibility:hidden; */
  width : 800px;
  padding:5px;
  margin:0px;
  border:2px solid black;
  background:#FFFFFF;
  line-height : 15px;
  top : 30px;
 /* left :20%;*/
  
}
#TitrePopUpBaseConnaissance{
  width:100%; 
  border-bottom:1px dotted #858861; 
  padding-bottom:5px;
  margin-bottom:5px;
  cursor:move;
}

#PopUpBaseConnaissanceFerme{
  font-size:20px;
  font-weight:700;
  right:6px;
  top:4px;
  position:absolute;  
  display:block;
  cursor : pointer;
  color:#b10015;
}

#PopUpBaseConnaissanceFerme .Article_Precedent{
  padding:0px;
  cursor:pointer;
}

#PopUpBaseConnaissanceFerme .Article_Suivant{
  padding:0px;
  cursor:pointer;
}

/************************************************ Nouveautés PRONOTE 2011 ************************************************/
#Novo-PN2011{
  padding-top:160px;
  width:600px;
  margin-bottom:20px;
  border:none;
}
#Novo-PN2011 li{
color:#FFFFFF;
font-size:12px;
}

.TxtNovo_PN{
  display:none;
  padding-bottom:8px;
  width:400px;
}


.titreNovoforprint{
  display:none;
}

.imgNovo_PN{
margin-top:20px;border:none;
}

#imgNovo1_PN {
	background:	transparent url(img/PN2011-Nouveautes01.png) no-repeat top left;
}
#imgNovo2_PN {
	background:	transparent url(img/PN2011-Nouveautes02.png) no-repeat top left;
}
#imgNovo3_PN {
	background:	transparent url(img/PN2011-Nouveautes03.png) no-repeat top left;
}
#imgNovo4_PN {
	background:	transparent url(img/PN2011-Nouveautes04.png) no-repeat top left;
}
#imgNovo5_PN {
	background:	transparent url(img/PN2011-Nouveautes05.png) no-repeat top left;
}
#imgNovo6_PN {
	background:	transparent url(img/PN2011-Nouveautes06.png) no-repeat top left;
}
#imgNovo7_PN {
	background:	transparent url(img/PN2011-Nouveautes07.png) no-repeat top left;
}

/************************************************ Nouveautés HYPERPLANNING ************************************************/

#NouveautesHPfond {
  background: url(img/HP2012-nouveautes-fond.png) no-repeat ;
  margin:0px;
  margin-top:5px;
  margin-left:2px;
  padding:0px;
  height: 682px;
  width:600px;
}

#NouveautesHPFondCarres {
  position: absolute;	
  width : 100%;
  height: 100%;
}

#NouveautesHPdivtexte h2{	    /* h2 du texte central */
  font-family:Verdana, Arial, Geneva, sans-serif;
  font-weight:bold;
  font-size: 18px;
	padding-left:18px;
  color: #fff;
  margin-top:2px;
}

#NouveautesHPdivtexte {	
  position: absolute;	/* texte central */
  top: 165px;
  left: 110px;
  width:355px;
  height: 350px;
  font-family:Arial, Geneva, sans-serif;
  font-weight:bold;
  font-size: 11px;
  color: #fff;
  z-index:2;
}

#NouveautesHPdivtexte li{
  padding-bottom:7px;
	padding-left:0px;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  list-style-image:url(img/logoHP-12.png);
  list-style-position:outside;
  text-decoration: none;
  letter-spacing: 0pt;
	font-weight:normal;
}

#NouveautesHPdivtexteImp{
display:none;
}

.NouveautesHPimageTitre1 {
  opacity :0;
  filter:alpha(opacity=0); 
}

#NouveautesHPImageFondCadre {
  opacity :0;
  filter:alpha(opacity=0); 
}
                    

/******************************************   ASSISTANCE TEAM VIEWER   ********************************************/

div#TeamViewer{padding-left: 20px;padding-right: 10px; line-height: 16px; }