/*
                  \\"""//
                    (0 0)
    +----oOO--(_)------------------+
    |   style CSS                            | 
    |   www.tousemail.com               |
    |   Marquito, 15.03.2009         |
    +------------------------oOO----+
                   |__|__|
                    | |  | |
                  ooO  Ooo
*/
/*COMMUN CONTENEUR */
.conteneur-1, .conteneur-2, .conteneur-3 {
position:relative;
margin-left : auto;
margin-right : auto;
}
.conteneur-1 {
width : 97%;
height : 130px;
font-size:70%;
background-color :#F3F0EB;
z-index:500;
}
.gros-titre{
float : left;
width : 44%;
text-align : left;
border-right: solid 1px black;
}
 .titre-intro{
font-size:210%;
padding: 0px 0px 0px 10px;
}
.img-gros-titre{
display: block;
float: left; /* nous plaçons l'image à gauche */
 }
.photos{
float : left;
width : 33%;
text-align : left;
padding: 0px 0px 0px 5px;
}
 .titre-photos{
font-size:150%;
}
.img-bob{
display: block;
float:left; /* nous plaçons l'image à gauche */
 }
 .img-markito{
display: block;
float:right; /* nous plaçons l'image à drite */
 }
.actualite{
float : right;
width : 21%;
text-align : left;
border-left: solid 1px black;
padding: 0px 0px 0px 5px;
}
.titre-actualite{
font-size:150%;
}
#img-actualite{
text-align:center;
 }
 /*FIN CONTENEUR 1*/
.conteneur-2 {
width : 97%;
height : 135px;
font-size:65%;
background-color :#F3F0EB;
z-index:400;
}
.archi{
float : left;
width : 54%;
text-align : left;
padding: 0px 0px 0px 5px;
}
 .titre-archi{
font-size:160%;
color:#9E9E9E;/* GRIS */
}
 .sous-titre-archi{
font-size:130%;
}
.img-archi{
display: block;
float:left; /* nous plaçons l'image à gauche */
 }
.bsm {
float : right;
width : 43%;
text-align : left;
}
.faux-fieldset{ 
border: 1px solid #000000;
margin-top : 5px;
}
 .titre-bsm{
font-size:180%;
color:#9E9E9E;/* GRIS */
}
.legend {
float:left;
margin-top:-1.1em;
margin-left:5px;
padding:0 5px;
background-color:#F3F0EB;
}
.sous-titre-bsm {
font-size:130%;
clear:both;
}
.txt-bsm {
font-size:100%;
padding:0px 0px 0px 12px;
}
.img-bsm{
display: block;
float:left; /* nous plaçons l'image à gauche */
padding: 4px 0px 0px 1px;
 }
/*FIN CONTENEUR 2*/
.conteneur-3 {
width : 97%;
height : 195px;
font-size:60%;
background-color :#F3F0EB;z-index:300;
}
.affiche{
float : left;
width : 22%;
text-align : left;
padding: 0px 0px 0px 5px;
}
 .titre-affiche{
font-size:180%;
}
#pub-1{
text-align : center;
}
.annonces{
float : left;
width : 18%;
text-align : left;
border-left: solid 1px black;
padding: 0px 0px 0px 5px;
}
 .titre-annonces{
font-size:180%;
}
.planetes{
float : left;
width : 20%;
text-align : left;
border-left: solid 1px black;
border-right: solid 1px black;
padding: 0px 0px 0px 5px;
}
 .titre-planetes{
font-size:180%;
}
#terre{
margin-top : 5px;
text-align:center;
}
.savoir{
float : left;
width : 19%;
text-align : left;
border-right: solid 1px black;
padding: 0px 0px 0px 5px;
}
.image-annuaire{
margin-top : 5px;
}
 .titre-savoir{
font-size:180%;
}
.services{
float : left;
width : 17%;
text-align : left;
padding: 0px 0px 0px 5px;
}
 .titre-services{
font-size:180%;
}
 .titre-faits-divers{
font-size:180%;
}
.breves{
float : left;
width : 17%;
text-align : left;
padding: 0px 0px 0px 10px;
}
 .titre-breves{
font-size:180%;
}
#intro-flash{
float : left;
text-align : left;
padding: 2px 0px 0px 0px;
}
.valide{
float : right;
text-align : right;
padding: 4px 0px 0px 0px;
}
.bloc-stat{
float : right;
text-align : right;
padding: 4px 0px 0px 0px;
}
.lien-page4{
color:#9103C0;
text-decoration:none;
}
.lien-page4:hover{
color:#9E9E9E;/* GRIS */
text-decoration:none;
}
.lien{
margin-top : 5px;
color:#9103C0;
text-decoration:none;
}
.lien:hover{
color:#9E9E9E;/* GRIS */
text-decoration:none;
}
#finpage {
margin: 10px 0px 0px 10px;
text-align: left;
}
#tasse{
float : left;
margin-top : 0px;
}
#favoris{
float : right;
margin-top : 0px;
}
/* POPUP BOB */
a#popup-bob{
text-decoration:none;
position:relative;
}
a#popup-bob:hover {
color:#000;
cursor:pointer;
}
a#popup-bob:hover #popbob{
display:block;
top:12px;
left:-131px; 
position:absolute;
width:353px;
height:200px;
border:1px solid #000000;
background:  url(../img/journal/clip-bob.gif) no-repeat ;
z-index:1000;
}
/* POPUPMARKITO */
a#popup-markito{
text-decoration:none;
position:relative;
}
a#popup-markito:hover {
color:#000;
cursor:pointer;
}
a#popup-markito:hover #popmarkito{
display:block;
top:0px;
left:0px; 
position:absolute;
width:349px;
height:200px;
border:1px solid #000000;
background:  url(../img/journal/clip-markito.gif) no-repeat ;
z-index:1000;
}
/* POPUPGOLF*/
a#popup-golf{
text-decoration:none;
position:relative;
}
a#popup-golf:hover {
color:#000;
cursor:pointer;
}
a#popup-golf:hover #popgolf{
display:block;
top:12px;
left:-300px; 
position:absolute;
width:304px;
height:200px;
border:1px solid #000000;
background:  url(../img/journal/site-golf.jpg) no-repeat ;
z-index:1000;
}
/* POPUP BSM */
a#popup-bsm{
text-decoration:none;
position:relative;
}
a#popup-bsm:hover {
color:#000;
cursor:pointer;
}
a#popup-bsm:hover #popbsm{
display:block;
top:0px;
left:-78px; 
position:absolute;
width:358px;
height:200px;
border:1px solid #000000;
background:  url(../img/journal/clip-bsm.gif) no-repeat ;
z-index:1000;
}
/* POPUP 4D */
a#popup-4d{
text-decoration:none;
position:relative;
}
a#popup-4d:hover {
color:#000;
cursor:pointer;
}
a#popup-4d:hover #pop4d{
display:block;
top:0px;
left:-105px; 
position:absolute;
width:428px;
height:200px;
border:1px solid #000000;
background:  url(../img/journal/site-4d.jpg) no-repeat ;
z-index:1000;
}