@charset "utf-8";
/* CSS Document */

/* TABLE OF CONTENT:
	- General (body, html, h1, h2, ...)
	- Container
	- Menu
	- Footer
	- Texts
	- Forms
----------------------------------------------------------------------------------------*/

/* GENERAL
--------------------------------------------------------------------------------------- */
body{margin: 0; padding: 0; text-align:center;}
html{font-family:tahoma, trebuchet, 'Trebuchet MS', sans-serif;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}
html, body, #wrapper {min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #wrapper {height: auto;}


/* CONTAINER
--------------------------------------------------------------------------------------- */
#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#main {
   margin-bottom: 98px;
   height: auto;
   background: #ffffff url(../images/bg-header-wood.jpg) repeat-x;
   text-align:center;
   }

#head{
	margin: 0 auto 0 auto;
	width:960px;
	height:154px;
	text-align:left;
}
#logo{
	width:960px;
	height:95px;
	text-align:left;
}
#topContainer{
	margin: 0 auto 0 auto;
	width:100%;
	height:393px;
	background: #ffffff url(../images/bg-home.gif) repeat-x;
	text-align:center;
}
#topContent{
	margin: 0 auto 0 auto;
	width:960px;
	height:393px;
	text-align:left;
}
#topLeftColumn{
	float:left;
	width:605px;
	height:362px;
	margin-top:16px;
	background: #ffffff;
}
#topRightColumn{
	float:right;
	width:337px;
	height:362px;
	margin-top:16px;
	background: url(../images/bg-derniere-parution.jpg) repeat-x;
}
#topRightColumn #Left{
	float:left;
	width:158px;
	margin-top:90px;
	margin-left:40px;
}
#topRightColumn #Right{
	float:right;
	width:92px;
	margin-top:90px;
	margin-right:40px;
}
#topRightColumn-en{
	float:right;
	width:337px;
	height:362px;
	margin-top:16px;
	background: url(../images/bg-latest-issue.jpg) repeat-x;
}
#topRightColumn-en #Left{
	float:left;
	width:158px;
	margin-top:90px;
	margin-left:40px;
}
#topRightColumn-en #Right{
	float:right;
	width:92px;
	margin-top:90px;
	margin-right:40px;
}
#content{
	margin: 0 auto 0 auto;
	width:960px;
	text-align:left;
	margin-top:18px;
}
#content #LeftColumn{
	float:left;
	width:605px;
	background: #ffffff;
	text-align:left;
}
#content #LeftColumn #article-left{
	float:left;
	width:145px;
	background: #ffffff;
	text-align:left;
}
#content #LeftColumn #article-main{
	float:right;
	width:450px;
	background: #ffffff;
	text-align:left;
}
#content #LeftColumn #address{
	float:left;
	width:155px;
	background: #ffffff;
	text-align:left;
}
#content #LeftColumn #form{
	float:right;
	width:400px;
	background: #ffffff;
	text-align:left;
}
#content #RightColumn{
	float:right;
	width:337px;
	text-align:left;
}
#content #RightColumnGray{
	float:right;
	width:337px;
	text-align:left;
	background: url(../images/bg-rightColumnGray.gif) repeat-y;
}
#insideTitleContainer{
	margin: 0 auto 0 auto;
	width:100%;
	height:115px;
	background: #ffffff url(../images/bg-inside.gif) repeat-x;
	text-align:center;
}
#insideTitle{
	margin: 0 auto 0 auto;
	width:960px;
	height:115px;
	text-align:left;
}
#boxEquipe{width:337px; height:127px; text-align:left; background: url(../images/bg-box-equipe.jpg);}
#boxProjets{width:337px; height:127px; text-align:left; background: url(../images/bg-box-services.jpg);}
#boxReconnaissance{width:337px; height:127px; text-align:left; background: url(../images/bg-box-prix.jpg);}

#footerContainer {
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: #ccffcc;
   width: 100%;
   height:98px;
   background: #ffffff url(../images/bg-footer.jpg) repeat-x;
   text-align: center;
   }

#footer{
	margin: 0 auto 0 auto;
	width:960px;
	height:98px;
	text-align:left;
}
#gallery{
	position:relative;
	width:960px;
	height:500px;
	padding:0px; 
	text-align:center;
}
#videoLeft{float:left; width:420px; height:240px; text-align:left;}
#flashVideoFr{float:left; width:420px; height:280px; text-align:left;}
#videoRight{float:right; width:480px; text-align:left;}

/* MENU
--------------------------------------------------------------------------------------- */
#menuTop{width:960px; height:39px; line-height:32px; padding:0; margin:0; text-align:right; font-size:11px;}
#menuTop a{font-size:11px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
#menuTop a:hover{color:#da2028; text-decoration:none;}
#menuTop a.actif{color:#da2028; text-decoration:none; font-weight:bold;}

#menu{width:960px; height:20px; line-height:18px; padding:0; margin:0; text-align:right; font-size:11px;}
#menu a{font-size:11px; color:#000000; text-decoration:none; text-transform:uppercase;}
#menu a:hover{color:#da2028; text-decoration:none;}
#menu a.actif{color:#da2028; text-decoration:none; font-weight:bold;} 



/* FOOTER
--------------------------------------------------------------------------------------- */
#footerMenu{color:#FFFFFF; color:#FFFFFF; font-size:11px; padding-top:20px; width:960px; text-align:center;}
#footerMenu a{color:#FFFFFF; text-decoration: none;}
#footerMenu a:hover{ color: #da2028; text-decoration: none;}

#copyright{color:#837a6c; font-size:10px; padding-top:25px; width:960px; text-align:center;}
#copyright a{color:#837a6c; text-decoration: none;}
#copyright a:hover{ color: #da2028; text-decoration: none;}

#footerKeyWord{color:#837a6c; font-size:11px; padding-top:10px; width:960px; text-align:center;}


/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	font-size: 20px;
	color: #000000;
	text-align: Lleft;
	font-weight: normal;
}
h2{
	font-size: 13px;
	color: #000000;
	text-align: left;
	text-transform:uppercase;
	line-height:100%;
	padding-bottom:8px;
}

p{font-size: 12px; line-height:150%; color: #000000; margin-top: 0em; margin-bottom: 0em;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #82817a; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#da2128; text-decoration:underline;}
ul li{font-size:12px; line-height:180%; list-style-image:url(../images/arrow-red.gif); vertical-align:middle; margin-left:15px; padding-bottom:3px;}
ol li{font-size:12px; line-height:180%; color:#000000;}

.BoxRight{padding-top:28px; padding-left:40px; text-align:left;}
.textBoxRight{font-size:11px; line-height:130%; color:#000000; text-align:left;}
.linkBoxRight{font-size:11px; color:#000000; padding-top:8px; padding-left:40px; text-align:left;}
.linkBoxRight a{color:#82817a; text-decoration: none;}
.linkBoxRight a:hover{color:#da2028; text-decoration:none;}

.questions{color:#da2028; font-weight: bold;}

.questionsRightColumn{color:#da2028; padding-left:25px; padding-right:20px;}
.questionsRightColumn a{font-size:12px; color:#da2028; text-decoration: none;}
.questionsRightColumn a:link{ color:#da2028; text-decoration: none;}
.questionsRightColumn a:hover{ color:#da2028; text-decoration: underline;}
.questionsRightColumn a:visited{ color:#82817a; text-decoration: none;}

.linkGray {font-size:11px; color:#82817a; text-decoration:none;}
.linkGray a{font-size:11px; color:#82817a; text-decoration:none;}
.linkGray a:link{font-size:11px; color:#82817a; text-decoration:none;}
.linkGray a:hover{font-size:11px; color:#da2028; text-decoration:none;}

.menuGray {font-size:11px; line-height:140%; color:#82817a; text-decoration:none; padding-bottom:10px;}
.menuGray a{font-size:11px; line-height:140%; color:#82817a; text-decoration:none; padding-bottom:10px;}
.menuGray a:link{font-size:11px; line-height:140%; color:#82817a; text-decoration:none; padding-bottom:10px;}
.menuGray a:hover{font-size:11px; line-height:140%; color:#da2028; text-decoration:none; padding-bottom:10px;}
.menuGray a:visited{font-size:11px; line-height:140%; color:#82817a; text-decoration:none; padding-bottom:10px;}
.menuGray a:visited:hover{font-size:11px; line-height:140%; color:#da2028; text-decoration:none; padding-bottom:10px;}

.mapRightColumn{color:#da2028; padding-left:19px; padding-right:20px;}

.red{color:#da2028;}

.quotes{width:295px; margin-left:23px; text-align:left; font-size:11px; line-height:140%; color:#62615b;}
.quotesName{width:295px; margin-left:23px; text-align:left; font-size:11px; line-height:140%; font-weight:bold; color:#62615b;}

.quotes2{text-align:left; font-size:11px; line-height:140%; color:#62615b;}
.quotes2Name{text-align:left; font-size:11px; line-height:250%; font-weight:bold; color:#62615b;}

.HR {	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #cdcabf; BORDER-BOTTOM-WIDTH: 0px; COLOR: #cdcabf; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px; MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px}

.HR-menu {	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #cdcabf; BORDER-BOTTOM-WIDTH: 0px; COLOR: #cdcabf; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px;}

.LeftColumn{float:left; width:605px; margin-top:18px; text-align:left; background: #ffffff;}
.RightColumn{float:right; width:337px; margin-top:18px; text-align:center;}

.bigQuote{font-size:14px;}



/* FORM
--------------------------------------------------------------------------------------- */

#form input[type=text]{
	width:98%;
	background-color:#e5e4de;
	border:1px #bbb9b2 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding:3px;
}
#form textarea{
	width:98%;
	height:120px;
	background-color:#e5e4de;
	border:1px #bbb9b2 solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding:3px;
}	

.error{color:#da2028; font-weight:bold;}