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

/*

CSS: http://www.transdev.fr/

Description: main "screen" css

Version: 1

Author: Enguerrand Leclerc pour Stockho

*/

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

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

/* html and body styling */

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

@import url("color.css");



body {

	background:#ffffff;

	color:#5b5b5b;

	margin:0;

	padding:0;

}



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

/* font styling  (from yahoo ui) */

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

/*	font-size:77% 	renders 10px	*/

/*	font-size:85% 	renders 11px	*/

/*	font-size:92% 	renders 12px	*/

/*	font-size:100% 	renders 13px	*/

/*	font-size:107%	renders 14px	*/

/*	font-size:114%	renders 15px	*/

/*	font-size:122%	renders 16px	*/

/*	font-size:136%	renders 18px	*/ 

	

body { font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%; }

select, input, textarea { font:99% arial,helvetica,clean,sans-serif; }

pre, code { font:115% monospace;*font-size:100%; }

//body * { line-height:1.3em; }



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

/* Basic styling */

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



div, form { margin:0; padding:0; }



pre { overflow:auto; }



a, a:link { color:#5b5b5b; }

a:visited { color:#a0a0a0; }

a:focus, a:hover { }

a:active { }



a img { border:none; }



p, blockquote { margin:0; padding:0 0 .36em 0; }



h3, h4, h5, h6 { font-size:100%; margin:0; padding:.4em 0 .2em; }	



h2 { font-size:107% margin:0; }



ul, ol { list-style-type:square; margin:0; padding:.2em 0 .2em 1.2em; }



li { padding:0 0 .3em; }



dl { margin:0; padding:0 0 .3em; }



dt { font-weight:bold; padding:.5em 0 0; }



dd { line-height:1.4; margin:.3em 0 .5em 1em; padding:0; }



ins { font-style:italic; text-decoration:none; }



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

/* default styling */

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



.clear { clear:both; }



.notitle {

display: none;

}



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

/* color styling */

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







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

/* global layout styling */

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



#page {

	margin:-12px auto 20px auto;

	width:925px;

	position:relative;

	font-family: Verdana;

  z-index:1;

}



div.fra {

	background: transparent url(../imagesSite/Common/topHead.jpg) no-repeat 0 0;



}



div.eng {

	background: transparent url(../imagesSite/Common/eng_topHead.jpg) no-repeat 0 0;

}





#prelude {

	margin:0 auto;

	width:925px;

  z-index:100;

  position:relative;

}



#wrapper {

	border-left:1px solid #e5ebf2;

	border-right:1px solid #e5ebf2;

	width:100%;

	padding-top:51px;

	padding-bottom:4em;

}



#main {

	width:76%;

	float:right;

	

}



#col {

	width:22%;

	margin-left:1.5%;

}



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

/* prelude */

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



#prelude {

font-family:Tahoma;

font-size:77%;

color:#848484;

text-align: right;

}



#prelude a, #prelude a:visited { 

	color:#848484;

	text-decoration: none;	

}



#prelude ul {

	padding: 5px 20px; 

	list-style-type: none;

}



#prelude ul li {

	display:inline;

}



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

/* header and navigation */

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



#top { height:135px; }



#title {

	padding-left: 18px;

	padding-top:  29px;

}



ul#nav {

	position:absolute;

	top:110px;

	list-style-type:none;

	margin:0;

	padding:0;

	height:26px;

}



#nav li {

	float:left;

	display:block;

	height:26px;

	padding:0;

	margin:0;

}

#nav li a { 

	display:block;

	height:26px;

	overflow:hidden;

	text-indent:-1000em;

	background-repeat: no-repeat;

}



#nav.fra  li a {

background-image: url(../imagesSite/fr/nav.gif);

}

#nav.eng  li a {

background-image: url(../imagesSite/en/nav.gif);

}



#nav li.item1 a {  width:137px; background-position: 0 0; }

#nav li.item1h a {  width:137px; background-position: 0 -26px; 	}

#nav li.item1 a:hover { background-position: 0 -26px; }



#nav li.item2 a {  width:175px; background-position: -137px 0; }

#nav li.item2h a {  width:175px; background-position: -137px -26px; }

#nav li.item2 a:hover {  background-position: -137px -26px; }



#nav li.item3 a {  width:164px; background-position: -312px 0; }

#nav li.item3h a {  width:164px; background-position: -312px -26px; }

#nav li.item3 a:hover { background-position: -312px -26px; }



#nav li.item4 a {  width:165px; background-position: -476px 0; }

#nav li.item4h a {  width:165px; background-position: -476px -26px; }

#nav li.item4 a:hover { background-position: -476px -26px; }



#nav li.item5 a {  width:135px; background-position: -641px 0; }

#nav li.item5h a {  width:135px; background-position: -641px -26px; }

#nav li.item5 a:hover { background-position: -641px -26px; }



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

/* main content */

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

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

/* main content - spacing, font */

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



#main p {

padding-bottom:1em;

}



#main h1, #main h2 { padding-left:37px; }



.intro, .basetext, .basetextimg, .result , .introtextimg{ margin-left:37px; }



#main h1, #main h2, .intro, .basetext, .basetextimg, .result,.introtextimg  { margin-right:37px; }



.basetext, .basetextimg { font-size:85%; }

.introtextimg {font-weight:bold;}

.basetextimg2 { font-size:75%; }



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

/* main content - title */

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



#main h1 {

	margin:0 0 0.5em 0;

	font-size: 136%;

	color: #00853e;

	background: transparent url(../imagesSite/Common/bgH1.gif) no-repeat right 0;

	text-transform: uppercase;

}



h1 {

	margin:0 0 0.5em 0;

	padding:20px 0 0 22px;

	font-size: 136%;

	color: #00853e;

	background: transparent url(../imagesSite/Common/bgH1.gif) no-repeat 5px 1px;

	text-transform: uppercase;

}





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

/* main content - intro */

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



.intro {

	font-size:92%;

	font-weight: bold;

	color: #00853e;

}



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

/* main content - h2 subtitle */

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



#main h2 {

	color:#003d7d;

	font-size:107%;

	background: transparent url(../imagesSite/Common/arrowH2.gif) no-repeat 20px 5px;

	margin:1.8em 0 0.5em 0;

	

	

}



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

/* main content - basetext img */

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



.contentimg {

	float:right;

	background: transparent url(../imagesSite/Common/imgDecoBlue.gif) no-repeat bottom;

	padding:0 0 1px 0;

	margin-left:10px;

}



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

/* main content - result */

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



.result {

	margin-top:1em;

	margin-bottom:1em;

	padding-bottom:1em;

	border-bottom: 1px solid #9cb4cd;

}

.result .title {

	font-size:114%;

	color:#003d7d;

}



.result .content {

	font-size: 85%;

}



.result .downlink {

	display: block;

	font-size: 77%;

	text-align: right;

	

}



.result .downlink a {

	background: transparent url(../imagesSite/Common/pictoPdf.gif) no-repeat 0 7px;

	padding:10px 0 5px 20px;

	margin: 0;

}



.result .downlink a, .result .downlink a:visited {

	color:#5b5b5b;

	text-decoration: none;

	font-weight: bold;

}



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

/* side column */

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

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

/* side column - title */

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



#col h3 { 

	display: block;

	height:0;

	padding: 0;

	overflow: hidden;

	text-indent: -1000em;

	background-repeat: no-repeat;

	background-position: 8px center; 

  background-color:#F0EAE1;

}

#col h3.fra_divers, #col h3.eng_divers{ 

	height:10px;

}



#col h3.fra_legroupe { background-image:url(../imagesSite/fr/sidebarH3Groupe.gif); height:45px;}

#col h3.eng_legroupe { background-image:url(../imagesSite/en/sidebarH3Groupe.gif); height:45px;}



.fra_nosengagements_qualite #col h3.fra_nosengagements{ background-image:url(../imagesSite/fr/sidebarH3Engagement.gif); height:45px;}

.eng_nosengagements_qualite #col h3.eng_nosengagements { background-image:url(../imagesSite/en/sidebarH3Engagement.gif); height:45px;}

.fra_nosengagements_environnement #col h3.fra_nosengagements { background-image:url(../imagesSite/fr/sidebarH3Engagement2.gif); height:45px;}

.eng_nosengagements_environnement #col h3.eng_nosengagements{ background-image:url(../imagesSite/en/sidebarH3Engagement2.gif); height:45px;}

.fra_nosengagements_developpementdurable #col h3.fra_nosengagements { background-image:url(../imagesSite/fr/sidebarH3Engagement3.gif); height:45px;}

.eng_nosengagements_developpementdurable #col h3.eng_nosengagements { background-image:url(../imagesSite/en/sidebarH3Engagement3.gif); height:45px;}

.fra_nosengagements_securite #col h3.fra_nosengagements { background-image:url(../imagesSite/fr/sidebarH3Engagement4.gif); height:45px;}

.eng_nosengagements_securite #col h3.eng_nosengagements { background-image:url(../imagesSite/en/sidebarH3Engagement4.gif); height:45px;}



#col h3.fra_notreexpertise { background-image:url(../imagesSite/fr/sidebarH3Expertise.gif); height:45px;}

#col h3.eng_notreexpertise { background-image:url(../imagesSite/en/sidebarH3Expertise.gif); height:45px;}

#col h3.fra_rejoigneznous { background-image:url(../imagesSite/fr/sidebarH3Rejoignez.gif); height:45px;}

#col h3.eng_rejoigneznous { background-image:url(../imagesSite/en/sidebarH3Rejoignez.gif); height:45px;}

#col h3.fra_publications { background-image:url(../imagesSite/fr/sidebarH3Publications.gif); height:45px;}

#col h3.eng_publications { background-image:url(../imagesSite/en/sidebarH3Publications.gif); height:45px;}



#col h3.fra_nosengagements { background-image:url(../imagesSite/fr/sidebarH3EngagementGris.gif); height:45px;}

#col h3.eng_nosengagements { background-image:url(../imagesSite/en/sidebarH3EngagementGris.gif); height:45px;}

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

/* side column - main menu */

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



#mainmenu { 

	list-style-type: none;

	margin: 0 0 2em 0;

	padding: 0 0 25px 0;

	font-size:95%;

	/*border-bottom: 1px solid #f2f1e5;*/

  background:#f0eae1 url(../imagesSite/Common/bgMainMenu.gif) no-repeat 0 bottom;

}

.fra_sitemap_sitemap #mainmenu,

.eng_sitemap_sitemap #mainmenu {

  background:none;

  border-bottom: 1px solid #f2f1e5;

  padding: 0;

}

#mainmenu li {

	padding:4px 0 4px 0;

	/*border-top: 1px solid #f2f1e5;*/

  margin-left:8px;

  text-transform:uppercase;

  font-size:85%;

}

.fra_sitemap_sitemap #mainmenu li,

.eng_sitemap_sitemap #mainmenu li{

  border-top: 1px solid #f2f1e5;

  text-transform:none;

  font-weight: bold;

}

#mainmenu li a {

	text-decoration:none;

	/*font-weight: bold;	*/

	color:#5b5b5b;

  display:inline-block;

  padding-left:12px;

	background: transparent url(../imagesSite/Common/arrowMainMenu.gif) no-repeat 2px 2px;

}



#mainmenu li a:visited { color:#5b5b5b;}



#mainmenu li a:hover { color:#00853e;}



#mainmenu li a.current:link, #mainmenu li a.current:visited {

/*color:#00853e;*/font-weight: bold;

}



#mainmenu li.under {

padding-left:24px;

font-size:75%;

/*background: transparent url(../imagesSite/Common/arrowMainMenu.gif) no-repeat 15px 0.9em;*/



}



#mainmenu li.under a {

	font-weight: normal;

}



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

/* side column - contextual menu */

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



.contextmenu {

	list-style-type: none;

	margin: 0 0 2em 0;

	padding: 0.4em;

	background:#e6eaef;

	font-size:85%;

	font-family: Tahoma;

	display: block;



}



.contextmenu li {

	padding: 0.2em 0 0.2em 10px;

	background: transparent url(../imagesSite/Common/dot.gif) no-repeat 2px 0.8em;

}



.contextmenu li a {

	text-decoration:none;

	color:#104c8a;

}



.contextmenu li a:visited { color:#104c8a; }



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

/* side column - implantation map */

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

.implant, .engimplant {

	font-size: 77%;

	margin: 0 0 2em 0;

}



#col .implant h4 { 

	background: transparent url(../imagesSite/fr/sidebarH3NosReseaux.gif) no-repeat 0 0; 

	display:block;

	overflow:hidden;

	text-indent: -1000em;

	padding:0;

	height: 27px;

  position:relative;

  margin-left:-15px;

}



#col .engimplant h4 { 

	background: transparent url(../imagesSite/en/sidebarH3NosReseaux.gif) no-repeat 0 0; 

	display:block;

	overflow:hidden;

	text-indent: -1000em;

	padding:0;

	height: 27px;

  position:relative;

  margin-left:-15px;

}

#col .implant {

	padding-bottom:1px;

	background: transparent url(../imagesSite/Common/trait.gif) no-repeat bottom;

	margin-bottom:0.2em;

}

#col .engimplant {

	padding-bottom:1px;

	background: transparent url(../imagesSite/Common/trait.gif) no-repeat bottom;

	margin-bottom:0.2em;

}

a.implantlink {

	color:#114d8c;

	text-decoration: none;

	display:block;

	padding: 0.5em 0 110px 0.5em;

	background: transparent url(../imagesSite/Common/miniMap.gif) no-repeat bottom;

}

a.implantlink:visited { color:#114d8c; }



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

/* side column - flag menu */

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



#col .flag {

	font-size:77%;

	margin: 0 0 2em 0;

}



#col .flag h4 {  

	margin:0;

	padding:0.5em;

	/*background: #396a9c;

	color:#fff;*/

  color:#114D8C;

	font-weight: normal;

}



.flag ul {

	list-style-type: none;

	margin:0;

	padding: 0.2em 0 0 20px;

	font-family: Tahoma;

	text-transform: uppercase;

}



.flag li {

	margin:0;

	padding: 0 0 0 20px;

	background-repeat:  no-repeat;

	background-position: 2px 0.3em;

}

.flag li.flaguk { background-image: url(../imagesSite/Common/flagUk.gif); }

.flag li.flagde { background-image: url(../imagesSite/Common/flagDe.gif); }

.flag li.flagau { background-image: url(../imagesSite/Common/flagAu.gif); }

.flag li.flagpo { background-image: url(../imagesSite/Common/flagPo.gif); }

.flag li.flagit { background-image: url(../imagesSite/Common/flagIt.gif); }

.flag li.flages { background-image: url(../imagesSite/Common/flagEs.gif); }

.flag li.flagnl { background-image: url(../imagesSite/Common/flagNl.gif); }

.flag li.flagca { background-image: url(../imagesSite/Common/flagCa.gif); }

.flag li.flagma { background-image: url(../imagesSite/Common/flagMa.gif); }

.flag li a {

	text-decoration:none;

	color:#104c8a;

}



.flag li a:visited { color:#104c8a; }



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

/* side column - search box */

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

.frarecherche h4 {

	display:block;

	overflow:hidden;

	text-indent: -1000em;

	padding:0;

	height: 45px;

	background-repeat: no-repeat;

	background-position: 0 center; 

  background-color:#F0EAE1;

  background-image: url(../imagesSite/fr/titreRecherche.gif); 

}



.engrecherche h4 {

	display:block;

	overflow:hidden;

	text-indent: -1000em;

	padding:0;

	height: 45px;

	background-repeat: no-repeat;

	background-position: 0 center; 

  background-color:#F0EAE1;

  background-image: url(../imagesSite/en/titreRecherche.gif); 

}



.frarecherche {

	font-size:85%;

	margin: 0 0 2em 0;

	padding: 0 0 10px 10px;

  background:#f0eae1 url(../imagesSite/Common/bgMainMenu.gif) no-repeat 0 bottom;

	

	

}

.frarecherche fieldset {

padding:5px 10px;

padding:O; margin:O; border:none;

}

.frarecherche label {

display:block;

font-weight: bold;

color:#003d7d;

padding:0.3em 0 0.1em;

}

.frarecherche select,.chpstext {

width: 80%;

}

.engrecherche {

	font-size:85%;

	margin: 0 0 2em 0;

	padding: 0 0 10px 10px;

  background:#f0eae1 url(../imagesSite/Common/bgMainMenu.gif) no-repeat 0 bottom;

	

	

}

.engrecherche fieldset {

padding:5px 10px;

padding:O; margin:O; border:none;

}

.engrecherche label {

display:block;

font-weight: bold;

color:#003d7d;

padding:0.3em 0 0.1em;

}

.engrecherche select,.chpstext {

width: 80%;

}





.submit {

margin-top:10px;

margin-bottom:10px;

margin-left:40%;

}



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

/* footer */

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



#footer {

font-family:Tahoma;

font-size:77%;

height:100px;

color:#848484;

border-bottom:1px solid #e5ebf2;

border-left:1px solid #e5ebf2;

border-right:1px solid #e5ebf2;

width:100%;

background: transparent url(../imagesSite/Common/footerInner.gif) no-repeat 0 0;

}



#footer a, #footer a:visited { 

	color:#848484;

	text-decoration: none;	

}



#footercopy {

	padding:82px 5px 5px 5px;

	width:40%;

	float:left;

}



#footerlinks {

	padding:82px 5px 5px 5px;

	width:40%;

	float:right;

	text-align: right;

}



#footerlinks ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#footerlinks li {

	display: inline;

	margin: 0;

	padding: 0 10px 0 15px;

	background-repeat: no-repeat;

	background-position: 0 0;

}

#footerlinks li.reading { background-image: url(../imagesSite/Common/pictoLoupe.gif);}

#footerlinks li.map 	{ background-image: url(../imagesSite/Common/pictoMap.gif);	}

#footerlinks li.contact { background-image: url(../imagesSite/Common/pictoMail.gif);}

#footerlinks li.link 	{ background-image: url(../imagesSite/Common/pictoLink.gif);}



.fonction {

	color:#003d7d;

	font-size:70%;

	font-weight:bold;	

}



.contentimgarrondi {

	float:right;

	background: transparent url(../imagesSite/Common/imgDeco.gif) no-repeat left bottom;

	padding:0 0 7px 10px;

	margin-left:10px;

	position:relative;

}



.contentimgcomite {

   /* background: transparent url(../imagesSite/Common/bleuimg.jpg) no-repeat bottom;

	padding:0 0 3px 0;*/

  background: transparent url(../imagesSite/Common/imgDecoComite.gif) no-repeat left bottom;

  padding:0 0 6px 5px;

  width:95px;

	position:relative;

  height:138px;

}



.contentimgcomitecache {

	position:absolute;

	background: transparent url(../imagesSite/Common/imgDecoCache.png) no-repeat left bottom;

	bottom:9px;

	left:10px;

	width:7px;

	height:7px;

}

.contentimgcomite .contentimgcomitecache {

  bottom:6px;

	left:4px;

}

*html .contentimgcomitecache {

	background-image:none;

  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../Images/imagesSite/Common/imgDecoCache.png', sizingMethod='image');

}