@font-face {
  font-family: 'Neo Tech';
  src: url('../Police/neotech.eot');
  src: local('x'),
    url('../Police/neotech.woff') format('woff'),
    url('../Police/neotech.otf') format('opentype'),
    url('../Police/neotech.svg#grablau') format('svg');
}
head
{
	margin: 0px;
}
html
{
	margin: 0px;
	padding: 0px;
	height:99%;
}

body
{
	text-align:justify;
	font-family:Neo Tech;
    background-attachment: fixed;
    background-color: #DADADC;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    margin: auto;
    padding: 0;
    width: 1158px;
	font-size:14.5px;	
	height:100%;
	overflow: auto;
}
img{
	border:none;
}
img#accueil
{	
padding: 10px;
}
img#essentiel
{
	margin: 5% auto 0;
	width: 80%;
	padding-left: 40px;
}
.div_faq
{
	margin:0% 0 0 0%;
}
.img
{
	border-radius:5%;
	width:90%;
	margin:5% auto 0;
}
img#screen1
{
	position:relative; padding:0; left:50px; top:0px; z-index:1;
}
img#screen2
{
	position:relative; padding:0;left:230px; top:-200px; z-index:2;
}
img#screen3
{
	position:relative; padding:0;left:100px; top:-260px; z-index:3;
}
.conteneur_images {
	text-align:LEFT;	
    margin: 5% 0 0 0;

}
div#gauche1
{
	width:40%;
}
div#droite1
{
	width:40%;
}
div#gauche1, div#droite1
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	margin-left:0%;
}
div#gauche2
{
	width:40%;
}
div#droite2
{
	width:40%;
}
div#gauche2, div#droite2
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	margin-left:0%;
}
div#gauche3
{
	width:40%;
}
div#droite3
{
	width:40%;
}
div#gauche3, div#droite3
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	margin-left:0%;
}
img#ecran
{
	width:70%;
	margin-left:10%;
}
ul#fonction
{
	font-size:15px;
}
div#footer
{
	text-align:CENTER;
	width:1146.75px; 
	z-index:200000;
	color:black;
	padding-top:0.5%;
	padding-bottom:0.5%;
	height:15px;
	position: fixed;
	bottom:0px;
	PADDING-left:-22.5%;
	background-color:#DADADC;
}
div#footerbis
{
	background-color:white;
	width:1146.75px;
	height:20px;
	position: fixed;
	bottom:30px;
	z-index:200000;
}
SECTION#contenu
{
	width:65%;
	padding-top:0.75%; 
	padding-bottom:1%;
	margin:0 0 0 31%;
	background:white;
	text-align:left;
}
SECTION#contenu2
{
	height:auto;
	width:65%;
	padding:0.75% 0 1% 8%;
	margin:0 0 0 31%;
	background:white;
	text-align:left;
}
SECTION#contenu3
{
	height:auto;
	width:65%;
	padding-top:0.75%; 
	padding-bottom:1%;
	margin:0 0 0 31%;
	background:white;
}
a#mention
{
	color:blue;
	text-decoration:underline;
}
a:link 
{ 
 text-decoration:none; 
} 
a
{
	color:black;
}
a:hover
{
  text-decoration:underline;
}
h1
{
	font-size:2.5em;
	color:#aabf00;
	MARGIN:0 0 2% 0%;
	text-align:left;
}
h2
{
	color:#aabf00;
}
h3
{
	margin-left:0%;
	font-size:15;
	color:#767877;
}
h4
{
	font-size:14;
	color:#aabf00;
	margin-bottom:0;
}
h5
{
	margin-top:0;
	font-size:19;
	margin-bottom:0;
	 display:inline;
}
div#menu
{
	width: 100%;
	margin:0 0 3% 0;
	Font-size:1.25em;
	text-align:center;	
}
a#rub
{
	margin-right:4%;
}
a#rub2
{
	margin-right:4%;
	margin-left:4%;
}
a#rub3
{
	margin-left:4%;
}
/* MENU VF */
a#fleche1VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche1.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:83px;
}
a#fleche1VF:hover
{
	background-image: url('../IMAGE/Menu/fleche1-1.png')
}
a#fleche1-1VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche1-1.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:83px;
}
a#fleche2VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche2.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:51px;
}
a#fleche2VF:hover
{
	background-image: url('../IMAGE/Menu/fleche2-1.png')
}
a#fleche2-1VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche2-1.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:51px;
}
a#fleche3VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche3.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:65px;
}
a#fleche3VF:hover
{
	background-image: url('../IMAGE/Menu/fleche3-1.png')
}
a#fleche3-1VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche3-1.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:65px;
}

a#fleche4VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche4.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:91px;
}
a#fleche4VF:hover
{
	background-image: url('../IMAGE/Menu/fleche4-1.png')
}
a#fleche4-1VF
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche4-1.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:91px;
}

/* MENU VE */
a#fleche1VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche1_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:83px;
}
a#fleche1VE:hover
{
	background-image: url('../IMAGE/Menu/fleche1-1_ve.png')
}
a#fleche1-1VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche1-1_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:83px;
}
a#fleche2VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche2_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:51px;
}
a#fleche2VE:hover
{
	background-image: url('../IMAGE/Menu/fleche2-1_ve.png')
}
a#fleche2-1VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche2-1_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:51px;
}
a#fleche3VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche3_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:65px;
}
a#fleche3VE:hover
{
	background-image: url('../IMAGE/Menu/fleche3-1_ve.png')
}
a#fleche3-1VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche3-1_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:65px;
}

a#fleche4VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche4_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:91px;
}
a#fleche4VE:hover
{
	background-image: url('../IMAGE/Menu/fleche4-1_ve.png')
}
a#fleche4-1VE
{
	display:block;
	background-image:url('../IMAGE/Menu/fleche4-1_ve.png');
	background-repeat:no-repeat;
	text-decoration:none;
	width:300px;
	height:91px;
}
/* FIN DU MENU */

section#menu{
position:absolute;
top:10px;
bot:20px;
width:300px;
position:fixed;
}
span#legend
{
	margin-left:10%;
	font-style : italic;
}
span#copy
{
	font-size:14px;
	font-style : italic;
}
section#global
{	

	padding-bottom:4%;
	width:99%;
	margin-top:0.5%;
	margin-bottom:3%;
	background-color:white;
	min-height: 94%;
}
img#donut
{
	margin-top:2%;
	width:40%;
}
img#carte
{
	width:80%;
	padding-left:40px;
}
div#chiffre
{
	width:45%;
}
div#chiffre, img#donut
{
	display:inline-block;	
    vertical-align: top;	
}
div#gauche25
{
	margin:3% 0 0 9%;
	width:100%;
	text-align:left;
}
table,tr,td 
{ 
	text-align:center; 
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;  
	-khtml-border-radius:10px;
	padding:1%;
}
table
{    
	border-collapse: separate; 
	border-spacing: 8px
}
td 
{ 
	width:10%; 
	height:auto;
}
td#vert
{
	color:white;
	background-color:#9fc536;
}
td#bleu
{
	color:white;
	background-color:#46515e;
}
td#gris
{
	color:white;
	background-color:#a8a9ad;
}
p#titre
{
	font-size:19px;
}
p#titre:hover
{
	font-size:19px;
	//color:#aabf00;
}
p
{
	width:100%;
}
ul#titre
{
  clear:both;
  list-style-type: none;
  padding: 1% 0 0 0;
  margin: 0;
}
.bouton
{
        font-size:24px;
        cursor:pointer;
}
.bouton:hover
{
        text-decoration:underline;
		color: black;
}
div#prem
{
	width:30%;
}
div#deux
{
	width:30%;
}
div#trois
{
	width:30%;
}
div#quatre
{
	width:30%;
}
div#cinq
{
	width:30%;
}
li#prem
{
  background-image: url('../IMAGE/Icone/fleche.gif');
  background-size:0.75em;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 1.3em;	
}
li#deux
{
  background-image: url('../IMAGE/Icone/ref.gif');
  background-size:0.75em;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 1.3em;	
}
li#trois
{
  background-image: url('../IMAGE/Icone/gestion.gif');
  background-size:0.75em;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 1.3em;	
}
li#quatre
{
  background-image: url('../IMAGE/Icone/finance.gif');
  background-size:0.75em;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 1.3em;	
}
li#cinq
{
  background-image: url('../IMAGE/Icone/suivi.gif');
  background-size:0.75em;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 1.3em;	
}
li#six
{
  background-image: url('../IMAGE/Icone/feuilles.jpg');
  background-size:1.2em;
  background-repeat: no-repeat;
  background-position: 0 0em ;
  padding-left:1.5em;	
}
/*.cachediv 
{
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
}*/
.div_faqdetail{display:none;margin:0 0 0 10px;padding:0 0 10px 0;text-align:justify;}
area:hover
{
	background-color:red;
}
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0;
    width: 700px;  
    height: 600px; 
	background:white;
	position:relative;
	padding:40px 0 0 0;
}
#slideshow #slidesContainer {
  margin:0 ;
    width: 700px;  
    height: 700px; 
  
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 0;
    width: 700px;  
    height: 580px; 
	padding:0;
}

.slide {
	text-align:justify;
}

#slideshow figcaption { 
	padding:2px 14px 14px 0;
    width: 100%;
	height:210px;
	bottom:10px;
	font-size:1.1em;
    margin-top:0;  
    border-top: 1px solid rgb(225,225,225); 
    font-family: Neo Tech;  
    background: #fff;  
    background: rgba(255,255,255,0.7);  
    color: #555;  
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3); 
	z-index:1; 
} 

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:16px;
	height:16px;
	margin-left:320px;
	top:0px;
	cursor:pointer;
	z-index:110000;

}
#leftControl {
  top:38px;
  left:265px;
  height:20px;
  width:20px;
  background:transparent url(../images/control_left.gif) no-repeat 0 0;
	z-index:100000;
}
#rightControl {
  top:38px;
  right:310px;
  height:20px;
  width:20px;
  background:transparent url(../images/control_right.gif) no-repeat 0 0;
	z-index:100000;
}
p#contact
{
	width:100%;
}
img#chiffre
{
	width:90%;
	margin-bottom:5%;
	padding-left:40px;
}
span#chiffre1
{
	font-size: 1.5em;
	color:#aabf00;
	font-weight:bold;
}
span#chiffre2
{
	font-size: 1.2em;
	color:GREY;
	font-weight:bold;
}
div#chiffres
{	
	text-align:center;
	margin:0 0 4% 0;
}

.zone-texte{
/*font-family : arial;*/
	font-family : Neo Tech;
	font-size:14px;
	text-align:justify;
    text-justify:inter-word;
}
li#ref
{
	float:left;
	margin-left:3%;
}
ul#ref
{
	margin-left:-3%;
}
li#none
{
	list-style-type:none;
}
p#mention
{
	margin-top : 0px;
margin-bottom : 0px; 
}
li#square
{
color:grey;
list-style-type: square;
}
span#text
{
	color:black;
}












