@charset "UTF-8";
*{
margin: 0px;
padding: 0px;
text-align: left;
}
footer, header,  menu, nav, section,  { 
display: block;
}
html{
height:100%;
}
body{
text-align: center;
margin: 0px;
color: #000;
height:100%;
font-size: 13px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
background:#FFF;

}
.clr{
clear: both;
padding: 0!important;
}
a{
text-decoration: none;
}

header{
width: 100%;
position: fixed;
z-index: 20;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);
}
.otstup{
height: 88px;
}
.main{
max-width: 1170px;
margin: 0 auto;
}

.main-large{
max-width: 1280px;
margin: 0 auto;
color:#666666;
}
.wrap{
padding: 0px 30px;
} 
.socialline{
background: #edeef2;
height: 33px;
border-bottom: 1px #dcdddf solid;
}
.up{
position: fixed;
bottom: 50px;
left: 50%;
margin-left: 45%;
display: none;
z-index: 100;
}

.plashka{
position: fixed;
top: 150px;
right: 0px;
z-index: 30;
}
.plashka a.link{
float: right;
display: inline-block;
width: 38px;
height: 227px;
background: url(/img/right-bt.png) 0px 0px no-repeat;
}
.plashka a.link:hover{
background-position: -38px 0px;
}
.plashka a.link2{
float: right;
display: inline-block;
width: 38px;
height: 198px;
background: url(/img/emploi.png) 0px 0px no-repeat;
}
.plashka a.link2:hover{
background-position: -38px 0px;
}
.plashka a.link31{
float: right;
display: inline-block;
width: 38px;
height: 227px;
background: url(/img/pl31.jpg) 0px 0px no-repeat;
}
.plashka a.link31:hover{
background-position: -38px 0px;
}

.plashka  .like a.open{
display: inline-block;
width: 38px;
height: 39px;
background: url(/img/like.png) 0px 0px no-repeat;
float: left;
}
.plashka  .like a.open.close{
background: url(/img/like.png) -38px 0px no-repeat;
}

.plashka  .like div{
float: right;
display: none;
background: #FFF;
width: 210px;
height: 150px;
padding: 15px;
border-top: 1px #eaf7ff solid;
}


.socialline .social, .socialline .auth{
float: right;
}
.socialline .social ul{
list-style: none;
}
.socialline .social ul li{
float: left;
padding: 4px 15px;
}
.socialline .social ul li a{
display: inline-block;
width: 22px;
height: 22px;
}
.socialline .social ul li a.tw{
background: url(/img/social.png) 0px 0px no-repeat;
}
.socialline .social ul li a.fb{
background: url(/img/social.png) -22px 0px no-repeat;
}
.socialline .social ul li a.gp{
background: url(/img/social.png) -44px 0px no-repeat;
}
.socialline .social ul li a.tw:hover{
background-position: 0px -22px;
}
.socialline .social ul li a.fb:hover{
background-position: -22px -22px;
}
.socialline .social ul li a.gp:hover{
background-position: -44px -22px;
}

.socialline .auth ul{
list-style: none;
}
.socialline .auth ul li{
float: left;
padding: 0px 0px 0px 1px;
position: relative;
}
.socialline .auth ul li a{
display: inline-block;
width: 75px;
line-height: 33px;
font-size: 10px;
font-weight: 700;
color: #FFF;
text-transform: uppercase;
padding: 0px 0px 0px 35px;
}
.socialline .auth ul li a.contact{
background: #ff5b0e url(/img/authicon.png) 5px 0px no-repeat;
}
.socialline .auth ul li a.contact:hover{
background: #FFF url(/img/authicon.png) 5px -30px no-repeat;
color: #ff5b0e;
}
.socialline .auth ul li.connection a{
background: #6b42b2 url(/img/authicon.png) 5px -60px no-repeat;
}
.socialline .auth ul li.connection:hover a{
color: #6b42b2;
background: #FFF url(/img/authicon.png) 5px -90px no-repeat;
}
.socialline .auth ul li .aceder{
display: none;
background: #FFF;
padding: 25px;
position: absolute;
z-index: 30;
width: 290px;
right: 0px;
border: 1px #dcdddf solid;
border-top: none;
}
.socialline .auth ul li.connection:hover .aceder{

}
.socialline .auth ul li .aceder h3{
font-size: 13px;
font-weight: 400;
color: #6b42b2;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
}
.socialline .auth ul li .aceder a{
display: block;
text-align: center;
font-size: 13px;
font-weight: 700;
color: #FFF !important;
text-transform: uppercase;
width: 100%;
line-height: 33px;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
}
.socialline .auth ul li .aceder a.t1{
background: #6b42b2;
}
.socialline .auth ul li .aceder a.t1:hover{
background: #FFF;
color: #6b42b2!important;
}

.socialline .auth ul li .aceder a.t2{
background: #c85289;
}
.socialline .auth ul li .aceder a.t2:hover{
background: #FFF;
color: #c85289!important;
}

body.marine .menubox  .menu a{
color: #009ec6;
}
body.marine .menubox .menu ul li a.active{
background: #009ec6;
color: #FFF;
}
body.blue .menubox  .menu a{
color: #4e68b9;
}
body.blue .menubox .menu ul li a.active{
background: #4e68b9;
color: #FFF;
}
body.annuaire .menubox  .menu a{
color: #ff5b0e;
}
body.annuaire .menubox .menu ul li a.active{
background: #ff5b0e;
color: #FFF;
}

.openmenu{
display: none;
}
.menubox{
background: #FFF;
}
.menubox .wrap{
padding: 0px 0px 0px 30px;
} 
.menubox .logo{
float: left;
}
.menubox .logo a{
display: inline-block;
}
.menubox .menu{
float: right;
padding: 15px 15px 0px 0px;
}
.menubox .menu ul{
list-style: none;
}
.menubox .menu ul li{
float: left;
}
.menubox .menu ul li a{
line-height: 42px;
display: inline-block;
padding: 0px 15px; 
font-size: 13px;
font-weight: 600;
color: #ff5b0e;
}
.menubox .menu ul li a.active{
background: #ff5b0e;
color: #FFF;
}
.menubox .menu ul li.annuaire:hover a{
background: #ff5b0e;
color: #FFF;
}
.menubox .menu ul li.blue:hover a{
background: #4e68b9;
color: #FFF;
}
.menubox .menu ul li.marine:hover a{
background: #009ec6;
color: #FFF;
}
.menubox .menu ul li.red:hover a{
background: #6f123d;
color: #FFF;
}
.menubox .menu ul li.green:hover a{
background: #569d27;
color: #FFF;
}
.menubox .menu ul li.green h3{
clear: both;
float: none;
text-align: center;
padding: 20px 0px;
background: url(/img/greenpix.png) 0px 50% repeat-x;
}
.menubox .menu ul li.green h3 a{
display: inline-block;
padding: 0px 20px;
background: #569d27;
}

.menubox .menu ul li section{
display: none;
position: absolute;
width: 100%;
left: 0px;
padding: 20px 0px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
.menubox .menu ul li.blue section{
background: #4e68b9;
}
.menubox .menu ul li.marine section{
background: #009ec6;
}
.menubox .menu ul li.red section{
background: #6f123d;
}
.menubox .menu ul li.green section{
background: #569d27;
}
.menubox .menu ul li section ul{
padding: 0px 30px;
}
.menubox .menu ul li section ul .column{
width: 33%;
float: left;
}
.menubox .menu ul li section ul li{
width: 100%;
}
.menubox .menu ul li section ul li a{
line-height: 25px;
display: inline-block;
padding: 5px 0px; 
font-size: 13px;
font-weight: 600;
color: #FFF !important;
}
.menubox .menu ul li section ul li a:hover{
color: #FFF !important;
text-decoration: underline;
}

.text{
background: #FFF;
}
.text h1{
font-size: 30px;
font-weight: 800;
color: #6775b8;
text-align: center;
text-transform: uppercase;
line-height: 45px;
padding: 0px 0px 0px 0px;
}
.text h4{
font-size: 30px;
font-weight: 400;
color: #6775b8;
text-align: center;
line-height: 35px;
padding: 0px 0px 0px 0px;
}
.text{
padding: 30px 0px;
}
.text .left{
width: 35%;
float: left;
}
.text .left div{
padding: 20px 30px;
background: #6775b8;
}
.text .left div h3{
font-size: 20px;
font-weight: 700;
color: #FFF;
padding: 20px 0px 0px 0px;
}
.text .left div p{
font-size: 18px;
font-weight: 400;
color: #FFF;
padding: 10px 0px;
}
.text .right{
width: 60%;
float: right;
}
.text .right p.big{
font-size: 20px;
font-weight: 400;
color: #4e5471;
}
.text .right ul{
list-style: none;
padding: 20px 0px 20px 30px;
}
.text .right ul li{
font-size: 16px;
color: #4e5471;
padding: 10px 0px;
}
.text .right ul li a{
font-size: 18px;
color: #6775b8;
font-weight: 800;
text-decoration: underline;
}
.text .right p{
font-size: 16px;
color: #4e5471;
}
.text .full {
width: 95%;
}
.text .full p.big{
font-size: 20px;
font-weight: 400;
color: #4e5471;
text-align:center;
}
footer {
	padding: 20px 0px;
	background: #FFF;
}
footer .main-large {
color:#666666;
}
footer a:hover {
	text-decoration: underline;
color:#666666;
}
footer .fmenu {
	width: 16%;
	float: left;
}
footer .fmenu ul {
	list-style: none;
}
footer .fmenu ul li {
	padding: 0px 0px 10px 0px;
}
footer .fmenu ul li a {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
color:#666666;

}
footer .fcopy {
	width: 18%;
	float: left;
}
footer .fcopy p4 {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
}
footer .fcopy p {
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight:normal;
}
footer .fcopy a {
	color:#666666;
	font-size: 12px;
	text-decoration: underline;
}
footer .fcopy a:hover {
	color:#666666;
	text-decoration: underline;
}
footer .region {
	width: 65%;
	float: right;
	font-weight:normal;
	font-size: 12px;
}
footer .region a {
	color:#666666;
}
footer .region a:hover {
	color:#666666;
}
footer .region span {
	text-decoration: underline;
}
footer .wrap {
	position: relative;
}
footer .counter {
	position: absolute;
	bottom: 10px;
	left: 30px;
}


		

/*acces*/
.acc h1{
font-size: 35px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
line-height: 25px;
padding: 35px 0px 20px 0px;
color:#6b42b2;
}
.qcent{
display:block;
padding:20px 30px 20px 265px;
max-width:675px;
margin:0 auto 30px;
background:url(/img/qcent.png) 30px 20px no-repeat #91899f;
position:relative;
}
.qtetr{
display:block;
position:absolute;
bottom:-15px;
left:50%;
margin-left:-15px;
height:15px;
width:30px;
background:url(/img/qtetr.png) 0 0 no-repeat;
}
.qcent p{
color: #FFFFFF;
font-size: 18px;
line-height: 22px;
margin: 0 0 20px;
}
.qcent p:last-of-type{
margin-bottom:0;
}
.acces{
margin:15px auto;
background:#fff;
}
.acces h2{
font-size: 20px;
font-weight: 800;
color: #FFF;
text-align: center;
line-height: 25px;
padding: 10px 0;
background:#6b42b2;
}
.accesinfo{
padding:30px 20px;
}
.accesinfoitem{
padding:0px 0 0px 70px;
margin: 0 0 0px;
background:url(/img/border-line.png) 0 100% repeat-x;
}
.accesinfoitem h3:hover{
background-color: #EFECF3;
cursor: pointer;
}
.accesinfoitem:last-of-type{
margin-bottom:0;
}
.accesinfoitem h3{
margin:0 0 0 -70px;
font-size: 18px;
font-weight: normal;
line-height: 20px;
padding:20px 0 20px 70px;
color:#6b42b2;
}


.dir1{
background:url(/img/dir1.png) 1% 50%  no-repeat;
}
.dir2{
background:url(/img/dir2.png) 1% 50%  no-repeat;
}
.dir3{
background:url(/img/dir3.png) 1% 50%  no-repeat;
}
.dir4{
background:url(/img/dir4.png) 1% 50%  no-repeat;
}
.dir5{
background:url(/img/dir5.png) 1% 50%  no-repeat;
}
.ann1{
background:url(/img/ann1.png) 1% 50%  no-repeat;
}
.accesinfoitem table{
border:1px solid #dddddd;
width:100%;
border-collapse:collapse;
margin:20px 0 0;
}
.accesinfoitem table td,.accesinfoitem table th{
border:0 none;
}
.accesinfoitem table tr{
height:38px;
}
.accesinfoitem table tr:nth-child(odd){
background:#f1f3f3;
}
.accesinfoitem table th{
height:38px;
line-height:38px;
font-size:16px;
color:#fff;
font-weight:bold;
background:#5a5f7a;
text-align:left;
padding:0 10px 0 20px;
}
.accesinfoitem table td{
height:38px;
line-height:38px;
font-size:16px;
color:#5a5f7a;
font-weight:normal;
text-align:left;
padding:0 10px 0 20px;
}
.accesinfoitem table td.link{
background:#6b42b2;
}
.accesinfoitem table td.link a{
color:#fff;
text-decoration:underline;
font-style:italic;
font-size:14px;
}
.accesinfoitem table td.link a:hover{
text-decoration: none;
}

.accesinfoitem .acc{
display: none;
padding: 0px 0px 20px 0px;
}

.accitemtext h4{
margin:20px 0 0 30px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
padding:0;
color:#6b42b2;
}
.accitemtext p{
margin:0 0 0 60px;
font-size: 16px;
line-height: 20px;
padding:0;
}
.accitemtext p.listitem{
margin-left:90px !important;
}
.accitemtext a{
color:#6b42b2;
text-decoration:underline;
}

.accitemtext .attent{
display:block;
padding:30px;
border:1px solid #dddddd;
background:#edeef2;
margin:20px 0 0;
}
.accitemtext .attent h4{
margin:0;
padding:0;
text-transform:uppercase;
font-size:20px;
line-height:24px;
}
.accitemtext .attent p{
margin:0;
font-size:20px;
line-height:24px;
}
.ann .accitemtext p{
margin:20px 0 0 60px;
}
/*end*/
/*empl*/


body.green .menubox  .menu a{
color: #569d27;
}
body.green .menubox .menu ul li a.active{
background: #569d27;
color: #FFF;
}

.socialline .auth ul li.connection > a {
    background: url("/img/authicon.png") no-repeat scroll 5px -60px #6B42B2;
}
.socialline .auth ul li.connection .brdr{
margin:10px 0;
}
.socialline .auth ul li.connection a.acceder{
font-size:13px;
color:#6b42b2 !important;
background:url(/img/acceder.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}
.socialline .auth ul li.connection a.acceder:hover{
color:#fff !important;
background:url(/img/accedera.png) 15px 50% no-repeat #6b42b2;
}
.socialline .auth ul li.connection a.activer{
font-size:13px;
color:#6b42b2 !important;
background:url(/img/active.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}
.socialline .auth ul li.connection a.activer:hover{
color:#fff !important;
background:url(/img/activea.png) 15px 50% no-repeat #6b42b2;
}
.socialline .auth ul li.connection a.voir{
font-size:13px;
color:#6b42b2 !important;
background:url(/img/voir.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}
.socialline .auth ul li.connection a.voir:hover{
color:#fff !important;
background:url(/img/voira.png) 15px 50% no-repeat #6b42b2;
}
.socialline .auth ul li.connection a.deposer{
font-size:13px;
color:#9d114b !important;
background:url(/img/deposer.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}
.socialline .auth ul li.connection a.deposer:hover{
color:#fff !important;
background:url(/img/deposera.png) 15px 50% no-repeat #9d114b;
}
.socialline .auth ul li.connection a.consulter{
font-size:13px;
color:#9d114b !important;
background:url(/img/consulter.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}
.socialline .auth ul li.connection a.consulter:hover{
color:#fff !important;
background:url(/img/consultera.png) 15px 50% no-repeat #9d114b;
}
.socialline .auth ul li.connection a.deconection{
font-size:13px;
color:#9da1b1 !important;
background:url(/img/decon.png) 15px 50% no-repeat #fff;
text-transform:none;
font-weight:500;
text-align:left;
width:auto;
padding:0 0 0 40px;
}