/*_____________________________GENERAL____________________________*/


body {background-color: #F9F9F9;}
body, ul{margin: 0;}


header, footer{	background-color: #333333;	color: #ffffff;	height: 60px;}
footer{height: 250px; text-align: center; padding: 60px;}
header {padding-top: 20px;}

div.container { max-width: 900px; min-width: 445px; margin: 0 auto;}




/*_____________________________NAVIGATION____________________________*/

nav#nav-header {float: right; padding-top:13px;}
nav#nav-header ul li {display: inline; color: #ffffff; font-family: 'Russo One', sans-serif; font-size:14px; padding:40px 10px;}
nav#nav-header ul li a {color:#ffffff; font-family: 'Russo One', sans-serif; font-size:14px; text-decoration: none;}
nav#nav-header ul li a:hover {color:#ff6600;}




/*_____________________________TYPOGRAPHIE____________________________*/


h1, h1#mobile { 
	font-family: 'Russo One', sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-size: 60px;
	color: #ffffff;
	text-shadow: 3px 3px #0a4e61;
	font-weight: 800;
	margin-top:0;
	padding-top: 30px;
	padding-left: 23%;
 }

h1#mobile {display: none;}

h2 { 
	 font-family: 'Lato', Arial, sans-serif;
    font-size: 32px;
    color: #ffffff;
    margin-left: 45px;
    padding-left: 23%;
    font-weight: bold;
    max-width: 635px;
    text-shadow: 2px 2px #134E61;
}

footer h2 { 
font-family: 'Lato', Arial, sans-serif;
font-size: 29px;
color: #ffffff;
font-weight: bold;
text-shadow: none;
text-align: center;
margin: 0 auto;
padding: 0;
width: 100% !important;
display: inline;
}


 #section2 h2 { 
    font-family: 'Lato', Arial, sans-serif;
    font-size: 25px;
    color: #363b43;
    margin-left: 45px;
    font-weight: 200;
    padding: 0;
    text-shadow: none;
    font-weight: bold;
    line-height: 45px;
 }


h3 { 
	font-family: 'Russo One', sans-serif;
	font-size: 29px;
	font-weight: 800;
	color: #363b43;
	text-transform: uppercase;
  margin-top: 0;
 }


 h4 {
  font-family: 'Russo One', Arial, sans-serif;
  font-size: 30px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom:20px;
 }


 p {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #363b43;
 }



.russo {font-family:'Russo One', sans-serif; font-style: italic;}

footer p {font-size: 12px; font-family: 'Lato', Arial, sans-serif; color: #777777; }




/*_____________________________BOUTON____________________________*/


 a.bouton-salon {
 	display: inline;
 	margin:0 auto;
 	padding: 15px 25px;
 	background-color: #1a5b80;
 	color: #fff;
  	text-decoration: none;
 	font-family: 'Russo One', sans-serif;
 	font-size: 18px;
 	float: right;
 	margin-left: 40px;
	-moz-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;}

a.bouton-salon:hover {
	display: inline;
	margin:0 auto;
 	padding: 15px 25px;
 	background-color: #2277a8;
 	color: #fff;
 	text-decoration: none;
 	font-family: 'Russo One', sans-serif;
 	font-size: 18px;
 	float: right;
 	margin-left: 40px;
 	-moz-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
 	}



/*_____________________________POSITIONS____________________________*/


 .left {text-align: left;}
 .right {text-align: right;}

 .logo-itpartner-section {display: inline-block; margin:0 auto;}

 #section2 {position: relative; 	top: 0px;}
 #section4 #bloc-section4 {display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px;}
 #section4 div.left {display: inline-block; width: 30%;}
 #section1 .container {position: relative; top: 8%;}
 #section3 .container {position: relative; top: 19%; padding-left: 60px;}
 #section5 .container {position: relative; top: 38%;}
 #section3 .container p,  #section5 .container p,  #section3 .container h3,  #section5 .container h3, #section5 .container p,
 #section3 .container h4,  #section5 .container h4 {color: #ffffff;}
 #section3 .container .left {max-width: 552px;}

 div#img-cercle div {display: inline-block;}


/*_____________________________BACKGROUND____________________________*/

 #section1 {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/bg-MCIT_1.jpg"); background-position: center; height: 587px; }
 #section3 { background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/bg-MCIT_2.jpg"); background-position: center; height: 876px;}
 #section5 {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/bg-MCIT_3.jpg"); background-position: center; height: 546px; }


/*_____________________________LOGOS____________________________*/

 div#logo-header {float: left; background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logos-header.png"); width: 350px; height: 47px; background-size: 350px; background-repeat: no-repeat;}
 div#logo-itpartner-section{background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-it-partner.png"); background-repeat:no-repeat; width: 130px; height: 40px; float: right; background-size: 130px;}
 div#lmi  {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-lmi-footer.png"); background-repeat:no-repeat;  width: 134px; height: 43px;}
 div#cio  {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-cio-footer.png"); background-repeat:no-repeat;  width: 45px; height: 43px;}
 div#dis  {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-dis-footer-liste.png"); background-repeat:no-repeat;  width: 104px; height: 43px;}
 div#ittour {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-ittour-footer.png"); background-repeat:no-repeat;  width: 87px; height: 43px;}
 div#fed  {background-image: url("https://images.itnewsinfo.com/dis/landingPage/MCIT/logo-fed-footer.png"); background-repeat:no-repeat;  width: 101px; height: 43px;}

 div.logos-footer {display: inline-block; padding: 0px 20px;}






/*_____________________________FORMULAIRE____________________________*/


 div#formulaires {display: inline-block; width: 100%; }
 .bouton-mail {background-color: #ffffff; color: #006299; font-family:'Russo One', sans-serif; font-size: 16px; padding: 10px;
				-moz-border-radius: 3px;
   				-webkit-border-radius: 3px;
   				border-radius: 3px; border: 0; margin-bottom: 2px;}

 .bouton-mail:hover {background-color: #ffffff; opacity: 0.9; color: #006299; font-family:'Russo One', sans-serif; font-size: 16px; padding: 10px;
				-moz-border-radius: 3px;
   				-webkit-border-radius: 3px;
   				border-radius: 3px; border: 0;}
 .mail {color: #ffffff; background-color: #3381ad; padding: 12px; font-size: 14px; border: 0; width: 90%;}
 .mail.error{ border: 2px solid red; }

 form label {font-family: 'Lato', Arial, sans-serif; font-size:14px; color: #ffffff; }
.inline-bloc {display: inline-block; margin-bottom: 0; width: 24%;}
.inline-bloc2 {display: inline-block; vertical-align:middle;}
.inline-bloc:last-child {margin-left: 2%;}

#merci{ font-family: 'Lato', Arial, sans-serif; height: 20px; font-size: 18px; color: #ffffff; line-height: 24px; color: #ffffff; }

#qui1 {width: 20%;}
#quoi1 {width: 35%;}
#mail1 {width: 30%;}
#bouton1 {width: 10%; vertical-align: bottom; }


#section3 .container div#asterix {margin-top: 40px;}

#section3 .container div#asterix p {
  font-family: 'Lato', Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #ffccaa;
  text-align: left;
}

#section3 .container div#asterix p a{
  font-family: 'Lato', Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #ffccaa;
  text-align: left;
  text-decoration: underline;
}

#section3 .container div#asterix p a:hover{
  font-family: 'Lato', Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: left;
  text-decoration: underline;
}

#loader{ display: inline-block; background-color: #ffffff; width: 39px; height: 39px; text-align: center; width: 92px; border-radius: 3px; margin-bottom: 2px; vertical-align: bottom; }
#loader img{ width: 43%; }

/*_____________________________MEDIA-QUERIES____________________________*/



/* @media screen and (max-width: 800px) {

h1 {font-size :40px;}
#section4 img {display: none;}
}

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

  h1 {display: none;}
  h1#mobile {display: block; font-size :50px; padding-left: 0; text-align: center;}
  nav{display: none;}
  h2 {font-size: 25px; padding: 0; text-align: center; padding-top: 20px;}

  div#logo-header { float: none; width: 250px; height: 47px; background-size: 250px; background-repeat: no-repeat; text-align: center; margin: 0 auto;}
  div.container, section, div, #section4 #bloc-section4 { margin: 0 auto;}
  .left, .right, h1, h2, h3, section, #section4 { margin: 0 auto;}
  div.formulaires {display: block; width: 80%; margin-left: 40px;}
  div.container div.formulaires form label {text-align: left !important;}
  .left:last-child div {text-align: left;}
  h3 {font-size: 30px; width: 100%;}
  section.container, #section2.container, #section3.container, #section4.container, #section5.container, {position: relative; top: 10%;}
  #section5 .container {height: 420px;}
   #section1 .container {position: relative; top: 5% !important;}
 #section3 .container {position: relative; top: 20% !important;}
 #section5 .container {position: relative; top: 18% !important;}
 .container {width: 90%;}
 #section4 #bloc-section4 {width: 100%;}
 div#logos-contenu {width: 250px; float: right; background-size: 250px;}
  div#logo-itpartner-section{width: 130px; height: 40px; float: right; background-size: 130px; margin-top: 20px;}
  #section3 {height: 700px;}
  	#section4 {height: 400px;}
  	#section5 {height: 500px; padding-bottom: 40px;}
  	#section5 .container h3 {padding-top: 60px;}
  	 .mail {padding: 7px;}
  	 .bouton-mail, .bouton-mail:hover {padding: 5px;}
  	
  }*/

   @media screen and (max-width: 850px) {
	body{width: 849px; overflow: scroll;}

   }