@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "helcond";
	src: url(../fonts/hvc_isa2_test.eot);/* IE */  
	src: local("HVC_isa2.otf"), url(../fonts/HVC_isa2.otf) format("openType"); /* non-IE */
}

@font-face {
	font-family: "helcondbold";
	src: url(../fonts/helvetica_bold2.eot);/* IE */  
	src: local("helvetica_bold.ttf"), url(../fonts/helvetica_bold.ttf) format("truetype"); /* non-IE */
}

@font-face {  
	  font-family: "helreg";  
	  src: url(../fonts/hvc_isa2_test.eot); /* IE */  
	  src: local("helvetic.ttf"), url(../fonts/helvetic.ttf) format("truetype"); /* non-IE */  
}  

BODY{
	background-color:#FFFFFF;
	font-family: "helcond", helvetica, verdana, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #505151;
}

a {
	text-decoration: none;
	color: #FFF;
}

a IMG{
	border-style: none;
}

#content{
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	background-color:#FFF;
	margin: auto;
	width: 990px;
	height: 600px;
	margin-top:-10px;
}

#content2{
	margin: auto;
	width: 990px;
	height: 600px;
	margin-top:43px;
}

#contentServices{
	margin: auto;
	margin-top:-10px;
}

#bgServices{
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 600px;
	margin: auto;
}

/*#moveContent{
	padding-left: 300px;
}*/

#imgAccueil{
	margin:auto;
	text-align:center;
}

#textLooks{
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

#textBureau{
	color: #f4a230;
	text-align: left;
	font-weight: bold;
	font-family: "helcondbold", helvetica, verdana, sans-serif;
	width: 416px;
	margin: auto;
	padding-left: 316px;
	font-size: 12px;
	padding-top: 12px;
}

.mac.gecko #textBureau{
	padding-top: 22px;
	padding-left: 332px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {#textBureau{padding-top: 22px;}}

#textInfo{
	color: #f4a230;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	width: 199px;
	/*width: 416px;*/
	margin: auto;
	padding-left: 92px;
}

#textInfo b{
	font-weight: normal;
}

#textInfo span{
	color: #505151;
	font-weight: normal;
}

#textInfo span a{
	color: #505151;
	font-weight: normal;
}

#textInfo .prenom{
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-size: 11px;
}

#names span{
	width: 250px;
}

#textBureau span{
	color:#505151;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	font-family: "helcond", helvetica, verdana, sans-serif;
}

#textBureau b{
	font-weight: normal;
}

#textServices{
	text-transform: none;
	font-size: 16px;
	padding-left: 35%;
	margin: auto;
	text-align: center;
	padding-top: 43px;
	color: #505151;
}

#textServices span{
	font-size: 28px;
	color: #505151;
}

#textServices .titre{
	font-size: 12px;
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-weight: normal;
	margin-top: 10px; 
	color: #505151;
}
#textServices .description{
	line-height: 112%;
}

#textServices .bigtitre1{
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-size: 18px;
	color: #505151;
	font-weight: normal;
}


.gecko #textServices .bigtitre1 {
	font-family: "helcond", helvetica, verdana, sans-serif; 
	font-weight: bold;
}

.win.gecko  #textServices .bigtitre1 {
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-weight: normal;	
}

.gecko #textServices .bigtitre3 {
	font-family: "helcond", helvetica, verdana, sans-serif; 
	font-weight: bold;
}

.win.gecko  #textServices .bigtitre3 {
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-weight: normal;	
}


#textServices .bigtitre1 b{
	font-weight: normal;
}

#textServices .bigtitre3{
	margin-top: -10px;
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-size: 18px;
	color: #505151;
	font-weight: normal;
}

#textServices .bigtitre3 b{
	font-weight: bold;
}

#textServices .bigtitre{
	font-size: 15px;
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	font-weight: normal;
	margin-left: 0px;
	color: #505151;
}

#textServices .bigtitre2{
	font-size: 16px;
	margin-top: 10px;
	font-family: "helreg", helvetica, verdana, sans-serif;  
	color: #505151;
}

#textServices .separator1{
	margin-top: 9px;
}

#textServices .separator2{
	margin-top: -4px;
	font-size: 16px;
	font-family: "helreg", helvetica, verdana, sans-serif;  
	color: #505151;
}

.chrome #textServices .separator2{
	font-size: 16px;
	font-family: "helreg", helvetica, verdana, sans-serif; 
}

.safari #textServices .separator2{
	font-size: 16px;
	font-family: "helreg", helvetica, verdana, sans-serif; 
}

.chrome  #textServices .bigtitre1{
	font-size: 18px;	
}

.chrome  #textServices .bigtitre3 {
	font-size: 18px;	
}

.safari  #textServices .bigtitre1{
	font-size: 18px;	
}

.mac.safari #textServices p{
	margin-top: 2px;
	color: #505151;
	font-size: 13px;
}

.mac.safari #textServices .titre{
	margin-top: 6px;
}

.mac.safari  #textServices .bigtitre1{
	font-family:"helcond",helvetica,verdana,sans-serif;
	font-weight:bold;
}

.mac.safari  #textServices .bigtitre3{
	font-family:"helcond",helvetica,verdana,sans-serif;
	font-weight:bold;
}

.mac.safari #textServices .bigtitre3{
	margin-bottom: 15px;
}

.mac.safari #textServices .separator2{
	margin-bottom: 15px;
	margin-top: 8px;
}

@media screen and(-webkit-min-device-pixel-ratio:0){#menuFTP{padding: -60px auto 20px auto; z-index:999993;}}

.mac.safari .puce{
	margin-top: 0px;
}

.mac.gecko .puce{
	margin-top: 0px;
}

.mac.safari #textInfo #simon{
	margin-left: -4px;
	margin-right: 10px;
}

#simon{
	margin-left: -1px; width: 560px;
}

.gecko #simon{
	margin-left: -3px; width: 560px;
}

.win.gecko #simon{
	margin-left: -1px; width: 560px;
}

.win.safari #simon{
	margin-left: 0px; width: 560px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {#simon{margin-left: -3px; width: 560px;}}

#sylvain{
	margin-left: 42px;
	width: 500px;
}

.gecko #sylvain{
	margin-left: 28px; 
	width: 510px;
}

.win.gecko #sylvain{
	margin-left: 32px; 
	width: 510px;
}

.win.safari #sylvain{
	margin-left: 43px; width: 500px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {#sylvain{margin-left: 29px; width: 510px;}}

#francis{
	 margin-left: 73px; width: 488px;
}

.gecko #francis{
	margin-left: 70px;
}

.win.gecko #francis{
	margin-left: 73px;
}

.win.safari #francis{
	margin-left: 74px; width: 488px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {#francis{margin-left: 70px;}}

#chantal{
	margin-left: 121px; width: 430px;
}

.gecko #chantal{
	margin-left: 120px; width: 430px;
}

.win.gecko #chantal{
	margin-left: 121px; width: 430px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {#bureau{margin-left: 3px;}}

.win.safari #bureau{
	margin-left: 0px;
}

.safari  #textServices .bigtitre3{
	font-size: 18px;	
}

.gecko #textServices .separator2 {
	margin-top: -1px;
}

.win.gecko  #textServices .separator2 {
	margin-top: -4px;	
}

#textServices b{
	font-family: "helcondbold", helvetica, verdana, sans-serif; 
	text-align: left;
}

#textServices p{
	font-size:10.5px;
	width: 416px;
	text-align: left;
	margin: 0px;
	font-family: arial, verdana, sans-serif;  
	color: #505151;
}

.chrome #textServices p{
	font-size:13px;
} 

.safari #textServices p{
	font-size:12px;
}

#theMenu{
	margin-left: -60px;
}

#theMenuContent{
	margin-left: -60px;
	margin-top: 30px;
}

#menu{
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	width: 574px;
	margin:auto;
	background-image:url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	color:#FFFFFF;
	padding: 10px 45px 10px 45px;
}

.ie #menu{
	padding: 10px 45px 10px 45px;
}

#menu a{
	padding: 0px 10px;
}

.ie #menu a{
	padding: 0px 10px;
	font-family: "helreg", helvetica, verdana, sans-serif; 
	font-size:12px;
	font-weight:normal;
}


#menuContent{
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	width: 574px;
	margin-left:290px;
	color: #f4a230;
	padding: 10px 45px 10px 45px;
}

#menuServices{
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	width: 574px;
	margin-left:358px;
	margin-top: -17px;
	color: #f4a230;
	padding: 10px 45px 10px 45px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {#menuServices{margin-top: -13px;}}

.win.safari #menuServices{
	padding: 17px 45px 10px 40px;
}

.win.safari #menuContact{
	padding: 0px 45px 10px 38px;
}

#menuContent a{
	color: #f4a230;
	padding: 10px;
}

#menuServices a{
	color: #f4a230;
	padding: 10px;
}

#menuContact{
	text-transform: uppercase;
	text-align: left;
	font-size: 10px;
	width: 574px;
	margin-left:-35px;
	margin-top: 26px;
	color: #f4a230;
	padding: 10px 45px 10px 45px;
}

#menuContact a{
	color: #f4a230;
	padding: 10px;
}


#menuContent b{
	font-weight: bold;
}

#menuFTP{
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	width: 574px;
	margin: auto;
	padding-left: 290px;
	margin-top: 10px;
	color: #f4a230;
	z-index: 999993;
}

.ie #containerFTP{
	margin: auto;
	width: 100%;
}

.ie #menuFTP{
	width:804px;
	margin: 15px auto;
}

#swfFtp{
	z-index: 1;
}

#FTP_UnideGraphique{
	z-index: 2;
}

#menuFTP a{
	color: #f4a230;
	padding: 10px;
	z-index: 999998;
}

#FTP{
	float: right;
	margin-top: -45px;
	margin-right: 88px;
}

#FTP img{
	margin-right: 16px;
}

#bgFTP{
	float: right;
	margin-top: -45px;
	margin-bottom: -20px;
}

#orange{
	margin-left: 35px;
}

#orange2{
	padding: 0px 5px 0px 15px;
	position: absolute;
}

.win.gecko #orange2{
	padding: 0px 5px 0px 15px;
	position: absolute;
}

.gecko #orange2{
	padding: 0px 5px 0px 22px;
	position: absolute;
}

.gecko #tel{
	margin-left: 4px;
}

.puce{
	float: left;
	margin-left: -15px;
	margin-top: 4px;
}

#textMois span{
	color: #505151;
}


#textMois{
	text-align: center;
	color: #f4a230;
	font-size: 15px;
	margin-top: 30px;
}

#unideRect{
	float:left;
	margin-left:250px;
	margin-top:-450px;
}

#unideRectContact{
	float: left;
	margin-left: 250px;
	margin-top: -170px;
}

#banner{
	margin-bottom: 4px;
	margin-left: -43px;
}



