/*COULEURS : Orange =  CC6633 - POLICES : sans-serif, Verdana, Arial, Helvetica, Geneva ;       */
/*link = si cest un lien - visited = si c'est un lien visité - hover = quand souris passe dessus*/


/************************************FOND DE PAGE***************************************/
body {
scrollbar-face-color: CC6633; 
background: white ;
background-image:url(../images/fond.jpg);
background-repeat:no-repeat;
background-position:0% 0%;
margin:0 ;
padding:0 ;
}

#index {
  background-color:d7d7d5 ;
  background-image:url(../images/bandeau-photos.jpg);
  background-position:50% 3% ;
  background-repeat:no-repeat;
width:100%  ;
height:100% ;
float:center;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 20px;
color : black;
text-align:center ; /*left, center, right, justify*/
font-style:normal;    /*normal, italic*/
font-weight:bold;   /*lighter, normal, bold, bolder*/
padding-top:100px;
}

#titre {
background-image:url(../images/MFEC-LOGO.gif);
background-repeat:no-repeat;
background-position:0% 100% ;
width:100%  ;
float:left;
margin-left:0% ;
margin-right:0% ;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 20px;
color : black;
text-align:center ; /*left, center, right, justify*/
font-style:normal;    /*normal, italic*/
font-weight:bold;   /*lighter, normal, bold, bolder*/
padding-left:120px;
padding-top:5px ;
}

#contact {
width:100%  ;
float:left;
margin-top:0% ;
padding-top:0px ;
padding-bottom:10px;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
text-align:center ; /*left, center, right, justify*/
font-style:bold;    /*normal, italic*/
font-weight:normal;   /*lighter, normal, bold, bolder*/
padding-left:120px;
}
.contact  { font-family : Verdana;font-size : 10px;color : black;font-style:bold;}
a:link.contact	{ font-family : Verdana;font-size : 10px;color : black;font-style:bold;}
a:hover.contact	{ font-family : Verdana;font-size : 10px;color : CC6633;font-style:bold;}

#photos {
  height:64px;
width:100%  ;
float:left;
background-image:url(../images/bandeau-photos.jpg);
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 20px;
color : black;
text-align:center ; /*left, center, right, justify*/
font-style:normal;    /*normal, italic*/
font-weight:bold;   /*lighter, normal, bold, bolder*/
padding-bottom:0px;
}

/************************************PARTIE MENU***************************************/
#menu {
  float:left;
  display:block;
width:100%  ;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
text-align:center ;
}

.menu1  {
    float:left;
  display:block;
  width:100px ; /* largeur des boites du menu de base */
  padding:0px ; /* marges intérieures à 0 */
  margin: 0px ; /* marges extérieures à 0 */
  margin-top: 3px ;
  height:55px; /* Hauteur des boites */
  background-color:CC6633;
  text-decoration:none;
  color:white ;
  font-size : 80%;
  font-weight:bold ;
  font-style:normal ;
  text-align:center ; 
  position:relative ;
  border-style:outset;
  border-width:2px;
  border-color:silver ;
}
a:link.menu1  {
  width:100px ; /* largeur des boites du menu de base */
  padding:0px ; /* marges intérieures à 0 */
  margin: 0px ; /* marges extérieures à 0 */
  margin-top: 3px ;
  height:55px; /* Hauteur des boites */
  background-color:CC6633;
  text-decoration:none;
  color:white ;
  font-size : 80%;
  font-weight:bold ;
  font-style:normal ;
  text-align:center ;
  position:relative ;
  border-style:outset;
  border-width:2px;
  border-color:silver ;
}
a:hover.menu1  {
  width:100px ; /* largeur des boites du menu de base */
  padding:0px ; /* marges intérieures à 0 */
  margin: 0px ; /* marges extérieures à 0 */
  margin-top: 3px ;
  height:55px; /* Hauteur des boites */
  background-color:white ;
  text-decoration:none;
  color:black ;
  font-size : 80%;
  font-weight:bold ;
  font-style:normal ;
  text-align:center ;
  position:relative ;
  border-style:inset;
  border-width:2px;
  border-color:silver ;
  background-image:url(../images/menu-hover.jpg);
  background-repeat:no-repeat;
  background-position:50% 50%;
  }

/************************************ACCES PRIVE***************************************/
#prive {
width:25% ;
display:block;
background-color:silver;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
margin-left:0% ;
margin-right:0% ;
float:right ;
margin-top:20px ;
text-align:justify ;
padding : 5px ;
border-style:dotted;
border-width:0px;
border-color:CC6633;

font-size : 12px;
color : black; 
text-align:center ;
}


.priv          { font-family : Verdana;font-size : 12px;color : white;}
a:link.priv    { font-family : Verdana;font-size : 12px;color : white;}
a:visited.priv { font-family : Verdana;font-size : 12px;color : white;}
a:hover.priv   { font-family : Verdana;font-size : 12px;color : CC6633;}
/************************************PARTIE TEXTE***************************************/

#contenu {
width:70%  ;
display:block;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
margin-left:0% ;
margin-right:0% ;
float:left ;
margin-top:20px ;
padding-left:4px ;
padding-right:4px ;

font-size : 12px;
color : black; 
text-align:justify ;
}

/************************************PARTIE ACTUALITE***************************************/
#actu {
width:25% ;
display:block;
background-color:silver;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
margin-left:0% ;
margin-right:0% ;
float:right ;
margin-top:20px ;
text-align:justify ;
padding : 5px ;
border-style:dotted;
border-width:2px;
border-color:CC6633;

font-size : 12px;
color : black; 
text-align:center ;
}

#actu2 {
width:100% ;
background-color:silver;
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
margin-left:0px ;
margin-right:0px ;
float:right ;
margin-top:20px ;
text-align:justify ;
padding : 5px ;
border-style:outset;
border-width:5px;
border-color:CC6633;

font-size : 12px;
color : black; 
text-align:center ;
}

/************************************STYLES ET BALISES***************************************/
/*LISTES*/
ul {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size: 12px;
color: black;
margin-left : 10px ;
margin-right : 10px ;
}
li {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size: 12px;
color: black;
list-style-type:none;
display : list-item;
background-image:url(../images/patte2.gif);
background-repeat:no-repeat;
padding-top : 3px ;
padding-left : 6px ;
}
/*TEXTE*/
p {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 12px;
color : black; 
text-align:center ;
}

span {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 12px;
color : CC6633; 
font-weight: bold;
}

h1 { font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ; font-size : 20px; color : CC6633;background-color:silver;text-align:center ;}
h2	{ font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ; font-size : 20px; color : CC6633;}
h3	{ font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ; font-size : 18px; color : black;}
h4	{ font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ; font-size : 18px; color : CC6633;}

.sousmenu     { font-family : Verdana ; font-size : 18px; color : CC6633;}
a:link.sousmenu     { font-family : Verdana ; font-size : 18px; color : CC6633;}
a:visited.sousmenu     { font-family : Verdana ; font-size : 18px; color : CC6633;}
a:hover.sousmenu     { font-family : Verdana ; font-size : 18px; color : gray;}

.lien          { font-family : Verdana;font-size : 12px;color : black;}
a:link.lien    { font-family : Verdana;font-size : 12px;color : black;}
a:visited.lien { font-family : Verdana;font-size : 12px;color : gray;}
a:hover.lien   { font-family : Verdana;font-size : 12px;color : CC6633;} 

.lien-it  { font-family : Verdana;font-size : 10px;font-style: italic;color : silver;}
a:link.lien-it    { font-family : Verdana;font-size : 10px;font-style: italic;color : silver;}
a:visited.lien-it { font-family : Verdana;font-size : 10px;font-style: italic;color : silver;}
a:hover.lien-it   { font-family : Verdana;font-size : 10px;font-style: italic;color : CC6633;} 

.lien-y         { font-family : Verdana;font-size : 12px;color : yellow; font-weight:bold; background-color:silver;}
a:link.lien-y    { font-family : Verdana;font-size : 12px;color : yellow; font-weight:bold; background-color:silver;}
a:visited.lien-y { font-family : Verdana;font-size : 12px;color : yellow; font-weight:bold; background-color:silver;}
a:hover.lien-y   { font-family : Verdana;font-size : 12px;color : black; font-weight:bold; background-color:silver;}

.lien-gr          { font-family : Verdana;font-size : 12px;color : black; font-weight:bold; }
a:link.lien-gr    { font-family : Verdana;font-size : 12px;color : black; font-weight:bold; }
a:visited.lien-gr { font-family : Verdana;font-size : 12px;color : black; font-weight:bold; }
a:hover.lien-gr   { font-family : Verdana;font-size : 12px;color : CC6633; font-weight:bold; }

.lien-mini  { font-family : Verdana;font-size : 9px;font-style: italic;color : black;}
a:link.lien-mini    { font-family : Verdana;font-size : 9px;font-style: italic;color : black;}
a:visited.lien-mini { font-family : Verdana;font-size : 9px;font-style: italic;color : black;}
a:hover.lien-mini   { font-family : Verdana;font-size : 10px;font-style: italic;color : CC6633;}

table {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 12px;
color : black; 
text-align:justify ;
}

tr {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 12px;
color : black; 
text-align:justify ;
}

td {
font-family : sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-size : 12px;
color : black; 
text-align:justify ;
}

/*BULLES*/
bulle {
	background-color:#FFFFCC;
	text-align: center;
	border: 1px solid #666;
	position: absolute;
	display:none;
	font-size:11px;
}


/*FORMULAIRE*/
.formulaire1{background: #eeeeee; color : black; }

form {
background-color:silver;
padding:10px;
text-align:center ;

}
label {
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
font-weight:bold
}
input {
border:0px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
}
select, option {
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
}
textarea {   overflow:auto ;
border:0px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
}

.bouton {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:outset;
border-width:2px;
border-color:silver ;
}
a:link.bouton {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:outset;
border-width:2px;
border-color:silver ;
}
a:visited.bouton {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:outset;
border-width:2px;
border-color:silver ;
}
a:hover.bouton {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:black;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:inset;
border-width:2px;
border-color:silver ;
}

/*bouton index*/
a:link.langue {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:outset;
border-width:5px;
border-color:silver ;
font-size : 24px;
}
a:visited.langue {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:outset;
border-width:5px;
border-color:silver ;
font-size : 24px;
}
a:hover.langue {
background-color:CC6633;
border:1px solid black;
font-family:sans-serif, Verdana, Arial, Helvetica, Geneva ;
color:white;
text-decoration:none;
text-align:center ;
position:relative ;
border-style:inset;
border-width:5px;
border-color:silver ;
font-size : 24px;
}