/* difraxis Css */

/* * {
	margin: 0;
	padding: 0;
} */
acronym {
	cursor: help;
}
.activzone{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	width: 1000px;
	height: 700px;
}
/* ************************************* */
html {
	overflow-y: scroll;
}
body {
	text-align: center;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: Ubuntu, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #4D4D4D;
	background-color: #4D4D4D;
}
/* ************************************* */
a {
	color: inherit;
	text-decoration: none;
}
h1 {
	font-size: 200%;
	font-weight: bold;
	color: #FF8800;
}
h2 {
	font-size: 150%;
	text-decoration: none;
	font-weight: normal;
}
h3 {
	font-size: 120%;
	text-decoration: none;
	font-weight: normal;
}
h4 {
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
}
h5 {
	font-size: 80%;
	line-height: 110%;
	font-weight: normal;
}
h6 {
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
}
/* ************************************* */
/* ==== Header ==== */
#Header {
	position: absolute;
	width: 1000px;
	height: 105px;
	top: 0px;
	left: 0px;
	font-weight: bold;
}
#Header .NameBig {
	position: absolute;
	top: 25px;
	left: -3px;
	color: #7F7F7F;
	border: 0;
}
#Header .NemPart {
	position: absolute;
	top: 14px;
	left: 770px;
	color: #7F7F7F;
	border: 0;
}
#Header .Lang {
	position: absolute;
	top: 15px;
	left: 900px;
	width: 100px;
	color: #999999;
	text-align: right;
}
#Header .Lang:hover {
	color: #FF8800;
}
#Header .SiteMenu {
	position: absolute;
	top: 55px;
	left: 400px;
	width: 597px;
}
/* ************************************* */
/* ==== Principal ==== */
#Principal {
	position: relative;
	top: 100px;
	left: 0px;
	height: 350px;
	width: 1000px;
	font-size: 10pt;
	text-align: center;
	line-height: 130%;
	color: #4D4D4D;
}
/* ************************************* */
/* ==== Blocs Activités / Domaines ==== */
/*
#BlocA1 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	height: 250px;
	width: 475px;
	text-align: left;
	color: #FFFFFF;
}
#BlocA2 {
	position: absolute;
	z-index: 10;
	top: 270px;
	left: 0px;
	height: 250px;
	width: 475px;
	text-align: left;
	color: #FFFFFF;
}
#BlocA3 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 525px;
	height: 250px;
	width: 475px;
	text-align: right;
	color: #FFFFFF;
}
#BlocA4 {
	position: absolute;
	z-index: 10;
	top: 270px;
	left: 525px;
	height: 250px;
	width: 475px;
	text-align: right;
	color: #FFFFFF;
}
#BlocD1 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	height: 170px;
	width: 475px;
	text-align: left;
	color: #FFFFFF;
}
#BlocD2 {
	position: absolute;
	z-index: 10;
	top: 175px;
	left: 0px;
	height: 170px;
	width: 475px;
	text-align: left;
	color: #FFFFFF;
}
#BlocD3 {
	position: absolute;
	z-index: 10;
	top: 350px;
	left: 0px;
	height: 170px;
	width: 475px;
	text-align: left;
	color: #FFFFFF;
}
#BlocD4 {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 525px;
	height: 170px;
	width: 475px;
	text-align: right;
	color: #FFFFFF;
}
#BlocD5 {
	position: absolute;
	z-index: 10;
	top: 175px;
	left: 525px;
	height: 170px;
	width: 475px;
	text-align: right;
	color: #FFFFFF;
}
#BlocD6 {
	position: absolute;
	z-index: 10;
	top: 350px;
	left: 525px;
	height: 170px;
	width: 475px;
	text-align: right;
	color: #FFFFFF;
}
*/
.MonTitreA {
	position: relative;
	z-index: 10;
	top: 10px;
	left: 0px;
	height: 30px;
	width: 475px;
	font-size: 18pt;
}
.MonTitreA2 {
	position: relative;
	z-index: 10;
	top: 2px;
	left: 0px;
	height: 30px;
	width: 475px;
	font-size: 18pt;
}
.MonFiletA {
	position: relative;
	z-index: 10;
	top: 5px;
	left: 0px;
	height: 1px;
	width: 475px;
}
.MaPresentationA {
	position: relative;
	z-index: 10;
	top: 10px;
	left: 0px;
	width: 475px;
	text-align: justify;
}
.MaPresentationA a {
	color: #CCCCCC;
}
.MaPresentationA a:hover {
	color: #FF8800;
}
.Typo {
	font-size: 11pt;
	color: #FF8800;
}
/* ************************************* */
/* ==== Après installation ==== */
.AfterTitre {
	position: relative;
	z-index: 10;
	top: 100px;
	height: 60px;
	width: 1000px;
	font-size: 40pt;
	font-weight: 900;
	text-align: center;
	line-height: 100%;
	color: #FF8800;
}
.AfterLogo {
	position: absolute;
	z-index: 10;
	top: 230px;
	left: 300px;
	width: 400px;
	height: 125px;
}
.AfterText {
	position: absolute;
	z-index: 10;
	top: 400px;
	left: 100px;
	height: 60px;
	width: 800px;
	font-size: 12pt;
	text-align: center;
	color: #777777;
}
.AfterTextInv {
	color: #FF8800;
}
.AfterText a:hover {
	color: #4D4D4D;
}
.AfterHome {
	position: absolute;
	z-index: 10;
	top: 500px;
	left: 300px;
	height: 1px;
	width: 400px;
	font-size: 9pt;
	text-align: center;
	color: #4D4D4D;
}
.AfterHome a:hover {
	color: #FF8800;
}


/* ************************************* */
/* ==== Video ==== */
#BlocVideo {
	z-index: 100;
}

/* ************************************* */
/* ==== UnderSlider ==== */
#UnderSlider {
	position: absolute;
	z-index: 20;
	top: 360px;
	left: 0px;
	height: 180px;
	width: 1000px;
	font-size: 10pt;
	line-height: 125%;
	color: #4D4D4D;
}
#UnderSlider .LogoBig {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 400px;
	height: 200px;
	width: 200px;
	border: 0;
}
#UnderSlider .LogowYz{
	position: absolute;
	z-index: 10;
	top: 220px;
	left: 400px;
	height: 41px;
	width: 200px;
	border: 0;
}
#UnderSlider .wYsCentre {
	position: absolute;
	z-index: 10;
	top: 220px;
	left: 400px;
	height: 50px;
	width: 200px;
	border: 0;
	font-size: 24pt;
	text-align: center;
	font-weight: bold;
	color: #FF8800;
}
#UnderSlider .NameBig {
	border: 0;
	width: 103;
	height: 25;
	vertical-align: -5px;
}
.NameNormal {
	border: 0;
	vertical-align: -3px;
}
#UnderSlider .MonTitre1 {
	position: absolute;
	z-index: 10;
	top: 55px;
	left: 0px;
	height: 30px;
	width: 345px;
	text-align: left;
	font-size: 18pt;
}
#UnderSlider .MonFilet1 {
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 0px;
	height: 1px;
	width: 345px;
}
#UnderSlider .MaPresentation1 {
	position: absolute;
	z-index: 10;
	top: 105px;
	left: 0px;
	height: 200px;
	width: 345px;
	text-align: justify;
}
#UnderSlider .MonTitre2 {
	position: absolute;
	z-index: 10;
	top: 55px;
	left: 655px;
	height: 30px;
	width: 345px;
	text-align: right;
	font-size: 18pt;
}
#UnderSlider .MonFilet2 {
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 655px;
	height: 1px;
	width: 345px;
}
#UnderSlider .MaPresentation2 {
	position: absolute;
	z-index: 10;
	top: 105px;
	left: 655px;
	height: 200px;
	width: 345px;
	text-align: justify;
}
#UnderSlider .MaPresentation1 a, #UnderSlider .MaPresentation2 a {
	color: #7F7F7F;
}
#UnderSlider .MaPresentation1 a:hover, #UnderSlider .MaPresentation2 a:hover {
	color: #FF8800;
}
/* ************************************* */
/* ==== Footer ==== */
#Footer {
	position: absolute;
	z-index: 10;
	top: 660px;
	left: 0px;
	height: 60px;
	width: 1000px;
	font-size: 8pt;
	font-weight: normal;
	color: #B1B1B1;
	text-align: left;
	font-family: Ubuntu, Tahoma, Verdana, Helvetica, sans-serif;
}
#Footer .MonTagCloud {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 300px;
	height: 160px;
	width: 400px;
	text-align: center;
}
#Footer .FooterLogo {
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 0px;
	height: 32px;
	width: 32px;
	border: 0;
	color: #4D4D4D;
}
#Footer .FooterTel {
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 45px;
	height: 32px;
	width: 325px;
	border: 0;
	vertical-align: middle;
}
#Footer .FooterTel a:hover {
	color: #FF8800;
}
#Footer .FooterFilet1 {
	position: absolute;
	z-index: 10;
	top: 65px;
	left: 0px;
	height: 1px;
	width: 425px;
}
#Footer .FooterMention {
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 675px;
	height: 32px;
	width: 325px;
	border: 0;
	text-align: right;
	vertical-align: middle;
	color: #CCCCCC;
}
#Footer .FooterMention a:hover {
	color: #FF8800;
}
#Footer .FooterFilet2 {
	position: absolute;
	z-index: 10;
	top: 65px;
	left: 575px;
	height: 1px;
	width: 425px;
}
#FooterInfo {
	position: absolute;
	z-index: 1;
	top: 600px;
	left: 0px;
	height: 60px;
	width: 1000px;
	font-size: 8pt;
	font-weight: normal;
	color: #B1B1B1;
	text-align: left;
}
#FooterInfo span {
	margin-left: 7px;
	margin-right: 7px;
}
#Footer .NemPart {
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 440px;
	color: #7F7F7F;
	border: 0;
}
#Footer .SocialLink1 {
	position: absolute;
	z-index: 10;
	top: 88px;
	left: 0px;
	height: 50px;
	width: 285px;
}
#Footer .SocialLink2 {
	position: absolute;
	z-index: 10;
	top: 85px;
	left: 715px;
	height: 50px;
	width: 285px;
	text-align: right;
}
#Footer .SocialPict{
	border: 0;
}
/* ************************************* */
/* SudoSlider Name */
#SliderName {
	width: 600px;
	left: 200px;
}
#SliderName img{
	border: none;
}
#SliderName ul, #SliderName li {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	display: block;
}
#SliderName li {
	width: 600px;
	overflow: hidden;
}
/* ************************************* */
/* Sudo Slider Content*/
#SliderContent {
	position: absolute; 
	z-index: 0;
	left: 0px;
	top: 0px;
	margin-top: 0px;
}
#SliderContent2 {
	position: absolute; 
	z-index: 1;
	left: 0px;
	top: 0px;
	margin-top: 0px;
}
#SliderContent3 {
	position: absolute; 
	z-index: 11;
	left: 0px;
	top: 0px;
	margin-top: 0px;
}
#SliderContent img, #SliderContent2 img, #SliderContent3 img {
	border: none;
}
#SliderContent ul, #SliderContent li, #SliderContent2 ul, #SliderContent2, #SliderContent3 ul, #SliderContent3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: block;
}
#SliderContent li, #SliderContent2 li, #SliderContent3 li { 
	width: 1000px;
	overflow: hidden; 
}
#SliderLinks {
	position: absolute; 
	z-index: 50;
	left: 855px;
	top: 288px;
	width: 120px;
	text-align: right;
}
#ControlBox a {
	position: relative; 
	z-index: 100;
	width: 10px;
	height: 10px;
	margin-top: -60px;
	cursor: pointer;
}
#ControlBox .customLink {
	background: #FFFFFF;
	color: #FFFFFF;
	line-height: 10px;
	text-align: center;
	padding: 6px 6px;
	margin-right: 3px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-decoration: none;
	font-size: 1pt;
	font-weight: bold;
}
#ControlBox .customLink:hover {
	background: #D1D1D1;
	color: #D1D1D1;
}
#ControlBox .current {
	background: #FF8800;
	color: #FF8800;
}
/* ************************************* */
/* TEST Changement font TEST 
@font-face {
  font-family: PerspectiveSans;
  src: url(../fonts/persans.ttf);
}
@font-face {
  font-family: PerspectiveSansBold;
  src: url(../fonts/persansb.ttf);
}
/* ************************************* */
/* Texte page Index */
#slog {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
}
.slog0 {
	color: #FF8800;
	font-size: 24pt;
	font-weight: bold;
	line-height: 20pt;
/*	text-shadow: 2px 2px #7F7F7F; */
/*	font-family: PerspectiveSansBold, Arial; */
}
.slog0b {
	color: #FF8800;
	font-size: 8pt;
	font-weight: normal;
/*	text-shadow: 1px 1px #7F7F7F; */
	line-height: 6pt;
/*	font-family: PerspectiveSansBold, Arial; */
}
.slog1 {
	color: #000000;
	font-size: 14pt;
	line-height: 12pt;
/*	text-shadow: 2px 2px #7F7F7F; */
/*	font-family: PerspectiveSansBold, Arial; */
}
.slog2 {
	color: #FFFFFF;
	font-size: 14pt;
	line-height: 12pt;
/*	text-shadow: 2px 2px #7F7F7F; */
/*	font-family: PerspectiveSansBold, Arial; */
}
/* ************************************* */
/* Contact + Mentions */
.MonTitre0 {
	position: relative;
	z-index: 1;
	top: 10px;
	left: 300px;
	height: 29px;
	width: 400px;
	text-align: center;
	font-size: 18pt;
	color: #FFFFFF;
}
.MonFilet0 {
	position: relative;
	z-index: 10;
	top: 5px;
	left: 200px;
	height: 1px;
	width: 600px;
}
.LesMentions {
	position: relative;
	z-index: 1;
	top: 10px;
	left: 250px;
	width: 500px;
	text-align: center;
	color: #FFFFFF;
}
.LesMentions a {
	color: #CCCCCC;
}
.LesMentions a:hover {
	color: #FF8800;
}
.NameNormal {
	border: 0;
	vertical-align: -2px;
}
#Contact {
	position: absolute;
	z-index: 20;
	top: 55px;
	left: 100px;
	width: 800px;
	text-align: left;
	color: #FFFFFF;
}
#Contact .FormContact {
	position: relative;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 800px;
}
#Contact span {
	color: #FF8800;
}
#Confirm {
	position: absolute;
	top: 260px;
	left: 200px;
	width: 600px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #FF8800;
}
#Contact .FormLabel {
	position: absolute;
	left: 0px;
	width: 190px;
	height: 24px;
	font-size: 9pt;
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
}
#Contact .FormLabelVille {
	position: absolute;
	left: 290px;
	width: 60px;
	height: 24px;
	font-size: 9pt;
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
}
#Contact .FormInput {
	position: absolute;
	left: 200px;
	width: 392px;
	height: 24px;
	text-align: left;
}
textarea {
	resize: none;
}
#Contact .FormTextarea {
	position: absolute;
	left: 200px;
	width: 392px;
	height: 100px;
	text-align: left;
}
#Contact .civ {
	margin-top: -3px;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
}
#Contact .textbox {
	width : 392px;
	background-color: #EEEEEE;
	border: 1px solid #4D4D4D;
	line-height: 100%;
	height: 21px;
	padding-left: 3px;
	padding-right: 3px;
}
#Contact .codebox {
	width : 80px;
	background-color: #EEEEEE;
	border: 1px solid #4D4D4D;
	line-height: 100%;
	height: 21px;
	padding-left: 3px;
	padding-right: 3px;
}
#Contact .villebox {
	width : 232px;
	background-color: #EEEEEE;
	border: 1px solid #4D4D4D;
	line-height: 100%;
	height: 21px;
	padding-left: 3px;
	padding-right: 3px;
}
#Contact .message{
	width: 392px;
	height: 100px;
	background-color: #EEEEEE;
	border: 1px solid #4D4D4D;
	padding: 3px;
	margin-bottom: 2px;
	font-family: Lucida Console, Courrier;
}
#Contact .FormSend {
	position: absolute;
	left: 500px;
	width: 100px;
	height: 22px;
}
#InfoErreur {
	position: absolute;
/*	top: 445px;*/
	left: 620px;
	width: 280px;
	text-align: left;
	font-weight: normal;
	font-size: 9pt;
}
#Contact .SubLine {
	position: absolute;
	top: 409px;
	left: 620px;
	width: 280px;
	text-align: left;
}
/* ************************************* */
/* Gooey Menu*/
ul li.active { /*IE6 hack- hide gooey effect from that browser*/
	_visibility: hidden; /*IE6 rule*/
}
/* ######### Thick Underline Menu CSS ######### */
ul.underlinemenu {
	margin: 0;
	margin-bottom:1em;
	padding-top: 10px;
	list-style: none;
	position:relative;
	text-align: right; /*set value to "left", "center", or "right"*/
}
ul.underlinemenu li {
	display: inline;
}
ul.underlinemenu li a {
	color: #4D4D4D;
	padding: 8px;
	margin-right: 7px; /*spacing between each menu link*/
	text-decoration: none;
}
ul.underlinemenu li.active { /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	border-top:5px solid #FF8800;
}
ul.underlinemenu li a:hover {
	color: #FF8800;
}
/* ************************************* */
/* scrollIt*/
section {
	padding-top: 40px;
	height: 720px;
	width: 100%;
}