/* ---------------------- */
/* Paramètres génériques  */
/* ---------------------- */

body
{
	margin: 0px;
	background-color:#000000;
	font-family: Verdana,Arial;
	font-size: 15px;
	color: #FFFFFF;
	text-align: justify;
	line-height: 15px;
}

@media (max-width: 480px)
{
	.logo
	{
		margin-left:-20px;
	}
	
	.navbar-default .navbar-toggle
	{
		margin-top:-55px;
	}
	
	.navbar-default
	{
		border:none;
	}
}

@media (max-width: 768px)
{
	.navbar-default .navbar-toggle
	{
		margin-top:-55px;
	}
	
	.navbar-default
	{
		border:none;
	}
}

.row
{
	margin:0;
}

.container-fluid
{
	margin:0;
}

.header
{
	/*background-image:url(images/fond-header.jpg);*/
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#000000;
	margin-top:20px;
	padding-top:15px;
	border-top:7px #98EAFF solid;
}

.header .menu
{
	padding-left: 30px;
	padding-right: 0px;
	/*margin-top:-5px;*/
}
.captcha
{
	clear:both;
	display:inline-block;
}
.captcha .txt
{
	width:200px;
	float:left;
	display:inline-block;
}
.captcha .refresh
{
	float:left;
	display:inline-block;
	background-image:url(images/refresh.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:24px;
	height:34px;
	cursor:pointer;
}

.navbar
{
	margin-bottom: 0px;
}

.navbar-nav, .navbar-default, .navbar-header
{
	background-color: #000000;
}

@media (max-width: 768px)
{
	
	.navbar-nav li
	{
		width:25%;
	}
	
	.cadrage-menu
	{
		margin-left:-50px;
	}
	
}

@media (max-width: 480px)
{
	
	.navbar-nav li
	{
		width:25%;
	}
	
	.cadrage-menu
	{
		margin-left:0px;
	}
	
	
}

.navbar-default
{
	min-height: 1px;
	height: 1px;
	
}

.navbar-nav
{
	width:100%;
	text-align:center;
}

.footer
{
	background-image:url(images/fond-footer.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#000000;
	padding-top:10px;
	font-size:11px;
	text-align:center;
	padding-bottom:12px;
}

.footer a
{
	color:#FFFFFF;
}

.footer a:hover
{
	color:#00CCFF;
	text-decoration:none;
}

/* ******* */
/* Accueil */
/* ******* */

.images-accueil
{
	height:300px;
	background-color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	padding-left:30px;
}

.man-fb
{
	height:300px;
	background-color:#FFFFFF;
	text-align:left;
	margin-top:10px;
}

.man-fb img
{
	margin-top:30px;
	margin-left:39px;
	z-index:1000;
	position:absolute;
}

.man-fb .fb-page
{
	/*margin-left:60px;*/
}

@media (max-width: 480px)
{	
	.man-fb
	{
		background-color:#000000;
		margin-left:-30px;
	}
	
	.man-fb .fb-page
	{
		padding-left:0px;
		margin-left:60px;
	}
	
	.man-fb img
	{
		display:none;
	}
	
	.vitrine, .institutionnel, .administrable, .commerce
	{
		padding-top:10px;
	}
	
	.descr
	{
		margin-top:5px;
	}
}

.fb-page
{
	padding-top:5px;
	padding-left:190px;
}

.sites
{
	margin-top:10px;
	margin-bottom:10px;
}

.sites .devis
{
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
	font-size:24px;
	letter-spacing:1px;
	font-style:italic;
}

@media (max-width: 480px)
{
	.sites .devis
	{
		font-size:14px;
		line-height:30px;
	}
	
	.sites .descr
	{
		max-width:70%;
		padding-top:0px;
	}

}

@media (max-width: 767px)
{
	
	.man-fb img
	{
		display:none;
	}
	
	.man-fb .fb-page
	{
		padding-left:0px;
	}
	
	.sites .devis
	{
		font-size:20px;
	}
	
	.administrable, .commerce
	{
		padding-top:10px;
	}
	
	.vitrine .descr, .institutionnel .descr, .administrable .descr, .commerce .descr
	{
		margin-top:30px;
	}

}

@media only screen and (min-device-width: 481px) and 
(max-device-width: 1024px) and (orientation:portrait)
{
  /* Portrait iPad display */
	
	.menu li
  	{
  		margin-left:-20px;
  	}
  	
	.man-fb
	{
		text-align:right;
	}
	
	.man-fb img
	{
  		margin-left:-145px;
	}
  
	.man-fb .fb-page
	{
		margin-left:0px;
		padding-left:0px;
	}
	
	.administrable
	{
		margin-top:10px;
	}
	
	.commerce
	{
		margin-top:10px;
	}
}

@media only screen and (min-device-width: 481px) and 
(max-device-width: 1024px) and (orientation:landscape)
{
  /* Landscape iPad display */
  	
  	.menu li
  	{
  		margin-left:-20px;
  	}
  	
  	.images-accueil
  	{
  		position:relative;
  		z-index:1000;
  	}
  	
  	.man-fb
	{
		text-align:right;
	}
	
	.man-fb img
	{
  		display:none;
	}
  
	.man-fb .fb-page
	{
		margin-left:0px;
		padding-left:0px;
		position:relative;
  		z-index:100;
	}
}

.sites img
{
	width:100%;
}

.titre-sites
{
	background-color:#000000;
	height:35px;
	text-align:center;
	padding-top:10px;
	letter-spacing:1px;
	font-weight:bold;
	font-variant:small-caps;
}

.sites .descr
{
	position:absolute;
	width:77.7%;
	padding-top:140px;
	padding-left:20px;
	text-align:center;
	letter-spacing:1px;
	color:#000000;
	font-size:12px;
}

/* ************ */
/* Réalisations */
/* ************ */

.mtr_liens 
{
	padding-left:25px;
}

.mtr_liens h3
{
	padding-top:20px;
	padding-bottom:20px;
	color:#00CCFF;
	font-size:30px;
}

.mtr_liens table td
{
	padding-bottom:20px;
}

.mtr_liens h4 a
{
	font-family:Eras Demi ITC;
	color:#00CCFF;
}

.mtr_liens h4 a
{
	color:#00CCFF;
}

.mtr_liens img
{
	padding-right:20px;
}

/* ********* */
/* Sites Web */
/* ********* */

.sites-web
{
	padding-bottom:20px;
}

.sites-web .titre-vitrine
{
	font-size:18px;
	color:#FF7F00;
	display:none;
}

.sites-web .titre-institutionnel
{
	font-size:18px;
	color:#3399CC;
	display:none;
}

.sites-web .titre-administrable
{
	font-size:18px;
	color:#9966CC;
	display:none;
}

.sites-web .titre-commerce
{
	font-size:18px;
	color:#009966;
	display:none;
}

@media (max-width: 480px)
{
	.sites-web .titre-vitrine, .sites-web .titre-institutionnel, .sites-web .titre-administrable, .sites-web .titre-commerce
	{
		display:block;
	}
	
	.sites-web .descr
	{
		margin-top:-40px;
		padding-bottom:10px;
	}
}

@media (max-width: 767px)
{
	.sites-web .titre-vitrine, .sites-web .titre-institutionnel, .sites-web .titre-administrable, .sites-web .titre-commerce
	{
		display:block;
	}
	
	.sites-web .descr
	{
		margin-top:-40px;
		padding-bottom:10px;
	}
}

@media only screen and (min-device-width: 481px) and 
(max-device-width: 1024px) and (orientation:portrait)
{
	.sites-web img
	{
		display:none;
	}
	
	.sites-web .titre-vitrine, .sites-web .titre-institutionnel, .sites-web .titre-administrable, .sites-web .titre-commerce
	{
		display:block;
	}
	
	.sites-web .descr
	{
		margin-top:-40px;
		padding-bottom:10px;
	}
}

.sites-web .descr
{
	padding-top:50px;
	line-height:20px;
}

/* ******* */
/* Contact */
/* ******* */

h3
{
	padding-top:20px;
	padding-bottom:20px;
	color:#00CCFF;
	font-size:30px;
}

.contact .contenu-contact
{
	padding-bottom:40px;
	width:100%;
}

.contact .info-contact
{
	font-style:italic;
	font-size:12px;
	padding-top:20px;
	padding-bottom:40px;
}

.contact .mtr_contact .mtr_contact_fin
{
	text-align:center;
}

/* **************** */
/* Mentions Légales */
/* **************** */

h3
{
	padding-top:20px;
	padding-bottom:20px;
	color:#00CCFF;
	font-size:30px;
}

.mentions
{
	font-size:14px;
	min-height:600px;
}

.mentions .coordonnees
{
	padding-top:60px;
	text-align:center;
}

.mentions .coordonnees a
{
	color:#00CCFF;
}

.mentions .coordonnees a:hover
{
	text-decoration:underline;
}