@media only screen and (max-width: 2560px) { 

    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1600px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 1600px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /*float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /*float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1700px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 1350px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }




    /*#salim{
        background-image: url('../images/salim200160.jpg');
        border: solid 1px blanchedalmond;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;
    }*/

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1600px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 95%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
        position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 33px;
        padding-top: 15px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }
    
    
    
    #articleliste
   {
        width: 900px;
        margin-right: 15px;
        font-size: 0.9em;
    }
    
    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
        color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
        z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    #footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, #footer ul
    {
        font-size: 0.8em;
    }

    #footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

}

/****************************************************************/


@media only screen and (max-width: 1920px) { 

    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1600px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 1600px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /*float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /*float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1700px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 1350px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }




    /*#salim{
        background-image: url('../images/salim200160.jpg');
        border: solid 1px blanchedalmond;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;
    }*/

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1600px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 95%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
        position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 33px;
        padding-top: 15px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }
    
    
    
    #articleliste
   {
        width: 900px;
        margin-right: 15px;
        font-size: 0.9em;
    }
    
    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
        color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
        z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    #footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, #footer ul
    {
        font-size: 0.8em;
    }

    #footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

}


/*********************************************************************/


@media only screen and (max-width: 1680px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1500px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 1500px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/


    /*#loginForm {
        
        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }*/



    #loginForm {
        border-color : #990;
        border-width : 1px;
        border-style : solid;
        width : 180px;
        text-align : left;
        padding : 10px;
        margin : 20px 0;
        background-color : wheat;
    }


    /*#menu {
        
        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
    /* background-color:#8F6B00;
     margin : 50px 10px 50px 10px;
     padding : 10px;
 }*/

    #menu {
        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        background-color: #8F6B00;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }



    #menu ul {
        margin : 0px;
        padding : 0px;
        /*float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    /*
    
    
   #menu ul {
       margin : 0px;
       padding : 0px;
   }
   #menu li {
       list-style: none;
       margin : 0px;
       padding : 5px;
   }
   #menu a {
       padding : 0;
       margin : 0;
       color : gray;
       text-decoration: none;
   }
   #menu a:hover {
       color : red;
   }
   
    
    
    
    
    */



    #vue6{
        /* position: relative;*/
        width: 1450px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }



    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 1125px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 50px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }


    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1375px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        /*position : relative; *//*l'élément est maintenant positionné*/
        /*border : 2px blue solid;*/ /*juste pour le mettre en evidence*/


        /*padding-bottom : 300px;*/

    }


    #tout {
        /*position : relative;*/ /*l'élément est maintenant positionné*/
        /*border : 2px green solid;*/ /*juste pour le mettre en evidence*/
        /*margin-top: 100px;*/

        /*padding-bottom : 300px;*/
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 98%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
        position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }
    
    
    
    #articleliste
   {
        width: 900px;
        margin-right: 15px;
         font-size: 0.9em;
    }
    
    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
      z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    #footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, #footer ul
    {
        font-size: 0.8em;
    }

    #footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }


}



/*********************************************************************/


@media only screen and (max-width: 1600px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/

        /*width : 1500px;*/
        /*color:#4BB5C1;*/

        /*float: left;*/

        /*background:#EDF7F2;*//*#DCDCDC ;*/
        /*align:center;*/
    }

    #informations_generales{
        /*align:center;*/
        width : 1500px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1450px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 1000px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 50px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }


    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1250px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 98%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }
    
    
    
    #articleliste
   {
        width: 900px;
        margin-right: 15px;
        font-size: 0.9em;
    }
    
    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    #footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, #footer ul
    {
        font-size: 0.8em;
    }

    #footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }


}

/*********************************************************************/


@media only screen and (max-width: 1440px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1200px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 1200px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*background-color:#EDF7F2;*/
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1240px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1250px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;
        background-color: #FFE6B2;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 850px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }


    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1100px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
        /*width: 1200px;*/
    }


    #contenucategorie {
        width: 98%;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
        z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

}






/*********************************************************************/


@media only screen and (max-width: 1400px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1200px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 1200px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*background-color:#EDF7F2;*/
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;



    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1240px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1250px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        /*border : 1px solid blue;*/
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;
        background-color: #FFE6B2;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 850px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }


    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1100px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
        /*width: 1200px;*/
    }


    #contenucategorie {
        width: 98%;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
         position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

}


/*********************************************************************/









@media only screen and (max-device-width:1366px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1335px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 900px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;

    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-top: 0px;
        padding: 0px 0px;


    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        /*float : left;*/
        height:115px;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1150px;

        /*width: 1012px;*/


        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        top:auto;
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 62px;
        /* z-index:400;*/
    }

    #menu1 {
        float: right;
        width : 150px;
        border : solid 1px;
        border-color: gray; 
        background-color: lightgray;
        /*margin : 50px 0 50px 10px;*/
        /* margin-left: 0px;*/
        padding : 10px;
        margin-top: -250px;
    }
    #menu1 ul {
        margin : 0px;
        padding : 0px;
        /* float: right;*/
    }
    #menu1 li {
        list-style: none;
        /* float: right;*/
        margin : 0px;
        padding : 5px;
    }
    #menu1 a {
        /*float: right;*/
        padding : 0;
        margin : 0;
        color : gray;
        text-decoration: none;
    }
    #menu1 a:hover {
        color : red;
    }


    #vue2 {
        position: relative;
        width: 1040px;
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        background-color: #FFE6B2;
        top:60px;
        left:200px;
        padding: 1px;
        z-index: -6;

    }

    #milieu h2,#activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 800px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;
    }






    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1050px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }



    #listeCommerces{
        width: 100%;
    }

    #contenucategorie {

        /*border : 1px red solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        /* background-color : red;*/
    }

    #ajoutercategorie{
        position: relative;
        width: 1050px;
        margin: 20px 20px;	
        background-color: #FFE6B2;
        top:60px;
        left:200px;
        padding: 1px;
        height: 140px;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
        position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }
    
    
    
    #articleliste
   {
        width: 900px;
        margin-right: 15px;
         font-size: 0.9em;
    }
    
    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    #footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, #footer ul
    {
        font-size: 0.8em;
    }

    #footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }


}



/************************************************/


/*********************************************************************/

@media only screen and (max-device-width:1360px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1335px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 900px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;

    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-top: 0px;
        padding: 0px 0px;


    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        /*float : left;*/
        height:115px;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1150px;

        /*width: 1012px;*/


        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        top:auto;
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 62px;
        /* z-index:400;*/
    }

    #menu1 {
        float: right;
        width : 150px;
        border : solid 1px;
        border-color: gray; 
        background-color: lightgray;
        /*margin : 50px 0 50px 10px;*/
        /* margin-left: 0px;*/
        padding : 10px;
        margin-top: -250px;
    }
    #menu1 ul {
        margin : 0px;
        padding : 0px;
        /* float: right;*/
    }
    #menu1 li {
        list-style: none;
        /* float: right;*/
        margin : 0px;
        padding : 5px;
    }
    #menu1 a {
        /*float: right;*/
        padding : 0;
        margin : 0;
        color : gray;
        text-decoration: none;
    }
    #menu1 a:hover {
        color : red;
    }


    #vue2 {
        position: relative;
        width: 1040px;
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        background-color: #FFE6B2;
        top:60px;
        left:200px;
        padding: 1px;
        z-index: -6;

    }

    #milieu h2,#activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 800px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;
    }






    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1050px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }



    #listeCommerces{
        width: 100%;
    }

    #contenucategorie {

        /*border : 1px red solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        /* background-color : red;*/
    }

    #ajoutercategorie{
        position: relative;
        width: 1050px;
        margin: 20px 20px;	
        background-color: #FFE6B2;
        top:60px;
        left:200px;
        padding: 1px;
        height: 140px;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    #section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    #article, #aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    #article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    #article p
    {
        font-size: 1.1em;
    }

    #article h2,h3
    {
         color:#0F87C9;
    }


    #aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
      z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    #aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }


}



/************************************************/

@media only screen and (max-device-width:1280px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1335px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 900px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}



    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 99%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;


    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 99%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1080px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        background-color: #FFE6B2;
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 750px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }




    /*#salim{
        background-image: url('../images/salim200160.jpg');
        border: solid 1px blanchedalmond;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;
    }*/

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 1000px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 95%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    article, aside
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    article p
    {
        font-size: 0.8em;
    }

    aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }


















}


/*********************************************************************/

/************************************************/


@media only screen and (max-device-width:1152px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 1335px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 900px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 99%;
        height: 150px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding: 3px 3px;


    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 99%;
        text-align: center;
        padding: 0px 0px;
        height: 20px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /* float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 1080px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }




    #vue2 {
        position: relative;
        width: 1040px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 1350px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 1050px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        background-color: #FFE6B2;
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu h2, #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 650px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 120%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }

    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }



    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 900px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
    }


    #contenucategorie {
        width: 95%;
    }



    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    article, aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    article p
    {
        font-size: 0.8em;
    }

    aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }











}


/*********************************************************************/


@media only screen and (max-device-width:1024px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 900px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 900px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-top: 0px;
        padding: 0px 0px;

    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }

    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*  float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /*  float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 820px;

        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        top:auto;
        /*lefttt:40px;*/
        /*padding: 65px;*/
        margin-left: 165px;
        margin-top: 80px;
        /* z-index:400;*/
    }

    #menu1 {
        float: right;
        width : 150px;
        border : solid 1px;
        border-color: gray; 
        background-color: lightgray;
        /*margin : 50px 0 50px 10px;*/
        /* margin-left: 0px;*/
        padding : 10px;
        margin-top: -250px;
    }
    #menu1 ul {
        margin : 0px;
        padding : 0px;
        /* float: right;*/
    }
    #menu1 li {
        list-style: none;
        /* float: right;*/
        margin : 0px;
        padding : 5px;
    }
    #menu1 a {
        /*float: right;*/
        padding : 0;
        margin : 0;
        color : gray;
        text-decoration: none;
    }
    #menu1 a:hover {
        color : red;
    }


    #vue2 {
        position: relative;
        width: 90px;

        /*width: 1012px;*/

        /*background:border-box;*/
        background-color:#EDF7F2;
        /*borderiuuu : 1px solid blue;*/
        top:-55px;
        /*lefttt:40px;*/
        padding: 65px;
        margin-left: 175px;
        margin-top: 45px;


    }


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
        background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 900px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 900px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/
        background-color: #FFE6B2;
        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu  #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :100%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 500px;
        background-color :  #FFF2D8;
        margin-left: 175px ;
        text-align :  justify;
        font-size : 100%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }






    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        /*border: solid 1px blanchedalmond;*/
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        float: left;
    }

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 90%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 750px;
        margin-right : 10px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }


    #listeCommerces{
        width: 100%;
        font-size: 12px;
    }

    #contenucategorie {

        font-size: 12px;
        width: 95%;
    }


    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    article, aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    article p
    {
        font-size: 0.8em;
    }

    aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
        z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

}


/************************************************/


@media only screen and (max-device-width:800px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 600px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 600px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 150px;
        margin-top: 5px;

    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        font-size: 13px;
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }




    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*  float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 600px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        top:auto;
        /*lefttt:40px;*/
        /*padding: 65px;*/

        margin-left: 165px;
        margin-top: 62px;
        /* z-index:400;*/
    }





    /*#vue2 {
            position: relative;
            width: 1040px;
           
            /*width: 1012px;*/

    /*background:border-box;*/
    /*background-color:#EDF7F2;
    /*borderiuuu : 1px solid blue;*/
    /*top:-55px;
    /*lefttt:40px;*/
    /*padding: 65px;
    margin-left: 175px;
    margin-top: 45px;
   
    
}*/


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
       background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 800px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 550px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/

        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu  #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 350px;
        background-color :  #FFF2D8;
        margin-left: 160px ;
        text-align :  justify;
        font-size : 85%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }


    #listeCommerces{
        width: 100%;
        font-size: 10px;
    }



    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        border: solid 1px blanchedalmond;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;

    }

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 75%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 570px;
        margin-right : 5px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }




    #contenucategorie {

        /*border : 1px red solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        /* background-color : red;*/
        width: 95%;
    }

    #recherchegategorie{
        font-size: 10px;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 900px;
        margin: auto;
    }

    section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 1.1em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 900px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
          position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    article, aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    article p
    {
        font-size: 0.8em;
    }

    aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

  
    /************************************************/

@media all and (max-device-width: 720px) {
    #commerce{
        /*align:center;*/
        /*margin-left:150px;*/
        width : 600px;
        color:#4BB5C1;
        /*float: left;*/
        background:#EDF7F2;/*#DCDCDC ;*/
        /*align:center;*/
    }
    #informations_generales{
        /*align:center;*/
        width : 600px;
        /*margin-left: 185px;*/
        margin-top: 20px;
        background-color:#FFE6B2;
        /*float:left;*/
        /*margin-left: 515px;*/
        /*width: 200px;*/
        /*background:#DCDCDC ;*/
    }
    #ali{margin-top: 2px;}


    #banner {
        background:url('../images/banniereamiaines.jpg');
        background-repeat:no-repeat;
        width : 100%;
        height: 80px;
        margin-top: 5px;

    }
    /*#footer {
        border : solid 0px;
        border-color:  #FFCC00;
        background-color: #CC9900;    
        clear : both;
        font-size: 80%;
        width : 100%;
        text-align: center;
        padding: 0px 0px;
        
    }*/
    #menu {

        float : left;
        width : 115px;
        border : solid 1px;
        border-color: gray; 
        /*background-color: #CC9900;*/
        font-size: 13px;
        background-color:#8F6B00;
        margin : 50px 10px 50px 10px;
        padding : 10px;
    }




    #loginForm {

        float : left;
        width : 150px;
        border : solid 1px;
        border-color: white; 
        background-color: wheat;
        margin : 50px 0 50px 10px;
        padding : 10px;
    }




    #menu ul {
        margin : 0px;
        padding : 0px;
        /*  float : left;*/
    }
    #menu li {
        list-style: none;
        margin : 0px;
        padding : 5px;
        /* float : left;*/
    }
    #menu a {
        padding : 0;
        margin : 0;
        /* float : left;*/
        color : #FFFFFF;
        text-decoration: none;
    }
    #menu a:hover {
        color : #FFFF66;
    }
    #menu2  {

    }

    #vue6{
        /* position: relative;*/
        width: 600px;
        background: #FFF2D8;
        /*borderiuuu : 1px solid blue;*/
        top:auto;
        /*lefttt:40px;*/
        /*padding: 65px;*/

        margin-left: 165px;
        margin-top: 62px;
        /* z-index:400;*/
    }





    /*#vue2 {
            position: relative;
            width: 1040px;
           
            /*width: 1012px;*/

    /*background:border-box;*/
    /*background-color:#EDF7F2;
    /*borderiuuu : 1px solid blue;*/
    /*top:-55px;
    /*lefttt:40px;*/
    /*padding: 65px;
    margin-left: 175px;
    margin-top: 45px;
   
    
}*/


    .warningMessage {
        color : red;
    }


    .fond2 {
        background-color: #FFFFFF;
    }

    .fond1 {
        background-color: #FFCC00;
    }

    .titre{
       background-color: #89c4ec;

    }

    #contenu {
        clear : both;
        position: relative;
        width: 800px;
        /*width: 1012px;*/
        margin: 0 auto;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;

    }


    #conteneur {
        position: relative;
        width: 550px;
        /*width: 1012px;*/
        margin: 20px 20px;
        /*background-image: url(../images/page-bg.png);*/
        /*background-repeat: repeat-y;*/

        top:auto;
        left:150px;
        padding: 1px;
        z-index: -6;

    }





    #milieu  #activites h2, #nouvelles h2 {
        color : #b9121b;
        font-size :120%;
        padding-left : 25px;
        padding-right: 25px;
        background-image : url('../images/puce1.gif');
        background-repeat : no-repeat;
        background-position : top left;
        text-align:justify;
    }

    #milieu {
        width : 350px;
        background-color :  #FFF2D8;
        margin-left: 160px ;
        text-align :  justify;
        font-size : 85%;
        margin-top: 80px;
        padding-left : 20px;
        padding-right: 20px;

    }


    #listeCommerces{
        width: 100%;
        font-size: 10px;
    }



    #salim{
        background : url('../images/salim200160.jpg');
        width:200px;
        height:132px;
        border: solid 1px blanchedalmond;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;

    }

    #droit {
        /*padding : 10px;
        margin-left : 75%;

        margin-top : 30px;*/
        font-size : 75%;
        position : absolute;
        top : 240px; /*tenir compte de la hauteur du titre principal de la page d'accueil*/
        left : 570px;
        margin-right : 5px;
        margin-left: 5px;
    }

    #principal {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px blue solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/

    }


    #tout {
        position : relative; /*l'élément est maintenant positionné*/
        border : 2px green solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        margin-top: 100px;
    }




    #contenucategorie {

        /*border : 1px red solid; /*juste pour le mettre en evidence*/
        /*padding-bottom : 300px;*/
        /* background-color : red;*/
        width: 95%;
    }

    #recherchegategorie{
        font-size: 10px;
    }

    /* Définition des polices personnalisées */

    @font-face
    {
        font-family: 'BallparkWeiner';
        src: url('../polices/ballpark.eot');
        src: url('../polices/ballpark.eot?#iefix') format('embedded-opentype'),
            url('../polices/ballpark.woff') format('woff'),
            url('../polices/ballpark.ttf') format('truetype'),
            url('../polices/ballpark.svg#BallparkWeiner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face
    {
        font-family: 'Dayrom';
        src: url('../polices/dayrom.eot');
        src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
            url('../polices/dayrom.woff') format('woff'),
            url('../polices/dayrom.ttf') format('truetype'),
            url('../polices/dayrom.svg#Dayrom') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Eléments principaux de la page */

    body
    {
        background: url('../images/fond_jaune.png');
        font-family: 'Trebuchet MS', Arial, sans-serif;
        color: #181818;
    }

    #bloc_page
    {
        width: 320px;
        margin: auto;
    }

    section h1, footer h1, nav a
    {
        font-family: Dayrom, serif;
        font-weight: normal;
        text-transform: uppercase;
    }

    /* Header */

    header
    {
        background: url('../images/separateur.png') repeat-x bottom;
    }

    #titre_principal
    {
        display: inline-block;
    }

    header h1
    {
        font-family: 'BallparkWeiner', serif;
        font-size: 2.5em;
        font-weight: normal;
    }

    #logo, header h1
    {
        display: inline-block;
        margin-bottom: 0px;
    }

    header h2
    {
        font-family: Dayrom, serif;
        font-size: 0.6em;
        margin-top: 0px;
        font-weight: normal;
    }

    /* Navigation */

    nav
    {
        display: inline-block;
        width: 320px;
        text-align: right;
    }

    nav ul
    {
        list-style-type: none;
    }

    nav li
    {
        display: inline-block;
        margin-right: 10px;
    }

    nav a
    {
        font-size: 1em;
        color: #181818;
        padding-bottom: 3px;
        text-decoration: none;
    }

    nav a:hover
    {
        color: #760001;
        border-bottom: 3px solid #760001;
    }

    /* Bannière */

    #banniere_image
    {
        margin-top: 15px;
        height: 200px;
        border-radius: 5px;
        background: url('../images/banniereamiaines.jpg') no-repeat;
        position: relative;
        box-shadow: 0px 4px 4px #1c1a19;
        margin-bottom: 0px;
    }

    #banniere_description
    {
        position: absolute;
        bottom: 0;
        border-radius: 0px 0px 5px 5px;
        width: 99.5%;
        height: 20px;
        padding-top: 30px;
        padding-left: 4px;
        background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
        background-color: #FFFFFF;
        color: white;
        font-size: 0.8em;

    }

    .bouton_rouge
    {
        display: inline-block;
        height: 25px;
        position: absolute;
        right: 5px;
        bottom: 5px;
        background: url('../images/fond_degraderouge.png') repeat-x;
        border: 1px solid #760001;
        border-radius: 5px;
        font-size: 1.2em;
        text-align: center;
        padding: 3px 8px 0px 8px;
        color: white;
        text-decoration: none;
    }

    .bouton_rouge img
    {
        border: 0;
    }

    /* Corps */

    article, aside
    {
        display: inline-block;
        vertical-align: top;
         text-align: left;
    }

    article
    {
        width: 585px;
        margin-right: 15px;
    }

    .ico_categorie
    {
        vertical-align: middle;
        margin-right: 8px;
    }

    article p
    {
        font-size: 0.5em;
    }

    aside
    {
        position: relative;
        width: 270px;
        background-color: #89c4ec;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.5em;
        top:70px;
       z-index: 10;
    }

    #fleche_bulle
    {
        position: absolute;
        top: 100px;
        left: -12px;
    }

    #photo_evenement
    {
        text-align: center;
    }

    #photo_evenement img
    {
        border: 1px solid #181818;
    }

    aside img
    {
        margin-right: 5px;
    }

    /* Footer */

    footer
    {
        background:  url('../images/ico_top.png') no-repeat top center, url('../images/separateur.png') repeat-x top, url('../images/ombre.png') repeat-x top;
        padding-top: 30px;
        margin-top:80px;
    }

    p, footer ul
    {
        font-size: 0.8em;
    }

    footer h1
    {
        font-size: 1.1em;
    }

    #tweet, #mes_photos, #mes_amis
    {
        display: inline-block;
        vertical-align: top;
    }

    #tweet
    {
        width: 28%;
    }

    #mes_photos
    {
        width: 35%;
    }

    #mes_amis
    {
        width: 31%;
    }

    #mes_photos img
    {
        border: 1px solid #181818;
        margin-right: 2px;
    }

    #mes_amis ul
    {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: 100%;
        list-style-image: url('../images/ico_liensexterne.png');
        padding-left: 2px;
    }

    #mes_amis a
    {
        text-decoration: none;
        color: #760001;
    }


    /* Correctifs pour les vieilles versions d'Internet Explorer */

    /* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

    .old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
    {
        display: inline;
        zoom: 1;
    }

    /* Quelques ajustements pour les vieilles versions d'IE */

    .old_ie section h1, .ie8 section h1
    {
        font-size: 1.1em;
    }

    .old_ie footer div, .ie8 footer div
    {
        margin-top: 30px;
        background: url('images/separateur.png') repeat-x top;
        margin-top:80px;
    }

   

}