html, body {
	height: 100%;
}
#global, #contenu {
	min-height:100%;
	height: auto;
}
* {
	padding:0;
	margin:0;
	outline:0;
	font-size:1em;
	font-family:Arial, Verdana, sans-serif;
}
body {
	min-height:100%;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:955px;
	background-image:url("../images/motifBody.jpg");
	background-repeat:repeat-x;
	background-position:top;
	font-size:62.5%;
	background-color:#ECECEC;
}

/*body #fondAnim{

	float:none;
	z-index:-2;
	padding-top:200px;
	position:absolute ;
	
}*/

#global ul li {
	list-style-type:none;
}
#header {
	float:left;

	height:100px;
	width:955px;
	font-size:1em;/*margin-top:5px;*/

}
#Banner {
	float:left;
	position:absolute;
	z-index:-2;
	margin-top:20px;
	margin-left:40px;
	
	
}
.logo {
	width:129px;
	height:66px;
	background-image:url(../images/header/logoINFAHover.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:2px;
	border:0;
}
#menuBox {
	float:left;
	/*background-image:url("../images/menu/menuMotif.jpg");
	background-repeat:repeat-x;*/
	height:30px;
	width:955px;
	margin-left: 7px;
}
#menuDisplay {
	float:left;
	height:30px;
	width:590px;
	margin-left:174px;
	position:absolute;
	/*border-bottom:1px dashed #ffffff;*/
	
}
#menuDisplay ul li {
	display:inline;
	float:left;
	/*background-color:#ffffff;*/

	/*margin-right:1px;*/
	
}
#menuDisplay ul li a:link, #menuDisplay ul li a:visited {
	float:left;
	padding-right:16px;
	padding-left:16px;
padding-top:9px;
padding-bottom:7px;
	color:#333333;
	font-size:1.2em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-image:url("../images/menu/ongletMotif.jpg");
	background-repeat:repeat-x;
}
#menuDisplay ul li a:hover, #menuDisplay ul li a:active {
	float:left;
	padding-right:16px;
	padding-left:16px;
	padding-bottom:7x;
	padding-top:9px;
	color:#660066;
	font-size:1.2em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffffff;
	/*background-image:url(../images/flecheHover.png);
	background-repeat:no-repeat;
	background-position:center bottom;*/
	background-image:url("../images/menu/ongletMotifHover2.jpg");
	background-repeat:repeat-x;
	/*border-bottom:1px solid #cccccc;*/
}
.menuActif {
	float:left;
	padding-right:16px;
	padding-left:16px;
	padding-bottom:8px;
	padding-top:9px;
	color:#660066;
	font-size:1.2em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	/*background-color:#ffffff;*/
	background-image:url("../images/menu/ongletMotifHover.jpg");
	background-repeat:repeat-x;
	/*background-image:url(../images/flecheHover.png);
	background-repeat:no-repeat;
	background-position:center bottom;*/
}


.ongletDroite {
	float:left;
	width:6px;
	height:29px;
	/*margin-top:1px;*/
	background-color:#FFF;
	background-image:url("../images/menu/ongletDroite.jpg");
	background-repeat:no-repeat;
	margin-right:1px;
}

.ongletGauche {
	float:left;
	width:6px;
	height:29px;
	margin-top:1px;
	background-color:#FFF;
	background-image:url("../images/menu/ongletGauche.jpg");
	background-repeat:no-repeat;
}



#contenu {
	min-height:100%;
	float:left;
	background-color:#582d58;
	/*height:588px;*/
	width:955px;
}
#contenuGauche {
	min-height:600px;
		float:left;
	background-image:url("../images/contenu/motifContenu.jpg");
	background-repeat:repeat-x;
	background-position:top;
	background-color:#582d58;
	width:175px;
	font-size:1em;
}

.menuVerticalSingle {

	margin-top:15px;
	margin-left:9px;
	width:200px;
	position:relative;
	background-image:url(../images/bordGaucheMenuVertic.gif);
	background-repeat:no-repeat;
	height:30px;
	
	
}
.menuVerticalSingle a:link, .menuVerticalSingle a:visited {
	margin-left:5px;
	padding-left:30px;
	background-image:url("../images/pictoLink2.gif");
	background-repeat:no-repeat;
	background-position:left;
	left:5px;
	font-family:Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	padding-top:8px;
	padding-bottom:7px;
	width:130px;
	background-color:#969;
	position:relative;
}
.menuVerticalSingle a:hover {
	padding-left:30px;
	background-image:url("../images/pictoHover.gif");
	background-repeat:no-repeat;
	background-position:left;
	font-family:Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	padding-top:8px;
	padding-bottom:7px;
	width:130px;
	background-color:#996699;
	text-decoration:underline;
	position:relative;
}
.menuVerticalSingle a:active {
	padding-left:30px;
	background-image:url("../images/pictoHover.gif");
	background-repeat:no-repeat;
	background-position:left;
	font-family:Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	padding-top:8px;
	padding-bottom:7px;
	width:130px;
	background-color:#996699;
	text-decoration:underline;
	position:relative;
}
.menuVerticalMulti {
	/*list-style-type:none;*/
	margin-top:15px;
	margin-left:11px;
	padding-bottom:2px;
	width:200px;
	height:30px;
	position:relative;
	background-image:url(../images/bordGaucheMenuVertic.gif);
	background-repeat:no-repeat;
}
.menuVerticalMulti a:link, .menuVerticalMulti a:visited {
	margin-left:10px;
	padding-left:30px;
	background-image:url("../images/pictoLink2.gif");
	background-repeat:no-repeat;
	background-position:left;
	font-family:Arial, Verdana, sans-serif;
	/*color:#999999;*/
	color:#FFF;
	font-size:1.2em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	width:130px;
	background-color:#996699;
	position:relative;
}
.menuVerticalMulti a:hover, .menuVerticalMulti a:active {
	padding-left:30px;
	background-image:url("../images/pictoHover.gif");
	background-repeat:no-repeat;
	background-position:left;
	font-family:Arial, Verdana, sans-serif;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bolder;
	text-decoration:none;
	display:block;
	width:130px;
	background-color:#996699;
	text-decoration:underline;
	position:relative;
}
#contenuCenter {
	min-height:100%;
	float:left;
	background-color:#ffffff;
	/*background-image:url(../images/fondDeco/3D.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	width:593px;
}
#contenuCenter p {
	display:block;
	font-size:1.1em;
	font-family:Arial, Verdana, sans-serif;
	text-align:justify;
	margin-right:20px;
	margin-left:20px;
}
#contenuCenter .contenuCenterHaut {
	min-height:780px;
	height:100%;
	background-color:#ffffff;

}
#contenuCenter .contenuCenterBas {
	height:60px;
	font-size:2.5em;
	color:#ccc;
	font-family:Arial, Verdana, sans-serif;
	text-align:center;
	letter-spacing:3px;
	word-spacing:2px;
	padding-top:20px;
	background-color:#ffffff;
}

	
.decoImg3D {
	/*background-image:url(../images/fondDeco/3D.gif);*/
		background-color:#0F0;
	background-repeat:no-repeat;
	height:900px;
	width:900px;
}

#contenuDroite h1 {
padding-top:20px;
padding-bottom:20px;
	text-align:center;
	font-size:2.2em;
	font-family:Arial, Verdana, sans-serif;
	color:#660066;

}

#contenuCenter h1{

	padding-top:30px;
	text-align:center;
	font-size:2.2em;
	font-family:Arial, Verdana, sans-serif;
	color:#660066;

}

h1{
	/*padding-top:30px;*/
	text-align:center;
	font-size:2.2em;
	font-family:Arial, Verdana, sans-serif;
	color:#660066;
}
h2 {
	text-align:center;
	font-size:1.8em;
	font-family:Arial, Verdana, sans-serif;
	color:#333333;
}
h3 {
	text-align:center;
	font-size:1.4em;
	font-family:Arial, Verdana, sans-serif;
	margin-top:5px;
	margin-bottom:30px;
	color:#ffffff;
	background-color:#CCC;
	width:213px;
	margin-left:178px;
	padding:2px;
	padding-right:10px;
	padding-left:10px;
}
ESPACE {
	display:block;
	margin-bottom:30px;
}
#contenuDroite {
	min-height:600px;
	float:left;
	background-color:#582d58;
	background-image:url("../images/contenu/motifContenu.jpg");
	background-repeat:repeat-x;
	background-position:top;
	width:175px;
	font-size:1em;
/*	padding-top:40px;*/
}
rectangleDiapo {
	width:100px;
	height:80px;
	background-color:#FFF;
	float:left;
	display:block;
}
#footer {
	float:left;
	background-color:#666666;
	/*height:18px;*/
	width:955px;
}
#footerGauche {
	float:left;
	background-color:#cbcbcb;
	width:181px;
	height:18px;
	/*padding-top:5px;*/
	font-size:1em;
	font-family:Arial, Verdana, sans-serif;
}
#footerCenter {
	float:left;
	background-color:#ffffff;
	width:593px;
	height:13px;
	padding-top:6px;

	font-size:1em;
	font-family:Arial, Verdana, sans-serif;
	text-align:center;
}
#footerCenter li {
	list-style-type:none;
	display:inline;
}
#footerCenter li a:link, a:visited {
	text-decoration:none;
	color:#999999;
}
#footerCenter li a:hover, a:active {
	text-decoration:none;
	color:#333333;
}
.pipe {
	color:#999999;
}
#footerDroite {
	float:left;
	background-color:#cbcbcb;
	width:181px;
	height:18px;
	/*padding-top:5px;*/
	font-size:1em;
	font-family:Arial, Verdana, sans-serif;
	color:#666666;
	background-image:url(../images/AM-IDF2.jpg);
	background-repeat:no-repeat;
	background-position: right;
}
.deco {
	float:left;

}
.deco2 {
	float:left;

	
}
.decoCentreDroit {
	float:left;
	text-align:right;
}
.decoFooterGauche {
	float:left;/*position:top right;*/
}
.decoFooterDroite {
	float:left;
	/*position:right;*/
	background-color:#99CC00;
}
.Bloc {
	float:left;
	display:block;
	width:173px;
}
.bordCenterG {
	/*min-height:650px;*/
	padding-bottom:30px;
	float:left;
	background-image:url("../images/motifGlobalG.jpg");
	background-repeat:repeat-y;
}
.bordCenterD {
	/*min-height:650px;*/
	padding-bottom:30px;
	float:left;
	background-image:url("../images/motifGlobalD.jpg");
	background-repeat:repeat-y;
}
html, body {
	height: 100%;
	min-height: 100%;
}
.cadre  {
	float:left;
	width:120px;
	/*height:120px;*/
	/*background-color:#FFF;*/
	font-family:Arial, sans serif;
	font-size:1em;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
margin-left:15px;
margin-bottom:15px;
}

.cadre2 {
margin-top:79px;

}

/*.imageActive{
	float:left;
		font-family:Arial, sans serif;
	font-size:1.1em;
	color:#FFFFFF;
	text-align:center;
	
	border:0px;
background-image:url(../images/flecheVid.gif);
background-repeat:no-repeat;
background-position :left;
	}*/

.cadre a{
border:0px;
text-decoration:none;
color:#ffffff;
padding-top:1px;
margin-bottom:15px;

}

.cadre a:link img, .cadre a:visited img {
/*width:120px;*/
float:left;
padding:3px 3px 3px 3px;
border:0px;
background-image:url(../images/cadre2.jpg);
background-repeat:no-repeat;
background-position : 0px 0px;
/*margin-left:25px;*/
}

.cadre a:hover img, .cadre a:active img  {
/*width:120px;*/
float:left;
padding:3px 3px 3px 3px;
border:0px;
background-image:url(../images/cadre2.jpg);
background-repeat:no-repeat;
background-position : 0px -60px;
/*margin-left:25px;*/
}


.logoINFA a:link, .logoINFA a:visited {
float:left;
width:129px;
height:66px;
background-image:url(../images/header/logoINFA.gif);
background-repeat:no-repeat;
margin-top:25px;

}

.logoINFA a:hover, .logoINFA a:active{
float:left;
width:129px;
height:66px;
background-image:url(../images/header/logoINFA.gif);
background-repeat:no-repeat;
background-position:0 -66px;
margin-top:25px;

}

#galerie{
margin-top:50px;
margin-left:50px;
border:0;
}
#galerieVideo{
margin-top:50px;
margin-left:27px;
border:0;
}

/*-----boutons galerie ---------*/

#boutonsGalerie {

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#996699;
	font-weight:bold;
	text-align:center;
	width:500px;
	margin: 40px 0 0 55px;

	}
	
#boutonsGalerie  li {

	float:left;
	padding-right:30px;
	
	}
	
a.lienGalerie:link, a.lienGalerie:visited {

	color:black;
	text-decoration:none;
	
	}
	
a.lienGalerie:hover, a.lienGalerie:active {

	color:#996699;
	text-decoration:none;
	
	}

#PIOUPIOU{
	position:absolute;
	right:45px;
	top:34px;
	}
	
/*-----PLAN DU SITE--------*/


#planSon, #planPao, #plan3D, #planWebdesign, #planPrequalif {

	float:left;
	margin: 20px 0 0 15px;
	width:170px;
	height:300px;
	font-size:1em;

}

h4 {

	border-bottom: solid 1px #ccc;
	color:white;
	font-size:1.5em;
	margin-bottom:10px;
		
}
/*------LIENS PLAN DU SITE------------*/

a.lienPlanTitre:link, a.lienPlanTitre:visited {

	color:#CCC;
	font-size:1.25em;
	text-decoration:none;
	font-weight:bold;
	margin-top:3px;
}
a.lienPlanTitre:hover, a.lienPlanTitre:active {

	color:#f8cef2;
	font-size:1.25em;
	text-decoration:none;
	font-weight:bold;
	margin-top:3px;
}

a.lienPlan:link, a.lienPlan:visited {

	color:#CCC;
	font-size:1.25em;
	text-decoration:none;
	margin-top:2px;
}
a.lienPlan:hover, a.lienPlan:active {

	color:#f8cef2;
	font-size:1.25em;
	text-decoration:underline;
	margin-top:2px;
}


/*-------PAGE SON-----------*/
#sonImages {
	
	float:left;
	width:170px;
	margin: 40px 0 0 0;
	background-color:#8d2d8e;
	text-align:center;
}

#sonImages img {

	padding:5px 0 5px 0;
	
	}
	
#sonTexte {

	float:left;
	margin: 40px 20px 0 20px;
	background-color:white;
	font-size:1.2em;
	
}


.contenuPlan{
padding-top:40px;
margin-top:1px;
}


#playerMP3 {
	
	width:250px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding-top:30px;
	
}
	
/*------texteAccueil----*/

#texteAccueil {

	
	font-size:1.2em;
	color:black;
	width:400px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/accueil/angle.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:justify;

	
	}
	
#texteAccueil li {

	padding:40px 20px 10px 40px;
		
	}
	
#pyramide {

	height:51px;
	margin: 0 0 30px 320px;
	
	}
	
/*----------animPyramide-------------*/

#animPyramide {

	 text-align:center;
	 margin-top:40px;
	 
	 }