/* reset */
@import url("../reset.css");
@import url("../Stylesheet.css");

body {
	background: White url(images/background.png) repeat-x;
	font: normal 75% "Lucida Grande","Lucida Sans Unicode", Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333333;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	border-bottom: 0 !important;
	font-weight: normal;
}

h1 { font-size: 2em;}
h2 { font-size: 1.7em;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1em;}
h6 { font-size: 1.5em;}

h1, h2, h3  {
 color: #00394f; 
}
h4 { color: #00394f; }
h5 { color: #666; }
h6 { color: #007db1;}

a 
{
    color: #00394F;
}
a.aActu
{
    color: #8CC63F;
}
a:hover
{
    color: #1871BA;
}

a:visited
{
    color:#00394F;
}

li { list-style: none; }

strong { color: #666; font-size: 12px; font-family: Arial; }

blockquote
{
    font-weight: bold;
    background: 1px solid white;
    padding: 10px;
    font-style: normal;
    margin: 4px;
}

blockquote em
{
    font-style: italic;
}
h6.contentText
{
    font-family: Arial;
    font-size: 16px;
    padding-bottom:5px;
}

/*** identifier classes 
/*************************************/

.bodyPlace
{
    
    width: 980px;
    margin: 0 auto;
    
}

.PageContent
{
 
   background-image: url(images/contenu.png);
   background-repeat: repeat-y;
   /*background-color: White;*/
   width:980px;
   height: 100%;
   float:right;
   clear:both;
   padding-bottom:30px;
  
  
   
 
}

.HomeLogo{
    padding-left:30px;
    margin-top:30px;
    margin-bottom: 4px;
}
.UpperNavigation
{
   
}
.MenuSociete  
{
  clear: both;
  position: relative;
  bottom: 0px;
  left: 0px;
}
.LowerNavigation
{
    clear: both;
    padding-left: 10px;
}

.CenterPanel 
{
    
    
}

.Header
{
    height: 189px;
    margin-bottom: 1px;
    width:980px;
    background: url("images/fond-header.png") no-repeat;
}




.Header .HomeLogo
{
    /*margin-top: 12px;*/
    margin-left: 5px;
    float: left;
}

.Header .AreaSelection 
{
    float: left;
    margin-left: 200px;
    padding : 7px;
}


.CommunityMenu
{
    position: absolute;
    top: 0;
    right: 4em;
    background: transparent url("images/upper_menu.png") no-repeat;
    display: block;
    float: right;
    width: 230px;
    height: 41px;
    padding: 2px 20px;
}

.CommunityMenu li 
{
    float: left;
    margin: 2px 10px;
    list-style: none;
}

.CommunityMenu li a
{
    color: #666666;
    text-decoration: none;
}

.CommunityMenu li a:hover
{
    color: Black;
}


.LowerNavigation 
{
    width: 980px;
    height: 32px;
  	clear: both;
	background: url("images/fond-menu.png") no-repeat;
   
}

.Header .MainMenu 
{
    position: relative;
	display: block;
	/* ff hack for click loginstatus, resolve with z-index ? */
	width: 980px;
}

.Header .MainMenu ul
{
    width: 980px;
}

/* connection */
.Header .ConnectionInfo 
{
    clear: both;
    position: relative;
    float: right;
    right: 0;
    bottom: 2;
    background: url('layout/header_logo-stgob.png') no-repeat right top;
}

.Header .ConnectionInfo a 
{
    text-decoration: none;
}

.Header .ConnectionInfo a:hover 
{
    text-decoration: underline;
}

.Header .ConnectionInfo .LoginStatus
{
    /*font-weight: bold;*/
    margin-right: 0.5em;
}


.Header .ConnectionInfo .UserFullname 
{
    position: relative;
    top: 37px;
    color: White;
    font-weight: normal;
    font-size: 110%;
    text-decoration: none;
    margin-right: 0.5em;
}


.SubMenu .MenuHeader
{
    font: font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	font-weight: bold;
	font-size: 100%;
}





.Footer
{
    background: #c8c8c8 url(images/footer.png) no-repeat;
    color: #555555;
    width: 980px;
    height: 190px;   
   clear:both;
    
    
}
.Footer ul
{ 
  
}
.Footer li
{
    
    text-decoration: none;
    list-style: none;
    color: White;
   font : 0.8em bold Tahoma, Verdana, Arial, Sans-serif;
}
.liTitle
{
    color:#00394F;
}
.liTitleGroupe li a
{
    color:#00394F;
}
.connexionFormTitle
{
   color:#00394F;
   width: 100%;
   padding-left: 180px;
   
   
}
.Footer li a
{
    display: inline;
    text-decoration: none;
    list-style: none;
    font : 0.8em bold Tahoma, Verdana, Arial, Sans-serif;
    color: white;
   
   
}

.Footer li a:hover
{
   color: White;
}
.UpperFooter
{
    width: 980px;
    padding-top: 10px;
    height: 140px;
}
.LowerFooter
{
    width: 100%;
    float: right;
}
.UpperFooter li
{
    font : 0.8em bold Tahoma, Verdana, Arial, Sans-serif;
}
.UpperFooter .liTitle
{
    font : 1em bold Tahoma, Verdana, Arial, Sans-serif;
    color:#00394F;
    /*list-style-image: url(images/puce_sitemap.png);*/
}
.footerMenu li 
{    
   font : 1em bold Tahoma, Verdana, Arial, Sans-serif;
    color:white;
    
}
.Footer ul.footerMenu
{   
    float: right;
       
    padding-top: 10px;  
    margin: 0 10px 0 0;    
}

.footerMenu li
{   display: inline;
    padding-left: 40px;
}
/**************2 colonnes *********/
.colMainSingle
{
    float: left;
    width: 920px;
    padding: 0 0 0 0; 
    margin: 30px 30px 0 30px;
   
}
.ColMainDeuxColonnes
{
    float: left;
    width: 730px;
    padding: 0 0 0 0; 
    margin: 30px 30px 0 30px;
}

.ColLatteralDeuxColonnes
{
    /*border-right: 1px solid #E3E3E3;*/
    background-color: transparent;
    float: right;
    width: 190px;
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
    /*left: -1px;*/
}
.ColLatteralDeuxColonnesGauches
{
    float:left;
    width: 200px;
}

.ColMainGauche
{
    width: 720px;
    float:left;
    margin: 30px 30px 0 30px;
}
/******** master page à trois colonne *******/

.ColLatteralGauche
{
   /*border-right: 1px solid #E3E3E3;*/
    background-color: white;
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
    /*left: -1px;*/ 
    float:left;
    width: 200px;
    background-color: white;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
}


.ColMainTroisColumn
{
    float: left;
    width: 530px;
    padding: 30px 30px 0 30px; 
    margin: 0 auto;
    
}


.ColLatteralDroite
{
    /*border-right: 1px solid #E3E3E3;*/
    background-color: transparent;
    float: right;
    width: 188px;
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
    /*left: -1px;*/
}

/****** fin master page à trois colonne ********/

/** Generic Evacuatio classes
 */
.grayPanel 
{
    background: #F0F0F0 url("images/grayframe_bg.png") repeat-x top;
    padding: 5px;
    border: 1px solid #D6D6D6;
    margin: auto;
    /*width: 92%;*/
}

.vertEvacuatio 
{
    color: #7DB956;
}

.roseEvacuatio
{
    color: #E1007A;
}

.pagelinkTitle
{
    font-size: 110%;
    font-weight: bold;
}

.followLink
{
    background: transparent url("images/bt_link.png") no-repeat;
    font-weight: bold;
    padding-left: 30px;
    display: block;
    height: 20px;
    margin: 4px 2px;
}

li.none { list-style-type: none; }

ul.evapuce li,
li.evapuce
{
    list-style-image: url("images/li.png");
}

/* todo: AJOUTER LES BG */
blockquote.green
{
    background-color: #368C1F;
    color: White;
}

blockquote.white
{
    background-color: White;
    color: #666;
    margin: 4px;
    border: 1px solid #999;
}

.photoGallery
{
    color: #777;
    padding: 4px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #ddd;
    background-color: #f0f0f0;
}
    
    

.whiteButton 
{
    margin: 4px;
	display: block;
	text-indent: 8px;
	width: 151px;
	height: 26px;
	border: 0;
	/*padding: 20px 10px 0px 70px;*/
	text-decoration: none;	
	background: transparent url("images/bouton_wh.gif") no-repeat;	
	/*font-weight: bold;*/
	color: #222;
	vertical-align: bottom;
	line-height: 25px;
	white-space: nowrap;
	font-weight: bold;
}

/* éléments de contenu */
.banniere
{
    width: 730px;
    height: 200px;
}

.UpperContent
{
    margin-top: 10px;
}
.lastContent
{
    clear: both;
}
.colInfoSociete
{
   
    margin: 0 0px 0 0px;
}
.colInfoSociete ul
{
    margin: 5px 0 0 0 ;
    width:90%;
}
.contentTextHeader{
    width: 80%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.contentTextHeader img
{
    width: 12px;
}
.ColLatteralDeuxColonnes h4
{
    margin-top: 10px;
    margin-bottom: 0px;
   /* margin-left: 20px;*/
   text-align: center;
    
}
.confianceClients
{
    background-color: White;
    width:188px;
    height:100px;   
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;      
    margin-top: 5px;
    float: right;
}
.confianceClients.second
{
    padding-left:10px;
}
.confianceClients ul 
{
    padding-top: 20px;
    
    
}
.confianceClients ul li 
{
    width: 120px;
    height: 42px;
    margin: 0 auto;
    
}
.logoClients
{
    width:120px;
    height:42px;
    margin: 0 auto;
    
}
.promotionPoleAccueil
{
	background: transparent url(images/creation-site-web-telionet.png) no-repeat;
    width: 350px;
    height: 150px;
    float:right;
    padding: 0px 0px 0px 0px;
	border: 1px solid #E3E3E3;
}
.promotionPoleAccueil p
{
    width:200px;
    padding-left:10px;
}
.promotionPoleAccueil ul
{
    width:200px;
    margin: 0 auto;
    padding-bottom:10px;
}
.identiteSociete
{
    background: transparent url(images/identite-groupetelio.png) no-repeat;
    width: 350px;
    height: 150px;
    float:left;
    padding: 5px 0px 5px 0px;
}
.identiteSociete p
{
    width:200px;
    padding-left:10px;
}
.identiteSociete ul
{
    width:200px;
    margin: 0 auto;
    padding-bottom:10px;
}
.recrutementSociete
{
    background: transparent url(images/recrutement-informatique.png) no-repeat;
    width: 350px;
    height: 150px;
    float:right;
    padding: 5px 0px 5px 0px;
   
}
.recrutementSociete p
{
    width:230px;
    padding-left:10px;
}
.recrutementSociete ul
{
    width:200px;
    margin: 0 auto;
    padding-bottom:10px;
}
.liDate
{
    color: #00394f;   
    font: normal 1em Tahoma, "Trebuchet MS", Helvetica, Arial,sans-serif;
   /* list-style-image: url(images/puce_news.png);*/
}
.liInfos
{
    color: #00394f;   
    font: bold 0.8em Tahoma, "Trebuchet MS", Helvetica, Arial,sans-serif;
    list-style-image: url(images/puce_news.png);
}
.liInfos a
{
    text-decoration: none;
}

.LowerContent
{
    clear:both;
    width: 730px;
}
h2.lowerContentTitle
{
    color:#F7B347;
    padding-left: 10px;
	padding-top: 5px;
    
}

.lowerContentTitle
{
    margin: 20 0 2 2;
}
.colLatContent
{
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;    
    width: 188px;
    height:440px;
   
}
h5.padRight
{
    padding-left: 5px;
}
.justify
{
    text-align: justify;
    
}
/******* page accueil poles *******/
p.justify
{
    margin-bottom: 0px;
    padding-top: 10px;
}
.cadreSociete
{
    background: white;
    border: 1px solid #E3E3E3;    
    width: 250px;
    margin-left:30px;
    margin-top: 10px;
}
.cadreSociete h4
{
    padding: 5px 0 0 5px;
    margin-bottom: 0px;
}
.cadreSociete ul
{
    margin-bottom: 5px;
}
.cadreSociete .liContact
{
    margin-top: 0px;
}
.cadrePoles
{
    background: white;
    border: 1px solid #E3E3E3;
    width: 350px;
    height: 190px;
}
.promotionPoles
{
	margin-top: 5px;
	background:white;
	background: transparent url(images/Net/telionet-creation-web.png) no-repeat;
	border: 1px solid #E3E3E3;
	width: 188px;
	height: 110px;
}

.UpperContentPoles
{
    margin-top: 10px;
    width: 730px;
    height: 190px;
}
.UpperContentPoles h3
{
    padding-left: 5px;
    padding-top: 2px;
}
.LowerContentPoles h3
{
    padding-left: 5px;
    padding-top: 2px;
}
.LowerContentPoles
{
    margin-top: 10px;
    width: 730px;
    height: 190px;
}
p.paragraphePoles
{
    padding: 0px 10px 10px 10px;
    width: 55%;
}
ul.paragraphePoles
{
    margin: 0px 10px 10px 10px;
    width: 55%;
    
}
ul.paragraphePoles li
{
    list-style-image: url(images/puce_news.png);
    margin-top: 2px;
}
img.imagesPoles
{    
    width: 130px;
    height: 100px;
    position:relative;
    top: 23%;
}
.posBas
{
    height: auto;
}
.banniereTek
{
    background: transparent url(images/Tek/banniere-presentation-teliotek.png) no-repeat;
}
.banniereNet
{
     background: transparent url(images/Net/banniere-presentation-telionet.png) no-repeat;
}
.banniereSoft
{
     background: transparent url(images/Soft/banniere-presentation-teliosoft.png) no-repeat;
}
.margePoles
{
    float:right
}

h1.titrePoles
{
    padding: 30px 0px 0px 30px;
}

.liNews
{
    list-style-image: url(images/puce_news.png);
    /*background: url(images/puce_news.png) left no-repeat;*/
    margin-top: 10px;
}

.liContact
{
    list-style-image: url(images/puce_news.png);
    margin-top: 5px;
}

.spanContact
{
   color: #00394f;   
   font: bold 1em Tahoma, "Trebuchet MS", Helvetica, Arial,sans-serif;
}
.NewsSmall
{
    margin-left: 30px;
}
img.NewsSmall
{
    background-image: transparent url(images/puce_news.png)left no-repeat;
}
.contactLeftContent p
{
    margin: 0 0 10px 0;
}
.contactLeftContent h4
{
    margin: 0 0 2px 0;
    color:#00394f;
    font:bold 1.2em Tahoma, "Trebuchet MS", Helvetica, Arial,sans-serif;
}
.spanNews{
    color: #00394f;   
    font: bold 1em Tahoma, "Trebuchet MS", Helvetica, Arial,sans-serif;
    padding-left:0px;
    width: 250px;
}

.separateur
{
     clear: both;
     background: transparent url(images/liseret.png) no-repeat;
     width: 530px;
     height: 1px;
     margin-bottom:10px;
}
.separateurLong
{
     clear: both;
     background: transparent url(images/liseret730.png) no-repeat;
     width: 730px;
     height: 1px;
     margin-bottom:10px;
}
.separateurLongGauche
{
     clear: both;
     background: transparent url(images/liseret730.png) no-repeat;
     width: 720px;
     height: 1px;
     margin-bottom:10px;
}

.separateur680
{
     clear: both;
     background: transparent url(images/liseret730.png) no-repeat;
     width: 680px;
     height: 1px;
     margin-bottom:10px;
}
.separateurVide
{
     clear: both;     
     width: 730px;
     height: 1px;
     margin-bottom:5px;
}

.contactLeftContent
{
    padding: 5px 5px 5px 5px;
}


.sous-titre
{
    padding-top: 10px;
    width: 100%;
   
}
.sous-titre img
{
   width: 7px;
   height: 7px;
   float: left;
   padding-top: 6px;
    
}
.sous-titre h3
{
    
    float:left;
    padding-left: 10px;
    margin-bottom: 10px;
    
}

.border-degrade-left
{
    background: url(images/vertical-border.png) left no-repeat;
    width: 33%;
    height: 170px;
    
}
.cadreSmall
{     
    background: white;
    border: 1px solid #E3E3E3;
    background: white; 
    height: 300px;    
}
.contactPanel2
{
    margin: 0 10px 0 10px;
    width: 220px;
}
.contactPanel2 ul
{
    
}
.contactPanel3
{
    width: 270px;
    margin-bottom:10px;
}
.contactPanel1
{
    margin-left: 0px;
    width: 210px;
}
.contactPanel1 p
{
    padding-left: 10px;
    margin-bottom: 5px;
}
.UpperContentContact h3
{
    padding: 5px 0px 0px 5px;
    margin-bottom: 10px;
}
.UpperContentContact
{
    width: 100%;    
    margin-bottom: 0;    
}
.LowerContentContact{
    margin-top : 30px;
    clear: both;
    width: 730px;
    height: 350px;
}
#mapIframe
{
  clear:both;  
   border: 1px solid #E3E3E3;
   margin-top: 10px; 
   width: 530px;
   height: 350px;
}

.checkboxlistBackground
{
    background: url(images/checkboxlist-background.png) no-repeat;
    width: 730px;
    height: 170px;
    
}

.checkboxlistBox
{
    padding-top: 5px;
    padding-left: 5px;
    width:235px;
}

.contentAddress
{
    margin: 30px 30px 30px 30px;
}

.sfPanelMiddle
{
    background: url(images/savoir-faire/savoir_faire_cadre_fiche_id.png) no-repeat;
    width: 482px;
    height: 150px;
}
.sfPanelMiddle h2
{
    padding: 2px 0 0 5px;
}
.sfPanelMiddle li
{
    display: inline;
}
.sfPanelMiddle p
{
    padding: 0 5px 0 5px; 
}
.sfPanelsmall
{
    background: url(images/savoir-faire/savoir_faire_cadre_moyen.png) no-repeat;
    width: 234px;
    height: 150px;
}

.ascenseur
{
    overflow: auto;
    height: 114px;
}

.sfPanelsmall h2
{
   padding: 2px 0 0 5px; 
}
.sfPanelsmall p
{
   padding: 0 5px 0 5px; 
}
.sfPanelLarge
{
   
   background: url(images/savoir-faire/savoir_faire_cadre_autres_technos.png) no-repeat; 
   width: 730px;
   height: 60px;
}
.sfPanelLarge
{
    padding: 2px 0 0 5px; 
}
.sfPanelLarge li
{
    display: inline;
}

.liSF
{
    list-style-image: url(images/puce_news.png);
   
    
}

.tdLeft
{
    width: 20%;
}
.tdRight
{
    width: 80%;
}

.identity
{
    width: 95%;
}