/*****************************
  Style Structure (DRN)
*****************************/
/* style Genérique */
body {
background-image:url(../Images/rayure-bg.gif);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
margin-top:13px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
/* texte par default */
font-size:10px;
color:#0081be;

}

img {
border:none;
}


a:link, a:visited{
text-decoration:none;
}

a:hover {
text-decoration:none;
}

/* ////////////////////////////
OMBRE CONTENEUR
////////////////////////////*/

.bd-gauche{
height:634px;
width:22px;
position:absolute;
top:0px;
left:0px;
background-image:url(../Images/bordure-gauche.png);
background-repeat:repeat-y;
}

.bd-droite{
height:634px;
width:22px;
position:absolute;
top:0px;
right:0px;
background-image:url(../Images/bordure-droite.png);
background-repeat:repeat-y;
}

.bd-bas{
height:22px;
width:968px;
position:absolute;
top:634px;
left:22px;
background-image:url(../Images/bordure-bas.png);
background-repeat:repeat-x;
}

.bd-angle1 {
height:22px;
width:22px;
position:absolute;
top:634px;
left:0px;
background-image: url(../Images/coin-infgauche.png);
background-repeat: no-repeat;
}

.bd-angle2 {
height:22px;
width:22px;
position:absolute;
top:634px;
right:0px;
background-image: url(../Images/coin-infdroit.png);
background-repeat: no-repeat;
}

/* ////////////////////////////
STRUCTURE 
////////////////////////////*/

.degrade-haut{
background-image:url(../Images/degrade-haut.png);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
width:100%;
height:255px;
}
.bordure {
	width:1012px;
	height:670px;
	position:relative;
	margin-left: auto; 
	margin-right: auto;
	}

.megaconteneur {
	width:100%;
	height:654px;
	position:absolute;
	top:0px;
	left:0px;
	}

.conteneur {
	width:1000px;
	height:634px;
	position:relative;
	top:29px;
	margin-left: auto; 
	margin-right: auto;
	background-color:#ffffff;
}

.bandeau {
height:143px;
width:831px;
position:absolute;
top:0px;
left:169px;
background-image: url(../Images/bandeau.gif);
background-repeat: no-repeat;
z-index:90;
}

.logo {
height:143px;
width:154px;
position:absolute;
top:0px;
left:0px;
background-image: url(../Images/logo.gif);
background-repeat: no-repeat;
}

.chemin{/* boite breadcrumb */
width:501px;
height:23px;
position:absolute;
top:138px;
left:489px;
font-size:10px;
z-index:100;
}

.footer {
text-align:right;
position:absolute;
bottom:3px;
right:6px;
}


.contenu { /*contient les articles */
position:absolute;
top:171px;
left:169px;
background-color:#ffffff;
width:815px;
height:443px;
/*overflow:auto;*/
}

/* ////////////////////////////
MENU
////////////////////////////*/

.menu{
position:absolute;
top:171px;
left:11px;
width:146px;
height:auto;
}

.btn-menu {height:105px;}

#offres { background-image: url(../Images/menu/mn-haut.jpg); background-repeat:no-repeat; width:146px; height:35px;}

.btn-conseil a:link, .btn-conseil a:visited {background: url(../Images/menu/bt-conseil.gif) 0 0px; width:146px; height:20px; display:block;}
.btn-conseil a:hover { background:url(../Images/menu/bt-conseil.gif) 0 20px; }
.btn-conseilOn a:link, .btn-conseilOn a:visited{ background:url(../Images/menu/bt-conseil.gif) 0 40px; width:146px; height:20px; display:block;}

.btn-integration a:link, .btn-integration a:visited {background: url(../Images/menu/bt-integration.gif) 0 0px;width:146px; height:15px; display:block;}
.btn-integration a:hover { background:url(../Images/menu/bt-integration.gif) 0 15px; }
.btn-integrationOn a:link, .btn-integrationOn a:visited {background: url(../Images/menu/bt-integration.gif) 0 30px;width:146px; height:15px; display:block;}


.btn-helpdesk a:link, .btn-helpdesk a:visited {background: url(../Images/menu/bt-helpdesk.gif) 0 0px; width:146px; height:15px; display:block;}
.btn-helpdesk a:hover { background:url(../Images/menu/bt-helpdesk.gif) 0 15px; }
.btn-helpdeskOn a:link, .btn-helpdeskOn a:visited {background: url(../Images/menu/bt-helpdesk.gif) 0 30px; width:146px; height:15px; display:block;}


.btn-formation a:link, .btn-formation a:visited {background: url(../Images/menu/bt-formation.gif) 0 0px; width:146px; height:20px; display:block;}
.btn-formation a:hover { background:url(../Images/menu/bt-formation.gif) 0 20px; }
.btn-formationOn a:link, .btn-formationOn a:visited {background: url(../Images/menu/bt-formation.gif) 0 40px; width:146px; height:20px; display:block;}


.lien-menu{
background-image:url(../Images/menu/bg-menu.gif);
background-repeat:repeat-y;
width:146px;
}

.mn-bas{
background-image: url(../Images/menu/mn-bas.gif);
background-repeat: no-repeat;
width:146px;
height:15px;
}

.rubriquemenu a:link, .rubriquemenu a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
text-decoration:none;
padding-top:3px;
padding-left:18px;
display:block;
color:#0081be;
}

.rubriquemenu a:hover{
color:#ea5f28;
}

.SectionMenu_SelectedMenuItem
{
	font-weight: bold;
}


/* ////////////////////////////
RECHERCHE
////////////////////////////*/
.recherche{
width:131px;
position:absolute;
left:15px;
}
.search_input {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#0081be;
width:106px;
height:16px;
background-image: url(../Images/rayure-bg.gif);
background-repeat: repeat;
border:none;
}

/* ////////////////////////////
SOUS MENU DES PAGES 
////////////////////////////*/
.ssmenu {
height:33px;
width:650px;
font-size:11px;
color:#0081be;
font-weight:bold;
text-transform:uppercase;
}

.ssmenu a:link, .ssmenu a:visited  {color:#99ccff; text-decoration:none;}
.ssmenu a:hover {color:#0081be; text-decoration:none;}

/* premier onglet */
.first{
display: inline-block;
width:auto;
height:33px;
background-image:url(../Images/bg-ssmenu-first.gif);
background-repeat:no-repeat;
padding-left:32px;
padding-right:12px;
padding-top:6px;
}

/* 2eme et 3eme */
.second, .third {
display: inline-block;
width:auto;
height:33px;
background-image:url(../Images/bg-ssmenu-second.gif);
background-repeat:no-repeat;
padding-left:32px;
padding-right:12px;
padding-top:6px;
}


/* ////////////////////////////
ELEMENT DE BACK OFFICE (edit html / login ...)
////////////////////////////*/

.zoneEditHtml table a:link, .zoneEditHtml table a:visited, .zoneEditHtml table a:hover{
color:#FF0000;
text-decoration:none;
position:absolute;
left:-150px;
bottom:0px;
display:block;
width:auto;
}

/*.Content_HtmlTextBox{
z-index:99;
}*/
/* ////////////////////////////
STYLE DE TEXTE
////////////////////////////*/

/* Pied de page et bradcrumb */
.infos {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#0081be;
text-transform:uppercase;
}

.infos a:link, a:visited, a:active{
color:#0081be;
text-decoration:none;
}

.infos a:hover{
color:#0081be;
text-decoration:underline;
}

.BreadCrumb a:link, visited{ color:#999999; text-decoration:none;}
.BreadCrumb a:hover{ color:#0081be; text-decoration:none;}

/* ////////////////////////////
PAGE OFFRE
////////////////////////////*/

.conteneurTexte {
position:relative;
top:5px;
left:40px;
width:430px;
height:350px;
line-height:15px;
}

.conteneurTexte a:link, .conteneurTexte a:visited {
text-decoration:underline;
color:#0081be;
}

.conteneurTexte a:hover {
text-decoration: none;
color:#ff6633;
}

.conteneurTexte p{
font-size:11px;
text-align:justify;
color:#0081be;
margin-top:4px;
margin-bottom:10px;
padding-left:10px;

}

.intro{
font-size:11px;
line-height:15px;
}
.titre{
text-transform:uppercase;
}

.conteneurTexte .titre{
font-size:11px;
line-height:16px;
padding-left:10px;
font-weight:bold;
color:#ff6633;
border-left: #9ECFE6 thin solid ;
}
.conteneurTexte li {
text-align:justify;
font-size:11px;
list-style-type: none;
list-style-image: url(../Images/puce.gif);
list-style-position:outside;
margin:0px;
padding:0px;
}
.conteneurTexte ul {
margin-left:28px;
margin-top:5px;
margin-bottom:10px;
padding:0px;
}

/* Encadré bas de page */
.blocBas{
position:absolute;
top:360px;
left:30px;
width:100%;
height:76px;
padding-left:20px;
padding-top:7px;
background-image:url(../Images/fleche-encadre-bas.gif);
background-position:top left;
background-repeat:no-repeat;
}

.blocBas p a:link, .blocBas p a:visited  {
color:#0081be;
text-decoration:none;
}

.blocBas p a:hover {
color:#ff6633;
text-decoration:none;
}


.blocBas span{
margin-right:20px;
width:auto;
height:60px;
float:left;
}

.blocBas div{
padding-bottom:8px;
}

.blocBas imageBas {
background-color:#CCCCCC;
padding-top:0px;
}
.blocBas span p {
position:relative;
left:-10px;
font-size:9px;
width:185px;
padding:0px;
margin:0px;
float:left;

}

/* deco séparation */
.decoPage{
position:absolute;
top:290px;
left:0px;
/*background-image:url(../Images/spirale-bas-page.jpg);
background-repeat:no-repeat;*/
width:100%;
height:71px;
z-index:0;
}
/* ////////////////////////////
PAGE ACCUEIL
////////////////////////////*/


/* Encadré bas de page */
.blocBasAccueil{
position:absolute;
top:330px;
left:30px;
width:100%;
height:107px;
padding-left:20px;
padding-top:7px;
background-image:url(../Images/fleche-encadre-bas.gif);
background-position:top left;
background-repeat:no-repeat;
}

.blocBasAccueil .titre{
padding-bottom:7px;
text-transform:uppercase;
}


.blocBasAccueil span p a:link, .blocBasAccueil span p a:visited{
color:#0081BE;
}
.blocBasAccueil span p a:hover {
color:#ff6633; text-decoration:none;
}

/*.titreActu a:hover {color:#0081be;}*/

.blocBasAccueil .titreActu, .blocBasAccueil .titreActu a:link, .blocBasAccueil .titreActu a:visited {
color:#ff6633;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:5px;
}

.blocBasAccueil .titreActu a:hover {
color:#0081be;
text-decoration:none;
}

.blocBasAccueil span{
margin-right:15px;
width:240px;
height:60px;
float:left;
}

.blocBasAccueil span p{
margin:0px;
padding:0px;
}



.banniereAccueil{
position:absolute;
left:514px;
top:0px;
width:267px;
height:107px
}

.diaporama{
position:absolute;
left:0px;
top:0px;
width:815px;
height:324px
}
/* ////////////////////////////
CARRIERES
////////////////////////////*/
.conteneurListe {
position:relative;
top:5px;
left:40px;
width:500px;
height:360px;
overflow:auto;
}
.conteneurListe .titre{
font-size:11px;
padding-left:10px;
padding-bottom:5px;
font-weight:bold;
color:#ff6633;
border-left: #9ECFE6 thin solid ;
margin:0px;
}

.description{
width:420px;
text-align:justify;
font-size:11px;
line-height:15px;
padding-top:0px;
padding-left:10px;
margin:0px;
}
.content{
position:relative;
top:10px;
left:40px;}

.info{
font-size:11px;
margin-left:10px;
}

.info a:hover {
color:#ff6633;
}
.info a:link, .info a:visited {
color:#0081be;
text-decoration:none;
}

/* ////////////////////////////
WebBOXES
////////////////////////////*/
/* ACTU = Page d'accueil */
.sis-wb{ 
position:absolute;
top:33px;
right:30px;
width:230px;
height:auto;
z-index:80;
}

.webBoxe{ 
width:185px;
display: block;
margin-left:30px;
}

.webBoxe .titre{ 
color:#ff6633;
margin-bottom:5px;
}

.webBoxe a:link, .webBoxe a:visited { color:#0081BE; text-decoration:none;}
.webBoxe a:hover { color:#ff6633; text-decoration:none;}

.separationWebBoxe{
margin-top:10px;
margin-bottom:10px;
width:185px;
height:1px;
background-image: url(../Images/pixel-orange.gif);
background-repeat: repeat-x;
background-position:center;
}