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;
}
img {
	border: 0;
}


/*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:30px;
	margin-left:40px;
	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:593px;*/
	margin-left:174px;
	width:955px;
	/*border-bottom:1px dashed #ffffff;*/
	
}
#global  #menuDisplay  ul li {
	display:inline;
	/*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:#582d58;
	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:top;
	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:9px;
	padding-top:9px;
	color:#582d58;
	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:3px;
	height:30px;
	margin-top:1px;
	/*background-color:#FFF;*/
	background-image:url("../images/menu/ongletDroite.jpg");
	background-repeat:no-repeat;
	background-position: top left;
}

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



#contenu {
	min-height:100%;
	float:left;
	background-color:#582d58;
	/*height:588px;*/
	width:955px;
}
#contenuGauche {
	min-height:650px;
		float:left;

	background-repeat:repeat-x;
	background-position:top;
	background-color:#582d58;
	width:180px;
	font-size:1em;
}
.menuVerticalSingle {

	margin-top:15px;
	margin-left:11px;
	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:132px;
	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:132px;
	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:132px;
	background-color:#996699;
	text-decoration:underline;
	position:relative;
}
.menuVerticalMulti {
	/*list-style-type:none;*/
	margin-top:15px;
	margin-left:11px;
	padding-bottom:2px;
	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:132px;
	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:132px;
	background-color:#996699;
	text-decoration:underline;
	position:relative;
}
#contenuCenter {
	min-height:100%;
	float:left;
	background-color:#ffffff;
	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:650px;
	height:100%;
	background-color:#ffffff;

}
#contenuCenter .contenuCenterBas {
	height:60px;
	font-size:1.2em;
	color:#582d58;
	font-family:Calibri, Arial, Verdana, sans-serif;
	text-align:center;
	letter-spacing:2px;
	word-spacing:1px;
	padding-top:10px;
	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:#582d58;

}

#contenuCenter h1{

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

}

h1{
	/*padding-top:30px;*/
	text-align:center;
	font-size:2.2em;
	font-family:Arial, Verdana, sans-serif;
	color:#582d58;
}
h2 {
	text-align:center;
	font-size:1.8em;
	font-family:Arial, Verdana, sans-serif;
	color:#582d58;
}
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;
}
h5 {
	text-align:center;
	font-size:1.2em;
	font-family:calibri, Arial, Verdana, sans-serif;
	margin-top:5px;
	margin-bottom:30px;
	color:#ffffff;
}

h6 {
	text-align:left;
	font-size:1.1em;
	font-family:calibri, Arial, Verdana, sans-serif;
	margin-top:5px;
	margin-bottom:30px;
	color:#ffffff;
}

h7 {
	text-align:center;
	font-size:1.3em;
	font-family:Arial, Verdana, sans-serif;
	color:#582d58;
}
ESPACE {
	display:block;
	margin-bottom:30px;
}
#contenuDroite {
	min-height:650px;
	float:left;
	background-color:#582d58;

	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:#cbcbcb;
		height:18px;
	width:955px;
}
#footerGauche {
	float:left;
	background-color:#cbcbcb;
	width:183px;
	height:18px;
	/*padding-top:5px;*/
	font-size:1em;
	font-family:Arial, Verdana, sans-serif;
}
#footerCenter {
	float:left;
	background-color:#ffffff;
	width:593px;

	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:right;
	background-color:#cbcbcb;
	width:172px;
	height:18px;
	/*padding-top:5px;*/
	font-size:1em;
	font-family:Arial, Verdana, sans-serif;


}
.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:140px;
	/*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;
}
.cadre_video {
	float:left;
	width:105px;
	/*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;
	padding-right: 20px;
	display: block;
}
.cadre_video a p {
	display: block;
	width: 35px;
	text-align: center;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}



.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;
	border:0;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	width: 553px;
}
#galerie_box {
	margin-top:50px;
	border:0;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	width: 553px;
}

#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:#996699;
	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;
	
}
	
#global #contenu #contenuCenter .contenuCenterHaut #galerie table tr td  {
	text-align: center;
	padding:5px;
}