@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

	h1,h2,h3,h4,h5,h6
{
	font-family:"Droid Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;
}

a:link {color: #4499e2;	text-decoration:none;}
a:visited {color: #4499e2;text-decoration:none;}
a:hover {color: #4499e2;text-decoration:underline;}

hr {
  height: 1px;
  margin: 10px 0 10px 0;
  padding: 0;
  color: #666;
  background-color: #666;
  border: 0;
}

body{ 
font-family: Tahoma; 
font-size: 13pt; 	
background-color: #FFF;
color:#555;
}

.contact-popup-link {color: #4499e2; cursor:pointer;}

.bloc_menu {
	background-color:#EEE;
	padding:5px;
	text-align:center;
}
.menu_item:link,.menu_item:visited,.menu_item:hover {
	font-family:"Droid Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;	
	background-color:#4499e2;
	color:#FFF;
	font-size:1.4em;
	margin:5px;
	padding:5px 25px 5px 25px;
	line-height:50px;
	
	-webkit-transition:all,0s,ease-in-out;
	-moz-transition:all 0s ease-in-out;
	-ms-transition:all 0s ease-in-out;
	-o-transition:all 0s ease-in-out;
	transition:all,0s,ease-in-out
	
}

.blocphoto { 
display:inline-block;
margin:5px;
}

.blocphoto img{ 
width:200px;
height:200px;

	filter:alpha(opacity=75);
	opacity:.75;
}

.blocphoto img:hover
{
	filter:alpha(opacity=100);
	opacity:1;
	visibility:visible
	-webkit-transition:opacity 0.5s linear;
	-o-transition:opacity 0.5s linear;
	-moz-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear
}

@media only screen and (max-width:640px)
{
.blocphoto img{ 
width:150px;
height:150px;
}
}

.body_container {
	display:block;
	max-width:800px;
	margin:auto;
}

.align_center {
	text-align:center;
}

.float_right {
	float:right;
}

.cadre_photo {
	border:#666 1px solid; 
}

.clear_float {
	clear:both;
}


	form.form li
{
	width:auto;
	overflow:hidden;
	margin-bottom:10px
}
	@media only screen and (max-width:480px)
{
	form.form li
{
	margin-bottom:5px
}

}
	label,button
{
	cursor:pointer
}
	input,select,textarea,button
{
	font:inherit;
	margin:0
}
	form.form fieldset
{
	margin-top:20px;
	margin-bottom:20px
}
	form.form label
{
	display:block;
	font:bold 15px/25px "Open Sans",Helvetica,Arial,sans-serif
}
	form.form .label-side label
{
	float:left;
	line-height:40px;
	padding-right:40px;
	text-align:right;
	width:200px
}
	@media only screen and (max-width:480px)
{
	form.form .label-side label
{
	line-height:20px
}

}
	form.form .label-above label span.formstatus
{
	float:right
}
	form.form .label-above label span.formstatus em
{
	font-style:normal
}
	@media only screen and (max-width:479px)
{
	form.form .label-side label
{
	float:none;
	padding:0;
	text-align:left;
	width:auto
}

}
	form.form .label-above label
{
	margin:0 0 5px 0
}
	@media only screen and (max-width:479px)
{
	form.form .label-above label
{
	line-height:20px;
	margin:0
}

}
	form.form input,form.form textarea,form.form select
{
	background:#e8e8e8;
	border:1px solid #cfcfcf;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	padding:5px 10px;
	-webkit-transition:all,0.25s,ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all,0.25s,ease-in-out;
	width:100%
}
	form.form input:focus,form.form textarea:focus,form.form select:focus
{
	outline:0;
	border:1px solid #838896;
	background:#cce8fe
}
	form.form .textarea textarea
{
	height:250px
}
	span.formstatus .error
{
	color:#f00;
	font-size:12px;
	padding-right:20px;
	background:url("/jp/images/form-error.png") right no-repeat
}
	form.form input.error,form.form textarea.error
{
	background:#FCC!important;
	border:1px solid #f00!important;
	color:#f00
}
	form.form .loading
{
	background:url(/images/form/loading.gif) no-repeat 0 5px;
	display:inline-block;
	height:20px;
	margin-left:10px;
	width:220px
}
	form.form .success
{
	display:inline-block;
	margin-left:10px
}
	form.form input.action,#content .bouton,#content .play-bouton
{
	background:#738791;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	color:#fff!important;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	padding:4px 12px;
	text-decoration:none;
	border:0;
	width:auto;
	text-transform:uppercase
}
	#content .bouton:hover
{
	background:#424242;
	color:#fff
}
	form.form input.action
{
	font-size:14px;
	background-color:#4499e2;
	-webkit-transition:all,0s,ease-in-out;
	-moz-transition:all 0s ease-in-out;
	-ms-transition:all 0s ease-in-out;
	-o-transition:all 0s ease-in-out;
	transition:all,0s,ease-in-out
}
.alerte
{
	color:red;
	font-weight:bold;
	font-size:1.2em;
	display:block;
	width:90%;
	border:1px solid red;
	padding:10px;
	margin:20px 0 15px 0
}
.warning
{
	color:red;
	text-align:right;
	margin-right:5px;
	font-size:10px
}
.message
{
	display:block;
	width:300px;
	border:1px dashed #AAA;
	background:#EEE;
	padding:10px;
	margin:10px 10px 10px 40px
}
.error_msg
{
	font-weight:bold;
	font-size:.85em;
	color:#cb2200
}
.success
{
	background:url("/jp/images/form-ok.png") no-repeat 0 0!important;
	padding-right:15px;
	padding-bottom:15px
}
.success_msg
{
	font-weight:bold;
	color:#0060bf
}
	@media only screen and (max-width:800px)
{

}
	@media only screen and (max-width:640px)
{


}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 0px 20px 20px 20px ;
  width: 80%;
  max-width: 600px;
  margin: 20px auto;
  text-align: left;
}

.white-popup ul {
  text-align: left;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}











div.contact_box div.contactform{
	width:270px;
	float:right;
	padding:4px 0 0 0;
	margin:0 0 0 0;
}
div.contact_box div.contactform div.form{
	padding:0 0 0 35px;
	margin:0;
	width:235px;
	}
div.contact_box div.contactform div.form label{
	display:block;
	overflow:hidden;
	height:100%;
	padding:0;
	margin:0 0 6px 0;
}

div.contact_box div.contactform div.form label.last div{
	float:right;
	width:60px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.contact_box div.contactform div.form label img{
	padding:0;
	margin:5px 0 0 0;
}
div.contact_box div.contactform div.form label span{
	width:73px;
	float:left;
	text-align:left;
	padding:0 0;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;      
	color:#535353;
	background-color:inherit; 
	line-height:25px;
}

div.contact_box div.contactform div.form label input{
	width:156px;
	float:right;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#535353;
	background-color:#fff;
	padding:4px 0 0 6px;	
	height:18px;	
	border:none;
	outline:none;
	display:block;
}
div.contact_box div.contactform div.form textarea{
	width:156px;
	float:right;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#535353;
	background-color:#fff;
	padding:4px 0 0 6px;	
	height:58px;
	border:none;
	outline:none;
	display:block;		
}
div.contact_box div.contactform div.form input.submission{
	background:url(../images/send_btn_hover.jpg) no-repeat 0 0;
	width:162px;
	height:20px;	
	border:none;
	outline:none;
	text-indent:-20000px;
	cursor:pointer;		
	margin:5px 0 0 0;	
}
div.contact_box div.contactform div.form input.submission:hover{
	background:url(../images/send_btn.jpg) no-repeat 0 0;
	width:162px;
	height:20px;
	outline:none;	
	border:none;
	text-indent:-20000px;
	cursor:pointer;		
	margin:5px 0 0 0;	
}
div.contact_box div.contactform div.form input:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}
div.contact_box div.contactform div.form textarea:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}