/*
/*
/* Styles responsive pour le bandeau
/*
*/
@media screen and (max-width: 380px){
.Normal_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#2A241E;letter-spacing:0.0em;}
.Heading_2 {font-family:Tahoma, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#06508F;letter-spacing:0.0em;}
.site-view .Heading_1 {font-family:Tahoma, sans-serif;font-weight:bold;font-style:normal;font-size:22px;text-decoration:none;color:#000000;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:12px; text-align: left; }

.body-bandeau {
    height : 100px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: red;
    width : 100%;
}
.divTitre {position: relative; left:0px; top:0px;}      /* Pas de left différent de 0 pour une bonne responsivité */
.divTitreLegende {position:absolute; top: 0px; left:2px; margin:0;}
.divTitreTexte {position:absolute; top: 25px; left:4px; width:240px; text-align: left;}
.site-view a {color:#ffffff;}
#accueilZ2 { } /* Pour mettre la photo dans le bandeau */
#accueilZ2 {position:absolute; left: 57%; top: 5px; }
#accueilZ2-img1 {width: 80%; height: 80%;}
#postit1 {position:relative; top:50px; left:71%; width:97px;}
#postit1-img {width:97px; height:82px;}
#debug {
    position : absolute;
    top : 250px;
    left : 0px;
    background-color: #336688;
}
}

@media screen and (min-width:381px) and (max-width: 767px){
.Normal_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#2A241E;letter-spacing:0.0em;}
.Heading_2 {font-family:Tahoma, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#06508F;letter-spacing:0.0em;}
.site-view .Heading_1 {font-family:Tahoma, sans-serif;font-weight:bold;font-style:normal;font-size:22px;text-decoration:none;color:#000000;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:12px; text-align: left; }

.body-bandeau {
    height : 100px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: red;
    width : 100%;
}
.divTitre {position: relative; left:0px; top:0px;}
.divTitreLegende {position:absolute; top: 0px; left:4px; margin:0;}
.divTitreTexte {position:absolute; top: 25px; left:4px; width:220px; text-align: left;}
.site-view a {color:#ffffff;}
#accueilZ2 { } /* Pour mettre la photo dans le bandeau */
#accueilZ2 {position:absolute; left: 53%; top: 20px; }
#accueilZ2-img1 {width: 80%; height: 80%;}
#postit1 {position:relative; top:45px; left:70%; width:97px; }
#postit1-img {width:97px; height:82px;}
#debug {
    position : absolute;
    top : 250px;
    left : 0px;
    background-color: #888888;
}
}

@media screen and (min-width: 768px) and (max-width:1100px) {
.Normal_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#2A241E;letter-spacing:0.0em;}
.Heading_2 {font-family:Tahoma, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#06508F;letter-spacing:0.0em;}
.site-view .Heading_1 {font-family:Tahoma, sans-serif;font-weight:bold;font-style:normal;font-size:28px;text-decoration:none;color:#000000;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: red;
    width : 100%;
}
.divTitre {position: relative; left:10px; top:0px;}
.divTitreLegende {position:absolute; top: 0px; left:10px; margin:0;}
.divTitreTexte {position:absolute; top: 30px; left:10px; width:330px; text-align: left;}
.site-view a {color:#ffffff;}
#accueilZ2 {position:absolute; left: 72%; top: 20px; }
#accueilZ2-img1 {width: 195px; height: 240px;}
#postit1 {position:relative; top:20px; left:80%; width:130px;}
#postit1-img {width:130px; height:110px;}

#debug {
    position : absolute;
    top : 250px;
    left : 0px;
    background-color: #00ffff;
}
}

@media screen and (min-width: 1101px) and (max-width:1200px) {
.Normal_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#2A241E;letter-spacing:0.0em;}
.Heading_2 {font-family:Tahoma, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#06508F;letter-spacing:0.0em;}
.site-view .Heading_1 {font-family:Tahoma, sans-serif;font-weight:bold;font-style:normal;font-size:28px;text-decoration:none;color:#000000;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: red;
    width : 100%;
}
.divTitre {position: relative; left:0px; top:0px;}
.divTitreLegende {position:absolute; top: 0px; left:10px; margin:0;}
.divTitreTexte {position:absolute; top: 30px; left:10px; width:350px; text-align: left;}
.site-view a {color:#ffffff;}
#accueilZ2 {position:absolute; left: 580px; top: 20px; } /* Pour mettre la photo dans le bandeau */
#accueilZ2-img1 {width: 80%; height: 80%;}
#accueilZ2-img2 {width: 80%; height: 80%;}
#postit1 {position:relative; top:10px; left:75%; width:194px;}
#postit1-img {width:194px; height:163px;}

#debug {
    position : absolute;
    top : 250px;
    left : 0px;
    background-color: #ff00ff;
}
}

@media screen and (min-width: 1201px) {
.Normal_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#2A241E;letter-spacing:0.0em;}
.Heading_2 {font-family:Tahoma, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#06508F;letter-spacing:0.0em;}
.site-view .Heading_1 {font-family:Tahoma, sans-serif;font-weight:bold;font-style:normal;font-size:28px;text-decoration:none;color:#000000;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: red;
    width : 100%;
}
.divTitre {position: relative; left:50px; top:0px;}
.divTitreLegende {position:absolute; top: 1px; left:0px; margin:0;}
.divTitreTexte {position:absolute; top: 35px; width:420px; text-align: left;}
.site-view a {color:#ffffff;}
#accueilZ2 {position:absolute; left: 700px; top: 20px; } /* Pour mettre la photo dans le bandeau */
#accueilZ2-img1 {width: 389px; height: 478px;}
#postit1 {position:relative; top:10px; left:75%; width:194px;}
#postit1-img {width:194px; height:163px;}

#debug {
    position : absolute;
    top : 250px;
    left : 0px;
    background-color: #ffff00;
}
}