/* parametres generaux */

html,body {
    margin : 3px;
    background-image : url("red.gif");
    background-repeat : repeat ;
    color : #AAAAFF ;
  }

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

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

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

h4 {
    margin : 0;
    font-size : 100%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #AAAAFF ;
    text-align: left;
    margin-left : 10px;
  }

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

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

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

/* blocs principaux */

.head {
	border : none ;
    position : relative;
    margin : 0;
    left : 0%;
    top : 0%;
  }

.menu {
    position : relative;
    top : 0%;
    margin : 1px;
  }

.main {
	position : relative;
    margin : 5px;
    width : 100%;
    max-height : 400px;
    overflow : hide;
  }
  
.footer  
{
	position : absolute ;
	top :100% ;
	left : 30% ;
	width : 50% ;
}  
  
div.container_gauche  {
   position : absolute ;
   background : url("container_g.gif") repeat-y ;
   left : 4% ;
   width : 10% ;
   height : 100% ;
  }  

div.container_centre  {
   position : absolute ;
   background : #000000 ;
   left : 8% ;
   width : 84% ;
   height : 100% ;
  }  

div.container_droite  {
   position : absolute ;
   background : url("container_d.gif") repeat-y ;
   left : 90% ;
   width : 12% ;
   height : 100% ;
  }  


/* bloc d'entete */

img.logo {
    position : relative;
    top : 2px;
    left : 1%;
    width : 12%;
    text-align : left;
  }
  
img.nom {
    position : relative;
    top : 1px;
    left : 10%;
    width : 50%;
    height : 20%;
    text-align : left;
  }

img.titre {
    position : relative;
    top : 2px;
    left : 20%;
    width : 15%;
    text-align : right;
  }

/* menu */

.menu1 {
    top : 5%;
    background : inherit;
    width : 100%;
  }
  
td.menu1 {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight : bold ;
    color: #C13003;
    text-align : center;
    width : 10%;
  }

td.recherche {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight : bold ;
    color: #C13003;
    text-align : center;
    width : 18%;
  }

.menu2 {
    background : inherit;
    width : 100%;
    font-size : 80% ;
    border-bottom : ridge thin #C13003;
  }


td.menu_accueil {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight : bold ;
    text-align : center;
    color : #FFFFFF ;
    text-transform : uppercase;
    width : 100%;
  }

td.menu_CFDT {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align : center;
    width : 33%;
  }

td.menu_Transports {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    color : #00AA00 ;
    text-align : center;
    width : 25%;
  }
  
td.menu_Divers {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align : center;
    width : 25%;
  }  
  
td.menu_Loi {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align : center;
    width : 25%;
  }  
  
td.menu_Actions {
    background : inherit;
    font-family : Times New Roman, Cursive, Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align : center;
    width : 25%;
  }  
  
/* parties principales du bloc main */  
  
div.colgauche
{
	position : absolute;
	top : 0%;
	left : 6%;
	width : 42%;
	height : 98%;
	margin : 1%;
	text-align : center;
}

div.coldroite  {
	position : absolute;
	top : 0%;
	left : 48%;
	height : 98%;
	width : 45%;
	margin : 1%;
	text-align : center;
   }

img.image_Principale {
    position : relative;
    top : 2% ;
    left : 0 ;
    width : 90%;
    height : 350px;
    overflow : hide ;
    margin : auto ;
    text-align : center;
  }  
 
/* album photo */  

.album  {
/*
	border-style : solid ;
    border-color : #EEEE00 ;
*/
	padding-top : 2px ;
    margin : 2px;
    text-align : center ;
  }   
  
img.image_Album 
{
	top : 30px;
	border-color : #FFFFFF ;
	border-style : ridge ;
    position : relative;
    width : 90%;
    height : 300px;
    overflow : hide ;
    margin : auto ;
    text-align : center;
  }

/* autres pages */
 
.en_bref  
{
    position:absolute;
    z-index:8;
    left : 0%;
    height : 310px;
    width : 100% ;
    overflow : auto;
    text-align : left;
    background : url("text.jpg") ;
	background-repeat : repeat-y ;
  }
  
  
form.en_bref  {
    position:absolute;
    z-index:8;
    left : 0%;
    width : 98%;
    overflow : auto;
    text-align : left;
    background : inherit ;
  }  
  
.preview  {
/*
	border-style : solid ;
    border-color : #EEEE00 ;
    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 color : #AAAAFF ;
  }  
  
a.contact:visited {
    color : color : #AAAAFF ;
  }  
  
form.recherche  {
    margin : 0;
  }

p.remarque  {
	background : inherit ;
	color : #AAAAFF ;
    font-size : 80% ;
    margin : 0%;
    text-align : left;
    color : white ;
  }

/* admin */

textarea.edito  {
	height : 320px;
  }

input.news  {
	width : 100%;
  }

form.admin  {
	margin-left : 27%; 
	width : 50% ;	
  }
  
form.login  {
    margin-left : 35% ;
    width : 50 %;
  }  
  
img.miniature  {
    width : 100px;
    height : 100px ;
  }     

.1L
{
	position: relative;
	top: 120%;
	text-align: center;
}