/* CSS Document */

/* Pour la Partie Ajout dans index.php */
#ref {
  position: absolute;
  top: 2000px;
  overflow: hidden;
  display: none;
  text-align:left;
  z-index:1;
}
/* Pour la Partie Ajout dans index.php */

/* Corps de la page du site */
body {
  /* background-color:#bdbcc7; */
  /* background-color:#d4c1be; */
  /* background-color:#293173; */
  /* background-color:#4694BB; */
	background-color:#36363b;
	text-align: center;
	font-family: arial;
	/* font-family:arial, helvetica, sans-serif; */
	font-size: 0.8em;
	/* font-weight:bold; */
	/* color:#87878d; */
	color:#3f3f3F;
	/* font-style: italic; */
	margin:0;
	z-index:10;
}
/* Fin du Corps de la page du site */

/* Page de fond : Conteneur de tous les éléments de la page */
.agm {
	/* width:800px;  largeur fixée */
	margin-right:auto;
	margin-left:auto;
	width:95%;
	height:100%;
	/* background-color:#87878d; */
	background-color:#F0F4F7;
	/* background-color:#BDBDBD; */
 	/* margin-left: auto; */
	/* margin-right: auto; */
}
/* Fin Page de fond */

/* Bandeau Haut et Bas */
.annualisation {
  clear: both;
/*	height:48px; */
  height:70px;
  background-repeat:repeat; 
	background-image:url(../images/co-11_L70px.png);
}
/* bandeau du haut */
.plannings {
  float:left;
  width:20%;
  height:70px;
}
/* bandeau du haut */
.handicap {
  float:left;
  width:65%;
  height:70px;
  line-height:70px;
}
/* bandeau du haut */
.logiciel {
  float:left;
  width:15%;
  height:70px;
  text-align:right;
  line-height:70px;
}
/* bandeau du bas */
.tutelle
{
	width:100%;
  height:70px;
  line-height:70px; 
	/* border:1px solid #000; */
}
/* Fin Bandeau Haut et Bas */

/* Conteneur accueillant le contenu de la page */
.residant {
	float:left;
	/* clear:both; */
	width:100%;
	height:auto;
	/* background-color:#F0F4F7; */
	/* background-color:#A8C2CF; */
	background:url(../images/bulles_fond.jpg) repeat; 
	/* background-color:transparent; */
}
/* Fin du conteneur */

/* Cadre Gauche et tous les éléments du cadre */
.cadregauche {
  float:left;
  width : 20%;
  height:100%;
  background-color:transparent; 
}

/* Page centrale sans cadres */
.cadrecentral {
  float: left;
  /* border-left:1px solid; */
 /* border-left: 1px solid;
  border-right: 1px solid; */
  width: 100%;
  border-left:1px solid #000;
  background-color:transparent;
}

.cadrecentral p {
  text-align:left;
  font-size:0.9em;
  padding-left:15px;
  padding-right:15px;
}

.cadrecentral ul {
text-align:left;
margin-top:0px;
}
.cadrecentral li {
margin:6px;}



/* .zoneavmenuhorriz { */
      /* padding:0 0 0 32px; */
/*  float:left;  */
/*  width:20%;  */
      /* padding:0 0 0 0px;
      /*  margin:0;
        list-style:none; */
/*  height:27px;   */
/*  background:url(../images/fondMD_bleu.gif) repeat;   */
      /* background:url(../images/zone_avmenu.gif) repeat; */
/*  position:relative;    */
/*  border-right:0px solid #4694BB;    */
      /* border-top:1px solid #4694BB; */
      /* border-width:0 1px 1px 1px; */
      /* border-bottom-color:#444; */
      /* font-style: normal; */
      /* font-family : verdana; */ /* on utilise Arial c'est plus beau ^^ */
      /*  font-size : 0.9em; */ /* hauteur du texte : 12 pixels */
/* }   */

/* .zoneavmenuvertic { */
      /* padding:0 0 0 32px; */
/*  float:left; */
/*  width:100%; */
/*  height:27px; */
      /* background:url(../images/fondMD_principal_inverse.gif) repeat; */
/*  background:url(../images/zone_avmenu_bas.gif) repeat; */
/*  position:relative; */
/*  border-right:0px solid #4694BB; */
/* } */


/* Le Menu dynamique Vertical */
/*Ici, vous pouvez jouer sur la largeur du menu*/
.buttonmenu{
float:left;
text-align:center;
list-style-type: none;
margin: 0;
padding: 0;
margin-left:auto;
margin-right:auto;
width: 100%;
}

#first a{
height:22px;
margin: 0;
padding: 0;
/* border-top:1px solid #AFB1BD; */
/* color: #000;
background:url(../images/fondMD_principal_inverse.gif) repeat; */
background:url(../images/menuvert_vert.gif);
}

#first a:visited{
color: white;
}

#first a:hover, #first a:active{
height:22px;
margin: 0;
padding: 0;
/* border-top:1px solid #AFB1BD; */
/* color: #000;
background:url(../images/fondMD_principal_inverse.gif) repeat; */
background:url(../images/menuvert_bleu.gif);
}

/*définition des liens*/
.buttonmenu li a{
color: white;
display: block;
height:22px;
padding: 0px 4px;
text-decoration: none;
font-weight: bold;
font-size : 0.9em;
background:url(../images/menuvert_gris.gif);
/* border: 1px solid; */
/*Couleur des bords clair foncé foncé clair*/
/* border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; */
/* background-color: #704968; */
text-decoration:none;
}

.buttonmenu li a:visited{
color: white;
}
/*Ici, c'est pour le survol des liens*/
.buttonmenu li a:hover, .buttonmenu li a:active{
color: white;
background:url(../images/menuvert_bleu.gif);
/* background-color: #CDB4C8; */
}
/* Fin du Menu dynamique Vertical */

/* Fin Cadre Gauche et tous les éléments du cadre */

/* Cadre Droit et tous les éléments du cadre */
.cadredroit {
  float: left;
  /* border-left:1px solid; */
 /* border-left: 1px solid;
  border-right: 1px solid; */
  width: 79.8%;
  border-left:1px solid #000;
  background-color:transparent;
  /* background-color:#F0F4F7; */
  /* background-color:white; */
}

.cadredroit p {
  text-align:left;
  font-size:0.9em;
  padding-left:15px;
  padding-right:15px;
}

/* Bandeau navigation */
.navigation {
  /* clear: both; */
  float:left;
  width:100%;
  height:27px;
  /* background:url(../images/fondMD_principal_inverse.gif) repeat; */
  background:url(../images/zone_avmenu_bas.gif);
	/* background-color:#87878d; */
}
/* Texte à l'intérieur du bandeau bleu */
.navigation p {
  text-align:left;
  color:#FFF;
  margin-left:15px;
  margin-top:2px;
}
/* Lien du bandeau de navigation */
.navigation a {
  color:#FFF;
}
/* Lien du bandeau de navigation */
.navigation a:hover {
  color:#000;
  text-decoration: underline;
}

.sousnavigation {
float:left;
width:100%;
height: 4px;
border-bottom:1px solid #4694BB;
}


/* Bandeau bleu */
.conges {
 clear: both;
  width:95%;
  height:30px;
  margin-right:auto;
  margin-left:auto;
	background-repeat:repeat;
	background-image:url(../images/Bandeau_bleu_30px.png);
  
}
/* Texte à l'intérieur du bandeau bleu */
.conges p {
  font-weight: bold;
  color : #000;
  padding-left:15px;
  padding-top:5px;
}

/* MENU Horizontal */
#menuhoriz {
  /* padding:0 0 0 32px; */
  width:100%;
  float:left;
  padding:0 0 0 0px;
  margin:0;
  list-style:none;
  height:27px;
  background:url(../images/fondMD_principal.gif) repeat;
  position:relative;
  border-top:1px solid #4694BB;
  border-bottom:1px solid #4694BB;
  border-width:0 1px 1px 1px;
  /* border-bottom-color:#444; */
  font-style: normal;
  font-family : arial; /* on utilise Arial c'est plus beau ^^ */
  font-size : 1em; /* hauteur du texte : 12 pixels */
  font-weight:bold;
}
  
#menuhoriz li {
  float:left;
  border-right:1px solid #4694BB;}
  
#menuhoriz li a {
  display:block;
  float:left; 
  height:27px;
  line-height:23px;
  background:url(../images/fondMD_principal.gif) repeat;
  /* color:blue; */
  text-decoration:none;
  /* font-size:11px;
  font-family:arial, verdana, sans-serif;
  font-weight:bold; */
  text-align:center;
  color:#005497;
 /* color:#4694BB; */
  padding:0 12px 0 12px; 
  cursor:pointer;}
  
#menuhoriz li a b {
  float:left;
  display:block;}
/*  padding:0 12px 0 0;  */
/*  background:url(images/fondMD_principal.gif) right top repeat;} */
  
#menuhoriz li a:hover {
  color:red;
  background:url(../images/fondMD_bleu.gif) repeat;}
/*  
#pro8 li a:hover b {
  background:url(images/images/fondMD_bleu.gif) right top repeat;} */
/* FIN MENU VERTICAL */
/* Fin Cadre Droit et tous les éléments du cadre */



/**********************************************************************************************

/* Aménagement des balises */
h1 {
  font-size: 1.3em;
  font-weight:bold;
  margin:0;
  /* font-style:italic; */
}

h2 {
  font-size: 1.2em;
  color:#BF2323;
  /*color: #CF6A67;*/
  font-weight:bold;
  margin:0;
  text-align: center;
  padding-left:15px;
  padding-top:5px;
  /* font-style:italic; */
}

a
{
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  /* color : #87878d; */
  /* color:#EE3B3B; */
  color:#005497;  /* couleur du texte */
}

a:hover
{
  /* color : #000; */
  color:#36363b;  /* couleur du texte */
}

span {
display:block;}

.cadredroit ul {
text-align:left;
margin-top:0px;
}
.cadredroit li {
margin:6px;}

.encadre {
width: 95%;
border:1px solid #3f3f3F;
  margin-right:auto;
  margin-left:auto;
}

table {
   margin-right:auto;
   margin-left:auto; 
}


/* Aménagement des balises */







/* Bloc du menu vertical */
.blocmenuvert { /* conteneur global et arrière-plan du titre du cadre */
  float:left;
  width: 150px;
  /*padding-top: 20px;
  font-size : 0.9em;*/
}

/* Cadre Gauche (contactez-nous, liens, ...) */
.cadre { /* conteneur global et arrière-plan du titre du cadre */
/*  float:left;
  width: 150px; */
  padding-top: 20px;
  background: url(../images/cadre_haut.gif) top left no-repeat;
  font-size : 0.9em;
}
.bloccadre { /* arrière-plan bas et sur l'ensemble du cadre */
  background: url(../images/cadre_bas.gif) bottom left no-repeat;
  padding-bottom: 20px;
}
.bloccadre p {
  margin: 0 15px 0 15px;
}
/* Fin du cadre Gauche */

/* CSS DU FORMULAIRE DE DEMANDE DE DOCUMENTATION */
#docform
{
	width: 90%;
}

#docform p
{
	margin: 2px 0;
	text-align:center;
}

/* fieldset , legend */
#docform fieldset
{
  margin-left:30px;
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

/* #docform fieldset:hover
{
	background-color: #FFF;
} */

#docform fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.1em;
	font-weight:bold;
}

/* Label */
#docform label
{
	background-color: #FFFFFF;
	color: #4694BB;
	display: block;
	width: 38%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#docform label:hover
{
	font-weight: bold;
}

#docform .form_label_nostyle
{
	background: none;
}

/* Input */
#docform input, #docform select, #docform textarea
{
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}

#docform table
{
  border-color:#CCC;
  Width:100%;
}

#docform input:hover, #docform select:hover, #docform input:focus, #docform select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

/* button submit et reset */
#docform input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 20%;
}

#docform input[type="submit"]:hover
{
	background-color: #4694BB;
	cursor: pointer;
}

#docform input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 20%;
}

#docform input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* FIN CSS DU FORMULAIRE DE DEMANDE DE DOCUMENTATION */

/* Cadre Gauche et tous les éléments du cadre */
.partiegauche {
  float:left;
  width : 59.9%;
  height:100%;
  background-color:transparent; 
}

.partiedroite {
  float: left;
  width: 39.9%;
  background-color:transparent;
}

img.centre
{
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
                }
                
/* CSS pour l'intégration Google MAPS */

            #global {
                text-align: center;
                margin-left: 15px;
                margin-right: 15px;
            }
            #route {
                height: 130px;
                overflow-y: auto;
            }
            #map {
                float: left;
            }
            #options {
                width: 200px;
                float: left;
                padding: 0 10px 10px 10px;
                text-align: left;
            }
            .panel {
                /*background-color: #E8ECF9;*/
                border: 1px solid #CCC;
                padding: 5px;
                margin: 10px 0 10px 0;
            }
            .titre {
                text-align: left;
                font-weight: bold;
                margin: 0 0 5px 0;
            }

            .inputTxt {
                width: 100px;
            }