/*
/*
/* 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:18px;text-decoration:none;color:#12494a;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:12px; text-align: left; }

.body-bandeau {
    height : 100px;
    background : url('../../../common/Images/bandeauPage.png') 0px 0px no-repeat;
    border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;
    width : 100%;
}
.divTitre {position: relative; top:0px;}       /* Pas de left sinon responsive ko */
.divTitreLegende {position:absolute; top: 0px; left:2px; margin:0;}
.divTitreTexte {position:absolute; top: 25px; left:4px; width:310px; 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:5px; left:72%; 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:24px;text-decoration:none;color:#12494a;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:12px; text-align: left; }

.body-bandeau {
    height : 100px;
    background : url('../../../common/Images/bandeauPage.png') 0px 0px no-repeat;
    border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;
    width : 100%;
}
.divTitre {position: relative; left:0px; top:-10px;}
.divTitreLegende {position:absolute; top: 10px; left:4px; margin:0;}
.divTitreTexte {position:absolute; top: 40px; left:4px; width:310px; 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:20px; 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:#12494a;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    background : url('../../../common/Images/bandeauPage.png') 0px 0px repeat;
    border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;
    width : 100%;
}
.divTitre {position: relative; left:10px; top:0px;}
.divTitreLegende {position:absolute; top: 2px; left:10px; margin:0;}
.divTitreTexte {position:absolute; top: 30px; left:10px; width:500px; 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:#12494a;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    background : url('../../../common/Images/bandeauPage.png') 0px 0px repeat;
    border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;
    width : 100%;
}
.divTitre {position: relative; left:0px; top:0px;}
.divTitreLegende {position:absolute; top: 2px; left:10px; margin:0;}
.divTitreTexte {position:absolute; top: 35px; left:10px; width:520px; 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:#12494a;letter-spacing:0.0em;}
.site-view .Header_text_light {font-weight:normal;font-size:14px;}

.body-bandeau {
    height : 100px;
    background : url('../../../common/Images/bandeauPage.png') 0px 0px repeat;
    border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;
    width : 100%;
}
.divTitre {position: relative; left:50px; top:0px;}
.divTitreLegende {position:absolute; top: 2px; left:0px; margin:0;}
.divTitreTexte {position:absolute; top: 35px; width:520px; 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;
}
}