/* CSS Document */

	@import url('lime.reset.css');

	html {
		background:#fff url(../img/html.png) repeat-x center top;
		overflow-y:scroll;
	}

	body {
		color:#666;
		font-family:Arial, sans-serif;
	}

	address { display:block; }


	/* Template */
	.cols-2, .cols-3, .cols-4 { overflow:hidden; }

	.col, .col-1, .col-2, .col-3, .col-4, .span-2, .span-3 { float:left; }

	.cols-2 {/* 50% 480px */}
		.cols-2 > .col,
		.cols-2 > .col-1,
		.cols-2 > .col-2 { width:50%; }

	.cols-3 {/* 33.33% 320px */}
		.cols-3 > .col,
		.cols-3 > .col-1,
		.cols-3 > .col-2,
		.cols-3 > .col-3 { width:33.33%; }

		.cols-3 > .span-2 { width:66.66%; /* 66.66% 640px */ /*background-color:#ccffcc;*/ }

	.cols-4 {/* 25% 240px */}
		.cols-4 > .col,
		.cols-4 > .col-1,
		.cols-4 > .col-2,
		.cols-4 > .col-3,
		.cols-4 > .col-4 { width:25%; }

		.cols-4 > .span-2 { width:50%; /* 50% 480px */ /*background-color:#ccffcc;*/ }
		.cols-4 > .span-3 { width:75%; /* 75% 720px */ /*background-color:#ccffcc;*/ }



   /* 1.0. Resets ############################### */

	ul#navigation,
	ul#subnavigation,
	#slideshow ul,
	ul#list-services,
	#list-equipe ul,
	ul#nav-footer {
		list-style:none;
		padding:0;
		margin:0;
	}


   /* 1.1. Page ############################### */

	#wrapper {
		background:url(../img/wrapper.jpg) no-repeat center top;
		width:988px;
		margin:0 auto;
		}
		.inner { margin:0 30px; }


   /* 1.2. Header ############################# */

	#header {
		background:#fff url(../img/header.jpg) no-repeat right top;
		height:69px;
		padding:13px 0 0 28px;
		}
		
		a#lang {
			float:right;
			display:block;
			margin-top:10px;
			margin-right:26px;
			text-transform:uppercase;
			color:#fff;
			font-size:12px;
			font-weight:700;
		}
		
		a#logo {
			display:block;
			height:58px;
			width:171px;
		}

		ul#navigation {
			display:block;
			background:#4267a1 url(../img/navigation.png) repeat-x center top;
			height:60px;
			}
			ul#navigation li {
				float:left;
				display:block;
				border-left:1px solid #5B7397;
				}
				ul#navigation li.first {
					border-left:none;
				}
				ul#navigation li a {
					float:left;
					display:block;
					background:none;
					height:60px;
					padding:0 20px;
					font-size:15px;
					line-height:60px;
					font-weight:bold;
					}
					ul#navigation li a:link,
					ul#navigation li a:visited {
						color:#DCE3EB;
					}
					ul#navigation li a:focus,
					ul#navigation li a:hover,
					ul#navigation li a:active,

					ul#navigation li a.current:link,
					ul#navigation li a.current:visited {
						background:#4267a1;
					}

				/* .current */
				ul#navigation li a.current {
					font-weight:bold;
					}
					ul#navigation li a.current:focus,
					ul#navigation li a.current:hover,
					ul#navigation li a.current:active {
						color:#DCE3EB;
					}

		ul#subnavigation {
			display:block;
			background:#C17E4F url(../img/subnavigation.png) repeat-x center top;
			height:50px;
			}
			ul#subnavigation li {
				float:left;
				display:block;
				border-left:1px solid #B6805F;
				}
				ul#subnavigation li.first {
					border-left:none;
				}
				ul#subnavigation li a {
					float:left;
					display:block;
					background:none;
					height:50px;
					padding:0 20px;
					font-size:11px;
					line-height:50px;
					text-transform:uppercase;
					}
					ul#subnavigation li a:link,
					ul#subnavigation li a:visited {
						color:#fff;
					}
					ul#subnavigation li a:focus,
					ul#subnavigation li a:hover,
					ul#subnavigation li a:active,

					ul#subnavigation li a.current:link,
					ul#subnavigation li a.current:visited {
						background:#9D562F url(../img/subnavigation.png) repeat-x center bottom;
						color:#fff;
					}

				/* .current */
				ul#subnavigation li a.current {
					font-weight:bold;
					}
					ul#subnavigation li a.current:focus,
					ul#subnavigation li a.current:hover,
					ul#subnavigation li a.current:active {
						color:#E0B9A3;
					}

   /* 1.3. Footer ############################# */

	#footer {
		clear:both;
		padding:40px 0 20px;
		font-size:10px;
		text-transform:uppercase;
		}
		#footer a:link,
		#footer a:visited {
			color:#888;
		}
		#footer a:focus,
		#footer a:hover,
		#footer a:active {
			color:#000;
		}

		#footer p { margin:0; padding:0; }
		#footer ul#nav-footer {}
			#footer ul#nav-footer li { display:inline; }


   /* 1.3. Slideshow ########################## */

	#slideshow {
		clear:both;
		position:relative;
		height:310px;
		color:#fff;
		}
		.fade {
			position:absolute; bottom:0; left:25px;
			background:url(../img/overlay.png) no-repeat left top;
			height:214px;
			width:556px;
			padding:26px 22px;
			}
			#slideshow h1, #slideshow h2, #slideshow p { margin:0; }

			#slideshow h1 {
				padding:0 0 5px;
				color:#fff;
				font-size:40px;
				font-weight:normal;
			}
			#slideshow h2 {
				padding:0 0 20px;
				color:#fff;
				font-size:18px;
				text-transform:uppercase;
			}
			#slideshow p {
				font-size:11px;
				line-height:1.5;
				text-transform:uppercase;
			}


   /* 1.4. Content ############################ */

	#home, #container {
		padding:18px 0 0;
		font-size:12px;
		}
		#container {
			background-color:#fff;
			background-repeat:no-repeat;
			background-position:top right;
			}

		#content {
			min-height:300px;
			width:500px;
			padding:0 30px 40px;
			}
			#content.wide {
				width:auto;
			}

		#gmap {
			float:right;
			border:1px solid #35517E;
			height:300px;
			width:475px;
			margin:0 0 20px 60px;
		}

		#content #list-equipe ul {
			overflow:hidden;
			clear:both;
			width:100%;
			margin:1em 0;
			padding:0;
			}

			#content #list-equipe ul li {
				float:left;
				width:25%;
				padding:0 0 2em;
			}


		ul#list-services {
			overflow:hidden;
			clear:both;
			width:100%;
			}

			ul#list-services li {
				float:left;
				
				width:220px;
				margin:0 0 0 16px;
				}
			ul#list-services li.fr_FR {
				background:url(../img/savoir-plus.gif) no-repeat left bottom;
			}
			ul#list-services li.en_US {
				background:url(../img/savoir-plus_en.gif) no-repeat left bottom;
			}
				ul#list-services li.first { margin-left:0; }

				ul#list-services li img { margin-bottom:10px; }

				ul#list-services li a {
					display:block;
					padding-bottom:26px;
					font-size:15px;
					font-weight:bold;
					}
					ul#list-services li a:link,
					ul#list-services li a:visited {
						color:#00325D;
					}
					ul#list-services li a:focus,
					ul#list-services li a:hover,
					ul#list-services li a:active {
						color:#b58565;
					}

		#list-portfolio {
			overflow:hidden;
			clear:both;
			width:100%;
			}

			#list-portfolio div.folio, #list-portfolio div.folio2 {
				border-bottom:1px dotted #0A2A5B;
				padding:0 0 0.5em;
				margin:0;
				}
				#list-portfolio div.entry {
					width:450px;
					line-height:1.4;
				}

				#list-portfolio a.drop {
					display:block;
					float:right;
					background:url(../img/arrows.png) no-repeat;
					height:28px;
					width:28px;
					margin:1em 0 0.5em;
					text-indent:-9999em;
					}
					#list-portfolio a.down:link,
					#list-portfolio a.down:visited {
						background-position:left top;
					}
					#list-portfolio a.down:focus,
					#list-portfolio a.down:hover,
					#list-portfolio a.down:active {
						background-position:right top;
					}
					#list-portfolio a.up:link,
					#list-portfolio a.up:visited {
						background-position:left bottom;
					}
					#list-portfolio a.up:focus,
					#list-portfolio a.up:hover,
					#list-portfolio a.up:active {
						background-position:right bottom;
					}




/* ############################################ */

/* ############################################
   2. Anchor Links
   ############################################ */

	a {}
		a:link,
		a:visited {
			color:inherit;
		}
		a:focus,
		a:hover,
		a:active {
			color:inherit;
		}

	#content a {}

		#content a:link,
		#content a:visited {
			color:#A85E32;
		}
		#content a:focus,
		#content a:hover,
		#content a:active {
			color:#222;
		}

/* ############################################ */


/* ############################################
   3. Typography
   ############################################ */

	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
		margin:0;
	}

	h1 {
		color:#163362;
		font-size:24px;
		font-weight:bold;
		padding:0 0 0.5em;
	}

	h2 {
		color:#163362;
		font-size:18px;
		font-weight:bold;
		padding:1em 0 0.5em;
	}

		

	h3 {
		color:#163362;
		font-size:16px;
		font-weight:bold;
		padding:1em 0 0.5em;
		}
		#content h3 a:link,
		#content h3 a:visited,
		#content h3 a:focus,
		#content h3 a:active {
			color:#163362;
		}
		#content h3 a:hover {
			color:#A85E32;
		}

	#content p {
		padding:0.5em 0;
		font-size:13px;
		line-height:1.3;
		}
		#content p.summary {
			padding-bottom:1.5em;
			font-style:italic;
		}


	#content ul {
		margin:0;
		padding-left:1.4em;
		}
		#content ul li {
			padding:0.2em 0;
			font-size:13px;
			line-height:1.3;
		}

/* ############################################ */


/* ############################################
   3. Forms
   ############################################ */

	form {}

		fieldset { clear:both; width:600px; margin-bottom:10px; }

			fieldset div.clear { margin:10px 0 5px; }
			fieldset div.field {
				float:left;
				width:270px;
				margin:5px 30px 5px 0;
				}
				fieldset div.field input.text { width:100%; }

		label { line-height:1.8; }

			label span.req { margin:0 5px; color:#000; }
			label.error { color:#AD3737; }
			label.radio { margin-right:10px; }

		input.text, textarea { display:block; }

		textarea { width:600px; }

		input.submit,
		#content a.button {
			clear:both;
			display:block;
			background:#0D3C6B url(../img/button.png) repeat-x left top;
			border:1px solid #D8E2EF;
			height:24px;
			margin:10px 0 0 0;
			color:#fff;
			text-align:center;
			}
			input.submit:hover, #content a.button:hover { background-position:left -24px; color:#fff; }
			input.submit:active, #content a.button:active { background-position:left -48px; color:#fff; }

		input.submit {
			width:80px;
			line-height:20px;
		}

		#content a.button {
			width:120px;
			line-height:24px;
		}


/* ############################################ */


/* ############################################
   4. Other
   ############################################ */

   /* 1.0. Slideshow ########################## */

	.svw ul { position:relative; left:-999em; }

	.stripViewer {
		position:relative;
		overflow:hidden;
		}
		.stripViewer ul, .stripCaptions ul { /* this is your UL of images */
			position:relative; top:0; left:0;
			/*width:1%;*/
			}
			.stripViewer ul li, .stripCaptions ul li {
				position:absolute; top:0; left:0;
				/*float:left;*/
			}

	.stripTransmitter {
		position:absolute; bottom:20px; left:47px;
		}

		.stripTransmitter ul {
			position:relative;
			height:33px;
			}

			.stripTransmitter ul li {
				float:left;
				display:block;
				height:33px;
				width:33px;
				}
				.stripTransmitter.ie6 ul li {
					background:url(../img/dots-ie6.png) no-repeat center top;
				}

				.stripTransmitter a {
					display:block;
					background:url(../img/dots.png) no-repeat center top;
					height:33px;
					width:33px;
					color:#00325D;
					font-size:16px;
					font-weight:bold;
					text-align:center;
					line-height:33px;
					}
					.stripTransmitter.ie6 a { background:none; }

				.stripTransmitter a:hover, .stripTransmitter a.current {
					color:#fff;
					background:url(../img/dots.png) no-repeat center bottom;
				}
				.stripTransmitter.ie6 a:hover, .stripTransmitter.ie6 a.current {
					color:#fff;
					background:url(../img/dots-ie6.png) no-repeat center bottom;
				}

/* Code is poetry by */