/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
	{  
    	margin:0; 
	    padding:0; 
	}
	 
	table 
	{ 
	    border-collapse:collapse; 
	    border-spacing:0; 
	}
	 
	fieldset,img 
	{  
	    border:0; 
	}
	 
	address,caption,cite,code,dfn,em,strong,th,var 
	{ 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	
	ol,ul 
	{ 
	    list-style:none; 
	}
	 
	caption,th 
	{ 
	    text-align:left; 
	}
	 
	h1,h2,h3,h4,h5,h6 
	{ 
	    font-size:100%; 
	    font-weight:normal; 
	}
	 
	q:before,q:after 
	{ 
	    content:''; 
	}
	 
	abbr,acronym 
	{ 
		border:0; 
	}



/*  ------------------------------------------
/*  Corps Principal
/*  ------------------------------------------
*/

body {
	background-color: #F3F3F3;
	margin: 0 0 0 0;
	background-image:url(Image/ImageBackgroundSite.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}

#conteneur
{
	width: 800px;
	margin: auto;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}

#contenu
{
	float: left;
	position: relative;
}

#bandeau
{
	height: 210px;
	background-image: url(Image/Bandeau-ENG_800x210.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#bandeauFR  /*--- Site Français ----*/
{
	height: 140px;
	background-image: url(Image/Bandeau-FR_800x140.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#bandeau #colEncart{
	width:126px;
	height:78px;
	margin:11px 18px 0 0 ;
	float:right;
}

#bandeauFR #colEncart{
	width:126px;
	height:78px;
	margin:11px 0 0 0;
	float:right;
}

#lienDemo
{
	float:left;
	padding: 5px 10px 0 0px;
	width: 126px;
	height: 26px;
}

#lienDemo a:link, #lienDemo a:visited
{
	width: 126px;
	height: 26px;
	display: block;
}

#lienDollars
{
	float:left;
	padding: 0px 5px 0 0px;
	width: 126px;
	height: 26px;
}

#lienDollars a:link, #lienDollars a:visited
{
	width: 126px;
	height: 26px;
	display: block;
}

#lienContactUS
{
	float:left;
	padding: 0px 5px 0 0px;
	width: 126px;
	height: 26px;
}

#lienContactUS a:link, #lienContactUS a:visited
{
	width: 126px;
	height: 26px;
	display: block;
}

/*#lienFlag
{
	float:right;
	padding:11px 18px 0 0;
	width:22px;
	height:15px;
	clear:both;
}

#lienFlag a:link,  #lienFlag a:visited
{
	display:block;
	width:22px;
	height:15px;*/
}

/* -----------------------------------------------------------------------

	--------------------------------------------------------------------*/

#piedPage
{
	height: 60px;
	width:800px;
	background-image: url(Image/BandeauPied_800x60.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	clear:both;
}

#piedPage2
{
	height: 75px;
	width:800px;
	background-image: url(Image/BandeauPied_800x75.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	clear:both;
}

#piedPage3
{
	height: 75px;
	width:800px;
	background-image: url(Image/BandeauPied_800x75.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	clear:both;
}


/*-----------------------------------------------------------------
	Menu Pied de page Horizontal identique sur chaque page
-------------------------------------------------------------------*/
#MenuPiedPage
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	clear: both;
	padding:5px 0 0 0;
}

/*----------------------------------------------------------------------*/

#lienIAMCP
{
	float: left;
	padding: 23px 0 0 200px;
	width: 120px;
	height: 30px;
}

#lienIAMCP a:link, #lienIAMCP a:visited
{
	display: block;
	width: 120px;
	height: 30px;
}

#lienProgrammeIDEE
{
	float: left;
	padding: 23px 0 0 30px;
	width: 100px;
	height: 30px;
}

#lienProgrammeIDEE a:link, #lienProgrammeIDEE a:visited
{
	display: block;
	width: 100px;
	height: 30px;
}

#lienPartnerPoint
{
	float: left;
	padding: 23px 0 0 35px;
	width: 100px;
	height: 30px;
}

#lienPartnerPoint a:link, #lienPartnerPoint a:visited
{
	display: block;
	width: 100px;
	height: 30px;
}

#lienOPSW
{
	float: right;
	padding: -40px 150px 0 0;
	width: 166px;
	height: 40px;
}

#lienOPSW a:link, #lienOPSW a:visited
{
	width: 166px;
	height: 40px;
	display: block;
}

#Weborama
{
	float:left;
	padding:0px 0px 0 0;
	width:22px;
	height:15px;
}


/* --------------------------------------------------
	Liens
   --------------------------------------------------*/
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	color: #366BAB;
}

a:link
{
	color: #4D4D4D;
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
	color: #000;
}
a:active
{
	color: #A8A7A7;
	text-decoration: none;
}


/*-----------------------------------------------------------------
	Menu Horizontal identique sur chaque page
-------------------------------------------------------------------*/
#menu{
	padding:175px 0 0 20px;
}

#nav
{
	margin:0;
	padding:0;
}

#nav li
{
	float: left;
	font-size: 10px;
	margin: 0 20px 0 0;
	list-style:none;
}

#nav a:link, #nav a:visited
{
	color: #000;
}

#nav a:hover, #nav a:active
{
	color: #FFFFFF;
}


/*-----------------------------------------------------------------
	Mise en page de la div contenu selon les modèles de page

	- modeleAccueil : pour la page d'accueil
	- modelePage1 : pour les pages de type Product
	- modelePage2 : pour les pages de type Clients
	- modelePage3 : pour les pages de type Partners
	- modelePage4 : pour les pages de type OPSW
	- modelePage5 : pour la page Contact
-------------------------------------------------------------------*/

#modeleAccueil
{
	width: 800px;
	height:720px;
	/*margin-left:0;*/
	float: left;
	
}

#modeleAccueil #colHaute
{
	width: 800px;
	height:266px;
	/*margin-left:0;*/
	float: left;
	background-image: url(Image/ImageAccueil2_800x266.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#modeleAccueil #colTopLeft
{
	width: 525px;
	height:305px;
	/*margin-left:0;*/
	float: left;
	/*background-image: url(Image/ImageAccueilProduit_525x294.jpg);*/
	background-repeat:no-repeat;
	background-position:top;
}

#modeleAccueil #colBasse
{
	width: 525px;
	height:450px;
	float:left;
	padding:0 0 0 0;
}

#colBasse #colLeftTop
{
	width:250px;
	height:25px;
	margin: 3px 0 0 0px;
	float:left;
	position:absolute;
	background-color:#0E79D6;
	left: 0px;
	top: 305px;
}

#colBasse #colLeftBottom
{
	width:250px;
	height:330px;
	margin: 0px 0 0 0px;
	float:left;
	position:absolute;
	background-color:#F2F2F2;
	left: 0px;
	top: 330px;
	border-bottom: 1px solid #CCCCCC;
}



#colBasse #colCenterTop
{
	width:270px;
	height:25px;
	margin: 3px 0 0 0px;
	float:left;
	position:absolute;
	background-color:#0E79D6;
	left: 253px;
	top: 305px;
}

#colBasse #logoBottom
{
	width: 525px;
	height:49px;
	top:400px;
	float:left;
	background-image:url(Image/LogoTechnologie_pied_525x49.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:35px 0 0 0px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}



#lienMoss
{
	float:left;
	padding: 5px 0 0 26px;
	width: 98px;
	height: 39px;
}

#lienMoss a:link, #lienMoss a:visited
{
	width: 98px;
	height: 39px;
	display: block;
}

#lienSQL
{
	float:left;
	padding: 5px 0 0 26px;
	width: 98px;
	height: 39px;
}

#lienSQL a:link, #lienSQL a:visited
{
	width: 98px;
	height: 39px;
	display: block;
}

#lienVirtualEarth
{
	float:left;
	padding: 5px 0 0 26px;
	width: 98px;
	height: 39px;
}

#lienVirtualEarth a:link, #lienVirtualEarth a:visited
{
	width: 98px;
	height: 39px;
	display: block;
}

#lienVisualStudio
{
	float:left;
	padding: 5px 0 0 26px;
	width: 98px;
	height: 39px;;
}

#lienVisualStudio a:link, #lienVisualStudio a:visited
{
	width: 98px;
	height: 39px;
	display: block;
}


#colBasse #colCenterBottom
{
	width:270px;
	height:330px;
	margin: 0px 0 0 0px;
	float:left;
	position:absolute;
	background-color:#F2F2F2;
	left: 253px;
	top: 330px;
	border-bottom: 1px solid #CCCCCC;
}

#modeleAccueil #colRightInfo
{
	width: 273px;
	height:631px;
	float:left;
	top:0px;
	left:527px;
}

 /* -----------------------TAGCLOUD---------------------------------------*/

#colRightInfo #tagCloud
{
	width:235px;
	height:263px;
	margin:30px 0 0 30px;
	top:21px;
	left:527px;
	float:left;
}
#tagcloud {
	background-color:#FFFFFF;									
	width: 235px;
	height:263px;
	border: 1px solid #FFFFFF;
	padding: 10px;
	text-align: center;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	border-left: 1px solid #CCCCCC;
}
#tagcloud a {
	text-decoration:none;
}
#tagcloud a:hover {
	text-decoration:none;
	background-color:#B3B3B3;
	color:#FFFFFF;
}
#pg1 {
	text-decoration:none;
	font-size:10px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
#pg1-1 {
	color:#AA3406;
	font-size: 16px;
}
#pg1-2 {
	font-size: 14px;
	color:#070089;
}
#pg1-3 {
	font-size: 12px;
	color:#BF2470;
}
#pg1-4 {
	font-size: 10px;
	color:#333333;
}
#pg1-5 {
	font-size: 8px;
	color:#FF3300;
}
.sign, .sign a{
	font-size: 9px;
	color: #BFBFBF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
 /* ------------------------------------------------------------------------------*/

#colRightInfo #colEvents
{
	width: 270px;
	height:300px;
	float:left;
	padding: 10px 0 0 0;
	top:310px;
	left:530px;
}

#colEvents #colTop
{
	width:270px;
	height:22px;
	margin: 11px 0 0 2px;
	float:left;
	position:absolute;
	background-color:#0E79D6;
	
}

#colEvents #colBottom
{
	width:273px;
	height:385px;
	margin: 0px 0 0 0px;
	float:left;
	position:absolute;
	background-color:#F2F2F2;
	left: 528px;
	top: 330px;
	border-bottom: 1px solid #CCCCCC;
}

.directory
{	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FA6C16;
	font-style:oblique;
}

.titreAccrocheAcceuil
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:oblique;
	padding: 10px 0px 0 40px;
	line-height:20px;
	color:#1E477C;
	text-align:left;
}



/*------------------ Page Product --- Modele Page 1 --------------------*/

#modelePage1{
	width:800px;
	min-height:600px;
	max-height:1500px;
	float:left;
	padding: 0 0 0 0;
	background-color:#ffffff;
}

#modelePage6{
	width:800px;
	min-height:600px;
	max-height:1800px;
	float:left;
	padding: 0 0 0 0;
}

#modelePage1 #TitrePage
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	border-bottom: 2px #CCCCCC solid;
}

#modelePage1 #TitrePage2
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
}

#modelePage6 #TitrePage2
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
}

#modelePage1 #Download1
{	
	width:450px;
	height:20px;
	left:150px;
	top:310px;
	margin: 0px 0 0 150px;
	position:absolute;
}

#modelePage1 #Download2
{	
	width:450px;
	height:20px;
	left:150px;
	top:550px;
	margin: 0px 0 0 150px;
	position:absolute;
}

#modelePage1 #Download3
{	
	width:450px;
	height:20px;
	left:150px;
	top:580px;
	margin: 0px 0 0 150px;
	position:absolute;
}

#modelePage1 #ColOPDir
{
	width:760px;
	height:300px;
	margin: 0 20px 0 20px;
	border-bottom: 1px #CCCCCC solid;
	top:50px;
}

#ColOPDir #Col1
{
	width:120px;
	height:200px;
	float:left;
	background-image:url(Image/LogoTriangleProduct_80x53.jpg);
	background-repeat:no-repeat;
	background-position:center, top;
	margin:20px 0 0 10px;
}

#ColOPDir #Col2
{
	width:600px;
	height:200px;
	margin: 10px 0 0 10px;
}

#ColOPDir #Col3
{
	width:760px;
	height:200px;
	
}

#modelePage1 #ColOPDir2
{
	width:760px;
	height:350px;
	margin: 0 20px 0 20px;
	
	top:50px;
}

#ColOPDir2 #Col1A
{
	width:100px;
	height:200px;
	float:left;
	background-image:url(Image/LogoTriangleProduct_80x53.jpg);
	background-repeat:no-repeat;
	background-position:center, top;
	margin:20px 0 0 10px;
}

#ColOPDir2 #Col2A
{
	width:600px;
	height:140px;
	margin: 10px 0 0 10px;
	padding: 10px 10px 0 10px;
}

#ColOPDir2 #Col3A
{
	width:500px;
	height:530px;
	background-image:url(Image/360.jpg);
	margin: 10px 0 0 10px
	position: absolute;
	background-repeat:no-repeat;
	background-position:left, top;
	/*border-bottom: 1px #CCCCCC solid;*/
}

#ColOPDir2 #Col4A
{
	width:240px;
	height:285px;
	position: right;
	padding : 10px 10px 0 5px;
	float:right;
	background-color:#EEEEEE;
	margin: 0 20px 0 1px;
}

#modelePage1 #ColBenefice
{	
	width:750px;
	height:700px;
	padding: 10px 0 0 10px;
	left:0px;
	margin:10px 0 0 10px;
}

#ColBenefice #BeneficeLeft
{	
	width:220px;
	height:300px;
	left:0px;
	margin:10px 10px 0 0px;
	float:left;
}

#ColBenefice #BeneficeCenter
{	
	width:220px;
	height:300px;
	left:0px;
	margin:10px 20px 0 20px;
	float:left;
}

#ColBenefice #BeneficeRight
{	
	width:220px;
	height:300px;
	left:0px;
	margin:10px 20px 0 0 ;
	float:left;
}


#modelePage1 #ColOPMoss
{
	width:760px;
	height:270px;
	margin: 0 20px 0 20px;
	border-bottom: 1px #CCCCCC solid;
	top:300px;
}

#ColOPMoss #Col3
{
	width:120px;
	height:200px;
	float:left;
	background-image: url(Image/LogoMossProduct_80x108.jpg);
	background-repeat:no-repeat;
	background-position:center, top;
	margin: 20px 0 0 10px;
}

#ColOPMoss #Col4
{
	width:630px;
	height:200px;
	margin: 10px 0 0 10px;
}

/*---------------- Page Product - Pages spécifications ------------------*/

#container {
	width: 760px;
	min-height:600px;
	max-height:1500px;
	margin-left:20px;
	float: left;
}

#containerP1 {
	width: 760px;
	min-height:600px;
	height:1300px;
	float: left;
}

#containerP2 {
	width: 760px;
	min-height:600px;
	height:1100px;
	float: left;
}

#containerP3 {
	width: 760px;
	min-height:600px;
	height:1200px;
	float: left;
}

#containerP4 {
	width: 760px;
	min-height:600px;
	height:800px;
	float: left;
}

#containerP5 {
	width: 760px;
	min-height:600px;
	height:2400px;
	float: left;
}

#containerP6 {
	width: 760px;
	min-height:600px;
	height:1200px;
	float: left;
}

#containerP7 {
	width: 760px;
	min-height:600px;
	height:5200px;
	float: left;
}



#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	/*display: inline;*/
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 152px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container ul#menu li a:hover {
	background-color: #F6B000;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color:#FFFFFF;
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-color: #EEEEEE;
	color: #000;
}
#container a.ghost  {
	background-color: #7FDDFF;
	color: #000;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}

.sousTitrePageProduct
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#274998;
	text-align:center;
	line-height:20px;
	padding: 20px 0  0px 20px;
}

#container #Col15
{	width:760px;
	height:300px;
	left:0px;
	margin:0px 0 0 10px;
}

#Col15 #Col16
{	
	width:350px;
	height:300px;
	left:0px;
	float:left;
	margin: 0 20px 0  0;
}

#Col15 #Col17
{	
	width:350px;
	height:300px;
	left:420px;
	float:left;
}

.titreCol15
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
}

#container #Col18
{	
	width:760px;
	height:300px;
	left:0px;
	margin: 0px 0 0 10px;
	float:left;
	top:360px;
}

#Col18 #Col19
{	
	width:350px;
	height:300px;
	left:0px;
	float:left;
	margin: 0 20px 0 0;
}

#Col18 #Col20
{	
	width:350px;
	height:500px;
	left:420px;
	float:left;
	margin: 50px 0 0 10px;
}

.titreCol18
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#274998;
	text-align:left;
}

#container #Col21
{	
	width:700px;
	height:400px;
	left:0px;
	margin: 0px 0 0 10px;
	float:left;
}

#container #Col21A
{	
	width:700px;
	height:400px;
	left:0px;
	margin: 0 20px 0 1px;
	/*float:left;*/
	/*position: right;*/
}

#fondTableauSpec
{
	background-image:url(Image/FondSpecProduct-170x1.jpg);
	background-repeat:repeat-y;
	background-position:top;
	width:170px;
	border-bottom: 2px solid #DDDDDD;
	margin: 50px  0 0 50px;
}

#fondTableauGris
{
	background-color:#EEEEEE;
	width:530px;
	border-bottom: 2px solid #DDDDDD;
	margin: 50px 0 0 0;
	padding: 0 0 0 20px;
	}


.textGrasTableau
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:Bold;
	line-height:60px;
	color:#094192;
	text-align:right;
	padding: 10px 10px 0 10px;
}

.textTableau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:Normal;
	line-height:20px;
	color:#000;
	text-align:left;
	margin-left: 50px;
}

#container #Col22
{	width:760px;
	height:500px;
	left:0px;
	float:left;
}

#Col22 #Col23
{	
	width:350px;
	height:px;
	left:0px;
	float:left;
	text-align:justify;
	margin: 0 20px 0  0;
}

#Col22 #Col24
{	
	width:340px;
	height:px;
	left:420px;
	float:left;
	text-align:justify;
	margin: 0  0  0 20px;
}

.titreBleu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#274998;
	text-align:left;
	line-height:25px;
}

.textBleu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	color:#274998;
	text-align:left;
}

.textBleuTabul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:25px;
	color:#274998;
	text-align:left;
	padding-left:30px;
}

/*---------------------------Scrennshots OP Dir-------------------------------*/

#trombiOPDir
{	
	background-image:url(Image/trombi_452X368.jpg);
	background-repeat:no-repeat;
	width:452px;
	height:386px;
	background-position:top;
}

#AdminOPDir
{	
	background-image: url(Image/AdminOPdir.jpg);
	background-repeat:no-repeat;
	width:452px;
	height:386px;
	background-position:top;
}

#ReportOPDir
{	
	background-image: url(Image/ReportingOpDir.jpg);
	background-repeat:no-repeat;
	width:343px;
	height:386px;
	background-position:top;
}

.titreScrenshot
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#FA6C16;
	text-align:left;
}

.txtScrenshot
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	color:#000;
	text-align:justify;
	
}

/*---------------------------Scrennshots OP Dir for Moss---------------*/

#modelePage5{
	width:800px;
	min-height:600px;
	max-height:2400px;
	float:left;
	padding: 0 0 0 0;
}

#modelePage5 #TitrePage5
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
}



#webpartOPDirMoss #txtScreenshotWebpart
{	
	width:325px;
	margin-left:360px;
	margin-top: 20px;
}

#webpartOPDirMoss #txtScreenshotWebpart2
{	
	width:220px;
	margin-top:300px;
	margin-left:15px;
}

#webpartOPDirMoss
{	
	background-image:url(Image/WebpartOPdir-Moss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:680px;
	height:575px;
}

#ImportSynchroOPDirMoss
{	
	background-image: url(Image/ImportSynchroOPdirMoss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:680px;
	height:497px;
}

#txtSynchro
{	
	width:220px;
	margin-left:360px;
	margin-bottom:230px;
}

#adminToolsOPDirMoss
{	
	background-image: url(Image/AdminToolsOPdirMoss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:680px;
	height:320px;
}

#txtAdminTools
{	
	width:220px;
	margin-left:0px;
	margin-bottom:170px;
}

#overviewOPDirMoss
{	
	background-image: url(Image/OverviewOPdirMoss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:680px;
	height:319px;
}

#txtOverview
{	
	width:220px;
	margin-left:450px;
	margin-bottom:170px;
}

#ReportOPDirMoss
{	
	background-image: url(Image/OpenPortalReportOPdirMoss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:680px;
	height:575px;
}

#txtReport
{	
	width:220px;
	margin-left:20px;
	margin-bottom:300px;
}



/*------------------ Page Partner --- Modele Page 2 --------------------*/

#modelePage2{
	width:800px;
	height:600px;
	/*float:left;*/
	padding: 0 0 0 0;
}

#modelePage2 #TitrePage
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	border-bottom: 2px #CCCCCC solid;
}

#modelePage2 #Col5
{	
	width:760px;
	height:150px;
	margin: 0 0px 0 20px;
	top:40px;
	position:absolute;
	padding: 20px 0 5px 0;
}

#modelePage2 #Col6
{	
	width:480px;
	height:180px;
	margin: 0 20px 0 0px;
	top:140px;
	left:0px;
	position:absolute;
	padding: 10px 0 5px 20px;
}

#modelePage2 #Col7
{	
	width:260px;
	height:80px;
	margin: 0 20px 0 20px;
	top:140px;
	left:500px;
	position:absolute;
	padding: 10px 0 5px 0;
	
}

#modelePage2 #Col8
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	top:230px;
	left:0px;
	position:absolute;
	padding: 10px 0 5px 0;
}

#modelePage2 #Col9
{	
	width:280px;
	height:240px;
	margin: 0 20px 0 20px;
	top:370px;
	left:0px;
	position:absolute;
	padding: 0px 0 15px 0;
	
}

#modelePage2 #Col10
{	
	width:200px;
	height:240px;
	background-image:url(Image/ImageSucessPartner_200x192.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 20px 0 20px;
	top:340px;
	left:280px;
	position:absolute;
	padding: 0px 0 15px 0;
}

#modelePage2 #Col11
{	
	width:280px;
	height:240px;
	margin: 0 20px 0 20px;
	top:340px;
	left:480px;
	position:absolute;
	padding: 30px 0 15px 0;
}

#modelePage2 #Col12
{	
	width:760px;
	height:50px;
	margin: 0 20px 0 20px;
	top:575px;
	left:0px;
	position:absolute;
	padding: 5px 0 5px 0;
	text-align:center;
	border-top: 1px #CCCCCC solid;
}

.titreCol9
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
}

.titreLogin
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 3px 0 0 0;
	color:#FFFFFF;
	text-align:Center;
}

.InformationPartner
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#316AAC;
	text-align:center;
}

/*--------------------------page Formulaire Partner-------------------*/

#formulairePartner {
	width: 760px;
	min-height:600px;
	max-height:1500px;
	margin-left:20px;
	float: left;
	
}

#Col25
{	
	width:760px;
	height:500px;
	left:20px;
	padding-left:20px;
	float:left;
}

#Col25 #tableauPartner
{
	width:500px;
	min-height:500px;
	max-height:1000px;
	margin-left:130px;
	text-align:left;
}

#TitreTableau
{
	border-bottom: 1px solid #F6B000;
	width:500px;
	height:20px;
	text-align:left;
}

#TextCenter
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

.asterix
{
	color:#CC0000;
}

.titreCol25
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
	
}

.textChampsFormulaire
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:300px;
	height:15px;
}

.listeCountryFormulaire
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:310px;
	height:25px;
}

.textChampsLogin
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:130px;
	height:15px;
}

.adresseFormulaire
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:300px;
	height:50px;
}

.commentsFormulaire
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:500px;
	height:60px;
}

input.bouton
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #0033CC;
	text-align:center;
	padding-left:5px;
	width:100px;
	height:25px;
	background-image:url(Image/BoutonFormul_100x25.jpg);
	background-repeat:no-repeat;
}

/*-------------------Page Clients--------------------------------------*/

#modelePage4{
	width:800px;
	height:800px;
	/*float:left;*/
	padding: 0 0 0 0;
}

#modelePage4 #TitrePage
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	border-bottom: 2px #CCCCCC solid;
}



#formulaireClients {
	width: 760px;
	min-height:600px;
	max-height:1000px;
	margin-left:0px;
	float: left;
}

.champsFormulaireClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:220px;
	height:15px;
}

.listeCountryClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:230px;
	height:25px;
}

.adresseFormulaireClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:220px;
	height:50px;
}

.commentsFormulaireClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	width:420px;
	height:60px;
}


#Col26
{	
	width:760px;
	height:800px;
	left:20px;
	padding-left:20px;
	float:left;
}

#Col26 #ColLeftClient
{	
	width:420px;
	height:700px;
	left:0px;
	padding-left:0px;
	float:left;
}

#Col26 #ColLeftContact
{	
	width:420px;
	height:800px;
	left:0px;
	padding-left:0px;
	float:left;
}


#ColLeftClient #titreContact
{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	width:400px;
	height:25px;
	background-color:#0E79D6;
}

#ColLeftClient #tableauClient
{
	width:420px;
	min-height:365px;
	max-height:800px;
	margin-left:0px;
	
}

#ColLeftClient #refClient
{
	width:420px;
	min-height:500px;
	max-height:1000px;
	margin-left:0px;
	
}

#TitreTableauClient
{
	border-bottom: 1px solid #F6B000;
	width:420px;
	height:20px;
	text-align:left;
}

#Col26 #ColRightClient
{	
	width:260px;
	height:700px;
	margin-left:30px;
	margin-top:20px;
	padding-left:20px;
	float:left;
	border-left: 1px solid #F6B000;
}

#ColRightClient #ContactClient
{	
	width:180px;
	height:100px;
	background-image:url(Image/PhoneClient_100x95.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left: 110px;
	padding-top: 40px;
	margin: 0 20px 0 0px;
}

#ColRightClient #ContactAdresse
{	
	width:260px;
	height:200px;
	margin: 0 20px 0 0px;
}


#ColRightClient #loginClient
{	
	width:260px;
	height:240px;
	margin: 0 20px 0 0px;
	/*top:310px;
	left:480px;
	position:absolute;
	padding: 30px 0 5px 0;*/
}

#ColRightClient #readyToBuy
{	
	width:260px;
	height:66px;
	margin: 0 20px 0 0px;
	text-align:center;
}

.txtRefClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #666666;
	text-align:left;
	
}

.txtRefClientGras
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-align:left;
}

/*-------------------Page Contact --------------------------------------*/

#modelePage5 #TitrePage
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	border-bottom: 2px #CCCCCC solid;
}

#ColLeftContact #tableauContact
{
	width:420px;
	min-height:600px;
	max-height:900px;
	margin-left:0px;
	
}

.titreRightClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
}

.titreLeftClient
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
}



/*------------------ Page Society --- Modele Page 3 --------------------*/

#modelePage3{
	width:800px;
	height:600px;
	max-height:1200px;
	/*float:left;*/
	padding: 0 0 0 0;
}

#modelePage3 #TitrePage
{	
	width:760px;
	height:40px;
	margin: 0 20px 0 20px;
	border-bottom: 2px #CCCCCC solid;
}

#modelePage3 #Col13
{
	width:555px;
	height:600px;
	margin: 0 0 0 20px;
	top:50px;
	left:0px;
	position:absolute;
}

#Col13 #Gilles
{
	background-image:url(Image/Gilles_212x150.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:555px;
	height:150px;
	background-color:#2F94D8;
	
}

#Col13 #Societe
{
	width:555px;
	height:380px;
	top:160px;
	left:0px;
	margin: 20px 20px 0 0px;
}

#Col13 #Microsoft
{
	width:555px;
	height:200px;
	top:50px;
	left:0px;
	margin: 20px 20px 0 0px;
}



#modelePage3 #Col14
{
	width:200px;
	height:500px;
	margin: 0 0 0 0;
	top:50px;
	left: 580px;
	position:absolute;
	background-image:url(Image/ImageSocieteOPSW.jpg);
	background-repeat:no-repeat;
	background-position:top;
	/*background-color:#F2F2F2;*/
	
}

.titreGilles
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding: 70px 0 0 225px;
}

.txtSociety
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737373;
	text-align:left;
	/*line-height:15px;*/
}

.signatureGilles
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:oblique;
	font-weight:bold;
	line-height:14px;
	color:#000;
	text-align:left;
}

/*---------------------Page Plan du site--Modele page 6----------------------------*/

#modelePage6{
	width:800px;
	min-height:600px;
	max-height:2950px;
	float:left;
	padding: 0 50px 0 50px;
}


#modelePage6 #tableauPlan
{
	padding: 0 0 0 0;
	width:700px;
	height:600px;
	position:relative;
	float:left;
}

#modelePage6 #TitrePage
{	
	width:700px;
	height:40px;
	margin: 0 20px 0 0px;
	
}

#tableauPlan p

{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
			
#tableauPlan li

{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
				
			}



/*-----------------------Mentions légales--Modele Page 6-------------------------------*/

#modelePage6 #ColGauche{
	float: left;
	width: 150px;
	padding: 20px 0 0 0;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #4D4D4D;
	letter-spacing: 0.3;
	font-weight: normal;
}

#modelePage6 #ColDroite{
	float: left;
	width: 550px;
	padding: 20px 0 0 20px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #4D4D4D;
	letter-spacing: 0.3;
	font-weight: normal;
}
	
.titreMentions{
	font-size:18px;
	font-weight:normal;
	padding: 5px 0 0 0px;
	color: #B01745;
	text-align:left;
}

.titreSomaire{
	font-size:18px;
	font-weight:normal;
	padding: 5px 0 0 0px;
	color: #0099FF;
	text-align:left;
}

.HautPageML
{
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#FA6C16;
	padding-left:450px;
}

/* --------------------------------------------------
	Redéfinition des balises de titre et de paragraphe
   --------------------------------------------------*/

/*------------------------- h1 ----------------------*/
#modeleAccueil h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding: 10px 0px 0 40px;
	line-height:20px;
	color:#1E477C;
	text-align:left;
}

#colBasse h1, #colRightInfo h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding: 0 0 13px 20px;
	color:#FFFFFF;
	text-align:left;
}

#modelePage1 h1, #modelePage2 h1, #modelePage3 h1, #modelePage4 h1, #modelePage5 h1 
{
	font-size:24px;
	font-weight:bold;
	padding: 5px 0 0 0px;
	color:#000000;
	text-align:left;
}

#modelePage6 h1
{
	font-size:24px;
	font-weight:bold;
	padding: 0 0 10px 0px;
	color:#000000;
	text-align:left;
}



/*------------------------- h2 ----------------------*/

#colBasse h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding: 20px 0 0 20px;
	color:#4D4D4D;
	text-align:left;
}

#modelePage1 h2, #modelePage5 h2, #modelePage6 h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	line-height:30px;
}

/*------------------------- h3 ----------------------*/

#modelePage1 h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	line-height:18px;
}

#modelePage2 h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	line-height:18px;
	padding: 20px 0 0 00px;
}

/*------------------------- h4 ----------------------*/


/*------------------------- h5 ----------------------*/


/*------------------------- h6 ----------------------*/

#colBasse h6 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 0px 20px 0 20px;
	line-height:14px;
	color:#000;
	text-align: justify;
}

#modelePage2 h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	color:#000;
	text-align:left;
}

/*------------------------- p ----------------------*/

#modeleAccueil p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 0px 20px 0 20px;
	line-height:15px;
	color:#094192;
	text-align: justify;
}

#modelePage1 p, #modelePage2 p, #modelePage4 p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737373;
	text-align:left;
	/*line-height:15px;*/
}

#modelePage6 p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737373;
	text-align:left;
	vertical-align: text-top;
}

#ColBenefice p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737373;
	text-align: justify;
}


#container p 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737373;
	/*text-align:justify;
	line-height:15px;*/
}


/*-----------------Autres styles-------------------*/

.LearnMore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#489CFD;
	font-weight:bold;
	padding-left:50px;
}

.noir{
	color:#000000;
	font-weight:bold;
}