/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:970px; background:#fff}
html, input, textarea	{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		color:#9b9999;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {
	overflow:hidden;
	width: 100%;
}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#2a2a2a; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#86b500; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link2{ color:#4f4f4f}
.link3{ color:#9b9999}

.button{color:#fff; background:url(images/button-1.gif) top left no-repeat; width:101px; text-align:center; line-height:35px; float:right; display:block; text-decoration:none; font-weight:bold; font-size:1.38em  }
.button:hover{text-decoration:none; color:#000 }

#content ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content ul li{
	background:url(images/marker.gif) top left no-repeat;
	background-position:0 9px;
	margin:0;
	padding-left:23px;
	padding-top: 10px;
}
#content ul li a{color:#2a2a2a; text-decoration: underline; line-height:2.307em; font-weight:bold} 
#content ul li a:hover {
	text-decoration:none;
}

#content .ul li{
	background:url(images/button1.gif) top left no-repeat;
	line-height:54px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 16px;
}
#content .ul .li{background:url(images/button2.gif) top left no-repeat; margin:0; line-height:56px; padding:0 }
#content .ul .li1{
	margin:0;
	line-height:55px;
	padding:0;
	background-image: url(images/button2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .ul li a{color:#fff; text-decoration:none ; line-height:1.5em; font-weight:bold; padding-left:56px} 
#content .ul li a:hover { text-decoration:underline; }

#content .ul2 li{
	background:url(images/button4.gif) top left no-repeat;
	line-height:54px;
	font-size: 14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5;
}
#content .ul2 .li{background:url(images/button5.gif) top left no-repeat; margin:0; line-height:56px; padding:0 }
#content .ul2 .li1{
	background:url(images/button6.gif) top left no-repeat;
	margin:0;
	line-height:55px;
	text-align: center;
	padding: 0;
}
#content .ul2 li a{color:#fff; text-decoration:none ; line-height:1.5em; font-weight:bold; padding-left:56px} 
#content .ul2 li a:hover { text-decoration:underline; }

#content .ul1 li{background:url(images/tail2.gif) top left repeat-x; margin:0; padding-left:0; }
#content .ul1 li a{color:#909090; text-decoration:none; line-height:1.84em; font-weight: normal} 
#content .ul1 li a:hover { text-decoration:none; color:#fff }


.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 11px 0 11px; line-height:32px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 11px 0 11px; line-height:32px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.8125em; color:#828282 }
#header .logo{ margin:71px 0 35px 0 }
#header .indent{margin:18px 0 0 708px; position:absolute; width:238px}
#header .indent1{
	margin:11px 0 0 0;
	position:absolute;
	width:970px;
	font-size:1.3em;
	color: #000;
}
#header .indent1 span{
	color:#000
}
#header .indent2{
	position:absolute;
	width:300px;
	font-size:24px;
	left: -303px;
	margin-top: 85px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 700px;
	top: -42px;
	color: #069;
	font-family: Tahoma, Geneva, sans-serif;
}
#header .img-left{ float:left; margin:0 13px 0 0}
#header .img-right{ float:right; margin:0 0 0 23px}
#header .li{
	margin:396px 0 0 615px;
	position:absolute;
	top: 352px;
	height: 84px;
	left: -119px;
	width: 2px;
}
#header a{color:#828282; text-decoration:none} 
#header a:hover{text-decoration:none; color:#fff}
#header .link1{color:#86b500; font-weight:bold; text-decoration:underline }

.menu{ background:url(images/menu.gif) top left no-repeat; height:72px; width:100%; margin-bottom:5px}
.block{
	height:auto;
	width:100%;
	background-image: url(images/img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.block .indent-block{padding:399px 0 0 19px}

#header ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size: 12px;
}
#header ul li{
	margin:0;
	display:inline;
	font-size: 1.15em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header ul li a{color:#fff; text-decoration:none; display:block; float:left; line-height:72px; font-size:1.15em; padding:0 30px 0 29px;  background:url(images/bg_menu.gif) top right no-repeat;} 
#header ul li a:hover {
	text-decoration:none;
	background:url(images/bg_menu-act.gif) top left repeat-x;
	font-size: 1.15em;
}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;  }

#header ul .first a{background:url(images/bg_menu.gif) top right no-repeat;} 
#header ul .first a:hover { text-decoration:none; background:url(images/bg_menu-first-act.gif) top left no-repeat;}
#header ul .first .current{ text-decoration:none; background:url(images/bg_menu-first-act.gif) top left no-repeat;  }


#header h1{
	color:#fff;
	font-size:1.5em;
	margin:11px 0 3px 0;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.row2{ margin-top:8px; color:#909090}

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-col{
	padding:35px 0 0 0;
}
#content .indent-col1{padding:35px 10px 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 11px 30px 0}
#content .img-left1{ float:left; margin:0 30px 18px 0}
#content .img-indent{ margin:0 0 21px 0}
#content .img-indent1{ margin:0 30px 21px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 7px 0}
#content .p3{ margin:0 0 37px 0}
#content .row1 h2{
	color:#151515;
	font-size:2em;
	margin-bottom:17px;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content .row2 h2{color:#fff; font-size:1em; margin-bottom:7px; line-height:1.2em }
#content .row2 h3{
	color:#fff;
	font-size:1,9;
	margin-bottom:17px;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
#content h3{
	color:#282828;
	font-size:1em;
	margin-bottom:13px;
}
#content h4{color:#282828; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail1.gif) bottom repeat-x; padding-bottom:0; margin-bottom:23px}

#content .indent{padding:30px 0 35px 0}
#content .indent2{padding:0 0 8px 0}

/*box*/
.box{ background:#f0f0ea; width:100%;}
.box .border-top {background:url(images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(images/border_left.gif) left repeat-y;}
.box .border-right {background:url(images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:0 20px 3px 29px; }
/*box1*/
.box1{ background:#151515; width:100%;}
.box1 .border-right {background:url(images/border_right1.gif) right repeat-y;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) left top no-repeat;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) right top no-repeat; width:100%}
.box1 .indent-box{ padding:28px 30px 22px 30px; }


/*footer*/
#footer { color:#3c3c3b; font-size:0.8125em; background:url(images/bot_bg.gif) top repeat-x ; }
#page7 #footer { color:#3c3c3b; font-size:0.8125em; background:url(images/bot_bg1.gif) top repeat-x ; }
#footer .indent-footer{ padding:17px 50px 0 30px;}
#footer a {color:#3c3c3b; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
.bot-left{ background:url(images/bot_left.gif) top left no-repeat}
.bot-right{ background:url(images/bot_right.gif) top right no-repeat; height:79px}
.bot-left1{ background:url(images/bot_left1.gif) top left no-repeat}
.bot-right1{ background:url(images/bot_right1.gif) top right no-repeat; height:79px}


	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h1{ height:33px; background:url(images/bg_input.gif) top left no-repeat}
.h2{ height:47px; background:url(images/bg_input1.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:80px}
.input{
   	border:none; 
	background:none;
	width:189px; height:23px;
	font-size:13px;
	color:#8c8c8c;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}.input1{
   	border:none; 
	background:none;
	width:274px; height:25px;
	font-size:13px;
	color:#8c8c8c;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}input{
	width:220px; height:16px;
	font-size:1em;
	padding-left:6px;
	padding-top:2px
}
textarea{
	width:220px; height:151px;
	font-size:1em;
	padding-left:6px;
	margin-bottom:11px;
	overflow:auto}
#logo {
	height: auto;
	width: 200px;
	padding: 5px;
	background-repeat: no-repeat;
}

#slideshow {
	margin:0 auto;
	width:550px;
	height:263px;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:550px;
	height:263px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
}
#slideshow #slidesContainer .slide {
	width:530px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:263px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat top right;
}

/** 
 * Style rules for Demo page
 */

#pageContainer {
	margin-left:auto;
	margin-right:auto;
	width:550px;
	border:solid 2px #ccc;
}
#pageContainer h1 {
  display:block;
  width:640px;
  height:114px;
  margin:auto;
  background:transparent url(img/bg_pagecontainer_h1.png) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
	float:right;
	margin:0 30px;
}

.slide p{
	color:#999;
}

.slidefooter{
	background:url(img/bg_bottom_border.jpg);
	width:640px;
}

#content .ul10 li{
	background:url(images/button4.gif) top left no-repeat;
	line-height:54px;
	font-size: 14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content .ul10 .li{background:url(images/button5.gif) top left no-repeat; margin:0; line-height:56px; padding:0 }
#content .ul10 .li1{
	background:url(images/button6.png) top left no-repeat;
	margin:0;
	text-align: left;
	padding: 0;
	line-height: 15px;
}
#content .ul10 li a{color:#fff; text-decoration:none ; line-height:1.5em; font-weight:bold; padding-left:56px} 
#content .ul10 li a:hover { text-decoration:underline; }

.block2{
	height:600px;
	width:100%;
	background-image: url(images/img_2.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.block2 .indent-block{padding:399px 0 0 19px}

.block3{
	height:600px;
	width:100%;
	background-image: url(images/img_3.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.block3 .indent-block{padding:399px 0 0 19px}

.block4{
	height:auto;
	width:100%;
	background-image: url(images/img_4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.block4 .indent-block{padding:399px 0 0 19px}

.block5{
	height:auto;
	width:100%;
	background-image: url(images/img_5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.block5 .indent-block{padding:399px 0 0 19px}

.block6{
	height:auto;
	width:100%;
	background-image: url(images/img_6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.block6 .indent-block{padding:399px 0 0 19px}

.block7{
	height:auto;
	width:100%;
	background-image: url(images/img_7.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.block7 .indent-block{padding:399px 0 0 19px}