@import '../common/globals.css';
@import '960_24_5_5.css';
/*@import 'layout.css';*/

/***
 * orange : e14b02
 * texte : 2e2d30
 * vert : c7d03a
 * bleu : 004494
 * 
 * energy : #ff7d18
 * environment : #318f27
 * social : #ed1d25
 * economic : #2e3192
 */

html {
	background: #fff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #2e2d30;
	font-size: 12px;
	letter-spacing: 0.5pt;
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top:5px;
}

body.lite{ width:auto;}

h1,h2,h3,h4,h5,h6,.titre1,.titre2,.titre3,.titre4 {
	margin: 0.5em 0;
	color: inherit;
}

h1,.titre1 { font-size: 1.667em; color: #004494 }
h2,.titre2 { font-size: 1.33em; color:#8e96c7}
h3,.titre3 { font-size: 1.167em; color:#8e96c7; }
h4,.titre4 { font-size: 1em; color:#8e96c7; font-style:italic; }
a{ outline: none; color: #2e2d30; }
a:hover{ outline: none; color: #2e2d30; }

p{ margin: 0 0 0.5em 0; }

img.fullSize { cursor: pointer; }

ul{ padding-left:2em; }

li{ margin-bottom:0.75em; }

body .ui-widget{ font-size:1em; }

.button{
	border: 1px solid #333;
	color:#fff;
	background-color:#666;
	text-align:center;
	padding:0.5em;
	outline:none;
}

a.button:hover{ color:#ccc;}


li.energy,a.energy ,span.energy ,strong.energy { color: #ff7d18; }
li.environment,a.environment ,span.environment,strong.environment  { color: #318f27; }
li.social,a.social ,span.social,strong.social  { color: #ed1d25; }
li.economic ,a.economic ,span.economic,strong.economic { color: #2e3192; }

/*** nav general ****/
ul.navigation{  
	list-style:none;
	padding:0;
}

/*** pagination ***/
ul.pagination {
	list-style-type: none;
	text-align: center;
}

ul.pagination li {
	display: inline;
	padding: 3px;
}

.sIFR-alternate{ display:none; }

/*** layout ***/

#header{
	height:245px;
	background: #fff url('images/header_bg.png') no-repeat top center;	
	/*position: relative;*/
}

#contentWrapper{
	margin-top:8px;
	background: url('images/content_bg.png') no-repeat top left;
	/*background: url('images/content_ic_bg.png') no-repeat top left;*/
}

	#contentCol{
	}

#footer{
	height:32px;
	background: url('images/footer_bg.png') no-repeat bottom left;
       /* z-index: 10;*/
        
}


.column{ 
	min-height:570px;
	padding-top:2em; 
}
.column .block{ padding: 0 6px; }	

#col1{
	margin-left:3px;
	margin-right:7px;
}

#col2{
	margin-left:7px;
	margin-right:3px;
}

/***** header ****/

#header a.logo{
	position: absolute;
	display: block; 
	text-indent:-20000px;
	width: 190px;
	height:160px;
	top: 10px;
	left:70px;
	background: url('../../../images/logo.png') no-repeat top left;
	
}

#header ul.navigation{
	width:976px;
	height:53px;
	background: url('images/menu_bar.png') no-repeat bottom left;
	list-style:none;
	position:absolute;
	top:175px;
	left:-8px;
	z-index:30;
}

#header #topMenu{
	position:absolute;
	height:33px;
	width:415px;
	background: url(images/header_top_menu_bg.png) repeat-x scroll left top;
	top:7px;
	right:4px;
	z-index:2;
	letter-spacing:0;
}


#header div.banner{
	position:absolute;
	top:9px;
	right:4px;
	height:173px;
	width:400px;
	z-index:0;
}

#header div.banner .list{
	float: right;
	
	z-index:0;
}

	#header div.banner .list img{
		
	z-index:0;
		
	}
	#header div.banner .baseline{
		
		color:#004494;
		font-family:Arial;
		font-size:1.66em;
		position:absolute;
		top:100px;
		width:380px;
		z-index:4;
		text-shadow: #fff 0px 0px 4px;

	}

#header .breadcrumb{
	line-height:1.16em;
	font-size: 0.83em;
	color:#333;
	position: absolute;
	top:228px;
	left:10px;
	z-index:1;
}	
	#header .breadcrumb a,#header .breadcrumb a:hover{
		color:inherit;
		text-decoration:none;
	}
	
/**** foooter ****/

#footer .content{
	border-top: 3px solid #dadada;
	margin-left: 25px;
	font-size:0.83em;
	line-height:2em;
        
        
}
#footer .content a{
	color:#6e727a;
	text-decoration:none;
}
#footer .content a:hover{	text-decoration:underline; }
	
	
/**** navigation ****/	
	
		#header ul.navigation li{
			float: left;
			line-height:50px;
			margin:0;
			font-size:1.2em;
			font-weight: bold;
			color:#fff;
		}
		
		
			#header ul.navigation ul{
				display:none;
				position:absolute;
				z-index: 100;
				color: #fff;
				background: #bcc3c1;
				padding: 0.5em;
				margin-top:-10px;
				list-style-type: none;
				box-shadow: 1px 1px 4px #333;
				-moz-box-shadow: 1px 1px 4px #333;
				-webkit-box-shadow: 1px 1px 4px #333;
			}
			
			#header ul.navigation ul li{
				float:none;
				padding:0;
				border-right: none;
				border-bottom: 1px solid #fff;
				background: none;
				font-size:0.9em;
				line-height:1.5em;
			}
			
			#header ul.navigation a,#header ul.navigation span{
				color: inherit;
				text-decoration: none;
				padding:0 1em 0 1em;
				/*background: url('images/menu_bullet.png') no-repeat center left;*/
				
			}
			
			#header ul.navigation li.separator{
				font-size:2em;
				color:#a6b52c;
			}
			
			#header ul.navigation a.first,#header ul.navigation span.first{
				background: none;
			}
			
			
			#header ul.navigation ul a,#header ul.navigation ul span{
				background: none;
				padding: 0 .5em;	
				display:block;
				min-width: 100px;
			}
			
			#header ul.navigation a:hover, #header ul.navigation li.active >a,#header ul.navigation li.active > span{
				color:#777777;
			}
			
			#header ul.navigation ul a:hover, #header ul.navigation ul li.active > a{
				color:#777777;
			}
	
	#header #topMenu ul{
		line-height:33px;
		padding-left:0;
		color:#fff;
		font-size:0.83em;
		float: right;
	}
	
	#header #topMenu ul li{
		display:inline;
		margin: 0 1px;
	}
	
	#header #topMenu ul li a{
		color:#fff;
		text-decoration:none;
	}
	
	#header #topMenu a.printButton{
		display:inline-block;
		width: 16px;
		
		line-height: 16px;
		text-indent: -20000px;
		background: url(images/picto_print.png) no-repeat center center;
		
	}
	
/**** search Block ****/

#header .gSearch{
	float: left;
	margin: 0 1em;
	background-color: #fff;
	margin-top:8px;
	
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-radius-bottomright:8px;
	-webkit-border-radius-topright:8px;
	border-radius-bottomright:8px;
	border-radius-topright:8px;
	margin:7px 6px 0;
	padding-right:4px;
	
}
	#header .gSearch input.text{
		margin:0;
		padding: 2px;
		font-size:10px;
		border:none;
		width:120px;
	}
	
	#header .gSearch input.button{
		margin:0;
		padding: 2px;
		font-size:10px;
		color:#666;
		background:#fff;		
		border:none;
	}
/**** content ****/
#contentCol{
	text-align:justify;
}
#content{
	padding:0 15px;
}
	
/***** right column *****/

#col2 .block > div.title{
	width:233px; /* 245 - padding */
	height:42px;
	background: url(images/rcol_title_bg.png) no-repeat top left;
	margin-left:-12px;
	line-height: 36px;
	font-size:1.167em;
	padding-left:12px;	
	color:#7f7775;
}

#col2 .block > div.title a{
	padding-right: 20px;
		
	color:#7f7775;
	background: url(images/bullet_double_arrow.png) no-repeat right center;
}

#col2 .block > div.title a.all{
	float:right;
	font-size: 0.83em;
	color: inherit;
	text-decoration:none;
	margin-right:16px;
	padding-right: 0;
	background: none;
}
#col2 .block > div.title a.all:hover{
	text-decoration:underline;
}	

	
/**** news ****/


.column .block ul.newsList{
	list-style-type: none;
	padding:0;
}
.column .block ul.newsList li{
	border-top: 1px dashed #ccc;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
}
.column .block ul.newsList li.first{
	border:none;
}

.column .block ul.newsList li.news img.logo, div.news img.logo{
	float:left;
	margin-right:5px;	
}	
.column .block .news a.title{
	color: inherit;
	text-decoration:none;
}	
.column .block .news p.readMore{ text-align:right; }
.column  .block .news p.readMore a{
	color: #de2703;
	text-decoration:none;
	padding-right:20px;
	height:4em;
	background: url(images/bullet_double_red_arrow.png) no-repeat right center;	
}
	
	div.entriesList div.news h2.title{
		line-height:1.1em;
		margin-bottom: 0.25em;
	}
	
	div.entriesList div.news h2.title a{
		text-decoration:none;
		font-size:inherit;
		color: inherit;
	}
	
	div.entriesList div.news div.meta{
		font-size:0.9em;
		font-weight:bold;
		margin-bottom:0.5em;
	}
/***** contact *****/


div.vcard {
}

div#contactList{
}

	div#contactList div.vcard {
	}
	
	div#contactList div.even{
	}
	
	div#contactList div.odd{
	}
	

div.vcard .org { display: none; }

div.vcard .fn {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

div.vcard .n,div.vcard .role,div.vcard .adr,div.vcard .email,div.vcard .url { padding-left: 20px; }
div.vcard .n .honorific-prefix { text-transform: capitalize; }
div.vcard .n 			{ background: url(../../../../../images/icons/16/user_suit.png) no-repeat left	center; }
div.vcard .adr 			{ background: url(../../../../../images/icons/16/building.png) no-repeat left top; }
div.vcard .email 		{ background: url(../../../../../images/icons/16/email.png) no-repeat left center; }
div.vcard .url 			{ background: url(../../../../../images/icons/16/link.png) no-repeat left center; }
div.vcard .tel .phone 	{ background: url(../../../../../images/icons/16/telephone.png) no-repeat left top; }
div.vcard .tel .fax 	{ background: url(../../../../../images/icons/16/printer.png) no-repeat left top ;}
div.vcard .tel .mobile 	{ background: url(../../../../../images/icons/16/phone.png) no-repeat left top;}

div.vcard .tel .type {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	text-indent: -20000px;
}

div.vcard a.dlVcard {
	padding-left: 20px;
	background: url(../../../../../images/icons/16/vcard.png) no-repeat left top;
}

div#contacttab ul
{
	list-style-type: none;
	padding-left:0.1em;

}

	/*** contact form ***/
	
	#Contact_Form fieldset	{
		border: none;
		padding-bottom:0;
		margin-top: 0.5em;
	}
	#Contact_Form p{ margin-bottom: 0.5em; }
	#Contact_Form label{ display:block;}
	#Contact_Form label.required span{
		color:red;
		font-weight:bold;
		font-size:1.1em;
	}
	
	form.contactForm label{
		display: block;
		width:13em;
		float:left;
		margin-right:1em;
		line-height:2.4em;
	}
	


/***** services ****/
ul#servicesLogos{
	background-color:#fff;
	width:130px;
	height:130px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    margin:  20px auto;
	padding:0;
	list-style:none;
	box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	display:none;
}

ul#servicesLogos li{
	width:100px;
	height:100px;
	line-height:100px;
	margin:15px;
	text-align:center;
}

/********** FAQ ********/
#faq{
	margin-bottom: 2em;
}

#faqSearch ul.selectors { list-style-type:none; }
#faqSearch ul.selectors li ul{ padding-left:1em; }
#faqSearch ul.selectors li li { list-style-type:none; cursor:pointer; padding: 0  0.5em; font-weight: bold; }

#faq ul.list{
	
}

#faq ul.list li{
	margin-bottom: .25em;
	
}

#faq .list a.question{
	font-weight: bold;
	padding: 2px 0;
}

#faq .list .answer{
	padding: 0.5em;
	border: 1px dashed #ccc; 
	margin-bottom:1em;
	background-color: #eee;
}


/**** divers *****/
a#decouverteLink{ margin-left: -6px;}
a#carteIntercom{ margin-left: -7px;}

/**** default template ****/

#serviceNav .title a{ text-decoration:none;}

body.april h1{font-size: 1.33em;}

body.default #contentWrapper,
body.april #contentWrapper{ background: url('images/content_home_bg.png') no-repeat top left; }

body.default #serviceNav,body.april #serviceNav{
	margin-bottom: 1em;
}
body.april #serviceNav .title, 
body.xnet #serviceNav .title, 
body.default #serviceNav .title{
	color:#666666;
	margin-right:23px;
	padding-left:23px; 
	border-bottom-style:solid; 
	border-bottom-width:3px;
	font-weight:bold;
	text-transform:capitalize;
	font-size:1.2e;
	margin-bottom:1em;
}

body.april #serviceNav .infos,
body.default #serviceNav .infos{
	background: #fff;
	padding:10px;
	width:180px;
	margin: 0 auto;
	text-align: center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


/**** xnet template ****/
body.xnet #contentWrapper{ background: url('images/content_home_bg.png') no-repeat top left; }

/******* home template *********/
body.home .column .edito h2{ color:#f6f6f6; }
body.home #contentWrapper{ background: url('images/content_home_bg.png') no-repeat top left; }




/**** jeunes template ****/
body.jeunes #contentWrapper{ background: url('images/content_home_bg.png') no-repeat top left; }
body.jeunes #col1 ul.youngNav li a,body.jeunes #col1 ul.youngNav li span{
	display: block;
	width:142px; /* 222 - padding */
	height:43px; /* 63 - padding	 */
	line-height:20px;
	color: #333;
	padding: 10px 10px 10px 70px;
	font-weight: bold;
	text-decoration: none;
}
body.jeunes #col1 ul.youngNav li a:hover{    text-decoration: underline; }

body.jeunes #col1 ul.youngNav #menu-jeunesHome	{ background: url(images/youngs_btn.png) no-repeat 0px 0px ;  }
body.jeunes #col1 ul.youngNav #menu-jeunesCQuoi{ background: url(images/youngs_btn.png) no-repeat 0px -63px ;  }
body.jeunes #col1 ul.youngNav #menu-jeunesCrayons	{ background: url(images/youngs_btn.png) no-repeat 0px -126px ;  }
body.jeunes #col1 ul.youngNav #menu-jeunesVisites	{ background: url(images/youngs_btn.png) no-repeat 0px -189px ;  }
body.jeunes #col1 ul.youngNav #menu-jeunePubli	{ background: url(images/youngs_btn.png) no-repeat 0px -252px ;  }
body.jeunes #col1 ul.youngNav #menu-jeunesGuestbook { background: url(images/youngs_btn.png) no-repeat 0px -315px ;  }

body.jeunes #odiSlate {
	width:182px; /* 222 - pad */
	height:110px; /* 130 - pad */
	padding: 10px 20px;
	background: url(images/slate_bg.png) no-repeat top left;
	
}

body.jeunes #col1 #odiSlate ul.navigation li{
	color:#fff;
	margin-bottom:0;
}

/**** template service ***/
 /* 
 * energy : #ff7d18 orange
 * environment : #318f27 vert	
 * social : #ed1d25 rouge
 * economic : #2e3192 bleu
 */

body.services #contentWrapper  {
	background:url("images/content_ic_bg.png") no-repeat left top; 
}

body.services #col1{
	padding-top:0;
}

body.services #content{
	border-left: 2px dashed #fff;
	min-height:540px;
}

body.services #serviceNav{
	height:540px;
	padding-top:2em;
}
body #serviceNav .title{ 
	margin-left:7px;
	margin-right:23px;
	padding-left:23px; 
	border-bottom-style:solid; 
	border-bottom-width:3px;
	font-weight:bold;
	text-transform:capitalize;
	font-size:1.2e;
	margin-bottom:1em;
}

body.services #serviceNav .infos{
	background: #fff;
	padding:10px;
	width:180px;
	margin-left:30px;
	text-align: center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

body #serviceNav ul.navigation,
body.default ul.subnav,
body.april ul.subnav{
	list-style:none;
	padding: 0;
	margin: 1em 0 1em 7px;
}
body.default ul.subnav{
body.april ul.subnav,
	margin: 0 1px 0 0;
}


body #serviceNav ul.navigation li, 
body.default ul.subnav li,
body.april ul.subnav li{
	border-bottom: 3px solid #a3a3a3;
	padding-left:27px;
}

body #serviceNav ul.navigation li a,
body #serviceNav ul.navigation li span,
body.default ul.subnav li a,
body.default ul.subnav li span,
body.april ul.subnav li a,
body.april ul.subnav li span
{
	color: #666;
	text-decoration: none;	
	padding-left: 12px;
	background: url(images/left_menu_bullet.png) no-repeat left center;
}
body #serviceNav ul.navigation li a:hover
body.default ul.subnav li a:hover{
body.april ul.subnav li a:hover,
	text-decoration: underline;	
}
body #serviceNav ul.navigation li.active a,
body.default ul.subnav li.active a ,
body.april ul.subnav li.active a 
{ font-weight:bold; }

body #serviceNav ul.navigation a.gmap{
	display:block;
	line-height:32px;
	padding-left:40px;
	background: url(images/gmap_ico.png) no-repeat left center;
	border-bottom:none;
}
body #serviceNav ul.navigation a.gmap {
	text-decoration: underline;	
}


body.services #serviceNav.energy{ background:url("images/left_orange_bg.png") no-repeat left 3px; }
body.services #serviceNav.energy .title{ color:#ff7d18; border-bottom-color:#ff7d18; }
body.services .energy h1,
body.services .energy h2,
body.services .energy h3,
body.services .energy h4{color:#ff7d18;}

body.services #serviceNav.environment{ background:url("images/left_green_bg.png") no-repeat left 3px; }
body.services #serviceNav.environment .title{ color:#318f27; border-bottom-color:#318f27; }
body.services #serviceNav.environment ul.navigation li a{ color:#788e88;}
body.services .environment h1,
body.services .environment h2,
body.services .environment h3,
body.services .environment h4{color:#318f27;}

body.services #serviceNav.social{ background:url("images/left_red_bg.png") no-repeat left 3px; }
body.services #serviceNav.social .title{ color:#ed1d25; border-bottom-color: #ed1d25; }
body.services .social h1,
body.services .social h2,
body.services .social h3,
body.services .social h4{color:#ed1d25;}

body.services #serviceNav.economic{ background:url("images/left_blue_bg.png") no-repeat left 3px; }
body.services #serviceNav.economic .title{ color:#2e3192; border-bottom-color:#2e3192; }
body.services .economic h1,
body.services .economic h2,
body.services .economic h3,
body.services .economic h4{color:#2e3192;}

/****  Xnet  ****/

#linksModule ul.list, #pressModule ul.list{
	list-style-type:none;
	padding:0;
	margin:0;
}

#linksModule .accordion h2 a{ font-weight: bold;} 
	
#linksModule ul.list li, #pressModule ul.list li{
	padding : 0.5em 0;
	border-bottom: 1px dashed #ccc;
}

#col1 .searchBlock{
	margin-left: 20px;
}

#col1 .searchBlock label{
	
}
#directoryModule ul.list,
#pressModule ul.list,
#documentsModule ul.list{
	list-style-type: none;
	margin:0;
	padding:0;
}
#directoryModule ul.list li,#pressModule ul.list li,#documentsModule ul.list li{
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom: 1px dashed #ccc;
}

#directoryModule ul.list li ul.directoryMeta,#pressModule ul.list li ul.meta, #documentsModule ul.list ul.meta{
	list-style-type: none;
	margin:0;
	padding:0;
	height: 2em;
}


#directoryModule ul.list li ul.directoryMeta li, #pressModule ul.list li ul.meta li ,#documentsModule ul.list ul.meta li{
	float: left;
	margin: 0;
	padding: 0 1em 0 0;
	border: none;
	display: inline-block;
	font-size: 0.86em;
}
#directoryModule ul.list li ul.directoryMeta span, #pressModule ul.list li ul.meta span, #documentsModule ul.list ul.meta span{
	font-weight:bold;
}

#documentsModule ul.list h2{
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    color:#000;
}
#documentsModule ul.list .descr{ clear: both;}

/**** concours ****/

#contests {
	margin-top:1em;
}

#contests ul.list{
	list-style-type: none;
}

#contests ul.list li
{
	margin-bottom:1em;
	padding-bottom:0.5em;
	border-bottom: 1px dashed #ccc;
}

#contests ul.list li.last{
	border: none;
}

#contests ul.list li img{
	float:left;
	margin: 0 5px 5px 0;
}

#contests div.description,
#contests div.participation{
	margin-bottom:1em;
}
#contests div.rules{ font-size:90%; }

#contests form#contest_play dd{ margin-bottom:1em;}
#contests form#contest_play .description{ font-size:90%;}

#sb-player.html{
	background:#FFF;
	padding:5px;
}

#header a#contestButton {
	background: url(images/contest_button_bg.png) no-repeat center center;
	height:36px; line-height:36px;
	width:106px;
	text-align:center;
	display: block;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	right:20px;
	text-decoration:none;
	top:182px;
	z-index:30;
	
}


/* form */

form p label {
	display:block;
	float:left;
	margin:0.5em 10px 0 0;
	width:150px;
}

form #fieldset-account p label{
	width:200px;
}

input[type=text],input[type=password],input.text,input.title,textarea,select
{
	margin: 0.5em 0;
	padding: 0.23em;
}

/*** guestbook ***/
#guestbook .guestbookList{
   list-style: none;
   margin:0 auto;
   padding:0;
   width:85%;
}
#guestbook .guestbookList li{
   padding:0.5em;
   margin-bottom:0.5em;
   border-bottom: 1px dashed #999;
}

#guestbook h2.send{ cursor: pointer;}

#guestbook form input.text{
   width:25em;
}
#guestbook form textarea{
   font-size:1em;
   width:35em;
   height:10em;
}

#guestbook form input#submit{ margin-left:95px;}


body.large #contentWrapper{
    height: 930px;
 padding-bottom: 20px;
}
body.ie7 #footer{
    position: relative;
    z-index: -1;
}