/* CSS Document */

/*
Jaune: F9C32D
Rouge: D62826

*/

/****************************************/
/* BLOCS PRINCIPAUX */
/****************************************/

body  {
	font-family: Verdana, sans-serif;
	font-size: 12px; 
	line-height: 1.5em; 
	background-color: #FFF;
	color: #000;
	}
#page {
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding-top: 265px; 
	}
/*
.iPhone {
	display: none;
	}
*/

/****************************************/
/* TYPO */
/****************************************/

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px; 
	line-height: 30px; 
	font-weight: normal;
	height: 130px;
	margin-top: 0;
	padding-top: 80px;
	}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px; 
	margin-top: 18px;
	font-weight: normal;
	}
h3 {
	font-size: 14px; 
	margin-top: 12px;
	margin-left: 0;
	}
h4 {
	font-size: 12px; 
	margin-top: 12px;
	}
p {
	margin-top: 18px;
	text-align: justify;
	margin-left: 60px;
	}
p.navigation {
	text-align: left;
	}
#contenu ul {
	margin: 18px 0 0 120px;
	list-style-type: disc;
	}
#contenu ol {
	margin: 18px 0 0 120px;
	list-style-type: decimal;
	}
/*
a {
	background-color: #000;
	text-decoration: none;
	padding: 0 5px;
	color: #FFF;
	}
*/
a {
	background-color: none;
	text-decoration: underline;
	padding: 0;
	color: #000;
	}
a:hover {
	color: #D62826;
	}
strong {
	font-weight: bold;
	}
hr {
	clear: both;
	display: block; 
	visibility: hidden; 
	height: 0; 
	border-width: 0; 
	margin: 0; 
	padding: 0; 
	}
#WebApp, 
#Appli,
#Realisations,
#Paybox {
	margin-top: 12px;
	margin-left: 60px;
	border: 1px solid #999;
	padding: 0.5em;
	}
.petit {
	font-size: 10px; 
	line-height: 1.5em;
	margin-top: 0;
	margin-left: 0;
	}
span.AppStore {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
	}

/****************************************/
/* BLOC ENTETE */
/****************************************/

#entete {
	height: 380px;
	width: 800px;
	background: url(/images/habillage/montre-24.png) 0 120px no-repeat;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 10;
	}
#logo {
	height: 200px;
	width: 710px; 
	margin-left:120px;
	text-align: center;
	}
#horloge {
	position: absolute;
	top: 145px;
	left: 6px;
	}
#flashAlerte {
	background: url(/images/habillage/horloge-1159.jpg) 52px 9px no-repeat;
	width: 160px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 6px;
	}

/****************************************/
/* BLOC INFO */
/****************************************/

#info {
	/*border-top: 24px solid #999;*/
	margin: 0 120px;
	}
#contenu {
	padding: 40px;
	position: relative;
	background-color: #DCDCDC;
	}

/****************************************/
/* MENU */
/****************************************/

#menu {
	position: absolute;
	z-index: 200;
	top: 200px;
	right: 0; 
	width: 140px;
	}
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	}
#menu li {
	display: inline; /* Pour corriger bug espacement vertical IE6 */
	}
#menu li a {
	display: block;
	text-decoration: none;
	font-size: 10px; 
	color: #FFF;
	line-height: 1.2em;
	padding: 0.5em;
	background-color: #999;
	margin-top: 1px;
	}
#menu li a:hover {
	background-color: #D62826;
	color: #FFF;
	}
#menu li.select a,
#menu li.select a:hover {
	background-color: #F9C32D;
	color: #000;
	}
/*
*/
#reseaux {
	text-align: right;
	margin-top: 3px;
	}

/****************************************/
/* BLOC BAS DE PAGE */
/****************************************/

#basPage p {
	text-align: center;
	font-size: 0.8em; 
	padding-bottom: 20px;
	margin-left: 0;
	}

/****************************************/
/* ALIGNEMENT TABLEAU */
/****************************************/

p.tableau1 {
	margin-left: 0;
	float: left;
	width: 48%;
	text-align: right;
	}
p.tableau2 {
	margin-left: 0.5em;
	float: left;
	width: auto;
	}
img.iconIphone {
	display: none;
	}

/****************************************/
/* FORMULAIRE */
/****************************************/

form#identification p {
	margin-left: 0;
	text-align: center;
	}

/****************************************/
/* REFERENCES */
/****************************************/

#refWeb a,
#refiPhone a {
	padding: 0;
	}
#refWeb img,
#refiPhone img {
	float: left;
	margin-top: -15px;
	margin-bottom: 20px;
	border: 1px solid #000;
	}
#refWeb h2,
#refiPhone h2 {
	clear: left;
	padding-top: 20px;
	}	
#refWeb h3,
#refiPhone h3 {
	clear: left;
	margin-top: 20px;
	}
#refWeb p,
#refiPhone p {
	margin-top: 0;
	}	
#refWeb img {
	height: 150px;
	width: 200px;
	}
#refWeb h2,
#refWeb h3,
#refWeb h4,
#refWeb p {
	margin-left: 220px;
	}
#refiPhone img {
	height: 240px;
	width: 160px;
	}	
#refiPhone img.AppStore {
	height: auto;
	width: auto;
	border: none;
	margin: 0px 0px 0px -4px;
	}	
#refiPhone h2,
#refiPhone h3,
#refiPhone h4,
#refiPhone p {
	margin-left: 180px;
	}
#refiPhone p.lien {
	margin-top: 1em;
	}

/****************************************/
/* MONETIQUE */
/****************************************/

#contenu.monetique form {
	margin-top: 1.5em;
	text-align: justify;
	margin-left: 4.8em;
	}
#contenu.monetique form legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em; 
	font-weight: normal;
	margin-bottom: 0.5em;
	}
#contenu.monetique form p {
	margin-top: 0.5em;
	text-align: right;
	margin-left: 0em;
	}
#contenu.monetique form p label {
	float: left;
	width: 230px;
	margin-right: 0.5em;
	}
#contenu.monetique form p input {
	float: left;
	width: 280px;
	}
#contenu.monetique form p.remarque {
	text-align: center;
	width: 630px;
	clear: left;
	margin-left: -4.8em;
	}
#contenu.monetique form #piedForm {
	margin-top: 0.5em;
	width: 630px;
	clear: none;
	text-align: center;
	margin-left: -4.8em;
	}
#contenu.monetique p.alerte {
	text-align: center;
	background-color: #D62826;
	color: #FFF;
	padding: 0.5em;
	font-weight: bold;
	}

/****************************************/
/* GUS */
/****************************************/

	
h1.index {
	background: url(/images/gus/inauguration.gif) -40px -100px no-repeat;
	}
h1.blog {
	background: url(/images/gus/news.gif) -40px -100px no-repeat;
	}	
h1.iphone {
	background: url(/images/gus/ref-iphone.gif) -40px 0px no-repeat;
	}	
h1.ipad {
	background: url(/images/gus/ipad.gif) -40px 0px no-repeat;
	}		
h1.iapps {
	background: url(/images/gus/longtemps.gif) -40px -2px no-repeat;
	}	
h1.referencesWeb {
	background: url(/images/gus/ref-web.gif) -40px 2px no-repeat;
	}		
h1.competences {
	background: url(/images/gus/competences.gif) -40px -2px no-repeat;
	}
h1.MMU {
	background: url(/images/gus/20ans.gif) -40px -2px no-repeat;
	}
h1.contact {
	background: url(/images/gus/contactIE6.gif) -40px -2px no-repeat;
	}	
h1.accesPrive {
	background: url(/images/gus/accesIE6.gif) -40px 0px no-repeat;
	}
h1.monetique {
	background: url(/images/gus/paiementIE6.gif) -40px -3px no-repeat;
	}

/****************************************/
/* BLOG */
/****************************************/

#navigation {
	clear: both;
	padding-top: 1.5em;
	text-align: center;
	font-size: 0.8em; 
	line-height: 1.5em;
	}
/*
*/
#contenu.articleBlog {
	padding-top: 105px;
	}
#articleBlog h4 {
	margin: 0;
	font-size: 0.8em; 
	}
#articleBlog h1 {
	margin: 0;
	padding: 0;
	line-height: 30px; 
	height: auto;
	}
#articleBlog img.imgParagrapheGauche {
	border: 1px solid #FFF;
	margin: 0 20px 10px 0;
	float: left;
	}
#articleBlog img.imgParagrapheDroite {
	border: 1px solid #FFF;
	margin: 0 0 10px 20px;
	float: right;
	}
#articleBlog p.blocImage img {
	margin-right: 10px;
	}
/*
*/
#sommaireBlog {
	}
#sommaireBlog h1 {
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 30px; 
	height: auto;
	}
#sommaireBlog h3 {
	margin: 0 0 0.5em 4.8em;
	font-size: 1em; 
	clear: left;
	}
#sommaireBlog ul.sommaire {
	margin: 0 0 0.5em 8em;
	}
#sommaireBlog ul.sommaire li {
	list-style: none;
	}
#sommaireBlog ul.sommaire li span.date {
	font-size: 10px; 
	clear: left;
	float: left;
	margin-right: 8px;
	}
#sommaireBlog ul.sommaire li a {
	float: left;
	width: 420px;
	padding-bottom: 10px;
	}
/*
*/
h4.index {
	}

h2.index {
	margin: 0;
	}