@charset "utf-8";
/* CSS Document */
/* barre connexion */

@font-face {
  font-family: "Sinkin Sans 300 Light";
  src: url('SinkinSans-300Light.otf') format('truetype');

  }

@font-face {font-family: "Sinkin Sans 500 Medium";
  src: url('SinkinSans-500Medium.otf') format('truetype');
}

@font-face {font-family: "Sinkin Sans 600 SemiBold";
  src: url('SinkinSans-600SemiBold.otf') format('truetype');
}
/* Correction des bug Internet Explorer */

* html button {width:1%; overflow:visible;}
*:first-child+html button {overflow:visible;}

body {
	background-color: #333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display:block;
		}
a img {
  border: none;
  display:block;
  float:left;
}

a:focus
{
outline:0;
}

img{
float:left;
display:block; }

input{
	height:26px;
	width:160px;
	box-shadow: inset 3px 3px 3px 0px #656565;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	border-radius:0;
}


.form-style-9{
	background-image:url('images/conexion-3.jpg');
	float:left;
    width: 480px;
	height:33px;
    border: 0;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}


.form-style-9 .field-style1{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	padding-top:5px;
	padding-left:10px;
    margin-left:43px;
    outline: none;
    border: 1px solid #797979;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;

}
.form-style-9 .field-style2{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	padding-top:5px;
	padding-left:10px;
    margin-left:10px;
    outline: none;
    border: 1px solid #797979;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;

}
.form-style-9 textarea{
    width: 100%;
    height: 32px;
	padding-left:5px;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}




.form-style-9 input[type="button"],
.form-style-9 input[type="submit"] {
	display:inline-block;
	width:40px;
	height:26px;
	margin-left:10px;
	margin-bottom:2px;
	box-shadow: 1px 1px 2px #656565;
	-moz-box-shadow: 1px 1px 2px #656565;
	-webkit-box-shadow:1px 1px 2px #656565;
    background-color: #f8931d;
    border: none;
	border-radius:12px;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font: 22px Sinkin Sans 500 Medium, Helvetica, sans-serif;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	text-align:center;
	font-size:0.8em;

}

.form-style-9 input[type="button"]:hover,
.form-style-9 input[type="submit"]:hover {
	display:inline-block;
	width:40px;
	height: 26px;
	margin-left:10px;
	box-shadow: 1px 1px 2px #656565;
	-moz-box-shadow: 1px 1px 2px #656565;
	-webkit-box-shadow:1px 1px 2px #656565;
    background-color: #2e2e2e;
    border: none;
	border-radius:12px;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font: 22px Sinkin Sans 500 Medium, Helvetica, sans-serif;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	text-align:center;
	font-size:0.8em;

}

:required
{
    border: 2px dotted orange;
}
/* barre connexion */

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:20px;
right:20px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background-image: url('images/backtotop.png');
background-repeat: no-repeat;
background-position: left top;
z-index: 900000;
}

#toTopHover {
background:url('images/backtotop.png') no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
outline:none;
}


p {

padding:0;
margin:0;

}
.questions
	{border: none;
	margin: 0;
	padding: 0;
	font-family: "Sinkin Sans 300 Light";
	/*display:inline;*/
	color:#2e2e2e;
}

.questionsbold {
	border: none;
	margin: 0;
	padding: 0;
	font-family: "Sinkin Sans 600 SemiBold";
	/*display:inline;*/
	color:#2e2e2e;

}

.notezque
	{
	line-height: 1.3;
	letter-spacing:-0.05em;
	margin:0 0 0 0;
	padding: 0 0 0 0 ;
	vertical-align : middle;
	background:#2e2e2e ;
	color:#aaaaaa;
	/*width:788;
	height:140*/;
	float:left;
	border: none;
	font-family: "Sinkin Sans 300 Light";}

.notezquetitre
	{
	line-height: 1.3;
	margin:0 0 0 0;
	padding: 0 0 0 0 ;
	vertical-align : middle;
	background:#2e2e2e ;
	color:white;
	/*width:788;
	height:140;*/
	float:left;
	border: none;
	font-family: "Sinkin Sans 500 Medium";}


.td2 {
	font-size: 17px;
	color: #2e2e2e;
	line-height: 20px;
	font-family: "Sinkin Sans 300 Light";
	vertical-align: middle;
	padding: 0px 50px 0px 0px;
	letter-spacing:-0.04em;

	}

.td4 {
	font-size: 17px;
	color: #2e2e2e;
	line-height: 20px;
	font-family: "Sinkin Sans 300 Light";
	vertical-align: middle;
	padding: 0px 50px 0px 0px;
	letter-spacing:-0.04em;
	}

.td3 {
	vertical-align : middle;
	font-size: 17px;
	text-color: #white;
	line-height: 20px;
	font-family: "Sinkin Sans 300 Light";
	padding-right:50px;
	}


.image2
{vertical-align : middle;
float: left;
background:#2e2e2e ;
width:266px;
height:186px;
}

.imagehaut
{float:left;
}


#logo
{
	background-image:url('images/site_web_vectologo_01.jpg');
	width:217px;
	height:76px;
	float:left;
	border:0;
	padding:0;
	margin:0;


}

.separateur
{

	background-image:url('images/separateur-menu.jpg');
	width:1px;
	height:76px;
	float:left;
	border:0;
	padding:0;
	margin:0;


}


#survol1{
	float: left;
	text-align: center;
	height: 77px;
	width:224px;
	background-color: #2e2e2e;
	font-size: 17px;
	font-family: Verdana;
}

#survol2{
	float: left;
	text-align: center;
	background-color: #2e2e2e;
	height: 77px;width: 200px;
	font-size: 17px;
	font-family: Verdana;
}
#survol3{
	text-align: center;
	background-color: #2e2e2e;
	float: left;height: 77px;width: 194px;
	font-size: 17px;
	font-family: Verdana;
}
#survol4{
	text-align: center;
	background-color: #2e2e2e;
	float: left;height: 77px;width: 117px;
	font-size: 17px;
	font-family: Verdana;
}
#vectologo_rollover{
	float:left;
	height: 77px;
	background-image:url('images/site_web_vectologo_rollover.jpg');
	width: 80px;
	background-repeat: repeat-x;
}
#survol1 a {
	text-decoration:none;
	color: #bbbbbb;
	background-repeat:no-repeat;
	display:block;margin-top: 26px;
}
#survol1:hover{
	background-color: #f7941d;
	background-repeat:no-repeat;


}

#survol2 a {

	display:block;
	margin-top: 26px;
	text-decoration:none;
	color: #bbbbbb;
	background-repeat:no-repeat;
	display:block;margin-top: 26px;

}
#survol2:hover{
	background-color: #f7941d;
	background-repeat:no-repeat;


}
#survol3 a {

	display:block;
	margin-top: 26px;
	text-decoration:none;
	color: #bbbbbb;
	background-repeat:no-repeat;

}
#survol3:hover{

	background-color: #f7941d;
	background-repeat:no-repeat;


}
#survol4 a {

	display:block;
	margin-top: 26px;
	text-decoration:none;
	color: #bbbbbb;
	background-repeat:no-repeat;


}
#survol4:hover{

	background-color: #f7941d;
	background-repeat:no-repeat;


}

#survol5 a {

	width:40px;
	height: 76px;
	background-image:url('images/site_web_vectologo_rollover_06.jpg');
	background-repeat:no-repeat;
	float:left;
	border:0;
	padding:0;
	margin:0;


}
#survol5 a:hover{

	width:40px;
	height: 76px;
	background-image:url('images/site_web_vectologo_06.jpg');
	background-repeat:no-repeat;
	float:left;
	border:0;
	padding:0;
	margin:0;


}
#survol6 a {

	width:43px;
	height: 76px;
	background-image:url('images/site_web_vectologo_rollover_07.jpg');
	background-repeat:no-repeat;
	float:left;
	border:0;
	padding:0;
	margin:0;


}
#survol6 a:hover{

	width:43px;
	height: 76px;
	background-image:url('images/site_web_vectologo_07.jpg');
	background-repeat:no-repeat;
	float:left;
	border:0;
	padding:0;
	margin:0;


}
iframe {
	margin-bottom:48px;
}
.back-vidéo {
	width:1038px;
	height:632px;
	background-color:#2e2e2e;
	display:block;
}

.separateur-orange {
	width:1038px;
	height:5px;
	background-color:#ff9922;

}
#area_1_div{
	float:right;
	width: 480px;
	height: 106px;
	background-image: url('images/site_web_vectologo_09_01.jpg');
}
#area_1_p_1{
	margin-top: 19px;
	margin-left: 35px;
	font-size: 25px;
	color: #f78f36;
}
#area_1_p_2{
	margin-top: 28px;margin-left: 40px;
}

#area_2_p_1{
	color: #f78f36;margin-left: 45px;margin-top: 7px;font-size: 19px;
}

#area_2_p_2{
	margin-left: 45px;margin-top: -2px;font-size: 19px;
}
#area_2_p_3{
	margin-left: 45px;margin-top: 17px;font-size: 19px;
}
#area_2_p_4{
	margin-left: 45px;margin-top: -2px;font-size: 19px;
}
#area_2_p_5{
	margin-left: 45px;margin-top: 17px;font-size: 19px;
}
#area_2_p_6{
	margin-left: 45px;margin-top: -2px;font-size: 19px;
}
#area_2_div{
	width: 480px;
	height: 336px;
	float: right;
	margin: 0;
	background-image: url('images/site_web_vectologo_09_03-02-02.jpg');
}
p {
	text-align: left;
	font-family: Verdana, sans-serif;
}
.copyright {
	background-image:url('images/copyright.jpg');
	background-repeat:no-repeat;
	height:59px;
	width:1038px;
	padding:5px 0px 0px 0px;
	margin:0;
	color:#a9a9a9;
	float:left;
	font-family: "Sinkin Sans 300 Light";
	font-size:10px;
	background-color: #000000;
}
#area_3_div{
	width: 1038px;height: 130px;float: left;background-image: url('images/site_web_vectologo_10-02.jpg')
}

#area_3_p_1{
	width:460px;float:left;margin-left: 110px;margin-top: 47px;font-size: 18px;
}
#area_3_p_2{
	width:400px;margin-left: 62px;margin-top: 47px;font-size: 19px;float: left;
}
#area_4_div_l{
	width: 521px;height: 420px;float: left;background-image: url('images/site_web_vectologo_12.jpg');
}
#area_4_div_r{
	float: left;height: 420px;width: 517px;background-color: #2e2e2e;
}
#area_4_p_1{
	margin-left: 55px;margin-top: 34px;color: #ffffff;font-size: 30px;
}
#area_4_p_2{
	margin-left: 105px;margin-top: 34px;font-size: 22px;color: #ffffff;
}
#area_4_p_3{
	margin-left: 105px;margin-top: 68px;font-size: 22px;color: #ffffff;
}
#area_4_p_4{
	margin-left: 105px;margin-top: 50px;font-size: 22px;color: #ffffff;
}

#area_4_p_r_1{
	color: #999999;margin-top: 18px;margin-left: 20px;
}
#area_4_p_r_2{
	color: #ffffff;font-size: 27px;margin-left: 20px;margin-top: 4px;
}
#area_4_div_r_1{
	margin-top: 20px;height: 220px;
}
#area_4_div_r_1_div_1{
	float: left;width: 153px;
}

#area_4_div_r_1_div_1_p_1{
	margin-left: 60px;color: #ffffff;font-size: 30px;margin-top: 15px;
}
#area_4_div_r_1_div_1_p_2{
	margin-left: 53px;color: #ffffff;font-size: 18px;margin-top: -6px;
}
#area_4_div_r_1_div_1_p_3{
	margin-left: 23px;color: #ffffff;font-size: 26px;margin-top: 6px;
}

#credit1{
	margin-top: 25px;margin-left: 53px
}

#area_4_div_r_1_div_2{
	width: 2px;float: left;
}
#area_4_div_r_1_div_3{
	float: left;width: 173px;
}

#area_4_div_r_1_div_3_p_1{
	margin-left: 76px;color: #ffffff;font-size: 30px;margin-top: 15px;
}
#area_4_div_r_1_div_3_p_2{
	margin-left: 62px;color: #ffffff;font-size: 18px;margin-top: -6px;
}
#area_4_div_r_1_div_3_p_3{
	margin-left: 39px;color: #ffffff;font-size: 26px;margin-top: 6px;
}
#area_4_div_r_1_div_4{
	float: left;width: 187px
}
#area_4_div_r_1_div_4_p_1{
	margin-left: 76px;color: #ffffff;font-size: 30px;margin-top: 15px;
}
#area_4_div_r_1_div_4_p_2{
	margin-left: 74px;color: #ffffff;font-size: 18px;margin-top: -6px;
}
#area_4_div_r_1_div_4_p_3{
	margin-left: 39px;color: #ffffff;font-size: 26px;margin-top: 6px;
}

#credit10{
	margin-top: 25px;margin-left: 77px
}

#credit3{
	margin-top: 25px;margin-left: 69px
}

#area_4_div_r_1_div_4_p_4{
	color: #ffffff;margin-left: 20px;
}

#area_5_div{
	width: 521px;height: 83px;float: left;background-color: #ffffff;
}
#area_5_div_l_1{
	width: 350px;float: left;font-size: 25px;margin-left: 50px;margin-top: 30px;
}
#area_5_div_r_1{
	float: left;
}
#area_5_div_r_2{
	float: left;background-image: url('images/comment-ca-marche.jpg');width: 520px;height: 2548px
}

#area_4_div_r_1_div_4_p_5{
	margin-left: 63px;color: #f4931e;font-size: 10px;margin-top: 70px;
}

#area_4_div_r_1_div_3_p_4{
	margin-left: 62px;color: #f4931e;font-size: 10px;margin-top: 70px;
}
#area_4_div_r_1_div_1_p_4{
	margin-left: 40px;color: #f4931e;font-size: 10px;margin-top: 70px;
}

.orange {
	color: #de861a
}

.comment_t {
	color: #ffffff;
	margin-left: 65px;
	font-size: 23px;
}

.comment_b_t {
	color: #de861a;
	margin-left: 65px;
	font-size: 20px;
}

.comment_b {
	color: #c2c2c2;
	margin-left: 65px;
	font-size: 19px;
}

#comment_1 {
	margin-top: 85px;
	margin-left: 60px;
}

#comment_1_1 {
	margin-top: 55px;
	margin-left: 60px;
}

#comment_1_2 {
	margin-top: 25px;
	margin-left: 60px;
}

#comment_1_3 {
	margin-top: 25px;
	margin-left: 60px;
}

#comment_1_4 {
	margin-top: 25px;
	margin-left: 60px;
}

#comment_2 {
	margin-top: 135px;
	margin-left: 60px;
}

#comment_2_1 {
	margin-top: 85px;
	margin-left: 60px;
}

#comment_3 {
	margin-top: 250px;
	margin-left: 60px;
}

#comment_3_1 {
	margin-top: 95px;
	margin-left: 60px;
}

#comment_4 {
	margin-top: 50px;
	margin-left: 60px;
}

#comment_4_1 {
	margin-top: 95px;
	margin-left: 60px;
}

#comment_5 {
	margin-top: 260px;
	margin-left: 60px;
}

#comment_5_1 {
	margin-top: 80px;
	margin-left: 60px;
}

#comment_6 {
	margin-top: 280px;
	margin-left: 60px;
}

#comment_6_1 {
	margin-top: 80px;
	margin-left: 60px;
}

#comment_6_2 {
	margin-top: 3px;
	margin-left: 60px;
}

#comment_6_3 {
	margin-top: 25px;
	margin-left: 60px;
}

#video {
	background-image: url("images/barre-video.jpg");
	width: 1038px;
	height: 143px;
}

#vodeo_text {
	margin-left: 60px;
	padding-top: 42px;
	font-size: 23px;
}

#video_orange {
	color: #f7941c;
}

#espace_client-1 {
	background-image: url("images/espace-client-1.jpg");
	width: 1038px;
	height: 168px;;
}

#espace_client-2 {
	background-image: url("images/espace-client-2.jpg");
	width: 1038px;
	height: 2347px;
	overflow: hidden;
}

#espace_client-1-t {
	margin-left: 60px;
	padding-top: 47px;
	font-size: 23px;
}

#espace_client-b-1 {
	margin-left: 370px;
	padding-top: 27px;
	font-size: 23px;
	color: #ffffff;
}

#espace_client-b-2 {
	margin-left: 15px;
	margin-top: 294px;
	font-size: 17px;
	color: #ffffff;
	width: 300px;
	float: left;
}

#espace_client-b-3 {
	margin-left: 815px;
	margin-top: 294px;
	font-size: 16px;
	color: #ffffff;
	width: 220px;
}

#espace_client-b-4 {
	text-align: right;
	margin-left: 235px;
	margin-top: 303px;
	font-size: 17px;
	color: #ffffff;
	width: 300px;
}

#espace_client-b-5 {
	margin-left: 0px;
	padding-top: 147px;
	font-size: 23px;
	color: #ffffff;
	text-align: center;
}

#espace_client-b-6 {
	margin-left: 835px;
	margin-top: 223px;
	font-size: 17px;
	color: #ffffff;
	width: 200px;
}

#espace_client-b-7 {
	margin-left: 35px;
	margin-top: 108px;
	font-size: 17px;
	color: #ffffff;
	width: 170px;
	text-align: right;
}

#espace_client-b-8 {
	margin-left: 505px;
	margin-top: 262px;
	font-size: 17px;
	color: #ffffff;
	width: 400px;
}

#espace_client-b-9 {
	margin-left: 385px;
	margin-top: 145px;
	font-size: 22px;
	color: #ffffff;
	width: 400px;
}

#espace_client-b-10 {
	margin-left: 455px;
	margin-top: 158px;
	font-size: 18px;
	color: #ffffff;
	width: 400px;
	text-align: center;
}

#quo-1 {
	background-image: url("images/site_web_vectologo_22.jpg");
	width: 1038px;
	height: 1152px;
}

#quo-text-1 {
	margin-left: 55px;
	padding-top: 70px;
	font-size: 27px;
	width: 600px;
}

#quo-text-2 {
	margin-left: 55px;
	padding-top: 85px;
	font-size: 19px;
	color: #ffffff;
}

#quo-text-3 {
	margin-left: 155px;
	padding-top: 120px;
	font-size: 25px;
	color: #ffffff;
}

.quoestion-t {
	background-image: url("images/site_web_vectologo_24.jpg");
	width: 1038px;
	height: 160px;
}

#quoestion-1 {
	margin-left: 55px;
	padding-top: 85px;
	font-size: 27px;
}

#notez {
	background-image: url("images/notez-que_01.jpg");
	width: 1038px;
	height: 156px;
}

#notez-1 {
	padding-top: 65px;
	margin-left: 55px;
	font-size: 28px;
}

#sommes-nous-1 {
	background-image: url("images/sommes-nous-1.jpg");
	width: 1038px;
	height: 110px;
}

#sommes-nous-2 {
	background-image: url("images/sommes-nous-2.jpg");
	width: 1038px;
	height: 289px;
}

#sommes-nous-3 {
	background-color: #ffffff;
	width: 1038px;
	height: 80px;
}

#sommes-nous-4 {
	/*background-image: url("index-vectologo-16/images/sommes-nous-4.jpg");*/
	width: 1038px;
	height: 318px;
}

#sommes-nous-5 {
	background-image: url("images/sommes-nous-5.jpg");
	width: 1038px;
	height: 98px;
}

#qui {
	font-size: 27px;
	padding-top: 40px;
	margin-left: 55px;;
}

#sommes-nous-2-1 {
	font-size: 18px;
	padding-top: 8px;
	margin-left: 425px;
	color: #ffffff;
}

#sommes-nous-2-2 {
	font-size: 17px;
	padding-top: 65px;
	margin-left: 420px;
	color: #ffffff;
}

.font_orange {
	color: #f7941c;
}

#sav_l_div {
	background-color: #2a2a2a;
	width: 519px;
	float: left;
	height: 318px;;
}

#sav_r_div {
	width: 519px;
	background-color: #333333;
	float: right;
	height: 318px;
}

#sav_r_p_1 {
	font-size: 28px;
	color: #bdbcc1;
	margin-left: 90px;
	padding-top: 40px;

}

#sav_r_p_2 {
	font-size: 22px;
	color: #bdbcc1;
	margin-left: 90px;
	padding-top: 19px;

}

#sav_l_p_1 {
	font-size: 34px;
	color: #bdbcc1;
	padding-top: 35px;
}

#sav_l_p_2 {
	font-size: 22px;
	color: #bdbcc1;
	margin-top: -8px;
}

#sav_l_p_3 {
	font-size: 20px;
	color: #bdbcc1;
	margin-left: 55px;
	margin-top: 30px;
}

#sav_l_p_4 {
	font-size: 20px;
	color: #bdbcc1;
	margin-left: 55px;
	margin-top: 18px;
}

#tel_icon {
	background-image: url("images/tel_icon.jpg");
	width: 92px;
	height: 91px;
	margin-left: 53px;
	margin-top: 40px;
	float: left;
}

#sav_div_1 {
	height: 130px;
}
#sav_div_1_1 {
	float: left;
	width: 350px;
	margin-left: 20px;;
}