/* --------------  BODY  -------------- */
body {
	/*width: 920px;
	height: 570px;*/
	margin: 0;
  	padding: 0;
	background-color: #ffffff;
	color: #ffffff;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
/* ------------------------------------ */



/* --------------  CONTENEUR  -------------- */
#contener {
		width: 920px;
		height: 570px;
		border: 0px;
		position: absolute;
     	left: 50%; 
     	top: 50%;
     	margin-top: -295px;
     	margin-left: -460px;
		background-color: #838aad;
}
/* ---------------------------------------- */



/* --------------  BANNER  -------------- */
#banner {
	background-color: #838aad;
	width: 920px;
	height: 70px;
  	padding: 0px;
	margin: 0px;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
}

#logo img {
	border: 0;
	display: inline;
}

#titre{
	text-align: right;
	margin-right: 30px;
	margin-top: 10px;
}

h2 {
	color: #fff;
	font-family: Arial;
	font-size: 20pt;
	text-decoration: none;
	display: inline;
}

a.top_nav {
	color: #fff;
	font-family: Trebuchet MS;
	font-size: 20pt;
	text-decoration: none;
	font-weight: bold;
}

a.top_nav:hover {
	color: #fff;
	font-family: Trebuchet MS;
	font-size: 20pt;
	text-decoration: underline;
}

.mail {
	color: #dcdbeb;
	font-size: 8pt;
	margin-left: 33px;
}

.mail:hover {
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}
/* -------------------------------------- */



/* --------------  CONTENT  -------------- */
#content {
	background-color: #838aad;
	width: 920px;
	height: 375px;
  	padding: 0px;
	margin-top: 0px;
	color: #414f80;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 11pt;
}

#left {
	width: 455px;
	height: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#anim{
	position: relative;
	top: 25px;
	left: 35px;
	width: 400px;
	height: 281px!important;
	/*border: 1px solid #3c4e7f;*/
	padding: 15px;
	background-color: #838aad;
	background-image:url(img/anim_bckgrnd.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#right {
	width: 435px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#text {
	position: relative;
	top: 25px;
	left: 10px;
	width: 400px;
}

#text_1 {
	position: relative;
	top: 25px;
	left: 10px;
	width: 400px;
}

#text_2 {
	position: relative;
	top: 25px;
	left: 10px;
	width: 400px;
}

p {
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	/*margin: 20px 20px 1em 30px;*/
	text-align: justify;
}

img.architecte {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
	}

p.r_align{
	text-align:right;
}

.r_align2{
	margin-left: 320px;
	display: inline;
	color: #FFF;
	font-size: 9pt;
}

h3 {
	color: #fff;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
}

h4 {
	color: #fff;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 5px;
}

ul.main{
	list-style: disc;
	color: #fff;
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	text-decoration: none;
}

ul.main3{
	list-style: disc;
	color: #fff;
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.main2{
	list-style: none;
	color: #fff;
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

ul.main2 li {
	background-image: url(img/arrow.jpg);
	background-repeat:no-repeat;
	padding-left: 20px;
}

#f_right{
	float: right;
	margin-right: 20px;
}

a {
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 9pt;
	text-decoration: underline;
}

.contact {
	color: #dcdbeb;
	font-size: 9pt;
}

.contact:hover {
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
}
/* --------------------------------------- */

/* --------------  SEPARATOR  -------------- */
#separator {
	background-color: #fff;
	width: 920px;
	height: 5px;
	margin: 0;
	padding: 0;
}
/* ----------------------------------------- */



/* --------------  FOOTER  -------------- */
#footer {
	background-color: #838aad;
	width: 920px;
	height: 140px;
	margin: 0px;
	padding: 0px;

}
/* -------------------------------------- */


/* --------------  MENU  -------------- */
#menu {
      width: 110px;
	  padding-top: 12px;
	  padding-left: 30px;
	  background-color: #838aad;
}

#menu ul {
      padding: 0;
      margin: 0px;
      width: 110px;
}


#menu ul li {/* Items du menu */
      position: relative;
      list-style: none;
	  padding: 0px 0px 0px 3px;
	  margin-bottom: 2px;
}

#menu ul li:hover {
	color: #3c4e7f;
}

#menu ul li:hover a {
	color: #ccc;
}

.a_ss_men {
	color: #fff !important;
}

.a_ss_men:hover {
	color: #3c4e7f !important;
}

.ar{
	font-family: "Trebuchet MS";
}

#menu ul ul li{/* Items de sous-menu*/
	  border: 0;
}

#menu ul ul li a:hover{/* Items de sous-menu*/
	  color: #3c4e7f;
}

#menu ul ul { /* Items de sous-menu*/
      position: absolute;
      top: 0;
      left: 100px;
	  width: 200px;
	  display: none;
} 

#menu ul ul li{
		  background: none;
		  padding: 0;
		  margin: 0;
}

#menu ul ul li:hover{
		  background: none;
}

#menu li a {
     text-decoration: none;
}

#menu li a:hover {
     text-decoration: none;
	 color: #ccc;
}
			  
#menu li.sousmenu { /* Items du menu principal qui ont un sous-menu */
}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2{
     display:block;
}


/* ------------------------------------ */


/* ----------------- AAC ---------------- */
#aac{
	position: relative;
	top: -45px;
	left: 390px;
	width: 520px;
	margin: 0;
	padding: 0
}

h1 {
	color: #fff;
	font-family: Arial;
	font-size: 24pt;
	text-decoration: none;
	font-weight: normal;
	display: inline!important;
	line-height: 24pt;
}

.fletter {
	font-weight: bold;
	font-size: 28pt;
}

.sprl {
	font-size: 17pt;
	
	/*display: inline;*/
}

.sprl2 {
	font-size: 17pt;
	display: inline;
	color: #FFF;
}
/* -------------------------------------- */


#copy{
	color: #838aad;
	font-size: 8pt;
}

.mail2 {
	color: #838aad;
}

.mail2:hover {
	color: #838aad;
	text-decoration: underline;
}

/* -------------------------------FIN-----------------------------------*/



/* ---- ACCORDEON  ---- */

#accordion {
	margin:27px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	color: #848aac!important;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	width: 415px;
}

div.element p, div.element {
	margin:0px;
	padding:4px;
	color: #fff;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 415px;
}

blockquote {
	padding:5px 20px;
}

/* ---- Fin ACCORDEON  ---- */

#part_1 {
	width: 415px;
}
#part_2 {
	width: 435px;
	position: relative;
	left: 455px;
	top: -250px;
}

#slidebox
{
  position: relative;
  /*width: 870px;*/
}