@charset "utf-8";

body {
	font-family: arial, palatino, "palatino Linotype", times, "times new roman", serif;
	font-size: 12px;
	line-height: 1.5;
}

/* Text
---------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight: normal;
	font-family:helvetica,Verdana,Arial;
}

h1 {
	font-size:16px;
	margin:0px;
	padding:0px;
}

p {
font-size:11px;
}

h2 {
	font-size:14px;
	margin:0px;
	padding:0px;
}

h3 {
	font-size: 16px;
	line-height: 1.2;
}

h4 {
	font-size: 1.25em;
	line-height: 1.25;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

blockquote, q, cite {
	font-style: italic;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

code, kbd, pre, samp, tt {
	font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
	line-height: 1.3;
}

pre {
	/* word-wrap: break-word; */
	white-space: pre-wrap;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}

var {
	font-style: normal;
}

center {
	text-align: center;
}

/* Hypertext
---------------------------------------- */
a:focus {
	outline: 1px dotted;
}

/* Image
---------------------------------------- */
img {
	border: 0;
}

/* List
---------------------------------------- */
ul {
	list-style: disc outside none;
}

ol {
	list-style: decimal outside none;
}

li {
	margin-left: 2em;
}

li ul, li ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1em;
}

/* Presentation
---------------------------------------- */
hr {
	border: 0;
	border-bottom: 1px solid;
}

big {
	font-size: 1.25em;
}

small, sub, sup {
	font-size: .85em;
}

sub, sup {
	line-height: 1;
}

sub {
	vertical-align: bottom;
}

sup {
	vertical-align: top;
}

del, s, strike {
	text-decoration: line-through;
}

ins {
	text-decoration: none;
	border-bottom: 1px dotted;
}

bdo {
	border-bottom: 1px dotted;
}

u {
	text-decoration: underline;
}

/* Form
---------------------------------------- */
fieldset {
	padding: 1em;
}

legend {
	font-weight: bold;
	padding: 0 .25em;
}

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
}

input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {
	cursor: pointer;
	line-height: 1;
}

input[type=text], input[type=password], textarea {
	padding: 1px;
}

textarea {
	text-align: left;
	line-height: 1.25;
}

/* Table
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	line-height: 1.3;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

th, td {
	padding: .5em 1em;
	border: 0 none;
}

caption {
	padding-bottom: 1em;
}

th {
	font-weight: bold;
}

/* Clearfix
---------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

body {
	background: #cccbc9;
	font: 12px Helvetica, Arial, sans-serif;
	color: #000;
}

#header, #content, #content-bottom, #footer{
	position: relative;
	width: 970px;
	margin: 0 auto;
}
#footer{background-color:#ffffff;padding-top:5px;padding-bottom:5px;}
#footer p { color:#000000  ;  font-size:10px; }
#footer a:link,  #footer p a:link, #footer p a:visited, #footer a:visited { color:#000000  ;  font-size:10px; padding:0px; margin:0px;text-decoration:none; }
#footer p a:hover, #footer a:hover { color:#000000  ;  font-size:10px; text-decoration:underline;}


a:link, a:visited {color:#645a58;text-decoration:none;}
a:hover {color:#645a58;text-decoration:underline;}


#iframe_modules{
	position: absolute;
	top:0px;
	left:228px;
	width:742px;
	height:496px;
}
#footer {}


/*
////////////////////////////////////////////////////////////////////////////////
//
//  Login
//
////////////////////////////////////////////////////////////////////////////////
*/

#bodyLogin {
	background: #F2F2F2 none;
	text-align: center;
	font-size:11px;
}

#bodyLogin .loginConnect {
	width: 274px;
	height: 226px;
	margin: 20px auto;
	background: url(../Images/connexion.png) 0 0 no-repeat;
	position: relative;
}

#bodyLogin .login label {
	position: absolute;
	top: 43px;
	left: 20px;
}

#bodyLogin .input {
	position: absolute;
	left: 23px;
	background: #ececec;
	border: 0 none;
	width: 220px;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

#bodyLogin .login .input {
	top: 60px;
}

#bodyLogin .password label {
	position: absolute;
	top: 94px;
	left: 20px;
}

#bodyLogin .password .input {
	top: 111px;
}

#bodyLogin .lostpassword {
	position: absolute;
	top: 180px;
	padding: 0 20px;
	left: 0;
}

#bodyLogin .lostpassword a, #bodyLogin .lostpassword a:hover, #bodyLogin .lostpassword a:visited {
	font-weight: normal;
}

#bodyLogin .submit {
	position: absolute;
	top: 140px;
	left: 90px;
}

#bodyLogin .error,#bodyLogin .error span {
	color: red;
	font-weight: bold;
}

/* -- GNV --- */
#desc {
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: silver 1px;
    BORDER-LEFT: silver 1px;
    BORDER-RIGHT: silver 1px;
    BORDER-TOP: silver 1px;
    MARGIN: 1px 0em;
    TEXT-ALIGN: justify;
    TEXT-INDENT: 0%;
}
.DBody {
    color : #000080; 
	font-size : xx-small; 
	font-family: Verdana; 
 
	padding-top: 2;
}
.DDate {
	color : #000080; 
	font-size : xx-small;
}
.DHead {
    color: #FFFFFF;
	background-color: #8183A2; 
	font-family: verdana; 
	font-size: 10pt; 
	font-style: normal; 
    font-weight: bold; 
}

.permLec:link {
	color : #FFFFFF;
	font-size : xx-small;
	font-weight : bold;
	text-decoration: none;
}

.LayCatPathText {
	font-family: verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #000080;
}

#LayCatPathHref {
	font-family: verdana;
	font-size:xx-small;
	font-weight : bold;
	text-decoration: none;
	color: #000080;
}

#LayCatPathHref:hover {
	font-family: verdana;
	font-size:xx-small;
	font-weight : bold;
	text-decoration: none;
	color: #FF0000;
}

.LayCatChildTitle {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #7C7C7C;
	margin : 10px;
	background : #DFDFDF;
}

.LayCatLayoutTitle {
	font-family: verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #000080;
}

#main { position:relative;width:980px;height:auto;margin-left:auto;margin-right:auto;}
#main #head { position:relative;width:980px;height:116px;background:url(../Images/logo.png) no-repeat 5px 0px;}
#banner     { position:absolute; top:0px; right:4px;width:743px;height:116px; }
#sep {margin-bottom:25px;}
ul { margin-bottom:20px;    }
#colonneDroite ul, #colonneDroite li, ul, li {list-style:none;padding:0px;margin:0px;}
li{width:126px;margin-left:auto;margin-right:auto;}
#colonneGauche {background:url(/Portal_Templates/Anonyme/Images/Images/fdLeftColonn.png) no-repeat 0px 0px #605655; width:221px;height:auto;min-height:496px;text-align:center;}
#colonneDroite {background:url(/Portal_Templates/Anonyme/Images/Images/AccueilBg.jpg) no-repeat 0px 0px #c0c0c0; width:741px; height:496px; table-layout:fixed; overflow:hidden; }

p{margin:0px;padding:0px;}
#listing {padding-top:20px;padding-left:0px;text-align:left;width:350px;}
#listing h2 {font-size:14px;font-weight:bold;}
#listing p {font-size:12px;}
h1 b {font-size:15px;}

#references h1, #references h2{
font-family:Impact,Verdana,Arial;
font-size:18px;
}

#ref{
border-right:1px solid #999999;
}

#references p {padding-bottom:20px;font-size:12px;}

.bleu {
color:#004485;
}
.jaune {
color:#f8c504;
}
.rouge {
color:#e30b1f;
}
#coordonnee {
width:380px;
position:absolute;
right:0px;
bottom:10px;
background:url(/Portal_Upload/Images/img.jpg) no-repeat 0px 0px; 
}

#coordonnee2 {
width:350px;
background:url(/Portal_Upload/Images/img.png) no-repeat 0px 0px; 
}
#coordonnee2  td {padding-left:40px;}
#coordonnee2  p {padding:0px;margin:0px;}
#coordonnee  p {padding:0px;margin:0px;}
#coordonnee  td {padding-left:40px;}

#mineraux, #alimentaire, #plast, #references {padding:0px;margin:0px;margin-top:30px;}
#mineraux td, #alimentaire td, #plast td , #references td {padding:0px;margin:0px;}
#contentFoot {position:absolute;left:250px;bottom:0px;z-index:1;}

#vignette :hover {
border:3px solid #004182;
}

.c1 a,.c2 a,.c3 a,.c4 a,.c5 a,.c6 a { 
border:none;
float:left;
margin:3px;
}

.c1 a img, .c2 a img, .c3 a img, .c4 a img, .c5 a img , .c6 a img {
border:none;
float: left;
}

.c1 a:hover, .c2 a:hover, .c3 a:hover, .c4 a:hover, .c5 a:hover, .c6 a:hover{ 
outline :3px solid #004182;
}
.c1, .c2, .c3, .c4, .c5, .c6 { position:relative;width:80px;height:80px;}
#img1, #img2, #img3, #img4, #img5, #img6 {
position:absolute;
display:none;
}

#img1{left:500px;top:140px;z-index:20; }
#img2{left:500px;top:140px;z-index:21; }
#img3{left:500px;top:140px;z-index:22; }
#img4{left:500px;top:240px;z-index:23; }
#img5{left:500px;top:240px;z-index:24; }
#img6{left:500px;top:240px;z-index:25; }

#aliment .c1 a:hover, #aliment .c2 a:hover, #aliment .c3 a:hover, #aliment .c4 a:hover, #aliment .c5 a:hover, #aliment .c6 a:hover{ 
outline :3px solid #ffc800;
}

#plastic .c1 a:hover, #plastic .c2 a:hover, #plastic .c3 a:hover, #plastic .c4 a:hover, #plastic .c5 a:hover, #plastic .c6 a:hover{ 
outline :3px solid #d10019;
}

#alimentaire p,#mineraux p, #plast p {padding-bottom:8px;font-size:12px; }

#footMineraux {
position:absolute;
left:240px;
bottom:10px;
}
#footbaseLine{
position:absolute;
left:565px;
bottom:13px;
}

#ContactTab, #ContactTab table, #ContactTab table td  {
font-size:12px;
color:#000000;
font-weight:normal;
}

#linkHome {
position:absolute;
width:211px;
height:93px;
top:10px;
left:10px;
}

#accueilBlock{
width:600px;
height:200px;
position:absolute;
left:280px;
top:60px;
background:url(/Portal_Upload/Images/accueil/colonneHome.png) no-repeat 0px 0px; 
}

#accueilBlock p {
padding-left: 100px;
padding-bottom:40px;
font-size:16px;
font-weight:normal;
font-family:Arial, Verdana, Helvetica;
}

#contentHome{
width:978px;
}

#footerHome{
width:978px;
}

#colonneGaucheHome {padding-top:20px;background:url(/Portal_Templates/Anonyme/Images/fdLeftColonn.png) no-repeat 0px 0px #584e4c; width:240px; height:auto; min-height:420px;}
#colonneDroiteHome {background:url(/Portal_Templates/Anonyme/Images/bgMention.png) repeat-x 0px 0px #e3e4e5; width:719px; height:396px; }


#line1,#sep{width:126px; height:22px;}
#line2,#line3,#line4,#line5 {width:126px; height:120px;}


#listSavoirFaire {
position:absolute;
width:700px;
padding:0px;
margin:0px;
}
#listSavoirFaire td{
padding:0px;
margin:0px;
}

#minCadre,#aliment,#plastic{
position:absolute;
top:60px;
left:565px;
}
#SelectProfil {position:absolute;top:0px;right:20px;text-align:center;z-index:9999;}
#SelectProfil select{background-color:yellow;}
#iframe_modules{position: relative;top:0px;width: 986px;height:800px;}
#TBLAY a:link , #TBLA  a:hover , #TBLAY a:active , #TBLAY a:visited {color:#000 !important}
.adminbox{position:absolute;left:-310px;top:50px;z-index:999999;border:2px solid red; background:#fff; padding:10px; width:300px;}
