body{
	color:#666666; font-family:Arial,verdana; font-size:12px; text-align:justify;
	margin:0px; background-image:url('../img/bg.jpg'); background-repeat:repeat-x;
}
h1{
	font-size:16px;
}
h2{
	font-size:16px; margin-left:10px; color:#666666;
	background:#fff url('../img/stitre.gif') no-repeat left center;
	height:22px; padding:5px 0 0 30px;
}
h3{
	font-size:12px;
}
h4{
	text-decoration:underline; font-weight:bold; text-align:center; font-size:13px;
}
img.right{
	border-style:solid; float:right; margin-left:20px;
}
img.right2{
	border-style:solid; float:right; 
	margin-left:50px; margin-right:50px; margin-bottom:20px;
}
img.left1{
	float:left; margin-right:40px; margin-bottom:40px; margin-top:25px;
}
img.left2{
	float:left; margin-right:40px; margin-bottom:5px;
}
img.titreMenu{
	margin-left:10px;
}
a:link,a:visited{color:#669933; text-decoration:none}
a:hover{color:#666600; text-decoration:underline; font-weight:normal}
span.invisible{
	color:#669933; visibility:hidden
}
a.secondaire:hover{color:#666600; text-decoration:none; font-weight:normal}
p.accueil{
	text-indent:15px
}
span.gras{
	font-weight:bold
}
span.grasSoulign{
	font-weight:bold; text-decoration:underline
}
span.red{
	color:red;
}
div.exemple{
	position:fixed; float:left; left:0px; top:0px; width:100%;
	z-index:50; text-align:left; display:none;
	background-image:url('../img/backDivExemple.png'); background-repeat:repeat;
}
div.exemple2{
	position:fixed; float:left; left:0px; top:0px; width:100%;
	z-index:50; text-align:left; visibility:hidden;
	background-image:url('../img/backDivExemple.png'); background-repeat:repeat;
}
table{
	border-collapse: collapse; margin: auto;
}
td{
	padding:0; vertical-align:top;
}

/* Général */
div{
	margin:0; padding:0;
}
div.principal{
	margin-left:auto; margin-right:auto; margin-top:0px;
	width:930px; padding-left:8px;
}
table.generalTable{
	margin:0; padding:0;
}
td.CadreG1{
	margin:0; padding:0 16px 0 0; vertical-align: top;
}
td.CadreD1{
	width:660px; vertical-align: top;
	padding-top:10px; border:none;
}
td.siteGetD{
	width:329px; vertical-align: top;
}
div.pleinePage{
	margin-left:40px; margin-top:10px;
}
div.basDePage{
	width:660px; padding:10px 0 30px 245px; margin:10px 0 0 0;
	font-size:10px; text-align:left;
	border-top: solid 1px #666666;
}
div.Listeliens{
	margin-top:5px;
}
div.retour{
	position:relative; float:right; width:106px; height:13px; margin-right:30px;
	background-image:url('../img/retour.gif'); background-repeat:no-repeat;
}
div.contenuDroite{
	margin: 20px 0 0 0; padding:0 0 0 10px;
	border:solid 1px transparent; width:660px;
}

/* Bandeau Haut */
div.bandeauHaut{
	height:32px;
}
div.bandeauHaut table{
	margin:0 0 0 240px;
}
td.bandeauHautSlogan{
	padding:5px 0 0 160px;
}
div.contactezNous{
	height:13px; color:#fff; font-size: 11px;
	padding-left:25px; margin:10px 0 0 15px;
	background:#585858 url('../img/contactezNous.gif') no-repeat left top;
}
table.logoBandeau{
	margin:0; padding:0;
}
div.lienAccueil{
	height:13px; color:#fff; font-size: 11px;
	padding-left:17px; margin:10px 0 0 15px;
	background:#585858 url('../img/accueil-exentis.gif') no-repeat left top;
}
div.contactezNous a:link, div.lienAccueil a:link, div.contactezNous a:visited, div.lienAccueil a:visited{
	color:#fff;
}
div.contactezNous a:hover, div.lienAccueil a:hover{
	color:#fff; text-decoration: underline; font-weight:normal;
}

/* Menus */
ul.menus{
	width:185px; margin:36px 0 0 0;
}
ul.menus li.passif{
	list-style-type: none;
	padding:7px 0 0 5px; margin:0 30px 0 -12px;
	list-style-image:url('../img/puceManuPassif.gif');
	font-size:1.3em; height:34px;
	border-bottom:solid 1px #ccc;
}
ul.menus li.actif{
	padding:7px 0 0 5px; margin:0 30px 0 -12px;
	list-style-image:url('../img/puceMenu.gif');
	font-size:15px; height:34px; font-weight:bold;
	border-bottom:solid 1px #ccc;
}
ul.menus a, ul.menus a:visited, ul.menus a:link{	color:#333333;	}
ul.menus a:hover{	color:#333333; font-weight:bold; text-decoration:none;	}
div.sousLesMenus{
	background:#fff url('../img/logoSousLesMenus.gif') no-repeat center top;
	width:200px; padding-top:30px; margin:10px 0 0 0;
}

/* Accueil */
div.cadreAccueilSites{
	background:#fff; border:solid 1px #ccc;
	width:670px; height:197px; margin:0 0 0 0; padding:15px 0 0 0;
}
table.miniatSites{
	margin:0 auto 15px auto;
}
table.miniatSites td div{	width:188px; margin:0 auto;	}
p.miniatSites{
	color:#693; text-align:center; font-weight:bold; letter-spacing: 1px;
	width:100%;
}
div.nosRealisations{
	margin:7px 0 0 0;
}
div.bienvenueTxt{
	margin: 5px 15px 5px 5px;
}
td.pack_one_exentis, td.pack_vitrine_exentis, td.pack_surmesure_exentis{
	width:223px; height:92px; padding-right:2px;
}
table.packs{
	margin:40px 0 0 0;
}
div.nos-solutions-exentis{
	background:#fff url('../img/nos-solutions-exentis.gif') no-repeat right center;
	height:22px; margin:10px 20px 30px 0; padding: 5px 30px 0 0;
	text-align:right; font-size:14px; font-weight:bold;
}
div.nos-solutions-exentis a{
	color:#666666;
}
div.nos-solutions-exentis a:hover{
	color:#666666; text-decoration: underline; font-weight:bold;
}

/* cadre Info pour options */
table.cadreInfo{
	position:absolute; top:0px; left:0px; z-index:90; visibility:hidden;
	margin:0px; padding:0px; border-collapse:collapse; font-size:11px;
}
td.cadreInfoH{
	background-image:url('../img/cadreInfoH.png'); background-repeat:no-repeat;
	width:191px; height:48px
}
td.cadreInfoM{
	background-image:url('../img/cadreInfoM.png'); background-repeat:repeat-y;
	padding:5px; padding-top:0px; min-height:55px; width:191px
}
td.cadreInfoB{
	background-image:url('../img/cadreInfoB.png'); background-repeat:no-repeat;
	height:23px
}

/* Page solution et exemple */
p.solutionTexte{
	margin-left:5px; margin-right:0; text-indent:15px;
}
div.quest_reponse{
	margin-top:40px; margin-bottom:150px; margin-left:15px; margin-right:15px;
	padding-left:15px; border-left:solid 1px #CCCCCC
}
div.question{
	margin-bottom:5px;
}
div.questionSelected{
	font-size:14px; font-weight:bold; display:none;
	margin-left:10px; margin-bottom:5px; margin-top:10px; 
}
div.reponse{
	margin-left:20px; margin-top:10px; margin-bottom:20px; margin-right:60px;
	text-align:justify; display:none;
}
div.exempleLien{
	color:#669933;
}
div.exempleFenetre{
	text-align:center; vertical-align:top;
}
div.exempleFermer{
	text-align:right
}
table.presentGraphisme{
	width:400px; text-align:center;
}

/* Page solution */
div.referenceTitre{
	text-align:center; 
	margin:30px 0 25px 10px; height:40px;
}
p.referenceSite{
	text-align:center;
}
p.referenceTexte{
	margin-left:15px;
}

/* Page Login.php et Contact.php*/
div.messageLogin{
	color:#cc3300; text-align:left; width:350px;
	margin-top:50px; margin-bottom:10px; margin-left:70px;
}
div.accesValide{
	margin-bottom:350px;
}
div.messageErrContact{
	color:#c00; text-align:center; font-weight:bold; display:none;
	margin:30px 70px 15px 0; letter-spacing: 1px;
	border:solid 1px #c00; padding:7px;
}
div.FormLogin{
	margin-bottom:250px; margin-left:5px; padding-left:25px; 
	border-left:solid 1px #CCCCCC;
}
div.FormContact{
	margin-left:5px; margin-bottom:70px; padding-left:55px; border-left:solid 1px #CCCCCC
}
input{
	padding:1px; margin-bottom:6px; height:16px;
	color:#666666; text-indent:5px;
	border-style:solid; border-width:1px; border-color:#999999
}
select{
	padding:1px; margin-bottom:6px; height:20px;
	color:#666666; border-style:solid; border-width:1px; border-color:#999999
}
label{
	float:left;	margin-left:160px; margin-right:10px; padding:1px;
 	width:120px; font-size:13px; font-weight:bold;
 	text-align:right;
}
label.contact{
	float:left; margin-left:10px; margin-right:10px; padding:1px;
 	width:65px;text-align:right; font-size:11px
}
label.contact2{
	float:left; margin:10px; padding:1px;
 	width:140px;text-align:left; font-size:12px
}
label.login{
	margin-left:-20px
}
label.pwd{
	margin-left:-20px
}
input.connecter{
	margin-top:30px; margin-left:100px; border-style:none; height:auto;
}
input.reset{
	border-style:none; height:auto;
}
input.envoyer{
	margin-top:10px; margin-left:75px; border-style:none; height:auto;
}
textarea{
	margin-left:-150px; margin-top:20px; font-family:Arial; width:300px;
	border-style:solid; border-width:1px; border-color:#999999; font-size:12px
}
p.espaceClient{
	font-size:12px; padding:0 30px 20px 30px;
}
div.sTitre2{
	text-align:left; margin-top:35px
}
/*Tableau des menus de gauche*/
table.menu{
	border-collapse:collapse; margin:0 0 20px 15px;
}
td.menuHG{
	
}
td.menuH{
	
}
td.menuHD{
	
}
td.menuG{
	
}
td.menuC{
	padding-left:10px;
}
td.menuD{
	
}
td.menuBG{
	
}
td.menuB{
	
}
td.menuBD{
	
}
/*Tableau de presentation centrale*/
table.present{
	border-collapse:collapse
}
td.presentHG{
	width:13px; height:15px; background-image:url('../img/cadre2HG.gif');
}
td.presentH{
	height:1px; background-image:url('../img/cadre2H.gif'); background-repeat:repeat
}
td.presentHD{
	width:21px; height:15px; background-image:url('../img/cadre2HD.gif'); background-repeat:no-repeat
}
td.presentG{
	background-image:url('../img/cadre2G.gif'); background-repeat:repeat-y
}
td.presentC{
	padding-bottom:10px;
}
td.presentD{
	height:1px; background-image:url('../img/cadre2D.gif'); background-repeat:repeat-y
}
td.presentBG{
	height:20px; background-image:url('../img/cadre2BG.gif'); background-repeat:no-repeat
}
td.presentB{
	background-image:url('../img/cadre2B.gif'); background-repeat:repeat-x
}
td.presentBD{
	background-image:url('../img/cadre2BD.gif'); background-repeat:no-repeat
}

/* Page Packs */
div.sTitre{
	text-align:center; margin-bottom:0; margin-top:35px; height:50px;
}
div.packAccueil{
	margin-top:0; margin-right:25px; margin-left:5px; padding-left:10px;
	border-left:solid 1px #CCCCCC
}
div.packAccueil2{
	margin-top:30px; margin-right:25px; margin-left:5px; padding-left:10px;
	border-left:solid 1px #CCCCCC
}
div.packtext{
	margin-bottom:5px; padding-left:10px; padding-right:10px; 
}
img.separation{
	margin-top:35px; margin-bottom:10px;
}
p.PacksPourquoi{
	margin-left:5px; margin-right:0; text-indent:15px; margin-top:20px;
}
p.PacksPourquoi2{
	margin-left:35px; margin-right:0; margin-top:20px
}
div.Remarque{
	font-weight:bold; margin:30px 0 10px 20px; 
}
table.tabDetailPack{
	font-size:11px; width:435px;
}
td.sousTitre{
	color:green; font-size:12px; font-weight:bold; padding-bottom:8px; padding-top:8px
}
td.prixPack{
	color:green; font-size:13px; font-weight:bold
}
td.prixPackBarrer{
	color:green; font-size:13px; font-weight:bold; text-decoration:line-through
}
td.prixPackPromo{
	color:red; font-size:13px; font-weight:bold
}
span.textPrix{
	font-size:10px; color:#999999; font-weight:normal;
}
td.ligneDetails{
	padding-bottom:2px; padding-top:2px;
}
/* mise en forme du logo et du texte de chaque pack dans packs.php */
td.tdLogo{
	padding:5px; padding-left:55px
}
td.tdTextPack{
	text-align:left; vertical-align:top; padding-top:20px; 
	padding-left:10px; text-align:justify
}
td.logoNum{
	width:200px; padding-top:15px;
}
/* mise en forme du texte du détails des packs dans packs.php */
td.vert{
	color:#669933; font-size:13px;
}
a.packOption{
	color:#999999
}
a.packOption:hover{
	text-decoration:underline; color:#666666; font-weight:normal
}
span.lienCatalogue{
	margin-left:10px; margin-right:5px;
}

/* reference */
div.referenceEx{
	margin-bottom:70px; width:450px;
	float:right;
}
div.miniature{
	display:none
}


img { 
	margin: 0px; padding: 0px; border: 0px; 
}
td img { display:block; } /* probleme espaces td avec firefox */