/*	==========================================================================
	HTML5, Reset & Base setup
	========================================================================== */

article, aside, details,
figcaption, figure, footer,
header, hgroup, nav,
section, summary, hr				{ display: block; }
audio, canvas, video, nav a			{ display: inline-block; }
audio:not([controls])				{ display: none; height: 0; }
[hidden]							{ display: none; }
html 								{ font-size: 100%; }
html, body							{ width: 100%; height: 100%; }	
body, h1, h2, h3, h4, h5, h6,
hgroup, ul, ol, dl, dd, p, figure,
pre, table, fieldset, menu, hr,
blockquote, button, input, select,
textarea,  iframe, nav ul, nav ol,
li > ul, li > ol					{ margin: 0; }
hr, iframe, fieldset, legend,
input[type="checkbox"],
input[type="radio"]
button::-moz-focus-inner,
input::-moz-focus-inner,
nav ul, nav ol						{ padding: 0;}
hr, img, iframe, fieldset, legend,
button::-moz-focus-inner,
input::-moz-focus-inner				{ border: none; }
a:focus,
a:active,
a:hover								{ outline: 0; }
abbr[title]							{ border-bottom: 1px dotted; }
b, strong							{ font-weight: bold; }
dfn									{ font-style: italic; }
mark								{ background: #ff0; color: #000; }
code, kbd, pre, samp				{ font-family: monospace, serif; font-size: 1em; }
pre									{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q									{ quotes: "\201C" "\201D" "\2018" "\2019"; }
small,sub,sup						{ font-size: 75%; }
sub,sup								{ line-height: 0; position: relative; vertical-align: baseline; }
sup									{ top: -.5em; }
sub									{ bottom: -.25em; }
hr									{ height: 1px; border-top: 1px solid; margin-top: -1px; }
nav ul, nav ol						{ list-style: none; list-style-image: none; }
nav li								{ display: inline; }
table								{ border-collapse: collapse; border-spacing: 0; width: 100%; }
td									{ vertical-align: top; }
th									{ font-weight: normal; }
img									{ vertical-align: middle; }
a img								{ border: none;}
img, object, embed					{ max-width: 100%; height: auto; }
svg:not(:root)						{ overflow: hidden; }
button, input, select, textarea		{ font-family: inherit; font-size: 100%; }
button, input						{ line-height: normal; }
button, html input[type="button"],
input[type="reset"],
input[type="submit"]				{ cursor: pointer; }
button[disabled], input[disabled]	{ cursor: default; }
input[type="checkbox"],
input[type="radio"]					{ box-sizing: border-box; }
input[type="search"]				{ box-sizing: content-box; } 
textarea							{ overflow: auto; vertical-align: top; }
fieldset							{ border: none; }
*:focus 							{ outline: none; }

input.larger {
transform: scale(2);
        margin: 30px;
}

/*	=============================================================================
	Typography
	========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700);

@font-face {
  font-family: "GeneralEnclosedFoundicons";
  src: url("fonts/general_enclosed_foundicons.eot");
  src: url("fonts/general_enclosed_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/general_enclosed_foundicons.woff") format("woff"), url("fonts/general_enclosed_foundicons.ttf") format("truetype"), url("fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Typographic baseline */
html, button, input, select, 
textarea 							{ font-family: "Open Sans", Helvetica, Arial, sans-serif; }

html								{ font-size: 162.5%; } 												/* 26px */
	
body								{ font-size: 14px; line-height: 26px; font-weight: 400; }		/* 14px / 26px */

h1, .h1								{ font-size: 52px; line-height: 52px; letter-spacing: 3px; 
									font-weight: 700; font-style: italic; text-transform: uppercase;
									color: #e0e0e0 } 	/* 55px / 54px */
									

h2, .h2								{ font-size: 1.29em; line-height: 26px; 
									font-weight: 700; text-transform: uppercase; }						/* 16px / 26px */
									
h3, .h3								{ font-size: 1.2em; line-height: 26px;
									font-weight: 700; font-style: italic; text-transform: uppercase }	/* 16px / 26px */
									
h4, .h4								{ font-size: 1.14em; line-height: 26px;
									font-weight: 300; }													/* 16px / 26px */

.huge								{ font-size: 15em; line-height: 130px; color: #c8c8c8;
									font-weight: 700; font-style: italic; text-transform: uppercase; }


.emboss								{ position: relative; }
.emboss:before, 
.emboss:after 						{ content: attr(title); position: absolute; }
.emboss:before 						{ top: 1px; left: 1px;  }
.emboss:after  						{ top: 2px; left: 2px }


.huge.emboss:before, 
.huge.emboss:after					{ color: rgba(255,255,255,.8);}

h1.emboss							{ color: #222}
h1.emboss:before, 
h1.emboss:after						{ color: rgba(255,255,255,.5);}


.texture  h1.emboss					{ color: #000}
.texture  h1.emboss:before, 
.texture  h1.emboss:after			{ color: rgba(255,255,255,.4);}
							
.light								{ font-weight: 300;}
strong, .strong						{ font-weight: 700;}


/* Fonts and color */

	
html, button, input,
select, textarea					{ color: #000; }

::-moz-selection					{ background: #003c68; color: #fff; text-shadow: none; }
::selection							{ background: #003c68; color: #fff; text-shadow: none; }

a									{ color: #003c68; text-decoration: none; }
a:hover								{ text-decoration: underline; }

.white								{ color: #fff; }
.red								{ color: #db341f; }
.blue								{ color: #003c68; }
.gray								{ color: #c8c8c8; }


hr.dotted							{ border-top:2px dashed; }

::-webkit-input-placeholder 		{ font-weight: 300; color: #c8c8c8; font-style: italic; font-size: 14px; }
:-moz-placeholder 					{ font-weight: 300; color: #c8c8c8; font-style: italic; font-size: 14px; }
::-moz-placeholder 					{ font-weight: 300; color: #c8c8c8; font-style: italic; font-size: 14px; }
:-ms-input-placeholder 				{ font-weight: 300; color: #c8c8c8; font-style: italic; font-size: 14px; }

/* Margins and paddings setup */

body								{ min-width: 1040px;}
h1, h2, h3, h4, h5, h6, hgroup, 
ul, ol, dd, p, figure, pre, table, 
fieldset, blockquote, hr, .block,
.separateur							{ margin-bottom:26px; }
												
ul, ol, dd,	blockquote				{ padding-left: 26px; }
blockquote							{ padding-right: 26px; }
	
.margin								{ margin-bottom: 26px;}	
.box								{ padding: 26px; }
	
.pad_top, .pad_vertical				{ padding-top: 26px; }
.pad_bottom, .pad_vertical			{ padding-bottom: 26px; }
.pad_left, .pad_horizontal			{ padding-left: 26px; }
.pad_right, .pad_horizontal			{ padding-right: 26px; }

hr.pad_left, hr.pad_horizontal		{ padding-left: 0; margin-left: 26px }
hr.pad_right, hr.pad_horizontal		{ padding-right: 0; margin-right: 26px; }

.align_left							{ margin-right: 26px; }
.align_right						{ margin-left: 26px; }
.br									{ margin-bottom: 26px; }
	
.container.box						{ margin-top: 52px; margin-bottom: 52px;}	
.container.pad_top,
.container.pad_vertical				{ padding-top: 52px; }
.container.pad_bottom, 
.container.pad_vertical				{ padding-bottom: 26px; }

.red								{ color: #db341f}

.bigbtt:hover						{ text-decoration: none;}
.wrp								{ box-sizing: border-box; padding-right: 8px; width: 100%; float: left;}
.wrp.w75							{ width: 75%;}
.wrp.w70							{ width: 70%;}
.wrp.w66							{ width: 66%;}
.wrp.w60							{ width: 60%;}
.wrp.w55							{ width: 55%;}
.wrp.w50							{ width: 50%;}
.wrp.w45							{ width: 45%;}
.wrp.w40							{ width: 40%;}
.wrp.w35							{ width: 35%;}
.wrp.w33							{ width: 33%;}
.wrp.w32							{ width: 32%;}
.wrp.w30							{ width: 30%;}
.wrp.w30							{ width: 30%;}
.wrp.w25							{ width: 25%;}
.wrp.w20							{ width: 20%;}

.input-prepend						{ box-sizing: border-box; margin-bottom: 8px; margin-left: 0; padding: 5px 0; 
									background: #fff; display: block; overflow: hidden; border-radius: 4px; 
									border: 1px solid #eee; box-shadow: inset 1px 1px 4px rgba(220,220,220,.4);
									position: relative; }
									
.input-prepend.valid:after,
.input-prepend.invalid:after		{ display: block; position: absolute; top: 0; right: 0; font-family: "GeneralEnclosedFoundicons";
									height: 26px; line-height: 26px; padding:5px 8px; }

.input-prepend.select.valid:after,
.input-prepend.select.invalid:after { right: 32px}
									
.input-prepend.valid:after			{ content: "\f005"; color: green; background: #fff; }
.input-prepend.invalid:after		{ content: "\f006"; color: #db341f; background: #fff; }
	

label.input							{ font-size: .9em; font-weight: 300; font-style: italic; padding:0 8px; }
									
.input-prepend *					{ display: block; height: 26px; line-height: 26px; padding: 0; margin: 0; background: none transparent; 
									border: 0 none; box-sizing: border-box; -webkit-appearance: none;  }		
.input-prepend .add-on				{ float: left; font-size: .9em; font-weight: 300; font-style: italic; padding:0 8px; 
									color: #666; border-right: 1px solid #eee; }
.input-prepend.req .add-on:after	{ content: " *"; color: #db341f}

.input-prepend.area .add-on,
.input-prepend.facture .add-on		{ width: 100%; border-right: none; }

.input-prepend .wrap				{ float: none; width: auto; overflow: hidden; position: relative; }
.input-prepend.area .wrap			{ width: 100%; height: 90px; }
.input-prepend.facture .wrap		{ width: 100%; height: auto; }
.input-prepend.select .wrap:after	{ content: "▼"; display: block; position: absolute; right: 0; top: 0; width: 2em; 
									text-align: center; border-left: 1px solid #eee; background: #fff }

.input-prepend input,
.input-prepend select,
.input-prepend textarea,
.input-prepend .ctn					{ width: 100%; z-index: 2;  position: relative;  padding-left: 5px; box-sizing: border-box; }

.input-prepend input				{ padding-right: 2em;}
.input-prepend select,				
.input-prepend input[type='number']	{ width: 120%; padding-right: 0;}
.input-prepend option,
.input-prepend optgroup				{ height: auto; line-height: 32px; padding: 5px 26px}	
.input-prepend textarea,
.input-prepend .ctn					{ height: 100%; padding:5px 13px;}
.input-prepend .ctn	span			{ clear: both;}
a.button,
input[type='button'],
input[type='submit']				{ box-sizing: border-box; margin-bottom: 8px; margin-left: 0; padding: 5px 8px; 
									background: #fff; display: inline-block; overflow: hidden; border-radius: 4px; 
									border: 1px solid #eee; box-shadow: inset 1px 1px 4px rgba(220,220,220,.4);
									color : #fff; background: #2b7897; background-image: linear-gradient(#2f83a3, #022042)}	
input[type='button'].red			{ background: #9b1e0f; background-image: linear-gradient(#db341f,#9b1e0f);}						
input[type='button']:disabled,
input[type='submit']:disabled		{ color : #999; background: #fff; background-image: linear-gradient(#fff, #ccc)}
	
a.button:hover						{ text-decoration: none;}
button.steps						{ display: block; width: 145px; height: 155px; background: url(imgs/step_btt.png) left top no-repeat;
									border: none; text-align: right; text-transform: uppercase; font-weight: 700; 
									font-style: italic; box-sizing: border-box; padding-top: 50px; padding-right: 35px }
button.steps span					{ font-size: 2.8em;}	

.datepicker 						{ position: absolute; display: none; padding: 8px;
  									margin-top: 1px; line-height: 26px; font-size: 12px;
  									background: #fff; border-radius: 4px; border: 1px solid #eee; z-index: 100}
.datepicker:before,
.datepicker:after 					{ content: ''; display: inline-block; position: absolute; }
.datepicker:before 					{ border-left: 7px solid transparent; border-right: 7px solid transparent;
									border-bottom: 7px solid #eee; top: -7px; left: 16px; }
.datepicker:after 					{ border-left: 6px solid transparent; border-right: 6px solid transparent; 
									border-bottom: 6px solid #fff; top: -6px; left: 17px; }

.datepicker table 					{ margin: 0; }
.datepicker td,
.datepicker th 						{ text-align: center; width: 26px; height: 26px; border-radius: 4px; }

.datepicker .day:hover				{ background: #eee; cursor: pointer;}
.datepicker .old,
.datepicker .new 					{ color: #999999; }
.datepicker .disabled,
.datepicker .disabled:hover 		{ background: none; color: #999999;cursor: default;}
.datepicker .active,
.datepicker .active:hover,
.datepicker .active.disabled,
.datepicker .active.disabled:hover	{ background: #011e42; background-image:linear-gradient(top, #0e83a7, #011e42); 
									color: #fff; }
.datepicker .switch 				{ width: 145px;}
.datepicker .prev,
.datepicker .next 					{ cursor: pointer; }
.datepicker .prev:hover,
.datepicker .next:hover 			{ background: #eeeeee; }
.datepicker i						{ display: block;cursor: pointer;}
.datepicker .prev i:before			{ content: "<"; width: 26px;height: 26px;} 
.datepicker .next i:before			{ content: ">"; width: 26px;height: 26px;} 


/*	=============================================================================
	Setup
	========================================================================== */

body								{ background: #fff;}

.container							{ width: 1040px; margin: 0 auto;}

.texture							{ background: url(imgs/texture.jpg) center top;; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .6)),
									linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(70, 144, 172, .6)),
 									url(imgs/texture.jpg) center top;}

.angular							{ display: none!important;}
.page								{ position: relative;}
.page > button						{ float: right; margin-right: 0px; margin-top: -50px; position: relative; z-index: 10}
.page.active						{ display: block;}
.page.innactive						{ display: none;}



.main > header 						{ background: #fff; position: relative; text-transform: uppercase; }	
.main > header:after				{ content: ""; display: block; border-bottom: 3px solid #f0f0f0; height: 0; margin-top: -2px; }

.main > header .logo				{ float: left; height: 130px; box-sizing: border-box; padding-top: 43px}
.main > header .menu,
.main > header .utility				{ margin-right: 52px}

.main > header .utility				{ position: absolute; top: 0; right: 0; line-height: 52px; }
.main > header .utility	> li		{ display: block; float: left; height: 52px; }
.main > header .utility	> li > a	{ height: 100%; }
.main > header .utility > .tel		{ color: #000}
.main > header .utility > .tel:after{ content: "/"; padding: 0 13px; }
.main > header .utility > .connect	{ background: #e6e7e8; padding: 0 13px; margin-left: 13px; 
									border-radius: 0 0 10px 10px; text-transform: none;}

.main > header .utility > .connect a:before { content: ""; background: url(imgs/connect.png) center center no-repeat; 
									height: 100%; width: 30px; display: block; float: left; }

.main > header .menu				{ text-align: right; font-size: 14px; padding: 78px 0 26px 0   }						
.main > header .menu > li:before 	{ content: "/"; display: inline-block; padding: 0 10px;  } 						
.main > header .menu > li:first-child:before { display: none; }
.main > header .menu > li > a		{ position: relative; padding: 0 4px; }	
.main > header .menu > li > a:after { content: ""; width: 100%;  padding: 0 26px; 
									margin-left: -26px; border-bottom: 8px solid #db341f; position: absolute; 
									bottom: -26px; left: 0 ; display: none; }								
.main > header .menu > li:first-child > a:after
									{ padding-left: 0; margin-left: 0; }
.main > header .menu > li > a:hover	{ text-decoration: none; }
.main > header .menu > li > a:hover:after { display: block; }

.main > header .reseller			{ position: absolute; left: 0; top: 0 }

.cc								{ padding-left: 0} 

.liste-services							{ display: block; list-style: none; height: 40px; padding: 0;}
.liste-services li						{ display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; }
.liste-services li:before				{ content: "▶"; line-height: 40px; display: inline-block; padding: 0 26px; font-size: 1.2em;}
.liste-services li:first-child:before 	{ display: none;}


.separateur								{ border: 0; width: 98%; height: 8px; background: #db341f; border-top: 1px solid rgba(0,0,0,.3) ;
										border-left: 1px solid rgba(0,0,0,.3); box-sizing: border-box;
										background-image: linear-gradient(90deg, #9b1e0f,#db341f ); position: relative; }
.separateur:after						{ content: ""; position: absolute; border-top: 4px solid transparent;
										border-left: 4px solid #db341f; border-bottom: 4px solid transparent; top: -1px; right:-4px}									
.split									{ width: 100%; height: 50px; position: relative; overflow: hidden; color: #fff;
										margin-bottom: -50px;}
.split:before,
.split:after							{ content: ""; position: absolute;}
.split:before							{ background: #fff; height: 2px; width: 100%; top: 0; left: 0px;  
										box-shadow: 0px 0px 20px 2px rgba(0,0,0,1); }
										
.split:after							{ top: 0; left: 50%; border-left: 50px solid transparent;
										border-right: 50px solid transparent;border-top: 40px solid ;}

table.prix thead						{ background: #cdd1d1;}	
								
table.prix td							{ padding: 13px 26px 13px 0;}
table.prix thead th						{ font-weight: 700; text-transform: uppercase; font-size: 1.1em; text-align: left}

table.prix tbody tr						{ background: #f0f6f7}
table.prix tbody tr:nth-child(even)		{ background: #fff}
table.prix  .first						{ padding-left: 13px;} 	
table.prix tbody td > span				{ display: block; position: relative; height: 26px; padding: 6px; background: #db341f; color: #fff; float: left;}
table.prix tbody span:after				{ content: ""; border-top: 40px solid #db341f; border-right: 26px solid transparent; position: absolute; top: 0; right: -26px}
table.prix small						{ line-height: 1.3; display: block;}	
		
.informations							{ background: #fff; box-shadow: 0 0 12px 1px rgba(0,0,0,.4); position: relative; padding-top: 40px}
.informations:before,
.informations:after						{ content: ""; position: absolute; }
.informations:before					{ background: url(imgs/info_before.png); width: 120px; height: 88px;  left: -5px; top:-42px}
.informations:after						{ background: url(imgs/info_after.png); width: 258px; height: 170px; right: 0; bottom: -108px;}


.informations h2						{ display: block; float: left; padding: 0 13px 0 40px; background: #db341f; color: #fff;
										position: relative;  margin-left: -13px; text-transform: none; font-style: italic;}
.informations h2:before,
.informations h2:after					{ content: ""; position: absolute; color: #db341f; }
.informations h2:before					{ border-top: 13px solid #7e160a; border-left: 13px solid transparent; bottom: -13px; left: 0;}
.informations h2:after					{ border-top: 26px solid ; border-right: 26px solid transparent; top: 0; right: -26px;}

.list									{ margin: 0; padding: 0; display: block; list-style: none; line-height: 20px; }
.list strong							{ text-transform: uppercase;}				
.list p									{ font-size: .9em;}
.main > footer							{ background: #011e42; background-image:linear-gradient(#0e83a7, #011e42); }
.main > footer:before					{ content:""; height: 8px; width: 100%; margin-bottom: -8px; 
										display: block; background-color: #db341f; 
										background-image:linear-gradient(#db341f, #963d37); }
									
.main > footer nav						{ padding: 40px 26px; box-sizing: border-box; text-transform: uppercase; }
.main > footer a						{ color: inherit;  }
.main > footer li > a:before			{ content: "/"; color: #db341f; display: inline-block; padding: 0 26px; }
.main > footer li:first-child > a:before { display: none;}

.main > footer .cake					{ position: absolute; right: 26px; top: 0; padding:  65px 0 0 0; }



nav.jump 								{ margin-top: -52px; margin-bottom: 52px}
nav.jump ul								{ display: block; }							
nav.jump li								{ display: block; float: left;   position: relative;}
																	

nav.jump li:after						{ content: ""; position: absolute; border-top: 68px solid #fff; border-right: 42px solid transparent;
										top:0; right: -40px; z-index: 1;}

nav.jump a								{ display: block; padding: 13px 36px 13px 90px ;  font-size: 1.1em; line-height: 20px; height: 40px;
										color: #666; background: #fff; background-image: linear-gradient(90deg, #eee, #fff 80%); cursor: pointer; }
nav.jump a.single						{ line-height: 42px; }
nav.jump a:hover						{ color: #000; text-decoration: none;}
nav.jump a:before						{ content: attr(title); color: #aaa;  height: 42px; line-height: 42px; font-size: 3em; 
										font-style: italic;	padding-right: 13px; font-weight: 700; position: absolute; left: 40px; top:13px}

nav.jump a:hover:before					{ color: #888}
nav.jump .active > a					{ background: #011e42; background-image: linear-gradient(90deg, #0e83a7, #011e42);}
nav.jump .active > a,
nav.jump .active > a:before,
nav.jump .active > a:hover				{ cursor:  default; color: #fff}
nav.jump .active:after					{ border-top-color: #011e42;}

nav.jump .disabled > a,
nav.jump .disabled > a:before,
nav.jump .disabled > a:hover			{ cursor:  default; color: #e3e3e3}


#user									{ position: relative; margin-bottom: 60px; }
#user .steps							{ position: absolute; right: -70px; bottom: -110px; z-index: 1}

.warning								{ display: block; margin-bottom: 26px; border-radius: 4px; padding: 8px 26px; margin: 0 0 8px 0;
										box-sizing: border-box; color: #fff; background-color: #db341f; background-color: rgba(219, 52, 31, .7); 
										border: 1px solid #db341f;}


.warning.jn								{ color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5;}
.warning.processing						{ color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5;}
.warning.processing span:before			{ content: url(imgs/loader.gif); position: relative; top:3px; display: inline-block; 
										width: 26px; height: 26px;  }
.warning.succes							{ color: #fff; background-color: #60c060; border: 1px solid #81cf81;}
.warning:hover							{ text-decoration: none;}

article									{ box-shadow: 6px 6px 20px rgba(0,0,0,.5); box-sizing: border-box; 
										margin-bottom: 26px; position: relative; }

article > header						{ position: relative; top: 0; left: -13px; z-index: 1; float: left; clear: both;}
article > header h2						{ padding: 5px 13px 5px 40px; background: #db341f; color: #fff; margin-bottom: 0; width: auto; min-width: 100px; }
article > header h2:before,
article > header h2:after				{ content: ""; position: absolute; color: #db341f; }
article > header h2:before				{ border-top: 13px solid #7e160a; border-left: 13px solid transparent; bottom: -13px; left: 0;}
article > header h2:after				{ border-top: 36px solid ; border-right: 36px solid transparent; top: 0; right: -35px}

article > header + section				{ padding-top:52px;}
article > section 						{ margin-bottom: 13px; padding: 13px 0; background: rgba(255,255,255,.5); position: relative;  } 
article > section:last-child			{ margin-bottom: 0;}
article > section > h3					{ padding:0 26px; line-height: 26px; margin-bottom: 0;  }

article > section > fieldset			{ padding: 0 26px; margin-bottom: 0; }
article > section > fieldset > section	{ margin-top: 8px; }
article > section > fieldset fieldset 	{ margin-bottom: 0; padding-top: 13px;}

.fact								{ display: none;}

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

	.tohide								{ display: none;}
	
	.main > header .logo				{ float: none; padding-left: 13px; padding-right: 13px;}
	.main > header .menu				{ padding: 13px 0 26px 0; text-align: center; margin-right: 0; font-size: .9em;}
	.main > header .menu > li:before 	{ padding: 0 5px;  } 	
	.main > header .menu > li > a		{ padding: 0 5px; }	
	.main > header .utility				{ margin-right: 0; font-size: .8em; padding-right: 10px; }
	.main > header .utility > .connect	{ background: none; margin-left: 0 }
	
	.main > header .utility > .connect a { text-indent: -999em; overflow: hidden; background: url(imgs/connect.png) center center no-repeat; 
									height: 100%; width: 30px;}
	.main > header .utility > .connect a:before { display: none;}								

	.main > header .menu > li > a:hover:after { display: none; }
	
	.push_5									{ margin-left: 0; }

	.accueil .reservationblk img			{ display: none; }
											
	.accueil .liste-services				{ display: none;}
	.accueil .grid_70,
	.accueil .grid_65,						
	.accueil .grid_35,
	.accueil .grid_30						{ width: 100%; float: none; padding-left: 0!important; padding-right: 0!important}

	.accueil table							{ display: block;}
	.accueil thead							{ display: none;}
	.accueil table.prix tbody				{ display: block; width: 100%;}
	.accueil table.prix tbody tr			{ display: block; background: none}
	.accueil table.prix tbody td			{ display: block; width: 100%; box-sizing: border-box}
	.accueil table.prix tbody td.first		{ padding: 0; }
	.accueil table.prix tbody td.tohide		{ display: none;}
	.accueil table.prix tbody td > span		{ float: none; width: 80%;  }
	.accueil table.prix tbody td			{ padding-left: 26px;}
	.accueil table.prix tbody td:before		{content: attr(title); }
	
	#user .steps							{ right: -20px; bottom: -130px; z-index: 5}
	
	.faq .ctnrow .grid_50					{ width: 100%; float: none;}
	.faq .ctnrow .grid_50.pad_left,
	.faq .ctnrow .grid_50.pad_right			{ padding-left: 0; padding-right: 0;}	

	.contact .informations:before,
	.contact .informations:after			{ display: none; }	
	.contact .informations					{ padding-top: 0; margin-left: 0; margin-bottom: 52px;}

	.contact .ctnrow .grid_60,	
	.contact .ctnrow .grid_50,				
	.contact .ctnrow .grid_45,
	.contact .ctnrow .grid_40				{ width: 100%; float: none;}
	.contact .ctnrow .pad_left,
	.contact .ctnrow .pad_right				{ padding-right: 0; padding-right:0;}
	
	.contact .ctnrow  .boxes  				{ display: box; box-orient: vertical;}
	.contact .ctnrow  .boxes .ctns 			{ box-ordinal-group: 2;}
	.contact .ctnrow  .boxes informations 	{ box-ordinal-group: 1;}
	
	.reservation article > header			{ display: block; margin-left:0; margin-right: 0; left: 0; width: 100%; }
	
	.reservation article > header h2		{  display: block; margin-left:0; margin-right: 0;}
	.reservation article > header h2:before,
	.reservation article > header h2:after	{ display: none;}
	.reservation #page1						{ padding-left: 13px; padding-right: 13px;}
	.reservation #page1	.grid_55,			
	.reservation #page1	.grid_40,
	.reservation #page5 .grid_30,
	.reservation #page5 .grid_70			{ width: 100%; float: none; padding-left: 0; padding-right: 0;}
	
	.reservation #page5 .grid_30,
	.reservation #page5 .grid_70			{ padding-left: 13px; padding-right: 13px;}

	.connect .pw						{ width: 100%!important; float: none;}
	.connect .factures						{ width: 100%!important; float: none;}
	.connect .facture .grid_50				{ width: 100%!important; float: none;}

	#loginform								{ width: 100%!important; float: none;}
	
	nav.jump li								{ width: 25%; padding-left: 0; padding-right: 0; margin: 0; text-align: right; }
	nav.jump li	a							{ padding-left: 0; padding-right: 0; width: 100%;}
	nav.jump a:before						{ padding: 0; display: inline-block; text-align: left;}
	
	nav.jump li:after						{ display: none; } 
	nav.jump li span						{ display: none; }
	body									{ min-width: 100%;}
	.container								{ width: 100%; }
	.wrp									{ width: 100%!important; }

	.page aside								{ display: none;}
	.page .grid_85							{ width: 100%; float: none;}
	h1										{ font-size: 32px; line-height: 42px; letter-spacing: 3px; 
											margin-left: 6px; max-width: 95%!important; }
	h1.grid_50								{ width: 100%; float: none;}
	
	article > section > h3					{ padding:0 6px; }
	article > section > fieldset			{ padding: 0 6px; }
	

	.main > footer  nav						{ text-align: center;}
	.main > footer li > a:before			{ padding: 0 13px}
	.main > footer .cake					{ display: block; position: static; margin: 10px auto 0 auto; padding: 0;}
	
	
	
}



/*	=============================================================================
	Helpers
	========================================================================== */

.hidden								{ display: none!important;}

/* Box elements */



.box,
[class*="pad_"],
[class*="grid_"]					{ box-sizing: border-box; }
.box > :last-child					{ margin-bottom: 0; }
.pad_none							{ padding: 0;}
.margin_none						{ margin-bottom: 0;}

/* Images replacements */
.ir									{ display: block; border: 0; text-indent: -999em;
									background-color: transparent; background-repeat: no-repeat;
									text-align: left; }
.ir br								{ display: none; }

/* Clearfix */
.clearfix:before, .line:before,
.clearfix:after, .line:after		{ content: ""; display: table; }
.clearfix:after, .line:after		{ clear: both; }

/* Clears */
.clear								{ display: block; clear: both; overflow: hidden; width: 100%; }
br.clear							{ height: 1px!important; margin-top: -1px; margin-bottom: 0; }

/* Fonts & Texts */
.left								{ text-align: left; }
.right								{ text-align: right; }
.center								{ text-align: center; }
.justify							{ text-align: justify; }
.lower								{ text-transform: lowercase; }
.caps								{ text-transform: uppercase; }
.smallcaps							{ font-variant: small-caps; }
	
/* Floats & Alignements */
[class*="align_"],
[class*="float_"]					{ display: block; }
.align_center						{ margin-left: auto; margin-right: auto; float: none!important; }
.align_right, .float_right			{ float: right; }
.align_left, .float_left			{ float: left; }

/* Table layouts */
.table								{ display: table; width:100%; height:100%; table-layout: fixed; }
.row								{ display: table-row; height: 1px; width: 100%; }
.cell								{ display: table-cell; vertical-align: middle; position: relative; }
.expand								{ height: auto; }
	
/* Displays & Positionning  */
.static								{ position: static; }
.relative							{ position: relative; }
.inline								{ display: inline; }
.inline-block						{ display: inline-block; }
.block								{ display: block;}

/* Fluid Grid */

.line,
[class*="grid_"].last				{ float: none; width: auto; overflow: hidden; }
[class*="grid_"]					{ float: left; }

.grid_5								{ width: 5%; }
.grid_10							{ width: 10%; }
.grid_15							{ width: 15%; }
.grid_16							{ width: 16.66666%; }
.grid_20							{ width: 20%; }
.grid_25							{ width: 25%; }
.grid_30							{ width: 30%; }
.grid_33							{ width: 33.33333%; }
.grid_35							{ width: 35%; }
.grid_40							{ width: 40%; }
.grid_45							{ width: 45%; }
.grid_50							{ width: 50%; }
.grid_55							{ width: 55%; }
.grid_60							{ width: 60%; }
.grid_65							{ width: 65%; }
.grid_66							{ width: 66.66666%; }
.grid_70							{ width: 70%; }
.grid_75							{ width: 75%; }
.grid_80							{ width: 80%; }
.grid_85							{ width: 85%; }
.grid_90							{ width: 90%; }
.grid_95							{ width: 95%; }
.grid_100							{ float: none; }

.push_5								{ margin-left: 5%; }
.push_10							{ margin-left: 10%; }
.push_15							{ margin-left: 15%; }
.push_20							{ margin-left: 20%; }
.push_25							{ margin-left: 25%; }
.push_30							{ margin-left: 30%; }
.push_33							{ margin-left: 33.33333%; }
.push_35							{ margin-left: 35%; }
.push_40							{ margin-left: 40%; }
.push_45							{ margin-left: 45%; }
.push_50							{ margin-left: 50%; }
.push_55							{ margin-left: 55%; }
.push_60							{ margin-left: 60%; }
.push_65							{ margin-left: 65%; }
.push_66							{ margin-left: 66.66666%; }
.push_70							{ margin-left: 70%; }
.push_75							{ margin-left: 75%; }
.push_80							{ margin-left: 80%; }
.push_85							{ margin-left: 85%; }
.push_80							{ margin-left: 80%; }
.push_95							{ margin-left: 95%; }


/*	=============================================================================
	HTML5 browsers specifics
	========================================================================== */

html								{ -webkit-text-size-adjust:none; 
									-ms-text-size-adjust: none; }
button, html input[type="button"],
input[type="reset"],
input[type="submit"]				{ -webkit-appearance: button; }
input[type="search"]				{ -webkit-appearance: textfield; }


/* global foundicon styles */
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

[class*="foundicon-"]:before {
  font-family: "GeneralEnclosedFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

/* icons */
.foundicon-settings:before {
  content: "\f000";
}

.foundicon-heart:before {
  content: "\f001";
}

.foundicon-star:before {
  content: "\f002";
}

.foundicon-plus:before {
  content: "\f003";
}

.foundicon-minus:before {
  content: "\f004";
}

.foundicon-checkmark:before {
  content: "\f005";
}

.foundicon-remove:before {
  content: "\f006";
}

.foundicon-mail:before {
  content: "\f007";
}

.foundicon-calendar:before {
  content: "\f008";
}

.foundicon-page:before {
  content: "\f009";
}

.foundicon-tools:before {
  content: "\f00a";
}

.foundicon-globe:before {
  content: "\f00b";
}

.foundicon-home:before {
  content: "\f00c";
}

.foundicon-quote:before {
  content: "\f00d";
}

.foundicon-people:before {
  content: "\f00e";
}

.foundicon-monitor:before {
  content: "\f00f";
}

.foundicon-laptop:before {
  content: "\f010";
}

.foundicon-phone:before {
  content: "\f011";
}

.foundicon-cloud:before {
  content: "\f012";
}

.foundicon-error:before {
  content: "\f013";
}

.foundicon-right-arrow:before {
  content: "\f014";
}

.foundicon-left-arrow:before {
  content: "\f015";
}

.foundicon-up-arrow:before {
  content: "\f016";
}

.foundicon-down-arrow:before {
  content: "\f017";
}

.foundicon-trash:before {
  content: "\f018";
}

.foundicon-add-doc:before {
  content: "\f019";
}

.foundicon-edit:before {
  content: "\f01a";
}

.foundicon-lock:before {
  content: "\f01b";
}

.foundicon-unlock:before {
  content: "\f01c";
}

.foundicon-refresh:before {
  content: "\f01d";
}

.foundicon-paper-clip:before {
  content: "\f01e";
}

.foundicon-video:before {
  content: "\f01f";
}

.foundicon-photo:before {
  content: "\f020";
}

.foundicon-graph:before {
  content: "\f021";
}

.foundicon-idea:before {
  content: "\f022";
}

.foundicon-mic:before {
  content: "\f023";
}

.foundicon-cart:before {
  content: "\f024";
}

.foundicon-address-book:before {
  content: "\f025";
}

.foundicon-compass:before {
  content: "\f026";
}

.foundicon-flag:before {
  content: "\f027";
}

.foundicon-location:before {
  content: "\f028";
}

.foundicon-clock:before {
  content: "\f029";
}

.foundicon-folder:before {
  content: "\f02a";
}

.foundicon-inbox:before {
  content: "\f02b";
}

.foundicon-website:before {
  content: "\f02c";
}

.foundicon-smiley:before {
  content: "\f02d";
}

.foundicon-search:before {
  content: "\f02e";
}




img {
	border:none;
	outline:none;
}
a {
	text-decoration:none;
}
.as_wrapper{
	margin:0 auto;
	width:1600px;
	font-family:Arial;
	color:#333;
	font-size:14px;
	padding:20px;
	border:2px dashed #17A3F7;
}
.h1 a {
	text-decoration:none;
	color:#000;
}
.h1 a:hover {
	text-decoration:underline;
}
.as_gridder_table {
	border-collapse:collapse;
	border:#c9e7e9 solid 1px;
}
.as_gridder_table tr.grid_header {
	font-weight:bold;
	background:#c9e7e9;
}

.color_header{
font-weight:bold;
background:#c9e7e9;
}

.as_gridder_table tr.odd {
	background-color:#fffeff;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.as_gridder_table tr.even {
	background-color:#dafaf9;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.as_gridder_table tr.odd:hover, .as_gridder_table tr.even:hover, .as_gridder_table tr.odd.active, .as_gridder_table tr.odd.active {
	background:#75E4F9;
}
.as_gridder_table tr td {
	vertical-align:middle;
	height:40px;
}
.grid_heading {
	display:block;
	padding:8px 4px;
	
}
.grid_content {
	display:block;
	padding:8px 4px;
	min-height:22px;
}
.grid_content.sno {
	width:auto;
}
.grid_content span {
	padding:3px 0px;
	position:relative;
	top:5px;
}
.grid_content.editable {
	width:110px;
}
.gridder_input, .gridder_add {
	display:none;
	margin:0;
	padding:0;
	outline:none;
	border:none;
	padding:2px;
	border:#24E2F2 solid 1px;
	width:100px;
	height:18px;
}
.gridder_add {
	display:block;
	border:#CCCCCC solid 1px;
}
.gridder_input.select, .gridder_add.select {
	height:auto;
	width:140px;
}


.gridder_input:hover, .gridder_input:active, .gridder_add:hover, .gridder_add:active {
	outline:none;
}
#addnew {
	display:none;
}
.gridder_addrecord_button {
	margin:0;
	padding:0;
	outline:none;
	border:none;
	background:url(../images/tick.png) no-repeat;
	cursor:pointer;
	display:inline-block;
	height:16px;
	width:16px;
}