/*** CADRES GESTRI ET GESMAG ***/
#ges { padding: 15px 19px; z-index: 1;}
    #gesmag { width: 626px; height: 498px; background: url("images/ges-mag.jpg") top no-repeat; float: left; padding: 0 2px 0 8px; position: relative; top: 0; left: 0; z-index: 0;}
        #gesmag h2 {padding: 80px 20px 10px 350px; }
        #gesmag p {padding: 0 70px 30px 350px; font-weight: bold;}
        #gesmag p.orange, #gestri p.orange { text-align: center; width: 100%; position: absolute; top: 220px; left: 0; font-weight: normal; padding: 0;}
            #gesmag div { width: 290px; color: white;  padding: 10px 5px 5px 10px; position: absolute; top: 247px; }
            #gesmag #abonnement { left: 10px;}
            #gesmag #publicite { left: 330px;}
        #gesmag div h2 a, #gestri div h2 a { width: 153px; height: 44px; display: block;}
            #gesmag div h2 a img, #gestri div h2 a img { position: absolute; }
            #gesmag div h2 { padding: 0 0 0.8em; font-size: .9em;}
            #gesmag div h3 { font-size: .9em; padding: 0 0 .4em 0;}
            #gesmag div ul, #gestri div ul { font-size: .85em;}
                #gesmag div ul a, #gestri div ul a{ color: #FFFFFF;}
                #gesmag div ul a:hover, #gestri div ul a:hover{ text-decoration: none;}
          #gesmag .en-ligne p { font-size: .9em; padding: .5em 0 0 0;}
          	#gesmag .en-ligne p a { color: #ee7f00;}
          #gesmag .en-ligne h2 { padding: 0 0 0.2em 0; }
    #gestri { width: 315px; height: 498px; background: url("images/ges-tri.jpg") top no-repeat; float: right; position: relative; top: 0; left: 0; }
        #gestri h2 { padding: 80px 0 10px 15px; }
        #gestri p { padding: 0 120px 30px 15px; font-weight: bold;}
        #gestri div { margin: 0 10px; padding: 10px 5px 5px 10px;position: absolute; top: 247px; }
            #gestri div h2, #gestri div h3 { padding: 0 0 0.2em 0; font-size: .9em;}
                #gestri div h2 a { height: 30px;}
            #gestri div ul a, #gestri .en-ligne p a{ color: #333333;}
         #gestri .en-ligne, #gesmag .en-ligne { top: 430px; }
         	#gestri .en-ligne h2 a, #gesmag .en-ligne h2 a { color: white; text-decoration: none; font-size: 1.4em; height: auto; width: auto;}
         	#gestri .en-ligne p { font-size: .9em; padding: .5em 0 0 0;}
     /* Liens fixe sur la home */
     #gestri .lien-fixe a, #gestri .en-ligne .lien-fixe a { color: #FFFFFF; }
     #gesmag .lien-fixe a, #gesmag .en-ligne .lien-fixe a { color: #000000;}
     		#gesmag .en-ligne .lien-fixe, #gestri .en-ligne .lien-fixe  { top: 8px; padding: 0;}
     #gesmag .lien-fixe, #gestri .lien-fixe { position: absolute; left: 188px; top: 15px;  padding: 0; font-weight: normal; display: block; width: 100px; text-align: center;}
/*** DEUXIÈME CONTENU ***/
#contenu { background: #f3f3f3 url("images/contenu.jpg") top repeat-x;  padding: 0 22px 15px 22px; }
	#contenu p { margin: .5em 0 0 0; }
	#contenu h4, #contenu h3{ border-bottom: 1px dotted #cccccc; padding: 1.5em 0 .2em 0; margin: 0 0 .5em 0;}
    /***  première colonne  ***/
    #contenu #colonne-1 { width: 300px; padding: 15px 10px 0 0; float: left;}
    	#contenu #colonne-1 h3 { font-size: 1em; padding: 0;}
    /*** deuxième colonne ***/
    #contenu #colonne-2 { width: 400px; float: left; background: url("images/colonne-2-fermant.jpg") bottom no-repeat; padding: 0 0 15px 0; }
        #contenu #colonne-2 h3{ background: url("images/colonne-2.jpg") top no-repeat; font-size: 1em; padding: 5px 0 15px 15px; border: none;}
        #contenu #colonne-2 h4 { margin: 0 0 1em 0; padding: .2em 0; font-size: 1.1em;}
        #contenu #colonne-2 div { padding: 0 15px; width: 170px; font-size: .85em;}
        #contenu #colonne-2 .left { background: url("images/colonne-2-centre.jpg") top left repeat-y;}
        #contenu #colonne-2 .right { background: url("images/colonne-2-centre.jpg") top right repeat-y;}
        	#contenu #colonne-2 div p { margin: 0; padding: .1em 0; }
        	#contenu #colonne-2 div .date { margin: 1em 0 0 0;  color: #ec6901; }
        	#contenu #colonne-2 .actu { border-top: 1px dotted #CCCCCC; margin: 1em 0 0 0; padding: .2em 0 0 0; text-align: right; color: #ec6901; font-size: .9em;}
        		#contenu #colonne-2 .actu a { color: #ec6901; }
        		#contenu #colonne-2 .actu a:hover { text-decoration: none; }
     /*** troisième colonne ***/
     #contenu #colonne-3 { width: 240px; float: right; }
     #contenu #colonne-3 h3 { font-size: .9em; }
        #contenu #colonne-3 fieldset { border: none; }
            #contenu #colonne-3 p { margin: 0 0 .5em 0; font-size: .85em;}
                #contenu #colonne-3 fieldset h4 strong { color: #333333;}
            #contenu #colonne-3 fieldset .formulaire input { width: 115px; height: 18px; background: white; border: 1px solid #cecece; vertical-align: middle; float: none;}
            #contenu #colonne-3 fieldset .submit { width: 32px; height: 23px;border: 0; vertical-align: middle; float: right;}
            #contenu #colonne-3 fieldset label { width: 185px; line-height: 20px; display: block; text-align: right; padding: 0 5px 0 0; }
        #contenu #colonne-3 .newsletter .marge { padding: 0 0 0 75px; overflow: auto;}
            #contenu #colonne-3 .newsletter .marge label { width: 135px; float: right; text-align: left;}
            #contenu #colonne-3 .newsletter .marge input { vertical-align: middle;}
/*** Pied de page ***/
#footer dl { margin: 0 0 25px 0; padding: 0 15px; overflow: auto;}
        #footer dl dt {float: left; color: #ec6901; padding: 15px 0 0 0;}
            #footer dl dt img { vertical-align: middle; margin: 0 0 0 5px;}
        #footer dl dd { width: 776px; float: right; background: url("images/partenaire.jpg") top no-repeat; padding: 7px 0;}
        #footer dl dd.clear { clear: both; float: none; visibility: hidden;}
            #footer dl dd ul {background: url("images/partenaire-bas.jpg") bottom no-repeat; }
                #footer dl dd ul li { border: none; }
                	#footer dl dd ul li img { padding: 0 15px 7px 15px; }
                	#footer dl dd ul li a { padding: 0; }