/*
	author:   Julien Bernard
*/

/*Corps et polices de base*/
* { margin: 0; padding: 0; text-align:left;}
body {
 font-family: RobotoOpen, Open Sans, Verdana, sans-serif;
 font-size: 100%; 
background-color: #FFFFFF;
color: #000000;
}
.clr { clear: both; }

/*Corps et articles_paragraphes*/
h1 { font-size: 180% ; font-weight: bold; margin:10px 0 10px 0;}
h2 { font-size: 130% ; font-weight: bold; margin:10px 0 10px 0;}
h3 { font-size: 100% ; font-weight: bold; margin:10px 0 10px 0;}
h4 { font-size: 100% ;}
h5 { font-size: 80% ;}
h6 { font-size: 70% ;}
em { font-size: 80%; font-weight: bold; line-height: 1.6em; color: #8A4824;}/*Sous titre bannière*/
p {  margin: 10px 0 10px 0; line-height: 1.2em; font-size: 100%;}
img { max-width: 100%; height: auto;}
a { outline: 0; text-decoration: none; color: #4399af; font-size: 80%; font-weight: bold;} a:hover { color: #D68819; font-weight: bold;}
a.cta { color: #000000; font-family:arial; font-size: 100%; background-color: #ffd923;padding: 10px 10px 10px 10px;  cursor: pointer; display: inline-block;}
.cta:hover { background-color:#000000; color: #fffc00;}
a.normal { font-size: 100%; }
a.center {text-align:center;	position: relative; left: 50%;transform: translateX(-50%);display: inline-block;}
a.ctalight { color: #ffffff; font-family:arial; font-size: 100%; background-color: #60a3bc;padding: 10px 10px 10px 10px;  cursor: pointer; display: inline-block;}
.ctalight:hover { background-color:#000000; color: #fffc00;}
a.ctagrey { color: #ffffff; font-family:arial; font-size: 100%; background-color: #3e4857;padding: 10px 10px 10px 10px;  cursor: pointer; display: inline-block;}
.ctagrey:hover { background-color:#000000; color: #fffc00;}
a.ctadigital { color: #094F6B; font-family:arial; font-size: 100%; border:1px solid #094F6B; padding: 5px 5px 5px 5px;  cursor: pointer; display: inline-block;}
.ctadigital:hover { background-color:#000000; color: #fffc00;}
li { list-style: none; }
li a { display: block; }

/*Classes basiques*/
.center {text-align:center;}
.centerbloc{margin: auto;}
.left {text-align:left;}
.right {text-align:right;}
.underline{text-decoration: underline;}
.bold {font-weight: bold;}
.manuscript {font-family: 'Comic Sans MS', Open Sans;}
.white{color: #ffffff;}
.date{font-size: 70% ; color: #7B7B7B;}
.lightblue{color: #6ABAFA;}
.duckblue{color: #094F6B;}
.leftlineblue{border-left:2px solid #6ABAFA;}
.leftlinegreen{border-left:2px solid #13E4B5;}
.leftlineyellow{border-left:2px solid #E49E13;}
.italic{  font-style: italic; }
.size60 { font-size: 60% ;}
.size80 { font-size: 80% ;}
.size100 { font-size: 200% ;}
.size100 { font-size: 100% ;}
.size110 { font-size: 110% ;}
.size120 { font-size: 120% ;}
.size130 { font-size: 130% ;}
.size140 { font-size: 140% ;}
.fondamentaux { font-size: 80% ;color: #6ABAFA;}
.connaissance { font-size: 80% ;color: #13E4B5;}
.action { font-size: 80% ;color: #E49E13;}
.float {float:left;}
.floatright {float:right;}
.border{  border:1px solid #dfdfdf; }
.borderduckblue{  border:1px solid #094F6B; }
.hidden {display:none;}
.bottom20 {padding-bottom:20px;}
.topquote {color:#ffffff; background-color:#000000;padding:5px;}
.proquote {color:#ffffff; background-color:#313B47;padding:5px;}
.quote{color:#ffffff; background-color:#000000;padding:5px; display : inline-block;}
.indexquote{text-align:center;text-transform: uppercase; color: #a2a2a2; padding:5px; display : inline-block;}
.simplequote{text-align:center;color: #236b7a; padding:5px 0px 40px 0px;font-style:italic;}
.steps{text-align:center;background-color: #E5ECF4;}
.margin-top10 {margin-top:10px;}
.margin-top20 {margin-top:20px;}
.margin-top40 {margin-top:40px;}
.margin-bottom10 {margin-bottom:10px;}
.margin-bottom20 {margin-bottom:20px;}
.margin-bottom40 {margin-bottom:40px;}
.pad0 {padding:0px;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad40 {padding:40px;}
.mar10 {margin:10px;}
.mar20 {margin:20px;}
.mar40 {margin:40px;}
.padding-top10 {padding-top:10px;}
.padding-top20 {padding-top:20px;}
.padding-top40 {padding-top:40px;}
.padding-bottom0 {padding-bottom:0px;}
.padding-bottom10 {padding-bottom:10px;}
.padding-bottom20 {padding-bottom:20px;}
.padding-bottom40 {padding-bottom:40px;}
.max-height150 {max-height: 150px;}
.max-width15 {max-width: 15px; }
.max-width30 {max-width: 30px; }
.max-width50 {max-width: 50px; }
.max-width75 {max-width: 75px; }
.max-width100 {max-width: 100px; }
.max-width125 {max-width: 125px; }
.max-width150 {max-width: 150px; }
.max-width200 {max-width: 200px; }
.max-width300 {max-width: 300px; }
.max-widthauto {max-width: 100%; }
.padding20 {padding-left:20px;padding-right:20px;}
.margin20 {margin-left:20px;margin-right:20px;}
.padding10 {padding-left:10px;padding-right:10px;}
.margin10 {margin-left:10px;margin-right:10px;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width33 {width: 33%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width70{width: 70%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}
.roundbox { padding: 20px 20px 20px 20px;border:1px solid #dfdfdf; box-shadow: 0px 2px 4px 0px #dddddd;border-radius: 10px;text-align:center;margin-bottom:10px;}
.benefitbox { border:1px solid #094F6B; box-shadow: 0px 2px 4px 0px #dddddd;text-align:center;margin-bottom:10px;}
/*DIV classiques*/
#header { width: 80%;margin:auto;}
	#header p.left{float:left; }
	#header p.right{float:right;  }
#section { width: 100%;padding: 25px 0 25px 0;}
	#section img.center {display: block; margin: auto;}
	#section img.max100 {max-width:100px;}
#wrap80 { width: 80%;margin:auto; }
#wrapmobile { width: 90%;margin:auto; }
#wrap80light { width: 80%;margin:auto;}
	#bloc50 h2{ padding: 10px 10px 10px 10px;}
	#bloc50 p{ padding: 10px 10px 10px 10px;}
	#bloc50 img{ margin:auto;max-width:250px}	
#bloc25{ width: 25%; float:left;min-width:200px;}
	#bloc25 h2{ padding: 10px 10px 10px 10px;}
	#bloc25 p{ padding: 10px 10px 10px 10px;}
#bloc30{ width: 30%; float:left;min-width:200px;}
	#bloc30 h2{ padding: 10px 10px 10px 10px;}
	#bloc70 h3{ padding: 20px 20px 20px 20px;}
	#bloc30 p{ padding: 10px 10px 10px 10px;}
#bloc70{ width: 70%;float:left;min-width:200px;}
	#bloc70 h2{ padding: 20px 20px 20px 20px;}
	#bloc70 h3{ padding: 20px 20px 20px 20px;}
	#bloc70 p{ padding: 20px 20px 20px 20px;}	
#blocside{ width: 30%; float:left;margin-left:20px;min-width:250px;}
	#blocside h2{ padding: 10px 10px 10px 10px;}
	#blocside h3{ padding: 20px 20px 20px 20px;}
	#blocside p{ padding: 10px 10px 10px 10px;}
#left{ float:left;}
#right{overflow:hidden;min-width:250px;}
#pub{text-align:center;}
	#pub img{margin:auto;}
	#pub a{margin:auto;}
	#pub h2{text-align:center;}
#essai {}
#essai h1{font-size:130%;font-weight:bold; margin: 20px 0px 20px 0px;}
#essai h2{font-size:100%; font-weight:bold;text-align:left; margin: 25px 0px 0px 0px;padding:0;}
#essai h3{font-size:100%; font-weight:bold;text-align:left; margin: 25px 0px 0px 0px;padding:0;color:#000000;}
#essai p{font-size:80%; text-align:left; margin: 10px 0px 10px 0px;}
#essai a{font-size:100%;font-weight:normal;}

#menu-essais {}
#menu-essais h1{font-size:110%;font-weight:bold;text-align:center; margin: 20px 0px 20px 0px;}
#menu-essais a{ background-color:#f5f5f5; padding: 10px 10px 10px 10px;border:2px solid #dfdfdf; text-align:left;margin: 0px 0px 0px 0px;  cursor: pointer; }
#menu-essais a:hover { background-color:#000000; color: #fffc00;}
#menu-essais li a {  }



.column {
  float: left;
}
.w50 {
  width: 50%;
}

	
/*DIV style*/

#categories button{ padding:5px;background-color:#ffffff;border: solid 1px #094F6B;cursor: pointer;}
	#categories button:focus {background-color:#094F6B; color:#ffffff;}
#actions button{ width: 100%;padding:5px;background-color:#CFDCFD;border: solid 1px #094F6B;cursor: pointer;margin-bottom:10px;text-align:center;}
#actions button:hover{ background-color:#A6BFFC;}
#actions input{ text-align:center;}
.p1 { font-size: 130% ;text-align:left; }
.p2 { font-size: 120% ;text-align:left; }
.p3 { font-size: 110% ;text-align:left; }
#temoignage { padding: 20px 0 20px 0;}
	#temoignage img{ float:left;max-width: 100px; margin: 0 20px 20px 0;}	
	#temoignage h2{ text-align:left; }
	#temoignage p{ text-align:left; }
#toptemoignage { padding: 20px 20px 20px 20px;border:1px solid #dfdfdf; box-shadow: 0px 2px 4px 0px #dddddd;margin-bottom:20px;border-radius: 10px;}
	#toptemoignage img{ max-width: 130px; margin: auto;}	
	#toptemoignage h2{ text-align:left;  }
	#toptemoignage p{ text-align:left;}
#blocavatar{ width: 20%; float:left;min-width:200px;}
#bloctopquote{ width: 80%; float:left;}	
#roundbox { padding: 20px 20px 20px 20px;border:1px solid #dfdfdf; box-shadow: 0px 2px 4px 0px #dddddd;margin-bottom:20px;border-radius: 10px;text-align:center;}
	#roundbox img{ margin: auto;}	
#backimage {background-color:#000000; background-image: url(https://www.julien-bernard.pro/images/bande.jpg); background-size: auto 200px; background-position: top center;background-repeat: repeat;}
#menu { height: 50px; padding: 5px 0 0 4px;}
	#menu li { float: left; font-size: 100%; text-transform: uppercase; color: #000000;}
		#menu li a { color: #747474; margin: 0 12px 0 0; font-weight: bold;} /*Titres des Menus*/
		#menu li a.dp { color: #70b0b0;}
		#menu li a.mb { color: #094F6B;}
			#menu li a.current, #menu li a:hover { color: #e7b959; font-weight: bold;}		/*Menu actif ou sur le point d'être sélectionné*/	

#menu-test { height: 50px;  padding: 5px 0 0 4px;}
	#menu-test li { float: left; font-size: 120%; text-transform: uppercase; color: #000000;}
		#menu-test li a { color: #747474; margin: 12px 24px 0 0; } /*Titres des Menus*/
		#menu-test li a.dp { color: #70b0b0;}
		#menu-test li a.mb { color: #094F6B;}
			#menu-test li a.current, #menu-test li a:hover { color: #e7b959; font-weight: bold;}		/*Menu actif ou sur le point d'être sélectionné*/	

#menu-membres { height: 60px; padding: 5px 0px 0px 5px;}
	#menu-membres a { color: #6ABAFA; margin: 0 12px 0 0; font-weight: bold;} /*Titres des Menus*/
	#menu-membres a.left{float:left; }
	#menu-membres a.right{float:right; }

#menuflottant {  position: fixed; left:50%;transform: translate(-50%,0); bottom:0%;margin-top: -2.5em;  background-color: #4399af;font-size: 100%;opacity: 1;border-radius: 10px 10px 0px 0px;}		
	#menuflottant li { color: #ffffff;float:left}
		#menuflottant li  a{  color: #ffffff; margin: 0 0 0 5px;padding: 10px 5px 10px 10px;display: list-item;text-align:left;}	#menuflottant li a:hover { color: #e7b959; font-weight: bold;}
#training { float:left;  width: 30%; min-width:200px; border:1px solid #dfdfdf;  margin: 10px 10px 10px 10px;  padding-bottom: 20px;background-color: #ffffff;}
	#training h2 { text-align:center;} 
	#training h4 { text-align:center;padding: 10px 10px 10px 10px;}
	#training p { padding: 10px 10px 10px 10px;text-align:left;} 
#product { border:1px solid #dfdfdf;  margin: 10px 0px 10px 0px;  padding: 20px 20px 20px 20px;background-color: #ffffff;border-radius: 20px;}
#product img{ max-height:200px;}
#langue{ clear: both;  width: 100%; font-size: 80% ;height: 30px; margin: 0 0 0px; padding: 5px 0px 0 0px; margin: auto;}
		#langue li a { color: #ffffff; margin: 0 12px 0 0; font-size: 60% ;font-weight: bold;text-align:center;}
		#langueli a:hover { color: #e7b959; font-weight: bold;}
		.language {  background-color: #a1a1a1;padding: 5px 10px 5px 10px;border-radius:0px 0px 10px 10px;}
#promobox { border:1px solid #094F6B; box-shadow: 0px 2px 4px 0px #dddddd;border-radius: 10px 10px 0 0; background: #000000;}
#greybox { border:1px solid #094F6B; box-shadow: 0px 2px 4px 0px #dddddd;background-color: #EAEAEA;}
#point {  font-size: 100%;
 color: black;
 list-style-type: none;
 background-image: url(https://www.julien-bernard.pro/images/puce.png);
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;} 
#p100 {font-size: 100%;} 
#bigp {font-size: 110%;} 
/*Classes style*/
.produit { background-color:#f5f5f5; padding: 10px 10px 10px 10px;border:2px solid #dfdfdf; border-radius: 5px;text-align:left;margin: 0px 5px 20px 5px;}
.promotion {font-weight: bold; color: #fffc00;background-color: #000000;}
.greenmessage{background-color: #B2FFC8;padding:10px 10px 10px 10px;}
.blue{color: #1a6da1;}
.backgroundgrey1{background-color: #F8F8F8;}
.backgroundgrey2{background-color: #F2F2F2;}
.backgroundgrey3{background-color: #EBEBEB;}
.duckblue{color: #094F6B;}
.duration{background-color: #75a1b6;}
.backgroundduckblue{background-color: #094F6B;}
.backgroundblue{background-color: #1a6da1;}
.backgroundnone{background-color: none;}
.background1{background-color: #e4ecfa;}
.background2{background-color: #d3dced;}
.background3{background-color: #aec7e8;}
.backgroundlightblue{background-color: #e2f7f8;}
.backgroundblack{background-color: #000000;}
.backgroundwhite{background-color: #ffffff;}
.backgroundpro{background-color: #313B47;}
.backgroundcoach{background-color: #5f7b9a;}
.backgroundtest{background-color: #ffb400;}
.backgroundform{background-color: #EFF2F7;}
.backgroundred{background-color: #A90000;}
.backgroundgrey{background-color: #EAEAEA;}
.backgroundmember{background-color: #F1F4F8;}
.backgroundimage{background-image:url(https://www.julien-bernard.pro/images/background.jpg);}
.lineheight250 {line-height : 250%;}
.lineheight150 {line-height : 150%;}
.lineheight50 {line-height : 50%;}
.big{ font-size: 90% ;}
.more { color: #a3a3a3; font-size: 100%; background-color: #ffffff;  cursor: pointer; display: inline-block;padding: 5px 5px 5px 5px;border:2px solid #a3a3a3;}
.more:hover { border:none;}
.moreduckblue { text-align:center;color: #094F6B; font-size: 110%;   cursor: pointer; display: inline-block;padding: 10px 0px 10px 0px;border:2px solid #094F6B;  border-radius:3px;}
.moreduckblue:hover { color:#094F6B;}
.quit {  position: fixed; right:5px; top:5px;  background-color: #ffd923;font-size: 150%;color: #000000;opacity: 1;padding: 5px 5px 5px 5px;}		
	.quit:hover { background-color:#000000; color: #fffc00;}
.greylink { color: #a3a3a3; font-size: 80%; cursor: pointer; display: inline-block;}
.greylink:hover { color: #D68819;}
.hide { position: absolute;/* on cache les sous menus complètement sur la gauche */  left: -999em; z-index: 1000;}
.buttonaiki { outline: 0; text-transform: uppercase;text-decoration: none;color: #ffffff; text-align:center;background-color: #75a1b6;padding: 10px 10px 10px 10px;  cursor: pointer;}
.buttonaiki:hover { background-color:#000000; }
.benefits {background-color:#dddddd;padding-top:40px;}
.white-boxing { padding: 10px 10px 10px 10px;border:1px solid #ffffff;}
.buttonduck { outline: 0; text-transform: uppercase;text-decoration: none;color: #ffffff; text-align:center;background-color: #094F6B;padding: 10px 10px 10px 10px;  cursor: pointer;}
.buttonduck:hover { background-color:#000000;}
.menu-deroulant { padding: 10px 10px 10px 10px;border:1px solid #ffffff;text-align:center;background-color: #094F6B;}
.highlight {padding:10px 0px 0 0px;}
.softlight {font-size:100%;color:#202020;}
.cat {float:left;width:33%;background-color: #FFFADC;}
.button-display {background-color: #094F6B;color: #ffffff;font-weight:bold;border: 1px solid #000000;cursor: pointer;padding:20px;width:100%;text-align:center;}
.button-hide {background-color: #ffd923;color: #ffffff;font-weight:bold;border: 1px solid #000000;cursor: pointer;padding:20px;width:100%;text-align:center;}
.marginbig {margin-left:10%;margin-right:10%;}
	
/*POPUP*/
.box {  width: 40%;  margin: 0 auto;  background: rgba(255,255,255,0.2);  padding: 35px;  border: 2px solid #fff;  border-radius: 20px/50px;  background-clip: padding-box;  text-align: center; }
.overlay {   position: fixed; top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, 0.7);  transition: opacity 500ms;  visibility: hidden;  opacity: 0;}
.overlay:target {  visibility: visible;  opacity: 1;}
.popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 2s ease-in-out;max-height: 80%;}
.popup .close { position: absolute; top: 20px;  right: 30px;  transition: all 200ms;  font-size: 30px;  font-weight: bold;  text-decoration: none;  color: #333;}
.popup .close:hover {  color: #06D85F;}
.popup .content {    overflow: auto;}
@media screen and (max-width: 700px){ .box{ width: 70%;  } .popup{ width: 70%;  }}

/*FORMULAIRES*/
input, textarea, select {
 font-size:100%;
 padding: 5px 5px 5px 5px;
 margin-bottom:10px;
 border:1px solid #5C5C5C;
 border-radius:3px;
 width:100%;
 box-shadow:1px 1px 2px #C2C2C2 inset;
 }
select {
 margin-top:10px;
 }

input[type=submit], input[type=reset] {
 text-align:center;
 cursor:pointer;
 color: #000000;
 font-weight:bold;
 background-color: #FFD923;
 padding: 5px 5px 5px 5px;
 border:1px solid #F4D231;
 }
input[type=submit].buttonduckblue {
  background: #094F6B;
  height: 50px;
  color: #ffffff;
  border:2px solid #094F6B;
  box-shadow:none;
 }
.formbox {
  border: 1px solid #c4c4c4;
  padding:20px;
  background-color:#ffffff;
  border-radius: 10px;
  margin: 20px 0 20px 0;
}


.box-button {
  border-radius: 5px;
  background: #d2483c;
  text-align: center;
  font-size:200%;
  padding: 0;
  color: #fff;
  border: 0;
  outline:0;
  width: 25%;
}
.box-input {
background-color:#000000;
height:100px;
}
.box-input2 {
background-color:#EC2626;
height:100px;
}
.box-input:focus {
    outline: none;
    border-color:#5c7186;
}


.button-action {
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  height: 80px;
  padding: 0;
  border: 0;
  outline:0;
  margin-bottom:10px;
  background-color: #FBD262;
}
.button-action input[type=submit] {
 background-color: #ffffff;
  font-size: 50px;
 }
 .button-module { 
  background-color: #F2F2F2;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  border: 0;
  outline:0;
  margin-bottom:10px;
}
.h1-module{font-size: 120%;color:#ffffff;background-color: #094F6B;margin-top:20px;padding-bottom:20px;text-align:center;}
.p{color:#000000;padding:20px;text-align:center;}
.h{font-weight:bold; color:#094F6B;padding:20px;text-align:center;}
.ex{font-weight:bold; color:#094F6B;padding:20px;text-align:center; font-style: italic;}
.box-register
{
  text-align:center;
  margin-bottom:0px;
}
.box-register a
{
  text-decoration:none;
  font-size:12px;
  color:#666;
}

.sucess{
  text-align: center;
  color: white;
}
.sucess a {
  font-size:120%;
  text-decoration: none;
  color: #58aef7;
}
p.errorMessage {
    background-color: #e66262;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}




/*TABLEAUX*/
table {
border:2px solid #094F6B;
border-collapse:collapse;
width:100%;
margin:auto;
}
.grey {
border:2px solid #B4B4B4;
border-collapse:collapse;
width:100%;
margin:auto;
background-color:#F8F8F8;
}
.clean {border:none;}
thead, tfoot {
background-color:#094F6B;
color:#ffffff;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}
tbody {

}
th {
font-size:120%;
color:#ffffff;
text-align:center;
padding:20px;
background-color:#094F6B;
}
.head{
font-size:120%;
color:#000000;
background-color:#D7D7D7;
}
td {
border-bottom:1px solid #6495ed;
padding:5px;
text-align:left;
}
.grey4 { border:1px solid #DDDDDD;}

/*MENU DEROULANT*/
.boutonmenuprincipal {
background-color: #094F6B;
color: #ffffff;
font-weight:bold;
border: 1px solid #000000;
cursor: pointer;
padding:5px;
width:100%;
}
.boutonmenuprincipal:hover {
background-color: #094F6B;
}
.dropdown {
width:100%;
position: relative;
display: inline-block;
}
.dropdown-child {
display: none;
background-color: #CEDBE1;
min-width: 50px;
}
.dropdown-child a {
color: #000000;
padding: 5px;
text-decoration: none;
display: block;
}
.dropdown-child a:hover {
background-color: #5C8899;
}
.dropdown:hover .dropdown-child {
display: block;
}

/*TEST*/
#menu-more {cursor: pointer;}#menu-more:hover a{border:none;}
#menu-more:hover  div.hide{  /* Au survol des li du menu on replace les sous menus */   left: auto; position: relative;}

/*FOOTER*/	
#socialwrapper { width: 180px; margin: auto;margin-bottom:20px;}
#footer { clear: both; padding: 50px 20px 20px 10px; font-size: .9em; color: #000000; }
	#footer img{max-width:30px;margin-left: auto; margin-right: auto}
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 8px; text-align:center;}
	
 /* RESPONSIVE LAYOUT - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media all and ((max-width: 600px) or (max-device-width:600px)) {
#wrap80 { width: 95% }
#left { width: 100%; padding:0px;}
#right { width: 100%;padding:0px;}
.cat { width: 100%;padding:0px;}
/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
	textarea,
	input
	{
	font-size: 130% ;
	width: 100%;
	height:50px;
	}
.column {width: 100%;}
.formbox { 	  margin: 20px 0px 20px 0px; border-radius:0px; }
.signbox { 	  margin: 20px 0px 20px 0px; border-radius:0px; }
} 
 /* RESPONSIVE LAYOUT - when the screen is more than 1000px wide*/
@media all and (min-width: 1000px)  {
#wrapmobile { width: 70%;margin:auto; }
}