/* général*/
body { 
background: #f5f5f5;
font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 6px 0 6px 0;
padding: 0;
overflow: auto;
} 
#conteneur { 
position: relative;
border: 1px solid #d6d6d6;
width: 775px;
margin: 0 auto;
background: #fff;
}
#conteneur1 { 
position: relative;
width: 775px;
margin: 0 auto;
background: #f5f5f5;
} 
#header1 { 
width: 700px;
height: 420px;
margin: 0 0 0 35px;
} 
#header2 { 
width: 445px;
height: 500px;
margin: 4px 0 0 35px;
} 
#header { 
background: url(../../images/ban.jpg);
height: 158px;
} 
#date { 
position: absolute;
margin: 139px 0 0 75px;
width: auto;

font: bold 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff; 
text-align: center;
} 
#centre1 { 
width: 605px;
border: 0 solid #000;
background: #EBEDF4;
margin: 4px 0 0 159px;
} 
#centre { 
background: #fff;
margin: 0 0 0 159px;
}
#centre2 { 
height: 610px;
background: #fff;
margin: 0 0 0 159px;
}  
#gauche { 
background:transparent;
position: absolute;
left: 0px;
width: 156px;
height: 363px;
}
div#cadremenu {/* conteneur global et arrière-plan du titre du cadre */
width: 155px;
margin: 6px 0 0 2px;
padding-top: 5px;
background: url('../../images/menuhaut.gif') top left no-repeat;
}
div#bloccadremenu {/* arrière-plan bas et sur l'ensemble du cadre */
width: 156px;
margin: 20px 0 0 0;
background: url('../../images/menubas.gif') bottom left no-repeat;
padding-bottom: 5px;
} 
#pied1 { 
background: transparent;
clear: both;
} 
#pied { 
height: 70px;
background: #91a0c0;
border-top: 1px solid #000;
clear: both;
}
#popup { 
position : absolute;
width : 150px;
margin : 0 0 0 40px;
} 
#popup2 { 
position : absolute;
width : 150px;
margin : 0 0 0 -65px;
} 
/* les images */
.image { 
border : 0;
} 
#img1 { 
position : relative;
margin : 5px 0 0 0;
} 
#img2 { 
position : relative;
margin : -156px 0 0 118px;
} 
#img3 { 
position : relative;
margin : -155px 0 0 240px;
}
/* les fonts */ 
h1 { 
font:  bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
text-align: justify;
margin: 8px 0 20px 8px;
}
.h1 { 
font:  bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028;
text-align : justify;
margin : 8px 0 8px 8px;
}
h2{ 
font:  bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
text-align : justify;
margin : 8px 0 8px 8px;
}
p { 
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
text-align: justify;
margin: 8px 8px 8px 8px;
}
.p {
background: #D0E3FA;
padding: 2px;
}
.center { 
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
text-align: center;
margin: 8px 8px 8px 8px;
}
.ul {
list-style-type: square;
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
}
.b { 
color: #18499a;
}
.strong {
color: #18499a;
}
/* les espaces */
.espace {
padding-bottom: 6px;
}
.espace1 {
padding-bottom: 15px;
}
.espace2 {
padding-bottom: 250px;
}
/* les class */
.pdf {
float: right;
padding-bottom: 4px;
margin: -4px 240px 0 0;
text-align: justify;
}
.acrobat {
float: right;
padding-left: 10px;
margin: 0px 20px 0 0;
text-align: justify;
}
.message {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028; 
text-align: center;
margin : 8px 8px 8px 150px;
padding: 10px;
}
.bas {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
text-align: center;
margin : 8px 8px 8px 8px;
}
.date {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff; 
text-align: center;
margin: 0px 8px 8px 0px;
}
.inter {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
text-align: justify;
margin: 10px 8px 8px 20px;
}
.menubas {
text-align: center;
margin: 2px 2px 2px 2px;
padding-top: 4px;
}
.infobas {
font: 0.65em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff; 
text-align: center;
margin: 4px 2px 2px 2px;
padding-bottom: 4px;
}
.link { 
width: 150px;
margin: 0 0 0 500px;
padding: 6px;
} 
.inscris{ 
width: 250px;
margin: 0 0 0 10px;
padding: 6px;
} 
hr { 
border: 0;
width: 98%;
color: #071a49;
background: #071a49;
height: 1px;
}
/* les tableaux */
table {
border: 1px solid #6495ed;
border-collapse: collapse;
width: 600px;
margin-left: 6px;
}
th {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
border: thin solid #6495ed;
width: auto;
padding: 5px;
background: #D0E3FA;
}
td {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
border: thin solid #6495ed;
width: 400px;
padding: 5px;
text-align: justify;
background: #ffffff;
}
.td {
text-align: center;
}
caption {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.leftco {
width: 100px;
}
.leftco2 {
width: 340px;
}
/* les menus */
.menugauche { 
list-style-type : none;
margin: 10px;
padding: 0;
} 
.menugauche li { 
margin-bottom : 2px;
} 
.menugauche a { 
margin : 0 14px;
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #000000;
text-decoration : none;
} 
.menugauche a:hover { 
text-decoration : underline;
}
a.menubas:link { 
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #ffffff;
padding : 3px;
background: transparent;
text-decoration: none;
} 
a.menubas:visited { 
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff;
padding: 3px;
background: transparent;
text-decoration : none;
} 
a.menubas:hover { 
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
padding: 3px;
background: transparent;
text-decoration: underline;
}
a.menutop:link { 
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #18499a;
padding: 5px;
background: transparent;
text-decoration: none;
} 
a.menutop:visited { 
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #18499a;
padding: 5px;
background: transparent;
text-decoration: none;
} 
a.menutop:hover { 
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
padding: 5px;
background: transparent;
text-decoration: underline;
} 
a.lien:link { 
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #18499a;
margin: 0 0 0 4px;
padding: 5px;
background: transparent;
text-decoration: none;
} 
a.lien:visited { 
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #18499a;
margin: 0 0 0 4px;
padding: 5px;
background: transparent;
text-decoration: none;
} 
a.lien:hover { 
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
margin: 0 0 0 4px;
padding: 5px;
background: transparent;
text-decoration: underline;
} 
a.contact {
font: bold 1.0em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #18499a;
text-align: center;
background: transparent;
text-decoration: none;
}
a.contact:hover {
font: bold 1.0em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #b6b6b6;
text-align: center;
background: transparent;
text-decoration: underline;
}
a.contact{
display: inline;
}
.fiche { 
width: 400px;
background: #d6d6d6;
border: 1px solid #b6b6b6;
margin: 20px 0 0 87px;
padding: 8px;
} 
form { 
width: 400px;
background: #d6d6d6;
border: 1px solid #b6b6b6;
margin: 0 0 0 87px;
padding: 8px;
} 
label { 
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
input { 
border : 1px solid #18499a;
background: #ffffff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
select, option { 
background: #ffffff;
color : #000080;
} 
textarea { 
border: 1px solid #18499a;
background: #ffffff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
} 
input.bouton { 
border: 1px outset #18499a;
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
cursor : pointer;
} 
input.bouton:hover { 
background: white;
color: #d6d6d6;
} 
input.bouton:active { 
border: 1px inset #18499a;
background: #f7f9fa;
color: white;
}