@font-face {
	font-family: 'Bach';
	src: url('../fonts/BAC736.eot');
	src: local('☺'), url('../fonts/BAC736.svg') format('svg'), url('../fonts/BAC736.woff') format('woff'), url('../fonts/BAC736.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Seravek';
	src: url('../fonts/Seravek.eot');
	src: local('☺'), url('../fonts/Seravek.svg') format('svg'), url('../fonts/Seravek.woff') format('woff'), url('../fonts/Seravek.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Seravek';
	src: url('../fonts/Seravek-Bold.otf');
	font-weight: bold;
	font-style: normal;
}
html,body {
	background-color: #fff;
	margin: 0;
	height:100%;
	font-family: Seravek, Bach, Arial, Helvetica, sans-serif; 
	position:relative;
	-webkit-font-smoothing: antialiased;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#header,#header2{
	width:100%;
	box-shadow: 0 0 5px 0 rgba(4, 4, 4, .25);
	-moz-box-shadow: 0 0 5px 0 rgba(4, 4, 4, .25);
	-webkit-box-shadow: 0 0 5px 0 rgba(4, 4, 4, .25);
	position:relative;
}
#header{height:620px; background:url(../images/bgheader.jpg) no-repeat center center;}
#header2{height:345px; background:url(../images/bgheader2.jpg) no-repeat center center; z-index:1;}

.masque1{
width:100%;
height:60px;
background-color: rgba(0,0,0,0.8);
position:relative;
}
.masque2{
width:100%;
height:334px;
background-color: rgba(4,24,40,0.9);
margin-top:163px;
position:relative;
}
.menu{
width:100%;
height:60px;
border-bottom:solid 3px #1a77b9;
background-color: #fff;
position:relative;
}
.logo{
width:200px;
height:170px;
top:20px;
position:absolute;
left:50%;
margin-left:-100px;
background-color:#feffff;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
box-shadow: 1px 1px 1px 0px rgba(4, 4, 4, .29);
-moz-box-shadow: 1px 1px 1px 0px rgba(4, 4, 4, .29);
-webkit-box-shadow: 1px 1px 1px 0px rgba(4, 4, 4, .29);
text-align:center;
padding-top:30px;
}
.slogan{
width:348px;
height:50px;
top:261px;
position:absolute;
left:50%;
margin-left:-174px;
background-color:#1a77b9;
text-align:center;
line-height:50px;
vertical-align:middle;
padding:0;
}
.txt4{
font-family: Bach; 
font-size: 20px; 
font-weight: normal; 
color: #fefefe;
}
.services{
width:980px;
height:259px;
margin-left:auto;
margin-right:auto;
padding-top:75px;
}
.service{
width:159px;
margin-left:31px;
text-align:center;
float:left;
}
.imgserv{
width:135px;
height:135px;
margin-left:12px;
}
.imgserv img{
width:131px;
height:131px;
border:solid 2px #fefeff;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
display:block;
z-index:99999;
background-color: #fefeff;
}
.service:hover  img{border:solid 2px #ffa424;}
.service:hover  .txt5 a{color:#ffa424;}
.txtserv{padding-top:19px;}
.txt5 a{
font-family: Bach; 
font-size: 16px; 
font-weight: normal; 
color: #fff;
line-height:16px;
}
.menu0{
width:980px;
height:45px;
margin:0 auto;
padding-top:15px;
}
.home, .icohome{float:left;}
.phone{
float:right;
background:url(../images/icophone.png) no-repeat right center;
padding-right:25px;
}
.icohome a{
width:30px;
height:30px;
background:url(../images/home.png) no-repeat center 6px;
background-color: #fff;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
display:block;
	}
.txthome{float:left; padding:5px 0 0 10px;}
.txt1 a{
font-family: Verdana; 
font-size: 12px; 
font-weight: normal; 
color: #fff;
}
.home:hover .icohome a{background-position: center -16px; background-color: #1a77b9;}
.txt2{
font-family: Bach; 
font-size: 18px; 
font-weight: normal; 
color: #fff;
}
.menu1{
width:980px;
height:43px;
margin:0 auto;
padding-top:17px;
position:relative;
}
.menu2{float:left;}
.menu3{float:right;}
.sep, .sep2{
font-family: Verdana; 
color: #7f7f7f;
padding-top:4px;
}
.sep{
float:left;
margin:0 42px;
}
.sep2{
float:right;
margin:0 33px;
}
.txt3 a{
font-family: Bach; 
font-size: 20px; 
font-weight: normal; 
color: #434343;
}
#magic-line{ 
position: absolute; 
bottom: -11px; 
width: 20px; 
height: 20px;
text-align:center;
}
.magic-line { 
width: 20px; 
height: 20px; 
background-color:#1a77b9;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
display:inline-block;
}
.fmenu{width:20px; height: 20px; margin-left:150px; }

#footer{
	width:100%;
	height:223px;
	background-color:#fff;
    -webkit-box-shadow: 3px 3px 5px 3px rgba(4,4,4,0.29);
    -moz-box-shadow: 3px 3px 5px 3px rgba(4,4,4,0.29);
    box-shadow: 3px 3px 5px 3px rgba(4,4,4,0.29);
	position:relative;
	border-bottom:solid 5px #1a77b9;
	bottom:0;
}
.sociaux{margin:0 auto; width:353px; height:70px; padding-top:30px;}
.reseau{
float:left;
width:50px;
height:50px;
background-color: #1a77b9;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
margin-right:17px;
margin-top:11px;
}
.reseau:hover{
background-color: #ffa424;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.4s ease-out;
-webkit-transition: -webkit-transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.facebook,.googleplus,.twitter,.youtube{
width:50px;
height:50px;
display:block;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%
}
.facebook{
background:url(../images/facebook.png) no-repeat center center;
}
.googleplus{
background:url(../images/googleplus.png) no-repeat center center;
}
.twitter{
background:url(../images/twitter.png) no-repeat center center;
}
.youtube{
background:url(../images/youtube.png) no-repeat center center;
}
.logofooter{
width:62px;
height:62px;
border:solid 4px #58585B;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%;
background:url(../images/logo-symbol.jpg) no-repeat center center;
float:left;
margin:0 24px 0 7px;
}
.nomarg{margin-right:0px !important;}
.menufooter{margin:0 auto; width:544px; height:20px; padding-top:30px;}
.menu4{float:left;}
.txt6 a{
font-family: Verdana; 
font-size: 15px; 
font-weight: normal; 
color: #58585a;
}
.txt6 a:hover{ color: #ffa424;}
.sep3{
float:left;
font-family: Verdana; 
color: #cecece;
font-size: 15px;
padding:0 10px;
}
@-moz-document url-prefix() {
    .sep3 {
        padding:0 11.5px;
    }
}
.copyright{margin:0 auto; width:544px; height:20px; padding-top:20px; line-height:11px;}
.txt7{
font-family: Verdana; 
font-size: 12px; 
font-weight: normal; 
color: #58585a;
}
.copytxt{float:left; padding-top:13px;}
.signature{float:right;}
.txt8{
font-family: Verdana; 
font-size: 10px; 
font-weight: normal; 
color: #58585a;
}
.txt9 a{
font-family: Verdana; 
font-size: 12px; 
font-weight: normal; 
color: #1a77b9;
}
#main-content{
	width:100%;
	height:auto;
	background-color:#f4f4f4;
	position:relative;
	padding-bottom:50px;
}
.clear { clear: both; }
.row{
width:980px;
margin:0 auto;
padding-top:45px;
position:relative;
}
.block1{
width:980px;
height:170px;
background-color:#fff;
border-top:solid 3px #ffa424;
position:relative;
}
.txt10{
font-family: Seravek;
font-size: 23px; 
font-weight: normal; 
color: #1a77b9;
line-height:20px;
}
.titres{padding-bottom:8px;}
.leftblock1{
width:310px;
height:200px;
float:left;
}
.rightblock1{
/*width:630px;*/
/*height:160px;*/
float:left;
padding:20px;
}
.txt11, .txt14{
font-family: Seravek;
font-size: 20px; 
font-weight: bold; 
color: #414141;
}
.txt12, .txt15{
font-family: Seravek;
font-size: 16px; 
font-weight: normal; 
color: #414141;
}
p { margin:0; margin-top:12px; text-indent: 10px; text-align:justify;}
.corner{
position:absolute;
width:8px;
height:10px;
top:0;
right:0;
background:url(../images/corner.png) no-repeat center center;
}
.row2{float:left; margin-top:47px;}
.rowmarge {margin-left:25px; margin-right:25px;}
.vid{
position:absolute;
width:170px;
height:170px;
top:0;
left:0;
margin-left:70px;
margin-top:15px;
background:url(../images/vid.png) no-repeat 0 0;

}
.blockv:hover .vid{background-position:0 -170px;}
.blockv:hover img {opacity: 0.7;}
.blockv img {
display: block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.blockv{background-color:#000 !important; cursor:pointer;}
.blockc .ccc img{
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0px;
max-height: 100%;
max-width: 100%;}
.block2{
width:310px;
height:200px;
background-color:#fff;
border-top:solid 3px #ffa424;
position:relative;
}
.bloctxt{padding:20px;}
.btn-down{
width:152px;
height:30px;
background:url(../images/icon-download.png) no-repeat 150px center;
background-color:#1a77b9;
border-bottom:solid 3px #5babe4;
margin-left:20px;
margin-top:15px;
padding:10px 15px 0 15px;
cursor:pointer;
bottom: 20px;
position: absolute;
}
.btn-down:hover{
background-color:#ffa424;
border-bottom:solid 3px #ffbb5c;
}
.txt13 a{
font-family: Seravek;
font-size: 20px; 
font-weight: normal; 
color: #fff;
}
.current2 a{color: #1a77b9 !important;}
.rowleft, .rowright{float:left;}
.rowleft{margin-right:25px;}
.row4m{margin-bottom:17px;}
.block3{
width:605px;
height:auto;
background-color:#fff;
border-top:solid 3px #ffa424;
position:relative;
padding:5px 20px 9px 20px;
line-height:19px;
}
.divserv{height:399px; position:relative;}
.divservimg{
width:131px;
height:131px;
position:relative;
float:left;
border:solid 2px #ffa424;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
}
.divservimg img{
width:131px;
height:131px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
vertical-align: middle;
display:block;
z-index:99999;
background-color: #ffa424;
}
.divservtxt{float:left; margin-top:38px; margin-left:15px;}
.txt15 p{
text-align: justify;
text-justify: inter-word;
text-indent: 0;
margin:0;
	}
.txt15 ul{
list-style-type: disc;
list-style-position: inside;
  padding: 0;
}
.txt15 ul li{
  padding-bottom: 12px;
  margin-left: 1em;
  list-style-position: outside;
}
.divservtxtm{margin-top:15px; width:445px;}
.frow{
position:absolute;
width:9px;
height:22px;
top:50%;
right:-9px;
margin-top:-11px;
background:url(../images/frow.png) no-repeat center center;
}
.divservimg2{width:131px; height:131px; position:absolute; top:0; cursor:pointer;}
.block3m{padding:25px; width:595px;}
.divservimg:hover .divservimg2{
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
transition: transform 1.0s ease-out;
-webkit-transition: -webkit-transform 1.0s ease-out;
-moz-transition: -moz-transform 1.0s ease-out;
}
.block3r{padding:11px 20px 20px 20px;}
.slider{
width:596px;
height:390px;
border:solid 5px #e9e9e9;
margin-top:10px;
position:relative;
overflow: hidden;
}
.subslider{
width:596px;
height:390px;
overflow: hidden;
}
.btnleft, .btnright{width:32px; height:70px; position:absolute; top:50%; cursor:pointer; margin-top:-35px; background:url(../images/arrows.png) no-repeat;}
.btnleft{background-position: 0 0; left:0;}
.btnright{background-position: -32px 0; right:0;}
.btnleft:hover{background-position: 0 -70px;}
.btnright:hover{background-position: -32px -70px;}
.block4{
width:605px;
height:auto;
background-color:#fff;
position:relative;
padding:11px 20px 20px 20px;
line-height:19px;
margin-top:3px;
}
.block3c{padding:17px 20px 20px 20px;}
.cordoleft, .cordoright{float:left;}
.cordoright{margin-left:8px;}
.cordo{margin-top: 10px; margin-bottom: 5px;}
.ville{margin-top: 22px;}
.map{
width:595px;
height:240px;
border:solid 5px #e9e9e9;
margin-top:15px;
position:relative;
}
.staffs{margin-top:15px;}
.staff{width:150px; text-align:center; float:left; margin-bottom:40px;}
.namestaff{padding-top:4px; margin-bottom:-4px;}
.staffm{margin:0 77px 0 78px;}
.staffb{margin-bottom:0 !important;}
.cmarg{padding-top:18px;}

/** slideshow RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper ul {
margin-top:0 !important;
margin-bottom:0 !important;
}

/** THEME
===================================*/



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
background-position: 0 0 !important; left:0;
}

.bx-wrapper .bx-next {
background-position: -32px 0 !important; right:0;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 -70px !important;
}

.bx-wrapper .bx-next:hover {
background-position: -32px -70px !important;
}

.bx-wrapper .bx-controls-direction a {
width:32px; height:70px; position:absolute; top:50%; cursor:pointer; margin-top:-35px; background:url(../images/arrows.png) no-repeat;
	text-indent: -9999px;	
}
.bx-wrapper .bx-controls-direction a.bx-prev.disabled {
	background: url(../images/arrows.jpg) no-repeat 0px 0px;
	cursor:default;
}
.bx-wrapper .bx-controls-direction a.bx-next.disabled {
	background: url(../images/arrows.jpg) no-repeat -28px 0px;
	cursor:default;
}
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
}

.bx-wrapper .bx-caption a {
	color: #603847;
	font-family: Calibri;
	font-weight: bold;
	display: block;
	font-size: 20px;
}
.bx-viewport{height: 390px !important;}

/*services*/
#smenu{
width:980px;
height:73px;
border-top:solid 5px #ffa424;
margin:0 auto;
margin-top:217px;
background-color: #062943;
}
.sm1, .sm2, .sm3, .sm4, .sm5{
height:73px;
float:left;
position:relative;
cursor:pointer;
text-align:center;
}
.smtxt{
font-family: Bach; 
font-size: 15px; 
font-weight: normal; 
color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   line-height:20px;
   letter-spacing:0.05em;
}
.sm1{
width:196px;
}
.sm2{
width:195px;
}
.sm3{
width:195px;
}
.sm4{
width:195px;
}
.sm5{
width:199px;
}
.msepar{
width:1px;
height:53px;
background-color: #445f72;
position:absolute;
right:0;
top:10px;
}
.sm1:hover, .sm2:hover, .sm3:hover, .sm4:hover, .sm5:hover, .smactive{
background-color: #1a77b9;
}
.sm1:hover .msepar, .sm2:hover .msepar, .sm3:hover .msepar, .sm4:hover .msepar, .mseparhover,.mseparactive {
height:73px;
background-color: #5399cb;
top:0;
}
.roww{padding-top:123px;}