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

a {
	cursor:pointer;}

html {
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a:link, a:visited {
	text-decoration: none;
	border-bottom: 0px;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: arial;
	font-size: inherit;
	font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
li {
	list-style: none;
}
input {
	border: none;
}
/*a img:hover,.last-item #submit:hover,.modifier:hover,#submit:hover,.table .row:hover{opacity:0.80;}

/**************************************************************************************************/
body {
 font-family:;
	font-size: 12px;
	width: 100%;
	padding: 0;
}
#container {
	overflow: hidden;
	background: #e3f1f7;
	width: 810px;
	margin: auto;
	padding-top: 12px;
	padding-bottom: 56px;
	height: 1207px;
}
#wrapper {
	overflow: hidden;
	width: 780px;
	margin: auto;
}
/*Header*/
#header {
	position: relative;
	width: 100%;
	height: 45px;
	float: left;
}
.rs {
	float: right;
	width: 230px;
	padding-top: 15px;
	display: block;
}
.rs a {
	margin-left: 10px;
}

.rs2 {
	float: right;
	width: 230px;
	padding-top: 15px;
	display: none;
}
.rs2 a {
	margin-left: 10px;
}
.content2 {
	width: 100%;
	background: url("../images/bg2.jpg") repeat-y scroll 0 0 transparent;
	overflow: hidden;
	
}

.content {
	width: 100%;
	background: url("../images/bg.jpg") repeat-y scroll 0 0 transparent;
	overflow: hidden;
	display:none;
}
.header-content {
	width: 100%;
	overflow: hidden;
	height: 486px;
}

#bt1 {
	float:left;
	margin-left: 3px;
	height:45px;
	width:259px;
}
.active {
	background:url(../images/solutions.jpg) no-repeat bottom;}
	
.noactive {
	background:url(../images/solutions2.jpg) no-repeat bottom;}
	
.active2 {
	background:url(../images/enseignement.jpg) no-repeat bottom;}
	
.noactive2 {
	background:url(../images/enseignement2.jpg) no-repeat bottom;}
	
#bt2 {
	float:left;
	display:block;
	margin-left: 3px;
	height:45px;
	width:259px;
}

.pages {
	height:47px;
	width:525px;
	float:left;
}

.groupe-bt {
	margin-top: 384px;
	overflow: hidden;
	text-align: right;
	width: 99%;
}
.groupe-bt a {
	margin-right: 12px;
}
.groupe-bt a.inscri {
	margin-right: 11px;
}
#like {
	float: right;
	margin-right: 16px;
	display: block;
}
.video {
	margin: auto;
	width: 743px;
	margin-top: 0px;
	height: 400px;
}
.block-liens {
	margin: 16px auto auto;
	padding-top: 30px;
	width: 743px;
	overflow: hidden;
	padding-bottom: 10px;
}
.block-liens div {
	float: left;
	height: 142px;
	position: relative;
	width: 360px;
}
.block-liens div.last {
	float: right;
}
.partager {
	bottom: 6px;
	position: absolute;
	left: 0px;
	display: block;
}
.footer {
	background: url("../images/footer.jpg") no-repeat scroll 0 0 transparent;
	height: 54px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100%;
}
.footer .logo {
	float: right;
	margin-right: 42px;
}
.footer .title {
	margin-top: 6px;
	float: left;
}
/****************************Contact*********************************/
.popup {
	width: 670px;
	margin: auto;
}
#popup1 {
	margin: auto;
	width: 463px;
}
.content-popup {
	width: 628px;
	background: #e6e6e6;
	overflow: hidden;
	padding-bottom: 34px;
}
.item-form label {
	float: left;
	color: #250115;
	font-size: 14px;
	padding-top: 2px;
}
.label_check {
	background: url("../images/chec-noactive.png") no-repeat scroll 0 2px transparent;
	color: #250115;
	float: left;
	font-size: 11px !important;
	font-weight: normal;
	line-height: 11px;
	padding-left: 30px;
	padding-top: 2px;
	width: 88%;
}
.label_check input {
	left: -9999px;
	position: absolute;
}
label.c_on {
	background: url("../images/chec-active.jpg") no-repeat scroll 0 2px transparent;
}
.center-form {
	float: left;
	width: 100%;
	margin-top: 18px;
}
.center-form input {
	margin: auto;
	width: 372px;
	padding-left: 8pox;
	display: block;
	padding-bottom: 14px;
	padding-left: 8px;
	padding-top: 12px;
	padding-right: 6px;
	font-size: 14px;
	color: #250115;
	border: 1px solid #d3d3d3;
}
.item-row {
	overflow: hidden;
	float: left;
	width: 100%;
}
.item-row.last input {
	background: url("../images/valider.jpg") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 39px;
	margin-left: 122px;
	padding: 0;
	width: 386px;
}
.label_radio {
	background: url("../images/radio-noactive.jpg") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 22px;
	margin-left: 8px;
	margin-left: 8px !important;
	width: 25px;
}
.r_on {
	background: url("../images/radio-active.jpg") no-repeat;
}
.label_check input {
	position: absolute;
	left: -9999px;
}
.label_radio input {
	position: absolute;
	left: -9999px;
}
.item-form {
	margin-left: 122px;
	overflow: hidden;
	width: 70%;
	margin-bottom: 6px;
}
.item-row.last {
	margin-top: 20px;
	padding-bottom: 20px;
}
.item-form input {
	float: left
}
.item-form span {
	color: #F2353B;
	float: left;
	font-size: 16px;
	margin-left: 9px;
	margin-top: 15px;
}
.scroll {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 588px;
	margin: auto;
	padding-left: 1px !important;
	text-align: center;
	width: 523px !important;
}

.scroll2 {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 588px;
	margin: auto;
	padding-left: 1px !important;
	text-align: center;
	width: 523px !important;
}

#popup1 .content-popup {
	width: 525px;
	padding-bottom: 0px;
	background: none;
}
.text-etoile {
	margin-left: 122px;
}
#popup1 #tete-pop {
	margin-left: 0px;
}
.confiramtion {
	width: 100%;
}
.block_direct {
	background: url(../images/bg_direct.png) no-repeat;
}
.block_direct img {
	margin-top: 75px;
}
#item_direct {
	margin-left: 20px;
}
.center-form input#cin {
	border: 1px solid #D3D3D3;
	color: #250115;
	font-size: 14px;
	padding: 12px 6px 14px 8px;
	width: 139px;
	margin: auto auto auto 12px;
}
#client {
	margin-top: 10px;
}
#cin {
	display: none;
}
.client {
	height: 44px;
	width: 445px;
	margin-left: 0;
}
.center-form select {
	margin: auto;
	width: 387px;
	padding-left: 8pox;
	display: block;
	padding-bottom: 14px;
	padding-left: 8px;
	padding-top: 12px;
	padding-right: 6px;
	font-size: 14px;
	color: #999;
	border: 1px solid #d3d3d3;
}
.label_check select {
	position: absolute;
	left: -9999px;
}
.label_radio select {
	position: absolute;
	left: -9999px;
}
.label_check select {
	left: -9999px;
	position: absolute;
}
.item-form select {
	float: left
}
.placeholder {
	color: #250115;
}
#like iframe {
	width: 150px !important;
}
.jspContainer {
	overflow: hidden;
	position: relative;
	width: 479px !important;
	height: 600px !important;
	margin-left: 14px !important;
}

#retour {
	margin-bottom: 7px;
    margin-left: 18px;}