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

body
{
margin: 0;
padding: 0;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background-color: #FFFFFF ;
}

#header {
height: 137px;
background-color: #FFFFFF;
border-top: 0px solid #fff137;
border-left: 0px solid #fff137;
border-right: 0px solid #fff137;
background: url(images/top.jpg) no-repeat left top
}

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


.flash {
position: absolute;
top: 0px ;
left: 0px ;
padding: 0;
margin: 0;
z-index: 2;
border: 0px;
}
.flash a img {
border: 0px;
}
.fr {
position: absolute;
top: 10px ;
left: 630px ;
padding: 0;
margin: 0;
z-index: 4;
border: 0px;
}
.fr a img {
border: 0px;
}
.uk {
position: absolute;
top: 10px ;
left: 690px ;
padding: 0;
margin: 0;
z-index: 4;
border: 0px;
}
.uk a img {
border: 0px;
}


/* TABLEAU 4 COLONNES */
.table4 {
background-color:#B2BEDC;
padding-top: 10px;
padding-left: 20px;
}
.table4 table {
border: 1px solid #000000;
border-collapse: collapse;
}
.table4 td {
border: 1px solid #000000;
width: 25%;
}

/* 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-color:#B2BEDC;
padding-top: 10px;
padding-left: 180px;
}
.table2 table {
border: 1px solid #000000;
border-collapse: collapse;
}
.table2 td {
border: 1px solid #000000;
width: 50%;
}





/* *****************************************
***************BANDEAUX PUB*****************
********************************************/

#pub {
position: absolute;
top: 177px ;
color: #FFFFFF;
left: -125px ;
width: 120px;
height: 600px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;
}
#pub2 {
position: absolute;
top: 745px ;
color: #FFFFFF;
left: -125px ;
width: 120px;
height: 300px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;
}
#pub3 {
position: absolute;
top: 137px ;
color: #FFFFFF;
left: -125px ;
width: 120px;
height: 240px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;
}
#pub4 {
position: absolute;
top: 386px ;
color: #FFFFFF;
left: -125px ;
width: 120px;
height: 300px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;
}
#pub5 {
position: absolute;
top: 780px ;
color: #000000;
font-weight: bold ;
left: -125px ;
width: 118px;
height: 130px;
padding:0;
margin:0;
margin-left: 2px;
background-color: #B2BEDC;
border: 1px solid #000000;
}
#pub5 p {
padding:0;
margin:0;
padding-left: 5px;
margin-bottom: 2px;
}
#pub6 {
position: absolute;
top: 1266px ;
color: #000000;
font-weight: bold ;
left: -125px ;
width: 118px;
height: 130px;
padding:0;
margin:0;
margin-left: 2px;
background-color: #B2BEDC;
border: 1px solid #000000;
}
#pub6 p {
padding:0;
margin:0;
padding-left: 5px;
margin-bottom: 2px;
}
#pub7 {
position: absolute;
top: 745px ;
color: #FFFFFF;
left: -125px ;
width: 214px;
height: 333px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;
}

#pub8 {
position: absolute;
top: 386px ;
color: #FFFFFF;
left: -1250px ;
width: 214px;
height: 333px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 0px solid #000000;}

#pub9 {
position: absolute;
top: 660px ;
color: #FFFFFF;
left: -125px ;
width: 118px;
height: 600px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 1px solid #000000;
}

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

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


/* CONTENU SUR UNE SEULE COLONNE */
.centretitre {
/* background-color:#000000; */
background: url(images/top-Down.jpg) repeat-x 0px 0 ;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #fff137;
border-bottom: 0px solid #000000;
padding : 0px;
}
.centretitre p {
text-align: justify;
font-weight: bold ;
/* text-indent: 2em ; */
line-height: 1.7em ;
color: #fff137;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 0;
padding-bottom:8px;
}
.centretitre h1 {
/* background: url(images/medtitre.gif) no-repeat left bottom; */
border-bottom : 0px solid #000000;
line-height: 37px;
font-size: 1.5em ;
font-weight: bold ;
/* color : #fff137; */
color : white;
text-align : center;
margin: 0px;
padding-bottom: 0px;
padding-top: 8px;
padding-left : 0px
/* padding-left : 80px; */
padding-right: 8px;
}

.centrebloctop {
margin-left: 155px;
margin-right: 5px;
margin-bottom: 0px;
margin-top: 5px;
border-left: 1px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
padding : 0px;
font-weight: bold ;

}
.centrebloctop h2 {
background: url(images/medtitre.gif) no-repeat left bottom;
text-align: left;
color : #000000;
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 0px solid #000000;
}

.centrebloc {
margin-left: 155px;
margin-right: 5px;
margin-bottom: 8px;
margin-top: 0px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
padding : 0px;
/* font-weight: bold ; */
}
.centrebloc h2 {
background: url(images/medtitre.gif) no-repeat left bottom;
text-align: left;
color : #000000;
/* color : #fd4900;*/
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 1px solid #000000;
}
.centrebloc p {
background-color:#B2BEDC;
text-align: justify;
line-height: 1.2em ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom:4px;
border-left: 0px solid #8D8D47;
border-right: 0px solid #000000;
}
.centrebloc h3 {
background: url(images/BandeauParagraph.jpg) repeat-x left bottom;
text-align: left;
color : #fd4900;
font-size: 1.2em ;
font-weight: bold ;
margin: 0;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-top: 0px solid #fd4900;
}
.centrebloc a {
color: #00328E;
text-decoration: none;
font-weight: bold ;
}
.centrebloc a:hover {
color: #fd4900;
text-decoration: none;
}

.centreblocgras {
font-weight: bold ;
}
.centreblocred {
font-weight: bold ;
color: #fd4900;
}


.centreblocslide {
background-color:#fffb9b;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-left: 2px solid #fd4900;
border-right: 2px solid #fd4900;
border-top: 2px solid #fd4900;
border-bottom: 2px solid #fd4900;
padding: 0px;
}

.centreblocflash {
margin-left: 155px;
margin-right: 5px;
margin-bottom: 0px;
margin-top: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding : 8px;
background-color:#8E9EC7;
text-align: justify;
line-height: 1.2em ;
color: #000000;
/* font-weight: bold ; */
}
.centreblocflash a {
color: #00328E;
text-decoration: none;
font-weight: bold ;
}
.centreblocflash a:hover {
color: #fd4900;
text-decoration: none;
}


/* CONTENU SUR 2 COLONNES */
.centredemiblocgauche {
float: left;
width: 355px;
background-color:#000000;
margin-left: 3px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 5px;
border-left: 2px solid #8D8D47;
border-right: 2px solid #8D8D47;
border-top: 2px solid #8D8D47;
border-bottom: 2px solid #8D8D47;
padding : 0px;
}
.centredemiblocgauche h2 {
text-align: left;
background: url(images/BandeauParagraph.jpg) repeat-x left bottom;
color : white;
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 2px solid #8D8D47;
}
.centredemiblocgauche p {
text-align: justify;
font-weight: bold ;
line-height: 1.7em ;
color: #FFFDC1;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom:12px;
}
.centredemiblocgauche h3 {
text-align: left;
color : white;
font-size: 1.2em ;
font-weight: bold ;
margin: 0;
padding-top: 8px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-top: 2px solid #fd4900;
}
.centredemiblocgauche a {
color: #000000;
text-decoration: none;
}
.centredemiblocgauche a:hover {
color: #fd4900;
text-decoration: none;
}
.centredemiblocdroit {
background-color:#B2BEDC;
float: right;
width: 420px;
height:100px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
padding : 0px;
padding-right:4px;
}
.centredemiblocdroit p {
text-align: justify;
margin: 0;
padding : 0px;
}
.centredemiblocdroit a {
color: #00328E;
text-decoration: none;
}
.centredemiblocdroit a:hover {
color: #fd4900;
text-decoration: none;
}

/* *****************************************
***************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;
width: 160px;
height : 100px;
background-color:#B2BEDC;
}
.centreimagegauche img{
padding: 0px;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 0px;
border: 1px solid #000000;
}
.centreimagegauche object{
padding: 0px;
margin-top: 12px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
border: 1px 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;
}

.centreimagecentre {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentre object{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 60px;
margin-bottom: 0px;
border: 1px solid #000000;
}
.centreimagecentre img{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 120px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentretitre {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentretitre img{
width :320px;
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 148px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre400 {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentre400 object{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 82px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre565 {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
padding: 0;
margin:0;
background-color:#B2BEDC;
}
.centreimagecentre565 object{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
border: 1px solid #000000;
}
.centreimagecentre565 img{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 5px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre575 {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
padding: 0;
margin:0;

background-color:#B2BEDC;
}
.centreimagecentre575 object{
padding: 0;
margin:0;
margin-left:4px;
margin-bottom:5px;
border: 0px solid #000000;
}
.centreimagesignes {
background-color:#B2BEDC;
padding-top:10px;
height:160px;
border-bottom: 1px solid #000000;
}
.centreimagesignes p{
padding: 0px;
margin: 0px;
padding-left:0px;
padding-right:5px;
}
.centreimagesignes object{
float:left;
border: 1px solid #000000;
margin-left:5px;
margin-right:5px;
}


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

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

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


/* ONGLETS */
#menuhaut {
list-style-type: none;
background: url(images/menuhaut.jpg) repeat-x 0px -40px ;
height: 40px ;
margin: 0px;
padding:0px;
border-top: 1px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 1px solid #000000;
}
#menuhaut li {
float: right ;
text-align: center ;
}
#menuhaut a {
width: 149.2px ;
margin: 0px;
padding:0px;
line-height: 40px ;
font-size: 1.1em ;
font-weight: bold ;
color: #FFD200;

display: block ;
text-decoration: none ;
}
#menuhaut a:hover {
text-decoration: none;
color: #150062 ;
background: url(images/menuhaut.jpg) repeat-x 0px 0 ;
}

/* MENU DE GAUCHE */
.conteneurmenu {
position: absolute;
left:0px;
width: 150px;
top: 43px;
/* background-color: #FFC103; */
text-align: left ;
}
.menugauchecentre {
background: url(images/menugauchecentre.jpg) repeat-y left top;
list-style-type: none;
margin-left: 5px;
margin-right :0;
margin-top : 0;
margin-bottom:5px;
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: 142px;
margin-left: 5px;
margin-right :0;
margin-top : 5px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
line-height: 20px ;
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;
}
.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;
}



.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: #E2E2DE;
text-decoration: none;
font-weight: bold ;
font-size: 0.9em ;
}
.menugauchecentre a:hover {
text-decoration: none;
color : #150062;
}

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

#pied {
clear:both;
height: 100px;
font-size: 0.9em ;
font-weight: bold ;
color: white;
background: url(images/Down.jpg) no-repeat left top;
/* background-color: #fff137; */
border-top: 0px solid #000000;
border-bottom: 2px solid #000000;
text-align: center ;
}
#pied p {
line-height: 1.3em ;
margin :0;
padding: 0 5px 0 0;
}
#pied img {
 vertical-align: middle;
}
#pied a {
color: #FFD200;
text-decoration: none;
}
#pied a:hover {
color: #fd4900;
text-decoration: none;
}