/* parametres generaux */

html,body {
    background : url("back.gif");
    margin : 3px;
  }

p,ul,li,td {
    font-size : 100%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : black;
  }

h1 {
    font-size : 160%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : navy;
    text-align: center;
  }

h2 {
    font-size : 140%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : blue;
    text-align: center;
    padding-left:15px;
  }
  
h3 {
    margin : 1%;
    font-size : 120%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #000000;
    text-align: center;
    padding-left:15px;
  }

h4 {
    margin : 0;
    font-size : 100%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #000000;
    text-align: left;
    margin-left : 10px;
  }
  
.counter {
	background-color:black;
	color:yellow;
	font-weight:bold;
	text-align: center;
}
  

textarea  {
    width : 100%;
  }
  
a:link {
    color : #FFAA55;
    text-decoration : none;
  }

a:visited {
    color : #FFAA55;
    text-decoration : none;
  }

a:hover {
    color : red;
    text-decoration : underline;
  }
  
td.Nom  {
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #FFAA55 ;
    font-weight : bold;
    text-align : left ;
    width : 20%;
  }
  
td.Valeur  {
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #FFAA55 ;
    text-align : left;
    width : 100% ;
  }  
  
td.center  {  
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #FFAA55 ;
    width : 100%;
    text-align : center;
  } 
  
img.center  {
	margin : auto;
    text-align : center;
  }  

/* blocs principaux */

.head {
    position : relative;
    margin : 2px 10px 2px 10px;
    left : 0%;
    top : 0%;
  }

.menu {
    position : absolute;
    background : url("fondmenu.jpg");
    padding-left : 0px ;
    top : 34%;
    height : 65% ;
    width : 18%;
    margin : 0;
  }
  
.news {
	position : relative ;
	width : 100% ;
	height : 70px ;
	background : inherit ;
	color : red;
	font-size : 150%;
	vertical-align : middle ;
}  

img.news {
	width : 100px;
	height : 70px;
}

.main {
    position : absolute;
    margin : 2px;
    width : 80%;
    left : 20% ;
    max-height : 400px;
    overflow : hide;
  }
  
.footer  
{
	position : absolute ;
	top :100% ;
	left : 40% ;
	width : 50% ;
}    

/* bloc d'entete */

img.logo {
    position : relative;
    top : 2px;
    left : 10%;
    width : 12%;
    text-align : left;
  }
  
img.nom {
    position : relative;
    top : 0%;
    left : 15%;
    width : 40%;
    text-align : left;
  }

img.titre {
    position : relative;
    top : 2px;
    left : 20%;
    width : 15%;
    text-align : right;
  }
  
img.logo_cfdt {
	position : absolute ;
	top : 33% ;
	left : 80%;
}  
  
/* menu */

ul.menu1 {
	text-align : left ;
	color : blue bold ;
    list-style-type : none ;		
    margin : 0px ;
    padding-left : 5px;
  }
  
li.menu1 {
	text-align : left ;
	color : blue bold ;
    list-style-type : none ;
    margin : 0px;		
    padding-top : 5% ;
  }
    
  
a.menu1:link {
    font-weight : bold ;
	font-size : 100%;
    color : navy ;
  }  
  
a.menu1:visited {
	font-weight : bold ;
	font-size : 100%;
    color : navy ;
  }  

ul.menu2 {
	background : inherit ;
	text-align : left ;
	color : blue bold ;
    list-style-type : none ;
    margin : 0;
    padding-left : 12% ;		
  }
  
a.menu2:link {
    font-weight : bold ;
	font-size : 80%;
    color : navy ;
  }  
  
a.menu2:visited {
    font-weight : bold ;
	font-size : 80%;
    color : navy ;
  }  
  
/* parties principales du bloc main */  
  
div.colgauche
{
	position : absolute;
	top : 0%;
	left : 0%;
	width : 65%;
	height : 100%;
	margin : 1%;
	text-align : center;
}

div.coldroite  {
	position : absolute;
	top : 0%;
	left : 66%;
	height : 100%;
	width : 33%;
	margin : 1%;
	text-align : center;
   }

div.col1
{
	position : absolute;
	top : 0%;
	left : 0%;
	width : 49%;
	height : 100%;
	margin : 1%;
	text-align : center;
}

div.col2  {
	position : absolute;
	top : 0%;
	left : 51%;
	height : 100%;
	width : 49%;
	margin : 1%;
	text-align : center;
   }


img.image_Principale {
    position : absolute;
    width : 95%;
    left : 2%;
    top : 120px ;
    margin : auto ;
    text-align : center;
  }  
 
.image1 {
	position : absolute ;
	left : 0% ;
	top : 0% ;
	width : 100%;
  }  
  
.image2 {
	position : relative ;
	left : 0% ;
	width : 100%;
	top : 200px;
  }    
 
/* album photo */  

.album  {
	border-style : solid ;
    border-color : #FFAA00 ;
    margin : 4px;
    text-align : center ;
  }   
  
img.image_Album {
	border : ridge ;
	border-color : red ;
    position : relative;
    width : 90%;
    height : 350px;
    overflow : hide ;
    margin : auto ;
    text-align : center;
  }

/* autres pages */

img.equipe {
	margin : 4px 2px 4px 2px;
	width : 150px;
  }
 
.en_bref  {
    position:absolute;
    z-index:8;
    left : 0%;
    height : 350px;
    width : 98%;
    overflow : auto;
    text-align : left;
  }
  
form.en_bref  {
    position:absolute;
    z-index:8;
    left : 0%;
    /*height : 100%;*/
    width : 98%;
    overflow : auto;
    text-align : left;
  }  
  
.preview  {
	/*border-style : solid ;*/
    border-color : #FFAA00 ;
    margin : 2px;
  }  
  
.separator {

	background-image:url(separator.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:50px;
	margin:auto;

  }  
  
.adhesion  {
    position : absolute;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align : center;
    width : 50%;
    left : 25%;
  }  
  
a.contact:link {
    color : #000000 ;
  }  
  
a.contact:visited {
    color : #000000 ;
  }  
  
form.recherche  {
    margin : 0;
  }

p.remarque  {
    font-size : 80% ;
    margin : 0%;
    text-align : left;
  }


textarea.edito  {
	height : 320px;
  }

input.news  {
	width : 100%;
	background-color : white;
  }

/* admin */

form.admin  {
	margin-left : 27%; 
	width : 50% ;	
  }
  
form.login  {
    margin-left : 35% ;
    width : 50 %;
  }  

  
img.miniature  {
    width : 100px;
    height : 100px ;
  }