/**
 *  @file         screen.css
 *  @description  Feuille de styles globale
 *  @author       Rafaël (ixmedia.com)
 */

@import url("./reset.css");

html { font-size: 62.5%; }
html, body { height: 100%; }
body { position: relative; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-top: 0.9em; font-weight: normal; font-family: 'Arial Narrow', Arial, Verdana, sans-serif; }
#main h2 { margin-bottom: 0.8em; margin-top: 1.2em; }
#main h3, #main h4, #main h5, #main h6, #side h3, #side h4, #side h5, #side h6 { margin-bottom: 0.8em; margin-top: 0.8em; }
#main p, #main ul, #main ol, #main dl, #side p, #side ul, #side ol, #side dl { margin-bottom: 0.8em; margin-top: 0.8em; }
table { margin: 1.9em 0 1.9em 0; }
div#main ul { padding-left: 2.5em; }

input:focus, textarea:focus { outline: 1px dotted; }
hr { display: none; }

small { font-size: 90%; font-weight: normal; }
big   { font-size: 110%; }
sup { font-size: 80%; line-height: 1; vertical-align: super; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
input, select, button, textarea, option { font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 100%; }

.groupe:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .groupe { display: inline-block; }
/* Hides from IE-mac \*/ * html .groupe { height: 1%; } .groupe { display: block; } /* End hide from IE-mac */

/*
 *  nav-etapes span : #006993
 *  slogan : #b0e0f0
 *  texte: #55666d
 *  
 */

body {
font-size: 1.4em;
line-height: 1.5em;
font-family: Arial, Verdana, sans-serif;
color: #55666d;
background: url('/img/interface/bkg-body.gif') repeat; }

a { color: #006993; text-decoration: none; font-weight: bold; }
a:hover, a:focus { text-decoration: underline; }
a:focus {  }
a:active { text-decoration: none; }

ul { list-style: none; }
#main ul { list-style: square; }


/*
 * @section GLOBAL
 * * * * * * * * * * * * * * * */

span.fleche { position: relative; font-weight: normal; }

p.retour { font-size: 0.8em; }

dl.details { }

	dl.details dt {
		font-weight: bold;
	}
	dl.details dd {
		margin-bottom: 1em;
	}

body div#main ul.liste-partenaires {
	padding-left: 0;
	padding-top: 4em;
	border-bottom: 1px solid #006993;
}
body div#main ul.liste-partenaires.premier { padding-top: 2em; }
body div#main ul.liste-partenaires.dernier { border-bottom: none; }
	ul.liste-partenaires li {
		float: left;
		margin-right: 30px;
		list-style: none;
		height: 154px;
		text-align: center;
		width: 160px;
	}
	ul.liste-partenaires li.importance1 { width: 260px; }
	ul.liste-partenaires li.importance2 { height: 109px; }
	ul.liste-partenaires li.importance3 { height: 109px; }
	ul.liste-partenaires li.importance4 { height: 109px; }
	ul.liste-partenaires li.importance5 { height: 109px; }
	ul.liste-partenaires li.importance6 { height: 109px; }
	ul.liste-partenaires li.importance7 { height:  90px; }
	
		ul.liste-partenaires li img { width: 250px; }
		ul.liste-partenaires li.importance2 img { width: 230px; }
		ul.liste-partenaires li.importance3 img { width: 210px; }
		ul.liste-partenaires li.importance4 img { width: 170px; }
		ul.liste-partenaires li.importance5 img { width: 150px; }
		ul.liste-partenaires li.importance6 img { width: 130px; }
		ul.liste-partenaires li.importance7 img { width: 115px; }

/*
 * @section TITRES
 * * * * * * * * * * * * * * * */

#main h1,
body.template-carnet #main h3   { font-size: 2em; margin: 0.45em 0; }
body.template-carnet #main h3 a { font-weight: normal; }
body.template-carnet #main h3 { margin-bottom: 0.2em; }

body.template-carnet #main h1 { display: none; }

#main h2 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 1.3em; }

body.section-accueil #main h2 { font-family: 'Arial Narrow', Arial, sans-serif; font-weight: normal; }

#main h3 { font-size: 1.3em; } 

#main ul.liste-titres {
	font-size: 0.8em;
}
#main ul.no-indent {
	padding-left: 1.3em;
	margin-top: 3em;
}
	#main ul.liste-titres li {
		margin: 0 0 1.8em;
	}
	body.section-evenements #main ul.liste-titres,
	body.section-publications #main ul.liste-titres {
		padding-left: 0;
	}
	body.section-evenements #main ul.liste-titres li,
	body.section-publications #main ul.liste-titres li {
		margin: 0 0 1.8em 0;
		padding-left: 3.6em;
		list-style-type: none;
		height: auto !important;
		height: 30px; /* IE6 luv */
		min-height: 30px;
	}
	body.section-evenements #main ul.liste-titres li {
		background: transparent url('/img/interface/icone-evenements.gif') no-repeat;
	}
	body.section-publications #main ul.liste-titres li {
		background: transparent url('/img/interface/icone-publications.gif') no-repeat;
	}
		#main ul.liste-titres li h2 {
			font-family: Arial, sans-serif;
			margin-bottom: 0.2em;
			margin-top: 0.2em;
		}
		#main ul.liste-titres li p {
			margin-bottom: 0.2em;
			margin-top: 0.2em;
			font-size: 1.05em;
		}

/*
 * @section FORMULAIRE
 * * * * * * * * * * * * * * * */

p.erreur, ul.erreur { color: red; padding-left: 16px; }
div.erreur input { border: 2px solid red; }
.succes { color: green; }

div#inscription form div.colonne {
	float: left;
	width: 50%;
	margin-bottom: 0.8em;
}
* html div#inscription form div.colonne { width: 48%; }
*+html div#inscription form div.colonne { width: 48%; }

	div#inscription form div.groupe {
		margin: 8px 0;
	}

	div#inscription form label {
		display: inline-block;
		min-width: 5.7em;
		width: auto !important;
		width: 5.7em;
	}
a.lien-inscription {
	border: 1px solid #006993;
	display: inline-block;
	padding: 3px 8px;
	float: right;
	background: #eee;
	margin-bottom: 10px;
}
a.lien-inscription:hover {
	background: #f6f6f6;
	text-decoration: none;
}
a.lien-inscription:active {
	background: #ddd;
}

/*
 * @section LAYOUT
 * * * * * * * * * * * * * * * */

div#outer-wrap2 {
	height: auto !important;
	height: 100%; /* IE6 luv */
	min-height: 100%;
	background: transparent url('/img/interface/outer-wrap2.gif') repeat-y top;
}

div#outer-wrap {
margin-bottom: 0;
height: 100%;
background: url('/img/interface/bkg-wrap-repeat-x.jpg') repeat-x top; }

* html div#outer-wrap { height: 1%; }

div#wrap {
margin-bottom: 0;
height: 100%;
background: url('/img/interface/bkg-wrap.jpg') no-repeat top; }
	
	div#entete {
	width: 990px;
	margin: 0 auto;
	position: relative; }
	
		div.logo { padding: 26px; }
		
		p#slogan {
		position: absolute;
		right: 36px;
		bottom: 11px;
		font-family: 'Arial Narrow', Arial, sans-serif;
		font-size: 1.7em;
		color: #b0e0f0;
		margin-bottom: 0.9em; }
		
		* html p#slogan { line-height: 1em; }
		*+html p#slogan { line-height: 1em; }
	
		div#entete a { color: #fff; }
		
		ul#nav-meta {
		position: absolute;
		right: 28px;
		top: 32px;
		font-size: 1.1em; }
		
			ul#nav-meta li {
			color: #fff;
			font-weight: bold;
			text-shadow: #006993 2px 1px 1px;
			display: inline;
			font-family: 'Arial Narrow', Arial, sans-serif;
			padding: 0 6px 0 12px; }
			
			ul#nav-meta li.li1 { position: relative; top: 3px; }
			ul#nav-meta li.li2 { background: transparent url('/img/interface/nav-meta-li.gif') no-repeat 0 50%; }
			ul#nav-meta li.li3 { background: transparent url('/img/interface/nav-meta-li.gif') no-repeat 0 50%; }
			ul#nav-meta li.li4 { background: transparent url('/img/interface/nav-meta-li.gif') no-repeat 0 50%; }
			
			* html ul#nav-meta li.li4 { background: transparent url('/img/interface/nav-meta-li.gif') no-repeat 0 74%; }
			*+html ul#nav-meta li.li4 { background: transparent url('/img/interface/nav-meta-li.gif') no-repeat 0 74%; }
			
				ul#nav-meta li a,
				ul#nav-meta li {
				font-weight: normal;
				letter-spacing: 1px; }
				
				ul#nav-meta li ul {
				padding: 0;
				display: inline; }
				
					ul#nav-meta li ul li {
					position: relative;
					top: 6px;
					padding: 0 0 0 5px; }
	
	div#contenu {
	width: 990px;
	margin: 0 auto;
	padding: 0 0 7em;
	background: #fff; }
	
		ul#nav-main {
			position: relative;
			padding: 0;
			margin-bottom: 0;
			z-index: 10;
			background: transparent url('/img/interface/nav-main.png') no-repeat bottom;
		}
		* html ul#nav-main { background-image: url('/img/interface/nav-main-ie6.png'); }
		
			ul#nav-main li { float: left; height: 90px; padding: 0; }
			
			ul#nav-main li.li1 { width: 115px; }
			ul#nav-main li.li2 { width: 185px; }
			ul#nav-main li.li3 { width: 161px; }
			ul#nav-main li.li4 { width: 163px; }
			ul#nav-main li.li5 { width: 167px; }
			ul#nav-main li.li6 { width: 197px; }
			
				ul#nav-main li a {
				text-shadow: #006993 2px 1px 1px;
				color: #fff;
				display: block;
				font-family: 'Arial Narrow', Arial, sans-serif;
				text-shadow: ;
				font-weight: normal;
				letter-spacing: 1px;
				font-size: 1.3em;
				text-indent: 6px;
				padding-top: 27px;
				background: transparent url('/img/interface/nav-main-li-a.gif') no-repeat 0 36px;
				text-align: center; }
				
				ul#nav-main li a {  }
				
				ul#nav-main li.li1 a { background: none; }
		
		div#nav-etapes-wrap {
			overflow: hidden;
			position: relative;
			margin-bottom: -29px;
			top: -29px;
			z-index: 5;
		}
		p#afficher-masquer-continuum {
			display: block;
			z-index: 6;
			text-align: center;
			position: relative;
			top: -16px;
			margin-bottom: -16px;
			height: 28px;
		}
			p#afficher-masquer-continuum a {
				display: inline-block;
				padding: 4px;
			}
		
			ul#nav-etapes { 
				padding: 0 15px;
				margin-bottom: 0;
				position: relative;
				z-index: 5;
			}
				ul#nav-etapes li {
					padding-top: 20px;
					float: left;
					height: 11.5em;
					width: 240px;
					background-color: #f6f7f8;
					background-position: bottom;
					background-repeat: no-repeat;
				}
				
				ul#nav-etapes li.li1 { background-image: url('/img/interface/nav-etapes-1.png'); }
				ul#nav-etapes li.li2 { background-image: url('/img/interface/nav-etapes-2.png'); }
				ul#nav-etapes li.li3 { background-image: url('/img/interface/nav-etapes-3.png'); }
				ul#nav-etapes li.li4 { background-image: url('/img/interface/nav-etapes-4.png'); }
				
					ul#nav-etapes li a {
					width: 164px;
					line-height: 1.3em;
					display: block;
					color: #55666d;
					font-weight: normal;
					font-size: 0.85em;
					padding: 36px 12px 0 64px;
					background: transparent no-repeat 10px 28px; }
					
					ul#nav-etapes li a:hover { text-decoration: none; }
					
					*+html ul#nav-etapes li a { height: 100%; }
					
					ul#nav-etapes li.li1 a { background-image: url('/img/interface/nav-etapes-li1-a.png'); }
					ul#nav-etapes li.li2 a { background-image: url('/img/interface/nav-etapes-li2-a.png'); }
					ul#nav-etapes li.li3 a { background-image: url('/img/interface/nav-etapes-li3-a.png'); }
					ul#nav-etapes li.li4 a { background-image: url('/img/interface/nav-etapes-li4-a.png'); }
					
						ul#nav-etapes li a span {
						font-family: 'Arial Narrow', Arial, sans-serif;
						display: block;
						font-weight: bold;
						font-size: 1.3em;
						color: #006993;
						margin-bottom: 8px; }
						
						ul#nav-etapes li a:hover span { text-decoration: underline; }
		
		#main {
		float: right;
		width: 595px;
		margin-right: 30px;
		margin-left: 45px;
		margin-top: 10px; }
		
		* html #main { margin-right: 15px; }
		
			
			
			div.billet { margin-bottom: 3em; }
			
				body div#main p.details-billets { font-style: italic; font-size: 0.9em; margin: 0; }
		
		#side {
		float: left;
		width: 290px;
		margin-left: 30px; }
		
		#side ul.billets-recents li {
			list-style-type: disc;
			list-style-position: outside;
			margin-left: 1.2em;
			margin-bottom: 1em;
		}
		
		* html #side { margin-left: 15px; }
		
			#side h2 { font-size: 1.8em; margin-bottom: 0.4em; } 
		
			#side div.evenements { padding-bottom: 12px; }
			#side div.evenements h3 { margin-top: 0; }
			
				#side div.evenements ul { padding: 0; }
				
				#side h3 {
				font-family: Arial, Verdana, sans-serif;
				font-weight: bold;
				margin-top: 1.1em; }
				
				#side div.evenements p {
				font-style: italic;
				font-weight: bold;
				margin-bottom: 0.2em; }
			
				#side div.evenements p.date { font-size: 0.9em; }
							
				#side div.partenaires h2 { margin-bottom: 1em; }
			
				#side div.partenaires ul { padding: 0; }
				
					#side div.partenaires ul li {
						float: left;
						margin-right: 20px;
						height: 100px;
						width: 124px;
						text-align: center;
					}
					#side div.partenaires ul li.importance0 { height: 70px; }
					#side div.partenaires ul li.importance2 { height: 70px; }
					#side div.partenaires ul li.importance3 { height: 70px; }
					#side div.partenaires ul li.importance4 { height: 70px; }
					#side div.partenaires ul li.importance5 { height: 70px; }
					#side div.partenaires ul li.importance6 { height: 70px; }
					* html #side div.partenaires ul li { margin-right: 5px; }
					
						#side div.partenaires ul li img { width: 193px; }
						#side div.partenaires ul li.importance2 img { width: 121px; }
						#side div.partenaires ul li.importance3 img { width: 111px; }
						#side div.partenaires ul li.importance4 img { width: 91px; }
						#side div.partenaires ul li.importance5 img { width: 81px; }
						* html #side div.partenaires ul li img { width: 131px; }
		
		p#texte-defis-transfert {
			font-size: 10px;
			margin-left: 20px;
		}
		
		div#piedpage {
		width: 926px;
		padding: 12px 16px 0;
		margin: 0 auto;
		font-size: 0.9em;
		border-top: 1px solid #ddd;
		clear: both;
		height: 36px;
		margin-top: -49px;
		position: relative; }
		
			div#piedpage p { margin-bottom: 0; }

/*
 * @section page MISSION
 * * * * * * * * * * * * * * * */

#side p.plan-action {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding-left: 40px;
	padding-top: 4px;
	background: transparent url('/img/interface/icone-publications.gif') no-repeat;
}

/*
 * @section page CARNET
 * * * * * * * * * * * * * * * */

#side p.fil-rss {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding-left: 36px;
	padding-top: 4px;
	background: transparent url('/img/interface/rss.png') no-repeat;
}

/*
 * @section page ENTREPRISE À RELEVER
 * * * * * * * * * * * * * * * */
 #entreprise-relever th{border:solid 1px; width:120px; padding: 0 5px }
 #entreprise-relever td{border:solid 1px; width:120px; padding:10px 5px; text-align:center;}

/* CALENDRIER ---------------------------------------- {{{ */

.calendrier-wrap {
	width: 280px;
	margin: 26px 0 25px 15px;
}

div.navigation-calendrier {
	margin-bottom: 3px;
	background: #dfecf2;
	padding: 2px 11px;
	width: 256px;
}
	div.navigation-calendrier a {
		display: inline-block;
		width: 17px;
		height: 17px;
		vertical-align: text-bottom;
		cursor: pointer;
		font-size: 1.1em;
		-webkit-user-select: none;
		-moz-user-select: none;
	}
	div.navigation-calendrier a.desactive {
		cursor: default;
		color: #cbcbcb !important;
	}
	div.navigation-calendrier a:hover {
		text-decoration: none;
		color: #22adca;
	}
	div.navigation-calendrier span.mois {
		display: inline-block;
		width: 214px;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		color: #55666D;
		height: 1%;
	}
	div.calendrier ul {
		display: inline;
		margin-left: 0;
	}
		div.calendrier ul li {
			display: inline;
			list-style: none;
			padding: 0;
			margin: 0;
		}
			div.calendrier > span {
				background: #eee;
			}
			div.calendrier span { /* tous les blocs des journées */
				display: inline-block;
				float: left;
				width: 38px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				font-size: 0.8em;
				font-weight: bold;
				margin: 0 2px 2px 0;
				color: #fff;
			}
			div.calendrier ul li span a strong,
			div.calendrier ul li span a {
				display: block;
				color: #fff;
				text-decoration: none;
			}
			
			div.calendrier ul li span.journee-passee { background: #cbcbcb; } /* journées passées */
			div.calendrier ul li span                { background: #999; } /* journées à venir */
			div.calendrier ul li span a              { background: #006993; } /* journées avec activítés */
			div.calendrier ul li span.journee-selectionnee,
			div.calendrier ul li span.journee-selectionnee a { background: #22adca; } /* journée présentement affichée */
			
			div.calendrier ul li span a:hover,
			div.calendrier ul li span a:focus  { background: #22adca; }
			div.calendrier ul li span a:active,
			div.calendrier ul li span a:active strong { background: #22adca; }

/* }}} */

/* Liens rapides ---------------------------------------- {{{ */

div#liens-rapides {
	padding: 0px 15px;
	background-color: #ebeff2;
	width: 277px;
	border-right: 1px solid #8dcfdd;
	border-bottom: 1px solid #8dcfdd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	div#liens-rapides ul {
		margin-bottom: 0;
		margin-top: 0;
	}

		div#liens-rapides ul li {  }
		
			div#liens-rapides ul li a {
				display: block;
				padding: 10px 3px 10px 35px;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #fff;
				background: transparent url('/img/interface/liens-rapides-fleches.png') no-repeat right center;
			}
		
		div#liens-rapides ul li#repertoire {
			background: #ebeff2 url('/img/interface/ico-valise.png') no-repeat left center;
		}
		
			div#liens-rapides ul li#repertoire a { 
				border-top: none; 
				padding-top: 10px;
			}
		
		div#liens-rapides ul li#trouver-entreprise {
			background: #ebeff2 url('/img/interface/ico-marqueur.png') no-repeat left center;
		}
		
		div#liens-rapides ul li#bons-coups-transfert {
			background: #ebeff2 url('/img/interface/ico-thumb.png') no-repeat left center;
		}
		
		div#liens-rapides ul li#opportunites-affaires {
			background: #ebeff2 url('/img/interface/ico-etoile.png') no-repeat left center;
		}
		
			div#liens-rapides ul li#opportunites-affaires a {
				border-bottom: none;
			}

/* }}}  */

body.section-entreprise div#main h2 {
	background-color: #F6F6F6;
	padding: 3px;
}