/*Feuille de style de l'architecture Informatique par défaut
Commençons par les balises Html
*/
body {
	font-family:Arial, helvetica, Sans-sérif, Sérif, Times ;
	margin:0;
	padding:0;
	font-size: 75%;
	background-color:white;
    }
a	{
	color: #808080 ;
	text-decoration:none ;
	}
a:hover	{
	color: red;
	}
h1	{
	font-family:Georgia, Arial, helvetica, Sans-sérif, Sérif, Times ;
	margin: 0;
	padding:20px 0 0 20px;
	font-size: 200%;
	color:black;
	text-align:left;
	display:none;
	}
h2:first-letter {
	font-size:250%;
    color:white ;
	}
h6	{
	margin: 0;
	padding:0;
	font-size: 85%;
	}
p	{
	/*font-family:"Arial black";*/
	margin: 0;
	padding:0 115px 0 100px;
	font-size: 120%;
	line-height:150%;
/*	font-weight:bold ;*/
	color:black;
	/*background-color:white;*/
	text-align:left;
	}
p:first-letter {
	/*font-size:200%;*/
	font-weight:bold ;
	/*color:white;*/
	}
p a {
	color:black;
	text-decoration:underline;
	}
p a:hover {
	color:black;
	text-decoration:none;
	}
form {
	margin: 0;
	padding:10px 5px 0 0;
	}
input {
	margin:0;
	padding:0;
	}
/*Descrition des styles 
CLASS Style image sans bord*/
.none {
	border:none ;
	}
/*Changement de couleur pour le menu haut*/
.couleurf {
	color:black;
	}
a.couleurf {
	color:white;
	}
a:hover.couleurf {
	color:red;
	}
/*Petites fontes de menu*/
.light .lightV {
	font-family:Arial, helvetica, Sans-sérif ;
	font-weight:lighter;
	}
ul.light	{
	margin: 0;
	padding:110px 0 0 0;
	list-style-type:none;
	}
ul.lightV	{
	margin: 0;
	padding:470px 0 0 0;
	list-style-type:none;
	}
li.light	{
	display:inline;
	}
ul.corps  {
	margin: 0;
	padding-left:150px;
	list-style-type:none;
	/*list-style-image:url(../image/puce.png);*/
	list-style-position:inside;
	}
li.corps   {
	font-size:120%;
	text-align:left;
	line-height:2em;
	}
ul.corps1  {
	margin: 0;
	padding-left:150px;
	list-style-type:none;
	/*list-style-image:url(../image/puce.png);*/
	list-style-position:inside;
	}
li.corps1   {
	font-size:110%;
	text-align:left;
	line-height:2em;
	}
ul.corps2  {
	margin: 0;
	padding-left:150px;
	list-style-type:none;
	/*list-style-image:url(../image/puce.png);*/
	list-style-position:inside;
	}
li.corps2   {
	padding-left:10px;
	text-align:left;
	line-height:2em;
	}
/*Description des différentes partie de l'écran POUR UN ECRAN 1024 X 768
LARGEUR REELLE UTILISEE: 1004
HAUTER REELLE UTISLISEE: 604
Description de la Page Balise <div>
Centrons sytématiquement l'écran */
#page {
	width:1004px;
	padding:0;
	margin:0 auto;
	}
/*La place du logo */
#logo {
    background: transparent url(../image/fond.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo1 {
    background: transparent url(../image/fondconcept.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo2 {
    background: transparent url(../image/fondconseil.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo3 {
    background: transparent url(../image/fondservice.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo4 {
    background: transparent url(../image/fondlogiciel.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo5 {
    background: transparent url(../image/fondweb.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo6 {
    background: transparent url(../image/fondreferences.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo7 {
    background: transparent url(../image/fondcontact.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo8 {
    background: transparent url(../image/fond.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
#logo9 {
    background: transparent url(../image/fond.jpg) no-repeat top left; 
	position:relative;
	float:left;
	width:174px;
	height:600px;
	padding-top: 0;
	}
/*le titre*/
#titre {
    background:#A49365 url(../image/titre.jpg) no-repeat top left;	/*	*/
	position:relative;
	float:left;
	width:826px;
	height:145px;
	margin: 0 ;
	padding:0;
	}
#contenu	{
	float:left;
	width:826px;
	height:350px;
	margin: 0;
	padding:0;
	text-align:center;
	}
#contenug {
	float:left;
	width:413px;
	height:350px;
	overflow:auto;
	margin: 0;
	padding:10px 0 0 0;
	text-align:center;
	}
#contenud {
	top:0;
	float:right;
	width:413px;
	height:350px;
	overflow:auto;
	margin: 0;
	padding:10px 0 0 0;
	text-align:left;
	}
#contenu1	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#B7A97C url(../image/concept.jpg) no-repeat top left;
	}
#contenu2	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#D8B57F url(../image/conseil.jpg) no-repeat top left;
	}
#contenu3	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#CAFF91 url(../image/service.jpg) no-repeat top left;
	}
#contenu4	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#F2CE9C url(../image/genie.jpg) no-repeat top left;
	}
#contenu5	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#CAFF91 url(../image/developpement.jpg) no-repeat top left;
	}
#contenu6	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#C69A77 url(../image/reference.jpg) no-repeat top left;
	}
#contenu7	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	margin: 0;
	padding:0;
	text-align:center;
	background:#BBB267 url(../image/contacteznous.jpg) no-repeat top left;
	}
#contenu8	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#C69A77 url(../image/reference.jpg) no-repeat top left;
	}
#contenu9	{
	position:relative;
	float:left;
	width:826px;
	height:455px;
	overflow:auto;
	margin: 0;
	padding:0;
	text-align:center;
	background:#BBB267 url(../image/contacteznous.jpg) no-repeat top left;
	}
#pied	{
	height:100px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:white
	}
/*menu bouton
Vertical*/
#menuv1	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/1.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv1 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/1.jpg) no-repeat top left;
	}
#menuv1 a:hover{
	background-position: 0% -46px;
	}
#menuv2	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/2.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv2 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/2.jpg) no-repeat top left;
	}
#menuv2 a:hover{
	background-position: 0% -46px;
	}
#menuv3	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/3.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv3 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/3.jpg) no-repeat top left;
	}
#menuv3 a:hover{
	background-position: 0% -46px;
	}
#menuv4	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/4.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv4 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/4.jpg) no-repeat top left;
	}
#menuv4 a:hover{
	background-position: 0% -46px;
	}
#menuv5	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/5.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv5 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/5.jpg) no-repeat top left;
	}
#menuv5 a:hover{
	background-position: 0% -46px;
	}
#menuv6	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/6.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv6 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/6.jpg) no-repeat top left;
	}
#menuv6 a:hover{
	background-position: 0% -46px;
	}
#menuv7	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/7.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv7 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/7.jpg) no-repeat top left;
	}
#menuv7 a:hover{
	background-position: 0% -46px;
	}
#menuv8	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/6.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv8 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/6.jpg) no-repeat top left;
	}
#menuv8 a:hover{
	background-position: 0% -46px;
	}
#menuv9	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/7.jpg) no-repeat top left;
	background-position: 0% -92px;
	}
#menuv9 a	{
	text-align: center;
	display:block;
	width:174px;
	height:45px;
	line-height:45px;
	background: transparent url(../image/bouton/7.jpg) no-repeat top left;
	}
#menuv9 a:hover{
	background-position: 0% -46px;
	}
/*menu texte
Horizontal*/
#menuh1 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	margin:0;
	padding:0;
	line-height:30px;
	text-align: center;
	}
#menuh2 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	margin:0;
	padding:0;
	line-height:30px;
	text-align: center;
	}

#menuh3 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	margin:0;
	padding:0;
	line-height:30px;
	text-align: center;
	}
#menuh4 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	margin:0;
	padding:0;
	line-height:30px;
	text-align: center;
	}
#menuh5 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	margin:0;
	padding:0;
	text-align: center;
	}
#menuh6 {
	float:left;
	display:block;
	width:118px ;
	height:35px ;
	line-height:30px;
	margin:0;
	padding:0;
	text-align: center;
	}
#menuh7 {
	float:left;
	display:block;
	width:115px ;
	height:35px ;
	margin:0;
	padding:0;
	text-align: center;
	}