/*CSS FOR CPMAC MAIN PAGE */



/*Main divs*/

html, body{
padding:0;
margin:0;
text-align:left;
height:auto;
background: #fff;
background-image: url('images/top-left.gif');
background-position: -40px -10px;
background-repeat: no-repeat;
background-attachment: fixed;
font: 12px  verdana, arial, sans-serif;
 }

#allin {
position:absolute;
left:0px;
top:0px;
text-align: left;
width:800px;
height:auto;
background-color:transparent;
}

#principal {
position:relative;
left:100px;
text-align: left;
width:765px;
height:550px;
background-color:#69c;
background-image: url('images/top-leftbl.gif');
background-position:  -40px -10px;
background-repeat: no-repeat;
background-attachment: fixed;
z-index:3;
}

#toplinks {position:absolute;
top: 0px;
width:100%;
height:18px;
margin:auto;
}

#header {
position:absolute;
left:5px;
top:18px;
width:755px;
height:120px;
z-index:3;
}

#menum {
position:absolute;
top: 140px;
left: 2px;
z-index:30;
width: 100%;
}

#gallery{
background-color:transparent;
}

#site {
position: absolute;
left : 40px;
top : 170px;

width:670px;
height:290px;
color: #000;
background-color: transparent;
border: 1px solid gray;
}

#footer {
position:absolute;
top:430px;
left:340px;
height:50px;
width:500px;
z-index:100;
}

#french-text{
position:absolute;
width:48%;
left:10px;
top:700px;
z-index:99;
}

#english-text{
position:absolute;
width:48%;
left:480px;
top:700px;
z-index:100;
}

#zanox{position:absolute;
left:350px;
top:480px;
z-index:99;
}

#count{position:absolute;
left:5px;
top:300px;
}

#google{position:absolute;
text-align:center;
left:10px;
top:550px;
z-index:4;
}

/*#addsense{position:absolute;
left:890px;
width:200px
top:180px;
z-index:103;
}
*/

#addsense{position:absolute;
right:10px;
top:20px;
z-index:100;
}



.table{
position:absolute;
left:760px;
top:200px;
}

/* Division Classes */


.topmenu{
background-color:#69c;
text-align:center;
margin:0 5px 5px 0;
}

.container {
width:153px;
float:left;
z-index: 30;
}


.infooter{float:left;
padding:0px;
margin:1px;
border-width:0px;
border-color:#fff;
font-size:80%;
background-color:transparent;

}


/* Links*/


a {text-decoration: none;
color: #22f;
background:transparent;

}



#toplinks a{
color:#dd2;
background-color:transparent;
padding-right: 2px;
padding-left:2px;
margin-left:2px;
margin-right:2px;

}

#menum a {
height:100%;
margin-left: 0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
display: block;
/*text-align: center;*/
border-top: 1px solid gray;
text-decoration: none;
font-size:110%;
font-weight:bold;
color: #ff0;
background: #58c;
}

#menum a:hover {
background-color: #00c;
border: 1px solid gray;
}

#menum a:active {
background-color: gray;
border: 1px solid gray;
color: #fff;
}


.gzine{
border:none;
}

/*Text styles*/
p {
  margin-bottom: 0 
  }

p+ p {
  text-indent: 1.5em;
  margin-top: 0 
  }





/* Lists */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}


dl {margin: 0;
padding: 0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

dt {
margin:0;
padding:0.4em;
text-align:center;
font-size: 90%;
font-weight:bold;
background: #69c;
}

dd , li {
margin:0;
padding:0;
background: #69c;
text-align:center;
border-top:1px solid #fff;
}

.topmenu li{
margin:0 0px 0px 0;
padding:0 0px 0px 0;
}

#toplinks li {

display: inline;
list-style-type: none;
/*color:transparent;*/
background-color:transparent;
width:100px;
padding-right: 2px;
padding-left:2px;
margin-left:2px;
margin-right:2px;

}



#menum li {
background-color: transparent;
margin-left:5px;
margin-right:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}


/* Drop down menu attributes */



.top {
  display:block;
  background-color:transparent;
  font-size:110%;
 border-bottom:1px solid #fff;

  }

.bottom {
  display:block;
  background:none;
  font-size:111%;
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block;
overflow: hidden;
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#69c; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}