/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
strong, b{font-weight:bold;}
 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	background:#FFF;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr{ display:none; }
html{ width:100%; height:100%; min-height:100%;  }
body{ position:relative; width:100%; height:100%; min-height:100%; }


/***** FONT FACE *****/
@font-face {
    font-family: 'futura_bk_btbook';
    src: url("Fonts/futurabt-book-webfont.eot");
    src: url("Fonts/futurabt-book-webfont.eot") format('embedded-opentype'),
         url("Fonts/futurabt-book-webfont.woff") format('woff'),
         url("Fonts/futurabt-book-webfont.ttf") format('truetype'),
         url("Fonts/futurabt-book-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url("Fonts/futurabt-heavy-webfont.eot");
    src: url("Fonts/futurabt-heavy-webfont.eot") format('embedded-opentype'),
         url("Fonts/futurabt-heavy-webfont.woff") format('woff'),
         url("Fonts/futurabt-heavy-webfont.ttf") format('truetype'),
         url("Fonts/futurabt-heavy-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_ltlight';
    src: url("Fonts/futura-light-webfont.eot");
    src: url("Fonts/futura-light-webfont.eot") format('embedded-opentype'),
         url("Fonts/futura-light-webfont.woff") format('woff'),
         url("Fonts/futura-light-webfont.ttf") format('truetype'),
         url("Fonts/futura-light-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helvetica_ceregular';
    src: url("Fonts/helvetica_ce_regular-webfont.eot");
    src: url("Fonts/helvetica_ce_regular-webfont.eot") format('embedded-opentype'),
         url("Fonts/helvetica_ce_regular-webfont.woff") format('woff'),
         url("Fonts/helvetica_ce_regular-webfont.ttf") format('truetype'),
         url("Fonts/helvetica_ce_regular-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_HelveticaNeue-LightCond 2';
	src: url("Fonts/HelveticaNeue-LightCond 2.eot");
	src: url("Fonts/HelveticaNeue-LightCond 2.woff") format('woff'),
	     url("Fonts/HelveticaNeue-LightCond 2.ttf") format('truetype'),
	     url("Fonts/HelveticaNeue-LightCond 2.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

.heavyfutura{font-family: 'futura_ltlight';}
.lightfutura{font-family: 'futura_hv_btheavy';}
.uppercase{ text-transform:uppercase; }

/* CSS - NetContent */
.nc-strike, .nc-strike * { text-decoration:line-through;  display:none;  }
.nc-overline, .nc-overline * { text-decoration:overline; }
.nc-underline, .nc-underline * { text-decoration:underline; }
.nc-italic, .nc-italic * { font-style :italic; font-weight: bold; display:none; }
#navigation .nc-italic, #navigation .nc-italic *  { font-style : normal; font-weight: normal; }

/* CSS - La poste - Screen */
html{}
body{ margin:0; padding:0; font-size:16px; color:#646263; font-family: Arial, sans-serif;  }
td, th, input, textarea, select, button{ font-size:1em; font-weight:normal; font-family:Arial, Verdana, sans-serif; }
th{ text-align:left; }
form, img, fieldset, legend{ margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:1em; }
hr{ display:none; }
img, input, label, select{ vertical-align:middle; }
p{ margin:10px 0; }
a{ color:#454545; text-decoration:none; }
a:hover, a:focus{ text-decoration:underline; }
a *{ cursor:pointer; }
.button a{ text-decoration:underline; }
.button a:hover{ text-decoration:none; }
sup{ font-size:0.833em; }
caption{ text-align:left; font-weight:normal; }

.sizer td{ padding:0; background:none; border:0; }
.sizer td div{ height:1px; overflow:hidden; }
.imaged{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; font-size:10em; text-transform:lowercase; border:0; }
span.imaged{ position:absolute; position:absolute; top:0; left:0; width:100%; height:100%; font-size:0.01em; }
input.imaged{ cursor:pointer; }
.sep{ margin:15px 0; height:1px; overflow:hidden; background:url("Images/Dots/grey-left-pix.gif") repeat-x; margin:15px 0 0 0; }
.clear{ clear:both; display:block; margin:0 0 -1px 0; font-size:0.01em; height:1px; overflow:hidden; }


.inputText, .inputArea, .inputSelect{ border:1px solid #ffffff; background-color:#ffffff; font-size:0.875em;  font-family: Arial, sans-serif; font-family: 'futura_bk_btbook'; color: #646263; }
.inputSelect{ position:relative;color: #646263; }
.inputButton{ cursor:pointer; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'futura_bk_btbook'; font-size:0.8em;  color: #646263;}
.inputButton:hover{ text-decoration:underline; }
.linkButton{ cursor:pointer; background-color:#ffffff; border:1px solid #ffffff;  font-family: 'futura_bk_btbook'; font-size:0.8em;  color: #646263;}
.linkButton:hover{ text-decoration:underline; }
.inputClean{ cursor:pointer; margin:0; padding:0; background:transparent; border:0; }

.cols{ display:table-row; }
.cols .leftcol, .cols .centercol, .cols .rightcol{ display:table-cell; vertical-align:top; }
.nodisplay{ display:table-cell; padding:0 1px 0 0; }

.header ul, .header li,
.navigation ul, .navigation li,
.path ul, .path li,
.icons ul, .icons li,
.tabnavigation ul, .tabnavigation li,
.baseline ul, .baseline li,
.footer ul, .footer li,
#pagination, #pagination li,
.links, .links li,
.list ul, .list li
#lstclr{ margin:0; padding:0; list-style-type:none; }

.noliststyle { list-style-type:none; }

/*.errorMessage{ display:block; margin:10px 0; padding:5px; color:#dd0000; background:#ffffcc; font-size:0.917em; border:1px solid #DEDEDE; }
.errorMessage a{ color:#F00; text-decoration:underline; }*/

.printMessage{ display:block; margin: 0 0 10px 0; padding:10px; color:#000; background:#ffffcc; border:1px solid #DEDEDE; }

/***** CLEARFIX *****/
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix {	display:block; }
* html .clearfix { height:1%; }

:focus{ outline:none;}

/***** screenreader *****/

.screenreader-visible
{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    
}


/***** Structure *****/
.container{ position:relative; margin:auto; width:1004px; text-align:left; }

/*** Header ***/
.header{position:relative; min-height:9.625em; }
.header .logo{ float:left; }
.header .logo a{ display:inline-block; }
.header .claim{ font-weight:bold; float:left; margin-left:95px; padding-top:100px; font-size:1em; color:#109cd5; font-family: 'futura_ltlight'; font-size:1.5em; }

.header .social-buttons{ position: absolute;top: 0.625em; right:17.875em;  width:6.875em; }
.header .social-buttons li{ display:inline; float:left; margin-left: 0.625em; }
.header .social-buttons li a{ display:block; width:1.563em; height:1.563em;   }
/*.header .social-buttons li.facebook a{ background:url("ImgFormaposte/icon-fb.png") no-repeat left; } 
.header .social-buttons li.twitter a{background:url("ImgFormaposte/icon-twitter.png") no-repeat left; } 
.header .social-buttons li.rss a{background:url("ImgFormaposte/icon-rss.png") no-repeat left; } */

.header .direct-acces{ float:right; background:url("ImgFormaposte/picto-logo.jpg") no-repeat right; height:1.750em; width:15.625em; padding:0.650em;}
.header .direct-acces a{ font-family: 'futura_bk_btbook'; font-size:0.850em; text-decoration:underline; line-height:2.875em; padding:0.650em;}

.header .search
{
    position:absolute;
    background-color:#109cd5;
    width:14.750em;
    height:3.375em;
    right:0;
    top:85px;   
}

.header .search form{ padding:0.688em 0.8em;}
.header .search .inputText{ width:12em; padding:0.500em 0 0.500em 0.500em; }
.header .search .inputButton{ position: absolute; bottom:0.875em; right:7px; top:11px; height:2.6em; padding:0 4px; }


/*** Navigation ***/
.navigation{ z-index:10; position:relative; min-height:32px; _height:32px; clear:both; float:left; width:100%; margin-left:6px;  }
.navigation ul li{ z-index:10; position:relative; float:left; padding:9px 12px; margin-right:4px; background:#109cd5; height:14px; }
.navigation ul li a{ font-weight:bold; display:block; height:22px;  text-align:center; color:#FFF; text-decoration:none; text-transform:uppercase; /* font-family: 'futura_ltlight'; */ }
.navigation ul li a:hover, .navigation ul li.on a, .navigation ul li:hover a{ color:#646263;  }

.navigation ul li.on, .navigation ul li.hover, .navigation ul li:hover{ background-color:#c5ecfc;  }
.navigation ul li.hover a, .navigation ul li.on a{ color:#646263; text-decoration:underline; }
.navigation ul li.hover ul li a{ text-decoration:none; }
.navigation ul li.hover ul li a:hover{ text-decoration:underline; }
.navigation ul li a{ font-size:0.78em;}

.navigation ul li ul,
.navigation ul:hover li ul,
.navigation ul:hover li.hover ul{ display:none; position:absolute; top:32px; left:0;  color:#646263;  }
.navigation ul li.on ul{ }
.navigation ul li:hover ul,
.navigation ul li.hover ul,
.navigation ul:hover li:hover ul{ display:block;  }
.navigation ul li ul li{ float:none;height: inherit; padding:7px 15px 7px 15px; background:#c5ecfc; color:#646263; border-bottom:#fff 1px solid!important;  width:208px;}
.navigation ul li ul li a{ display:block; height:auto; background:#c5ecfc; color:#646263; text-align:left;text-decoration:none;}

.navigation ul li ul li a:hover{ text-decoration:underline; }

.navigation ul .navgroup{}


.navigation ul .textsizer{ text-align:center; color:#fff; font-size:0.917em; white-space:nowrap; margin-right:0; padding:0; }
.navigation ul .textsizer *{ margin:0 2px; padding:0; color:#fff; background:none; font-weight:bold; border:0; }
.navigation ul .textsizer form{ margin:0; background:#109cd5; }
.navigation ul .textsizer .bigger{ font-size:1.182em; cursor:pointer; margin:0 10px 0 0; font-size:1em; position:relative; right:4px;}
.navigation ul .textsizer .smaller{ cursor:pointer; margin:0 0 0 10px; font-size:0.82em;  position:relative; left:4px;  line-height:1.250em;}
.navigation ul .textsizer:hover{ background:#109cd5; }

.fontSize0 .content{ font-size:1em; }
.fontSize1 .content{ font-size:1.25em; }
.fontSize2 .content{ font-size:1.5em; }
.fontSize3 .content{ font-size:1.75em; }
.fontSize4 .content{ font-size:2em; }

/*** Path ***/
.path{ clear:both; padding:20px 0; font-size:0.750em; margin-left:6px;  }
.path span{ position:absolute; color:#979393; }
.path .mask{ padding:0 215px 0 6.5em; }
.path ul{ overflow:hidden; }
.path ul li{ float:left; margin:0 0 0 -10px; padding:0 20px 0 10px;  white-space:nowrap;  color:#979393; background:url("ImgFormaposte/dark-gt.gif") no-repeat left;}
.path ul li a{  color:#979393; font-size:1em; }
.path ul li a:hover{ color:#615a9e; }
.path.hidden{ display:none; }



/*** OVERALL ***/

.icons{ z-index:2; position:relative; float:right; text-align:right; }
	.icons a,
	.icons input{ display:inline-block; margin:0; padding:0 30px 0 0; font:normal 0.75em/2.3em 'futura_bk_btbook', Arial, sans-serif; text-decoration:underline; border:0; }
	.icons a:hover,
	.icons input:hover{ text-decoration:none; }
	.icons input{ margin:0 -2px; height:2.3em; }
	
	.icons .mail{ background:url("ImgFormaposte/icon-sendfriend.png") no-repeat right; }
	.icons .print{ background:url("ImgFormaposte/icon-print.png") no-repeat right; color:#454545; }

.pagetitle{ color:#615a9e; z-index:2; position:relative;/* display:inline;*/ width:870px; font:normal 1.5em/1.25em 'futura_hv_btheavy', Arial, sans-serif; text-transform:uppercase; }
.sub{ z-index:2; position:relative; clear:both; display:block; margin:0 0 20px; height:15px; background:#FFF; border:0; border-bottom:1px solid #000; }

.pagetitleReserve {width:610px;}


.reserve{ margin-right:257px; }

.bloc{ height:auto; overflow:hidden; font-family: 'futura_bk_btbook'; }
	.bloc .texte { margin:10px 0 0 0; }
	.bloc .media{ float:left; margin:0 20px 20px 0; }
	.bloc .media img{ border:1px solid #EEE; behavior:url(../Includes/Css/PIE.htc); box-shadow:0 0 5px #CCC; }
	.bloc p strong{ /*font-family: 'futura_hv_btheavy';*/}
	.bloc p, .t1 p, .t1 div, .bloc span, .bloc strong{ font-family: 'futura_bk_btbook';}
	.mediacentertop .media, .mediafile
	.mediacenterbottom .media{ clear:both !important; float:none !important; margin:10px 0 !important; width:auto !important; text-align:center !important; }
	.mediacentertop .media img,
	.mediacenterbottom .media img {width:100%; height:auto;}
	
	.medialeft .media{ float: left!important; margin:0 20px 20px 0 !important; }
	.mediaright .media{ float:right !important; margin:0 0 20px 20px !important; }
	
	.medialeft .clear{ display:none;}
	
	.bloc .title{ margin:30px 0 30px; font:normal 1.5em/1em 'futura_ltlight', Arial, sans-serif; text-transform:uppercase; color:#979393; padding:0!important; }
	.bloc .text + .title{ margin-top:30px; }
	.bloc .subtitle, .bloc h4{ margin:0 0 1em; /*font-weight:bold;*/ }
	.bloc .text{ margin:0 0 1em; font-size:0.9375em; line-height:1.05em; }
	
	.bloc .title span{ font-family:'futura_ltlight', Arial, sans-serif!important;}


	
.testimonybox{ z-index:1; position:relative; float:right; margin:-100px 0 20px 20px; color:#FFFFFF; background:#7266B1; }
	.testimonybox img{ z-index:1; position:absolute; top:0; right:0; }
	.testimonybox .text{ z-index:2; position:relative; padding:200px 240px 30px 41px; min-height:106px; width:210px; line-height:1.25em;  background:url("ImgFormaposte/testimony-bg-noimage.png") no-repeat 0 bottom;  }
	.testimonybox .text p {
        background: url("ImgFormaposte/testimony-bg.png") no-repeat scroll 0 -215px #8577C0;
    }

	.testimony .start,
	.testimony .end{  color:#B3B0CF; }
	.testimony .start{ float:left; margin:-1px 0 0 -9px; }
	.testimony .end{ /*float:right;*/ margin:-4px 0 0 4px; }

.whoweare .testimonybox { background:#fff;}
.whoweare .testimonybox .text{ background:url("ImgFormaposte/testimony-bg.png") no-repeat top; } 
.whoweare .subtitle{ font: 1.3em/1em 'futura_ltlight',Arial,sans-serif; display:block; padding:1em 0 0 0;}

.dispositifs .testimonybox{ background:none; }
.dispositifs .testimonybox .text{ background:url("ImgFormaposte/testimony-bg-noimage.png") no-repeat 0 bottom; } 
.dispositifs h3{ font: 1.5em/1em 'futura_ltlight',Arial,sans-serif; display:block; /*padding:1em 0 0 0;*/ }



.tabs{ clear:both; margin:0 0 20px; }
	
	.tabnavigation{ float:left; }
	.tabsright .tabnavigation{ float:right; }
		.tabnavigation li{ float:left; margin:0 3px 0 0; }
		.tabsright .tabnavigation li{ margin:0 0 0 3px; }
		.tabnavigation li a,
		.tabnavigation li h2,
		.tabnavigation li h3,		
		.tabnavigation li h4{float:left; padding:0 18px; font:normal 0.875em/2.286em 'futura_hv_btheavy', Arial, sans-serif; text-transform:uppercase; }
		.tabnavigation li a{ color:#FFF; background:#615a9e; }
		.tabnavigation li h3,
		.tabnavigation li h2,
		.tabnavigation li h4{ font-family:'futura_bk_btbook', Arial, sans-serif; background:#e9e8f0; }
	
	.tabcontent{ clear:both; padding:35px 30px 15px; background:#e9e8f0; border-bottom:1px solid #615a9e; }
	
.thumbs{ padding:20px 1px 66px 1px; height:auto; overflow:hidden; }
	.thumbs .item{ position:relative; float:left; margin:0 0 20px 22px; width:305px; color:#FFF; }
	.thumbs .item img,
	.thumbs .item .text,
	.thumbs .item strong{ display:block; }
	.thumbs .item .text{ position:relative; margin:-20px 0 0; padding:20px 10px 10px; text-transform:uppercase; background:url("ImgFormaposte/thumb-violet.png") no-repeat top; }
	.thumbs .item strong{ margin:5px 0 -5px; padding:0 0 5px; width:235px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.thumbs .item em{ float:right; }
	.thumbs .item .video{ position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-999px; background:url("ImgFormaposte/play.png") no-repeat 50% 36%; }
	
.tv .tabnavigation h4{ background:#EFEEF5; }
.tv .tabcontent{ background:url("ImgFormaposte/tv_violet.png") no-repeat bottom right #EFEEF5; border-color:#615A9E; }

/*****HOME ALaUNE *****/
.home .news{  clear:both; padding:5px 0; margin-bottom:1.875em;}
.home .news .lien-alaune{ cursor:pointer; position:relative; z-index:1; }
.home .news .left{ position:relative; float:left; width:236px; min-height:317px; padding-top:60px;} 

.home .news .title-alaune{ padding:0 0 0.550em 1em; font-family: 'futura_hv_btheavy'; color:#d8d7d8; text-transform:uppercase; font-size:29px; }

.home .news .title{ 
    font-family: 'futura_ltlight';

    text-transform:uppercase;
    color:#979393;
    font-size:1.375em;
    padding-left:1.250em;
    padding-bottom:0.4em;

}
.home .news .text{ font-size:1em;  padding-right:1em; padding-left:1.250em; }
.home .news .text p
{
    clear:both;
    display:block;
    font-size:1em;
    text-align:left;
}
.home .news .text em
{
    clear:both;
    display:block;
    font-size:0.875em;
    text-align:right;
    padding:10px 0;
     font-family: 'futura_bk_btbook';
}

.home .news .text em span{ color:#109cd5; text-decoration:underline; }
.home .news .link{ margin-right:20px; margin-top:20px; z-index:2;  right:20px; text-align:right;  font-family: 'futura_bk_btbook'; }


/**** Boxs ****/
.boxs{ position:relative; clear:both; width:100%; }
.boxs .title{ padding:0.800em 0.625em; color:#fff; font-family: 'futura_ltlight'; font-size:1.375em; text-transform:uppercase; line-height:1.250em; }
.boxs .text{ color:#fff; font-size:0.875em; padding:0.4em 1em; font-family: 'futura_bk_btbook';}
.boxs .link{ position:absolute; right:0; bottom:-0.838em; text-align:center; font-family: 'futura_bk_btbook'; font-size:0.938em; background-color:#fff; padding:0.625em; padding-right:0;}

.boxs .push{ position:relative; display:inline; float:left;  color:#fff; width:14.750em; height:16.063em; margin-right:1.250em;}
.boxs .push form{  padding:1em; }
.boxs .push.job{ background:url("ImgFormaposte/push-jobalaune-fd.png") #615A9E no-repeat 0 0;}
.boxs .push.job .link a{ color:#615a9e; }
.boxs .push.job .text .titleJob{ font-weight:bold; }



.boxs .push.event{ background:url("ImgFormaposte/event-fd.png") #C6107E no-repeat 0 0;}
.boxs .push.event .link a{  color:#c6107e; }
.boxs .push.event .text .titleEvent{ font-weight:bold; }


.boxs .push.search-job{ background:url("ImgFormaposte/push-searchformation-fd.png") #80B42B no-repeat 0 0;}
.boxs .push.search-job .lab{ color:#fff;  font-family: 'futura_bk_btbook';  }
.boxs .push.search-job .select{  width:12.250em; line-height:1.250em; margin:0.625em 0; height:1.5em;  font-family: 'futura_bk_btbook';}
.boxs .push.search-job .select, .boxs .select optgroup, .boxs .select option{ color:#646263;font-weight:normal;    }
.boxs .push.search-job .link{ color:#80b42b; right:-2px;  }

.boxs .push.calendar{ z-index:1; position:absolute; top:-12.500em; right:0; background:url("ImgFormaposte/calendrier-fd.png") no-repeat left; margin-right:0;  width:14.688em; height:18.263em; padding-top:0.800em; }
.boxs .push.calendar .title{ padding:0; margin:0 2.5em 0.800em 0.625em; background-color:#109CD5;}

.boxs .push.calendar ul{ padding:0; list-style:none;}
.boxs .push.calendar.onevalue ul {padding-top:6px;}
.boxs .push.calendar .item{ position:relative; padding:0 1em; }
.boxs .push.calendar .item.first{ min-height:5.675em;}
.boxs .push.calendar .item.last{ min-height:6.250em;}
.boxs .push.calendar .item .date{ font-size:0.750em; color:#646263; font-weight:normal; padding:0 1em;}
.boxs .push.calendar .item .text a{font-family: 'futura_hv_btheavy'; font-size:0.813em; background-color:#fff; line-height:1.2em; }
 
.boxs .push.calendar .item .link{ font-size:0.838em; background-color:#109cd5; right:8px; bottom:0em}
.boxs .push.calendar .item.first .link{ padding-bottom:0.555em; bottom:0.4em;}
.boxs .push.calendar .item.last .link{ padding-bottom:0.555em; bottom:0.555em;}
.boxs .push.calendar .item .link a{ color:#fff; }
.boxs .push.calendar.onevalue {/*top:-7em;  background:url("ImgFormaposte/calendrier-onevalue-fd.png") no-repeat left; height:13.063em;*/}
.boxs .push.calendar .noValue{font-family: 'futura_hv_btheavy'; font-size:0.813em;color:#454545; }


.boxs .push.signin{ background:url("ImgFormaposte/push-inscription-fd.png") #109CD5 no-repeat 0 0; width:14.750em; height:8.938em; margin-right:0; margin-top:7.0em;}
.boxs .push.signin .title{ padding:2em 0.625em; }
.boxs .push.signin .link a{ color:#646263; }

//.newsdetail .media img{  height:auto; width:360px; }
	.newsdetail .texte{ margin:0 0!important; }
	.newsdetail h3{ margin:0 0 15px; font:normal 1.375em 'futura_ltlight', Arial, sans-serif; text-transform:uppercase; }
	.newsdetail .detaildate{ margin:2px 0 15px; }
	.newsdetail .extract{ margin:0 0 20px; font-size:1.0625em; }

.newsdetail h2{font-weight:bold;}

.list li{ position:relative; margin:10px 0 0; padding:10px; background:#E5F8FF; }
	.list .date{ position:absolute; top:10px; right:10px; } 
	.list a{ z-index:1; position:relative; display:block; padding:0 6em 0 0; }
	.list .title{ font-weight:bold; color:#109DD5; }
	
	
.events .tabcontent{ padding-right:0; }
	.events .item{ float:left; margin:0 20px 20px 0; width:220px; }
	.events .item img{ display:block; margin:0 0 10px; width:100%; }

/*****  MOTEUR DE RECHERCHE *****/

.jobsearch{ margin:20px 0; padding:0 20px 20px 0; font-size:0.917em;  }
.jobsearch fieldset{ display:block; float:left; margin:0; padding:0; width:100%; position:relative; left:-17px;}
.jobsearch legend, .jobsearchmain .title{ margin:0 0 20px; font-size:1.367em; font-weight:normal; display:inline; float:left; padding-left:17px;   }
.jobsearch .bolder{ margin:0 0 10px;  font-family: 'futura_ltlight';}

.jobsearch .field{ position:relative; display:inline; float:left; margin:12px; }
.jobsearch .field label{ /*display:none; padding-right:5px; width:150px; font-weight:bold;*/}
.jobsearch .field .mask{  display:inline; float:left; width:225px; overflow:hidden; margin-right:20px; }

.jobsearch .field select{ float:left; width:280px; margin:2px 5px;  color:#615a9e; font-family: 'futura_hv_btheavy'; border:1px #CCCCCC solid;padding: auto 0; height:30px;}
.jobsearch .field option {padding-top:5px;}
.jobsearch div.field.last select{width:180px;}
.jobsearch div.field.diplome select{width:250px;}


.jobsearch .field span{  float:left;   color:#615a9e; border:none;font-size: 1em; }
.jobsearch .field .jqTransformSelectWrapper { background-color:#fff;  border: 1px solid #CCCCCC; }
.jobsearch .field .jqTransformSelectWrapper div span { font-size:1em; font-family: 'futura_bk_btbook'; line-height:11px; }
.jobsearch .field .jqTransformSelectWrapper a.jqTransformSelectOpen { background-position: 0 10px;}
.jobsearch .field .jqTransformSelectWrapper ul a {font-family: 'futura_bk_btbook'; /*text-transform:uppercase;*/ border:none;  }
.jobsearch .field .jqTransformSelectWrapper a.jqTransformSelectOpen {	right: 0px; top:0px;}
.jobsearch .button{ margin:0 0 0 231px; }
.jobsearch .button .inputButton{ cursor:pointer; display:inline-block; vertical-align:middle; padding:1px 5px; margin:0 5px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.182em; color:#7B2F5B; background:#FFF; border:1px solid #7B2F5B; }
.jobsearch .button .inputButton:hover{ color:#FFF; text-decoration:underline; background-color:#a8437d; }


div.content .frm input {height:27px;}
div.content .contact .frm select{ text-transform:none; display:inline; float:left; width:260px; margin: 0 0 1em;   border:none; color: #615A9E; font-family: 'futura_bk_btbook';}
div.content .contact .frm span{ float:left;  color:#615a9e; font-family: 'futura_bk_btbook'; /*text-transform:uppercase;*/ border:none; }
div.content .contact .jqTransformSelectWrapper div span { font-size:1em; font-family: 'futura_bk_btbook'; line-height:11px; }
div.content .contact .frm .jqTransformSelectWrapper {width: 56.55%!important; background-color:#fff;  border: 1px solid #CCCCCC; margin-right: 0; margin-top:2px; }
div.content .contact .frm .jqTransformSelectWrapper a.jqTransformSelectOpen { background-position: 0 10px; top:-2px;}
div.content .contact .frm .jqTransformSelectWrapper ul a { font-family: 'futura_bk_btbook'; /*text-transform:uppercase;*/ border:none; }

div.content .contact .frm .row{ clear:both; display:block;}
div.content .contact .frm .row span{ line-height: 29px; margin-left: 7px; width:260px;}
div.content .contact .frm .div_recap {padding-top:15px;}
div.content .contact .buttons {clear: both;display: block;}
/*div.content .contact .frm .back { border: 1px solid #CCCCCC;  margin-right: 7px;   margin-top: 3px;margin-top:6px; cursor:pointer;}*/

div.content .contact .frm .back{ cursor:pointer; padding:4px; font-size:1em; background-color:#109cd5; color:#fff; float:left; margin:1.4em -16px -16px 0; border:none; }


div.content .contact fieldset .mask{  display:inline; float:left; width:233px; overflow:hidden; margin-right:20px;    }
div.content .contact fieldset select{ display:inline; float:left; width:260px; margin:10px 2px; vertical-align:middle;  color:#615a9e; font-family: 'futura_hv_btheavy'; text-transform:uppercase; border:none; }
div.content .contact fieldset .asc{ position:absolute; right:47px; top:1em; }


.jobsearch .send{ border:none; position:absolute; right:-35px; top:-3px; background-color:#615a9e; color:#fff; font-family: 'futura_bk_btbook'; padding:5px 10px; }

.jobsearchmain .gradient .title{ margin-bottom:5px; font-weight:bold; min-height:40px; }
.jobsearchmain .gradient .text, .jobsearchmain .gradient .link{ float:none; width:auto; }
.jobsearchmain .gradient .text{ min-height:6.1em; _height:6em; line-height:1.21em; }
.jobsearchmain .gradient .text p{ margin:0; font-size:1em; }
.jobsearchmain .gradient .link{ min-height:2.6em; _height:2.6em; }

/*** PAGINATION ***/
#pagination { display:inline-block; width:100%; text-align:center; padding:20px 0;  }
#pagination li{
    border:0;;
    list-style:none;
    display:inline-block;
}
#pagination li:after{ content:"-"}
#pagination li.last:after{ content:""}
#pagination a, #pagination span{
    margin-right:2px;
    font-family: 'futura_ltlight';
    font-size:1em;
    font-weight:bold;
     padding:3px 6px;
    
}
#pagination a:hover{ text-decoration:underline; }

#pagination .on{
   color:#615a9e;
   font-family: 'futura_ltlight';
   font-size:1em;
    font-weight:normal;
}

#pagination a:link,
#pagination a:visited {
    color:#615a9e;
    display:inline-block;
    padding:3px 6px;
    text-decoration:underline;
}
#pagination a:hover{
    color:#615a9e;
}


/*** TABLEAU FORMATION  ***/
 
.content .formation{ clear:both; margin-top:20px;}
.formation h2{ color:#615a9e; }


.formation table{
	margin:0 auto;
	padding:0;
	background:url("ImgFormaposte/entete_tableau.png") no-repeat top left;
	width:100%;
}


.formation p{ line-height:24px; font-size:14px; padding-bottom:25px; display:block; }
.formation p strong{ color:#e20079!important;  font-weight:normal!important;}
.formation p a { color:#6d6d6d;}
.formation p a:hover { text-decoration:underline;}

.formation .tab-jobs{ display:block; clear:both; }

.formation table a {}
.formation table a:hover{}

.formation table thead{border-bottom:1px solid #7972b8;     margin-bottom: 55px; }
.formation table caption{ text-indent:-100000px;}

.formation table th{  padding:0 0 0 15px;  height:4em; vertical-align:middle; }
.formation table th{ font-family: 'futura_ltlight'; color:#979393; font-size:1.250em; text-transform:uppercase;  text-align:left; vertical-align:middle; font-weight:normal;}
.formation table th a{ position:relative; top:15px; left:-2px;}
.formation table tr.show{ cursor:pointer; position:relative; }
.formation table tbody th {height:auto;}
 
.formation .diplomaPreparedCalendar {width:200px;}
.formation .durationCalendar {width:60px;}
.formation .placeTheoriqueCalendar {width:100px;}
.formation .placePratiqueCalendar {width:100px;}
.formation .endInscriptionCalendar {width:100px;}
.formation .startInscriptionCalendar {width:100px;}
.formation .startDateTrainingCalendar {width:100px;}
 
 
.formation.calendar th.duree{ } 

.formation table tr.separe {margin-top:55px;}

.formation .detailTrainingContent {cursor:pointer;}
.formation table tr.separe .detailTrainingContent{margin-top:0px; }
.formation .detailTrainingContent a{ position:relative; :block; margin:0; padding:0; height:100%;}

.formation table .detailTraining {padding:0;border:0 !important;padding-bottom:0;}
.formation table .detailTrainingCalendar {padding:0;border:0 !important;padding-top:0;padding-bottom:0;min-height:0px}

.formation table td{  word-wrap:break-word; text-align:left; padding:15px; vertical-align:middle; position:relative; }
.formation.calendar table td{ margin-left:15px; word-wrap:break-word; } 
.formation table td span{  width:inherit; display:inline-block; word-wrap:break-word; font-family: 'futura_ltlight'; font-size:1em;}
.formation table th span{  width:100%; display:inline-block; word-wrap:break-word; font-family: 'futura_ltlight'; font-size:1em;}

.formation table td span.place{  } 
.formation table td span.diplomaPrepared{font-family: 'futura_hv_btheavy'; }
.formation table td.first{ font-family: 'futura_hv_btheavy'; font-size:1.375em; text-transform:uppercase; font-weight:bold; white-space: normal;padding-top:0;padding-bottom:0;  }
.formation.calendar td.first{text-align:left; } 
.formation th.first span.trainingName{ font-size:0.75em; text-transform: none; color:#979393; }
.formation tbody th.first {font-weight:bold;font-size:1.375em}




.formation table td .bullet
{
    position: absolute;
    right:-10px;
    top:50%;
    margin-top:-10px;
    
    width:20px;
    height:20px;   
}


.formation .jaune .detailTrainingContent .bullet
{
  background-image: url("ImgFormaposte/over_p_jaune.png");
  background-repeat:no-repeat;
  background-position: 0 0;
       
}

.formation .rouge .detailTrainingContent .bullet
{
 background-image: url("ImgFormaposte/over_p_rouge.png");
  background-repeat:no-repeat;
  background-position: 0 0;   
}

.formation .rose .detailTrainingContent .bullet
{
  background-image: url("ImgFormaposte/over_p_rose.png");
  background-repeat:no-repeat;
  background-position: 0 0;   
}

.formation .vert .detailTrainingContent .bullet
{
  background-image: url("ImgFormaposte/over_p_vert.png");
  background-repeat:no-repeat;
  background-position: 0 0;  
}

.formation .bleu .detailTrainingContent .bullet
{
  background-image: url("ImgFormaposte/over_p_bleu.png");
  background-repeat:no-repeat;
  background-position: 0 0;  
}

.formation .orange .detailTrainingContent .bullet
{
  background-image: url("ImgFormaposte/over_p_orange.png");
  background-repeat:no-repeat;
  background-position: 0 0; 
}

.formation .detailTrainingContent .over .bullet, .formation .detailTrainingContent .bullet.on{ background-position: 0 -20px!important; }

.formation .detailTrainingContent table {background-image:none; height:100%}
.formation .detailTrainingContent { position:relative;}

.formation .jaune td .detailTrainingContent { background-color:#fdefcd; height:100%; }
.formation .rouge td .detailTrainingContent { background-color:#f8dddd; height:100%;  }
.formation .rose td .detailTrainingContent { background-color:#f3cee4; height:100%;  }
.formation .vert td .detailTrainingContent { background-color:#e4efd2; height:100%;  }
.formation .bleu td .detailTrainingContent { background-color:#cce6eb; height:100%;  }
.formation .orange td .detailTrainingContent { background-color:#f8e0cc; height:100%;  }

.formation .jaune td .detailTrainingContent:hover{ background-color:#fbe2a5; height:100%; }
.formation .rouge td .detailTrainingContent:hover { background-color:#f3c2c2; height:100%;  }
.formation .rose td .detailTrainingContent:hover { background-color:#eaa6cf; height:100%;  }
.formation .vert td .detailTrainingContent:hover { background-color:#cfe3ae; height:100%;  }
.formation .bleu td .detailTrainingContent:hover { background-color:#a3d2db; height:100%;  }
.formation .orange td .detailTrainingContent:hover { background-color:#f2c7a4; height:100%;  }


.formation #activity_sector { width:182px; }
.formation #prepared_diplome { width:140px; }
.formation #name_training { width:90px; }
.formation #required_diploma { width:90px; }
.formation #type_training { width:125px; }
.formation #activity_place { width:140px; }

.formation .detailTrainingContent .diplomaPrepared {width:140px;}
.formation .detailTrainingContent .name_training {width:90px;}
.formation .detailTrainingContent .required_diploma {width:90px;}
.formation .detailTrainingContent .type_training {width:125px;}
.formation .detailTrainingContent .activity_place {width:140px;}


.formation .jaune td.first, .formation .rouge td.first{ background-color:#fff; }
.formation .rose td.first, .formation .vert td.first{ background-color:#fff; }
.formation .bleu td.first, .formation .orange td.first{ background-color:#fff; }

.formation .jaune th.first{ color:#e7a729; }
.formation .jaune th.first a{ color:#e7a729; }
.formation .rouge th.first{ color:#de5757; }
.formation .rouge th.first a{ color:#de5757; }
.formation .rose th.first{ color:#d652a2; }
.formation .rose th.first a{ color:#d652a2; }
.formation .vert th.first{ color:#7ab120; }
.formation .vert th.first a{ color:#7ab120; }
.formation .bleu th.first{ color:#3399af; }
.formation .bleu th.first a{ color:#3399af; }
.formation .orange th.first{ color:#e28335; }
.formation .orange th.first a{ color:#e28335; }

.formation .jaune td{ border-bottom:#f4ae05 1px solid;}
.formation .rouge td{ border-bottom:#eb9a9a 1px solid;}
.formation .rose td{ border-bottom:#c6107e 1px solid; }
.formation .vert td{ border-bottom:#7eb327 1px solid; }
.formation .bleu td{ border-bottom:#08849e 1px solid; }
.formation .orange td{ border-bottom:#dc690a 1px solid; }

.formation .jaune td.first{ border-bottom:#fff 1px solid; }
.formation .rouge td.first{ border-bottom:#fff 1px solid; }
.formation .rose td.first{ border-bottom:#fff 1px solid; }
.formation .vert td.first{ border-bottom:#fff 1px solid; }
.formation .bleu td.first{ border-bottom:#fff 1px solid; }
.formation .orange td.first{ border-bottom:#fff 1px solid; }

/*.formation .jaune.last .first{ border-bottom:#f4ae05 1px solid; }
.formation .rouge.last .first{ border-bottom:#eb9a9a 1px solid; }*/

.formation .asector  td{ position:relative!important; cursor:pointer;}

.formation .jaune.accordioncontent td{ background-color:#f6bb2d; }
.formation .jaune.accordioncontent td:hover{ background-color:#f4b10d; }

.formation .rouge.accordioncontent td{ background-color:#e57979; }
.formation .rouge.accordioncontent td:hover{ background-color:#df5e5e; }

.formation .rose.accordioncontent td{ background-color:#cd308f; }
.formation .rose.accordioncontent td:hover{ background-color:#c6107e; }

.formation .vert.accordioncontent td{ background-color:#8fbd44; }
.formation .vert.accordioncontent td:hover{ background-color:#7eb327; }

.formation .bleu.accordioncontent td{ background-color:#2994ab; }
.formation .bleu.accordioncontent td:hover{ background-color:#08849e; }

.formation .orange.accordioncontent td{ background-color:#e17d2a; }
.formation .orange.accordioncontent td:hover{ background-color:#dc690a; }

.formation .accordioncontent td .puce
{
     position: absolute;
    right:-12px;
    top:50%;
    margin-top:-10px;
    
    width:20px;
    height:20px; 
    
    background-image: url("ImgFormaposte/puce_expand.png");
    background-repeat:no-repeat;
    background-position: 0 0;   
}

.formation .jaune.accordioncontent td.first, .formation .rouge.accordioncontent td.first{ background-color:#fff;}
.formation .rose.accordioncontent td.first, .formation .vert.accordioncontent td.first{ background-color:#fff;}
.formation .bleu.accordioncontent td.first, .formation .orange.accordioncontent td.first{ background-color:#fff;}

.formation .inscriptionStartDate{ font-family: 'futura_bk_btbook';}

.formation .accordioncontent{ width:50.000em; }
.formation .accordioncontent span, .formation .accordioncontent a span{  font-family: 'futura_bk_btbook'; color:#fff; display: inline; }
.formation .detail{ font-family: 'futura_bk_btbook'; color:#fff; display:block; }
.formation .toggle{}
.formation .accordioncontent a:hover{ text-decoration:none; }

.formation .sector{}
.formation .jaune{ }
.formation .rouge{ }

.dispositifs h3{ text-transform:uppercase; }
.dispositifs .formation .grey td{ background-color:#efeef5; }
.dispositifs .formation .grey{ border-bottom: 1px solid #7972B8; }
.dispositifs .formation .sector{ color:#615A9E;}
.dispositifs .formation .notes{ font-size:13px;  font-family: 'futura_ltlight';}

.conditions .tabs{ position:relative; }
.conditions .tabs p{ padding:0 0 1em 0 } 
.tabs .button{ background-color:#615a9e; color:#fff; font-size:20px; font-family: 'futura_bk_btbook'; position:absolute; right:0; bottom:0; padding:5px 10px; }


/*** PARTNERS ***/

.partners{ }
.partners .pagetitle{color:#615a9e;}
.partners hr.sub{ border-bottom:1px solid #615a9e; }

.partners .mapleft{ clear:both; display:inline; float:left; width:100%; margin:3em 0 0 0; background-color:#efeef5; border-bottom:1px solid #615a9e; }

.partners #map_canvas 
{
    margin:0;
    padding:0;
    width: 502px;
    height: 532px;
    border-right:1px solid #b4b0d6; 
}

.partners .mapleft .media{  float:left; margin:0!important;  }
.partners .mapleft .maplist{  float:left; width:500px; height: 532px; overflow:hidden;  }

.partners .mapleft .maplist .back{ position:absolute; padding-left:20px; background:url("ImgFormaposte/back-chevron.png") no-repeat left; }
.partners .mapleft .maplist .back a{ color:#615a9e; text-transform:uppercase; text-decoration:none;}
.partners .mapleft .maplist .title{ text-align:center; }
.partners .mapleft .maplist .lieu{ color:#615a9e;  font-family: 'futura_hv_btheavy'; text-transform:uppercase; }
.partners .mapleft .maplist .moredetails{ font-family: Arial, sans-serif; color:#615a9e; font-size:14px; float:right; padding-right:20px; background:url("ImgFormaposte/detail-chevron.png") no-repeat right; text-decoration:none; }


.partners .listpartners{ position: relative; padding:25px 0 25px 25px; height: 482px; }
.partners .listpartners ul{ overflow: auto; height: 401px; padding-right:25px;  }
.partners .listpartners li{ color:#615a9e; padding:20px 0; border-bottom:#d3d0e4 1px solid;  font-family: 'futura_hv_btheavy';}


.partners .citypartners{ position: relative; padding:25px 0 25px 25px; height: 482px; }
.partners .citypartners ul{ overflow: auto; height: 401px; padding-right:25px;  }
.partners .citypartners li{ color:#646263; padding:20px 0; border-bottom:#d3d0e4 1px solid; line-height:20px; }
.partners .citypartners li span{ color:#615a9e;  font-family: 'futura_hv_btheavy'; font-size:1em;}

.partners .detailpartners{ position: relative; padding:25px; height: 482px; }
.partners .detailpartners .tablecell{ display:table-cell; vertical-align:middle; width:300px; padding-left:75px; height: 482px; }
.partners .detailpartners .tablecell h5{ font-size:20px; }
.partners .detailpartners .tablecell p{ line-height:20px; }
.partners .detailpartners .tablecell p span{ display:block; border-bottom:#d3d0e4 1px solid; padding:10px 0;  }
.partners .detailpartners .tablecell p span.last{ display:block; border-bottom:#d3d0e4 1px solid; padding:10px 0;  }
.partners .detailpartners .extlink{  float:right; padding-right:20px; background:url("ImgFormaposte/detail-chevron.png") no-repeat right; }
.partners .detailpartners .extlink a{ color:#615a9e; font-size:14px;  text-decoration:none;  }


.partners .regionpartners{ position: relative; padding:50px; height: 432px; }
.partners .regionpartners .title{ border-bottom:#d3d0e4 1px solid; padding-bottom:10px;}

.searchcity .field{ position:relative; display:inline;float:left; margin:0 0 12px; width:400px;  border-bottom:1px solid #615a9e; padding-bottom:10px;  }
.searchcity .field label{ font-family: 'futura_hv_btheavy'; font-size:0.95em;  color:#615a9e; display:block; padding-right:5px;  padding-top:5px; text-transform:uppercase;}
.searchcity .field .mask{  display:inline; float:left; width:180px; overflow:hidden; margin-right:20px;    }

.searchcity .field select{ display:inline; float:left; width:100%; width:400px; margin:10px 0;  color:#615a9e; border:none; font-family: 'futura_ltlight';   background:#efeef5;}
/*.searchcity .field span{ position:absolute;top:5px; }*/


/*** PAGE CONTACT ****/
div.content .contact{ border-bottom:#109cd5 1px solid; padding-bottom:1em;}
div.content .contact .pagetitle{ color:#109cd5; }
div.content .contact .mailto{ color:#109cd5; text-decoration:underline; }
div.content .contact a.mailto:hover{ text-decoration:none; }
div.content .contact hr.sub{ border-bottom:1px solid #109cd5; }

div.content .contact p.text{ margin:0 0 1em 0;}

div.content .contact .frmleft .frm{ float:left !important; margin:0 20px 20px 0 !important; }
div.content .contact .frmright .frm{ float:right !important; margin:0 0 20px 20px !important; }
div.content .contact .frm{ position: relative; background:url("ImgFormaposte/contact-fd.png") no-repeat #E6F8FF; border-bottom:1px solid #55B8E0; width:493px; }
div.content .contact .frm legend{ padding:1em 0 0 0; margin-bottom:0;}
div.content .contact .frm form{ padding:1em; } 
div.content .contact fieldset{ width:100%; display:block;  clear:both;}
div.content .contact .rowElem{ position:relative; display:inline-block; width:100%;  }

div.content .contact .frmleft .frm{ float:left !important; margin:0 20px 20px 0 !important; }
div.content .contact .frmright .frm{ float:right !important; margin:0 0 20px 20px !important; }
div.content .contact .frmright .adress{  float:left !important;  margin:0 0 20px 20px !important;}
div.content .contact .frm{ position: relative; background:url("ImgFormaposte/contact-fd.png") no-repeat #E6F8FF; border-bottom:1px solid #55B8E0; width:493px; }
div.content .contact .frm legend{margin:10px 0 30px; padding:2em 0 0 0; margin-bottom:0;}
div.content .contact .frm form{ padding:1em; } 
div.content .contact fieldset{ width:100%; display:block;  clear:both;}
div.content .contact .rowElem{ position:relative; display:inline-block; width:100%;  }

div.content .contact .rowElem.selectbox{min-height:42px;}
div.content .contact .rowElem .select{ position:relative; display:inline-block; width:250px;  }


#ctl00_ctl00_MainBody_T1Body_div_confirmation .rowElem{ padding-top:20px; }
div.content .contact .frm label{ font-family: 'futura_bk_btbook'; display:inline; float:left; width:40%; font-size:0.920em; line-height:27px;  vertical-align:middle; text-align:right; padding-right:5px; }
div.content .contact .frm .labselect{ line-height:29px;  }


div.content .contact fieldset .mask{  display:inline; float:left; width:233px; overflow:hidden; margin-right:20px;    }
div.content .contact fieldset select{ display:inline; float:left; width:260px; margin:10px 2px; vertical-align:middle;  color:#615a9e; font-family: 'futura_hv_btheavy'; text-transform:uppercase; border:none; }
div.content .contact fieldset .asc{ position:absolute; right:47px; top:1em; }
div.content .contact fieldset .text{ font-family: 'futura_bk_btbook';  color:#615a9e;  }
div.content .contact fieldset .large{ width:56.5%;  }
div.content .contact fieldset textarea{ font-family: 'futura_bk_btbook';  font-size:0.920em; color:#615a9e; width:260px;  }

div.content .contact #counter{  font-family: 'futura_bk_btbook';font-size: 0.833em; text-align:right; padding:5px 0; color:#646263;}


div.content .contact fieldset .errorField{ border:2px solid #C6107F; }
div.content .contact  span.errorMessage{ margin:10px 0 0; padding:0; margin-bottom:10px; color:#C6107F;  background:none; border:0; }

div.content .contact .frm em{ display:block; margin-left:1em; padding-bottom:20px; color:#646263!important; font-size:12px!important; }
div.content .contact .submit{ cursor:pointer; display:inline-block; padding:4px; font-size:1em; background-color:#109cd5; color:#fff; float:right; margin:1.4em -16px -16px 0; border:none; }


/*** PAGE REGISTER ****/
.errorList li{text-align:left; min-height:20px;}

div.content .register .buttons .back {cursor:pointer;}
div.content .register .buttons {clear: both; display: block;}
div.content .register .intro{padding-left:10px;font-size: 14px;}

div.content .register{ border-bottom:#109cd5 1px solid; padding-bottom:1em;}
div.content .register .pagetitle{ color:#109cd5; }
div.content .register .mailto{ color:#109cd5; text-decoration:underline; }
div.content .register a.mailto:hover{ text-decoration:none; }
div.content .register hr.sub{ border-bottom:1px solid #109cd5; }

div.content .register p.text{ margin:0 0 1em 0;}

div.content .register .frm .mandatory{margin-top: 25px;}
div.content .register .frmleft .frm{ float:left !important; margin:0 20px 20px 0 !important; }
div.content .register .frmright .frm{ float:right !important; margin:0 0 20px 20px !important; }
div.content .register .frm{ position: relative; background-color:#E6F8FF; border-bottom:1px solid #55B8E0; width:100%; }
div.content .register .frm legend{ padding:10px; margin-bottom:0;}
div.content .register .frm h2{ padding:10px; margin-bottom:0;}
div.content .register .frm form{ padding:2em; } 
div.content .register fieldset{ width:100%; display:block;  clear:both;}

div.content .register .rowElem{ position:relative; display:inline-block; width:100%;  line-height:15px; padding-bottom:10px;}
div.content .register .rowElem p{ display:block; line-height:27px; }
div.content .register .rowElem p a{ text-decoration:underline; }

div.content .register .rowElem.checkbox div{ display:inline-block;} 
div.content .register .rowElem.first div{ padding:3px 0 0 0; } 
div.content .register .rowElem.last div{  padding:3px 0 0 0; } 

#ctl00_ctl00_MainBody_T1Body_div_confirmation .rowElem{ padding-top:20px; }

div.content .register .frm label{ font-family: 'futura_bk_btbook'; display:inline; float:left; width:40%; font-size:0.910em; line-height:34px;  vertical-align:middle; text-align:right; padding-right:5px; }
div.content .register .frm #ctl00_ctl00_MainBody_T1Body_step2 label{ width:20%;  }
div.content .register .frm #ctl00_ctl00_MainBody_T1Body_step2 .align{line-height:42px;margin-left:7px; }
div.content .register .frm span.align{line-height:42px;margin-left:7px;}
div.content .register .frm .row{ clear:both; display:block;}
div.content .register .frm .labselect{ line-height:30px!important; }

div.content .register .rowElem.birthday input{ float:left; padding:0 4px;}
div.content .register .rowElem.birthday span{ position:relative; top:8px;}

div.content .register .frm input.birthInput {margin-left:7px;}
div.content .register .frm input {  border: 1px solid #CCCCCC;  margin-right:7px;margin-top:3px;  }
div.content .register .frm .slashBirth {padding-top:3px;}
div.content .register .frm .step2 input{height:30px; }
div.content .register .frm .step2 label{line-height:42px;}
div.content .register .frm .step2 select{ width:500px; }

div.content .register .frm select{ display:inline; float:left; width:240px; margin:2px 5px;  color:#615a9e; font-family: 'futura_hv_btheavy'; text-transform:uppercase; border:none; }
div.content .register .frm span{ float:left;   color:#615a9e; font-family: 'futura_bk_btbook'; /*text-transform:uppercase;*/ border:none; }
div.content .register .frm .jqTransformSelectWrapper div span { font-size:1em; font-family: 'futura_bk_btbook'; line-height:11px; }
div.content .register .frm span.lblExam {float:none; font-family: 'futura_bk_btbook'; color:#646263; margin:0;}

div.content .register .frm .jqTransformSelectWrapper { width:30%!important; background-color:#fff;  border: 1px solid #CCCCCC; margin-right: 0;  }
div.content .register .frm .jqTransformSelectWrapper a.jqTransformSelectOpen { background-position: 0 10px; top:-2px;}
div.content .register .frm .jqTransformSelectWrapper ul a { font-family: 'futura_bk_btbook'; border:none; }

div.content .register .frm #ctl00_ctl00_MainBody_T1Body_step2 .jqTransformSelectWrapper { margin-left:7px; width:56.5%!important; }
div.content .register .frm #select0 .jqTransformSelectWrapper { z-index:10; }
div.content .register .frm #select1 .jqTransformSelectWrapper { z-index:9!important; }
div.content .register .frm #select2 .jqTransformSelectWrapper { z-index:8!important; }

div.content .register fieldset .mask{  display:inline; float:left; width:233px; overflow:hidden; margin-right:20px;    }
div.content .register fieldset select{ display:inline; float:left; width:260px; margin:10px 2px; vertical-align:middle;  color:#615a9e; font-family: 'futura_hv_btheavy';  border:none; }
div.content .register fieldset .asc{ position:absolute; right:47px; top:1em; }
div.content .register fieldset .text{ font-family: 'futura_bk_btbook';  color:#615a9e;  }
div.content .register fieldset .large{ width:56.5%;}
div.content .register fieldset textarea{ font-family: 'futura_bk_btbook';  font-size:0.920em; color:#615a9e; width:260px;  }

div.content .register #counter{  font-family: 'futura_bk_btbook';font-size: 0.833em; text-align:right; padding:5px 0; color:#646263;}

div.content .register fieldset .errorField{ border:2px solid #C6107F; }
div.content .register fieldset .errorMessage{ padding-top:15px;padding-left:30px; color:#C6107F; text-align:left; display:block; width:100%; }

div.content .register .frm em{ display:block; margin-left:1em; padding:20px; color:#C6107F!important; font-size:16px!important; text-align:center; }
div.content .register .frm em span{padding:10px 0; }
div.content .register .submit{ height:32px; cursor:pointer; display:inline-block; padding:4px; font-size:1em; background-color:#109cd5; color:#fff; float:right; margin:1.4em -16px -16px 0; border:none; }


/*** PAGE CONSEILS  ***/

.conseil .pagetitle{ color:#615a9e; }


.btnSlide{ position: relative;  background:#efeef5; padding:1em; margin:1.1em 0 0em 0; cursor:pointer;}
.btnSlide .title{ font-family: 'futura_bk_btbook'; font-size:1.025em; text-transform:none; margin:0!important; color:#615a9e;}
.btnSlide .title a{ color:#615a9e; }
.btnSlide .link{  color:#fff; background:#615a9e; font-size:1.125em;font-family: 'futura_ltlight';}
.btnSlide .link{ position:absolute; top:0; right:0;  background:#615a9e; padding:0.8em 1.250em; }
.btnSlide .iconfont{  font-family: 'futura_hv_btheavy'; color:#fff; }

.btnSlide.on{   }
.btnSlide.on .link{ background:#efeef5; color:#615a9e; }
.btnSlide.on .iconfont{  color:#615a9e; }

.nomedia{ margin:1em 0;}

.SlideContent{ background:#efeef5; border-bottom:#615a9e 1px solid; margin:0 0 1em 0; padding:1px 0 0; }
.SlideContent .text{ padding:1.250em; font-family: 'futura_bk_btbook'; line-height:14px; }


/*** flux RSS ***/
.steps{ z-index:5; position:relative; background:url(ImgFormaposte/dummy-light.gif) #777; }
.steps ul{ margin:0 0 -2px; height:auto; overflow:hidden;  }
.steps ul li{ float:left; padding:0 0 0 23px; background:url("ImgFormaposte/helper-step-middle.png") no-repeat 0 -100px;  }
.steps ul li.first{ margin-left:-18px; }
.steps ol{ margin:0 0 -2px; height:auto; overflow:hidden; list-style:none; padding-left:0; background-color:#efeef5;}
.steps ol li{ float:left; padding:0 0 0 23px; background:url("ImgFormaposte/helper-step-middle.png") no-repeat 0 -100px;  }
.steps ol li.first{ margin-left:-18px; }
.steps a, .steps span, .steps button{ cursor:pointer; display:inline-block; margin:0 -19px 0 0; padding:10px 13px 10px 0; white-space:nowrap; font-size:13px;  font-weight:bold; text-align:center; background:url("ImgFormaposte/helper-step-middle.png") no-repeat right -100px; border:0; }
.ie8 .steps button{ margin-right:-32px; }
.ie8 .steps button strong{ margin-right:10px; }
.ie9 .steps button{ margin-right:-32px; }
.ie9 .steps button strong{ margin-right:0; }
.steps span{ cursor:default; }
.steps strong{ font-weight:inherit; }
.steps button{ padding-bottom:1px; height:32px; color:#454545; }
.steps ul li a:hover, .steps ul li button:hover{ text-decoration:none; }
.steps ul li.first, .steps .first a, .steps .first span{ background-image:url("ImgFormaposte/helper-step-first.png"); }
.steps ul li.last, .steps .last a, .steps .last span, .steps .last button{ background-image:url("ImgFormaposte/helper-step-last.png"); }
.steps ol li a:hover, .steps ul li button:hover{ text-decoration:none; }
.steps ol li.first, .steps .first a, .steps .first span{ background-image:url("ImgFormaposte/helper-step-first.png"); }
.steps ol li.last, .steps .last a, .steps .last span, .steps .last button{ background-image:url("ImgFormaposte/helper-step-last.png"); }
.steps .active{ background-position:0 0; }
.steps .active a, .steps .active span, .steps .active button{ color:#FFF; background-position:right 0; }
.steps ul li a:hover strong, .steps ul li button:hover strong{ border-bottom:3px solid #454545; }
.steps ol li a:hover strong, .steps ol li button:hover strong{ border-bottom:3px solid #454545; }
.steps .active strong{ border-bottom:3px solid #FFF; }

.flux  { width:100%; margin:0px 0 0 0;  background-color:#efeef5;  }
.flux .inputRadio{ padding:0; margin:0; }
.flux .cont{ position:relative; }
.flux .inputButton { position: absolute; bottom:20px; background-color:#968edd; padding:2px 5px; border:solid 1px #968edd; color:#fff; font-size:15px; font-weight:normal; cursor:pointer; min-width:10px; white-space:nowrap; overflow:visible;  font-family: 'futura_bk_btbook'; }
.flux a.inputButton { display:block; background-color:#968edd; padding:1px 7px; line-height:15px; }
.flux a.inputButton:hover { text-decoration:none }
.flux .inputButton:hover { background-color:#968edd; color:#fff; }

.flux .linkButton {position: absolute; bottom:20px; right:20px!important; background-color:#968edd; padding:5px 5px; border:solid 1px #968edd; color:#fff; font-size:15px; font-weight:normal; cursor:pointer; min-width:10px; white-space:nowrap; overflow:visible;  font-family: 'futura_bk_btbook'; }
.flux .linkButton:hover { background-color:#968edd; color:#fff; }
 
.flux .steps li.step1 a, .flux .steps li.step1 span{ width:221px; }
.flux .steps li.step2 a, .flux .steps li.step2 span{ width:296px; }
.flux .steps li.step3 a, .flux .steps li.step3 span{ width:187px; }



.flux .rss { width:756px; overflow:hidden; }
.flux .rss .title { display:block; margin:10px 0 0 6px; padding:0; color:#646263; }
                                             
.flux .rss .colonne { float:left; margin:0px 30px 0 0; }
.flux .rss .colonne select { display:block; width:266px; margin:2px 0 10px 0; font-size:0.917em; font-weight:normal; color:#646263; }
.flux .rss .colonne .text { display:block; width:366px; margin:0 0 0 17px; font-weight:normal; color:#646263; }
.flux .rss .colonne ul { display:block;  }
.flux .rss .colonne ul li { padding:2px 20px 2px 0px; list-style-type:square; font-weight:normal; color:#646263;  }
.flux .rss .colonne.inner {  position:relative;  min-height:140px; margin:0; padding:10px 30px 1px 4px;  border:none; }
.flux .rss .colonne.inner .fieldset { padding:20px 20px 10px 0; }
.flux .rss .colonne.inner label { color:#646263; font-family: 'futura_bk_btbook'; font-size:15px;}
.flux .rss .colonne.inner em { color:#646263; font-family: 'futura_bk_btbook'; font-size:13px; clear:both;}
.flux .rss .colonne.inner-right  { padding-bottom:10px; width:380px; }
.flux .rss .inner-right select {  margin:7px 0 0 17px; width:15.667em; }
.flux .rss .colonne.inner-right label { font-weight:normal;  }
.flux .rss .colonne.inner-left { padding:10px 30px 10px 20px; width:280px; }
.flux .rss .colonne.inner-left label { font-weight:normal; }
.flux .rss .colonne.inner-left fieldset { padding:0 0 7px 0;  }

.flux .rss .colonne.inner.large { padding:10px 30px 10px 20px; width:600px; }
.flux .rss .colonne.inner.large label, .flux .rss .colonne.inner.large .title { padding-right:10px; padding-left:4px; font-weight:normal;  font-family: 'futura_bk_btbook'; font-size:15px; color:#646263; }
.flux .rss .colonne.inner.large fieldset { padding:0 0 7px 0;  }

.flux .rss .colonne.inner.large .radio{ display:block; padding:10px 7px;}

.flux .rss-redirection .rightButton, .flux .rss .rightButton{ float:right; margin:10px 0 0; right:0;  }
.flux .rss-redirection .leftButton, .flux .rss .leftButton{ float:left; margin:10px 0 0; left:20px;}

.flux .rss-redirection .center { text-align:center; min-height:100px; margin:20px 0 20px 0; padding:0px; }
.flux .rss-redirection .center .text { display:block; padding:30px 0 0 6px;  font-weight:bold; color:#646263; }
.flux .rss-redirection .center .button { text-align:left; margin:20px 0 0 220px; }
.flux .rss-redirection .center .centerButton { text-align:center; display:block; float:left; margin: 0 20px 0 0;}

#ctl00_ctl00_MainBody_T1Body_tb_urlRss { width:400px; }

/*** SITEMAP ***/

.sitemap{ position:relative; padding:1px 0 0; font-size:1em; }
.sitemap ul{ margin:0 0 0 0; height:auto; overflow:visible; position:relative; width:984px; display:block;}
.sitemap ul li{ float:left; width:164px; text-align:center; font-weight:bold; list-style:none; }
.sitemap ul li.offseted{ margin-top:-188px; }
.sitemap ul li.topleft{ position:absolute; right:50%; top:0; float:none; margin:0 10px 0 0; width:auto; }
.sitemap ul li.topright{ position:absolute; left:50%; top:0; float:none; margin:0 0 0 22px; width:auto; }
.sitemap ul li.topright .lvl1, .sitemap ul li.topleft .lvl1{ min-height:36px; line-height:36px; background:url("Images/Backgrounds/left-round-map.gif") no-repeat left #109cd5; }
.sitemap ul li.topright .lvl1 span, .sitemap ul li.topleft .lvl1 span{ padding:0 10px; min-height:36px; line-height:36px; background:url("Images/Backgrounds/right-round-map.gif") no-repeat right; }
.sitemap ul li .lvl1{ display:block; margin:0 5px; height:1%; color:#FFF; font-size:0.91em; background:url("Images/Backgrounds/top-round-map.gif") no-repeat #109cd5; }
.sitemap ul li .lvl1 span{ display:block; padding:10px 5px; background:url("Images/Backgrounds/bottom-round-map-inner.gif") bottom no-repeat; }
.sitemap ul li.mainmap{padding:50px 0; width:100%; background:url("Images/Backgrounds/squeletor-map.gif") no-repeat center; }
.sitemap ul li.mainmap .lvl1{ margin:auto; width:330px; text-transform:uppercase; font-size:2.182em; background:url("Images/Backgrounds/top-round-map-main.gif") no-repeat top #989691; }
.sitemap ul li.mainmap .lvl1 span{ background:url("Images/Backgrounds/bottom-round-map-main.gif") no-repeat bottom; }
.sitemap ul li ul{ margin:0 5px; padding:1px 5px; background:url("Images/Backgrounds/bottom-round-map.gif") bottom no-repeat #cae0ec; width:144px;  }
.sitemap ul li ul li{ float:none; width:auto; }
.sitemap ul li ul li .lvl2{ display:block; margin:10px 0; padding:5px; height:1%; color:#109cd5; background:#FFF; border:1px solid #109cd5; font-size:12px; }
.sitemap ul li ul li ul{ margin:10px 0; width:auto; background:none; }
.sitemap ul li ul li ul li{ margin:5px 0; text-align:left; }
.sitemap ul li ul li ul li .lvl3{ color:#109cd5; font-size:12px;}

.medialegend{ margin:5px 0 0 0; font-size:0.917em; font-style:italic; }

.template .content .links a, .template .content .text a {
    text-decoration: underline;
}

.template .content .links a:hover, .template .content .texte a:hover{ text-decoration:none; }


/*** Result ***/
.results .pagination{ margin-top:5px; }
.h2find{ font-weight: bold;}
.results strong{ font-weight:normal!important;}
.results .sort{ float:left; margin:5px 0 0; }
.results .sort select, .results .sort input{ position:relative; }
.results .sort strong{ position:relative; display:inline-block; margin:0 -5px 0 0; padding:0 5px 0 0; color:#615a9e; background:#FFF; }
.results .sort a{ position:relative; margin:0 10px 0 0; padding:2px 5px; color:#2268ad; border-color:#615a9e; }
.results .sort a:hover{ color:#FFF; background:#615a9e; }

.result{ margin:20px 0; }
.result h3 a{ float:left; font-size:1em; font-weight:normal; line-height:1.5em; color:#615a9e; }
.result .date{ float:right; margin:5px 0 0; font-size:0.83em; color:#615a9e; }
.result p{ clear:both; margin:0 0 15px 0; padding-top:5px; }
.empty
{
    height:25px;
}

/*** Footer ***/
.home .baseline{ display:none; }

.baseline{ clear:both;}
.baseline ul{ padding:2em;  display:inline-block; text-align:center;  width:94%; border-bottom:1px solid #e7e7e7;  }
.baseline li{ display:inline-block; padding:0 30px 0 30px;  }
/*.baseline a{ display:inline-block; margin:0; padding:0 40px 0 0; font:normal 0.9em/2.3em 'futura_bk_btbook', Arial, sans-serif; text-decoration:underline; border:0; font-weight:bold;}*/
.baseline a{ display:inline-block; margin:0; font:normal 0.9em/2.3em 'futura_bk_btbook', Arial, sans-serif; text-decoration:underline; border:0; font-weight:bold;}
.baseline a:hover{ text-decoration:none; }

.baseline .contact{ background:url("ImgFormaposte/icon-sendfriend.png") no-repeat 5px; } /* 148px*/
.baseline .inscrit{ background:url("ImgFormaposte/icon-inscrit.png") no-repeat 5px; }  /* 119px*/
.baseline .calendar{ background:url("ImgFormaposte/icon-calendar.png") no-repeat 5px; }  /*113px */
.baseline .infos{ background:url("ImgFormaposte/icon-formation.png") no-repeat 5px; }  /* 217px*/


.footer{ margin:30px 0 0 0; padding:0 0 30px 0; text-align:center; font-size:0.917em; }
.footer ul, .footer ul li{ display:inline; }
.footer ul li{ float:left; padding:5px 0; }
.footer li.mentions,
.footer li.plan,
.footer li.credits{ display:inline-block; float:none; padding:0 30px 0 30px;  }
.footer li.mentions a,
.footer li.plan a,
.footer li.credits a{margin:0; padding:10px 30px 0 0; font:normal 0.785em/2.3em 'futura_bk_btbook', Arial, sans-serif; text-decoration:underline; border:0;}
.footer ul li.first{ margin-right:1em;}
.footer ul li.last{ float:right; }
.footer ul li a{ white-space:nowrap;  display:inline-block; }
.footer a:hover{ text-decoration:none; }

/* Start Copied Missing Layer/Overlay send to friend */

div.overlay{ z-index:101; position:fixed; left:0; top:0; left:0; width:100%; height:100%; background:#000; }
div.layer{ visibility:hidden; z-index:102; position:fixed; left:50%; top:50%; }
div.layer .closer{ cursor:pointer; float:right; margin:0 0 10px; padding:0 20px 0 0; color:#FFF; text-decoration:underline; background:url("Images/Dots/closer.gif") no-repeat right; }

.mailfriendcontainer{ margin:auto; padding:15px; width:40em; text-align:left; background:#FFF; }
.content .mailfriendcontainer p{ font-size:1em; }
.mailfriendcontainer .titlelayer{ font-size:1.454em; color:#2ba6d8; font-weight:bold; }
.mailfriendcontainer .field{ float:left; margin:0 0 5px; width:31.818em; height:auto; overflow:hidden; }
.mailfriendcontainer .field .label{ float:left; padding:2px 0 0; width:11.364em; font-weight:bold; text-align:right; font-size:12px; }
.mailfriendcontainer .field .input{ float:right; width:19.545em; border:1px solid #646263; }
.mailfriendcontainer .field .textmode{ padding:2px 0 0; }
.mailfriendcontainer .field .input .inputText{ padding-left:5px; width:190px; }
.mailfriendcontainer .button{ float:right; padding:0 15px 0 0; }
.mailfriendcontainer .button .inputButton{ cursor:pointer; color:#2ba6d8; border-color:#2ba6d8; }
.mailfriendcontainer .confmessage{ margin:50px 0 20px; font-weight:bold; text-align:center; }
.mailfriendcontainer .buttons{ float:none; padding:0; text-align:center; }
.mailfriendcontainer .buttons .inputButton{ display:inline-block; margin:5px 0; padding:3px 5px; }
.mailfriendcontainer .button a{ text-decoration:none; }
.mailfriendcontainer .button .inputButton:hover, body.layer .mailfriendcontainer .button .inputButtonHover{ color:#FFF; text-decoration:underline; background:#2ba6d8; border-color:#FFF; }
.mailfriendcontainer .services{ clear:both; padding:20px 0 0; background:url("Images/Dots/grey-left-pix.gif") repeat-x 0 10px; }
.mailfriendcontainer .services .links{ margin:10px 0; text-align:center; }
.mailfriendcontainer .services .links a img{ margin:0 9px; border:2px solid #2ba6d8; }
.mailfriendcontainer .mandatory{ margin:0 0 5px 0; color:#464646; font-size:0.833em; font-weight:normal; font-style:italic; }

/* End Copied Missing Layer/Overlay send to friend */


.mailfriend .mandatory {font-size:13px;text-align:left; display: inline-block; line-height: 15px; padding-bottom: 10px;  position: relative;  width: 40%; padding-left:26px;}
.mailfriend input{height:30px; }
.mailfriend label{line-height:42px!important;}
.mailfriend select{ width:500px; }
.mailfriend .label {margin-left:10px;margin-top:10px;}
.mailfriend table{ margin-left:10px;margin-top:30px;margin-bottom:15px;}
.mailfriend table tr th{text-align:right;font-family: 'futura_bk_btbook';height:30px;}
.mailfriend table tr td{font-family: 'futura_bk_btbook';padding-left:5px;}
.mailfriend .confirm{text-align:right; width:939px;margin:15px!important;}

.hiddenSort
{
    visibility:hidden;
}



/*********************************************************************/
/********************* RESPONSIVE MOBILE ******************************/
/********************************************************************/

.desktop{ display:block; }
.mobile{ display:none; }

.formation .tab-jobs.mobile{ display: none; }

.sidr-class-desktop{ display:block; }
.sidr-class-mobile{ display:none; }

.sidr-class-textsizer{ display:block; }

 input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: caret;
	-moz-appearance: caret; /* mobile firefox too! */
}

 .search-job input {
      -webkit-appearance: none;
      -webkit-border-radius: 0;
    }

@media only screen and (min-width: 481px) and (max-width: 640px) {
    div.popin#message{
        width:460px;
        margin-left:-230px;
    }

}

@media only screen and (min-width: 669px) {
    .footer-mobile{ display:none ; }
    .footer-desktop{ display:block; }
}

@media only screen and (max-width: 668px) {
    .mobile{ display:block; }
    .desktop{ display:none; }
    
    .footer-mobile{ display:block; }
    .footer-desktop{ display:none; }
    
    
    .sidr-class-desktop{ display:none; }
    .sidr-class-mobile{ display:block; }
    
    .container{ padding: 10px 2%; width: 96%; overflow: hidden; }
    
      
    /** header **/
    .header{ }
    .header .social-buttons{ display:none; }
    .logo img{ width:86px; height:86px; }

    
    .header .claim{ display:none; }

    
    .header .direct-acces {
        background: url("ImgFormaposte/picto-logo.jpg") no-repeat scroll right center / 30px auto rgba(0, 0, 0, 0);
    
        padding: 0 25px 0 0;
        width:inherit;
        
     
    }
   .header .direct-acces a{ font-size: 0.675em; padding:0.7em 5px 0.75em 0.7em; color:#2db3e6; }

    .header .search
    {
        width:100%;
    }
    
    .header .search #menu
    {
        float:left;
        font-family: 'futura_bk_btbook';
        min-height:55px;
        line-height:55px;
    }
     .header .search #menu a
    {
        display:block;
        color:#fff;
        font-size:16px;
        margin-left:10px
    }
    .header .search #menu a:hover, .header .search #menu a:focus
    {
        vertical-align:middle;
        text-decoration:none;
    }

    .header .search form{ float:right; padding:0.688em 0.8em;}
    .header .search .inputText{ width:200px; padding:0.500em 0 0.500em 0.500em; }
    .header .search .inputButton{ position: absolute; bottom:0.875em; right:8px; top:11px; height:28px; margin:0 6px; }
    
    
    
    /* TOGGLE MEDITERRANEE*/
    .sidr {  background: #c51c7f; }
    .sidr ul li {  border-bottom: 1px solid #ffecfc; }
    .sidr ul li ul li { background: url("ImgFormaposte/mobile/sidr-submenux2.png") #ffecfc no-repeat 14px center / 5px auto; }
    
     /* HEADER MEDITERRANEE*/
      .header .search
    {
        background-color:#c51c7f;
    }
    
    /* TOGGLE MIDI ATLANTIQUE*/
    .sidr {  background: #109cd5; }
    .sidr ul li {  border-bottom: 1px solid #c5ecfc; }
    .sidr ul li ul li { background: url("ImgFormaposte/mobile/sidr-submenux2.png") #c5ecfc no-repeat 14px center / 5px auto; }
    
    /* HEADER MIDI ATLANTIQUE*/
     .header .search
    {
        background-color:#109cd5;
    }

  
    /**** A LA UNE HOME ****/
    .home .news{ clear:both; padding:0; margin-bottom:0;}
    .home .news .lien-alaune{ display:block; cursor:pointer; position:relative; z-index:1; }
    .home .news .lien-alaune img{ max-width:100%; height:auto; margin-bottom:10px; }

    .home .news .title-alaune{ padding:0; font-size:18px; }

    .home .news .title{ 
        font-size:16px;
        padding:10px 0;
    }
    
    .home .news .text{ font-size:16px; padding:0 0 10px 0; }
    .home .news .text p
    {
        font-size:16px;
        font-family: 'futura_ltlight';
    }

    .home .news .link{ margin-right:0; margin-top:0; z-index: inherit;  right: inherit; cursor:pointer}
    
    


    /**** Boxs ****/
    .boxs{ position:relative; clear:both; width:100%; }

     
    .boxs .push {
     	position:relative; 
        display: block;
        float: none;
        margin-right:inherit;
        height:inherit; 
        min-height: inherit;
        position: relative;
        width:100%; 
        margin-top:20px!important;
        
    }

    .boxs .push form{  padding:0.200em 0.625em; }
    .boxs .push .link{  position: relative; float: right; }
    .boxs .push .media img{ max-width:100%;  width:100%!important; height:auto!important; margin-bottom:10px; }    
    
    .boxs .push.job{ background:#615A9E;}
    .boxs .push.event{ background:#C6107E;}
    .boxs .push.search-job{ background:#649e06;}
	.boxs .push.calendar{ background:#2ba6d8;}
	.boxs .push.signin{ background:#2ba6d8; }
  

	.boxs .push:before{
	    content:'';
	    display:block;
	    width:100%;
	    height:10px;
	    background-position:0 0;
	}
	
	.boxs .push  h2.title:after{
	    content:'';
	    position:absolute;
	    left:0;
	    display:block;
	    width:74px;
	    height:64px;

	    background-repeat:no-repeat; 
	}


	.boxs .push .text span.titleEvent{ font-weight:bold; }

	.boxs h3{
        padding-top:10px;
        font-size:15px;  
    }
    
    .boxs .push .text span {
        font-size: 1em;
    }
    .boxs .push .link a{
         font-size:0.858em;
    }
    

	.boxs .push.job, 
	.boxs .push.event, 
	.boxs .push.search-job{ }

	.boxs .push.job:before{ background-image:url("ImgFormaposte/landing-push-idf-title-adds.png");}
	
	.boxs .push.job.link{ }
	.boxs .push.job.link a{ }
	.boxs .push.job .text span{  }

	.boxs .push.event:before{ background-image:url("ImgFormaposte/landing-push-mediterannee-title-adds.png");}

	.boxs .push.event .link{ }
	.boxs .push.event .link a{  }
	.boxs .push.event .text span{ }

	.boxs .push.search-job:before{ background-image:url("ImgFormaposte/mobile/before-push-search-jobs.png");}
	.boxs .push.search-job h2.title:after { left:inherit; right: -9px; top:2px; background-image:url("ImgFormaposte/mobile/after-push-search-jobs-title-icone.png");}
	.boxs .push.search-job h2.title{ padding:0.2em 0.625em;}
	.boxs .push.search-job .link{ font-size:0.858em; right: -10px; }

	.boxs .push.search-job .link a{ }
	.boxs .push.search-job .text span{ }
	.boxs .push.search-job .select{ width: 100%;}
    
    .boxs .push.calendar.onevalue{height:inherit; top:inherit}

	.boxs .push.calendar{ 
		position:relative; 
		top:inherit; 
		right:inherit;  
		margin-right:inherit;   
		width:100%; 
		height:inherit; 
		padding-top:inherit; 
	}

	.boxs .push.calendar:before{ background-image:url("ImgFormaposte/mobile/before-push-calendar.png");}
    .boxs .push.calendar .title{ padding:0; margin:0 2.5em 0.800em 0.625em; background:none;}
    .boxs .push.calendar h2.title:after { left:inherit; right: -15px; top:17px; background-image:url("ImgFormaposte/mobile/after-push-calendar-title-icone.png");}
	.boxs .push.calendar .item .link{ background:#2ba6d8; }  
	
	.boxs .push.calendar ul{ padding-top:28px; width: 90%; margin: 0 auto;  background-image:url("ImgFormaposte/mobile/before_push_calendar.jpg"); background-position: center top; background-repeat:no-repeat;  background-size: 100% 28px; }  
	.boxs .push.calendar .item { background-color:#fff; margin-bottom: 10px; min-height: 6.25em; }
	.boxs .push.calendar .item.first .link,
	.boxs .push.calendar .item.last .link { position: absolute; right: 0; bottom: 0; float: none; }
	.boxs .push.calendar .item.last{ padding-top:10px; }


   
    .boxs .push.signin{ width:100%; height:inherit; margin-right:0; margin-top:0;}
    .boxs .push.signin:before{ background-image:url("ImgFormaposte/mobile/before-push-signin.png");}
    .boxs .push.signin h2.title:after { left:inherit; right: -25px;top:2px; background-image:url("ImgFormaposte/mobile/after-push-signintitle-icone.png");}
	.boxs .push.signin .title{ padding:0.8em 0.625em; }
	.boxs .push.signin .link{  position: absolute; float: none; }

    
   	.boxs .push.job:before{ background-size: 100% 21px;}
    .boxs .push.event:before{ background-size: 100% 21px;}
    .boxs .push.search-job:before{ background-size: 100% 23px; height: 23px;}
    .boxs .push.calendar:before{ background-size: 100% 23px; height: 23px;}
    .boxs .push.signin:before{ background-size: 100% 23px; height: 23px;}


    
   
	/***********  baseline ***********/
	.baseline{ width: 80%; margin: 0 auto;}
   	.baseline ul{ width: 100%; padding: 30px 0;}

   	.baseline .infos { background-position: 5px center;} /*160px*/
   	.baseline .calendar { background-position: 5px center;}/*97px */
   	.baseline .inscrit { background-position: 5px center;}/*94px */
   	.baseline .contact { background-position: 5px center;}/*118px */

   	.baseline li a{ font:normal 0.7em/2.3em 'futura_bk_btbook', Arial, sans-serif; }

	/***********  FOOTER ***********/


    .footer ul { width: 100%; }
    .footer ul li{ display: inline-block; text-align: center; float: none; padding: 0; }
    .footer ul li a{ padding:0; font-size:11px;  }
    .footer .last img{  max-width:100%; width:100px; height:30px; }
    .footer li.mentions, .footer li.plan, .footer li.credits{ padding: 0;}
    

    /**************************************************************************************/
    .template.t1 h1{ padding-left:0; margin:10px 0 0 0; }
    .template.t1 .pagetitle{ width:auto; }
    .sub{ min-height: inherit;}
	.icons{ float: none;}

	.pagetitle{ font-size:1.35em;}




	/*****************************  CONTENT ************************************************/
	
	.bloc .title{  font-size:1.35em; margin:20px 0 20px;  }
	.bloc .media{ float: none!important; width: 100%!important; }
	.bloc .media img { 
		max-width: 100%; 
		width: 100%;
		box-shadow: 0 0 5px #CCC;
		border: 0;

		 /* start temp */

		 	/*
		 	background-image:url("ImgFormaposte/mobile/tmp_visuel_nosmissions.jpg"); 
		 	background-size: 100% 100%;
		 	*/

		 /* end temp */

	 }

	 .mediaright .media{ margin:0!important; }

	 .bloc .text{ font-size:0.9em;}
	
	 .tabcontent{ padding: 35px 10px 30px; overflow: hidden; }

	 /* .tabs{ margin-bottom: 0; } */
	
	 .reserve{ margin-right: 0; }
		

	.testimonybox {
		float: left;
		margin: 0 30px;
	}
			



	.testimony .bloc,
	.whoweare .bloc{ width: 100%; float: left;  }

	.btnSlide{ height: 38px; padding: 10px 1em; line-height: 38px;  }
	.btnSlide .title{ font-size: 0.855em; overflow: hidden; display: block;}
	.btnSlide .title a{ float: left; width: 85%; }
	.btnSlide .link{  font-size:0.825em; padding: 1.74em 1.250em; vertical-align: middle; line-height:0.825em;}
	
	.btnSlide .link .iconfont{  font-size:0.825em;}

	.SlideContent p.text{ font-size: 0.96em;}
		

	/*** dispositifs ***/
	.dispositifs{
		width: 100%;
		margin-top: 20px;
	}
	
	.dispositifs .formation.calendar table.desktop{ display:block; }


	/*.formation table.desktop{
		width: 100%;
		transform-origin: 0  0;
  		transform: scale(0.57);
	}*/

	

	.dispositifs table.mobile{}
	.dispositifs .formation table.mobile th.title-th{ padding:10px 0 0 15px; height: 5.5em; font-size: 1em;} 
	.dispositifs .calendar .sector strong{ font-weight: normal; }

 

	/*** Nos Formations ***/
	/**.formation .tab-jobs.desktop{ display: none; }*/
		.formation .tab-jobs.mobile{ display: block; }
	
	
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { /*border: 1px solid #ccc; */}
	
	td { 
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50%;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		
		white-space: nowrap;

		 padding: 10px; 
		 font-size: 1em; 
		 font-family: 'futura_ltlight'; 
		 color:#979393; 
		 text-transform: uppercase
	}
	
	/*
	Label the data
	*/

	.training .detailTrainingContent td:nth-of-type(1):before {content: "Diplome préparé";}
	.training .detailTrainingContent td:nth-of-type(2):before { content: "Métier";  }
	.training .detailTrainingContent td:nth-of-type(3):before { content: "Niveau Requis";   }
	.training .detailTrainingContent td:nth-of-type(4):before {content: "Type / durée";  }
	.training .detailTrainingContent td:nth-of-type(5):before {content: "Lieu de formation"; }
	
	.training .accordioncontent  td:nth-of-type(1):before {content: " "; }
    
    .training th:nth-of-type(1):before 
    {
        content: "Secteur d'activité";
 
		 font-size: 1em; 
		 font-family: 'futura_ltlight'; 
		 color:#979393; 
		 text-transform: uppercase
        
        
    }
	
	.training table td span {
        padding-top: 20px;
    }
    
    .training table .accordioncontent  td div { max-width:280px;}
	
	.jobsearch { margin:0; padding: 0;}
	.jobsearch fieldset { left: 0; float: none;}
	.jobsearch legend, .jobsearchmain .title{ padding: 0; font-size:1.08em;}
	.jobsearch .field{ display: block; margin:12px 2px;}
	
	
	
	.formation .tab-jobs.mobile{}
	.formation table thead{ border:none; height:0; display:none; }
	.formation table { background:none;}
	.formation table th{ padding:15px 0 0 15px;}
	.formation table span.title { color:#979393; text-transform: uppercase }
  
     

    
	.training .tab-jobs .t-filter{ padding:0 10px; background:url("ImgFormaposte/entete_tableau.png") no-repeat top left;
        background-repeat:no-repeat;
	    width:100%;
	    border-bottom:1px solid #7972b8;}
	    
	.training .tab-jobs .t-filter label{ margin-top:10px; display: inline-block; vertical-align: middle; font-family: 'futura_ltlight'; line-height: 4em}
	.training .tab-jobs .t-filter select{ display: inline-block; vertical-align: middle;}
	.training .tab-jobs .t-filter span{ width:60%;}
	.training .tab-jobs .t-filter .ui-selectmenu{  margin-top:10px;}
	.training .tab-jobs .t-filter .ui-selectmenu-icon{ right: 9px; overflow: hidden; width: 16px;}
	.training .tab-jobs .t-filter .ui-selectmenu-status{ }
	.training table .t-filter a{ top:0; left:0;}
	
	.formation .production{ text-transform: uppercase;}
	.formation .jaune.production{ color:#f6bb2d; }
	.formation .rouge.production{ color:#e57979; }
	.formation .rose.production{ color:#cd308f; }
	.formation .vert.production{ color:#8fbd44; }
	.formation .bleu.production{ color:#f6bb2d; }
	.formation .orange.production{ color:#2994ab; }



	.formation .jaune td{ background: none; border-bottom:0;}
	.formation .rouge td{ background: none; border-bottom:0;}
	.formation .rose td{ background: none; border-bottom:0;}
	.formation .vert td{ background: none; border-bottom:0;}
	.formation .bleu td{ background: none; border-bottom:0;}
	.formation .orange td{ background: none; border-bottom:0;}
 	
	

	.formation .detailTrainingContent .diplomaPrepared {width:inherit;}
	.formation .detailTrainingContent .name_training {width:inherit;}
	.formation .detailTrainingContent .required_diploma {width:inherit;}
	.formation .detailTrainingContent .type_training {width:inherit;}
	.formation .detailTrainingContent .activity_place {width:inherit;}
	

	.detailTraining.jaune .accordioncontent td{ background-color:#f6bb2d; }
	.detailTraining.jaune .accordioncontent td:hover{ background-color:#f4b10d; }

	.detailTraining.rouge .accordioncontent td{ background-color:#e57979; }
	.detailTraining.rouge .accordioncontent td:hover{ background-color:#df5e5e; }

	.detailTraining.rose .accordioncontent td{ background-color:#cd308f; }
	.detailTraining.rose .accordioncontent td:hover{ background-color:#c6107e; }
	
	.detailTraining.vert .accordioncontent td{ background-color:#8fbd44; }
	.detailTraining.vert .accordioncontent td:hover{ background-color:#7eb327; }

	.detailTraining.bleu .accordioncontent td{ background-color:#f6bb2d; }
	.detailTraining.bleu .accordioncontent td:hover{ background-color:#08849e; }

	.detailTraining.orange .accordioncontent td{ background-color:#2994ab; }
	.detailTraining.orange .accordioncontent td:hover{ background-color:#dc690a; }
	


	.detailTraining.jaune .content{ border-bottom:#f4ae05 1px solid;}
	.detailTraining.rouge .content{ border-bottom:#eb9a9a 1px solid;}
	.detailTraining.rose .content{ border-bottom:#c6107e 1px solid;}
	.detailTraining.vert .content{ border-bottom:#7eb327 1px solid;}
	.detailTraining.bleu .content{ border-bottom:#08849e 1px solid;}
	.detailTraining.orange .content{ border-bottom:#dc690a 1px solid;}

	.formation .detailTraining.jaune{ background-color:#fdefcd; height:100%; }
	.formation .detailTraining.rouge{ background-color:#f8dddd; height:100%;  }
	.formation .detailTraining.rose { background-color:#f3cee4; height:100%;  }
	.formation .detailTraining.vert{ background-color:#e4efd2; height:100%;  }
	.formation .detailTraining.bleu{ background-color:#cce6eb; height:100%;  }
	.formation .detailTraining.orange{ background-color:#f8e0cc; height:100%;  }

	.formation .detailTraining.jaune:hover{ background-color:#fbe2a5; height:100%; }
	.formation .detailTraining.rouge:hover { background-color:#f3c2c2; height:100%;  }
	.formation .detailTraining.rose:hover { background-color:#eaa6cf; height:100%;  }
	.formation .detailTraining.vert:hover { background-color:#cfe3ae; height:100%;  }
	.formation .detailTraining.bleu:hover { background-color:#a3d2db; height:100%;  }
	.formation .detailTraining.orange:hover { background-color:#f2c7a4; height:100%;  }


	.formation table td .bullet{
		right: 0;
		top: 10px;
		display:none;
	}
	
	.formation tbody th.first {
     font-weight: inherit;
     font-size: inherit;
     padding:20px 10px;
    }


	/** CALENDRIER **/
	.formation.calendar table{ background: none;}
	.dispositifs .formation.calendar table{ background:url("ImgFormaposte/entete_tableau.png") no-repeat top left;}
	
	
	/*.formation.calendar table tr{ float: left; width: 100%;}
	.dispositifs .formation.calendar table tr{ float: none;}

	.formation.calendar table td.content{ } 
	.formation.calendar table td span{ display:inline; float: left; clear: both; width: 100%;} */
	.formation.calendar table td{ margin-left: 0; }
	.formation.calendar table th span{ font-size:1.5em;}
    .formation.calendar tbody th.first{ padding:20px 10px 30px 10px;}
	.formation.calendar th.first span.trainingName{ font-size:0.75em; text-transform: none; color:#979393;font-weight:bold;} /*{ font-size:1em; }*/ 
    .formation.calendar table tr.separe{ margin-top:20px;}
    .formation.calendar table tr.separe .detailTrainingContent{ margin-top:10px;}
	
	.formation.calendar td:nth-of-type(1):before {content: "Durée"; }
	.formation.calendar td:nth-of-type(2):before { content: "LIEU DE FORMATION THÉORIQUE";  }
	.formation.calendar td:nth-of-type(3):before { content: "LIEU DE FORMATION PRATIQUE";   }
	.formation.calendar td:nth-of-type(4):before {content: "DÉBUT DE LA FORMATION";  }
	.formation.calendar td:nth-of-type(5):before {content: "CLÖTURE DES INSCRIPTIONS"; } /* LIEU DE FORMATION*/
	
    
    .formation.calendar th:nth-of-type(1):before 
    {
        content: "DIPLÔME PRÉPARÉ ";
 
		 color: #979393;
            font-family: "futura_ltlight";
            font-size: 1.25em;
            font-weight: normal;
            text-align: left;
            text-transform: uppercase;
            vertical-align: middle;
        
        
    }
    
    /********************************************/
    .dispositifs .formation.calendar table{ background:none }
    .dispositifs .formation.calendar td:nth-of-type(1):before{ content: " "; display:none; }
    .dispositifs .formation.calendar td.desktop:nth-of-type(1){ display:none; }
    .dispositifs .formation.calendar .asector td:nth-of-type(1):before {content: "PUBLIC"; }
	.dispositifs .formation.calendar .asector td:nth-of-type(2):before { content: "DURée";  }
	.dispositifs .formation.calendar .asector td:nth-of-type(3):before { content: "LIEU DE FORMATION PRATIQUE";   }
	.dispositifs .formation.calendar .asector td:nth-of-type(4):before {content: "CADRE";  }
	
	.dispositifs .formation .grey{ border-bottom:0;}
	.dispositifs .formation .grey td{ background:none;}
	
	.dispositifs .formation .grey th{ background:url("ImgFormaposte/entete_tableau.png") no-repeat top left; border-bottom:#615a9e 1px solid; min-height:68px;}
	
    
    .dispositifs .formation.calendar th:nth-of-type(1):before 
    {
        content: "TYPE DE CONTRAT";
 
		     color: #979393;
            font-family: "futura_ltlight";
            font-size: 0.8em;
            font-weight: normal;
            text-align: left;
            text-transform: uppercase;
            vertical-align: middle;
            padding-top:15px;
            line-height:32px;
  
    }
    
    .formation.calendar table td span {
        padding-top: 20px;
    }
    
    .dispositifs .formation.calendar table th span{ font-size: 0.7em;}
    

	.formation.calendar .diplomaPrepared {width:100%;}
	.formation.calendar .durationCalendar {width:100%;}
	.formation.calendar .placeTheoriqueCalendar {width:100%;}
	.formation.calendar .placePratiqueCalendar {width:100%;}
	.formation.calendar .endInscriptionCalendar {width:100%;}
	.formation.calendar .startInscriptionCalendar {width:100%;}
	.formation.calendar .startDateTrainingCalendar {width:100%;}

	.tabnavigation li a, .tabnavigation li h2, .tabnavigation li h3, .tabnavigation li h4{ padding: 0 8px;}



	/********* FORMAPOSTE TV *************/
     ul.tabcontent.thumbs{  text-align: center;}
	.thumbs li{ display: inline-block; width: 100%;}
	.thumbs .item{
		margin: 8px auto;
		width: 290px;
		/*height: 190px;*/
		float: none;
		display: inline-block;
		
		text-align: left;
		

	}

	.thumbs .item img{
		
		max-width: 100%;
		width: 290px!important;
		height: 190px!important;
	}

	.tabcontent.thumbs{ padding:20px 1px 66px 1px; }
	
	.tabs .button{ font-size: 12px;}

	/********* PAGINATION *************/
	#pagination ul { margin:0; padding:0; }

	

	/**** PLAYER FLASH ***/
	.player object{ width: 100%!important;}

	.player video{ width: 100%!important;}




	/******* PARTENAIRES GMAP *********/

	.partners{}

	.partners .regionpartners{ padding: 10px 8px; height: 400px;}
	.partners .mapleft .maplist{ width: 100%;}
	.partners .searchcity .field{ display: block; float: none; width: 100%;}

	.partners .detailpartners{ padding: 10px; height: 400px;}

	.partners .mapleft .maplist{ height: 432px;}
	.partners .field{ text-align: center;}

	.partners .detailpartners .tablecell{ padding-left:0; height: 400px; text-align: center;}

	.partners #map_canvas{ width: 100%; height: 432px;}



    /*** CONTACT FORM ***/
   
    div.content .contact .frmright { width: 100%; }
    div.content .contact .frm{ width: 100%; }
    div.content .contact .frmright .frm{ margin:0%!important; float:none!important; display:block;}
    div.content .contact .frmright .adress{margin:0%!important; float:none!important; display:block;}
    
    div.content .contact .rowElem{ width:98%; }
    div.content .contact .rowElem.selectbox{ min-height: inherit; margin-bottom:10px;}
    
    div.content .contact .frm label{ width:100%; text-align:left; color:#000;}
    
    div.content .contact .rowElem .select a{ width:auto!important;}
    div.content .contact .rowElem .select{ width:auto!important;}
    
    div.content .contact .frmright .text img{ max-width:100%;}
    
    div.content .contact .frm legend{ margin:20px 0 0 0!important; padding-top: 20px!important;}
    div.content .contact .frm em{ margin-left:0; color:#000; }
    
    div.content .contact fieldset textarea{ min-width: 96%; }
    
    div.content .contact .bloc .title{ font: normal 1.3em/1.5em 'futura_ltlight', Arial, sans-serif; margin:20px 0; }
    
   div.content .contact input, textarea {
      -webkit-appearance: none;
      -webkit-border-radius: 0;
    }
    
    
    /****** REGISTER ****/

    div.content .register{ border:none;}
	div.content .register .frm form{
		padding: 10px;
	}

	div.content .register .frm em{
		margin-left:0;
	}

    div.content .register .frm .mandatory{
    	font-size: 9px;
    	margin: 10px 0;

    }

    div.content .register .frm label{ display: block; float: none; text-align: left; width: 100%;}

    div.content .register .frm .checkbox div label{ display: inline; float: left; width: 40%; } 

    div.content .register .submit{ margin:0 }

    div.content .register .frm #ctl00_ctl00_MainBody_T1Body_step2 label{ width: 100%;}

    div.content .register .frm span.align,
    div.content .register .frm #ctl00_ctl00_MainBody_T1Body_step2 .align{ line-height: 20px; margin-left: 0; }

    div.content .register .frm .step2 label{ line-height: 30px;}
    

    .sitemap{
		-webkit-transform-origin: -10px 20%;
	 	-moz-transform-origin: -10px 20%;
	 	-o-transform-origin: -10px 20%;
	 	-ms-transform-origin: -10px 20%;
	 	transform-origin: -10px 20%;

		-webkit-transform: scale(0.58);
	 	-moz-transform: scale(0.58);
	 	-o-transform:  scale(0.58);
	 	-ms-transform:  scale(0.58);
  		transform:  scale(0.58);

  		float: left;
  		height: 250px;
    }

    
    
      div#sendFriendFormDiv{
		/*-web-kit-transform: scale(0.80);
	 	-moz-transform: scale(0.80);
	 	-o-transform:  scale(0.80);
	 	-ms-transform: scale(0.80);
  		transform: scale(0.80);*/
  		margin-left: -270px!important;
    }
    
    .mailfriendcontainer{ width:32em; }
     
}

@media only screen and (max-width: 568px) {
	.testimonybox {
		float: left;
		margin: 0 10px;
	}

	.btnSlide{ line-height: 20px;  }

	 .sitemap{
		-webkit-transform: scale(0.52);
	 	-moz-transform: scale(0.52);
	 	-o-transform:  scale(0.52);
	 	-ms-transform:  scale(0.52);
  		transform:  scale(0.52);
    }
    
      div#sendFriendFormDiv{
		-webkit-transform: scale(0.80);
	 	-moz-transform: scale(0.80);
	 	-o-transform:  scale(0.80);
	 	-ms-transform: scale(0.80);
  		transform: scale(0.80);
    }
    

}

@media only screen and (max-width: 480px) {
 	.testimonybox{
 		-webkit-transform-origin: 72%  20%;
	 	-moz-transform-origin: 72%  20%;
	 	-o-transform-origin: 72%  20%;
	 	-ms-transform-origin: 72%  20%;
	 	transform-origin: 72%  20%;

		-webkit-transform: scale(0.624);
	 	-moz-transform: scale(0.624);
	 	-o-transform: scale(0.624);
	 	-ms-transform: scale(0.624);
  		transform: scale(0.624);
  		
  		margin:0;
  		height: 250px;
  		float: right;
  		
	 }

	 .btnSlide{ line-height: 16px;  }

	 .btnSlide .title a{ float: left; width: 55%; }

	 .sitemap{
	
		-webkit-transform: scale(0.43);
	 	-moz-transform: scale(0.43);
	 	-o-transform:  scale(0.43);
	 	-ms-transform:  scale(0.43);
  		transform:  scale(0.43);

  		
    }
}

@media only screen and (max-width: 386px) {
		
		.sitemap{

			-webkit-transform: scale(0.35);
		 	-moz-transform: scale(0.35);
		 	-o-transform: scale(0.35);
		 	-ms-transform: scale(0.35);
	  		transform: scale(0.35);
	  		
	    }

	     div#sendFriendFormDiv{
			-webkit-transform: scale(0.60);
		 	-moz-transform:scale(0.60);
		 	-o-transform: scale(0.60);
		 	-ms-transform: scale(0.60);
	  		transform: scale(0.60);
	    }
}


@media only screen and (max-width: 360px) {
		
		.testimonybox{
		 	-webkit-transform-origin: 99%  20%;
		 	-moz-transform-origin: 99%  20%;
		 	-o-transform-origin: 99%  20%;
		 	-ms-transform-origin: 99%  20%;
		 	transform-origin: 99%  20%;

		 	-webkit-transform: scale(0.624);
		 	-moz-transform: scale(0.624);
		 	-o-transform: scale(0.624);
		 	-ms-transform: scale(0.624);
	  		transform: scale(0.624);

	  		margin:0;
	  		height: 250px;
	  		float: right;
	  		
	  		
	  	
		 }

		.sitemap{
			-webkit-transform-origin: -10px 40%;
		 	-moz-transform-origin: -10px 40%;
		 	-o-transform-origin: -10px 40%;
		 	-ms-transform-origin: -10px 40%;
		 	transform-origin: -10px 40%;

			-webkit-transform: scale(0.30);
		 	-moz-transform: scale(0.30);
		 	-o-transform: scale(0.30);
		 	-ms-transform: scale(0.30);
	  		transform: scale(0.30);
	  		
	    }

	     div#sendFriendFormDiv{
			-webkit-transform: scale(0.50);
		 	-moz-transform: scale(0.50);
		 	-o-transform:  scale(0.50);
		 	-ms-transform: scale(0.50);
	  		transform: scale(0.50);
	    }
}