a img {
border : 0;
}
body {
margin-top : 5px;
margin-left : auto;
margin-right : auto;
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background : url(/communs/img/fonds/fond_archi.gif);
}
#conteneur_haut{/*l */
position:relative;
width : 890px;
height : 60px;
margin-left:auto;
margin-right:auto;
background-color : transparent;
}
#conteneur_logo{/*l */
float:left;
width : 200px;
height : 60px;
text-align : left;
background-color : transparent;
}
#conteneur_texte{
float:right;
width:650px;
height : 60px;
color:black;
font-size : 15px;
font-weight:bold;
margin: 0px 0px 0px 20px;
background:transparent;
}
#conteneur_vide{
position:relative;
width:900px;
height : 70px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
background:transparent;
}
#conteneur_visionneuse{
position:relative;
width : 900px;
height : 490px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
background-color :transparent;
}

/************************IMAGE DU CADRE*****************************************************/
#cadre_haut, #conteneur_pano, #cadre_bas{
position:relative;
width:900px;
margin-top: 0px;
margin-left: auto;
margin-right:auto;
}
#cadre_haut{
height : 9px;
background-image : url(../img/h_cadre.gif);
background-repeat : no-repeat;
}
#conteneur_pano{
height : 250px;
background : url(../img/m_cadre.gif);
z-index:10;
}
#cadre_bas{
height : 6px;
background : url(../img/b_cadre.gif);
background-repeat : no-repeat;
}
#txt_nuage1, #txt_nuage2, #txt_nuage3{
position:absolute;
height : 30px;
color:white;/*BLEU*/
font-size : 15px;
font-weight:bold;
font-style: italic;
text-align : left;
z-index:20;
}
#txt_nuage1{
width:450px;
margin: 10px 0px 0px 70px!important;
margin: 10px 0px 0px 10px;
}
#txt_nuage2{
width:300px;
margin: 45px 0px 0px 250px!important;
margin: 45px 0px 0px 190px;
}
#txt_nuage3{
width:550px;
margin: 80px 0px 0px 400px!important;
margin: 80px 0px 0px 340px;
}
#m1{
float:left;
width:50px;
height : 200px;
color:white;
font-size : 11px;
font-weight:bold;
text-align : center;
margin: 50px 0px 0px 0px;
background:black;
}
#m2{
float:left;
width:30px;
height : 50px;
margin: 200px 0px 0px 0px;
background:black;
}
#m3{
float:left;
width:100px;
height : 140px;
color:white;
font-size : 10px;
font-weight:bold;
text-align : right;
margin: 110px 0px 0px 0px;
background:black;
}
#m4{
float:left;
width:30px;
height : 90px;
margin: 160px 0px 0px 0px;
background:black;
}
#m5{
float:left;
width:80px;
height :60px;
color:white;
font-size : 10px;
font-weight:bold;
text-align : center;
margin: 190px 0px 0px 0px;
background:black;
}
 #m6{
float:left;
width:50px;
height : 80px;
margin: 170px 0px 0px 0px;
background:black;
}
#m7{
float:left;
width:20px;
height : 100px;
margin: 150px 0px 0px 0px;
background:black;
}
#m8{
float:left;
width:20px;
height : 80px;
margin: 170px 0px 0px 0px;
background:black;
}
#m9{
float:left;
width:10px;
height : 150px;
margin: 100px 0px 0px 0px;
background:black;
}
#m10{
float:left;
width:150px;
height : 120px;
color:white;
font-size : 10px;
font-weight:bold;
text-align : left;
margin: 130px 0px 0px 0px;
background:black;
}
#m11{
float:left;
width:30px;
height : 50px;
margin: 200px 0px 0px 0px;
background:black;
}
#m12{
float:left;
width:20px;
height : 90px;
margin: 160px 0px 0px 0px;
background:black;
}
#m13{
float:left;
width:60px;
height : 80px;
color:white;
font-size : 10px;
font-weight:bold;
text-align : right;
margin: 170px 0px 0px 0px;
background:black;
}
#m14{
float:left;
width:10px;
height : 90px;
margin: 160px 0px 0px 0px;
background:black;
}
#m15{
float:left;
width:40px;
height : 60px;
margin: 190px 0px 0px 0px;
background:black;
}
#m16{
float:left;
width:30px;
height : 40px;
margin: 210px 0px 0px 0px;
background:black;
}
#m17{
float:left;
width:20px;
height : 50px;
margin: 200px 0px 0px 0px;
background:black;
}
#m18{
float:left;
width:30px;
height : 45px;
margin: 205px 0px 0px 0px;
background:black;
}
#m20{
float:left;
width:30px;
height : 50px;
margin: 200px 0px 0px 0px;
background:black;
}
#m21{
float:left;
width:40px;
height : 60px;
margin: 190px 0px 0px 0px;
background:black;
}
#m22{
float:left;
width:40px;
height : 100px;
color:white;
font-size : 10px;
font-weight:bold;
text-align : right;
margin: 150px 0px 0px 0px;
background:black;
}
#m23{
float:left;
width:5px;
height : 200px;
margin: 50px 0px 0px 0px;
background:black;
}
#conteneur_entrer{
position:relative;
width:900px;
height : 40px;
font-size : 30px;
font-weight:bold;
color:#269DC4;/*BLEU*/
text-align:center;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.visite{
color:#269DC4;/*BLEU*/
text-decoration:none;
}
.visite:hover{
color:#666666;/*gris*/ 
text-decoration:none;
}
#conteneur_realise{
position:relative;
width:900px;
height : 20px;
font-size : 14px;
font-weight:bold;
color:#269DC4;/*BLEU*/
text-align:center;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}
#conteneur_tousemail1, #conteneur_tousemail2{
position:relative;
width : 900px;
height : 15px;
margin-left:auto;
margin-right:auto;
font-size : 12px;
font-weight:bold;
text-align:center;
}
#conteneur_tousemail1{
margin-top:10px;
}
#conteneur_tousemail2{
margin-top:3px;
}
.tousemail{
color:#269DC4;/*BLEU*/
text-decoration:none;
}
.tousemail:hover{
color:#666666;/*gris*/ 
text-decoration:none;
}