/* global */
html{height: 100%;}

body
{ font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color:#111;
background:#F0F0F0;
}

a:hover
{
  color: red;
}

a
{ font-family:Arial, Helvetica, sans-serif;
  text-decoration:;
  Color: #555;
}

.titre {
    color:#DF0000;
    font-size:16px;
    font-weight:;
    position:relative;
    text-align:left;
}

.justifierdroit {
    text-align: right;
}
.entete {
    color:#555;
    font-size:14px;
    font-weight:bold;
    position:relative;
    text-align:left;
}
.petiteitalique {
    font-style:italic;
    font-size:11px;
}
.paragraf {
	color:#555;
	font-size:12px;

    font-weight:;
	position:relative;
	text-align:justify;
}
.paragrafgras {
    color:#555;
    font-size:12px;
    font-weight:bold;
    position:relative;
    text-align:left;
}
/* pour mise en page service en ligne agenda*/
.paragraf1 {
    color:#555;
    font-size:12px;
    font-weight:;
    position:relative;
    text-align:left;
    margin:0px;
}
.paragrafgras1 {
    color:#555;
    font-size:14px;
    font-weight:bold;
    position:relative;
    text-align:left;
    margin:0px;
}

.entete1 {
    color:#555;
    font-size:12px;
    font-weight:bold;
    position:relative;
    text-align:left;
    margin:0px;
    font-style:italic;
}
.marge1 {
    margin:30px;
    margin-top: 5px;
}
/* fin mise en page service en ligne agenda*/

/* pour mise en page charte*/
.paragrafcharte {
    color:#555;
    font-size:12px;
    font-weight:;
    position:relative;
    text-align:center;
}

.paragrafgrascharte{
    color:#555;
    font-size:12px;
    font-weight:bold;
    position:relative;
    text-align:center;
}

/* suivi d'arborescence*/
.chemin {
    color:#AAA;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:;
    position:relative;
    text-align:left;
    text-decoration:none;
}
.chemsel {
    color:#888;
    font-family:Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size:11px;
    font-weight:;
    position:relative;
    text-align:left;
}
.interchemin
{
    color:#888;
}
/* pour centrer*/
#main, #contenu, #mainfilm
{ margin-left: auto; 
  margin-right: auto;
}
/* conteneur du site. Fenetre indépendante du fond*/
#main
{ width:800px;
    height: auto;
    margin-top: 10px;
    background-color:#FFF;
}
/* conteneur pour le film d'intro*/
#mainfilm
{ width:802px;
    height: 480px;
    margin-top: 20px;
    background:#FFF;
    border: ;
    border-color: #222;
}

/* conteneurs de mise en page*/
.conteneurmenu {
background-color: #FFF;
height: 51px;
width: 800px;
float: left;
margin-left: 0px;
margin-top: 0px;
}
/* fenetre taille petite*/
.cartouchegauche1 {
background:#FFF url(../images/CartGauche1.gif) repeat-x scroll left top;
height: 450px;
width: 148px;
float: left;
}
.zonetexte1 {
background:#FFF url(../images/FondMotifCadreTexte.gif) repeat-x scroll left top;
height: 450px;
width: 652px;
float: left;
}
/* fenetre taille moyenne*/
.cartouchegauche2 {
background:#FFF url(../images/CartGauche2.gif) repeat-x scroll left top;
height: 450px;
width: 148px;
float: left;
}
.zonetexte2 {
background:#FFF url(../images/FondMotifCadreTexte.gif) repeat-x scroll left top;
height: 450px;
width: 652px;
float: left;
}
/* fenetre grande taille*/
.cartouchegauche3 {
background:#FFF url(../images/CartGauche3.gif) repeat-x scroll left top;
height: 550px;
width: 148px;
float: left;
}
.zonetexte3 {
background:#FFF url(../images/FondMotifCadreTexte.gif) repeat-x scroll left top;
height: 550px;
width: 652px;
float: left;
}
/* fenetre plus grande taille*/
.cartouchegauche5 {
background:#FFF url(../images/CartGauche3.gif) repeat-x scroll left top;
height: 750px;
width: 148px;
float: left;
}
.zonetexte5 {
background:#FFF url(../images/FondMotifCadreTexte.gif) repeat-x scroll left top;
height: 750px;
width: 652px;
float: left;
}
/* fenetre très grande taille*/
.cartouchegauche4 {
background:#FFF url(../images/CartGauche3.gif) repeat-x scroll left top;
height: 1100px;
width: 148px;
float: left;
}
.zonetexte4 {
background:#FFF url(../images/FondMotifCadreTexte.gif) repeat-x scroll left top;
height: 1100px;
width: 652px;
float: left;
}

.texte {
	height:300px;
	width: 575px;
	margin-left: 30px;
	padding:0px;
	margin-top: 10px;
	border: 0px solid;

border-color:;
	background-color:#FFF;
	color: #555;
}

.cartouchebas {
background-color: #DDD;
height: 65px;
width: 800px;
float: left;
margin-left: 0px;
margin-top: 0px;
}
/* menu haut */
#MainMenu {
height:51px;
width: 800px;
    background: #40403E url(../images/bleft_101.gif) repeat-x scroll left top;
    border:0;
    margin:0;
}
#tab 
{
    top:0;
    height:0;
    background:repeat-x top;
    margin:0;

}
#tab ul 
{
    list-style:none;
    float:left;
    margin:0;
    padding:0;

}
#tab li 
{
    display:inline;
    float:left;
    margin:0;
    padding:0;

}
#tab a 
{
    background:#000 url(../images/bright_101.gif) no-repeat right top;
    text-decoration:none;
    border:0;
    display:block;
    float:left;
    margin:0;
    padding:0;
}
#tab a span 
{
    display:block;
    background:url(../images/bleft_101.gif) no-repeat left top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    font-weight:700;
    line-height:51px;
    padding:0 13px;
}
#tab a:hover,#tab li.item_active a 
{
    background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
    background-position:left bottom;
    color:#900;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
}
.dropmenudiv 
{
    position:absolute;
    top:0;
    float:left;
    display:block;
    visibility:hidden;
    border:0;
    background:#FFF url(../images/bmid_101sm.gif);
    color:#000;
    z-index:100;
    text-decoration:none;
    padding:0;
}
.dropmenudiv ul 
{
    list-style:none;
    margin:0;
    padding:0;
}
.dropmenudiv li 
{
    display:inline;
    margin:0;
    padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
    width:180px;
    display:block;
    border:0;
    color:#000;
    background:url(images/bleft_101sm.gif) no-repeat left top;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    margin:0;
    padding:0;
}
.dropmenudiv a span 
{
    display:block;
    line-height:51px;
    background:url(images/bright_101sm.gif) no-repeat right top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
    float:none;
    padding:0 13px;
}
.dropmenudiv a:hover 
{
    border:0;
    background-position:left bottom;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    color:#900;
}
.dropmenudiv a:hover span 
{
    background-position:right bottom;
    color:#900;
    font-weight:700;
}

/* MENU cartouche gauche*/
.menugauche
{
  padding-top: 30px;
  padding-bottom: 10px;
  font-family:arial;
  font-size:11px;
  line-height: 2;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:;
list-style-type: none;
}

#menu {
width: 146px;
}
#menu dt {
cursor: pointer;
margin: 4px 0px 0px 0px;
padding:;
height: 30px;
line-height: 30px;
font-size:12px;
font-style:;
font-weight: ;
border: px solid #FFF;
background: #EEEEEE url(../images/boutonmenugauche.gif) no-repeat right top;
}
#menu dd {
border: 0px solid #FFF;
width: 145px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
}
#menu li {
text-align: left;
background: #F3F3F3;
margin: 5px 0px 0px 10px;
}
#menu li a, #menu dt a {
color: #;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover{
background: #fff;
color:#111

}
#menu dt a:hover{
background: #fff;
color:#111
}

#liste   li, #liste   dd, #liste dt {
color: #222;
text-decoration:#;
display:;
margin: 15px 0px 0px 40px;
height:;
list-style-type:square;
font-size:12px;
padding: 10px 0px 0px 15px;
}
.selection{
text-align: left;
color: #999;
background:#FFF;
display: block;
height: 22px;
width: 129px;
padding: 0px 0px 0px 6px;
}
/*cartouche Bas*/
.creditD {
    color:#777;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:0px 0px 0px 500px;
}
.creditG {
    color:#777;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:4px 10px;
}