@media screen and (max-width:750px){
	body{ margin-top:43px;}
	.noPhone{ display:none;}
	
	#mini_header{ margin:-30px 0 -70px;}
	
	 #conferenceFix { bottom: 0; position:unset;}
	 
	.container,	.main, .secondary,
	#conference header .container,
	#conference #intervenants .container,
	.container-mini{ width:90%;}
	
	.habillage main, .habillage .megaban,
	.contenu_article{ width:100%; margin-top:20px;}
	
	.bloc{ height:auto;}
	.bloc h3{ margin-top:20px;}
	.double-bloc, .bloc{ margin:0 0 10px 0; width:100%;}
	.taille1, .taille2, .taille3{ width:100%;}
		
	.megaban{ padding:15px 0;}
	.megaban iframe { max-height: 100px;}
	
	#header.bigHeader, #header.smallHeader{ height:43px;}
	/*#header.smallHeader #menu, #header #menu{ padding:0px; height:43px; width:43px; text-indent:-9999px; background-position:10px 16px;}
	#header.smallHeader #menu, #header #menu{ padding:0px; height:43px; width:43px; text-indent:-9999px; background-position:10px 16px;}*/
	#header.smallHeader #menu.selected, #header #menu.selected{ background-position:-120px -95px;}
	/*#header.smallHeader  .logo, #header  .logo{ background-size:190px; height: 27px; margin: 8px auto; width: 55px;}*/
	#header/*2*/.smallHeader .logo, #header/*2*/  .logo{ background-size:190px !important; height: 27px !important; margin: 8px auto !important; width: 55px !important;}
	/*#header.smallHeader #gestionCompte li.compte a, #header #gestionCompte li.compte a{ height:43px;}*/
	#header/*2*/.smallHeader #gestionCompte li.compte a, #header/*2*/ #gestionCompte li.compte a{ height:43px !important;}
	/*#header.smallHeader #gestionCompte li.compte div, #header #gestionCompte li.compte div{margin: 0 10px;}*/
	#header/*2*/.smallHeader #gestionCompte li.compte div, #header/*2*/ #gestionCompte li.compte div{margin: 0 10px !important;}
	#header.smallHeader #gestionCompte li.addCompte, #header #gestionCompte li.addCompte{ width:auto; height:auto;}
	/*#header.smallHeader #gestionCompte li.addCompte a, #header #gestionCompte li.addCompte a{ width:43px; height:43px; margin:0; display:block; text-indent:-9999px; background:url("https://images.itnewsinfo.com/cio/site/sprite_picto.png") no-repeat 13px -1489px;}*/
	/*#header.smallHeader #gestionCompte li.addCompte span, #header #gestionCompte li.addCompte span{ display:none;}*/
	.sous_menu{ padding:15px 0px 10px 0;}
	ul.rubrique{ margin-bottom:10px;}
	ul.rubrique li{ margin-bottom:5px;}
	ul.rubrique li a{ display:block; float:none; width:auto; height:40px; overflow:hidden; margin:0;}
	ul.rubrique li.autre{ float:right; }
	ul.rubrique li.autre.lb{ float:left;}
	ul.rubrique li.autre a{ width:auto; height:40px; overflow:hidden; margin:0; }
	ul.rubrique li a{ font-size:10px;}
	ul.rubrique li a figure{ margin:0; height:25px; width:190px; margin: 7px 0 0 10px;}
	ul.rubrique li a span { display: block; line-height: 16px; margin: 7px 8px 0 9px;}
	ul.thematique li a{ font-size:15px; margin:0 5px 5px 0;}
	ul.rubrique li a span b{ font-size:15px;}
	
	#header/*2*/.smallHeader,#header/*2*/.bigHeader{ height:auto !important;}
	#header/*2*/{ padding:0 !important;}
	#header/*2*/ #menu { background:rgba(0, 0, 0, 0) url("https://images.itnewsinfo.com/cio/site/sprite_picto.png") no-repeat scroll 17px 17px !important; padding:26px 20px 10px !important;}
	#header/*2*/ #menu span{ display:none;}
	#header/*2*/ #menu_rubrique{ display:none;}
	#header/*2*/ #gestionCompte li.addCompte {height: 34px;  background: #f7a517 none repeat scroll 0 0; cursor: pointer; height: 70px; text-align: center;width: 205px;}
	#header/*2*/.smallHeader #gestionCompte li.addCompte,#header/*2*/.bigHeader #gestionCompte li.addCompte{height: 43px !important; width:auto; padding:0 10px;}
	#header/*2*/.smallHeader #gestionCompte li.addCompte a,#header/*2*/.bigHeader #gestionCompte li.addCompte a {font-family: "Lato",serif;font-size: 14px;line-height: 15px; margin-top:7px !important;}

	
	#etude header figure.image, 
	ul.rubrique li a figure figcaption,	
	/*#header  #gestionCompte li.compte div .nom, #header  #gestionCompte li.compte figure, #header  #recherche, #header  #suivre, */
	#header/*2*/ #gestionCompte li.compte div .nom, #header/*2*/ #gestionCompte li.compte figure, #header/*2*/ #recherche, #header/*2*/ #suivre,
	section.conferences .conf{ display:none;}
	.contenu_article p.texte, .contenu_article section, .contenu_article aside{ width:auto;}
	
	#header_compte{ padding-top:30px;}
	#header_compte #identite figure{ width:50px; height:50px; margin-right:10px}
	#header_compte #identite figure img{ width:50px;}
	#header_compte #identite h1{ margin-top:5px; font-size:20px; line-height:14px;}
	.contenu_compte{ padding-top:20px;}
	.contenu_compte h2{ font-size:14px; line-height:22px; margin-bottom:25px;}
	.contenu_compte .recompense{ width:100%; margin-bottom:30px;}
	.contenu_compte .recompense li figure{ display:none;}
	.contenu_compte .recompense li p{ margin:10px; font-size:10px;}
	.contenu_compte .recompense li p b{ font-size:13px;}
	.contenu_compte .recompense li .recuperation{ width:100px; font-size:20px; height:100px;}
	.contenu_compte .recompense li .recuperation .bouton{ width:80px; margin-top:5px;}
	.contenu_compte .recompense li.achat .bouton{ margin:30px 10px; width:90px;}
	.contenu_compte table.recap td.nom{ font-size:12px; }
	#inscription .nl li p{ font-size:10px; }
	#inscription .nl li p strong{ font-size:16px;}

	
	#infoRubrique{ padding:20px 0 30px;}
	#infoRubrique figure{ margin-bottom:10px;}
	#infoRubrique p{ font-size:14px; line-height:20px;}
	ul.documents li{ height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #ddd;}
	ul.documents li img{ width:100px;}
	ul.documents li div{ margin-left:120px;}
	ul.documents li h3{ min-height:auto;}
	
	.partie{ padding:30px 0 50px;}
	.partie h2{ font-size:20px; line-height:26px;}
	#mise_en_avant .alaune article h1{ font-size:20px; line-height:26px;}
	#mise_en_avant .alaune article img{ width:100px; margin:0 20px 20px 0;}
	#mise_en_avant .alaune .droite{ margin:0;}
	#mise_en_avant .alaune article.double{ float:none; width:auto; height:auto; margin:0 0 20px 0;}
	
	#mise_en_avant.conference .alaune .gauche{ float:none;}
	#mise_en_avant.conference  .alaune article img{ width:220px; margin:0;}
	
	#mise_en_avant article.top{ float:none; width:auto; margin:50px 0 0 0;}
	
	.confAvenir.bloc{ display:block;}
	
	section.conferences figure.cioConferences{ background:url("https://images.itnewsinfo.com/cio/site/sprite_logo.png") no-repeat scroll 0 -249px / 280px; height: 36px; width: 280px;}
	section.pdfs figure.cioPDF{ background:url("https://images.itnewsinfo.com/cio/site/sprite_logo.png") no-repeat scroll 0 -307px / 280px; height: 36px; width: 170px;}
	section.etudes figure.cioEtude{ background:url("https://images.itnewsinfo.com/cio/site/sprite_logo.png") no-repeat scroll 0 -370px / 280px; height: 36px; width: 183px;}
	section.actualites{ padding:0 0 20px 0}
	section.actualites .une div{ margin-top:10px;}
	section.actualites #lastActu.bloc ul, section.conferences .confAvenir ul, .listeDoc ul{ height:auto;}
	section.actualites .une figure, section.actualites .une figure img{ width:100%; height:auto; margin-left:0px;}
	article.etude.vide{ display:none;}
	
	#landing-credit table .espace{ width:15px}
	
	nav.pagination ul{ display:none;}
	
	.partie nav{ float:none; margin-bottom:20px;}
		
	h1 { font-size: 25px; line-height: 32px;}
	hgroup h2{ font-size:16px; line-height:22px;}
	
	.col3{ width:auto; float:none;}
	
	#article header h1{ margin:2px 0 5px; padding-bottom:0;}
	#article header .illustration{ margin:10px 0 0 0;}
	#article header figure.image{ width:100%;}
	#article header figure img{ margin:0;}
	#article header figure .overflow{ width:auto; height:auto;}
	#article header hr{ width:260px; margin-top:10px;}
	#article p.chapeau{ font-size:17px; line-height:26px; margin-top:10px;}
	#article p.texte{ width:100%; line-height: 26px;}
	#article p.texte span.mpu{ display:block; margin:0 auto; width:300px; float:none; display:none;}
	#article p.texte span.exergue{ margin:0; font-size:18px; line-height:28px;}
	#article aside.memeSujet, #article section{ padding:10px 0 20px;}
	
	.partage{ text-align:left;}
	
	#humour figure .info_credit{ top:320px; left:0px;}
	
	article .partage ul li a { height: 42px; margin-right: 6px; width: 42px;}
	
	aside.memeSujet article, aside.memeSujet article.numero4, aside.memeSujet article.numero1{ height:320px; margin:0 2%; width:46%; overflow:hidden;}
	aside.memeSujet article h2{ font-size:14px; line-height:18px;}
	.memeSujet .bouton.liste{ margin:20px auto 40px;}
	
	section.commentaires .texte_commentaire{ width:105px;}
	
	#actus_liste hgroup{ margin:20px 0 30px;}
	.liste article{ padding:20px 0;}
	.liste article figure{ width:80px; height:53px; margin-right:10px;}
	.liste article h2 { font-size: 16px; line-height: 20px; margin:-4px 0 5px 90px;}
	.liste article p { display:none;}
	.liste article aside.tag { margin-left:90px;}
	
	section.newsletter input[name="email"]{ width:170px;}
	
	#infoRubrique figure.logoConf{ background:url("https://images.itnewsinfo.com/cio/site/sprite_logo.png") no-repeat 0 -415px / 280px auto; width:260px; height:35px;}
	#conferences li figure{ display:none;}
	#conferences li .contenu{ margin-left:60px;}
	#conference header figure.image{ height:auto; width:100%; margin:-50% 0 0 0; float:none;}
	#conference header figure.image img{ width:100%;}
	#conference header .info_credit{ margin:0 0 30px 0;}
	#conference header h1{font-size: 30px; line-height: 36px;}
	#conference #presentation p{ text-align:left; line-height: 26px;}
	#conference #presentation .thematique li{ padding-bottom:30px;}
	#conference #presentation .thematique li figure{ padding:14px; width:22px; font-size:22px; line-height:22px; margin:0 10px 10px 0}
	#conference #lieu{ height:auto;}
	#conference #lieu .container{ width:300px; padding-left:0px;}
	#conference #lieu figure.image{ display:none;}
	#conference #lieu .container div{ margin-left:0px;}
	#conference #partenaire li{ width:auto; height:auto; margin: 0 0 20px;}
	#conference #intervenants ul li{ margin:0 auto 10px; float:none;}
	#conference #programme ul{ overflow:visible;}
	#conference #programme li.ligne{ left:-4px; background:#dee1e1;}
	#conference #programme li .picto{ display:none;}
	#conference #programme li.droite .heure, #conference #programme li.gauche .heure{ margin-left:10px; float:none;}
	#conference #programme li .infos .triangle{ margin-top:2px;}
	#conference #programme li .infos{ width:auto;}
	#conference #programme li .infos .bulle{ width:88%; padding: 4% 5%;}
	#conference #juridique figure img{ width:100%;}
	#conference aside { padding: 20px 0 40px;}
	#conference aside h2 { margin-bottom:40px; font-size:12pt!important;}
	
	#conference.post .contenu{ width:auto;}
	#conference.post .pack{ float:none; overflow:hidden; margin:0 0 20px 0; width:auto;}
	#conference.post #videos li.col3{ height:auto; margin-bottom:30px;}
	#conference.post #detail_pack ul.videos{ float:none; width:auto;}
	
	
	#conference.custom header figure.image{ height:auto; width:100%; margin:-60% 0 0 0; float:none; margin-bottom:10px;}
	#conference.custom header figure.image img{ width:100%;}

	#conference-desinscription {margin: 100px auto; padding: 20px;}
	#conference-desinscription h1 {font-size: 25px; line-height: 32px; margin-bottom: 30px;}
	#conference-desinscription h2 {font-size: 22px;}
	#conference-desinscription div#section1 p {padding: 0px;}
	
	#landing-credit aside .explication.droite .accroche,
	#landing-credit aside .explication.gauche .accroche,
	#landing-credit aside .explication.droite figure,
	#landing-credit aside .explication.gauche figure{ float:none;}
	
	ul.infos_conf{ margin:20px 0 30px;}
		
	#pdf header{ margin:20px auto 20px;}
	#pdf #detail_numero{ width:auto;}
	#pdf .edito{ width:auto; margin:0 0 20px 0; float:none;}
	#pdf .presentation{ float:none; width:auto; margin:0;}
	#pdf .presentation h2{ display:none;}
	
	#etude header { width:auto;}
	#etude #questionnaire{ width:auto;}
	#etude #questionnaire .contenu{ margin: 20px auto 50px; width: 90%;}
	#etude #questionnaire .marketing{ display:none;}

	.container-form .marketing{ display:none;}
	
	#overlay #close{ font-size:15px; padding:8px 15px;}
	#inscription{ margin-top:80px; width:98%;}
	#inscription .entete.infos{ background:#1ca487;}
	#inscription .entete.valider{ background:#99cc00;}
	#inscription .entete p{ font-size:14px; line-height:18px; margin:20px;}
	#inscription .entete p strong{ font-size:20px; }	
	#inscription .entete p.rappel{ font-size:14px;}
	#inscription .contenu{ padding:0 20px;}
	#inscription .titre{ margin-top:20px;}
	#inscription .nl li .checkbox{ margin-right:10px;}
	form.formulaire li.court input[type="text"], form.formulaire li.court input[type="password"],
	form.formulaire li.long input[type="text"], form.formulaire li.long input[type="password"],form.formulaire li.long textarea{ width:92%;}
	form.formulaire li.double{ float:none;}
	form.formulaire li.long select,
	form.formulaire li.court select{ width:100%;}
	
	section.section.sponsor_conference_footer .infos_popup_conf{ width:90% !important}
	section.section.sponsor_conference_footer .infos_popup_conf.first,
	section.section.sponsor_conference_footer .infos_popup_conf.last,
	section.section.sponsor_conference_footer .infos_popup_conf{ margin:0 25px 40px !important}
	
	#divers ul#nouscontacter li figure{ display:none;}
	#divers ul#nouscontacter li .contenu{ margin:0;}
	
	section.offres_question #question{ text-align:center;}
	section.offres_question #question .bouton{ float:none; margin:10px auto 0 auto}
	
	.etape2 .recapitulatif{ float:none; width:auto; margin:0;}
	
	#dialogueBox.footer1 .contenu{ font-size:17px; line-height:19px;}
	#dialogueBox.box2{ width:100%; right:0;}
	#dialogueBox.box2 .contenu{ margin:20px 16px;}
	#dialogueBox.box2 .contenu .titre{ font-size:20px; line-height:26px;}
	#dialogueBox.box2 .contenu p{ display:none;}
	#dialogueBox.box2 .bouton.actionCreditPositif{ margin-bottom:20px;}
	#dialogueBox.box2 .doigt{ display:none;}
	#dialogueBox.box1, #dialogueBox.box1.mini{ width:100%; right:0; margin-bottom:0;}
	#dialogueBox.box1 .contenu { font-size: 20px; line-height: 24px; margin: 15px 20px;}
	#dialogueBox.box1 .contenu span { font-size: 50px; line-height: 40px;}
	#dialogueBox.box1 .bouton{ margin-bottom:20px;}
	
	#footer ul.lien{ width:auto;}
}
