@charset "UTF-8";
@import url(include/puce-menu.css);
@import url(include/packshot.css);

body{
	background: #2773b8 url(../img/body.jpg) repeat-x;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
img{
	border: none;
}
hr{
	display: none;
}
.reset{
	clear: both;
	height: 1px;
	font-size: 1px;
}
#container{
	width: 886px;
	margin: 0 auto;
	text-align: center;
}
#fixe-hauteur{
	float: left;
	width: 1px;
	height: 200px;
	font-size: 1px;
}

#petitLogo{
	display:inline;
}
#grosLogo{
	display:none;
}

#identite-visuelle{
	height: 43px;
	text-align: left;
	padding-left: 17px;
	padding-top: 8px;
	position: absolute;
}
#menu-haut{
	height: 55px;
	padding-top: 15px;
}
#idv{
float: left;
height: 40px;
}
#global{
	/*background: White;*/
	margin: 0 auto;
	text-align: center;
}
#global-haut{
	background: url(../img/global-haut.png) no-repeat;
	height: 24px;
}
#global-bas{
	background: url(../img/global-bas.jpg) no-repeat;
	height: 73px;
}
#global-ombre{
	background: url(../img/global-ombre.jpg) no-repeat;
	height: 109px;
}
#contenu{
	text-align: center;
	width: 886px;
	margin: 0 auto;
	background: White;
}
#inside{
width: 854px;
text-align: center;
margin: 0 auto;
}
#header{
	height: 214px;
}
#header-two{
	height: 251px;
}
.one{
	background: url(../img/headers/one-archi.jpg) no-repeat;
}
.two{
background: url(../img/headers/two-default.jpg) no-repeat;
}
.contact{
background: url(../img/headers/one-contact.jpg) no-repeat;
}
.fibre{
background: url(../img/headers/one-illu.jpg) no-repeat;
}
.colors{
background: url(../img/headers/one-colors.jpg) no-repeat;
}
.woman{
background: url(../img/headers/woman.jpg) no-repeat;
}
.redwoman-un{
background: url(../img/headers/redwoman-un.jpg) no-repeat;
}
.redwoman-deux{
background: url(../img/headers/redwoman-deux.jpg) no-repeat;
}
.one-keyboard{
background: url(../img/headers/one-keyboard.jpg) no-repeat;
}
.one-keyboard-level1{
background: url(../img/headers/one-keyboard-level1.jpg) no-repeat;
}
.about{
background: url(../img/headers/one-about.jpg) no-repeat;
}
.home{
background: url(../img/headers/one-home.jpg) no-repeat;
}
.home-alternatif{
background: url(../img/headers/one-home-alternatif.jpg) no-repeat;
}
.home-black{
background: url(../img/headers/one-home-black.jpg) no-repeat;
}
.solutions{
background: url(../img/headers/solutions.jpg) no-repeat;
}
.espace-gestion{
background: url(../img/headers/espace-gestion.jpg) no-repeat;
}
.sage-compta{
background: url(../img/headers/sage-compta.jpg) no-repeat;
}
.sage-gestion-paie{
background: url(../img/headers/sage-gestion-paie.jpg) no-repeat;
}
.sage-gestion-index{
background: url(../img/headers/sage-gestion-index.jpg) no-repeat;
}
.sage-gestion-commerciale{
background: url(../img/headers/sage-gestion-commerciale.jpg) no-repeat;
}
.crm-index{
background: url(../img/headers/crm-index.jpg) no-repeat;
}
.formations-sage{
background: url(../img/headers/formations-sage.jpg) no-repeat;
}
.formations-contenu{
background: url(../img/headers/formations-contenu.jpg) no-repeat;
}
.acheter-sage-gestion{
background: url(../img/headers/acheter-sage-gestion.jpg) no-repeat;
}
.printing{
background: url(../img/headers/printing.jpg) no-repeat;
}
.virtualia{
background: url(../img/headers/virtualia.jpg) no-repeat;
}

.titreHeader {
	float: left;
	text-align: left;
	padding-top: 75px;
	padding-left: 20px;
}

.titreHeader h1 {
	margin:0;
	color: #fff;
	font-size: 14px;
}

.titreHeader h2 {
	margin-top: 13px;
	color: #edf6d7;
	font-size: 10px;
}

.infoHeader {
	float: right;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
}

/*  top menu */


#menu-flottant{
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#menu-flottant ul{
	margin: 0;
	padding: 0;
	line-height: normal;
}
#menu-flottant li{
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
#menu-haut a{
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
    padding: 5px 10px 15px 10px;
}
#menu-haut #menu-flottant .current{
	background:url(../img/a-right.gif) no-repeat right top;
}
#menu-haut #menu-flottant .current a{
	background:url(../img/a-left.gif) no-repeat left top;
}


/* second menu  */

#second-menu{
	padding-top: 185px;
	padding-left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
}
#second-menu ul{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: White;
}
#second-menu li{
	float: left;
	list-style: none;
	color: White;
}
#second-menu a{
	display: block;
	color: White;
	text-decoration: none;
	margin-right: 10px;
	background: url(../img/separateur-second-menu.gif) no-repeat top right;
	padding-right: 10px;
	font-size: 10px;
}
#second-menu a:hover{
	color: #B1D1E5;
}
#second-menu a.selected{
	color: #B1D1E5;
}
#second-menu a.dernier{
	background: none;
}

/* trois menu  */
#trois-menu{
	height: 1px;
	margin-top: 40px;
	padding-left: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#trois-menu ul{
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#trois-menu li{
	float: left;
	list-style: none;
}
#trois-menu a{
	display: block;
	color: White;
	text-decoration: none;
	margin-right: 10px;
	background: url(../img/separateur-trois-menu-default.gif) no-repeat top right;
	padding-right: 10px;
}
#trois-menu a:hover{
	color: #B1D1E5;
}
#trois-menu a.selected{
	color: #B1D1E5;
}
#trois-menu a.dernier{
	background: none;
}

.fourth-menu{
	float: left;
	width: 215px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	margin-bottom: 6px;
	background: #1a55a3;
}

.fourth-menu ul{
	margin: 8px 0 10px 0;
	padding: 0 0 0 20px;
}

.fourth-menu ul li{
list-style: none;
}

.fourth-menu a{
	color: White;
	text-decoration: none;
}

/*  ecrire  */

#colonne-gauche12{
	float: left;
	width: 339px;
	margin-right: 18px;
}
#colonne-droite12{
float: left;
	width: 494px;
		margin-bottom: 13px;
}
#colonne-gauche34{
	float: left;
	width: 220px;
	margin-right: 18px;
}
#colonne-droite34{
	float: left;
	width: 605px;
		margin-bottom: 13px;
}
#ecrire{
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #262626;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: White;
}

/* nice form
#ecrire img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
*/

.resume, .attachement, .multilight, .pmelight, .highlight, .ingelight{
	float: left;
	width: 339px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	margin-bottom: 6px;
	text-align: justify;
}
.resume{
	background: #d6e5f7;
}
.multilight{
/*	background: #7aa420; */
	background: #e7f0d3;
	color: #333;
}
.highlight{
	background: #2773b9;
	/* #094b87; */
	color: white;
}
.pmelight{
/*background: #034e3f;*/
background: #c0dbd6;
color: #333;
}
.ingelight{

/*background: #063664;*/
background: #c8d7e8;
color: #333;
}

#ecrire .highlight a, #ecrire .highlight a:hover {
	color: #000;
}

.rone{
	background: #ddeaf9;
}
.rtwo{
	background: #d6e5f7;
}
.resume ul, .attachement ul{
margin-right: 20px;
}
.attachement{
	background: #f0f5fc;
}

.abs {
	position: absolute;
	left:-238px;
	width: 215px;
}

#contenu #ecrire .attachement a.pdf{
	background: url(../img/pdf.png) no-repeat;
	padding-left: 20px;
	border: none;
}
#ecrire p, #ecrire h2, #ecrire h1, #ecrire h3, #ecrire h4, #ecrire pre{
	padding-left: 20px;
	padding-right: 20px;
}
#ecrire h2, #ecrire h3{
margin-top:10px;
}
#ecrire p{
margin-top: 10px;
}
#ecrire h2{
font-size: 16px;
}
#ecrire h3{
font-size: 14px;
margin-top:25px;
margin-bottom: 0;
}
#ecrire h4{
font-size: 12px;
}
#ecrire a{
	color: #262626;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#ecrire a.fancyzoom{
border: none;
}

#ecrire .fourth-menu a{ color: white; border:none; }
#ecrire .fourth-menu a:hover{ color: #5e8ec2; border:none; }
#ecrire .fourth-menu a.selected{ color: #5e8ec2; }

#ecrire a.more, input.more, #ecrire a.more-blue, #ecrire a.more-green, #ecrire a.more-neutre{
display: block;
float: left;
height: 25px;
text-decoration: none;
border: none;
color: white;
padding-top: 2px;
cursor: pointer;
}
#ecrire a.more-neutre{
color: #000;
}
span.moreleft, span.more-left-blue, span.more-left-green, span.more-left-neutre{
display: block;
float: left;
height: 25px;
width: 25px;
}
span.moreright, span.more-right-blue, span.more-right-green, span.more-right-neutre{
display: block;
float: left;
height: 25px;
width: 15px;
}

/*  set backgrounds pour les btn savoir plus */

#ecrire a.more, input.more{
background: url(../img/moremiddle.png) no-repeat top left;
}
span.moreleft{
background: url(../img/moreleft.png) no-repeat top left;
}
span.moreright{
background: url(../img/moreright.png) no-repeat top left;
}


#ecrire a.more-blue{
background: url(../img/more-middle-blue.png) no-repeat top left;
}
span.more-left-blue{
background: url(../img/more-left-blue.png) no-repeat top left;
}
span.more-right-blue{
background: url(../img/more-right-blue.png) no-repeat top left;
}


#ecrire a.more-green{
background: url(../img/more-middle-green.png) no-repeat top left;
}
span.more-left-green{
background: url(../img/more-left-green.png) no-repeat top left;
}
span.more-right-green{
background: url(../img/more-right-green.png) no-repeat top left;
}

#ecrire a.more-neutre{
background: url(../img/more-middle-neutre.png) no-repeat top left;
}
span.more-left-neutre{
background: url(../img/more-left-neutre.png) no-repeat top left;
}
span.more-right-neutre{
background: url(../img/more-right-neutre.png) no-repeat top left;
}



/*
interieur des niveaux 3 et 4
*/
.developpement12 ul, .developpement34 ul{
margin-top: 5px;
padding-top: 0;
}
.developpement34{
	position: relative;
	background: url(../img/ombre-content.gif) no-repeat;
	float: left;
	width: 605px;
	text-align: left;
	font-size: 11px;
	margin-top: 16px;
	padding-top: 5px;
	text-align: justify; 
}
/*
interieur des niveaux 1 et 2
*/
.developpement12, .complement12{

	background: #e5e9f2;
	float: left;
	width: 494px;
	text-align: left;
	font-size: 11px;
	margin-top: 26px;
	text-align: justify;
}
.resume h2, .attachement h2{
	font-size: 12px;
	color: #333;
	margin-top: 20px;
}

.highlight h2 {
	color: white;
}

.developpement12 h2{
color: #222;
font-size: 16px;
}
.developpement12 h3, .complement12 h3{
color: #222;
font-size: 14px;
}
.developpement12 h2 span, .developpement34 h2 span, .complement12 h2 span{
color: #333;
font-size: 11px;
}

.complement12{
	background: #f0f5fc;
}
.complement12 h2{
color: #333;
font-size: 16px;
}
/*  menu pied de page */


#global-bas{
	font-size: 10px;
	color: #959697;
	text-align: left;
}
#global-bas a{
	font-weight: bolder;
	text-decoration: none;
	color: #959697;
}
#pied-de-page{
		padding-left: 30px;
	padding-top: 26px;
}


/*  site map  */

ul.map2{
/*background: #d1e4f4;
margin-right: 60px;
display: block;
float: left;
width: 200px;*/
}
ul.map3{
background: #e7f1fa;
}
ul.map4{
background: #fff;
}