@charset "utf-8";

panneauMercator

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

ul {
	margin : 0; 
	padding : 0;
}


img.bg {
	/* Set rules to fill background */

	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */

	width: 100%;
	height: auto;
	/* Set up positioning */

	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;

}



/* BODY */

body {
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;	/*background-image:url(../img/orientation.jpg);*/	/*font-size:12px;*/

	}

body.information {
	background-image:url(../img/information.jpg);

	}

body.publication {

	background-image:url(../img/livre.jpg);

	}

body.multimedia {

	background-image:url(../img/pc.jpg);

	}

body.services {

	background-image:url(../img/services.jpg);

	}

body.formation {

	background-image:url(../img/formation.jpg);

	}

body.liege {

	background-image:url(../img/LaMeuse.jpg);

	}

body.accueil {

	background-image:url(../img/accueil.jpg);

	}

/*body.site {

	background-image:url(../img/site.jpg);

	}*/

body.orientation {

	background-image:url(../img/orientation.jpg);

	}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

 a:active, a:focus {
	border : 1px solid #00f;
	color:#FFF; background-color:#00f;
	outline: 0;
}
 


/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

#trans {
	position: relative;
	margin-right: auto;
	margin-left: auto;

}



#global {
	width: 795px;
	margin-right: auto;
	margin-left: auto;

}
#fondhaut {
	float: none;
	height: 252px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/fondsitehaut.png);
	background-repeat: no-repeat;
	background-color: #424343;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFDD00;
}


#contact {
	/*margin-right: auto;

	margin-left: auto;*/

	width: 795px;
	background-image: url(../img/contactPI.jpg);
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #000000;
	color: #FFDF00;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	/*background-repeat: repeat-x;*/

	/*border-left: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;*/

}






/* CONTACT */

#contact   ul {

	margin-right:auto;

	margin-left:auto;

	padding:5px 0 0 5px;

	background-repeat: repeat-x;



	} 

#contact    ul   li {
	display: inline;

}

#contact   ul   li   a {
	text-decoration: none;
	color: #FFDF00;
	background-color: inherit;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFDF1B;

}

#contact   ul   li.ville   a {

	color: #FFFFFF;
	background-color: inherit;
}

#contact   ul   li   a:hover {

	text-decoration:underline;

}

#contact   ul   li  a:active ,#contact   ul   li  a:focus {
	color:#FFF; 
	background-color:#00f;
	outline: 2px;
}
#onglet ul li a:active,#onglet ul li a:focus {
background-image: url(../img/boutoncoche.png);
color:#000; 
border : 0;
}
		
/* FIN CONTACT */

	

/* BANNER */	

#banner {
	height: 200px;
	width: 795px;
	margin-left: auto;
	margin-right: auto;

}

#banner h1  {
	font-size: 27px;
	color: #FFFFFF;
	background-color: inherit;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;

}

#banner   h1 span  {

	color: #FFDF00;
	background-color: inherit;

}


#banner   ul {
	font-size: 13px;
	text-align: center;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

#banner   ul   li {

	display: inline;

	

}

#banner   ul   li   a {
	background-image: url(../img/boutontranche_2.jpg);
	color: #000000;
	background-color: inherit;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	height: 33px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;

}
#banner ul li h2 {
	font-size: 12px;
	text-decoration: blink;
}


#banner   ul   li   a:hover {

	background-image: url(../img/boutoncoche.png);

	/*background-color:#FFDF00;*/

}

#banner   ul   li.blog   a{
	color: inherit;
	background-image: url(../img/boutonblog.jpg);

	padding: 8px 16px;

}

#banner   ul   li.coche   a{
	color: inherit;
	background-color: #FFDF00;
	background-image: url(../img/boutoncoche.png);
	font-size: 95%;

}
#banner .style11 {
	font-size: 95%;
}


/* FIN BANNER */



#siep  {

	font-size: 27px;

	color: #FFFFFF;
	background-color: inherit;
	letter-spacing: 1px;

	margin-top: 8px;

	margin-right: 0;

	margin-bottom: 8px;

	margin-left: 0;

	text-align: center;

	font-weight: bold;

}
#banner .Style12 {
	font-size: 95%;
	
}



 /* ONGLET */

#onglets {
	text-align: center;
	width: 850px;

}

#onglet {
	width: 795px;
	height: 45px;
	float: left;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	padding: 0px;

}

#onglet ul li a {
	font-size:12px;
}



#onglets  ul {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;


}

#onglets  ul  li {

	display: inline;

	

}

#onglets  ul  li  a {
	background-image: url(../img/boutontranche_2.jpg);
	color: #000000;
	background-color: inherit;
	margin: 0;
	font-weight: bold;
	
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px;

}

#onglets    ul    li.coche    a{
	color: inherit;
	background-color: #FFDF00;

	background-image: url(../img/boutoncoche.png);

}

#onglets    ul    li.blog    a{
	background-image: url(../img/boutonblog.jpg);

}

#onglets  ul  li  a:hover {

	background-image: url(../img/boutoncoche.png);


}

/* FIN ONGLET */



/* CONTENT */

#content {
	width:795px;
	font-size:12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;

}

#content li {

	list-style-type: disc;

	text-indent: 8px;

}

/* FIN CONTENT */



#siep  span  {
	background-color: inherit;
	color: #FFDF00;

}

#flash {
	color: inherit;
	background-color: #FFFFFF;

	height: 60px;

	width: 468px;

	float: right;

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 10px;

	margin-left: 0;

}

#flash2 {
	background-color: #FFFFFF;
	height: 60px;
	width: 468px;
	float: right;
	margin-top: 20px;

}

#ensBan     {
	width: 795px;
	height: 170px;
	margin-right: auto;
	margin-left: auto;

}

#titreSiep {
	width: 795px;
	float: left;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;

}

#logo     {
	float: left;
	width: 300px;
	height: 100px;
	margin: 0px;
	padding: 0px;

}



.clear { clear:both; height:0; 	width:0; }



/* CARREGD */ 

.carreGd {
	background-image: url(../img/carre.jpg);
	float: left;
	height: 900px;
	width: 249px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #FFFFFF;
}

#jaunepale {



}

#gris {

	background-color: #999999;
	color: inherit;
	padding-bottom: 5px;

}

#jaune {
	color: inherit;
	background-color: #FFCC00;

}



.carreGd  h1 {

	padding:10px 0 0 15px;

	font-size:15px;

	text-transform: uppercase;

}

.carreGd  h1  a{

	font-size:15px;

	text-transform: uppercase;

}

.carreGd  p {

	font-size:12px;

	padding:10px 15px 0 15px;

}

.carreGd  a:hover {

	text-decoration:underline;

}

.carreGd  ul {

	font-size:12px;

	padding: 10px 0 0 15px;

}



.carreGd  a {

	color:#000000;
	background-color: inherit;
	text-decoration: none;

	font-size:14px;

}

.carreGd   ul   li  a {

	font-size: 12px;

	font-weight: normal;

	color: #000000;
	background-color: inherit;
	line-height: 20px;

}

/* FIN CARREGD */



/* CARRE */

.carre {

	background-image:url(../img/carre.jpg);

	float: left;

	height: auto;

	width:249px;

	border: 1px solid #FFFFFF;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.carreindex/* FIN CARREGD */



/* CARRE */

 {

	background-image:url(../img/carre.jpg);

	float: left;

	height: 320px;

	width:249px;

	border: 1px solid #FFFFFF;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.carreindexModif/* FIN CARREGD */



/* CARRE */

 {
	float: left;
	height: 798px;
	width:249px;
	border: 1px solid #FFFFFE;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	color: inherit;
}

.carre h1 {

	/*padding:10px 0 0 15px;*/

	font-size:15px;

	text-transform: uppercase;

}

.carreindex  h1 {

	/*padding:10px 0 0 15px;*/

	font-size:15px;

	text-transform: uppercase;

}

.carre  h2  a{

	text-transform: uppercase;

}

.carreindex  h1  a{

	font-size:15px;

	text-transform: uppercase;

}

.carreindexModif   h1   a{

	font-size:15px;

	text-transform: uppercase;

}

.carre p {

	font-size:12px;

	padding:10px 15px 0 15px;

	padding-right: 10px;

	padding-left: 10px;

}

.carreindex  p {

	font-size:12px;

	padding:10px 15px 0 15px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

.carreindexModif   p {
	font-size:12px;
	padding:10px 15px 0 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}

.carre  p a {

	color:#000000;
	background-color: inherit;
	text-decoration: none;

	font-size:12px;

}

.carre .image {

	padding-right: 10px;

	padding-left: 10px;

}



.carre a:hover {

	text-decoration:underline;

}

.carre ul {

	padding: 10px 0 0 15px;

}

.carre  ul  li a {

	font-size: 12px;

	font-weight: normal;

	color: #000000;
	background-color: inherit;
	line-height: 20px;

}

.carreCentre {

	margin-left:20px;

	margin-right:20px;

	float: left;

}

.carreindex li {

	list-style-position: inside;

	list-style-type: square;

}



.carre carreCentre ul li a {

	font-size: 12px;

	line-height: 20px;

	font-weight: normal;

	color: #000000;
	background-color: inherit;
}

.carre  carreCentre  ul  li  {

	font-size: 12px;

	line-height: 20px;

	font-weight: normal;

	color: #000000;
	background-color: inherit;
	list-style-type: square;

}

/* FIN CARRE */



/* GDCARRE */

.gdcarre {
	background-image:url(../img/carre.jpg);
	width: 390px;
	height: 290px;
	font-size: 12px;
	float:left;
	border-top: 2px solid  #FFFFFF;
	border-right: 2px solid #FFFFFF;

}

.gdcarreJO {
	background-color:#FFF;
	width: 795px;
	height: 335px;
	font-size: 12px;
	float:left;
	border-top: 2px solid  #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin-bottom: 15px;
	padding-bottom : 15px;
}

.gdcarre h2 , .gdcarreJO h2{

	background-image:url(../img/boutoncoche.png);

	/*background-color:#FFDF00;*/
	
	font-size:15px;

	padding:10px 0 10px 15px;

	margin:0 0 10px 0;

	text-transform: uppercase;

	color: #000000;
	background-color: inherit;
}
.gdcarreJO img{
	float:left;
	margin : 10px 30px 20px 30px ;
}
.carre  h2 {

	background-image:url(../img/boutoncoche.png);

	/*background-color:#FFDF00;*/

	font-size:15px;

	padding:10px 0 10px 15px;

	margin:0 0 10px 0;

	text-transform: uppercase;

	color: #000000;
	background-color: inherit;
}

.carreindex  h2 {

	background-image:url(../img/boutoncoche.png);

	/*background-color:#FFDF00;*/

	font-size:15px;

	padding:10px 0 10px 15px;

	margin:0 0 10px 0;

	text-transform: uppercase;

	color: #000000;
	background-color: inherit;
}


.carreindexModif h2, .carreindexdroit h2 {

	background-image:url(../img/boutoncoche.png);

	/*background-color:#FFDF00;*/

	font-size:15px;

	padding:10px 0 10px 15px;

	margin:0 0 10px 0;

	text-transform: uppercase;
	background-color: inherit;
	color: #000000;

}
.carreindexdroit h1 {
	font-size: 14px;
	color: #000000;
	background-image: url(../img/boutoncoche.png);
	background-color: inherit;
}


.carreindexModif .archives {

	height: 20px;

	position: relative;

	top: 206px;

}

.carreindexModif .archives2 {

	height: 20px;

	position: relative;

	top: 278px;

}

.carreArchives  .archives2 {
	font-size:14px;
	padding-left: 10px;

}

.carreArchivesCentre   .archives2 {
font-size:14px;
	padding-left: 10px;

}

.carreArchives {
	float: left;
	height: 20px;
	width: 249px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFE;
	color: inherit;

}

.carreArchivesCentre {
	float: right;
	height: 20px;
	width: 249px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFE;
	margin-left: 20px;
	color: inherit;
}





.gdcarre h2 a, .gdcarreJO h2 a {

	text-decoration:none;

	color:#000000;
	background-color: inherit;
	background-image: url(../img/boutoncoche.png);

	}

.gdcarre h2 a:hover,.gdcarreJO h2 a:hover {

	text-decoration:underline;
	background-color: inherit;
	color: #000000;

	}

.gdcarre h3,.gdcarreJO h3 {

	font-size:14px;

	padding:0 30px 5px;

	color:#000000;	/*font-weight: bold;*/
	background-color: inherit;
	}

.gdcarre p,.gdcarreJO p {

	text-align:left;

	padding: 0 30px 10px 30px;

}

.gdcarre ul{

	font-size: 12px;

	padding:0 30px 10px 44px;

	list-style-type:square;

	}

.gdcarre ul li a{

	color:#000000;
	background-color: inherit;
	text-decoration:none;

	}

.gdcarre ul li a:hover{

	text-decoration:underline;

	}

.gdcarreDroite{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}

.gdcarreGauche{
	margin: 0 10px 10px 0;

}

.gdcarreFixePub {

	height: 250px;

	/*margin:0 0 20px 0 ;*/

}

.gdcarreFixe {

	height: auto;

	/*margin:0 0 20px 0 ;*/

}

.gdcarreSalon {
	height: 300px;

}

.gdcarreFixe ul{

	padding:0 30px 10px 44px;

	list-style-type:square;

}

/* FIN GDCARRE */







.carreTrans {

	background-image: url(../img/carreTrans.png);

	float: left;

	height: 100px;

	width: 249px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}



.carreJaune {
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	background: url(../img/boutoncoche.png) no-repeat;
	text-align: center;
}

.carreBlancInfo {

	font-size: 13px;

	height: 200px;

	line-height: 30px;

	background-image: url(../img/carre.jpg);

	text-align: left;

	}

.carreBlancInfo p {

	padding-left: 10px;

}

.carreBlancInfo h2 {

	background-image: url(../img/boutoncocheGd.png);

	padding-left: 10px;

	height: 40px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: bold;

}





/* 2LIGNES */

.deuxlignes {

	background-image: url(../img/carre.jpg);

	float: left;

	height: 540px;

	width: 385px;

	border-top-width: 2px;

	border-right-width: thin;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #FFF;

	border-right-color: #FFF;

}

.deuxlignes  h2{

	font-size: 15px;

	line-height: 15px;

	background-image: url(../img/boutoncocheGd.png);

	margin-top: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

.deuxlignes h2 a {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}

.deuxlignes h2 a:hover {

	color: #000000;
	background-color: inherit;
	text-decoration: underline;

}

/* FIN 2LIGNES */



/*.carre {

	background-color: #e3e3e3;

	float: left;

	height: 240px;

	width: 240px;

	margin: 10px 10px 10px 17px;

}

.carre a {

	color:#000000;

	text-decoration: none;

}

.carre_droite {

	background-color: #e3e3e3;

	float: right;

	height: 240px;

	width: 240px;

	margin: 10px 0px 10px 20px;

}

.carre_droite a {

	color:#000000;

	text-decoration: none;

}

.carre_gauche {

	background-color: #e3e3e3;

	float: left;

	height: 240px;

	width: 240px;

	margin: 10px 20px 10px 0;

}

.carre_gauche a {

	color:#000000;

	text-decoration: none;

}*/

#footer {
	font-size:10px;
	height: 200px;
	/*	width: 1000px;*/

	background-color: #424343;
	border-top: solid #FFDF00 4px;
	padding:0;
	margin-top: 0px;
	margin-bottom: 0;
	float: none;
}

#footer h4 a{

	color: #FFDF00;
	background-color: inherit;
}

#footer a {

	text-decoration: none;
	background-color: inherit;
	color:#FFFFFF;

}

.liens {

	float: left;

	margin: 10px 23px;

}

#centre {
	width: 800px;
	margin-left:auto;
	margin-right:auto;

}





#centre img {

	float: right;

	padding: 0 0 0 6px;

}

.inside {

	width: 779px;

	text-align:center;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 10px;

	height: auto;

	background-color: #FFFFFF;

}

.insidePhoto {

	background-image: url(../img/carre.jpg);

	background-repeat: repeat;

	width: 779px;

	text-align:center;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 10px;

	height: 500px;

}

.inside h1{

	text-align: left;

	font-size:15px;

}

.inside  h6{

	text-align: left;

	font-size:12px;

	font-weight: normal;

	margin-top: 25px;

	margin-left: 30px;

}

.insidePhoto  h1{

	text-align: left;

	font-size:15px;

}

.inside h2{

	text-align: left;

	padding:0 0 15px 0;

	font-size:15px;

}

.insidePhoto  h2{

	text-align: left;

	padding:0 0 15px 0;

	font-size:15px;

}

.inside p{

	text-align: justify;

	font-size:12px;

	padding: 10px 30px 10px 30px;

	float:left;

	background-color: #FFFFFF;
	color: inherit;
}

.insidePhoto  p{

	text-align: justify;

	font-size:12px;

	padding: 10px 30px 10px 30px;

	float:left;

}

.insidePhoto  hr{

	clear:both;

	visibility:hidden;

}

.inside hr{

	clear:both;

	visibility:hidden;

}

.inside p span {

	font-variant: normal;

	text-decoration: underline;

}

.insidePhoto  p  span {

	font-variant: normal;

	text-decoration: underline;

}

.txt {

	font-size:12px;

	background-image:url(../img/carre.jpg);

	margin:10px 0 20px;

	border-top: 2px solid  #FFFFFF;

	border-right: 2px solid #FFFFFF;

	/*padding:0 0 10px 0;*/

	}

.txtArchives {

	font-size:12px;

	background-image:url(../img/carre.jpg);

	border-top: 2px solid  #FFFFFF;

	border-right: 2px solid #FFFFFF;

	height: 250px;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	/*padding:0 0 10px 0;*/

	}

.txt h2{

	background-image:url(../img/boutoncoche.png);

	font-size:15px;

	margin:0 0 10px;

	padding:10px 0 10px 15px;

	text-transform: uppercase;

	}

.carreGd   h2{
	background-image:url(../img/boutoncoche.png);
	font-size:15px;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;

	}

.txt h3{

	color:#000000;
	background-color:inherit;
	font-size:14px;

	padding:0 30px 5px;

}

.txt p{

	text-align:justify;

	padding:0 30px 15px 30px;

	}

.txtArchives  p{

	text-align:justify;

	padding:0 30px 15px 30px;

	}

.txt a{

	text-decoration:none;

	color:#000000;
	background-color: inherit;
	}

.txt a:hover{

	text-decoration: underline;

	}

.txt em{

	color:#336666;
	background-color: inherit;
	font-style: normal;

	}

	

.txt ul {

	list-style-type:square;

	padding:0 30px 10px 44px;

	}



.txt li {

	/*display: inline;*/

	margin: 10px 60px 15px 20px;

	

}



.equipe {

	float:left;

	width: 750px;

	text-align: center;

	display: block;

}

.equipe p {

	width: 700px;

	padding: 10px;

	background-color: #FFDF00;

	text-align: left;

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 15px;

	margin-left: 10px;

}

.equipe img {

	/*float: right;*/

}

.fondCarreBlanc {

	background-image: url(../img/carrejaune.png);

	height: auto;

	width: 50%;

}

#titrePublications {

	font-size: 14px;

	color: #000000;
	background-color: inherit;
	height: 35px;

	width: 335px;

	float: left;

	background-image: url(../img/boutoncoche.png);

	text-align: left;

	line-height: 35px;

	margin-left: 40px;

	padding-left: 15px;

	font-weight: bold;

	margin-top: 30px;

}



#conteneurPublications {

	width: 795px;

	margin-right: auto;

	margin-left: auto;

	color: #000000;
	background-color: inherit;
}



#explicationsPublications {

	color: #000000;
	background-color:inherit;
	background-image: url(../img/carre.jpg);

	height: 240px;

	width: 330px;

	float: left;

	margin-left: 40px;

	padding: 10px;

	font-size: 14px;

}

a {

	text-decoration: none;

	color: #000000;
	background-color: inherit;
	font-weight: bold;

}



#explicationsPublications2 {

	color: #000000;
	background-color: inherit;
	background-image: url(../img/carre.jpg);

	height: auto;

	width: 330px;

	float: left;

	margin-left: 40px;

	padding: 10px;

	font-size: 14px;

}

#commande {

	color: #000000;
	background-color: inherit;
	height: 30px;

	width: 795px;

	margin-right: auto;

	margin-left: auto;

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	background-image: url(../img/boutoncoche.png);

	line-height: 15px;

	vertical-align: middle;

}
#commande2 {
	background-color: #424343;
	color: #FFE742;
}


#titrePublicationsGd {

	height: 35px;

	width: 335px;

	font-size: 14px;

	line-height: 17px;

	font-weight: bold;

	color: #000000;
	background-color: inherit;
	background-image: url(../img/boutoncoche.png);

	text-align: left;

	float: left;

	margin-top: 30px;

	margin-left: 40px;

	padding-left: 15px;

}





#explicationsPublications2 a {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}



#explicationsPublicationsCDROM {

	color: #000000;
	background-color: inherit;
	background-image: url(../img/carre.jpg);

	height: 100px;

	width: 720px;

	padding: 10px;

	float: left;

	margin-left: 40px;

	font-size: 14px;

}

#titrePublicationsCDROM {

	font-size: 14px;

	line-height: 35px;

	font-weight: bold;

	color: #000000;
	background-color: inherit;
	background-image: url(../img/boutoncoche.png);

	height: 35px;

	width: 725px;

	float: left;

	margin-top: 30px;

	margin-left: 40px;

	padding-left: 15px;

}

#titrePublicationsCDROM a {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}

#titrePublicationsCDROM a:hover {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}



#titrePublications a {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}

#titrePublications a:hover {

	color: #000000;
	background-color: inherit;
	text-decoration: none;

}

#bonCommande {

	font-size: 16px;

	color: #000000;
	background-color: inherit;
	text-decoration: none;

	text-align: center;

	font-weight: bold;

}

#bonCommandeInst {

	font-size: 16px;

	color: #000000;
	background-color: inherit;
	text-align: center;

}

#noir {

	color: #000000;
	background-color: inherit;
	background-image: url(../img/carre.jpg);

	background-repeat: repeat;

	padding-top: 10px;

	padding-left: 10px;

}

#php {

	background-image: url(../img/carre.jpg);

}

#phpC {

	background-image: url(../img/carre.jpg);

	margin-right: auto;

	margin-left: auto;

	height: auto;

	width: 795px;

}

#listePub {

	padding-left: 10px;

	font-size: 12px;

	line-height: 30px;

}

#titreCoor {

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	background-image: url(../img/boutoncoche.png);

	padding-left: 10px;

	height: 30px;

	line-height: 30px;

}

#listePubG {

	float: left;

	width: 397px;

}





#pres {

	font-size: 12px;

	line-height: 17px;

	font-weight: normal;

	color: #000000;
	background-color: inherit;
	margin-right: 15px;

	margin-left: 15px;

	margin-top: 15px;

	margin-bottom: 15px;

}

.titreSalon, .titreJO {

	font-size: 14px;
	background-color: inherit;
	color: #FFFFFF;

}

#siegeSocial {
	float: left;
	height: 100px;
	width: 190px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 50px;
	background-image: url(../img/carre.jpg);

}

#siegeSocial h1 {

	background-image: url(../img/carrejaune.png);

	text-align: center;

}

.normal {

	font-weight: normal;

}

.normalLien {

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

}



#ss {

	width: 600px;

	margin-right: auto;

	margin-left: auto;

}

.titrePub {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	background-color: inherit;
	font-variant: small-caps;

}



#gd {

	font-size: 14px;

	font-weight: bold;

}

.carreindex .maj {

	text-transform: uppercase;

}

.carreindexModif .maj {

	text-transform: uppercase;

}

.normalActu {

	font-variant: normal;

	text-transform: none;

	font-weight: normal;

	text-decoration: none;

}

#contact .pt {

	font-size: 12px;

}
#boutons {
	height: 100px;
}
.carreindexdroit {
	height: 798px;
	width: 249px;
	float: left;
	background-color: #FFFFFF;
	color: inherit;
	border: 1px solid #FFFFFE;
	position: relative;
}
#actus {
	margin-left: auto;
	margin-right: auto;
	width: 795px;
}
#calendrier {
	float: left;
}
#infosactu {
	float: left;
	padding-left: 10px;
}
#photosactu {
	float: right;
}
.carremilieu {
	height: 800px;
	width: 249px;
	float: left;
	padding: 0px;
	margin-right: 22px;
	margin-left: 22px;
}
#commande2 {
	line-height: 15px;
	font-weight: bold;
	color: #000;
	background-color: inherit;
	text-decoration: none;
	background-image: url(../img/boutoncoche.png);
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 795px;
	margin-right: auto;
	margin-left: auto;
}
#commande3 {
	line-height: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-image: url(../img/boutoncoche.png);
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 795px;
	margin-right: auto;
	margin-left: auto;
}
#fred {
	background-image: url(../img/carre.jpg);
	text-align: center;
	height: 100px;
	width: 190px;
	margin-right: 10px;
	margin-left: 50px;
	float: left;
}
#siegeSocial2 {
	text-align: center;
	float: left;
	height: 100px;
	width: 190px;
	margin-right: 10px;
	margin-bottom: 50px;
	background-position: top;
	padding: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	
	background-image: url(../img/carre.jpg);
}
#siegeSocial2 h1 {
	background-image: url(../img/carrejaune.png);
	text-align: center;
}
#siegeSocial3 {
	background-image: url(../img/carre.jpg);
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 190px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#siegeSocial3 h1 {
	/* background-image: url(../img/carrejaune.png); */
	text-align: center;
}
#siegeSocial4 {
	background-image: url(../img/carre.jpg);
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 190px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#siegeSocial4 h1 {
	background-image: url(../img/carrejaune.png);
	text-align: center;
}
#siegeSocial4 {
	background-image: url(../img/carre.jpg);
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 190px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#siegeSocial5 {
	background-image: url(../img/carre.jpg);
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 190px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#siegeSocial5 h1 {
	background-image: url(../img/carrejaune.png);
	text-align: center;
}
#siegeSocial6 {
	background-image: url(../img/carre.jpg);
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 190px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#siegeSocial6 h1 {
	background-image: url(../img/carrejaune.png);
	text-align: center;
}
#bloquees {
	width: 795px;
	height: 650px;
}
#bloqueepti {
	height: 32px;
	width: 795px;
}
.titreh7 {
	color: #C80002;
	background-color: inherit;
	font-size: 12px;
	text-decoration: underline;
	text-align: center;
}


.titreh5 {
  margin-left: 6%;
  margin-right: 6%;
  font-size: 110%;
  font-weight: bold
}


#panneauMercator{
position :absolute;
top:0px;
right:-160px;
}
#panneauPMS{
	position :absolute;
	top:180px;
	right:-160px;
}

#vignetteJO{
	position :absolute;
	top:180px;
	right:-180px;
}
#logosBas   {
	width : 800px;
	height : 86px;
	

	list-style-type : none; 
}

#logosBas ul  {
	width : 100%;
	height : 86px;
	

	list-style-type : none; 
}

#logosBas ul li {
	float : left;
	display : inline;
	padding : 0;
	margin-left : 5px;
	
	
}

#logosBas ul li a {
	height : 86px; 
	display : block;  
	padding : 0;
	margin : 0;
	width:100%;
}
#logosBas a:active, #logosBas a:focus  {
	border : 3px solid blue;
}


div .grasCentre {
	
	text-align : center;
}
div .grasCentre span{
	font-weight:bold;
	
}



#logosBas img {
	padding : 0;
	margin : 0;
}