@media (min-width: 1200px)
	.container {
	    max-width: 1170px;
}
@media (min-width: 992px)
	.container {
	    max-width: 970px;
}
@media (min-width: 768px)
	.container {
	    max-width: 750px;
}

@media screen and (max-width: 768px) {#header {display:none;}}
	
@media screen and (min-width: 768px) {

	.navbar-gene .logoblock{margin-top:-7px;}
	.navbar-gene .navbar-brand{display:none;}

	.navbar {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-color: #f9f9f9;
	}

	/* make sidebar nav vertical */ 
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	/* Navbar positioning foo */
	.navbar {
		margin-top: 0px;
		margin-left: 0px;
		height: 50px;
	}
	.nav li a {color:#303030;}

	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-wrapper .navbar {
		border-radius: 4px;
	}
    #modal_infos .modal-dialog {
        width: 65%; /* either % (e.g. 60%) or px (400px) */
    }
	.vertical-middle-50{
		display: inline-block;
		margin-top:50%;
		margin-bottom:50%;
		vertical-align:middle; 
	}
	.divcfa .btn {font-size: 12px;padding:1px 3px;height:22px;}	
	/* -- pour les fenetre modale ajustement des fonts avec Viewport width > Mobile en premier */

}


/* Media pour smartphone ******************************************************************************************************/
@media only screen and (max-device-width:680px) {
	#wrapper {margin-top: 101px;}
	#header {display:none;}
	#header {
		margin-left:0px;margin-right:0px;margin-top:-18px;
	}
	#header .divsearch{
		margin-left:0px;
	}
	.navbar-brand{position: absolute;;margin-top:-19px}
	#navbar.affix-top {
	    position: fixed;
	    top: 5px;
	    width: 100%;
	    z-index:10;
	}
	#navbar .navbar-header {
	    margin-top: 2px;
	    margin-left: -8px;
	}
	#navbar #menu{height:300px;}
	.navbar-brand .ico-tools {float: right;margin-top: 12px;}
	.navbar-brand .bg-rond-wh {}
	#navbar .nav{
		color:#303030;
		width:350px;
		margin:15px 5px 0px 5px;
		overflow-y:auto;
    }
    .headA {display:none;}
	
	#q {width: 206px;}
	#q:hover{width: 70%;}
	#q:focus {width: 70%;}
	#frmsearch button {margin-top: 8px;}
	.nav li a {color:#303030;}

	.navbar-inverse .navbar-collapse{border-color:#ebebeb;}
	#navbar .dropdown-menu{
		height: auto;
		max-height: 180px;
		overflow-y:auto;
		overflow-x: hidden;   
	}
	
	#pub_bar img {max-width: 320px !important;margin: auto;padding-top:77px;}

	/*.container-fluid {
		padding-right:0px;padding-left:0px;margin-right:3px;margin-left:0px;
	}*/
	
	 .logoblock {padding-top: 19px;margin-left: 0px;width:180px;}
	 .logo-alternance, .logo-lapp {width:180px;}
	.home .divwebtv {display:block;width: 90%;margin-left: 19px;}
	.home .xbox {margin-top:-10px;}
	.home .boxtitle{
	    border: 1px solid #F3F4FB;
		background-color: #F7F8FF;
	}
	.home .boxtitle .title{color:#454545;font-size:16px;}
	.home .xlistbox h2 {background-color:#b5c0c9;}
	.home .boxtitle p[class="title"]{font-size:22px;}
	.home .boxtitle .homebox {margin-top:-10px;}
	.boxtitle .fontsize18{font-size:12px;font-weight:bold;}
	.boxtitle h2{font-size:20px;}
	.video .media {padding: 0px 10px 4px 10px;}
	.video img, .buzz img{margin:auto;}
	.buzz .media-heading {margin-top:12px;}
	.buzz {padding:1px 20px;}

	
	/*#myCarousel {display:none;} */
	textarea,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	#navbar .fa{
		margin-right:0px;
		margin-top:-7px;
	}
	#navbar a[class=dropdown-toggle]{font-size:14px;}
	#navbar .dropdown-menu li a{font-size:14px;}
	.navbar-right a {
    	float: right;
	}
	#navjob {width:auto;margin:0;background-color:#ECECEC;}
	#navjob .navbarmenu{
		background-color:#ECECEC;
		text-align:center;
		margin-bottom:-11px;
		width:auto;
		max-width:480px;
		max-height:100px;
	}
	/* APPJOB ET CV*/
	#navjob li a {text-decoration:none;color:#F94646;font-size:10px;}
	.btn-info-rs > span{padding-left: 24px;}
	.boxcvtit {margin-top:50px;}
	.cvhead .bg_col-1 {min-height:70px;}
	.cvhead .bg_col-2 {min-height:70px;}
	.cvhead .bg_col-1 span[class~=cvtxt12]{font-size:14px;}
	.cvhead .card_spec{font-size:12px;}
	 .cvtit {font-size: 22px;}
	.cvhead .prenom{font-size:20px;}
	.cvhead .nom{font-size:30px;}
	.bottom-card{font-size:12px;color:#8190C0;text-align:center;}
	
	.divcv .label_align {text-align:left;padding-left:4px;background-color:#F3F7FE;}
	.divcv .content {padding-left:8px;}
	.divcv .cap-content {padding-left:8px;text-transform: capitalize;}
	.divcvphoto {
		background-size: 140px;
		background-color:#007FC2;
	}
		
	div.webtv-title :first-of-type{margin-left:-10px;margin-top:-20px;}
	.divwebtv .media img{max-width:280px;}

	.home .parent-map > p{
		left:20px;
		top:50px;
		line-height:16px;
		font-size:12px;
		color:#616161;
	}

	.xsh h1{font-size:20px;}
	.art_une h1{font-size:40px;}
	.art_une h2{font-size:32px;}
	.art_une h3{font-size:22px;}
	.art_une h4{font-size:20px;}
	.art_une p{font-size:16px;}
	.actu .media-left,.actu .media-right{width:100%;}
	.actu h4.media-heading, .actu h4.media-heading a, buzz h4.media-heading, .actu h4.media-heading a {margin-top:15px;}
	.iframe-actu {width:95%;height:auto;}
	
	#myCarousel .carousel-caption p{font-size:24px;}
	#myCarousel .carousel-caption h1{font-size:40px;}
	#myCarousel .carousel-caption h2{font-size:30px;}
	#myCarousel {height: 120px;}
	#myCarousel .carousel .item {height: auto;}
	
	.thumbright h2{font-size: 14px;}
	
	#app_right {margin-top:0px;}
	#app_right .video > h2{
		font-size: 12px;
		padding-top:4px;
	}
	#app_right .media-body p{
			color:#000;
	}
	#app_right .thumbright p, #app_right .thumbright i, #app_right .thumbright ul,  #app_right .thumbright p > i{
		font-size: 12px;
		color:#000000;
		font-style:normal;
	}
	.divsearch ul > li{
		width:80%;
		vertical-align:top;
	}
	.divsearch ul .pull-right{
		width:20%;
		vertical-align:top;
	}
	.divrot {
		margin-right: 0px;
		margin-top: 8px;
		width:50px;
		height: 50px;
	}
	.divrot img {
	    width: 80%;
	    height: 80%;
	    margin-top: 10px;
	}
	#lapp-logo {
		display:block;
		margin-right: 0px;
		margin-top: -8px;
		width: 110%;
	}
	/* PROXIJOB FRANCE TRAVAIL */
	.proxijob .boxsmllmap {display:none;}
	.proxijob .searchcfa {background-color:#FDFF77;}
	#box-jobrecrut h3{font-size:22px;}

	#div_romeResult, #div_villeResult {
		font-size: 11px;
	}
	#div_romeResult [class^="col-"], #div_villeResult [class^="col-"]{ /* qui commence par col- */
		margin-left:5px;
	}
	.proxijob .xofmedia-middle{text-align:center;}
	.proxijob .imgpartners img{max-width:80px;}
	.form-lapp-label {font-size:8px;}
	.grp-lapp > label {text-align:center; border: 2px solid yellow;}
	
	/* FORUM */
	#divforum{padding-bottom:25px;}
	.listxforum .col-md-1 img{width:20px;height:16px;}
	#navforum li .fa{font-size:10px;}
	#navforum li span{font-size:9px;}
	.gradmenu .list-inline > li{padding:0px;margin:0px;}
	.xoftab row{
		 display: table;
	}

	.xoftab [class*="col-"]{
		 float: none;
		 display: table-cell;
		 vertical-align: top;
	}
	.divcfa .cfa_img{text-align:center;width:100%;}

	.divcfa .cfa_img img, .divlogo img {
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	#globalfich .card-block {padding:0px;margin-top:1px;margin-left: 5px;}
	#globalfich .cfasocialbox{text-align:center;}
	#globalfich .card-title {margin-top:15px;}
	#globalfich .card-block .card {margin-bottom:10px;margin-left: 8px;}
	
	#globalfich a.accordion-toggle{
		margin-left: -7px;
		font-size: 14px;
	}
	#globalfich a.collapsed{
		margin-top:20px;
	}

	.searchcfa .control-label{
		font-size:10px;
		width:90%;
	}
	.mobil_hide {display:none;}
	
	#modal_smpl .modal-title ul .licfa{width:100%;text-align:center;}
	
	blockquote{padding-right:0px;}
	.longtitle div[class=boxtitle]{font-size:12px;}

	.fquest span a {font-size:16px;text-decoration:underline;}
	
	.forumspace #page-content-wrapper{margin-top:-10px;}
	.appspace {margin-left:0px;}
	.appspace #page-content-wrapper{margin-top:10px;}
	.openspace #page-content-wrapper{margin-left:0px;padding-left:0px;margin-top:-15px;}
	.newsspace #page-content-wrapper{margin-top:-30px;}
	
	.appspace .table, .cfaspace .table{font-size:14px;}
	.appspace .gdtit, .cfaspace .gdtit{font-size:20px;}
	.appspace .pttit, .cfaspace .pttit{font-size:15px;}
	.appspace .boxtitle .title, .boxtitle h3{color:#454545;font-size:18px;}
	h6 {font-size: 11px;font-weight: 500;line-height: 11px;}
	h7 {font-size: 10px;font-weight: 500;line-height: 10px;}
	h8 {font-size: 9px;font-weight: 500;line-height: 9px;}

	.xlistbox .video h5 {font-size: 16px;}
	.appspace .smalltab, .cfaspace .smalltab{font-size:10px;padding:0;margin-right:8px;}
	.title{font-size: 22px;}
	.gdtit {font-size:20px;}
	.pttit {font-size:14px;}
	.titrg span{font-size:18px;font-weight:bold;}
	
	#th_1 div:nth-child(0n+1), #th_2 div:nth-child(0n+1), #th_3 div:nth-child(0n+1){font-size:14px;}

	.divtable{
		overflow-x:auto;
		padding:0px 2px 0px 10px;
		margin:0px 10px 0px 0px;
	}

	.tabxindex td:nth-of-type(1){font-size:16px;line-height:18px;width:15%;}
	.annuaire .media-body a{font-size:20px;}
	#promocfa .thumbnail img{max-width:150px !important;}
	
	.region .parent-map {padding-bottom:30px;}
	.region .map_om {z-index:1000;position:absolute;margin-top:0px;margin-left:30px;}

	#divnews .titre, #divnews .soustitre{padding:0px 0px 10px 0px;}
	/* le font-size des titres et sous-titres est d�termin� dans le code ASP de la page */
	#divnews .thumbnail {padding:8px 14px;margin:0px;}
	.ggl_uneRG { max-width: 200px; width:100%; height:200px;}
	.ggl_col { max-width: 200px; width:100%; height:200px;}
	.fontsize16 {font-size: 14px;}
	.fontsize18 {font-size: 16px;}
	.fontsize20 {font-size: 15px;}
	.fontsize22 {font-size: 18px;}
	.fontsize24 {font-size: 19px;}

	#divnews h2 {font-size: 24px;}
	#divnews h3 {font-size: 20px;}
	#divnews h4 {font-size: 18px;line-height:20px;}
	#divnews h5 {font-size: 16px;}
	#divnews .txt {font-size: 14px;}
	#divnews .txt h2{font-size: 24px;}
	.label_width{width:50%}
	.pubggl_content{display:block;}
	.searchcfa h3{font-size: 16px;}
	/*Bots --------------------   */
	.searchcfa #botsearch-f{margin-top: 8px;}
	.bot_service .btn, .bot_service .btn-tooltip {font-size: 12px;padding:1px 3px;height:22px;}
	.po.btn-tooltip::after {
		content: "PO";
	}
	.web.btn::after {
		content: "web";
	}
	.voirplus.btn::after {
		content: "voir plus";
	}
	button[class=btn-tooltip] i{font-size:16px;}
	.plusinfo{font-size:13px;margin:0px;}
	.btn.plusinfo {max-width: 280px !important;}

	.tab-btn .btn {
		width:100%;
		margin:auto;
		text-align:center;
		font-size:16px;
		color:#fff;
	}
	.tab-btn {
		margin-left:8px;
	}
	.tab-btn  li{
		width:48%;
		padding:4px;
	}
	.tab-btn [class*="col-"] {
		padding: 8px;
	}
	.botlive {width: 130px;}
	/* inverse la superposition naturelle des cols en xs*/
	.inverse-col {
		display: flex;
		flex-direction: column-reverse;
	}
	.inverse-col div:last-child {padding-bottom: 7px;}
	/* ------------------------------------------------*/
	#present li {
		background-position: 0.5em 40%; 
		margin-left:-40px;
	}

	.maxw200 {max-width:200px;}
	.maxw300 {max-width:300px;}
	/* css pour modal_contact.css */
	#modal_contact li a {font-size: 13px;padding: 8px 15px;}
	
	/* css pour tableau salaire */
	.boxindic h2 {font-size:16px;}
	.boxindic h4 {font-size:13px;}
	.boxindic h5 {font-size:12px;}
	.boxindic h6 {font-size:11px;}
	.boxtitle {font-size:16px;}
	.boxtitle .titlerub h2{font-size:14px;font-weight:bold;}

	.total-td{text-align:center;font-weight:bold;font-size:14px;background-color:#BAD7FA;}
		
	.pos-sharestatic {height:40px;padding-top:10px;}
	#xofmap{max-height:100%;height:100%;}
	.head_profil{margin-top:30px;}
	.btn-choicelist div[class^="col-"] {display:inline-block;margin-bottom:8px;}
	.neutralbox {padding: 5px 2px;}

}
/*-------  fin smartphone --------------------------------------------*/
	
@media (min-width: 995px) {
	#divnews {padding-right:20px;}
}
@media (min-width: 1200px) {
	#promocfa .thumbnail img{max-width:150px !important;}
}

@media (max-width: 1200px) {
	#major header {background-size:30%;}
	#xcontener {padding-top:100px;}
	.video .media-body {font-size: 14px;	}
	#header .headtitle{font-size: 18px;}
	.div-control {position:relative;}
}

@media (max-width: 1500px) {
	/*.head-salon .divrot {display:none;}*/
	.fa-extension {display:none;}
	.head_legend{margin-top: -40px;}
	/*.divrot img { width: 71%;height: 71%;margin-top: 7px;}*/
	.divsearch .pull-right {display:none;}
}

/* Media pour Ipad -------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.div-list-select{
		background-color: #D9EBF4;
		border-radius: 8px;
	}
	.btn-tooltip::after {content: "PO";}
	.fa.fa-info-circle {display:inline-block;margin: -10px 0 0 0;}
	#navbar a[class=dropdown-toggle] {font-size: 13px;}
}

@media (max-width: 1235px) {	
	#head_pub {display:none;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1280px)  {

	textarea,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
		-webkit-appearance: none;
		border-radius: 0;
	}
	#major header{
		background-size:35%;
		background-position:center 100px;
	}
	@-webkit-keyframes backgroundScroll {
		from {background-position: center 100px;}
		to {background-position: center 185px;}
	}
	
	@keyframes backgroundScroll {
		from {background-position: center 100px;}
		to {background-position: center 185px;}
	}
	#header .headtitle{
		font-size: 20px;
	}
	#q:hover{width: 30%;}
	#q:focus {width: 30%;}
	#navbar .ipad_hide{
		display:none;
	}
	#navbar .fa{
		margin-right:0px;
		margin-top:-7px;
	}
	
	#sidebar-wrapper .dropdown > a{font-size:14px;}
	#sidebar-wrapper .dropdown-menu li a{font-size:14px;}
	#navbar a[class=dropdown-toggle]{font-size:13px;}
	#navbar .dropdown-menu li a{font-size:14px;}
	#myCarousel .carousel-caption p{font-size:20px;}
	#myCarousel .carousel-caption h1{font-size:40px;}
	#myCarousel .carousel-caption h2{font-size:32px;}
	.conclusion .xofstitle {
		padding:0 140px 40px 140px;
	}
    #modal_infos .modal-dialog {
        width: 65%; /* either % (e.g. 60%) or px (400px) */
    }
	#app_right .thumbright p, #app_right .thumbright i, #app_right .thumbright ul{
		font-size: 14px;
		color:#000;
		font-style:normal;
	}
	
	.mobil_hide {display:none;}
	
		/* FORUM */
	#divforum{padding-bottom:25px;}
	.listxforum .col-md-1 img{width:20px;height:16px;}
	#navforum li .fa{font-size:10px;}
	#navforum li span{font-size:9px;}
	
	.xoftab row{
		 display: table;
	}

	.xoftab [class*="col-"]{
		 float: none;
		 display: table-cell;
		 vertical-align: top;
	}
	.divcfa .cfa_img img{
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	.searchcfa .control-label{
		font-size:12px;
		width:100%;
	}
	.home .boxtitle .title{color:#454545;font-size:20px;}
	.home .parent-map > p{
		left:20px;
		top:28px;
		line-height:16px;
		font-size:12px;
		color:#616161;
	}
	.divwebtv img{max-width:200px;}

	#promocfa .thumbnail img{max-width:120px !important;}
	.cv .label_width{width:30%;}
}