/*
 * Feuille de style du site EOX
 */
 
/* DEFINITIONS GENERALES */

body {
	background-color: #628192;  /*  Bleu sur les cotés  */
	font-family:Arial,Helvetica,sans-serif;
	margin: 0;/*sinon bord tournant*/
}

a {
	text-decoration: none;
    margin: 0px;
	color: #49626F;
}

a:link {
	color: #49626F;
}
a:hover {
	color: #000000;
}
a:active {
	color: #49626F;
}
a:visited {
	color: #49626F;
}


a img{
    border : none;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

/* SOLUTIONS ---------------------------------------------------------------------*/	
th /* Les cellules d'en-tête */
{
    background-color: #ffffff;
    font-size: 1.1em;
    text-align: center;
    vertical-align: center;
}
.table_solution{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    margin: 1px;
}
.onglet_solution{ /*  Pour les solutions  */
    padding: 10px;
	border-top: 1px solid #ea670c;
	border-left: 1px solid #ea670c;
	border-right:1px solid #ea670c;
	border-bottom: 1px solid #ffffff;
}
.onglet_no_solution{
    padding-bottom: 5px;
	border-bottom: 1px solid #ea670c;
}
.solution_descriptif{
    padding: 25px;
	border-top: 1px solid #ea670c;
	border-left: 1px solid #ea670c;
	border-right:1px solid #ea670c;
	border-bottom: 1px solid #ffffff;
}
.detail_solution{
    text-align: right; /* Pour aligner à droite ma signature */
    font-size: 80%;
    border-left: 1px solid #ea670c;
	border-right:1px solid #ea670c;
	border-bottom: 1px solid #ea670c;
    padding-right: 15px;
    padding-bottom: 15px;
}

/* PARTENAIRES ---------------------------------------------------------------------*/	
#partenaire /* Pour les logos des partenaires.. */
{
	margin : 10px;
}
.partenaire_table{
	margin: auto;
	margin-top : 30px;
	margin-bottom : 30px;
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
.partenaire_table tr /* Les cellules d'en-tête */
{
    font-size: 1.2em;
    text-align: center;
    vertical-align: center;
	padding : 20px;
}
.partenaire_table td /* Les cellules d'en-tête */
{
	padding : 10px;
}
.detail_partenaire{
    text-align: right; /* Pour aligner à droite ma signature */
    font-size: 80%;
    padding-right: 15px;
    padding-bottom: 0px;
}
.img_float_right{
	float : right;
	padding : 20px;
}
.imageblock{
	display : block;
	text-align : center;
}
.tableau_websense{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
.tableau_websense thead td{
    font-size: 1.3em;
    text-align: center;
	padding : 10px;
	color : #EA670C;
	border : 1px solid #628192;
	background-color : #C5CCD2;
}
.tableau_websense tbody{
    font-size: 1.1em;
    text-align: center;
}
.tableau_websense tbody td{
	border-top: 1px solid #628192;
	border-left: 1px solid #628192;
	border-right:1px solid #628192;
	border-bottom: 1px solid #628192;
	padding : 10px;
}

fieldset
{
	margin-bottom: 20px; /* Une marge pour séparer les fieldset */
	background-color: #FFFFEF;
	padding: 20px;
}



.coulOrange {
	color: #EA670C;
	}
.coulRouge {
color: #FF0000;
	}
.coulNoir {
	color: #000000;
	}
.coulBlanc {
	color: #FFFFFF;
	}
.coulBleu {
	color: #005A98;
	}
	
/* CADRE ------------------------------------------------------*/	
#cadrefond {
	margin: 20px auto 0 auto;
	position: relative;
	width: 1094px;/*OLD : 883*/
	height: 613px;
	background-color: #ffffff;
}
#cadrefondtop {
	position: absolute;
	top: 0px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 883px;
	height: 17px;
}
#cadreDroit {
	position: absolute;
	top: 25px;/*du haut de l'image*/
	left: 883px;/*du bord de l'image*/
	width: 211px;
	height: 642px;
}
#cadrefondbottom {
	position: absolute;
	top: 613px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 211px;
	height: 17px;
}
#cadrelogo {
	position: absolute;
	top: 17px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 161px;
	height: 109px;
	}
#cadreombre {
	position: absolute;
	top: 154px;/*du haut de l'image*/
	left: 185px;/*du bord de l'image*/
	width: 26px;
	height: 476px;
	}
	
#baspageTxt {/* ISO..         -               Eox partners 2008 */
	width: 672px;
	height: 30px;
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-right: 0px;/*marge DROITE du texte*/
	padding-bottom: 0px;
	color: #C5CCD2;
	font-size: 11px;
	text-align: center;	
	/*font-weight: bold;	/*font-style: italic;*/
	}
	
	
	
#baspageTxt a {
	color: #C5CCD2;
}
#baspageTxt a:hover {
	color: #4C5052;
}
	
	
#hautpageMenu {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-bottom: 10px;
	color: #49626F;
	font-size: 10px;	/*font-weight: bold;*/
	line-height: 15pt;
}
#hautpageMenu2 {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-bottom: 4px;
	color: #49626F;
	font-size: 10px;	/*font-weight: bold;*/
	line-height: 10pt;
}
	
	
	
    /* MENU GAUCHE------------------------------------------------------*/	
	
#menuSelectionON {
	background-image: url(../images/menu-selectionorange.gif);
}
#menuSelection {

}
	
#menu1 {
	position: absolute;
	top: 146px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 211px;
}
	
#menu0Titre {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 27px;/*marge GAUCHE du texte*/
	padding-bottom: 7px;
	color: #49626F;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 10pt;
}
	
#menu1Titre {
	padding-top: 8px;/*marge HAUTE du texte*/
	padding-left: 27px;/*marge GAUCHE du texte*/
	padding-bottom: 2px;
	color: #49626F;
	font-size: 13px;	/*font-weight: bold;*/
	line-height: 11pt;
}

#menu1TitreON {
	padding-top: 8px;/*marge HAUTE du texte*/
	padding-left: 27px;/*marge GAUCHE du texte*/
	padding-bottom: 2px;
	color: #49626F;
	font-size: 13px;	
	font-weight: bold;
	line-height: 11pt;
}
	
#menu2sousTitre {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 25px;/*marge GAUCHE du texte*/
	padding-right: 25px;/*marge GAUCHE du texte*/
	padding-bottom: 9px;
	color: #D75E09;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 9.25pt;
}

#menu2sousTitre2 {
	padding-top: 8px;/*marge HAUTE du texte*/
	padding-left: 25px;/*marge GAUCHE du texte*/
	padding-bottom: 9px;
	color: #FF0000;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 9.25pt;
}

#menu21lien {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 25px;/*marge GAUCHE du texte*/
	padding-bottom: 9px;
	color: #49626F;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 10pt;
}

#menu21lienHomebis {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 25px;/*marge GAUCHE du texte*/
	padding-bottom: 3px;
	color: #49626F;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 10pt;
}

#menu22lien {
	padding-top: 0px;/*marge HAUTE du texte*/
	padding-left: 25px;/*marge GAUCHE du texte*/
	padding-bottom: 9px;
	color: #49626F;
	font-size: 10px;	/*font-weight: bold;*/
	line-height: 9.25pt;
}
	
#menu3filet {
	padding-top: 6px;/*marge HAUTE du texte*/
	padding-bottom: 7px;
}
	
.menuEspace {
	padding-top: 0px;/*marge HAUTE du texte*/
	background-image: url(../images/menu-filetorange.gif);
}

	/* DROIT ------------------------------------------------------*/	
#droit1Titre {
	padding-top: 20px;/*marge HAUTE du texte*/
	padding-left: 15px;
	text-align :left;
	/*padding-bottom: 7px;*/
	color: #005A98;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 3px;
	/*line-height: 10pt;*/
}

#droit1Titre1Ligne {
	padding-top: 15px;/*marge HAUTE du texte*/
	padding-left: 15px;
	/*padding-bottom: 7px;*/
	color: #005A98;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 15px;
	/*line-height: 10pt;*/
}

#droit2Titre {
	
	padding-left: 15px;
	color: #EA670C;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
	/*line-height: 10pt;*/
}
	
#droit2News {
	padding-top: 10px;/*marge HAUTE du texte*/
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #000000;
	font-style: italic;
	font-size: 11px;	/*font-weight: bold;*/
	line-height: 13pt;
}
.img_float_right
{
   float: right;
   padding : 10px;
}
	
	
	/* BANDEAU  ------------------------------------------------------*/
#bandeau {
	position: absolute;
	top: 0px;/*du haut de l'image*/
	left: 211px;/*du bord de l'image*/
	width: 672px;
	height: 154px;
}

#bandeauTxt1 {
	position: absolute;
	top: 27px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 27px;
	color: #005A98;
	line-height: 30pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt1-1ligne {
	position: absolute;
	top: 62px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 27px;
	color: #005A98;
	line-height: 30pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt1-1ligne2lignes {
	position: absolute;
	top: 40px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 27px;
	color: #005A98;
	line-height: 30pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt1-2lignes1ligne {
	position: absolute;
	top: 39px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 27px;
	color: #005A98;
	line-height: 22pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt1-2lignes2lignes {
	position: absolute;
	top: 25px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 27px;
	color: #005A98;
	line-height: 22pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt2 {
	position: absolute;
	top: 68px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 17px;
	color: #EA670C;
	line-height: 16pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt2-1ligne2lignes {
	position: absolute;
	top: 81px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 17px;
	color: #EA670C;
	line-height: 16pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt2-2lignes1ligne {
	position: absolute;
	top: 105px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 17px;
	color: #EA670C;
	line-height: 16pt;
	font-weight: bold;
	text-align: left;
}

#bandeauTxt2-2lignes2lignes {
	position: absolute;
	top: 91px;/*du haut de l'image*/
	left: 253px;/*du bord de l'image*/
	width: 460px;
	font-size: 17px;
	color: #EA670C;
	line-height: 16pt;
	font-weight: bold;
	text-align: left;
}

#bandeauLien {
	position: absolute;
	top: 131px;/*du haut de l'image*/
	left: 672px;/*du bord de l'image*/
	width: 200px;
	font-size: 11px;
	color: #49626F;
	line-height: 14pt;
	text-align: right;
}

#bandeauLienFilet {
	position: absolute;
	top: 152px;/*du haut de l'image*/
	left: 742px;/*du bord de l'image*/
	width: 100px;
}

	
/* HOME  ------------------------------------------------------*/
#home-art-box1 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 23px;/*du bord de l'image*/
}

#home-art-filet1 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 172px;/*du bord de l'image*/
}

#home-art-box2 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 183px;/*du bord de l'image*/
}

#home-art-filet2 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 332px;/*du bord de l'image*/
}

#home-art-box3 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 342px;/*du bord de l'image*/
}

#home-art-filet3 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 492px;/*du bord de l'image*/
}

#home-art-box4 {
	position: absolute;
	top: 33px;/*du haut de l'image*/
	left: 502px;/*du bord de l'image*/
}
	
#home-art-1top{
	width: 140px;
	height: 29px;
	background-image: url(../images/home-article-toporange_modif.jpg);
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding-top: 4px;
	line-height: 13px;
	/*font-style: italic;*/
}
	
#home-art-2ph{
	padding-bottom: 0px;
}
	
.home-art-3titre {
	font-size: 13px;
	font-weight: bold;
	line-height: 11pt;
}

.home-art-4soustitre {
	font-size: 11px;
	font-weight: bold;
	line-height: 10pt;
}

#home-art-5txt {
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 5px;
	line-height: 9pt;
	text-align: left;
}

.home-art-6suite {
	font-size: 11px;
	color: #49626F;
	line-height: 10pt;
}
	
#home-art-7bottom{
	width: 140px;
	height: 40px;
	background-image: url(../images/home-article-bottom_orange.jpg);
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
	padding-top: 24px;
	line-height: 10pt;
}
	
#home1txt {
	position: absolute;
	top: -1px;/*du haut de l'image*/
	left: -1px;/*du bord de l'image*/
	width: 673px;
	height: 21px;
	color: #000000;
	font-size: 15px;
	text-align: center;
	font-style: italic;
}
	
#home2txt {
	position: absolute;
	top: 238px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 672px;
	height: 20px;
	padding-top: 15px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-right: 0px;/*marge DROITE du texte*/
	padding-bottom: 5px;
	color: #000000;
	font-size: 13px;
	text-align: center;
	font-style: italic;
	line-height: 10pt;
}
	
#home3txt {
	position: absolute;
	top: 273px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 672px;
	height: 30px;
	color: #005A98;
	font-size: 24px;
	text-align: center;
	font-weight: bold;	/*font-style: italic;*/
}
	
#home4txt {
	position: absolute;
	top: 311px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 672px;
	height: 30px;
	color: #005A98;
	font-size: 14px;
	text-align: center;	/*font-weight: bold;	/*font-style: italic;*/
	line-height: 13pt;
}
	
#home5txt {
	position: absolute;
	top: 387px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 672px;
	height: 54px;
	color: #FF0000;
	font-size: 22px;
	text-align: center;	/*font-style: italic;*/
}
	
#home6txt {
	position: absolute;
	top: 480px;/*du haut de l'image*/
	left: 0px;/*du bord de l'image*/
	width: 672px;
	height: 54px;
	color: #000000;
	font-size: 22px;
	text-align: center;	/*font-style: italic;*/
}
	
.home6txtorange {
	color: #EA670C;
	font-size: 15px;
}

#home6filetarrondicliquez {
	position: absolute;
	top: 484px;/*du haut de l'image*/
	left: 420px;/*du bord de l'image*/
}

	
	
	/* ECRAN  ------------------------------------------------------*/
#ecran {
	position: absolute;
	top: 160px;/*du haut de l'image*/
	left: 211px;/*du bord de l'image*/
	width: 672px;
}

#ecranTXT {
	font-size: 13px;
	line-height: 12pt;
	text-align: justify;
}
	
.ecranTxt1titre {
	font-size: 15px;
	color: #005A98;
	line-height: 12pt;
	font-weight: bold;
	padding-top : 15px;
}

#ecranTAB {
	font-size: 9pt;
	line-height: 12pt;
	text-align: justify;
}

.ecranTxt2INTRO {
	font-size: 13px;
	color: #000000;
	font-style: italic;
}

.detail {
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
}

}

.ecranTxt1titre2Lignes {
	font-size: 15px;
	color: #005A98;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 15pt;
}

#ecranTxt1titre2Lignes {
	font-size: 15px;
	color: #005A98;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 15pt;
}


    /* SUITE  ------------------------------------------------------*/
#suite1titre {
	padding-top: 4px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-right: 0px;/*marge DROITE du texte*/
	padding-bottom: 4px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 10pt;
	}

#suite2txt {
	padding-top: 4px;/*marge HAUTE du texte*/
	padding-left: 0px;/*marge GAUCHE du texte*/
	padding-right: 0px;/*marge DROITE du texte*/
	padding-bottom: 4px;
	color: #FFFFFF;
	font-size: 8.5pt;
	text-align: center;
	line-height: 10pt;
}