/* *****************************************
********GENERAL ET HEADER*******************
********************************************/

body
{
margin: 0;
padding: 0;
text-align: center ;
font-family: Arial, Helvetica, sans-serif;
/* font: 0.8em "Trebuchet MS", helvetica, sans-serif ; */
background: url(images/fondpage2.jpg) repeat-x left top

}

#header {
height: 180px;
background-color: #FFFFFF;
border-top: 1px solid #000000;

background: url(images/top.jpg) no-repeat left top
}

/* SPACER : NE PAS TOUCHER */
.spacer {
  clear: both;
}
.separation {
clear: both;
visibility: hidden;
}

.flash {
position: absolute;
top: 0px ;
left: 0px ;
padding: 0;
margin: 0;
z-index: 2;
border: 0px;
}
.flash a img {
border: 0px;
}


/* TABLEAU 4 COLONNES */
.table4 {
background: url(images/fondtextegrand.jpg) repeat-y left top;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
font-size: 12px ;
font-weight: bold ;
color: #000000;
}
.table4 table {
border: 1px solid #000000;
border-collapse: collapse;
width:700px;
}
.table4 td {
border: 1px solid #000000;
width: 25%;
padding:3px;
}

/* TABLEAU 3 COLONNES */
.table3 {
background-color:#B2BEDC;
padding-top: 10px;
padding-left: 130px;
}
.table3 table {
border: 1px solid #000000;
border-collapse: collapse;
}
.table3 td {
border: 1px solid #000000;
width: 33%;
}

/* TABLEAU 2 COLONNES */
.table2 {
background: url(images/fondtextegrand.jpg) repeat-y left top;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
font-size: 12px ;
font-weight: bold ;
color: #000000;
}
.table2 table {
border: 1px solid #000000;
border-collapse: collapse;
width:700px;
}
.table2 td {
border: 1px solid #000000;
width: 50%;
padding:3px;
}

/* *****************************************
***************CONTENU**********************
********************************************/

/* CONTENEUR GENERAL */
#conteneur {
position: absolute;
width: 750px;
top: 10px;
left: 50%;
padding:0;
margin-left: -375px;
background-color:#575DF1;
text-align: left ;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#conteneurbordure {
position: absolute;
left: 50%;
margin-left: -375px;
padding-top: 0px;
top: 210px;
width:748px;
/* background: url(images/barrefond.jpg) repeat-y ; */
background-color:#ffffff;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
text-align: left ;
}


/* CONTENU SUR UNE SEULE COLONNE */

.centrebloc {
margin-left: 5px;
margin-right: 7px;
margin-bottom: 0px;
margin-top: 10px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 2px solid #F3F902;
padding : 0px;
/* font-weight: bold ; */
}
.centrebloc h1 {
background: url(images/toptextegrand.jpg) no-repeat left top;
text-align: center;
color : #3A4D9C;
font-size: 14px ;
font-weight: bold ;
margin: 0px;
padding-top: 2px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 0px solid #A4A4A4;
}
.centrebloc p {
background: url(images/fondtextegrand.jpg) repeat-y left top;
text-align: justify;
font-size: 12px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
}
.centrebloc h2 {
background: url(images/fondtextegrand.jpg) repeat-y left top;
text-align: left;
font-size: 12px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:0px;
font-weight: bold ;
}
.centrebloc h3 {
background: url(images/fondtextegrand.jpg) repeat-y left top;
text-align: center;
font-size: 13px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
font-weight: bold ;
}
.centrebloc h4 {
background: url(images/fondtextegrand.jpg) repeat-y left top;
text-align: center;
font-size: 13px ;
color: red;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
font-weight: bold ;
}
.centredemiblocgauche em {
background: url(images/fondtextegrand.jpg) repeat-y left top;
text-align: center;
font-size: 12px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
font-weight: normal ;
}
.centrebloc ul {
margin:0;
padding:0;
padding-left:8px;
padding-top:5px;
background: url(images/fondtextegrand.jpg) repeat-y left top;
font-size: 12px ;
font-weight: bold ;
color: #000000;
list-style-type: square;
list-style-position: inside;
}
.centrebloc li {
font-weight: normal ;
}

.centrebloc a {
color: #1A008A;
text-decoration: none;
font-weight: bold ;
}
.centrebloc a:hover {
color: #CC0000;
text-decoration: none;
}


/* CONTENU SUR 2 COLONNES */
.centredemiblocgauche {
float: left;
width: 358px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
border-left: 0px solid #A4A4A4;
border-right: 0px solid #A4A4A4;
border-top: 0px solid #A4A4A4;
padding : 0;
}
.centredemiblocgauche h1 {
background: url(images/toptexte.jpg) no-repeat left top;
text-align: center;
color : #3A4D9C;
font-size: 14px ;
font-weight: bold ;
margin: 0;
padding : 0;
padding-top: 2px;
padding-left: 5px;
margin-top:10px;
border-bottom: 2px solid #F3F902;
}
.centredemiblocgauche p {
background: url(images/fondtexte.jpg) repeat-y left top;
text-align: justify;
font-size: 12px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
border-bottom: 0px solid #A4A4A4;
}
.centredemiblocgauche h2 {
background: url(images/bottomtexte.jpg) no-repeat left top;
text-align: right;
height:20px;
color : black;
font-size: 11px ;
font-weight: bold ;
margin: 0;
padding : 0;
padding-top: 2px;
padding-right: 5px;
}
.centredemiblocgauche h3 {
background: url(images/fondtexte.jpg) repeat-y left top;
text-align: center;
font-size: 13px ;
color: #000000;
margin: 0;
padding-top: 0px;
padding-bottom:10px;
border-bottom: 0px solid #A4A4A4;
}

.centredemiblocgauche ul {
background: url(images/fondtexte.jpg) repeat-y left top;
margin: 0;
padding : 0;
padding-top:5px;
padding-right:3px;
padding-left:3px;
font-size: 11px ;
font-weight: bold ;
list-style-type: none;
}
.centredemiblocgauche li {
line-height:15px;
}

.centredemiblocgauche a {
color: #000390;
font-weight: bold ;
text-decoration: none;
}
.centredemiblocgauche a:hover {
color: #CC0000;
font-weight: bold ;
text-decoration: none;
}

.centredemiblocdroit {
float: right;
width: 358px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 0px;
padding : 0px;
}
.centredemiblocdroit h1 {
background: url(images/toptexte.jpg) no-repeat left top;
text-align: center;
color : #3A4D9C;
font-size: 14px ;
font-weight: bold ;
margin: 0;
padding : 0;
padding-top: 2px;
padding-left: 5px;
margin-top:10px;
border-bottom: 2px solid #F3F902;
}
.centredemiblocdroit p {
background: url(images/fondtexte.jpg) repeat-y left top;
text-align: justify;
font-size: 12px ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom:5px;
border-bottom: 0px solid #A4A4A4;
}
.centredemiblocdroit h2 {
background: url(images/bottomtexte.jpg) no-repeat left top;
text-align: right;
height:20px;
color : black;
font-size: 11px ;
font-weight: bold ;
margin: 0;
padding : 0;
padding-top: 2px;
padding-right: 5px;
}
.centredemiblocdroit h3 {
background: url(images/fondtexte.jpg) repeat-y left top;
text-align: center;
font-size: 13px ;
color: #000000;
margin: 0;
padding-top: 0px;
padding-bottom:10px;
border-bottom: 0px solid #A4A4A4;
}
.centredemiblocdroit ul {
background: url(images/fondtexte.jpg) repeat-y left top;
margin: 0;
padding : 0;
padding-top:5px;
padding-right:3px;
padding-left:3px;
font-size: 11px ;
font-weight: bold ;
list-style-type: none;
}
.centredemiblocdroit li {
line-height:15px;
}

.centredemiblocdroit a {
color: #000390;
font-weight: bold ;
text-decoration: none;
}
.centredemiblocdroit a:hover {
color: #CC0000;
font-weight: bold ;
text-decoration: none;
}
.textebarre {
text-decoration: line-through }
.texteremplacement {
color: #CC0000;
font-size: 13px ;
 }
.centreblocgras {
font-weight: bold ;
 }
.textecentre {
 text-align: center;
 }

/* *****************************************
***************FORMULAIRES******************
********************************************/


/* GESTION DES FORMULAIRES  */
.formQuizz form {
color: #000000;
float: center;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
/* background-color:#B2BEDC; */
}
.formQuizz form label {
float: left;
width: 60px;
}
.formQuizz form input {
width: 20x;
margin-bottom: 2px;
}





/* *****************************************
***************IMAGES***********************
********************************************/

.centreimagegauche {
float: left;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-left: 40px;
margin-bottom: 5px;
}
.centreimagegauche img {
border: 1px solid #000000;
}

.centreimageindex {
float: left;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-left: 5px;
margin-bottom: 5px;
padding-right : 5px;
}
.centreimageindex img{
padding: 0px;
border: 0px solid #000000;
}
.centreimageindex object{
border: 0px solid #000000;
}


.puce {
float: left;
padding: 0px;
padding-bottom:0px;
margin-top: 0px;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 0px;
border: 0px solid white;
}
.centreimagedroite {
float: right;
}
.centreimagedroite p{
padding: 0px;
margin-top: 12px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimage400 {
width:402px;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-left: 160px;
margin-bottom: 5px;
border: 1px solid #000000;
}
.centreimage550 {
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-left: 90px;
margin-bottom: 5px;
border: 1px solid #000000;
}


.centreimagecentreindex {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
margin-top: 20px;
margin-left: 163px;
margin-bottom: 0px;
padding: 0px;
}
.centreimagecentreindex object{
border: 0px solid #000000;
}
.centreimagecentreindex img {
border: 0px solid #000000;
}


/*
FLASH
*/
.centreflashdroite {
float: right;

}
.centreflashdroite p {
padding: 0px;
border: 1px solid #000000;
}

/* *****************************************
***************MENUS************************
********************************************/


/* ONGLETS */
#menuhaut {
list-style-type: none;
height: 29px ;
margin: 0px;
padding:0px;
background: url(images/menuhaut.jpg) no-repeat left top
}
#menuhaut li {
float: left ;
text-align: center;
}
#menuhaut a {
margin: 0px;
padding:0px;
line-height:18px;
margin-top:4px;
margin-left:0px;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
font-size: 11px ;
font-weight: bold ;
color: #0021BA;
display: block ;
text-decoration: none ;
border-right: 1px solid #8C8C8C;
background: url(images/menuhautitem.gif) no-repeat left top;
}
#menuhaut a:hover {
text-decoration: none;
color: #CC0000 ;
}



/* MENU DE GAUCHE */
.conteneurmenu {
position: absolute;
left:0px;
width: 150px;
top: 120px;
/* background-color: #FFC103; */
text-align: left ;
border-left: 0px solid #000000;
margin-left: 5px;
}
.menugauchecentre {
background: url(images/menugauchecentre.jpg) repeat-y left top;
/* background-color:#F1F1F1; */
list-style-type: none;
margin-left: 0px;
margin-right :0;
margin-top : 0;
margin-bottom:0px;
width: 140px;
line-height: 12px ;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
padding-right: 0px;
padding-top: 0px;
padding-left: 3px;
padding-bottom: 2px;
}
.menugauchetop {
background: url(images/menugauchetop.jpg) repeat-y left top;
width: 140px;
height: 22px;
margin-left: 0px;
margin-right :0;
margin-top : 15px;
line-height: 13px ;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 15px ;
font-weight: bold ;
color : #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
}
.menugauchetop2 {
background: url(images/menugauchetop2.jpg) repeat-y left top;
width: 142px;
margin-left: 5px;
margin-right :0;
margin-top : 5px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 2px;
line-height: 14px ;
font-size: 1em ;
font-weight: bold ;
letter-spacing: 1px ;
color : #FFD200;
border-left: 1px solid #000000;
border-right: 0px solid #5B80C4;
border-top: 0px solid #000000;
border-bottom: 0px solid #5B80C4;
}
.menugauchetop3 {
background: url(images/menugauchetop.jpg) repeat-y left top;
width: 140px;
height: 22px;
margin-left: 0px;
margin-right :0;
margin-top : 0px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
font-size: 1em ;
font-weight: bold ;
letter-spacing: 1px ;
color : #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
}


.menugauchebas {
background: url(images/menugauchebas.jpg) no-repeat left top;
width: 140px;
margin-left: 5px;
margin-right :0;
margin-top: 0;
margin-bottom:5px;
padding:0;
padding-left: 3px;
line-height: 20px ;
border: 1px solid #5B80C4;
}
.menugauchecentre a {
margin: 0 2px;
color: #000000;
text-decoration: none;
font-weight: bold ;
font-size: 0.9em ;
}
.menugauchecentre a:hover {
text-decoration: none;
color : #CC0000;
}

/* *****************************************
***************PIED DE PAGE*****************
********************************************/

#pied {
height: 120px;
font-size: 11px ;
font-weight: bold ;
color: black;
 background: url(images/pied.jpg) no-repeat right bottom;
/* background-color: #F1F1F1; */
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
text-align: left ;

}
#pied p {
margin :0;
padding: 0;
padding-left:5px;
}
#pied img {
 vertical-align: middle;
}
#pied a {
color: black;
text-decoration: none;
}
#pied a:hover {
color: #CC0000;
text-decoration: none;
}

/* *****************************************
***************GALERIE***********************
********************************************/

.galerie
{
	width: 738px ;
	background: url(images/fondtextegrand.jpg) repeat-y left top;
	border: 0px solid #000000 ;
	padding: 0 ;
	margin: 0 ;
	margin-top:0px;
	margin-left:0px;
	padding-bottom:10px;
	text-align: center ;
}
.galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
.galerie_mini ul
{
	list-style-type: none ;
}
.galerie_mini li
{
	float: left ;
	list-style-type: none ;
}
.galerie_mini li a img
{
	margin: 0;
	padding: 0 ;
	margin-top : 10px;
	margin-left: 15px;
	border: 1px solid #000000 ;
}
.photo
{
	clear: both ;
	margin: 0 ;
}
.photo dt
{
	font-size : 14px;
	font-weight: bold;
	color: #000000 ;
}
.photo dd
{
	margin: 0 ;
}
.photo img
{
	border: 1px solid #000000 ;
}
.legende
{

	clear: both ;
	margin: 0 ;
	margin-bottom: 20px;
}
.legende dt
{
	font-size : 12px;
	font-weight: bold;
	color: #000000 ;
}