@import url(style.reset.css);

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #54483f;
}

div#page {
	position: relative;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	width: 941px;
	margin-left: -470px;
	left: 50%;
	top: 0;
}

	div#bloc_top {
		width: 941px;
		height: 261px;
		background-image: url(images/top.jpg);
	}

		h1 {
			width: 941px;
			height: 200px;
			background-image: url(images/logo.jpg);
			line-height: 50em;
			overflow: hidden;
		}

		ul#langues {
			position: absolute;
			left: 22px;
			top: 140px;
		}
			ul#langues li {
				margin: 0 0 2px 0;
			}
				ul#langues li a {
					display: block;
					width: 31px;
					height: 21px;
					overflow: hidden;
					line-height: 30em;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				ul#langues li a.francais {
					background-image: url(images/btn_francais.jpg);
				}
				ul#langues li a.anglais {
					background-image: url(images/btn_anglais.jpg);
				}

		ul#menu {
			margin: 5px 0 0 53px;
		}
			ul#menu li {
				float: left;
				margin: 0 15px 5px 0;
			}
				ul#menu li a {
					display: block;
					height: 25px;
					overflow: hidden;
					line-height: 30em;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				ul#menu li a:hover {
					background-position: 0 -25px;
				}
				ul#menu li a.selected {
					background-position: 0 -25px;
				}
				ul#menu li a.btn01 {
					width: 98px;
					background-image: url(images/btn01.jpg);
				}
				ul#menu li a.btn02 {
					width: 94px;
					background-image: url(images/btn02.jpg);
				}
				ul#menu li a.btn03 {
					width: 118px;
					background-image: url(images/btn03.jpg);
					margin-right: 140px;
				}
				ul#menu li a.btn04 {
					width: 108px;
					background-image: url(images/btn04.jpg);
				}
				ul#menu li a.btn05 {
					width: 98px;
					background-image: url(images/btn05.jpg);
				}
				ul#menu li a.btn06 {
					width: 73px;
					background-image: url(images/btn06.jpg);
				}
				ul#menu li a.btn07 {
					width: 94px;
					background-image: url(images/btn07.jpg);
					margin-left: 62px;
				}
				ul#menu li a.btn08 {
					width: 73px;
					background-image: url(images/btn08.jpg);
					margin-right: 280px;
				}
				ul#menu li a.btn09 {
					width: 113px;
					background-image: url(images/btn09.jpg);
				}
				ul#menu li a.btn10 {
					width: 94px;
					background-image: url(images/btn10.jpg);
				}

	div#bloc_centre {
		width: 941px;
		font-family: Arial, Verdana;
		font-size: 1em;
		color: #694f39;
	}

		div.mini {
			width: 101px;
			margin: 10px auto 10px auto;
			cursor: pointer;
		}
			div.mini div.mini_top {
				width: 101px;
				height: 33px;
				background-repeat: no-repeat;
			}
			div.mini div.mini_centre {
				background-image: url(images/mini_centre.jpg);
				background-repeat: repeat-y;
				width: 101px;
			}
				div.mini div.mini_centre img {
					margin-left: 4px;
				}
				div.mini div.mini_centre p, div.mini div.mini_centre ul {
					width: 83px;
					margin: 5px 0 0 8px;
					font-size: 0.6em;
					line-height: 13px;
				}
				div.mini div.mini_centre ul li {
					padding-left:7px;
				}
			div.mini div.mini_bottom {
				background-image: url(images/mini_bottom.jpg);
				background-repeat: no-repeat;
				width: 101px;
				height: 13px;
			}
			div.mini div.mini_top.mini01 {
				background-image: url(images/mini_top01.jpg);
			}
			div.mini div.mini_top.mini02 {
				background-image: url(images/mini_top02.jpg);
			}
			div.mini div.mini_top.mini03 {
				background-image: url(images/mini_top03.jpg);
			}
			div.mini div.mini_top.mini04 {
				background-image: url(images/mini_top04.jpg);
			}

		div#contenu_gauche {
			width: 170px;
			float: left;
		}

		div#contenu_centre {
			width: 587px;
			float: left;
			font-size: 0.8em;
			text-align: justify;
			padding-top: 25px;
		}

			span.bleu {
				font-weight: bold;
				color: #0099cc;
			}
			span.vert {
				font-weight: bold;
				color: #76e156;
			}

			div#contenu_centre p.titre {
			    text-align:center;
				font-weight: bold;
				text-decoration: none;
				font-size: 0.9em;
			}

			div#contenu_centre img.gauche {
				float: left;
				margin: 0 10px 0 0;
			}
			div#contenu_centre img.droite {
				float: right;
				margin: 0 0 0 10px;
			}

			/************  page équipe  ***********/
			div.personne {
			    position:relative;
				width: 140px;
				height:225px;
				overflow:hidden;
				text-align: center;
				border: 1px solid #0099cc;
				padding:0px;
				padding-top: 5px;
				margin: 0px 20px 20px 20px;
				float:left;
				display: inline;
			}
			div.personne div.nom {
				margin: 2px 0 2px 0;
				font-weight: bold;
				font-size: 0.85em;
			}
			div.personne div.description {
				font-size: 0.85em;
			}
			div.personne div.email, div.personne div.email a, div.personne div.email a:hover {
				color:#0099CC;
				font-weight:bold;
				text-decoration:none;
				font-size: 0.85em;
			}
			/***********************************/

			div#contenu_centre p {
				margin-bottom: 20px;
			}
				div#contenu_centre p a {
					font-weight: bold;
				}

			div#contenu_centre ul {
				list-style: circle;
				margin: 0 0 20px 30px;
			}
				div#contenu_centre ul li {
					margin-bottom: 3px;
				}

			div.maxi01 {
				width: 257px;
				margin-top: 10px;
				float: left;
			}
				div.maxi01 div.maxi_top01 {
					width: 257px;
					height: 22px;
					background-image: url(images/maxi_top01.jpg);
					background-repeat: no-repeat;
				}
				div.maxi01 div.maxi_centre01 {
					background-image: url(images/maxi_centre01.jpg);
					background-repeat: repeat-y;
					width: 257px;
				}
					.carousel {
						width: 247px;
						height: 100px;
						position: relative;
						overflow: hidden;
						margin: 0 0 0 5px;
					}
					.carousel .content {
						margin-top: 5px;
					}
					.carousel .content ul {
						list-style-type: square;
					}

				div.maxi01 div.maxi_bottom01 {
					background-image: url(images/maxi_bottom01.jpg);
					background-repeat: no-repeat;
					width: 257px;
					height: 14px;
				}

			div.maxi02 {
				width: 291px;
				margin-top: 10px;
				float: right;
				cursor: pointer;
			}
				div.maxi02 div.maxi_top02 {
					width: 291px;
					height: 22px;
					background-image: url(images/maxi_top02.jpg);
					background-repeat: no-repeat;
				}
				div.maxi02 div.maxi_centre02 {
					background-image: url(images/maxi_centre02.jpg);
					background-repeat: repeat-y;
					width: 291px;
					height: 102px;
					overflow: hidden;
				}
					div.maxi02 div.maxi_centre02 div.news {
						margin: 0 15px 0 10px;
					}
				div.maxi02 div.maxi_bottom02 {
					background-image: url(images/maxi_bottom02.jpg);
					background-repeat: no-repeat;
					width: 291px;
					height: 14px;
				}

		div#contenu_droite {
			width: 180px;
			float: right;
		}

	div#bloc_bottom {
		width: 941px;
		height: 74px;
		background-image: url(images/bottom.jpg);
		overflow: hidden;
		font-family: Arial, Verdana;
		font-size: 0.8em;
		color: #694f39;
	}
		div#bloc_bottom p {
			text-align: center;
			margin-top: 30px;
		}

	p#signature {
		text-align: center;
		font-family: Tahoma, Arial, Verdana;
		font-size: 0.7em;
		color: #2d626f;
	}

		p#signature a {
			text-decoration: none;
			color: #cccccc;
		}
		p#signature a:hover {
			color: #fff;
		}

/*******************************  Page devis  *******************************/
div#devis {
	width: 570px;
	margin: auto;
	text-align: left;
}

div#devis #msg_user {
	width: 100%;
	line-height: 15px;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 20px;
	padding: 3px 0 3px 0;
}
div#devis #msg_user.erreur {
	border: 1px solid #ff0000;
	background-color: #fccfcf;
	color: #ff0000;
}
div#devis #msg_user.ok {
	border: 1px solid #03ae03;
	background-color: #b2f8b2;
	color: #03ae03;
}

div#devis div.ligne {
	line-height: 24px;
	color: #543727;
	margin: 0 0 4px 0;
}

div#devis div.ligne label {
	width: 160px;
	float: left;
	text-align: right;
	padding-right: 8px;
}

div#devis div.ligne input.text {
	width: 250px;
}

div#devis div.ligne textarea {
	width: 250px;
	height: 90px;
}

div#devis div.ligne input.button {
	width: 80px;
}

/**************************  page contact  ***************************/
div#contact {
	width: 570px;
	margin: auto;
	text-align: left;
}

div#contact #msg_user {
	width: 100%;
	line-height: 15px;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 20px;
	padding: 3px 0 3px 0;
}
div#contact #msg_user.erreur {
	border: 1px solid #ff0000;
	background-color: #fccfcf;
	color: #ff0000;
}
div#contact #msg_user.ok {
	border: 1px solid #03ae03;
	background-color: #b2f8b2;
	color: #03ae03;
}

div#contact div.ligne {
	line-height: 24px;
	color: #543727;
	margin: 0 0 4px 0;
}

div#contact div.ligne label {
	width: 160px;
	float: left;
	text-align: right;
	padding-right: 8px;
}

div#contact div.ligne input.text {
	width: 250px;
}

div#contact div.ligne textarea {
	width: 250px;
	height: 90px;
}

div#contact div.ligne input.button {
	width: 80px;
}

/**************************** Partie administration *****************************/
div#message_admin {
	text-align: center;
	margin: 10px 0 10px 20px;
	line-height: 20px;
}
div#message_admin.ok {
	border: 1px solid #00a40c;
	background-color: #c3fac3;
	color: #00a40c;
}
div#message_admin.nok {
	border: 1px solid #ff0000;
	background-color: #fac9c3;
	color: #ff0000;
}

p.center {
	text-align: center;
}

div#admin {
	width: 560px;
	/*font-size: 0.9em;*/
	color: #543727;
}

	div#admin p.admin_log {
		margin: 5px 0 10px 0;
		text-align: center;
	}

	div#admin a.admin_log {
		text-decoration: none;
		font-weight: bold;
		color: #d0a904;
	}

	div#admin a.admin_log:hover {
		text-decoration: none;
		color: #f8cb0e;
	}

	div#admin p.ligne {
		line-height: 24px;
		margin-bottom: 5px;
	}

	div#admin p.ligne label {
		width: 80px;
		float: left;
		text-align: right;
		padding-right: 8px;
	}

	div#admin p.ligne input.text {
		width: 450px;
	}

	div#admin p.ligne textarea {
		width: 450px;
		height: 200px;
	}

	div#admin p.ligne input.bouton {
		width: 100px;
		margin: 10px 0 0 20px;
	}

	div.news {
		padding: 5px 0 10px 0;
		font-family: Trebuchet MS, Arial, Verdana;
		color: #543727;
	}
	div.news.offline {
		background-color: #e6e6e6;
	}

	div.news ul.liens_admin {
		list-style-type: none;
	}
		div.news ul.liens_admin li {
			float: left;
			margin: 0 10px 0 0;
		}
			div.news ul.liens_admin li a {
				text-decoration: none;
				font-weight: bold;
				color: #d0a904;
			}
			div.news ul.liens_admin li a:hover {
				color: #f8cb0e;
			}


    .surligner {
        margin-left:auto;
        margin-right:auto;
        padding-left:15px;
        padding-right:15px;
        text-align:center;
        text-decoration:none;
    }