body {
	font-size: 62.5%;
	font: 62.5% "adelle-1","adelle-2", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background:#f68500;
color:#f68500;
	width:100%;
}
p {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
}
a {
	color: yellow;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #f68500;
}
h1 {
	font-size: 26px;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 2px;
	background: #e9bc3d;
	color: #5e0d04;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

div#container
{
    width:800px;
    margin:0 auto;
}
div#center
{
    width:100%;
    height:840px;
    background:#f68500;

    margin: 0px auto;
}
div#leftFrame {
    width:50%;
    height:840px;
    background:#000;
    float:left;
}
div#head_warp
{
    width:100%;
    display:block;
    height:840px;
    margin:0px auto;
    padding:0;
    position:absolute;
    top: 0;
    left: 0;
    z-index:-9999;
}
div#rightFrame {
   width:50%;
    height:840px;
background: #f68500;
    float:left;

}

div#left-top-nav {
	height: 40px;
	background: #f68500;
	border-bottom: 1px solid #c8caca;
}
ul.left-nav {
	height: 40px;
	list-style: none;
	padding-left: 0px;
	    background: #000;
	border-top: 1px solid #c8caca;
	border-bottom: 1px solid #c8caca;
}
ul.left-nav li {
	font-size: 16px;
}
div#left-page-wrap {
	height: 560px;
	    background:  #000;
}
div#left-logoTitle {
	height: 165px;
    background: #000;
}
div#left-footer {
	background: #f68500;
	height:100px;
	border-top: 1px solid #c8caca;
	text-align: center;
	color: white;
}

div#right-top-nav {
	height: 40px;
		background: #f68500;
	border-bottom: 1px solid #c8caca;
}

div#right-page-wrap {
	height: 560px;
		    background: #f68500;
}
div#right-logoTitle {
	height: 165px;
    background: #f68500;
}
div#right-footer {
	background: #f68500;
	height:100px;
	border-top: 1px solid #c8caca;
	text-align: center;
	color: white;
}

ul#top-nav {
	height: 40px;
	list-style: none;
	padding-left: 450px;
	background: #f68500;
	border-bottom: 1px solid #c8caca;
}
ul#top-nav li a {
	display: block;
	width: 120px;
	height: 30px;
	float: left;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 50px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
		color: #bebebe;
}
ul#top-nav li a.home {
	background: url(images/home-icon.png) bottom left no-repeat;
}
ul#top-nav li a.home:hover {
	color: white;
	background: url(images/home-icon.png) top left no-repeat;
}
ul#top-nav li a.homeactive{
	color: white;
	background: url(images/home-icon.png) top left no-repeat;
}
ul#top-nav li a.contact {
	background: url(images/contact-icon.png) bottom left no-repeat;
}
ul#top-nav li a.contact:hover {
	color: white;
	background: url(images/contact-icon.png) top left no-repeat;
}
ul#top-nav li a.contactactive {
	color: white;
	background: url(images/contact-icon.png) top left no-repeat;
}
div#logoTitle {
	height: 165px;
   background: url(images/body-bg.png) repeat-y top #f68500;
}
div#logo {
	float:left;
	height: 160px;
	width:280px;
   background: url(images/logoTitle.png) no-repeat ;
}
div#pageTitle {
	float:right;
	width:520px;
   	background: url(images/header-bg.png) -290px 0px no-repeat ;
	height: 161px;
}
div#pageTitle h1 {
	font-size: 26px;
	padding-top:50px;
padding-left:10px;
	color: #FFF6DA;
	text-transform:uppercase;
}
div#logoTitle h1 span {
	display:block;
}
ul.nav {
	height: 40px;
	list-style: none;
	padding-left: 0px;
	    background: #f68500;
	border-top: 1px solid #c8caca;
	border-bottom: 1px solid #c8caca;
}
ul.nav li {
	font-size: 16px;
}
ul.nav li a {
	width:131px;
	height: 30px;
	padding-top:10px;
	float: left;
	margin-top: 0px;
	 color: #FFF6DA;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	background: url(images/bg_nav_link.jpg) repeat-x #f68500;
	border-left: 1px solid #e7d9c5;
	border-right: 1px solid #e7d9c5;
}
ul.nav li a:hover {
	background: url(images/bg_nav_link_hover.jpg) repeat-x #f68500;
}
ul.nav li a.menu:visited{
	color: #c8ad52;
}
ul.nav li a.active {
	background: url(images/bg_nav_link_hover.jpg) repeat-x #f68500;
}

ul#nav {
	height: 40px;
	list-style: none;
	padding-left: 0px;
	    background: #f68500;
	border-top: 1px solid #c8caca;
	border-bottom: 1px solid #c8caca;
}
ul#nav li {
	font-size: 16px;
}
ul#nav li a {
	width:131px;
	height: 30px;
	padding-top:10px;
	float: left;
	margin-top: 0px;
	 color: #FFF6DA;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	background: url(images/bg_nav_link.jpg) repeat-x #f68500;
	border-left: 1px solid #e7d9c5;
	border-right: 1px solid #e7d9c5;
}
ul#nav li a:hover {
	background: url(images/bg_nav_link_hover.jpg) repeat-x #f68500;
}
ul#nav li a.menu:visited{
	color: #c8ad52;
}
ul#nav li a.active {
	background: url(images/bg_nav_link_hover.jpg) repeat-x #f68500;
}

div#page-wrap {

   background: url(images/body-bg.png) repeat-y top #f68500;
}
div#main-content {
	height:560px;
	background: url(images/home-arc.png) 0px -110px  no-repeat;
}

div#main-content div#left-col-home {
	float: left;
	width: 400px;
	height:310px;
}
div#main-content div#left-col-top {
	background: url(images/nav-bar-top.png) top no-repeat;
	height:19px;
	margin-top:15px;
}
div#main-content div#left-col-cur {
	height:280px;
	background: url(images/nav-bar-bg.png) top repeat-y;
}
div#main-content div#left-col-cur h2 {
	margin-left: 35px;
	margin-right: 35px;
    margin-bottom:5px;
	color: #EDB724;
	font-size: 14px;
	text-transform: uppercase;
}
div#main-content div#left-col-cur h2 span {
	display:block;
	margin-left: 40px;
	margin-right: 0px;
	font-size: 12px;
	text-transform: uppercase;
}
div#main-content div#left-col-cur p {
	margin-left: 35px;
	margin-right: 35px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #EDEDED;
	text-align:justify;
	font-size: 14px;
}
div#main-content div#left-col-cur p span {
	font-weight: bold;
	color: #EDEDED;
	font-size: 10px;
    letter-spacing: 1px;
}
div#main-content div#left-col-cur p.descFormation {
	margin-left: 35px;
	margin-right: 35px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #EDEDED;
	text-align:justify;
	font-size: 12px;
}
div#main-content div#left-col-cur p.liens {
	font-weight: normal;
	letter-spacing: 0px;
	color: #f8f50c;
	font-size: 1.10px;
	margin-top:15px;
	text-align:center;
}
div#main-content div#left-col-cur p.typeFormationA {
    height:20px;
	display:inline-block;
	border-bottom: 1px solid #e7d9c5;
	margin-left: 35px;
	margin-right: 15px;
    width:150px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e7d9c5;
	text-align:justify;
	font-size: 14px;
}
div#main-content div#left-col-cur a.typeFormationA {
display:block;
    width:150px;
    height:20px;
	display:inline-block;
	margin-left: 15px;
	margin-right: 15px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #c8ad52;
	text-align:justify;
	font-size: 14px;
    border-bottom: 1px solid #c8ad52;
}
div#main-content div#left-col-cur a.typeFormationA:hover {
	border-bottom: 1px solid #e7d9c5;
    color: #e7d9c5;
    text-decoration: none;
}
div#main-content div#left-col-cur p.typeFormationB {
    height:20px;
	display:inline-block;
	border-bottom: 1px solid #e7d9c5;
	margin-left: 15px;
	margin-right: 15px;
    width:150px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e7d9c5;
	text-align:justify;
	font-size: 14px;
}
div#main-content div#left-col-cur a.typeFormationB {
display:block;
    width:150px;
     height:20px;
	display:inline-block;
	margin-left: 35px;
	margin-right: 15px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #c8ad52;
	text-align:justify;
	font-size: 14px;
    border-bottom: 1px solid #c8ad52;
}
div#main-content div#left-col-cur a.typeFormationB:hover {
	border-bottom: 1px solid #e7d9c5;
    color: #e7d9c5;
    	text-decoration: none;
}
div#main-content div#left-col-cur a.liensFormation {
	display:block;
	height:20px;
    width:325px;
	margin-top:12px;
	margin-bottom:12px;
	margin-left: 35px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #e7d9c5;
	font-size: 12px;
	background: url(images/notepad.png) right no-repeat;	
}
div#main-content div#left-col-cur a.liensFormation span{
	display:block;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 10px;	
}
div#main-content div#left-col-cur a.liensFormation:hover {
	color: #c8ad52;
	background: url(images/notepad_hover.png) right no-repeat;
}
div#main-content div#left-col-cur a.liensFormationA {
	display:block;
	height:20px;
    width:325px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left: 35px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #e7d9c5;
	font-size: 12px;
	background: url(images/notepad.png) right no-repeat;	
}
div#main-content div#left-col-cur a.liensFormationA span{
	display:block;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 10px;	
}
div#main-content div#left-col-cur a.liensFormationA:hover {
	color: #c8ad52;
	background: url(images/notepad_hover.png) right no-repeat;
}
div#main-content div#left-col-cur a.eurocodes {
	display:block;
	width:125px;
	height:20px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left: 160px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #e7d9c5;
	font-size: 14px;
	background: url(images/notepad.png) right no-repeat;	
}
div#main-content div#left-col-cur a.eurocodes:hover {
	color: #c8ad52;
	background: url(images/notepad_hover.png) right no-repeat;
}

div#main-content div#left-col-cur a.contact {
	display:block;
	width:150px;
	height:20px;
	margin-top:15px;
    padding-top:10px;
	margin-bottom:15px;
	margin-left: 220px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #e7d9c5;
	font-size: 14px;
	background: url(images/contact-icon.png) 100px -40px no-repeat;	
}
div#main-content div#left-col-cur a.contact:hover {
	color: #c8ad52;
	background: url(images/contact-icon.png) 100px 2px no-repeat;
}

div#main-content div#left-col-cur p.eurocodes {
	font-weight: bold;
	height:20px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left: 160px;
	margin-right: 35px;
	letter-spacing: 0px;
	color: #e7d9c5;
	font-size: 14px;
}
div#main-content div#left-col-bot {
	background: url(images/nav-bar-bot.png) bottom no-repeat;
	height:19px;
}
div#main-content div#left-col-form {
	
	float: left;
	width: 400px;
	height:310px;
}
div#main-content div#left-col-model {
	
	float: left;
	width: 400px;
	height:310px;
}
div#main-content div#left-col-conseil {
	
	float: left;
	width: 400px;
	height:310px;
}
div#main-content div#left-col-contact {
	float: left;
	width: 400px;
}
div#main-content div#left-col-cur-contact {
	height:480px;
	background: url(images/nav-bar-bg.png) top repeat-y;
}
div#main-content div#left-col-contact h2 {
	margin-left: 30px;
	margin-right: 30px;
	color: #bebebe;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
div#main-content div#left-col-contact p {
	margin-left: 35px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 1px;
	color:  #e7d9c5;
	text-align:justify;

}
div#main-content div#left-col-contact a {
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #bebebe;
	text-align:center;
	text-transform:uppercase;
	display:block;
		font-size: 10px;
}
div#main-content div#left-col-contact p.notes {
		margin-left: 35px;
	margin-right: 35px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #e7d9c5;
	text-align:justify;
}
div#main-content div#left-col-contact p.submit-butt {
	padding-left: 150px;
	margin-right: 25px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #9b5401;
	text-align:justify;
}

div#main-content div#right-col {
	height:365px;
	float: right;
	width: 400px;
	padding-top: 0px;
	background: url(images/home-struct.png) 0px 10px no-repeat;
}
div#main-content div#right-col-form {
	height:365px;
	float: right;
	width: 400px;
	padding-top: 0px;
	background: url(images/home-struct-form.png) 0px 65px no-repeat;
}
div#main-content div#right-col-model {
	height:365px;
	float: right;
	width: 400px;
	padding-top: 20px;
	background: url(images/home-struct-model.png) 0px 85px no-repeat;
}
div#main-content div#right-col-model h2 {
	margin-top:10px;
	display:inline-block;
	width: 370px;
	border-bottom: 1px solid #c8caca;
	margin-left: 7px;
	margin-right: 5px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:justify;
	font-size: 14px;
    padding-left:10px;
}
div#main-content div#right-col-model p {
	margin-left: 35px;
	margin-right: 35px;
	font-weight:normal;
	letter-spacing: 2px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
}

div#main-content div#right-col-conseil {
	height:365px;
	float: right;
	width: 400px;
	padding-top: 20px;
	background: url(images/home-struct-conseil.png) 0px 30px no-repeat;
}
div#main-content div#right-col-conseil h2 {
	margin-top:10px;
	display:inline-block;
	width: 370px;
	border-bottom: 1px solid #c8caca;
	margin-left: 7px;
	margin-right: 5px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
    padding-left:10px;
}
div#main-content div#right-col-conseil p {
	margin-left: 15px;
	margin-right: 5px;
	font-weight:normal;
	letter-spacing: 2px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
}
div#main-content div#right-col p {
	font-size: 1.10px;
}
div#main-content div#right-col-eurocodes {
	height:365px;
	float: right;
	width: 400px;
	padding-top: 0px;
}
div#main-content div#right-col-eurocodes p.notes {
    margin-left: 10px;
	margin-right: 10px;
    margin-top:10px;
	font-weight: italic;
	letter-spacing: 0px;
	color: #e3dfdb;
	text-align:justify;
    font-size: 10px;
}
ul#tarif-nav {
	height: 250px;
	width:400px;
	border-bottom: 2px solid #c8caca;
	border-top: 2px solid #c8caca;
	margin-top:41px;
}
ul#tarif-nav li {
	display:inline-block;
	width: 180px;
}
ul#tarif-nav li.title {
	margin-top:20px;
	display:block;
	width: 330px;
	border-bottom: 1px solid #c8caca;
	margin-left: 35px;
	margin-right: 35px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 16px;
}
ul#tarif-nav li.left {
	display:inline-block;
		margin-left: 40px;
	margin-right: 35px;
	margin-top:10px;
	width: 170px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 1.10px;
}
ul#tarif-nav li.right {
	display:inline-block;
	margin-top:10px;
	width: 140px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 1.10px;
}

ul#tarif-nav-robot {
	height: 410px;
	width:400px;
	border-bottom: 2px solid #c8caca;
    border-top: 2px solid #c8caca;
    margin-top:10px;
}
ul#tarif-nav-robot li {
	display:inline-block;
	width: 180px;
}
ul#tarif-nav-robot li.title {
	margin-top:10px;
	display:inline-block;
	width: 230px;
	border-bottom: 1px solid #c8caca;
	margin-left: 7px;
	margin-right: 5px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
    padding-left:10px;
}
ul#tarif-nav-robot  li.titleSimple {
	margin-top:10px;
	display:block;
	width: 365px;
	border-bottom: 1px solid #c8caca;
	margin-left: 7px;
	margin-right: 5px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
        padding-left:10px;
}
ul#tarif-nav-robot li.titleType {
	margin-top:10px;
	display:inline-block;
	width: 80px;
	border-bottom: 1px solid #c8caca;
	margin-left: 10px;
	margin-right: 10px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 14px;
        text-align:center;
}
ul#tarif-nav-robot li.subTitle {
	display:inline-block;
    margin-left: 5px;
	margin-right: 5px;
	margin-top:10px;
	width: 245px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 1.10px;
}
ul#tarif-nav-robot li.prixA {
	display:inline-block;
	margin-top:10px;
	width: 135px;
	font-weight:normal;
	letter-spacing: 1px;
	color: #e3dfdb;
	text-align:left;
	font-size: 1.10px;
}

div#main-content ul#arc-nav p  {
	background: #f68500;
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border-top: 4px solid #c8caca;
	text-align: center;
	color: #bebebe;
}

div#main-content ul#arc-nav {
	height: 220px;
	list-style: none;
	padding-left: 0px;

}
div#main-content ul#arc-nav li {
	font-size: 16px;
}
div#main-content ul#arc-nav li a.formation {
	margin-top: 3px;
	display: block;
	width: 162px;
	height:178px;
	float: left;
	background: url(images/arc-butt-formation.png) left no-repeat;
}
div#main-content ul#arc-nav li a.formation:hover{
	background: url(images/arc-butt-formation.png) right no-repeat;
}
div#main-content ul#arc-nav li a.model {
	margin-top: 108px;
	display: block;
	width: 185px;
	height:87px;
	float: left;
	background: url(images/arc-butt-model.png) left no-repeat;
}
div#main-content ul#arc-nav li a.model:hover{
		background: url(images/arc-butt-model.png) right no-repeat;
}
div#main-content ul#arc-nav li a.conseil {
	margin-top:105px;
	margin-left:40px;
	display: block;
	width: 113px;
	height:64px;
	float: left;
	background: url(images/arc-butt-conseil.png) left no-repeat;
}
div#main-content ul#arc-nav li a.conseil:hover{
		background: url(images/arc-butt-conseil.png) right no-repeat;
}

div#main-content ul#arc-nav li a.contact {
	margin-top: 110px;
    margin-right: 10px;
	display: block;
	width: 201px;
	height:58px;
	float: right;
	background: url(images/arc-butt-contact.png) left  no-repeat;
}
div#main-content ul#arc-nav li a.contact:hover{
		background: url(images/arc-butt-contact.png) right  no-repeat;
}
div#main-content ul#arc-nav li a.liens {
	margin-top: 58px;
		margin-left:1px;
	display: block;
	width: 113px;
	height:152px;
	float: left;
	background: url(images/arc-butt-liens.png) 0px -30px  no-repeat;
}
div#main-content ul#arc-nav li a.liens:hover{
		margin-left:0px;
		background: url(images/arc-butt-liens-hover.png) 1px -30px  no-repeat;
}
div#main-content ul#arc-nav li p.liens {
	padding-left:1372px;
	margin-top:58px;
	display: block;
	width: 113px;
	height:152px;
	float: left;
	background: url(images/arc-butt-liens-hover.png) 687px -30px  no-repeat;
	border-top: none;
}
div#main-content ul#arc-nav li a.eurocodes {
	margin-top: 32px;
	margin-left: 15px;
	display: block;
	width: 126px;
	height:101px;
	float: left;
	background: url(images/arc-butt-eurocodes.png) left no-repeat;
}
div#main-content ul#arc-nav li a.eurocodes:hover{
	background: url(images/arc-butt-eurocodes.png) right no-repeat;
}
div#main-content ul#arc-nav li a.eurocodesCurrent{
	margin-top: 32px;
	margin-left: 15px;
	display: block;
	width: 126px;
	height:101px;
	float: left;
	background: url(images/arc-butt-eurocodes.png) right no-repeat;
}
div#main-content ul#arc-nav li a.robot {
	margin-top: 115px;
	margin-left:40px;
	display: block;
	width: 193px;
	height:81px;
	float: left;
	background: url(images/arc-butt-robot.png) left no-repeat;
}
div#main-content ul#arc-nav li a.robot:hover{
		background: url(images/arc-butt-robot.png) right no-repeat;
}
div#main-content ul#arc-nav li a.robotCurrent{
	margin-top: 115px;
	margin-left:40px;
	display: block;
	width: 193px;
	height:81px;
	float: left;
		background: url(images/arc-butt-robot.png) right no-repeat;
}
div#main-content ul#arc-nav li a.accueil {
	margin-top: 105px;
	display: block;
	width: 101px;
	height:64px;
	float: right;
	background: url(images/arc-butt-accueil.png) left no-repeat;
}
div#main-content ul#arc-nav li a.accueil:hover{
		background: url(images/arc-butt-accueil.png) right no-repeat;
}
div#main-content ul#arc-nav li a.accueilModel {
	margin-top: 85px;
    margin-left:699px;
	display: block;
	width: 101px;
	height:64px;
	float: left;
	background: url(images/arc-butt-accueil.png) left no-repeat;
}
div#main-content ul#arc-nav li a.accueilModel:hover{
		background: url(images/arc-butt-accueil.png) right no-repeat;
}
div#footer {
	background: #f68500;
	height:100px;
	width: 800px;
	padding-top:10px;
	border-top: 1px solid #c8caca;
	text-align: center;
	color: white;
}