html{ 
  overflow-y:scroll;
-webkit-scrollbar:vertical  
-moz-scrollbars-vertical;
}

html.colorbox{ 
  overflow: auto;
}

body , body.colorbox{
	margin: 0px;
/*	font: 10px Arial, Helvetica, Verdana, sans-serif;*/
	font: 10px futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-size: medium; 
	font-variant: normal;
	font-style: normal;
}

body {
background: #e2edf3; 
}

body.colorbox{
background : #cddde7;
}

 
h1 { font-size: 14px; line-height: 1.25em; margin: 0 0 16px 0; }
h2 { font-size: 24px; font-style: normal; font-weight: 300; line-height: 1.25em; margin: 0 0 18px 0; }
h3, h4, h5, h6 { font-size: 11px; line-height: 1.25em; margin: 0; }
p { margin-bottom: 16px; }
a { color: #000; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }

 
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
} 

.reseau-right { 
	position:fixed;
	display:table;
	width: 60px;
	right:  0;
	top: 40%;
	background: #cddde7;
	z-index: 1100;
	-moz-box-shadow: -2px 2px 8px 0px #656565;
-webkit-box-shadow: -2px 2px 8px 0px #656565;
-o-box-shadow: -2px 2px 8px 0px #656565;
box-shadow: -2px 2px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=224, Strength=8);
	-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
 }
 
a.haut-suivre-fb,
a.haut-suivre-gplus,
a.haut-suivre-linkedin,
a.haut-suivre-lock,
a.haut-suivre-lock-off ,
a.haut-suivre-contact {
	display: block;
	width: 40px;
	height: 40px;
	margin: 10px;
	background-color : #55a0ed;
	background-image: url("../interface/sprite-nav.png");
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

a.haut-suivre-lock {
	background-position: 0 -60px;
}

a:hover.haut-suivre-lock {
	background-position: 0 -100px;
}

a.haut-suivre-lock-off {
	background-position: -40px -60px;
}

a:hover.haut-suivre-lock-off {
	background-position: -40px -100px;
}

a.haut-suivre-contact {
	background-position: -200px -60px;
}

a:hover.haut-suivre-contact {
	background-position: -200px -100px;
}


a.haut-suivre-fb {
	background-position: -80px -60px;
}

a:hover.haut-suivre-fb {
	background-position: -80px -100px;
}

a.haut-suivre-linkedin {
	background-image: url("../interface/haut-linkedin.png");
}

a.haut-suivre-gplus { 
	background-image: url("../interface/haut-gplus.png"); 
}

@media screen and (max-width: 1240px) {

.reseau-right { 
	position:relative;
	display:inline-block;
	width: 180px;
	right:  inherit;
	top: inherit;
	margin: 5px auto -5px;
	background: #cddde7;
	z-index: 1100;
	-moz-box-shadow: inherit;
-webkit-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=224, Strength=8);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
 }
 
 a.haut-suivre-fb,
a.haut-suivre-gplus,
a.haut-suivre-linkedin,
a.haut-suivre-lock,
a.haut-suivre-lock-off ,
a.haut-suivre-contact {
	float: left;
}


}
 


.rotateLogin {
    margin: 0;
    padding: 0;
	width:800px;
	text-align:left;
	display: inline-block;
	position: relative;
	right: -1000px;
	top: 10px; 
	 
	font-size:20px;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
			
}


.HautDePage, .piedworks, .piedaccueil {
	width: 100%;
	z-index: 1000;    
	background-image: url("../interface/fond-menu.png"); 
	background-position: top right;
}

.piedaccueil {
	margin-bottom: -5px;
}

.HautDePage {
	height: 70px;
	text-align: left; 
	background-size: 100% auto;	
	position: fixed;
	top:0;
}

.piedworks {
	height: 40px;
	text-align: left; 
	position: fixed;
	bottom:0;
	}
	
.piedaccueil {
	display: inline-block;
	width: 100%;
	background-size: 100% auto;	
	border-top: 1px solid #fff;
}

a.logo-entete,  a.logo-pied {
	display: block;
	position: relative;
	z-index: 1001;
 }
 
 a.logo-entete {
	float: right;
 }
 
a.logo-pied {
	float: left;
 }
 
 a.logo-entete {
	width: 60px;
	height: 60px;
	display: block;
	margin: 5px 20px 0 0;
	background-image: url("../interface/Studio352-entete.png"); 
	background-position: 0 0;
 }
 
  a:hover.logo-entete {
	background-position: 0 -60px;
 }
 
 .logo-pied {
	width: 50px;
	height: 50px;
	margin: 2px 10px 0 0;
	}



 
 
.logo-entete img {
	width: 60px;
	height: 60px;
	}
	
.logo-pied img {
	width: 50px;
	height: 50px;
	}
	
a.logo-baseline {
	height: 40px;
	display: block;
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 15px; 
	z-index: 1001;
 }
 
 .logo-baseline img {
	width: 200px;
	height: auto;
	}
	
.bloc-studio {
	display: block;
	text-align: center;
	float: right;
	width: 270px;
	}
	
.pied-infos {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	margin: 5px 20px 0 0;
	text-align: center;
	color: #fff;
	}
	
.piedaccueil a.melusine {
	background-image: url("../interface/melusine.png");
	background-repeat: no-repeat;
	margin: 5px 20px 0;
	display: inline-block;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px 0 50px;
	min-height: 50px;
	vertical-align: middle;
	}
	
@media screen and (max-width: 650px) {
.col-pied {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.piedaccueil a.melusine {
	float: inherit;
	text-align: left;
	font-size: 1em;
	padding: 8px 0 0 50px;
	}
	
.bloc-studio {
	margin: 0 auto 5px;
	float: inherit;
	}
}

@media screen and (max-width: 350px) {
a.logo-baseline {
	visibility: hidden;
	width: 0;
	height: 0
 }
 
a.logo-entete {
	float: inherit;
	margin: 0 auto;
 }
}

@media screen and (max-width: 1553px) {
  .HautDePage, .piedaccueil  { 
    background-size: inherit; 	
  }
}

.HautDePageLittle {
	width: 800px;
	background: #065079;
	height: 53px;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
	text-align: left; 
	position: relative; 
	z-index: 90;
	background: url("../interface/Baniere352Little.jpg"); 
}



.barre-menuLogin {
	width: 421px;
	display: block;
	background: #dee4de;
	height:28px; 
	float: left;
	text-align: left;
	padding-left:5px;
	position: absolute;
	top:30px; 
	left:0;
 	background: rgba(5,68,133,1);	
	color:#FFFFFF;
}



.PiedDePage { 
	width: 100%;
	background: #054485;
	padding: 0 10px;
	text-align: left; 
	position: relative; 
	z-index: 90;
	color:#FFFFFF;
	text-align:right;
}

.PiedDePageLittle { 
	width: 800px;
	background: rgba(5,68,133,1);
	height: 60px; 
	margin-top: 43px;
    margin-left: auto;
    margin-right: auto;
	text-align: left; 
	position: relative; 
	z-index: 90;
	font: 10px futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	color:#FFFFFF;
	text-align:right;
}

.PiedDePage h2{ 
	font: 12px futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	font-weight:bold;
	
}

.ProductionsTitre {
	font: 18px futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
 	height: 40px; 
	left:120px;  
	padding-left:5px; 
	padding-top:5px; 
	vertical-align:middle;  
 	margin-bottom:4px;
	margin-left:auto; 
	margin-right:auto; 
	background: rgba(5,68,133,0.9);
 	color:#fff;
	display:block; 
	width:75%;position:absolute;bottom:2px; 
 	border-radius: 5px;
	text-align:center;
}


.widgetFacebook {
		/*background:#FF0000; */
	height:375px;
	width: 780px; 
	float:right;
	margin-right:0px;
	margin-top:0px;
	display:block; 
	overflow: auto; 
	
}

.TitleFacebook, .fb-account-heading {
		/*background:#FF0000; */
	height:23px;
	width: 100%; 
	float:right;
	margin-right:0px;
	margin-top:0px;
	padding-left:5px;
	padding-top:2px;
 	background: rgba(5,68,133,1);
	font: 18px futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	color:#fff;
	display:block;
}

 


.widgetSlider, .slider-wrapper {
 	height:300px;
	width: 775px;
	float:right;
	display: inline-block;
	position: relative;
 	margin: 0px 0;
 	 	 
	 
} 

.widgetSliderProd  {
	 
	height:300px;
	width: 775px;
 	display: inline-block;
	position: relative;
	float:right;
	 margin-top:-300px; 
  	background: rgba(5,68,133,1); 		 
 } 

.widgetVideo {
	display: block;
	width: 100%;
	margin: 0px 0;
	position: relative; 
}


.resizevideo {
width:60%; 
display:block; 
margin:0 auto;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%; } 
	
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; }
	
.embed-container iframe {
	border: 0;
	}

.playerVideo {
	height:400px;
	width: 800px;
	float:left;
	margin-left:0px;
	margin-top:20px;
	display:block; 
}

.widgetSliderVideo {
	height:440px; 
	width: 810px; 
	float:left;
	margin-left:10px;
	margin-top:80px;
	margin-bottom:auto;
	display:block; 
} 
 
.widgetAlbumFacebook {
	 display:block; 
	height:400px; 
	width: 420px;  
	margin-top:300px; 
	float:left;	
	overflow: auto;
	position: absolute; 
 } 

.ctn-formulaire-dark {
	width: 100%;
	position: relative;
	float:left;	
	display: table;
	margin: auto;
	top:15px;

}

.ctn-langues {
	width: 80%;
	position: relative;
	float:center;	
	display: table;
	margin: auto;
	top:30px;
	

}


.ctn-langues table {
	width: 100%;
	margin: 0 0 5px;
	font-size: 14px;
	color: rgba(5,68,133,1);
	line-height: 20px;
	border: 2px solid rgba(5,68,133,1);
 }

.ctn-accueil-type {
	top:30px; 
	position:relative; 
	width:95%;
	margin-left:auto; 
	margin-right:auto; 
}

.ctn-accueil-type  td {
	height: 30px;
	text-align: left;
}

.ctn-accueil-type td.nom{
	color: #333;
 }

.ctn-accueil-type td.icone {
	padding: 0;
	width:30px;
}

.ctn-accueil-type table {
	width: 100%;
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #33373d;
 }

.ctn-formulaire-accueil {



}

.ligne-formulaire {
	float: left;
	margin: 5px 0;
	display: inline-block;
	 
}

.ctn-formulaire-dark label.small{
	margin: 0 5px;
	width:150px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
}
	
.ctn-formulaire-dark input.login, .ctn-formulaire-dark input.link {
	padding: 5px 8px;
	line-height: 20px;
	width:220px;
	font-size: 14px;
	font-family: futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	resize:none;
	color: #62686F;
	background: #dee4de; 
	border: 0px solid #000; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	-webkit-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	-o-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5);
}
	
.ctn-formulaire-dark input.link {
	width:350px;	
}
.AdminPages{
 	width:50%; 
	float:left;  
	 
	 
 }	
	
.AdminSliders{
 	width:50%;  
	float:right;  
	display:block;
 
}	
	
.AdminPagesTitre{
	font-family: futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	font-size:20px;
	letter-spacing:  2px;
	font-weight:bold;	
	height:30px;
	width:99%;
	text-align:center; 
	vertical-align:middle;
	/*padding-left:10px;*/
	left:0px;
 	padding-top:5px;
	background:rgba(17, 81, 125,0.1);
	color:rgba(5,68,133,1);
	display:block;
	float:left;
	top:0;
	position:relative;
}	
	
.habillage-secure  input[type="submit"]{
	font-size: 14px;
	display:block;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer; 
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	background: url("../interface/icones-btn.png") no-repeat;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #d1d1d1;
	text-align: left;
	border: none;
	bottom:1px;
	right: 5px;
}	
 

.ficheTitre a{
	color:#ddd;
	text-decoration: none;
	font-size: 18px;
	font-weight:bold;
	margin-left:10px;
 }
.ficheTitre a:hover {
 	color:#fff;
	margin-left:5px;
}

.param-fiche {
	/*background: #c5c5c5;*/
	display: inline-block;
	position: relative;
	width: 1198px;
	margin: 5px 0;
	border: 1px solid #5c5c5c;
}

.param-prod {
	/*background: #c5c5c5;*/
	display: inline-block;
	position: relative;
	width: 420px;
	height:300px;
	margin: 0px 0;
	border: 1px solid #5c5c5c;
}




.param-fiche p  {
	width: 100%;
	line-height: 20px;
	vertical-align: middle;
	background: rgba(5,68,133,1);
	color: #eeeeee;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin:0 0 5px;
	text-indent: 10px;
 
}


.param-prod p  {
	width: 100%;
	line-height: 20px;
	vertical-align: middle;
	background: rgba(5,68,133,1);
	color: #eeeeee;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin:0 0 5px;
	text-indent: 10px;
 
}


.ctn-formulaire-fiche {
	width: 100%;
	/*height : 130px;*/
	float : left; 
	position: relative;
	display: table;
	margin: 0 auto;
	/*background: #000;*/ 
	 
}
.ctn-formulaire-fiche h2 {
    background: none repeat scroll 0 0 #5c5c5c;
    color: #d1d1d1;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 5px;
    text-align: center;
    text-indent: 10px;
    vertical-align: middle;
    width: 100%;
}

.ctn-formulaire-fiche label {
	font-size: 14px;
	float: left;
	line-height: 20px;
	vertical-align: middle;
	margin: 0 10px;
	color: #313131;
	
}


.ctn-formulaire-fiche label.small
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 120px;
}
.ctn-formulaire-fiche label.long
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 400px;
}


.ctn-formulaire-prod {
	width: 230px;
	height : 320px; 
	float : left; 
	position: relative;
	display: block;
	top:0;
	margin-right: 0px;
	margin-top: 0px;	 
	 
}
.ctn-formulaire-prod h2 {
    background: none repeat scroll 0 0 #5c5c5c;
    color: #d1d1d1;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 5px;
    text-align: center;
    text-indent: 10px;
    vertical-align: middle;
    width: 100%;
}

.ctn-formulaire-prod label {
	font-size: 14px;
	float: left;
	line-height: 20px;
	vertical-align: middle;
	margin: 0 10px;
	color: #313131;
	
}


.ctn-formulaire-prod label.small
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 120px;
}
.ctn-formulaire-prod label.long
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 400px;
}



.Titre {
	color:#FFFFFF;
	/*font-family: Arial, Helvetica, sans-serif; 
	background: url("../interface/Studio.png");*/
	text-transform: uppercase;
	font: arial;
	height: 30px; 
	font-size: 40px;
	margin-left:5px;
	margin-top:5px;
 	letter-spacing:  2px; 
	float:left;
	
}

.TitreLittle {
	color:#FFFFFF;
	/*font-family: Arial, Helvetica, sans-serif; 
	background: url("../interface/Studio.png");*/
	font-family: futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	width: 200px;
	height: 20px; 
	font-size: 25px;
	margin-left:5px;
	margin-top:2px;
 	letter-spacing:  -2px; 
	font-weight:bold;
	float:left;
}


 a.logo-enteteLittle {
	width: 35px;
	height: 36px;
	display: block;
	margin-right:3px;    
	margin-top:5px; 
	position: relative;
	float:right;
	background: url("../interface/logo352Little.png"); 
	z-index: 100;
	
 }
  
 
 .colonne-droite {
 	width: 100%;
	height: 700px;  
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	text-align: left; 
	position: relative; 
 	z-index: 80;
}  

 .ProductionsContent {
 	width: 800px;
	height: 440px;   
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	text-align: left; 
	position: relative; 
 	z-index: 80;
}  

.WorksContent, .VideosContent{
	width:100%;
	display: inline-block;
	margin: 0; 
	overflow:hidden;
 }
 
 .WorksContent li  a.works-content {
	padding: 0 5px;
	width: 16.66666666666667% !important;
	}
	
 @media screen and (max-width: 1050px) {
 .WorksContent li  a.works-content {
	width: 20% !important;
	}
}
 
 
 @media screen and (max-width: 767px) {
 .WorksContent li  a.works-content {
	width: 25% !important;
	}
}

 @media screen and (max-width: 600px) {
 .WorksContent li  a.works-content {
	width: 33.333% !important;
	}
}

 @media screen and (max-width: 400px) {
 .WorksContent li  a.works-content {
	width: 50% !important;
	}
}



 .WorksContentCaptionYear{
	vertical-align:middle;  
	/*margin-left:4px;*/
	padding:5px;  
 	background: rgba(5,68,133,0.8);
 	color:#fff;
	display:block;  
	position:absolute;
	left: 10px;
	top: 5px;
 	border-radius: 5px;
	font-size:14px;
	font-weight:bold;
	z-index:999;
  }
  
	
.WorksContentEntete h2,  .zoom-titre-fiche h2, .ficheTitre, .login-admin h1 {
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px 0;
	position: relative;
	float:left;
	background: #cddde7;
	font-size: 1.4em;
	font-weight: bold;
	color: #054485;
	border-bottom: 1px solid #95b1c2;
	border-top: 1px solid #95b1c2;
	}
	
.WorksContentEntete h2,  .zoom-titre-fiche h2, .ficheTitre {
	margin: 0 0 10px;
	text-transform: uppercase;
	}
	
	
.login-admin h1 {
	margin: 0 0 -1px;
	}
  
.WorksContentYear{
	font-size:20px;
	letter-spacing:  2px;
	font-weight:bold;	
	height:30px;
	width:98%;
	text-align:center;
	vertical-align:middle;
	/*padding-left:10px;*/
	margin-left:10px;
 	padding-top:5px;
	background:rgba(17, 81, 125,0.1);
	color:rgba(5,68,133,1);
	display:block;
	float:left;
	top:0;
}

.WorksContent {
	width: 100%;
	display: inline-block;
	float: left;
}

.WorksContent ul, .VideosContent ul{
	width: 100%;
	display: table;
}

 


.WorksContent li  a{
	list-style-type:none;
	margin-left:0px; 
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
	text-decoration: none;
}

.VideosContent li{
	width:380px;
	height:235px;
	list-style-type:none;
	margin-left:0px; 
	margin-top:15px;
	display: block;
	overflow: hidden;
	float: left;
}

.WorksContentTitle, .VideosContentTitle {
	width:100%;
	height:55px;
	padding: 3px 10px 0;
 	margin-left:0px; 
	display: block;
	background: #054485;
	color:#fff;
	text-align:center;
	border-left: 1px solid #95b1c2;
	border-right: 1px solid #95b1c2;
	border-bottom: 1px solid #95b1c2;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 }
 
 .WorksContentTitle h3 {
	font-size: 1em;
	margin: 0;
	}
	
 .WorksContentTitle p {
	font-size: 0.8em;
	margin: 0;
	width: 100%;
	font-style: italic;
	text-align: center !important;
	}
 
.WorksContentType,  .VideosContentType {
	width:180px;
	height:20px;
	font-size:11px;
	bottom:0;
	margin:0;
	display:block;
	position:relative;
	color:#ccc;
  }
.VideosContentType, .VideosContentTitle {
	width:360px;
} 


.WorksContent img {
	width:100%;
	opacity: 1;
	border-left: 1px solid #95b1c2;
	border-right: 1px solid #95b1c2;
	border-top: 1px solid #95b1c2;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.WorksContent img:hover{
	opacity: 0.8;
}

.VideosContent img {
	border: 1px solid #666; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width:360px;
	height:180px;
	opacity: 1;
}
.VideosContent img:hover {
	opacity: 0.8;
}

.ctn-scroll-block {
/*	background: url("../interface/fd-scroll-infos.png") no-repeat;*/
    float: center;
	display: block;
	border-bottom: 1px solid #818282;
	border-top: 1px solid #818282;
    height: 520px;
	width: 1198;
    max-width: 100%;
    overflow: auto;
    /*padding: 0px 0;
    position: relative;*/
}

 .contenu-details {
	/*background: #c5c5c5;*/
		width: 100%;
	/*background: #c5c5c5;*/
 	position: relative;
	display: inline-block;;
}
.contenu-details-fiche {
	display : table;
	float: left; 
	width: 100%;
	
}
.contenu-details-neutre, .contenu-details-paragraphe,  .contenu-details-positif, .contenu-details-negatif,
.contenu-fiche-neutre, .contenu-fiche-paragraphe,  .contenu-fiche-positif, .contenu-fiche-negatif {
	display: inline-block;
	float: left;
	color: black;
	text-align: justify;
	line-height: 20px;
	font-size: 16px;	
	position:relative;
}

.contenu-details-neutre, .contenu-details-paragraphe,  .contenu-details-positif, .contenu-details-negatif {
	width: 100%; 
	
	min-height: 60px;
	margin-top: -20px;
	border-right: 1px solid #5c5c5c;
}

 
.contenu-fiche-neutre, .contenu-fiche-paragraphe,  .contenu-fiche-positif, .contenu-fiche-negatif{
	width: 100%;
	padding: 0;
}

.contenu-image-left {
    display: block;
    float: left;
    margin: 0px 15px 10px 0;
    width: 20%;
}
.contenu-image-right {
	display: block;
    float: right;
    margin: 0px 0px 10px 15px;
    width: 20%;
}
.contenu-image-left img, .contenu-image-right img {
   
    width: 100%;
}

.contenu-details-paragraphe p, .contenu-details-neutre p, .contenu-details-positif p, .contenu-details-negatif p,
.contenu-fiche-neutre p, .contenu-fiche-paragraphe p,  .contenu-fiche-positif p, .contenu-fiche-negatif p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: justify;
}

.contenu-details-paragraphe p, .contenu-details-neutre p, .contenu-details-positif p, .contenu-details-negatif p {
   /* width: 630px;*/
}

.contenu-fiche-neutre p, .contenu-fiche-paragraphe p,  .contenu-fiche-positif p, .contenu-fiche-negatif p  {
    width: 100%;
}


.contenu-details-paragraphe a.pop-news, .contenu-details-neutre a.pop-news, .contenu-details-positif a.pop-news, .contenu-details-negatif a.pop-news,
.contenu-details-paragraphe a, .contenu-details-neutre a, .contenu-details-positif a, .contenu-details-negatif a  {
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}

.contenu-details-paragraphe a:hover.pop-news, .contenu-details-neutre a:hover.pop-news, .contenu-details-positif a:hover.pop-news, .contenu-details-negatif a:hover.pop-news,
.contenu-details-paragraphe a:hover, .contenu-details-neutre a:hover, .contenu-details-positif a:hover, .contenu-details-negatif a:hover{
	text-decoration: underline;
	color: #000;
}

.contenu-details-paragraphe p.border-left, .contenu-details-neutre p.border-left, .contenu-details-positif p.border-left, .contenu-details-negatif p.border-left {
    border-left: 1px solid #AFAFAF;
    font-size: 14px;
    line-height: 20px;
    margin-right: 5px;
    overflow: hidden;
    padding-left: 5px;
    text-align: justify;
    width: 100%;
}
.contenu-details-paragraphe h1, .contenu-details-neutre h1, .contenu-details-positif h1, .contenu-details-negatif h1,
.contenu-details-paragraphe h2, .contenu-details-neutre h2, .contenu-details-positif h2, .contenu-details-negatif h2,
.contenu-details-paragraphe h3, .contenu-details-neutre h3, .contenu-details-positif h3, .contenu-details-negatif h3,
.contenu-details-paragraphe h4, .contenu-details-neutre h4, .contenu-details-positif h4, .contenu-details-negatif h4,
.contenu-fiche-paragraphe h1, .contenu-fiche-neutre h1, .contenu-fiche-positif h1, .contenu-fiche-negatif h1,
.contenu-fiche-paragraphe h2, .contenu-fiche-neutre h2, .contenu-fiche-positif h2, .contenu-fiche-negatif h2,
.contenu-fiche-paragraphe h3, .contenu-fiche-neutre h3, .contenu-fiche-positif h3, .contenu-fiche-negatif h3,
.contenu-fiche-paragraphe h4, .contenu-fiche-neutre h4, .contenu-fiche-positif h4, .contenu-fiche-negatif h4 {
    margin: 0 0 10px!important;
    text-align: justify!important;
	border-bottom: 0px!important;
	border: 0!important;
	font-size: 18px !important;
}

.contenu-details-paragraphe h1, .contenu-details-neutre h1, .contenu-details-positif h1, .contenu-details-negatif h1,
.contenu-details-paragraphe h2, .contenu-details-neutre h2, .contenu-details-positif h2, .contenu-details-negatif h2,
.contenu-details-paragraphe h3, .contenu-details-neutre h3, .contenu-details-positif h3, .contenu-details-negatif h3,
.contenu-details-paragraphe h4, .contenu-details-neutre h4, .contenu-details-positif h4, .contenu-details-negatif h4 {
    width: 630px!important;
}

.contenu-fiche-paragraphe h1, .contenu-fiche-neutre h1, .contenu-fiche-positif h1, .contenu-fiche-negatif h1,
.contenu-fiche-paragraphe h2, .contenu-fiche-neutre h2, .contenu-fiche-positif h2, .contenu-fiche-negatif h2,
.contenu-fiche-paragraphe h3, .contenu-fiche-neutre h3, .contenu-fiche-positif h3, .contenu-fiche-negatif h3,
.contenu-fiche-paragraphe h4, .contenu-fiche-neutre h4, .contenu-fiche-positif h4, .contenu-fiche-negatif h4 {
    width: 100%!important;
}



.contenu-details-paragraphe ul, .contenu-details-neutre ul, .contenu-details-positif ul, .contenu-details-negatif ul,
.contenu-fiche-paragraphe ul, .contenu-fiche-neutre ul, .contenu-fiche-positif ul, .contenu-fiche-negatif ul {
    list-style: none outside none;
    margin: 10px 0;
}
.contenu-details-paragraphe li, .contenu-details-neutre li, .contenu-details-positif li, .contenu-details-negatif li,
.contenu-fiche-paragraphe li, .contenu-fiche-neutre li, .contenu-fiche-positif li, .contenu-fiche-negatif li {
   background-repeat: no-repeat;
    color: black;
    display: block;
    font-size: 14px;
    line-height: 20px;
    list-style-position: outside;
    margin: 5px 0;
    overflow: hidden;
    padding-left: 25px;
    text-align: justify; 
}
.contenu-details-neutre li, .contenu-fiche-neutre li {
    background-image: url("../interface/fleche.png");
}
.contenu-details-positif li, .contenu-fiche-positif li {
    background-image: url("../interface/valid-block.png");
}
.contenu-details-negatif li, .contenu-fiche-negatif li {
    background-image: url("../interface/croix-block.png");
}
.contenu-details-paragraphe li, .contenu-fiche-paragraphe li {
    background-image: url("../interface/point.png"); 
}
 
 
.navigateur-html { 
	/*background: rgba(5,68,133,1);
 	box-shadow: inset 0px 1px 0px 0px #878e98;
	height: 35px;
	text-align: center;
	line-height: 35px;
	display: block; 
	font-weight: bold;
	font-size:14px;
	position: relative;
	color: #d1d1d1;*/
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px 0;
	position: relative;
	float:left;
	background: #cddde7;
	background: rgba(5,68,133,1);
	font-size: 1.1em;
	 
	color: #d1d1d1;
	border-bottom: 1px solid #95b1c2;
	border-top: 1px solid #95b1c2;
}

.navigateur-html ul.nav-center {
	float: left;
	margin-top: 3px;
	width: 30%;
	display: inline-block;
	padding: 0 10px;
}


 li a.nav-texte, li a.nav-bleu, li a.nav-vert, li a.pic-left, li a.pic-right,li a.pic-delete, 
 li a.nav-rouge, li a.mdf-bloc,  li a.nav-edit-rub, li a.nav-delete {
	border: none;
	display: inline-block;
	text-align: center;
    height: 28px;
    width: 29px;
	background: url("../interface/bouton-navigateur.png");
}

 li a.nav-texte,  li a.nav-bleu,  li a.nav-vert, li a.nav-rouge, li a.pic-left, li a.pic-right, li a.pic-delete {
	 float: left;
	 margin-right: 8px;
}



 li a.mdf-bloc ,li a.nav-edit-rub, li a.nav-delete {
	 float: right;
	 margin-left: 8px;
}

	 
li a.nav-texte {
	background-position: 0 0;
	
}

li a.nav-bleu {
	background-position: -35px 0;
}

li a.nav-vert {
	background-position: -68px 0;
}
 
li a.nav-rouge { 
	background-position: -102px 0;
}

li a.mdf-bloc,  li a.nav-edit-rub {
	background-position: -137px 0;
}

li a.nav-delete {	
	background-position: -172px 0;
}	

li a.pic-left {	
	background-position: -204px 0;
}

li a.pic-right {	
	background-position: -236px 0;
}

li a.pic-delete {
	background-position: -270px 0;
}

li a:hover.nav-texte{	
    background-position: 0px -30px;
}

li a:hover.nav-bleu{	
    background-position: -35px -30px;
}
	
 li a:hover.nav-vert{	
    background-position: -68px -30px;
}

li a:hover.nav-rouge{	
    background-position: -102px -30px;
}
	
li a:hover.mdf-bloc,li a:hover.nav-edit-rub{	
    background-position: -137px -30px;
}
	
li a:hover.nav-delete{	 
    background-position: -172px -30px;
}

li a:hover.pic-left {	
	background-position: -204px -30px;
}

li a:hover.pic-right {	
	background-position: -236px -30px;
}

li a:hover.pic-delete {
	background-position: -270px -30px;
}

a.nav-haut, a.nav-bas {
	border: none;
	text-align: center;
	position: absolute;
	width: 20px;
    height: 17px;
	background: url("../interface/nav-fleches.png");
}

a.nav-bas {
	background-position: 0 0;
	bottom: 2px;
	right: 0px;
}
 
a.nav-haut {
	background-position: -17px 0px;
	top: 60px;
	right: 0px;
 }
 
a:hover.nav-bas {
	background-position: 0 -20px;
}
 
a:hover.nav-haut {
	background-position: -17px -20px;
 }

 
.navigateur-html ul.nav-left {
	float: left;
	width: 155px;
	margin-top: 3px;
	margin-left: 10px;
	display: inline;
	border-right : 1px solid #9c9c9c;
	margin-right: 15px;
}

.navigateur-html ul.nav-right {
	float: right;
	display: inline;
	width: 35%;
	padding: 0 10px;
}

.menu-navigateur-gauche li{
	display: inline;
}



.ctn-fiche {
	display:  block;
	position : relative;
	margin: 0;
	width: 100%;
	z-index: 1000;
}
.ctn-fiche-titre {
	width: 100%; 
	height: 30px;
	position : relative;
	margin-left:auto;
	margin-right:auto;
 	text-align:left;
	color: #62686F; 
 	/*background-image: url(../interface/scroll-zoom-fiche.jpg);*/
}
.ctn-fiche span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
 	background: #fff;
	border: 1px solid #d0d0d3;
 	height: 1em;
	padding: .05em 1.3em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}

.ctn-fiche table {
	width: 100%;
	float: right; 
	margin: 0 ;
	 
	font-size: 14px;
	line-height: 20px;
	border-left: 1px solid #33373d;
	border-right: 1px solid #33373d;
 }
.ctn-fiche th {
	border-bottom: 1px solid #b2b1b1;
	font-weight: normal;
	line-height: 20px;
	 
} 

.ctn-fiche th, .ctn-fiche td {
	text-align: left;
	vertical-align: top; 
	padding: 3px 10px;
	 
}


.ctn-fiche th.titre, .ctn-fiche td.titre {
	text-align: right;
	width: 100px;
	padding: 3px 10px;
	border-right: 1px solid #b2b1b1;
	font-weight: bold;
	
} 
.ctn-fiches {
	display:  block;
	position: relative;
	margin: auto 5px auto auto;
	top:5px;
	width: 98%;
	height:280px;
	z-index: 1000;
	overflow:auto;
 
}
 
 
.ctn-fiches table {
	width: 97%;
	float: left; 
	margin: 0 ;
 	font-size: 14px;
	line-height: 20px;
	border-left: 1px solid #33373d;
	border-right: 1px solid #33373d;
	border-bottom: 1px solid #33373d;
 }
/*
.ctn-fiches tr:hover {
	background: #a9b7ab;
} 
*/
.ctn-fiches th {
	border-bottom: 1px solid #b2b1b1;
	font-weight: normal;
	line-height: 20px;
	 
} 

.ctn-fiches th, .ctn-fiches td {
	text-align: left;
	vertical-align: top; 
	padding: 3px 10px;
	 
}


.ctn-fiches th.titre, .ctn-fiches td.titre {
	text-align: right;
	width: 100px;
	padding: 3px 10px;
	border-right: 1px solid #b2b1b1;
	font-weight: bold;
	
} 

.titre-resume-fiche {
 	margin: 0;
	height: 35px;
	line-height: 35px;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	color: #fff; 
	font-family: futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	border: 0px solid #5a626e;
	background-color: rgba(5,68,133,1);
 	width:97%; 
}

a.modif-entite-mdf,
a.modif-image-mdf,
a.modif-fiche-mdf,
a.rubrique-delete-td, 
a.voir-fiche-type {
	background-image: url("../interface/icones-btn.png");
    display: block;
    height: 30px;
    width: 30px; 
	background-position: 0 -630px; 
	margin-top: 2px;
	margin-right: 5px;
	float: right;
	z-index: 9999;
	position:relative;
}


a.voir-fiche-type{
	background-position: 0 -750px;
}

a:hover.voir-fiche-type {
	background-position: 0 -720px; 
}


a.rubrique-delete-td {
	background-position: 0 -330px; 
} 
a:hover.rubrique-delete-td {
	background-position: 0 -300px;
}

a:hover.modif-entite-mdf,a:hover.modif-image-mdf, a:hover.modif-fiche-mdf{
	background-position: 0 -600px;
}

a.rubrique-up, a.rubrique-up-op, a.rubrique-down, a.rubrique-down-op {
	background-image: url("../interface/icones-btn.png");
    display: block;
    height: 30px;
    width: 30px; 
	background-position: 0 -150px;
	float: right;
}
a.rubrique-down, a.rubrique-down-op{
	background-position: 0 -210px;
}

a:hover.rubrique-down, a:hover.rubrique-down-op {
	background-position: 0 -180px;
}
 
 a.rubrique-up-op,  a.rubrique-down-op {
	opacity: 0.2;
}
a:hover.rubrique-up, a:hover.rubrique-up-op {
	background-position: 0 -120px;
}



  
@-moz-keyframes update-spinner {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes update-spinner {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


#wrap { width: 90%; padding: 20px 0; margin: 0 auto;  }

.arrow_box { padding: 30px; margin: 32px 0 30px 0; background: #b3d9f3; position: relative; border-radius: 6px; }
.arrow_box:before, .arrow_box:after { width: 0; height: 0; border: solid transparent; position: absolute; content: " "; pointer-events: none; }
.arrow_box:before { margin-left: -20px; border-width: 20px; border-bottom-color: #b3d9f3; bottom: 100%; left: 50%; }
.arrow_box.extra:after { margin-left: -20px; border-width: 20px; border-top-color: #b3d9f3; top: 100%; left: 50%; }
.arrow_box p { margin-bottom: 0; }

/* FACEBOOK - WALL */
#facebook_wall {    margin: 0 -40px; margin-top:-30px;  background: #eee; position: relative; }

#facebook_wall .facebook-loading { width: 16px; height: 16px; margin: -8px  0 0 -8px; background: url('images/loader.png') no-repeat 50% 50%; position: absolute; top: 100px; left: 50%; }
#facebook_wall .facebook-loading { -moz-animation: update-spinner 1s linear infinite; -webkit-animation: update-spinner 1s linear infinite; -ms-animation: update-spinner 1s linear infinite; animation: update-spinner 1s linear infinite; }

#facebook_wall li { list-style-type:none; min-height: 52px; padding: 10px 10px 10px 72px; border-top: 1px solid #d4d4d4; display: none; position: relative; }
#facebook_wall li:first-child { border-top: none; }

#facebook_wall li .meta-header { }
#facebook_wall li .meta-header .avatar { width: 50px; height: 50px; border: 1px solid #999; position: absolute; top: 10px; left: 10px; }
#facebook_wall li .meta-header .author { font-weight: bold; }
#facebook_wall li .meta-header .date { display: none; }

#facebook_wall li .message { color: #666; margin-bottom: 16px; font-size:11px; }
#facebook_wall li .story { font-style: italic; color: #666; margin-bottom: 16px; font-size:10px;}

#facebook_wall li .media { color: #8a8a8a; margin: 10px 0; }
#facebook_wall li .media.border-left { padding-left: 10px; border-left: 2px solid #a1a1a1; }
#facebook_wall li .media .image { margin-right: 10px; float: left; position: relative; }
#facebook_wall li.type-video .media .image:after { width: 44px; height: 44px; background: url('images/play.png') no-repeat 50% 50%; margin-top: -22px; margin-left: -22px; position: absolute; top: 50%; left: 50%; content: " "; pointer-events: none; }
#facebook_wall li .media .image img:hover { opacity:0.8;}
#facebook_wall li .media .image img { opacity:1; min-width:200px;max-width: 100%; height: auto; padding: 2px; border: 1px solid #a1a1a1; }
#facebook_wall li .media .media-meta { float: left; display: table; }
#facebook_wall li .media .media-meta .name { font-weight: bold; }
#facebook_wall li .media .media-meta .caption { font-style: italic; font-size:10px;}
#facebook_wall li .media .media-meta .description {font-size:10px; }

#facebook_wall li .meta-footer { font-size: 9px; line-height: 16px; color: #a1a1a1; clear: both; }
#facebook_wall li .meta-footer .seperator { padding: 0 4px; }
#facebook_wall li .meta-footer .date { }
#facebook_wall li .meta-footer .likes { }
#facebook_wall li .meta-footer .comments { }
#facebook_wall li .meta-footer .actions { }
#facebook_wall li .meta-footer .actions .like { }
#facebook_wall li .meta-footer .actions .comment { }

#facebook_wall li ul.like-list { margin-top: 10px; display: none; }
#facebook_wall li ul.like-list li.like { font-size: 11px; line-height: 16px; margin-top: 2px; border-top: none; background: #e0e0e0; display: block; }
#facebook_wall li ul.like-list li.like:first-child { margin-top: 0; }
#facebook_wall li ul.like-list li.like .meta-header .author { }

#facebook_wall li ul.comment-list { margin-top: 10px; }
#facebook_wall li ul.comment-list li.comment { font-size: 11px; line-height: 16px; margin-top: 2px; border-top: none; background: #e0e0e0; display: block; }
#facebook_wall li ul.comment-list li.comment:first-child { margin-top: 0; }
#facebook_wall li ul.comment-list li.comment .meta-header .author { }
#facebook_wall li ul.comment-list li.comment .meta-header .date { }
#facebook_wall li ul.comment-list li.comment .message { margin-bottom: 0; }
#facebook_wall li ul.comment-list li.comment .date { font-size: 9px; line-height: 16px; color: #a1a1a1; }
#facebook_wall li ul.comment-list li.read_more { min-height: 1px; font-size: 9px; line-height: 16px; color: #a1a1a1; padding: 0 10px 0 72px; margin: 5px 0 -5px 0; border-top: none; display: block; }
#facebook_wall li ul.comment-list li.read_more a { color: #a1a1a1; }

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#e2edf3;
	color:#000;
	font-weight:bold;
	text-decoration: none;
}
ul.bjqs-controls.v-centered  {
	list-style:none;
	margin-bottom : 0px;
	z-index:9999; 
	 
}

ul.bjqs-controls.v-centered li a:hover{
	background:rgba(5,68,133,1);
	color:#fff;
}

ol.bjqs-markers li a{
	height:10px;
	width:10px;
	 
	background:#e2edf3; 
	margin-bottom:30px;
	margin:5px;
	text-decoration: none;
	color:rgba(0,0,0,0.0);
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: rgba(5,68,133,1);
	color:rgba(0,0,0,0.0);
	z-index:9999; 
}

ol.bjqs-markers.h-centered{z-index:9999;
display:block; position:absolute;top:0px;

}

p.bjqs-caption{
	height:30px; 
	width:95%;
	padding-left:5px; 
	padding-top:5px; 
	vertical-align:middle;  
 	margin-bottom:5px;
	margin-left:auto; 
	margin-right:auto; 
	background: rgba(5,68,133,0.8);
 	color:#e2edf3;
	display:block; 
	display:block;width:96%;position:absolute;bottom:2px;left:2%; 
 	border-radius: 5px;
} 5px;



/*BLOCS*/
.form-haut-910,
.form-haut-fiche {
	margin:0;
	border:none;
	display: block;
	float: left;
	color: #ddd;
	font-family: futura-pt,news-gothic-std,Helvetica,Arial,sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	text-align:left;
}
.form-pied-910 {
	height:40px;
	display: block;
	position: relative;
	margin:0 auto;
	background: rgba(5,68,133,1);
	width: 910px;
   /* background-image: url("../interface/form-pied-410.png");*/
}
.form-haut-910{
	background: rgba(5,68,133,1);
	height: 33px; 
	width: 100%;
	color:#eeeeee;
	margin-top:20px;
	
    /*background-image: url("../interface/form-haut-510.png");*/
}

.contenu-zoom-fiche {
	width: 100%;
	/*background: #c5c5c5;*/
 	position: relative;
	display: inline-block;;
}

.ctn-resuùme-fiche {
	display: block;
	width: 100%;
	}


.img-block {
	display: table;
	margin: 5px auto 0;
	position: relative;
}

.ctn-formulaire {
	width: 410px;
	position: relative;
	display: table;
	margin: 0 auto 10px;

}







#txtDefaultHtmlArea,
.ctn-formulaire textarea, 
.ctn-formulaire input, 
.ctn-formulaire select, 
.ctn-formulaire input .small,
.ctn-formulaire input .login,
.ctn-formulaire input .photo,
.ctn-formulaire input .upload,
.ctn-formulaire-scroll textarea, 
.ctn-formulaire-scroll input, 
.ctn-formulaire-scroll select, 
.ctn-formulaire-scroll input .small,
.ctn-formulaire-scroll input .login,
.ctn-formulaire-scroll input .photo,
.ctn-formulaire-dark  textarea, 
.ctn-formulaire-dark  textarea.fiche,
.ctn-formulaire-dico  textarea, 
.ctn-formulaire-dark  input, 
.ctn-formulaire-dark  input.dwn-entite, 
.ctn-formulaire-dico  input, 
.ctn-formulaire-dark  select, 
.ctn-formulaire-dark  input .small,.ctn-formulaire-dico  input .small,
.ctn-formulaire-dark  input .titre,
.ctn-formulaire-dark  input .photo ,
.ctn-formulaire-bloc  textarea, 
.ctn-formulaire-bloc input, 
.ctn-formulaire-bloc select, 
.ctn-formulaire-bloc  input .small,
.ctn-formulaire-bloc input .titre,
.ctn-formulaire-bloc  input .photo  { 
	padding: 5px 8px;
	line-height: 20px;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	resize:none;
	color: #62686F;
	background: #dee4de; 
	border: 0px solid #000;
}

.ctn-formulaire input, 
.ctn-formulaire input .small,
.ctn-formulaire input .login,
.ctn-formulaire input .photo,
.ctn-formulaire input .upload,
.ctn-formulaire-scroll input, 
.ctn-formulaire-scroll input .small,
.ctn-formulaire-scroll input .login,
.ctn-formulaire-scroll input .photo,
.ctn-formulaire-dark  input, 
.ctn-formulaire-dark  input .small,
.ctn-formulaire-dico  input, 
.ctn-formulaire-dico  input .small,
.ctn-formulaire-dark  input .titre,
.ctn-formulaire-dark  input .photo,
.ctn-formulaire-bloc  input, 
.ctn-formulaire-bloc input .small,
.ctn-formulaire-bloc  input .titre,
.ctn-formulaire-bloc  input .photo,
.ctn-formulaire textarea, 
.ctn-formulaire-scroll textarea,
.ctn-formulaire-dark  textarea ,
.ctn-formulaire-dark  textarea.fiche ,
.ctn-formulaire-bloc  textarea  { 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
-webkit-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
-o-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
box-shadow: inset 0px 3px 5px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5);
}


.ctn-formulaire input.upload {
	width: 400px;
	margin : 0 auto;
}

.ctn-formulaire label,
.ctn-formulaire-scroll label,
.ctn-formulaire-dark label ,
.ctn-formulaire-dico label ,
.ctn-formulaire-bloc label {
	font-size: 13px;
	float: left;
	line-height: 20px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 10px;
}

.ctn-formulaire label ,
.ctn-formulaire-scroll label {
	color: #bbbbbb;
}

.ctn-formulaire label.photo,
.ctn-formulaire-dark label.photo,
.ctn-formulaire-dico label.photo,
.ctn-formulaire-bloc label.photo
{
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	width: 55px;
	line-height: 30px;
	vertical-align: middle;
}

.ctn-formulaire label.small,
.ctn-formulaire-scroll label.small,
.ctn-formulaire-dark label.small,
.ctn-formulaire-dico label.small,
.ctn-formulaire-bloc label.small
{
	margin: 0 5px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
}


.ctn-formulaire-fiche label.small
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 120px;
}
.ctn-formulaire-fiche label.long
{
	margin: 0 10px;
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
	width: 400px;
}

.ctn-formulaire label.small,
.ctn-formulaire-dark label.small,
.ctn-formulaire-bloc label.small
{
	width: 130px;
	margin: 0 10px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
}
 
.ctn-formulaire-dico label.small
{
	width: 160px;
	margin: 0 10px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
}

.ctn-formulaire-scroll label.small
{
	width: 180px;
	margin: 0 10px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
}

.ctn-formulaire textarea, .ctn-formulaire input ,
.ctn-formulaire-dark textarea,.ctn-formulaire-dark textarea.fiche, .ctn-formulaire-dark input 
{
	width: 370px;
	float: left;
	margin : 5px 10px 0;
}





#slider-html {
	width: 510px;
 
	margin: 0 auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

#slider-html  .coda-slider-wrapper {
	padding: 0px 0; 
}
  
#slider-html  .coda-slider-wrapper .coda-slider {
	/* background: url("../interface/fd-slider-infos.png")repeat-y #d1d1d1; */
    width: 510px;
	float: left;
	padding-bottom: 10px;
	min-height: 50px;
}
    
#slider-html  .coda-slider-wrapper .coda-slider .panel {
    width: 490px; 
	padding: 0px 10px;
 
}
      
#slider-html  .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
    padding: 0px; 
}
  
#slider-html  .coda-slider-wrapper .coda-nav {
}
    
#slider-html  .coda-slider-wrapper .coda-nav a.current {
	height: 27px;
	line-height: 27px;
	margin-top:0px;
	vertical-align: middle;
	border-right: 0px solid #666E7A;
	padding-top: 8px;
	cursor: default;
	margin-top: -7px;
    display: block;
    float: left;
    text-decoration: none;
	background: #828282;
	color: #d1d1d1; 
	border-bottom:2px solid #828282;
	border-right: 1px solid #313131;	
	border-left: 1px solid #313131;
	border-top: 1px solid #313131;
}

    
#slider-html  .coda-slider-wrapper .coda-nav a {
    /*background: #000; */
    padding: 0px 5px; 
	color: #62686F;
	font-weight: bold;
/*	background: url("../interface/btn-slider.png") no-repeat;*/
}
    
#slider-html  .coda-slider-wrapper .coda-nav a:hover {
    text-shadow: none;
	background-position: 0 -28px;
    }
  
#slider-html  .coda-slider-wrapper .coda-nav-left, 
#slider-html  .coda-slider-wrapper .coda-nav-right {
  }
    
#slider-html  .coda-slider-wrapper .coda-nav-left a, 
#slider-html  .coda-slider-wrapper .coda-nav-right a {
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
#slider-html  .coda-slider-wrapper .coda-nav-left-arrow {
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

#slider-html  .coda-slider-wrapper .coda-nav-left-arrow a {
    width: 0;
    height: 0;
    border:none;
  }

#slider-html  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
#slider-html  .coda-slider-wrapper .coda-nav-right-arrow {
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
#slider-html  .coda-slider-wrapper .coda-nav-right-arrow a {
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
}

#slider-html  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    background: url(../img/arrow.png) no-repeat bottom right; 
}

#slider-html  .coda-slider-wrapper .coda-nav-left-arrow:active, 
#slider-html .coda-slider-wrapper .coda-nav-right-arrow:active {
    margin-top: 55px; 
}
  
#slider-html  .coda-slider-wrapper .loading {
    height: 100%;
    padding: 20px;
    text-align: center; 
}

#slider-html  .arrows .coda-slider {
	margin: 0 10px; 
}

#slider-html  .coda-slider-wrapper {
	clear: both;
	overflow: auto; 
	z-index: 1000;
}
  
#slider-html .coda-slider-wrapper .coda-slider {
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
#slider-html  .coda-slider-wrapper .coda-slider .panel-container {
    position: relative; 
    }
      
#slider-html  .coda-slider-wrapper .coda-slider .panel-container .panel {
    display: block;
    float: left; 
	position: relative;
}
  
#slider-html  .coda-slider-wrapper .coda-nav {
	width: 100%;
	padding-top:5px;
	margin:0; 
	background: url("../interface/fd-menu-slider-info.png") repeat #d1d1d1; 
	display: inline-block;
  }
    
#slider-html .coda-slider-wrapper .coda-nav ul {
	margin-top: -5px;
	margin-bottom:-3px;
    padding:8px 0 0;
	width: 100% !important;
	height: 100%;
    clear: both;
    float: left;
    overflow: hidden; 
}

        
#slider-html  .coda-slider-wrapper .coda-nav  li a {
	height: 27px;
	line-height: 27px;
	margin-top:1px;
	margin-bottom:3px;
	vertical-align: middle;
	border-right: 0px solid #666E7A;
    display: block;
    float: left;
    text-decoration: none;
	border-bottom:2px solid #828282;	
	border-right: 1px solid #d41d;	
	border-left: 1px solid #6d6d6d;
	border-top: 1px solid #33373d;
}
  
#slider-html  .coda-slider-wrapper .coda-nav-left-arrow, 
#slider-html  .coda-slider-wrapper .coda-nav-right-arrow {
    cursor: pointer;
    float: left;
  }
    
#slider-html  .coda-slider-wrapper .coda-nav-left-arrow a, 
#slider-html  .coda-slider-wrapper .coda-nav-right-arrow a {
      display: block; 
    }
  
#slider-html  .coda-slider-wrapper .coda-nav-left, 
#slider-html .coda-slider-wrapper .coda-nav-right {
    float: left; 
  }
    
#slider-html  .coda-slider-wrapper .coda-nav-left a, 
#slider-html  .coda-slider-wrapper .coda-nav-right a {
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
#slider-html  .coda-slider-wrapper .coda-nav-left, 
#slider-html  .coda-slider-wrapper .coda-nav-left-arrow {
    clear: both; 

  }
  

.editeur-html {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 0px solid black;
    cursor: text;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 282px;
	cursor: text;
    overflow: auto;
    text-align: justify;
    width: 790px !important;
	border-left: 1px solid #33373d;
	border-right: 1px solid #33373d;
	background: #aeaeae;
		-moz-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	-webkit-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	-o-box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	box-shadow: inset 0px 3px 5px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5);
}  

div.jHtmlArea { display: inline block;  }
div.jHtmlArea div { padding: 0px; margin: 0px; }
div.jHtmlArea .ToolBar {  
 	width: 790px;
	padding: 5px;
	margin: 0;
	font-size: 14px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #33373d;
	background-color: #d1d1d1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(209, 209, 209)),to(rgb(165, 164, 164)));
	background-image: -webkit-linear-gradient(top, rgb(209, 209, 209), rgb(165, 164, 164));
	background-image: -moz-linear-gradient(top, rgb(209, 209, 209), rgb(165, 164, 164));
	background-image: -o-linear-gradient(top, rgb(209, 209, 209), rgb(165, 164, 164));
	background-image: -ms-linear-gradient(top, rgb(209, 209, 209), rgb(165, 164, 164));
	background-image: linear-gradient(top, rgb(209, 209, 209), rgb(165, 164, 164));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
}
div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left;  }
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; }
div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; url(jHtmlArea_Toolbar_Group__Btn_Select_BG.png); padding: 0; }
div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; }
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}

div.jHtmlArea .ToolBar ul li a:hover { }
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; }
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; }
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; }
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; }
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; }
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; }
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; }
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; }

div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);}
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);}

div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}


div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}

#contenu-editeur {
    background: url("../interface/admin/fond-nav-html.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
   /* padding-top: 5px;*/
}
#contenu-area {
    display: inline-block;
    height: 320px;
    width: 800px;
}


a.form-valid , a.form-delete , a.form-valid-dark, a.form-valid-entite, a.form-delete-dark {
	font-size: 14px;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	background: url("../interface/icones-btn.png") no-repeat;
	
}

a.form-valid , a.form-valid-dark{
	top: 2px;
	right: 10px;
}

a.form-valid-entite{
	top: 5px;
	right: 10px;
}

a.form-valid, a.form-delete {
	color:  #bbbbbb;
}


a.form-valid-dark, a.form-delete-dark, a.form-valid-entite{
	color:  #313131;
}

a.new-bloc, a.new-fiche-form  {
	width:32px;
	margin-top: 0px;
	height: 32px;
	display: block;
	float: right;
	background-image: url(../interface/icones.png);
	background-position: -229px -107px; 
}

 a:hover.new-bloc, a:hover.new-bloc {
	background-position: -437px -107px ;
}

.ctn-photo-fiche {
	width: 1020px;
	height:360px;
	position: relative; 
	display: block;
	left : auto;
	right : auto; 
	}
	
.gestion-photo-fiche {
	width: 1020px;
	height: 340px;
	padding: 5px; 
	position: relative; 
	display: block;
	float: center;
	border-radius: 10px;
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
}

.ctn-photo-image {
	width: 775px;
	height:360px;
	position: relative; 
	display: block;
	left : auto;
	right : auto; 
	}
.gestion-photo-image {
	width: 785px;
	height: 340px;
	padding: 5px; 
	position: relative; 
	display: block;
	float: center;
	border-radius: 10px;
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
}

.photo-image {
	width: 775px;  
	height: 300px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 3px 5px 0px #575e67;
	-webkit-box-shadow: inset 0px 3px 5px 0px #575e67;
	-o-box-shadow: inset 0px 3px 5px 0px #575e67;
	box-shadow: inset 0px 3px 5px 0px #575e67;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#575e67, Direction=180, Strength=5);
}
.photo-fiche {
	width: 1000px;  
	height: 300px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 3px 5px 0px #575e67;
	-webkit-box-shadow: inset 0px 3px 5px 0px #575e67;
	-o-box-shadow: inset 0px 3px 5px 0px #575e67;
	box-shadow: inset 0px 3px 5px 0px #575e67;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#575e67, Direction=180, Strength=5);
}

a.delete-photo {
	width: 30px;
	height: 30px;
	margin-right: 1px;
	margin-top: -1px;
	background: url("../interface/icones.png") no-repeat;   
	background-position: -56px  -287px; 
	float: right;
	display: block;
}

a:hover.delete-photo {  
	background-position: -264px  -287px; 
}
	

#cropContainerModal{ 
width:1000px; 
height:300px; 
position: relative; 
display: block;
float: left;
 }
 
 #cropContainerModalImage{ 
width:775px; 
height:300px; 
position: relative; 
display: block;
float: left;
 }
 
 
#cropContaineroutput{ width:100%; height:145px; position: relative; border:1px solid #ccc;}
#cropContainerEyecandy{ width:100%; height:200px; position: relative; border:1px solid #ccc;}

.ombre-photo-fiche {
	width: 135px;
	height: 17px;
	float: left;
	display: block;
	background: url("../interface/ombre-photo.png") no-repeat;
}
	
a.change-photo {
	background: url("../interface/icones-btn.png") no-repeat;   
	background-position: 0 -780px;
    font-size: 14px;
	display: block;
	float: right;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
	margin-top: 3px;
	padding-left: 35px;
	margin-right: 10px;
	color: #d1d1d1;
    text-decoration: none;
    vertical-align: middle;
}

a:hover.change-photo {
	color: #ebebeb;
	text-decoration: underline;
	background-position: 0 -810px;
}

			
.cropControls{
	z-index:2;	
	position:absolute;
	height:35px;
	width: 100%;
	display:block;
	bottom: -38px;  
	left: 0px;
	font-family:sans-serif;
}
			
.cropControls i, i.cropControlReset{
	display:block;
	margin:0;
	cursor:pointer;
	height:30px;
	text-align:center;
	line-height:20px;
	color:#FFF;
	font-size:13px;
	font-weight: bold;
	font-style: normal;	
	background: url("../interface/icones-btn.png") no-repeat;
			}


.cropControls i.cropControlZoomIn,	
.cropControls i.cropControlZoomMuchIn,
.cropControls i.cropControlZoomOut,
.cropControls i.cropControlZoomMuchOut{
	width:30px;
	float:left;
	margin-left: 7px;
}

.cropControls i.cropControlZoomMuchIn{ 
	margin-top: 40px;
	background-position: 0 -1020px;
}

.cropControls i:hover.cropControlZoomMuchIn{ 
	background-position: 0 -1050px;
}

.cropControls i.cropControlZoomIn{ 
	background-position: 0 -1080px;
}
	
.cropControls i:hover.cropControlZoomIn{ 
	background-position: 0 -1110px; 
}
	
.cropControls i.cropControlZoomOut{ 
	margin-top: 14px;
	background-position: 0 -900px;
}

.cropControls i:hover.cropControlZoomOut{ 
	background-position: 0 -930px;
}

.cropControls i.cropControlZoomMuchOut{ 
	background-position: 0 -960px;
}

.cropControls i:hover.cropControlZoomMuchOut{ 
	background-position: 0 -990px;
}

.cropControls i.cropControlCrop{ 
	color: #313131;		 
	font-size: 14px;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-top: 2px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	float: right;
	 background-position: 0 -360px;	
}

.cropControls i:hover.cropControlCrop{ 
	background-position: 0 -390px;
	text-decoration: underline;
 }
			
.cropControls i.cropControlUpload{ 
	background: url("../interface/icones-btn.png") no-repeat scroll 0 -420px rgba(0, 0, 0, 0);
	color: #d1d1d1;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	padding-left: 35px;
	text-decoration: none;
	vertical-align: middle;}
			
.cropControls i.cropControlReset{ 
	background: url("../interface/icones.png") no-repeat;   
	background-position: -58px -251px;
	width:30px;	
	position: absolute;
	top: -255px;
	right: -20px;
	z-index: 100; 
} 

.cropControls i.cropControlRemoveCroppedImage{ 
	float: right;
	background-position:-180px 0px;}
			
.cropControls i:hover.cropControlReset{ 
	background-position: -266px -251px;
} 
			
.cropControls i:hover.cropControlUpload {
	color: #ebebeb;
	background-position: 0 -450px;
	text-decoration: underline;
}
			
.cropControls i:last-child{
	margin-right:none;
}
			
	#croppicModal{
		position:fixed;
		width:100%;
		height:100%;
		top: 0;
		left: 0;
		display:block;F
		background:rgba(0,0,0,0.8);
		z-index: 10000;
	}
			
.ctn-formulaire-bloc{
	width: 462px;
	position: relative;
	display: table;
	margin: 0 auto;
}

.ctn-formulaire-bloc textarea {
	height: 150px;
}
.ctn-formulaire-bloc input.titre, .ctn-formulaire-bloc textarea.titre {
	width: 330px;
	float: right;
	margin :  0;
}

.ctn-formulaire-bloc label {
	font-size: 13px;
	float: left;
	line-height: 20px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 10px;
}

#croppic{
	width: 800px;  /* MANDATORY */
	height: 208px; /* MANDATORY */
	position: relative;  /* MANDATORY */	
	margin: 50px 70px 20px;
	border: 3px  solid #FFF;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border-radius: 2px;
	background-image: url(../img/placeholder.png);
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
			}
			
.cropPied {
	width: 246px;
	position: absoulute;
	top:4px;
	left: 0;
	display: block;
	height: 35px;
	border-top: 1px solid #d1d1d1;
	background-color: #d1d1d1;
	
}

.zoomMenu {
	width: 45px;
	height: 277px;
	background: #d1d1d1;
	position: absolute;
	left: -44px;
	top: -241px;
	background: url("../interface/zoom-menu.png") no-repeat; 
}
			
	/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */
.cropImgWrapper{
	cursor: -webkit-grab;
	cursor: grab;
	border: 3px solid #d1d1d1; 
	
}
			
.cropImgWrapper:active{
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
			
.cropImgUpload{
	z-index:2;
	position:absolute;
	height:28px;
	display:block;
	top: -30px;
	right: -2px;
	font-family:sans-serif;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#FFF;
			}
			
.cropControls{
	z-index:2;	
	position:absolute;
	height:35px;
	width: 100%;
	display:block;
	bottom: -38px;  
	left: 0px;
	font-family:sans-serif;
}
			
.cropControls i, i.cropControlReset{
	display:block;
	margin:0;
	cursor:pointer;
	height:30px;
	text-align:center;
	line-height:20px;
	color:#FFF;
	font-size:13px;
	font-weight: bold;
	font-style: normal;	
	background: url("../interface/icones-btn.png") no-repeat;
			}


.cropControls i.cropControlZoomIn,	
.cropControls i.cropControlZoomMuchIn,
.cropControls i.cropControlZoomOut,
.cropControls i.cropControlZoomMuchOut{
	width:30px;
	float:left;
	margin-left: 7px;
}

.cropControls i.cropControlZoomMuchIn{ 
	margin-top: 40px;
	background-position: 0 -1020px;
}

.cropControls i:hover.cropControlZoomMuchIn{ 
	background-position: 0 -1050px;
}

.cropControls i.cropControlZoomIn{ 
	background-position: 0 -1080px;
}
	
.cropControls i:hover.cropControlZoomIn{ 
	background-position: 0 -1110px; 
}
	
.cropControls i.cropControlZoomOut{ 
	margin-top: 14px;
	background-position: 0 -900px;
}

.cropControls i:hover.cropControlZoomOut{ 
	background-position: 0 -930px;
}

.cropControls i.cropControlZoomMuchOut{ 
	background-position: 0 -960px;
}

.cropControls i:hover.cropControlZoomMuchOut{ 
	background-position: 0 -990px;
}

.cropControls i.cropControlCrop{ 
	color: #313131;		 
	font-size: 14px;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-top: 2px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	float: right;
	 background-position: 0 -360px;	
}

.cropControls i:hover.cropControlCrop{ 
	background-position: 0 -390px;
	text-decoration: underline;
 }
			
.cropControls i.cropControlUpload{ 
	background: url("../interface/icones-btn.png") no-repeat scroll 0 -420px rgba(0, 0, 0, 0);
	color: #d1d1d1;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	padding-left: 35px;
	text-decoration: none;
	vertical-align: middle;}
			
.cropControls i.cropControlReset{ 
	background: url("../interface/icones.png") no-repeat;   
	background-position: -58px -251px;
	width:30px;	
	position: absolute;
	top: -255px;
	right: -20px;
	z-index: 100; 
} 

.cropControls i.cropControlRemoveCroppedImage{ 
	float: right;
	background-position:-180px 0px;}
			
.cropControls i:hover.cropControlReset{ 
	background-position: -266px -251px;
} 
			
.cropControls i:hover.cropControlUpload {
	color: #ebebeb;
	background-position: 0 -450px;
	text-decoration: underline;
}
			
.cropControls i:last-child{
	margin-right:none;
}
			
			#croppicModal{
				position:fixed;
				width:100%;
				height:100%;
				top: 0;
				left: 0;
				display:block;
				background:rgba(0,0,0,0.8);
				z-index: 10000;
			}
			
			
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			.bubblingG {
				text-align: center;
				width:80px;
				height:50px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -18px auto auto -40px;
				z-index:2;
			}

			.bubblingG span {
				display: inline-block;
				vertical-align: middle;
				width: 10px;
				height: 10px;
				margin: 25px auto;
				background: #d1d1d1;
				box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
				-moz-border-radius: 50px;
				-moz-animation: bubblingG 1s infinite alternate;
				-webkit-border-radius: 50px;
				-webkit-animation: bubblingG 1s infinite alternate;
				-ms-border-radius: 50px;
				-ms-animation: bubblingG 1s infinite alternate;
				-o-border-radius: 50px;
				-o-animation: bubblingG 1s infinite alternate;
				border-radius: 50px;
				animation: bubblingG 1s infinite alternate;
				
			}

			#bubblingG_1 {
				-moz-animation-delay: 0s;
				-webkit-animation-delay: 0s;
				-ms-animation-delay: 0s;
				-o-animation-delay: 0s;
				animation-delay: 0s;
			}

			#bubblingG_2 {
				-moz-animation-delay: 0.3s;
				-webkit-animation-delay: 0.3s;
				-ms-animation-delay: 0.3s;
				-o-animation-delay: 0.3s;
				animation-delay: 0.3s;
			}

			#bubblingG_3 {
				-moz-animation-delay: 0.6s;
				-webkit-animation-delay: 0.6s;
				-ms-animation-delay: 0.6s;
				-o-animation-delay: 0.6s;
				animation-delay: 0.6s;
			}

			@-moz-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#d1d1d1;
					-moz-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#d1d1d1;
					-moz-transform: translateY(-21px);
				}

			}

			@-webkit-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#d1d1d1;
					-webkit-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#d1d1d1;
					-webkit-transform: translateY(-21px);
				}

			}

			@-ms-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#d1d1d1;
					-ms-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#d1d1d1;
					-ms-transform: translateY(-21px);
				}

			}

			@-o-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#d1d1d1;
					-o-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#d1d1d1;
					-o-transform: translateY(-21px);
				}

			}

			@keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#d1d1d1;
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#d1d1d1;
					transform: translateY(-21px);
				}

			}

a.modif-langue-mdf {
	background-image: url("../interface/icones-btn.png");
    display: block;
    height: 30px;
    width: 30px; 
	background-position: 0 -630px;
	margin-top: 0px;
	margin-right: 5px;
	float: right;
	z-index: 9999;
	position:relative;
}
a:hover.modif-langue-mdf {
	background-position: 0 -600px; 
}

a.entite-delete-mdf {
	background-position: 0 -330px; 
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	position:relative;
	background-image: url("../interface/icones-btn.png");
    display: block;
    height: 30px;
    width: 30px; 
}

a:hover.entite-delete-mdf {
	background-position: 0 -300px;
}


/** SLIDER INDEX
===================================*/

.ctn-slider-index {
	width: 100%;
	margin-bottom: 10px;
	display: table;
	float: left;
	}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block; 
  width: 100%;
  }
  
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}

ul.bxslider li.video {
	background: black;
	}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** 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 #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
 background-position: -90px 0px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
   background-position: -90px -30px;
}
.bx-wrapper .bx-next {
  right: 10px;
 background-position: -60px 0px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
   background-position: -60px -30px;
}
.bx-wrapper .bx-controls-direction a {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  position: absolute;
  top:45%;
  z-index: 100;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  background-color: #054485;
  background-image: url("../interface/sprite-nav.png");
  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.ctn-grille {
	display: inline-block;
	width: 100%;
	
	}
	
.col-accueil-right {
	padding: 0 0 0 5px;
	float: right !important;
	}
	
.col-accueil-left {
	padding: 0 5px 0 0;
	float: right !important;
	}
	
@media screen and (max-width: 767px) {

.col-accueil-left, .col-accueil-right {
	padding:0;
 }
}

.sb-site {
	display: inline-block;
	position: relative;
	width:98%;
	}
	

.sb-sitenews {
	display: block-block;
	position: relative;
	width: 98%;
	margin: 80px auto 10px;
	}
	
.corps-site {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	}
	


	
#wall {
	width: 100%;
	display: block;
	float: left;
	}

#wall li  {
	width: 100%;
	display: inline-block;
	background: #fff;
	margin: 5px 0;

	border: 1px solid #cdd2d5;
	} 
	
#wall span.img-ctn {
	display: block;
	float: left;
	width: 25%;
	}
	
img.image-fb{
	width: 100%;
	padding: 5px;
	border: 1px solid #d1d1d1;
	}
	
#wall .message {
	width: 100%;
	padding: 10px;
	overflow: hidden;
	background: #d5dbdf;
	border-bottom: 1px solid #cdd2d5;
	display: inline-block;
	text-align: left;
	font-size: 1em;
	}
	
#wall .ctn-bloc {
	width: 100%;
	text-align: justify;
	display: inline-block;
	padding: 10px 10px 0;
	position: relative;
	}
	
#wall .ctn-bouton {
	width: 100%;
	display: inline-block;
	padding: 5px;
	background: #054485;
	margin-bottom: -5px;
	}
	
#wall .ctn-bouton a{
	display: block;
	padding: 3px 10px;
	background: #fff;
	color: #3b5998;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#wall p.time-fb {
	width: 100%;
	display: block;
	float: left;
	font-size: 1em;
	margin: 0;
	color: #d1d1d1;
	font-style: italic;
	text-align: center;
	}
	
#wall .ctn-message {
	text-align: left;
	float: left;
	padding-left: 10px;
	width: 75%;
	overflow: hidden;
	}
	
.title-facebook-news {
	background: #054485;
	width: 100%;
	margin: 0 0 5px;
	}
	
.title-facebook-news h2 {
	font-size: 1.5em;
	text-align: center;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	margin:0;
	min-height: 40px;
	}
	
#form-accueil-wrapper .ls-nav {
	height:37px;
	position: fixed;
	top: 70px;
	right: 0;
	width:100%;
	z-index: 100;
	}
	
.menubouton {	
	background-image: url("../interface/sprite-nav.png");
	background-position: -212px -32px;
	background-repeat: no-repeat;
	float: left;
	display: block;
	margin-right: 5px;
	margin-top: 4px;
	width: 25px;
	height: 25px;
	}	
		
#form-bloc-wrapper.ls-nav {
	height:37px;
	position: relative;
	width:100%;
	z-index: 100;
	}
	
.menu-slidebar {
	height:37px;
	width: 100%;
	margin-bottom: -37px;
	display: block;
	background:#054485;
	}
	
	

	
h3.fb-album-heading, h3.fb-account-heading{
	width:100%;min-height:40px;
	border-radius:0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.5em;
	}

h3.fb-account-heading {	
	background:#054485;
	}

h3.fb-album-heading{
	background:#cddde7;
	color: #054485;
	padding-bottom: 5px;
	border-bottom: 1px solid #95b1c2;
	}

ul.fb-albums, ul.fb-photos{
	list-style:none;
	list-style-type:none;
	display:block;
	width:100%;
	float:left;
	font-size:14px;
	margin:0px;
	padding:0px;
	}
	
.fb-loading{
	background-color:#f7f7f7;
	border-radius:6px;
	width:64px;height:64px;
	background-image:url('loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	}

li.fb-album, 
li.fb-photo{
	display:inline-block;
	width:33.3333%;
	height:150px;
	overflow:hidden;
	padding:0px;
	float: left;
	margin-top:-3px;
	background-image:url('loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	}
	
li.fb-photo:hover{}

li.fb-photo:hover .image-check{
	display:block;
	}

li.fb-photo .image-check{
	display:none;
	position:absolute;
	width:25px;
	height:25px;
	background-color:rgba(59,89,152,1);
	}

li.fb-photo .image-check.checked{
	display:block;
	background-image:url('check.png');
	background-position:left top;
	background-repeat:no-repeat;
	}
	
li.fb-album img{
	display:none;
	}

div.fb-album-title{
	color:#fff;
	background-color:#054485;
	position:relative;
	padding:5px;
	display:none;
	}
	
div.fb-album-count{
	background-color:rgba(59,89,152,0.8);
	color:#ffffff;
	position:absolute;
	text-align:center;
	padding:5px;
	margin:6px;
	display:block;
	min-width:34px;
	border-radius:5px;
	height:0px;opacity:0;
	}

.fb-album-preview{
	display:none;
	z-index: 1000;
	}
.fb-photo-thumb, .fb-photo-thumb-link{
	border:none;
	text-decoration:none;
	}
	
img.fb-albums-list{
	border:none;
	display:block;
	cursor:pointer;
	margin-top:-6px;
	margin-left: 10px;
	float:left;
	background: #054485;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.fb-account-info{
	margin:0 0 0 0px;
	height:0px;
	}
	
.fb-account-info img{
	height:0px;
	display:inline-block;
	vertical-align:middle;
	}
	
.fb-preview-overlay{
	background-color:rgba(59, 89, 152, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background-image:url('loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	text-align:center;
	display:none;
	}
	
.fb-preview-img, 
.fb-preview-img-prev, 
.fb-preview-img-next{
	display:inline-block;
	vertical-align:middle;
	}
	
.fb-preview-img-prev, 
.fb-preview-img-next{
	cursor:pointer;
	display:none;
	}
	
.fb-preview-img-prev{
	margin-right:10px;
	}

.fb-preview-img-next{
	margin-left:10px;
	}
	
a.works-retour {
	position: relative;
	padding: 0px 15px 0px 0;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	float: left;
	z-index: 200;
	background: #054485;
	color: #d1d1d1;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
a.works-retour span {	
	background-image: url("../interface/sprite-nav.png");
	background-position: -90px -2px;
	background-repeat: no-repeat;
	float: left;
	display: block;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	}
	
a:hover.works-retour {
	color: #fff;
	margin: 0 10px;
	}
	
a:hover.works-retour span {	
	background-position: -90px -32px;
	}
	
.login-admin {
	width: 100%;
	display: block;
	max-width: 600px;
	margin: 0 auto ;
	}
	
.ctn-login-admin {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 10px;
	}
	
.pied-login {
	width: 100%;
	margin-top: -5px;
	display: inline-block;
	border-top: 1px solid #95b1c2;
	}
	
.pied-login input[type="submit"] {
	display: inline-block;
	position: relative;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding: 0 15px;
	margin: 5px 10px 0;
	border: 0;
	float: right;
	vertical-align: middle;
	color: #d1d1d1;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background:#054485;
	}
	
.pied-login input:hover[type="submit"] {
	color: #fff;
	}
	

	
.form-slider, .form-demi-slider, .form-check {
	display: block;
	float:left;
	}
	
.form-slider, .form-demi-slider, .form-check  {
	width:100%;
	}
	

.form-slider label, .form-check label {
	width: 100%;
	text-align: left;
	}
	
.form-demi-slider label {
	width: 30%;
	float: left;
	text-align: right;
	padding-right: 10px;
	line-height: 34px;
	vertical-align: middle;
	}
	
.form-slider label, .form-demi-slider label, .form-check label {
	display: block;
	font-weight:bold;
	}
	
.form-slider input:focus, .form-demi-slider input:focus, .form-demi-slider select:focus, .form-slider textarea:focus, .form-demi-slider textarea:focus , .note-voy-theme input:focus,
.entete-mail  input:focus, .entete-security  input:focus, .form-slider select:focus, .form-check input.onglet:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-slider input, .form-demi-slider input, .form-slider textarea, .form-demi-slider textarea, .form-demi-slider select, .form-slider select, .form-check input.onglet {
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
.form-slider input, .form-demi-slider input, .form-slider textarea, .form-demi-slider textarea, .form-demi-slider select, .form-slider select, .form-check input.onglet {

	border:1px solid #9F9F9F;
	}
	
.form-slider input, .form-demi-slider input, .form-slider textarea, .form-demi-slider textarea, .form-slider select , .form-demi-slider select, .form-check input.onglet {
	padding: 6px 12px;
	margin-bottom: 10px;
	}
	
.ios-ui-select {
	margin-right: 10px;
	}
	
.form-check .ios-ui-select + div { width: auto; overflow: auto }
.form-check input.onglet { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box }
	
.form-slider input, .form-slider textarea {
	width: 100%;
	float: left;
	}
	
.form-demi-slider input, .form-demi-slider select, .form-demi-slider textarea {
	width: 70%;
	float: left;
	}
	


	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin :15px; background:black;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background: black;}
        #cboxTitle{position:absolute; visibility:hidden; text-align: center; bottom:-30px; line-height: 30px; vertical-align: middle;  overflow:auto; background: #054485; width: 100%; color:#fff; font-size: 1.2em;}
        #cboxCurrent{position:absolute; top:-15px; left:-15px; border: 0; color:#fff; background: #054485; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 10px; font-size: 1em; }
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
 
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
       
        #cboxPrevious,  #cboxNext, #cboxClose, .cboxSlideshow_on #cboxSlideshow, .cboxSlideshow_off #cboxSlideshow {
		position:absolute; 
		background-image: url("../interface/sprite-nav.png");
		width:30px; 
		height:30px; 
		border:0;
		}
		
		#cboxPrevious,  #cboxNext, #cboxClose {
		background-color:#054485;

		}
		
		.cboxSlideshow_on #cboxSlideshow, .cboxSlideshow_off #cboxSlideshow {
		right: 10px;
		bottom: 10px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		}
		
		.cboxSlideshow_off #cboxSlideshow {
		background-position: -120px -200px;
		background-color: #7bbf6a;
		}
		
		.cboxSlideshow_on #cboxSlideshow {
		background-position: -150px -200px;
		background-color: #cf2212;
		}
		
		.cboxSlideshow_off #cboxSlideshow:hover {
		background-position: -180px -200px;
		}
		
		.cboxSlideshow_on #cboxSlideshow:hover {
		background-position: -210px -200px;
		}
		
		#cboxPrevious,  #cboxNext {
		top:50%; 
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		}
		
		#cboxPrevious{
		left: 10px;
		background-position: -90px 0px;
		}
		
		#cboxNext{
		right: 10px;
		background-position: -60px 0px;
		}
		
		#cboxClose{
		background-position: -120px 0px;
		top: -15px;
		right: -15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		}
		
        #cboxPrevious:hover{background-position: -90px -30px;}
		
		#cboxNext:hover{background-position: -60px -30px;}
        
		#cboxClose:hover{background-position:-120px -30px;}