/************************************************************************/
/* styles.css                                                           */
/* Utilisé pour les templates du site PSA développement durable         */
/************************************************************************/


/***********************************************/
/* HTML tag styles                             */

/************************************/
/*Attention Les marges sous I.E sont multipliées par 2, problèmes identifiés non résolus*/
body {
	text-align: center;
	font-family: Verdana,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #C1C1B9;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin-left: 2px;
	padding-left: 3px;
	background-image: url(../imgs/mylist.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-indent: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.amasqueraimpression {
	visibility: visible;
}


/***********************************************/
/* Divs de structure                           */

/************************************/

#center
{
	/*float:center;*/
	position: absolute;
	left:50%;
}

#conteneurCentrage{ position: relative; text-align: center; left: -377px; }

#centrage{
	position: relative;
	width: 754px;
	margin-left: auto;
	margin-right: auto;
}
#mast{
	text-align: left;
	position:relative;
	z-index: 1;
	width: 754px;
	padding-top: 38px;
}
#centrelist{
	position: relative;
	width: 754px;
	z-index: 1;
	background-image: url(../imgs/bgd_centre02.gif);
	text-align: center;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#calemastleft{
	position: absolute;
	left: 0px;
	top: 38px;
	z-index: 20;
	background-image: url(../imgs/bgd_filet_vertical.gif);
	width: 1px;
	height: 21px;
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#calemastleft02{
	position:relative;
	float: left;
	z-index: 3;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	vertical-align: bottom;
	width: 1px;
	height: 22px;
}

#calemastleft03{
	position:relative;
	float: left;
	z-index: 3;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	vertical-align: bottom;
	width: 1px;
	height: 45px;
}

#calemastleft04{
	position:relative;
	float: left;
	z-index: 3;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	vertical-align: bottom;
	width: 1px;
	height: 17px;
}

#calemastright02{
	position:relative;
	float: right;
	z-index: 2;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	width: 1px;
	height: 22px;
}

#calemastright03{
	position:relative;
	float: right;
	z-index: 2;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	vertical-align: bottom;
	width: 1px;
	height: 45px;
}

#calemastright04{
	position:relative;
	float: right;
	z-index: 2;
	background-image:  url(../imgs/bgd_filet_vertical.gif);
	vertical-align: bottom;
	width: 1px;
	height: 17px;
}

#footer{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	width: 754px;
	height: 34px;
	top:-34px;
}
/***********************************************/
/*Divs de masthead et footer                   */

/************************************/


/*#nav{
	position:relative;
	background-image:  url(../imgs/bgd_nav.gif);	
	float: left;
	z-index: 2;
	width: 574px;
	height: 21px;
	text-align: left;
	margin: 38px 0px 0px 0px;
}*/
#nav{
	position: relative;
	z-index: 2;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}
#logo_main{
	position: absolute;
	left: 532px;
	top: 0px;
	width: 222px;
}
#logo{
	text-align:right;
	position: relative;
	display: block;
	margin: 0px;
	/*float: right;*/
	z-index: 18;
	/*width: 179px;
	height: 59px;*/
}
#logo_2{
	position: absolute;
	margin: 0px;
	right: 27px;
	top: 35px;
	z-index: 20;
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #76787b;
	font-weight: bold;
	font-style: italic;
}
#logo_2 h1{
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #76787b;
	font-weight: bold;
	font-style: italic;
}
#logo_print{
	text-align:right;
	position: relative;
	display: none;
	margin: 0px;
	/*float: right;*/
	z-index: 17;
	/*width: 222px;
	height: 86px;*/
}
#titrecontextactu{
	position:relative;
	float: right;
	z-index: 2;
	width: 104px;
	height: 17px;
}

#titrecontextmeaactu{
	position:relative;
	float: right;
	z-index: 2;
	width: 104px;
	height: 17px;
	top: -7px;
}

#filetfooter{
	float: left;
	z-index: 2;
	background-image:  url(../imgs/bgd_filet.gif);
	text-align: left;
	width: 754px;
	height: 1px;
}
#contenufooter{
	float: left;
	z-index: 3;
	background-image:  url(../imgs/bgd_footer.gif);
	width: 754px;
	height: 40px;
	font-family: Verdana,sans-serif;
	color: #000000;
	font-size: 11px;
}

#contenufooter a, #contenufooter a:hover, #contenufooter a:visited
{
	text-decoration:none;
}
#contenufooter img
{
	border:0px;
}


/***********************************************/
/*Divs de la partie centrale                   */

/************************************/


#titrecentre{
	position:relative;
	float: right;
	z-index: 3;
}
#contenucentre {
	position: relative;
	/*background-color: Fuchsia;*/
	width: 752px;
	text-align: left;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0px 10px 0px;
}
/*Divs INDEX                   */

#actualite{
	float: right;
	z-index: 8;
	padding: 7px 13px 0px 0px;
	width: 238px;
	height: 85px;
}

#actuttl{
	position:relative;
	text-align: right;
	width: 238px;
	z-index: 8;
}

#actucontenu{
	position:relative;
	width: 238px;
	z-index: 8;
	margin: 5px 0px 0px 0px;
}

#performance{
	float: left;
	z-index: 8;
	text-align: left;
	padding: 7px 0px 0px 50px;
	width: 180px;
	height: 85px;
}

#perfttl{
	position:relative;
	z-index: 8;
}

#perfcontenu{
	position:relative;
	z-index: 8;
	width: 180px;
	margin: 5px 0px 0px 0px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#indexcentral{
	position:relative;
	z-index: 2;
	margin: 0px 0px 0px 0px;
	width: 752px;
	height: 315px;
	clear: both;
}

#legende{
	position:absolute;
	float: left;
	z-index: 5;
	margin: 9px 0px 0px 0px;
	width:220px;
	visibility: hidden;
}

#legendetop{
	position:relative;
	float: left;
	z-index: 5;
	width: 220px;
}

#legendecontenu{
	position:relative;
	float: left;
	z-index: 5;
	margin: 0px 10px 0px 0px;
	background-color : #000000;
	width:220px;
	height: 196px;	
}

#legendettl{
	position:absolute;
	float: left;
	z-index: 4;
	background-color : #000000;
	width:220px;
	margin: 252px 0px 0px 0px;
	text-align: center;
}



#defi{
	position:absolute;
	float: left;
	z-index: 4;
	width: 155px;
	height: 85px;
	margin: 11px 0px 0px 238px;
}

#defittl{
	position:relative;
	float: left;
	z-index: 4;
	width: 92px;
	height: 28px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_defi_top.png);
}

#defittl2{
	position:relative;
	float: left;
	z-index: 4;
	height: 28px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_defi_top_2.png);
}

#defibottom{
	position:relative;
	float: left;
	z-index: 4;
	width: 175px;
	height: 17px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_defi_bottom.png);
    
}

#deficontenu{
	position:relative;
	float: left;
	z-index: 4;
	padding: 0px 0px 0px 0px;
	width: 175px;
	height: 40px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_defi_middle.png);
}

#radd{
	position:absolute;
	float: left;
	z-index: 4;
	width: 233px;
	height: 85px;
    margin: 125px 0px 0px 30px;
    padding: 0px 0px 0px 0px;

}

#raddGB{
	position:absolute;
	float: left;
	z-index: 4;
	width: 233px;
	height: 85px;
    margin: 125px 0px 0px 30px;
    padding: 0px 0px 0px 0px;

}

#questionnairettl{
	position:relative;
	float: left;
	z-index: 4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 28px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_quest_top.png);
}

#questionnaire{
	position:relative;
	float: left;
    text-align: left;
	z-index: 4;
	padding: 2px 0px 0px 0px;
	width: 233px;
	height: 20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_quest.png);
}

#questbottom{
	position:relative;
	float: left;
	z-index: 4;
	width: 233px;
	height: 17px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_quest_bottom.png);
    
}

.quest{
   font-family: Arial,sans-serif;
	color: red;
	font-size: 12px;
	font-weight: bold;
	width: 220px;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	border-style: dotted;
	border-width: 1px;
	border-color: black;
}
.quest a{
   font-family: Arial,sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#version{
	position:absolute;
	float: left;
	z-index: 4;
	width: 135px;
	height: 20px;
	cursor:pointer;
	margin: 43px 0px 0px 600px;
	
}

#planaction{
	position:absolute;
	/*float: left;*/
	text-align: left;
	z-index: 6;
	width: 311px;
	margin: 200px 0px 0px 400px;
	top: -25;
}

#planttl1{
	position:relative;
	z-index: 4;
	width: 11px;
	height: 34px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_plan_top_1.png);
}

#planttl2{
	position:relative;
	float: left;
	z-index: 4;
	width: 189px;
	height: 34px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_plan_top_2.png);
}

#planttl3{
	position:relative;
	float: left;
	z-index: 4;
	width: 111px;
	height: 34px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_plan_top_3.png);
}

#plancontenu{
	position:relative;
	float: left;
	z-index: 4;
	width: 311px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	background-image: url(../imgs/home_pngs/index_plan_middle.png);
}

#planactionbottom{
	position:relative;
	float: left;
	z-index: 4;
	width: 311px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=83);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/home_pngs/index_plan_bottom.png);
}

#recherche{
	float: left;
	z-index: 8;
	width: 180px;
	padding: 0px 0px 0px 50px;
	text-align: left;	
}

#rechttl{
	position:relative;
	z-index: 8;
}
#rechcontenu{
	position:relative;
	z-index: 8;
	margin-top : 5px;
	width: 180px;
}
#dialogue{
	float: right;
	z-index: 8;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 0px 130px 0px 0px;
	width: 210px;
}

#dialttl{
	position:left;
	z-index: 8;
	width: 210px;
}

#dialcontenu{
	position:relative;
	z-index: 8;
	margin-top : 5px;
	width: 210px;
}
#indexgri{
	float: left;
	z-index: 3;
	width: 91px;
	padding: 40px 0px 0px 8px;
}
#accesdirect{
	float: left;
	z-index: 3;
	width: 496px;
	height: 20px;
	text-align: left;
	padding: 30px 0px 0px 240px;
}
select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #656561;
	color: #353C91;
}

#accesttl{
	position:absolute;
	width: 100px;
	z-index: 3;
	left: 0px;
	top: 4px;
	text-align: left;
}

#accescontenu{
	position: absolute;
	z-index: 3;
	width: 396px;
	left: 100px;
	top: 0px;
}


/************************************/

/************************************/
/* composants de formulaires        */
/************************************/

.combo{
	font-family: Verdana,sans-serif;
	color: #163D6A;
	font-size : 10px;
	text-decoration : none;	
	width : 120px;
	border : 1px solid #656561;
}



/************************************/

/************************************/
/* textes, hyperliens et ancres     */
/************************************/

.noir10{
	font-family: Verdana,sans-serif;
	color: #000000;
	font-size : 10px;
	text-decoration : none;
}
a.noir10:link{text-decoration : none;}
a.noir10:visited{text-decoration : none;}
a.noir10:hover{text-decoration: underline;}


.noir11{
	font-family: Verdana,sans-serif;
	color: #000000;
	font-size : 11px;
	text-decoration : none;
}
a.noir11:link{text-decoration : none;}
a.noir11:visited{text-decoration : none;}
a.noir11:hover{text-decoration: underline;}

.blank4{ font-size : 4px;}
.blank5{ font-size : 5px;}


.homeactu{
	font-family: Verdana,sans-serif;
	color: #707070;
	font-size : 9px;
	text-decoration : none;
}
a.homeactu:link{text-decoration : none;}
a.homeactu:visited{text-decoration : none;}
a.homeactu:hover{text-decoration: underline;}

.contextActualiteDate{
	font-family: Verdana,sans-serif;
	color: #FF9333;
	font-size : 11px;
}
a.contextActualiteDate:link{text-decoration : none;}
a.contextActualiteDate:visited{text-decoration : none;}
a.contextActualiteDate:hover{text-decoration: underline;}

#contextActualiteToutes {
	position: relative;
	text-align: right;
	font-weight: bold;
}
#contextActualiteToutes a {
	font-family: Verdana,sans-serif;
	color: #FF9333;
	font-size : 9px;
	text-decoration : none;
}
#contextActualiteToutes a:hover {
	text-decoration : underline;
}

.perftexte{
	font-family: Verdana,sans-serif;
	color: #333333;
	font-size : 9px;
}
a.perftexte:link{text-decoration : none;}
a.perftexte:visited{text-decoration : none;}
a.perftexte:hover{text-decoration: underline;}

.ttllegende{
	font-family: Verdana,sans-serif;
	color: #FFFFFF;
	font-size : 9px;
	font-weight: bold;
}
a.ttllegende:link{text-decoration : none;color: #FFFFFF;}
a.ttllegende:visited{text-decoration : none;color: #FFFFFF;}
a.ttllegende:hover{text-decoration: none;color: #C1C1B9;}

.legendetexte{
	font-family: Verdana,sans-serif;
	color: #E5E5DC;
	font-size : 9px;
	text-decoration : none;
}
a.ttllegende:link{text-decoration : none;}
a.ttllegende:visited{text-decoration : none;}
a.ttllegende:hover{text-decoration: none;}

.defitexte{
	font-family: Verdana,sans-serif;
	color: #FFFFFF;
	font-size : 10px;
	text-decoration : none;
}
a.defitexte:link{text-decoration : none;}
a.defitexte:visited{text-decoration : none;}
a.defitexte:hover{text-decoration: underline;}

.plantexte{
	font-family: Verdana,sans-serif;
	color: #FFFFFF;
	font-size : 10px;
	text-decoration : none;
}
a.plantexte:link{text-decoration : none;}
a.plantexte:visited{text-decoration : none;}
a.plantexte:hover{text-decoration: underline;}

.planitem{
	font-family: Verdana,sans-serif;
	color: #BEBDBD;
	font-size : 10px;
	text-decoration : none;
}

.rechtexte{
	font-family: Verdana,sans-serif;
	color: #333333;
	font-size : 9px;
}
.noir9{
	font-family: Verdana,sans-serif;
	color: #000000;
	font-size : 9px;
	text-decoration : none;
}
a.noir9:link{text-decoration : none;}
a.noir9:visited{text-decoration : none;}
a.noir9:hover{text-decoration: underline;
}

.gris9{
	font-family: Verdana,sans-serif;
	color: #666666;
	font-size :9px;
	text-decoration : none;
}
a.gris9:link{text-decoration : none;}
a.gris9:visited{text-decoration : none;}
a.gris9:hover{text-decoration: underline;
}


a.rechtexte:link{text-decoration : none;}
a.rechtexte:visited{text-decoration : none;}
a.rechtexte:hover{text-decoration: underline;}

.dialtexte{
	font-family: Verdana,sans-serif;
	color: #333333;
	font-size : 9px;
}
a.dialtexte:link{text-decoration : none;}
a.dialtexte:visited{text-decoration : none;}
a.dialtexte:hover{text-decoration: underline;}

.glossaire{
	cursor: help;
	color: #FF3399;
}