/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Trebuchet MS", "Gill sans", Tahoma, Lucida, "Lucida Sans Unicode", sans-serif; color: #362f2d; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: bold; font-size: 1em; font-family: "Trebuchet MS", "Gill sans", Tahoma, sans-serif; color: #362f2d;}
h1 { font-size: 1.60em; line-height:1.60em;}
h2 { font-size: 1.40em; font-weight: bold; }
h3 { font-size: 1.20em; font-weight: bold; }

/* Autres enrichissements typo */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em;}
dfn { font-weight: bold;}
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */

ul {margin:0; padding: 0; list-style:none;}

/* Alignements */
.fleft{float:left;}
.fright{float:right;}

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { margin: 0; width: 100%; padding: 0; text-align: center; }
#page { position: relative; width: 855px; margin: 0 auto; text-align: left; border:1px dotted transparent;}

	#entete {position:absolute; top:0; left:1px;}
	
		#contact { font-size:11px; position:relative;}
		#contact a { text-decoration:none;}
		#contact ul { list-style:none; margin:0; padding:10px 0; white-space:nowrap;}
		#contact ul li { display:inline; margin-right:5px;}
		#contact ul li .flag { vertical-align:middle; margin:0px 1px 4px 1px; }
		#contact ul li form { display:inline; margin-right:4px; padding:0px;}
		#contact ul li form input{ border:1px solid; font-size:9px; padding:2px;}
		#contact ul li form #requette{ width:145px; }
		#contact ul li form #envoyer{ cursor:pointer;}
			#email-address { padding:5px 0 5px 17px; }
			#icone-email { padding:5px 0 5px 20px; margin-left:20px;}
			#icone-tel { padding:5px 0 5px 15px}
			#icone-skype { padding:5px 0 5px 19px;}
			#icone-yahoo { padding:5px 0 5px 28px;}
			#icone-rss { padding:5px 0 5px 18px;}
		
		#navigation {position:relative; height:22px;}
		#navigation ul {margin: 0; padding: 0; }
		#navigation ul li {float:left; font-size:14px; font-weight:bold; margin:0 1px 0 0; padding:0;}
		#navigation ul li a {text-decoration:none; display:block; margin:0; overflow:hidden; white-space:nowrap; padding:3px 14px;}
		
		#chapo-top {margin:-5px 0 0 0; width:854px; height:14px; position:relative; display:block;}
		#chapo-top img {height:14px; position:absolute; top:0px; left:0px;}
		#chapo {position:relative; padding:0 9px 0 9px; background: url(/images/template/background-page.png) center repeat-y;}
		#chapo-map {position:relative; height:337px; width:836px;}
		#logo {position:absolute;}
		
		#illustration-chapo {position:absolute; top:4px; right:16px; width:508px; height:271px;}
		#illustration-chapo-bottom {position:absolute; left:0; bottom:-7px; width:514px; height:6px;}
		#illustration-chapo-right {position:absolute; right:-5px; top:0; width:4px; height:279px;}
		
		#highlight {position:absolute; text-align:right; top:165px; right:526px; width: 315px;}
			#highlight li {margin:5px 0;}
			#highlight a {text-decoration:none; font-weight:bold; padding: 3px 20px;}
				#chercher-projets a { display: block; font-size:22px; color:#ffffff; background: url(/images/template/background-chercher-projet.png) top left no-repeat;}

	#principal {position:relative; margin-top:405px; clear: both; background: url(/images/template/background-page.png) top center; width: 817px; padding:0 19px; overflow: hidden;}
		#hierarchie { clear: both; margin: 15px; font-size: 1.5em; font-weight:bold;}
			#home-link {background: url(/images/template/home.png) center left no-repeat; padding-left:20px;}
			#hierarchie a {text-decoration:none;}
		
		#content { float:right; width:578px;}
			#evet {border:none; width:595px; height:460px; margin-bottom:10px; overflow:hidden; margin-left:-13px;}
		
		#colonne-gauche { float:left; width:220px;}
			#sous-menu { margin-bottom:20px; font-size: 15px; border-right:4px solid #a51010;}
				#sous-menu li a { display:block; padding:2px 0px 2px 10px; margin-top:1px; text-decoration:none;}
				#sous-menu li a:hover, #sous-menu li .on { background: url(/images/template/titre-bloc-coin.png) top left no-repeat #a51010; color:#ffffff; }
			
			.boite-video {margin-bottom:10px; font-size:12px;}
				.boite-video h1 { background: url(/images/template/titre-bloc-coin.png) top left no-repeat #a51010; color:#ffffff; font-size:18px; line-height:18px; padding:5px 5px 5px 15px;}
				.boite-video .video-youtube { text-align:center; padding:8px; margin-top:1px;}
					.boite-video .video-youtube p { margin:5px 0 0 0; }
						.boite-video .video-youtube p a { color:inherit; text-decoration:none;}
						.boite-video .video-youtube p a:hover { text-decoration:underline;}
						
			.boite-map {margin-bottom:10px; border:1px solid #a51010; text-align:center; font-size:12px; padding:7px;}
				.boite-map p { margin:5px 0 0 0; }
					.boite-map p a { color:inherit; text-decoration:none;}
					.boite-map p a:hover { text-decoration:underline;}

	#pied { position:relative; font-size: 11px; width:796px; margin:0 10px; padding:10px 20px; font-weight:bold;}
	#pied p { margin: 5px 0; padding: 0; }
	#pied ul, #pied dl { margin: 0 0 5px 0; padding:0;}
	#pied dt { margin-bottom:3px; }
	#pied ul li, #pied dl dd { margin: 0 2px; display:inline; }

/* ------
/* Divers
/* ------ */

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px;}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }