/* Partie principale */

	* { margin: 0px; padding: 0px; }
	
	body {
		margin: 0px; 
		padding: 0px;
        background-color: #ededed;
        font-family: Arial;
	}
	
	#conteneur {
        width: 960px;
        background-image: url(img/fond_body.png);
        margin: auto;
        padding-top: 1px;
        margin-top: 240px;
        min-height: 800px;
        display: table;
    }
	
	#contenu {
        position: relative;
        margin-top: -240px;
        background-image: url(img/header.png);
		background-repeat: no-repeat;
        min-height: 240px;
    }
	
/* Menu Principal */

    #menu {
        position: absolute;
        list-style: none;
        right: 20px;
        top: 55px;
        font-size: 11pt;
        font-weight: bold;
    }

	#menu li {
        float: left;
        padding: 0px 10px 0px 10px;
        border-right: 1px dotted #aaa;
        color: #0a517d;
    }

    #menu li a, #menu li a:visited {
        color: #0a517d;
        text-decoration: none;
    }
    
    #menu li a:hover {
        text-decoration: underline;     		
    }

    #menu li.dernier {
        padding-right: 0px;
        border-right: none;
    }
	
/* Menu pied de page */

   #footer {
        position: relative;
        width: 960px;
        background-image: url(img/bodyfooter.png);
        background-repeat: no-repeat;
        margin: auto;
        padding-top: 20px;
        min-height: 100px;
        color: #aaa;
        font-size: 9pt;
        font-weight: normal;
        text-align: center;
        padding-top: 70px;
    }
    	
    #footer p {
        margin-bottom: 20px;
    }

    #footerlinks {
        top: 19px;
        position: absolute;
        list-style: none;
        margin: auto;
        width: 960px;
    }
    
    #footerlinks li {
        display: inline;
        margin: 0px 5px 0px 5px;
    }

    #footerlinks li a {
        color: #fff;
    }
    
    .just {
        margin: 0px 100px 20px 100px;
        text-align: justify;
    }
	
	.just0 {
        margin: 0px 0px 0px 0px;
        text-align: justify;
    }
	
/* Contenu principal */

    #contenu_principal {
        float: left;
        width: 630px;
        margin-left: 40px;
        margin-top: 220px;
    }
	
	#contenu_principal p {
        font-size: 11pt;
        color: #232323;
        margin-bottom: 20px;
    }

	#contenu_principal h3 {
        color: #4991be;
        font-size: 16pt;
        text-align: center;
        padding: 10px;
        background-color: #f2f2f2;
        font-weight: normal;
        margin-bottom: 20px;
    }

    #contenu_principal h2 {
        color: #a90e02;
        font-size: 18pt;
        text-align: center;
        font-weight: normal;
        margin-bottom: 20px;
    }
    
    #contenu_principal h1 {
        color: #a90e02;
        font-size: 22pt;
        text-align: center;
        margin-bottom: 20px;
        font-style: italic;
    }

/* NORMAL UNORDERED LIST */

    ul {
        list-style-type: square;
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
    ul li {
        margin-bottom: 5px;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
    }

 	
/* Liens en haut du contenu */
	
	 #lien_top {
        position: absolute;
        list-style: none;
        left: 5px;
        top: 205px;
        font-size: 11pt;
        font-weight: bold;
    }
	
	#lien_top li {
        float: left;
        padding: 0px 10px 0px 10px;
        border-right: 1px dotted #aaa;
        color: #0a517d;
    }
	
	 #lien_top li a, #menu li a:visited {
        color: #0a517d;
        text-decoration: none;
    }
    
    #lien_top li a:hover {
        text-decoration: underline;        
    }

    #lien_top li.dernier {
        padding-right: 0px;
        border-right: none;
		
    }

/* SIDEBAR */

    #sidebar {
        float: right;
        width: 220px;
        margin-right: 30px;
        margin-top: 175px;
        padding-top: 1px;
    }
    
    #sidebar p {
        font-size: 10pt;
        color: #4991be;
        margin-bottom: 15px;
    }

    #sidebar h3 {
        color: #4991be;
        font-size: 12pt;
        font-weight: normal;
        margin-bottom: 10px;
		text-align: left;
    }
	
	#sidebar h2 {
        color: #4991be;
        font-size: 16pt;
        font-weight: normal;
        margin-bottom: 10px;
		text-align: left;
    }
	
	#sidebar h1 {
        color: #4991be;
        font-size: 18pt;
        font-weight: bold;
        margin-bottom: 10px;
		text-align: center;
    }
	
	#sidebar a {
		color: #4991be;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 10px;
		text-align: left;
		text-decoration: none;
	}
	
	#sidebar a:hover {
		text-decoration: underline;
	}
	
    #sidebar .sbblue {
        background-color: #86bbdb;
        color: #fff;
        padding: 5px 10px 10px 10px;
        margin-bottom: 10px;
    }
    
    #sidebar .sbblue p {
		font-size: 10pt;
        color: #0a517d;
        margin-bottom: 15px;
    }

    #sidebar .sbblue h3 {
        color: #0a517d;
		font-size: 12pt;
        font-weight: normal;
        margin-bottom: 10px;
		text-align: left;
    }
	
	#sidebar .sbblue h2 {
        color: #0a517d;
		font-size: 16pt;
        font-weight: normal;
        margin-bottom: 10px;
		text-align: left;
    }
	
	#sidebar .sbblue h1 {
        color: #0a517d;
		font-size: 18pt;
        font-weight: bold;
        margin-bottom: 10px; 
		text-align: center;
    }
	
	#sidebar .sbblue a {
		color: #0a517d;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 10px;
		text-align: left;
		text-decoration: none;
	}
	
	#sidebar .sbblue a:hover {
		text-decoration: underline;
	}
	
	.divider {
        background-image: url(img/divider.jpg);
        width: 200px; height: 14px;
        margin: auto;
        margin-bottom: 10px;
    }
    	
	.txt {
        font-family:Arial, Helvetica;
        color: #000;
        font-size:10pt;
        background: transparent url(img/texte.png) no-repeat fixed;
        width: 190px; height: 33px;
        border: none;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
	
	*>.txt { background: transparent url(img/texte.png) no-repeat; }

	/* BLOCKQUOTE */

    blockquote {
        border-top: 3px solid #c4e0fb;
        border-left: 3px solid #c4e0fb;
        border-right: 1px dotted #c4e0fb;
        border-bottom: 15px solid #c4e0fb;
        padding: 15px;
        padding-bottom: 0px;
        background-color: #d2e8fc;
        margin: 0px 0px 20px 280px;
        background-image: url(img/quotebg.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    #contenu_principal blockquote * {
        color: #1e5b95;
        font-style: italic;
	}
  	
/* JOHNSON BOX or MODULE BOX */
  
    #annonce {
        background-color: #fef9df;
        border-left: 3px solid #bfad4a;
        border-bottom: 3px solid #bfad4a;
        border-right: 1px solid #bfad4a;
        padding: 20px;
        padding-bottom: 0px;
        margin: 0px 20px 20px 20px;
    }
    
	#annonce p {
        color: #73630c;
		font-weight: normal;
		font-size: 12pt;
		padding: 2pt;
		margin-top: -15px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 17px;
    }
    
    #annonce h4 {
        font-weight: normal;
        font-size: 14pt;
        color: #fff;
        border-top: 3px solid #5b4f0b;
        background-color: #bfad4a;
        margin-top: -20px;
        margin-left: -23px;
        margin-right: -21px;
        margin-bottom: 20px;
        padding: 1px;
        padding-left: 23px;
        background-image: url(./img/modulebg.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-style: italic;
    }
	
	#annonce h5 {
		font-weight: bold;
		font-size: 10pt;
		font-style: italic;
		color: #5b4f0b;
		background-color: #bfad4a;
		margin-top: -20px;
		margin-left: -23px;
		margin-right: -21px;
		margin-bottom: 20px; 
		padding: 3px;
		padding-left: 23px;
	}
	
	#annonce .temps {
		font-weight: bold;
		font-style: normal;
		font-size: 10pt;
		color: #73630c;
	}
	
	#annonce img
	{
		position: relative;
		border-color: #73630c;
		border-width: 2px;
		border-style: solid;
		width: 85px;
		height: 85px;
		float: left;
		padding: 0;
		margin-top: 5px;
		margin-left: -30px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
	#annonce .offre {
		position: relative;
		border-style: none;
		width: 85px;
		height: 68px;
		float: right;
		padding: 0;
		margin-top: 10px;
		margin-left: 20px;
		margin-right: -25px;
		margin-bottom: 0px;
		background-image: url(img/offre.png);
		background-repeat: no-repeat;
	}
	
	#lien_global  {
		background-image: url(img/bouton2.png);
		background-position: left center;
        background-repeat: no-repeat;
		margin-left: 60px;
		margin-bottom: 20px;
		height: 30px;
	}
	
	#lien_global p {
		font-size: 14pt;
		text-align: center;
		color: #ffffff;
		font-style: bold;
		margin-left: -60pt;
		padding-top: 3pt;
	}

	#lien_global a {
		font-size: 14pt;
		text-align: center;
		color: #ffffff;
		font-style: bold;
		margin-left: -60pt;
		padding-top: 3pt;
		text-decoration: none;
	}

	#lien_global a:hover {
		text-decoration: underline;
	}