/*--------------------------------------------------*/
/*  DEBUT STRUCTURE CHARTE GRAPHIQUE */
#conteneur { 
position: absolute;
width: 810px;
left: 50%;
margin-left: -405px;
background-color: white;
}

body {
font-family: "Trebuchet MS", sans-serif;
font-size: 9pt;
padding: 0;
margin: 0;
}


#link_index {
	float: left;
	border: 1px;
	width: 197px;
	height: 53px;
	margin-top: 56px;
	margin-left: 25px;
}


#header {
height: 183px;
background-image: url(../images/charte/bandeau.jpg);
background-repeat: no-repeat;
}

#centre {
background-color: white;
margin-left: 222px;
margin-right: 25px;
}

#credits {
background-color: white;
margin: 10px;
}

#centre #arrondihaut {
background: url(../images/charte/bloc-coin-haut.jpg) #f1f4f9 top right no-repeat;
padding-top: 1px;
}

#centre #arrondibas {
background: url(../images/charte/bloc-coin-bas.jpg) bottom right no-repeat;
padding-bottom: 1px;
}

#centre #arrondihaut p {
text-align: justify;
margin: 10px 25px 10px 25px;
}

#conteneurcontenu {
display: table;
width: 100%;
}

#contenudroit {
width: 170px;
}

#contenugauche {
float: left;
width: 360px;
}

#contenugauche, #contenudroit {
display: table-cell;
height: 100%;
}

html>body #contenugauche {
float: none;
width: auto;
}


#gauche {
position: absolute;
left: 0;
width: 222px;
height: 513px;
background-image: url(../images/charte/fond1-menudyn.jpg);
background-repeat: no-repeat;
}

#pied {
clear: both;
height: 30px;
background-image: url(../images/charte/pied-fond.jpg);
background-repeat: no-repeat;
background-position: bottom right;
margin-bottom: 20px;
}
/*  FIN  STRUCTURE CHARTE GRAPHIQUE  */
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*  DEBUT MENU DYNAMIQUE  */
#gauche #menudyn {
margin-top: 28px;
background: url(../images/charte/fond2-haut-menudyn.jpg) top left no-repeat;
}

#gauche #blocmenudyn {
padding-top: 36px;
background: url(../images/charte/fond2-bas-menudyn.jpg) bottom left no-repeat;
}

#gauche #menudyn ul {
padding-top: 16px;
padding-bottom: 1px;
}

#gauche #menudyn li {
background-color: #d6e3f2;
margin-left: 7px;
margin-right: 20px;
margin-top: 2px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
}

#gauche #menudyn a {
letter-spacing: -0.5px;
color: black;
text-decoration: none;
font-size: 8pt;
}

#gauche #menudyn a:hover {
text-decoration: none;
background-color: #edf6fd;
padding: 4px 4px 4px 0;
}
/*  FIN MENU DYNAMIQUE  */
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/* DEBUT MENU STATIQUE */
#header #menu dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 3px 0 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 9pt;
}

#header #menu dt {
font-variant: small-caps;
color: white;
}

#header #menu dt a {
padding: 1px;
}

#header #menu dt a:hover {
color: white;
background-color: #1c5eb2;
padding: 1px;
}

#menu {
position: absolute;
left: 15px;
top: 138px;
}

#menu dl {
float: left;
}

#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
position: absolute;
left: 0;
font-size: 0.7em;
top: 23px;
width: 600px;
margin-left: 55px;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
color: #032d6d;
padding: 1px;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover, #smenu6 a:hover {
background-color: white;
padding: 1px;
}

#header #shortmenu {
position: absolute;
right: 35px;
top: 28px;
padding: 1px;
}

#header #shortmenu a {
text-decoration: none;
color: #074695;
padding: 1px;
}

#header #shortmenu a:hover {
background-color: white;
}

#header  #shortmenu dl {
list-style-type: none;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 9pt;
font-variant: small-caps;
}

#header #shortmenu dt {
display: inline;
}

/* FIN MENU STATIQUE */
/*--------------------------------------------------*/





#pied p {
text-align: right;
margin-right: 10px;
}

#conteneur #pied a {
text-decoration: none;
color: #245d82;
}

#conteneur #pied a:hover {
background-color: #e6ecf4;
}



/*--------------------------------------------------*/
/* DEBUT CONTENU */
#centre p {
margin-left: 25px;
margin-right: 25px;
text-align: justify;
}

#centre .imageparagraphe {
float: right;
margin-left: 10px;
text-align: center;
}

#centre a {
text-decoration: none;
color: #245d82;
}

#centre a:hover {
background-color: #e6ecf4;
color: #114a6f;
}

#credits a {
text-decoration: none;
color: #245d82;
}

#credits a:hover {
background-color: #e6ecf4;
color: #114a6f;
}

#credits a:visited {
color: #a9bdca;
}

#centre a:visited {
color: #7200AD;
}

#centre h1 {
text-align: right;
color: #245d82;
font-size: 20pt;
text-transform: uppercase;
margin-bottom: 0;
}

#credits h1 {
text-align: right;
color: #245d82;
font-size: 20pt;
text-transform: uppercase;
margin-bottom: 0;
}

#centre h2 {
text-align: right;
margin-top: -5px;
font-weight: normal;
color: #358d88;
font-size: 18pt;
}

#centre h2.accueil {
text-align: left;
margin-top: 15px;
margin-left: 25px;
font-weight: normal;
color: #358d88;
font-size: 18pt;
}


#centre h3 {
margin-left: 25px;
color: #245d82;
font-size: 12pt;
}

#credits h3 {
margin-left: 25px;
color: #245d82;
font-size: 12pt;
}

#centre h4 {
text-align: left;
margin-left: 25px;
color: #245d82;
font-size: 10pt;
margin-bottom: -5px;
margin-top: 10px;
}

#centre h5 {
text-align: center;
color: black;
font-size: 11pt;
}

#centre .listedefactivite {
margin-left: 25px;
margin-right: 25px;
text-align: justify;
}

#centre .listedefactivite dt {
font-weight: bolder;
margin-top: 10px;
}

#centre .listedefactivite dd {
margin-left: 50px;
font-family: "Trebuchet MS", sans-serif;
}

#centre p.publications {
text-align: center;
background-color: #f1f4f9;
margin-left: 25px;
margin-right: 25px;
padding: 20px;
}

#conteneur #centre li {
text-align: justify;
margin-right: 25px;
margin-left: 15px;
margin-top: 5px;
list-style-type: decimal;
list-style-position: outside;
font-family: "Trebuchet MS", sans-serif;
}

#conteneur #centre dt {
text-align: justify;
margin-left: 50px;
margin-top: 5px;
list-style-position: outside;
font-family: "Trebuchet MS", sans-serif;
}

#conteneur #centre li.alpha {
list-style-type: upper-alpha;
}

#conteneur #centre dt {
margin-right: 25px;
}


#conteneur #centre table {
border: 1px solid #245d82;
border-collapse: collapse;
margin-left: 25px;
margin-right: 25px;
overflow: visible;
margin-bottom: 10px;
}

th {
font-family: "Trebuchet MS", sans-serif;
border: 1px solid #245d82;
padding: 5px;
background-color: #e6ecf4;
}

td {
font-family: "Trebuchet MS", sans-serif;
font-size: 9pt;
border: 1px solid #245d82;
padding: 5px;
text-align: center;
}

tr:hover {
background-color: #e6ecf4;
}

caption {
color: #245d82;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
font-size: 10pt;
font-weight: bolder;
}

#formulaire {
margin-left: 25px;
margin-right: 25px;
}

fieldset {
border-color: #e6ecf4;
}

legend {
color: #245d82;
}

input, textarea, select {
background-color: #f1f4f9;
border: 1px solid #9da1a6;
margin: 0;
}

label {
display: block;
}


.gras {
font-weight: bolder;
}

.grasWeb {
font-weight: bolder;
font-style: italic ;
background-color: #f1f4f9;
}

.grasWeb a {
font-weight: bolder;
font-style: italic ;
background-color: #f1f4f9;
}

.grasWeb a:hover {
font-weight: bolder;
font-style: italic ;
background-color: #f1f4f9;
}

.italique {
font-style: italic;
}

/* FIN CONTENU */
/*--------------------------------------------------*/