/* global */
    body {font-size:62.5%; background-color:rgb(204,204,204); font-family:verdana,arial,sans-serif;
        color:rgb(80,80,80);}
    h1 {font-size:150%;}
    h2 {font-size:130%;}
    h3 {font-size:130%;}
	h4 {font-size:140%;}
	h5 {font-size:120%;}
    a {color:rgb(100,100,255);}
    a:link, a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}
    a:active {text-decoration:none;}
    hr {clear: both;visibility: hidden;}
    
    .entete {text-align:center; background-color:rgb(255,255,255)}
    .page-container {width:980px; margin:0px auto; margin-top:10px; margin-bottom:10px; 
                      border:solid 1px rgb(100,100,100); background-color:rgb(255,255,255) }
    
    /* header */
    .header {padding:0px; background-color:background:rgb(255,255,255)}
    .sitelogo {width:318px; height:66px; position:absolute; z-index:1; margin:8px 0px 0px 0px; 
                background:url(../img/logo4.jpg); background-color:rgb(255,255,255) }
    .pub {width:400px; height:66px; position:absolute; z-index:1; margin:0px 0px 0px 430px; background:url(../img/pub-haut.gif); background-color:rgb(255,255,255) }
    .menu {position:absolute; margin:40px 0px 0px 0px; font-size:120%;
          width:980px; text-align:center; background-color:rgb(255,255,255); z-index:1; }
	.menu2 {position:absolute; margin:0px 0px 0px 0px; font-size:100%;
          width:980px; text-align:left; background-color:rgb(255,255,255); z-index:1; }	  
    .ligne-sous-menu {width:979px; height:15px; position:absolute; z-index:0; margin:93px 0px 0px 0px; 
                background:url(../img/bleu.jpg); }
    .nav {position:absolute; margin:120px 0px 0px 0px; background-color:rgb(255,255,255)}
    
    /* content */
    .main {padding:5px; margin:170px 0px 0px 0px; background-color:rgb(255,255,255)}
    .main-content {width:770px; padding:5px; float:left; background-color:rgb(255,255,255)} 
    .main-content-left {width:370px; padding:5px; float:left; background-color:rgb(255,255,255)}
    .main-content-right {width:370px; padding:5px; float:right; background-color:rgb(255,255,255)}
    .main-subcontent {width:170px; padding:5px; border:solid 1px rgb(102,153,204); float:right;background-color:rgb(255,255,255)}
    .main-subcontent-blue {padding:5px; border:solid 1px rgb(102,153,204); background-color:rgb(231,234,240)}
    
    /* footer */
    .footer {background-color:rgb(230,230,230); padding:5px;}
    .footer-bottom {text-align:center; background-color:rgb(230,230,230)}  
     
    /* formulaires */
    fieldset { padding:5px; margin-bottom:5px; }
    legend { color:#a0522d; font-weight:bold }
    input { border:1px solid black; background-color:#A6BEDE; }
    input[type=radio] { margin-right:50px; background-color:transparent; border:none; }
    select { background-color:#A6BEDE; }
    option { background-color:#A6BEDE; }
    textarea { border:1px solid black; background-color:#A6BEDE; }
    
    .contactform {width:400px;padding:20px;margin-left:170px;text-align:center;} 

    .inscriptionform {width:600px;padding:20px;margin-left:50px} 
    .inscriptionform p{width: 400px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 200px; /*width of left column containing the label elements*/}
    .inscriptionform label{font-weight: bold;float: left;margin-left: -200px; /*width of left column*/
      width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

    .editform {width:700px;padding:20px;margin-left:20px} 
    .editform p{clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 200px; /*width of left column containing the label elements*/}
    .editform label{font-weight: bold;float: left;margin-left: -200px; /*width of left column*/
      width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

    /* divers */
    .avertissement {color:rgb(255,0,0); font-weight:bold; font-size:150%;}