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

Mise en page du site du CDFA : squelette.css
Date : 09/06/2005
Auteur : Sophie Nguyen pour le cdfa, modifications de Guillaume CANU

couleurs :
Jaune logo :  #FFD900
jaune "fonce" :#F3C201   //pour titre 
orange : #FDB03E  //lien du menu survol
orange fonce :#FF9900  //lien survol du menu gauche
Rouge logo:  #E90021
Bleu : #006699 // lien actif et non visité
Bleu clair : #599BBD
bleu tres clair : #CEE1EC //fond input
Noir : #FFFFFF
violet  : #8161AF //lien visité

remarque : les attributs precedes de // sont
destines a IE et ne sont pas pris en compte par Mozilla

****************************************/
/* s'applique en general */
body {
background-image : url("../images/bkgJaune.gif");
background-repeat: repeat;
color : black;
font-family : verdana;
font-size : 9pt;

}

/*englobe toutes les div */
#fond {
width : 930px;
background-color :#006699;
margin : auto;
}


#contenair {
min-width :903px;
max-width :903px;
width: 903px;
min-height : 800px;
margin : auto;
}

/*haut de la page(=auth) + banniere*/
#tetiere {
height:130px;
margin : 0px;
width: 903px;
}

#tetiere img{
border : none;
}

/*pour la ligne d'authentification */
#auth {
background-image: url("../images/haut.gif");
width: 882px;
height : 25px;
color : #FFD900;
font-family : verdana;
font-size : 10pt;
padding : 5px 10px 0px 10px;
}

#auth a:link {color : #FFD900;}
#auth a:active {color : #FFD900;}
#auth a:visited {color : #FFD900;}
#auth a:hover {color : #FF9900;}

/*menu de gauche */
.menuGauche {
float : left;

height : 500px;
margin : 0px;

background-image : url("../images/menuDroit.gif");
background-repeat : no-repeat;
background-position : right top;
background-color: #006699;

color : #FFD900;
font-family : verdana;
font-size : 10pt;
font-weight : bold;

padding-top : 50px;
padding-left : 20px;

min-width : 173px;
max-width : 173px;
width : 190px;
}

.menuGauche li a{
margin : 0px;
padding : 0px;
/*position : 0px;*/


}


/*******menu deroulant gauche*******/

/* partie centrale qui contient les donnees changeantes*/
#contenu {
background-image:url("../images/contenu.gif");
background-repeat : no-repeat;
background-color : #FFFFFF;

min-width :680px;
max-width :680px;
width : 710px;


min-height:  600px;
margin : 0px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 15px;

float : right;

}

#contenu_popup {
background-image:url("../images/contenu.gif");
background-repeat : no-repeat;
background-color : #FFFFFF;

/*min-width :680px;
max-width :680px!important;
width : 710px;


min-height:  600px!important;
_height :600px;

margin : 0px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 15px;

float : right;*/

}


/*pied de page*/
.pied {
background-image:url("../images/pied.gif");
width: 883px;
padding : 0px 10px 0px 10px;

min-height : 32px;
height:26px;
color : #FFD900;
text-align:center;
font-size : 8pt;
clear : both;
}


/* menu haut */

ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


ul#menu{
  margin:0px;
  padding : 5px 0px 0px 20px;
  list-style:none;
  width:883px;
  height :29px;
  background-image:url("../images/menuHaut.gif");
  float:left;
  font:9pt verdana;
}

ul#menu hr{
 margin-right: 4px;
 margin-left: 4px;
 color : #ffd900;
 height: 1px;
}

ul#menu li{
  float:left;
  display:block;
  padding:2px 1px;
  
}



ul#menu li a{
  display:block;
  padding:2px 6px;
  color:#FFD900;
  font-weight : bold;
  text-decoration:none;
}

ul#menu ul{
  position:absolute;
  background-image:url("../images/fondTR.png");
 background-color : #599bbd;
  list-style:none;
  margin:0px;
  padding:0px;
  width:160px;
  z-index:1000;
  border : #ffffff;
}

ul#menu ul ul{
  top:0px;
  left:160px;
  z-index:500;
}

ul#menu ul li{
  position:relative;
  float:none;
  padding-left:5px;
}

ul#menu ul li a{
 font : 8pt verdana;
  display:block;
  font-weight : normal;
	margin:0px;
	padding:0px;
	width:147px;

  border:none;
background-color : #599bbd;
}

ul#menu ul li a:hover{
  border-top-color:#000000;
  border-left-color:#000000;
  border-right-color:#999999;
  border-bottom-color:#999999;
}

ul#menu ul li a span{
  color :  #FFFF95;
  display:block;
  width:147px;
  padding:2px 6px;
  margin:0px ;
  font-weight : normal;
  border:none;
  cursor:pointer;
  font-size : 9pt;
}


ul#menu ul li a:hover span{
color:#FDB03E;
border:none;
width : 147px;
}

ul#menu ul li a:hover {
background-color: #006699;
width : 147px;
}
/*** fin menu haut****/

/********** page d'accueil  *************/
#edito{
border :1px solid #006699;
height : 550px;
width : 300px;
margin-right : 15px;
margin-bottom : 15px;
float : left;
padding-top  : 15px;
padding-bottom  :15px;
padding-right:30px;
padding-left:30px;
}


#imgAleatoire{
margin-top :100px; 
text-align : center;
min-height :230px;
max-height :300px;
height:240px;

min-width :200px;
max-width :300px;
width:250px;

padding : 5px  15px;
float :left;

background-repeat : no-repeat;
background-image :url("../images/fondImgAleatoire.png");
background-position :bottom left;
border-style:none;
}

#imgAleatoire img{
display : block;
max-height : 230px;
max-width : 280px;
}

/************ plan d'acces ****************/
a.plan img { 		/*Image-Liens servant a l'echelle de graduation du plan d'acces*/
float: left; 
border :none;
}

#planAcces {
width : 450px;
height : 450px;
border :1px solid #006699;
float : left;
margin : 5px;
}

#echelleDroite {
float : left;
text-align : center; 
}
#echelleDroite img{
border : none;
}

#echelle {
width : 112px; 
height : 73px;
border :1px solid #006699; 
margin : 5px; 
padding : 5px;
background-color : #599bbd;
}

#adresse {		/*block de l'adresse*/
margin :40px 5px 5px 5px; 
width : 132px;
padding : 5px;
text-align : center;
}

#adresse img {
width : 80px;
}

#imprimPlan {
width : 500px;
}

#imprimPlan div div {
text-align : center;
float : left;
padding : 5px;

}

#imprimPlan div img {
border : none;
display :block;
float : left;


}

#imprimPlan h1  {
margin-top: 10px;
margin-bottom : 0px;
clear: both;
}

#imprimPlan img{
max-height : 400px;
height : 400px;
display :block;
margin : 10px 5px;
border :1px solid #006699; 
padding : 5px;
background-color : #ffffff;
}
/***************liens ******************/
/** menu gauche **/
.menuGauche a {
display : block ;
}
.menuGauche a:link {color : #FFD900; text-decoration: none}
.menuGauche a:active {color : #FFD900; text-decoration: none}
.menuGauche a:visited {color : #FFD900; text-decoration: none}
.menuGauche a:hover {color : #FF9900; text-decoration: none}


/** en general **/
a:link {
color:#006699;
text-decoration : underline;
}

a:active {
color:#FF0000;
text-decoration : none;
}

a:hover {
color:#FF0000;
text-decoration : none;
}

a:focus {
color:#006699;
text-decoration : none;
}
a:visited {
color:#8161AF;
text-decoration : none;
}

/** lien de retour ds les menu gauche **/
.retour a {
font-size : 8pt;
text-align : center;
}

/** lien du pied de page **/
.pied a:link{color :#F3C201 ;}

.pied a:active{color :#F3C201 ;}

.pied a:hover{color :#F3C201 ;}

.pied a:focus{color :#F3C201 ;}

.pied a:visited{color :#FF9900 ;} 


/**  les images  **/
/*qui servent de liens*/
.img {
	border: none;
}

#equipe{
text-align : center;
padding : 10px;
border: 1px solid #006699;
width : 520px;
margin : auto;
}

/**************tableaux******************/
.form {
margin :auto;
margin-left : 100px;
}

.formulaire {
margin : auto;
text-align : center;
width : 320px;
}

td {
font-size : 10pt;
height:2em;
}



/*************formulaire*******************/
.etoile {
color : #E90021;
}

fieldset {
width : 600px;
margin-left : 50px;
border: 1px solid #006699;
}

input {
background-color : #CEE1EC;
border: 1px solid  #599BBD;
}

input:hover {
background-color : #FFF5C1;
}

input:active {
background-color : #FFF5C1;
}


textarea {
background-color : #CEE1EC;
width : 400px;
height :80px;
font-family : arial; 
font-size : 10pt;
}

textarea:hover {
background-color : #FFF5C1;
} 

select {
background-color : #CEE1EC;
width : 150px;
}

select:hover {
background-color : #FFF5C1;
}

/** boutons d'envoi **/

.submit {
background-color : #599BBD;
color : #FFD900;
border : 1px solid #006699;

}

.submitConnexion {
background-color :#FFD900 ;
color : #006699;
border: 1px solid  #599BBD;
}

/********** divers ****************/

hr {
width :60%;
border: 1px solid  #599BBD;

}

h1 {
color : #599BBD ;
font-size : 11px;
margin-top : 10px;
margin-left : 50px;
margin-bottom :20px;
}

h2 {
margin-bottom :30px;
color :#F3C201;
font-size : 14px;
font-weight: bold;
}

h3 {
color : #599BBD ;
font-size : 10pt;
margin-top : 10px;
margin-left : 50px;
margin-bottom :5px;
}

p {
margin : auto;
margin-left : 100px;
text-align : justify;
width : 400px;
margin-bottom : 10px;

}

.form {
margin : auto;
width : auto;
}

ul.parapuce {
margin-left : 150px;
text-align : justify;
max-width : 300px;

}

.parapuce li{
list-style-image: url("../images/puce.gif");
}

.sousParapuce li{
list-style-image: url("../images/puce2.gif");

}

.cadre {
border : 1px solid  #599BBD;
width : 450px;
padding :10px;
margin : auto;
}

/** span pour mettre chose en gras et centrer **/
.grasCentre {
text-align : center;
font-weight : bold;
}

/************  listes **********************/
/*******alternance des couleurs**********/
.clair {
background-color :#CEE1EC;
}
.fonce {
}
/**************************/
.textChamps {
color :#006699;
margin : 0px;
}
.textChamps h2{
margin : 0px;
}
.titreFormation img{
float : left;
margin-right : 10px;
margin-bottom : 10px;
margin-left :40px;

}

.titreFormation {
float :left;
text-align : right;
width :450px;
margin-bottom : 10px;
}

.contenuFormation {
clear : both;
margin-right: 10px;

}

.menuContenu {
float : left;
width : 200px;
margin-right : 30px;
}

.contentContenu {
float : left;
width : 450px;
}

.lien {
text-align : center;
font-weight : bold;
}

/*********************liste de codes themes*******************/
.listCode {
width : 50px;
}

.codeTitre {
border-bottom : 1px solid #006699;
color :  #006699;
}

.code {
color :#E90021; 
font-weight : bold;
font-size : 12pt;}

/*zone qui accueille le nom du code dans le formulaire d'enregistrement*/
#affichCode {
background-color : #CEE1EC;
width :140px;
text-align : center;
}
/**************pour les liens modifier/supprimer*******************/

.action {
float : right;

}

.clearer {
clear : both;
}

/**************pour le calendrier**********************/
.calend {
	position:absolute;
	border-collapse:collapse;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	visibility: hidden;
	text-align: center;
}