/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#fff repeat-x;
color:#505050;
font:100% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#000065;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#000065;
}


hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#ffffff;
margin:0 auto;
text-align:left;
width:980px;
padding: 0;
}


#top_menu{
height:110px;
}

#sitename{
background:#ffffff;
clear:both;
min-height:177px;
_height:177px;
margin:0px;
width:980px;
}
#sitename_gauche{
background:url("../gif/top_left.jpg") top left no-repeat;
height:177px;
margin: 0px;
padding:0px;
width:379px;
border : 0px;
float: left;
}


#sitename_droite{
background:url("../gif/top_center.jpg") top left no-repeat;
display: block;
height:177px;
margin:0px ;
padding:0px;
width:601px;
float: right;
}
#sitename_droite #photo_right{
background:url("../gif/top_right.jpg") top right no-repeat;
display: block;
height:177px;
margin:0px;
padding:0px;
width:230px;
float: right;
}


#content_container1 {
  clear:both;
  /*margin: 48px 0px -16px 0px;*/
  margin: 0px;
  padding: 0;
  border: 0;
  width:980px;
}

#content_container2 {
  /*margin: 0 8px 0 6px;*/
  margin: 0px;
  padding: 0;
  border: 0;
}

#content{
  background: #ffffff url("../gif/nav_bg.gif") top left repeat-y;
  clear:both;
  margin:0px;
  border: 0;
  width:980px;
  min-height: 450px;
  _height: 450px;
}

#nav_top{
background: url("../gif/top2_bg.jpg") top left repeat-x;
clear:both;
height:63px;
margin:0px;
padding:0px;
width:980px;
}
#nav_top_gauche{
background: url("http://www.mazogaz.com/gif/top2_gauche.jpg") top left no-repeat;
height:63px;
margin:0px;
padding:0px;
width:12px;
float:left;
}

#nav_top_droite{
background: url("http://www.mazogaz.com/gif/top2_droite.jpg") top right no-repeat;
height:63px;
margin:0px;
padding:0px;
width:17px;
float:right;
}
#nav_top p{
width:970px;
padding:15px 0px 0px 15px;
}

#content_nav{
color: #000000;
width:685px;
margin-left:0px;
min-height: 450px;
  _height: 450px;
float:left;
}



#content_nav_container{
color: #000000;
width:660px;
margin-left:15px;
min-height: 450px;
  _height: 450px;
padding-top: 0px;
}


#content_droite{
margin:0px;
margin-left:715px;
padding:0px;
width:250px;
_height: 450px;
}
#content_droite p{
color:#000000;
font-size:1.0em;
line-height: 1.8em;
width:250px;
margin: 0px auto;
padding: 40px 0px 0px 5px;
text-align:left;
}

#content_droite a{
color:#000000;
font-weight:500;
margin: 0px;
text-decoration: none;
}

#content_droite a:hover{
color:#000000;
text-decoration: none;
}

#content_nav_accueil_haut{
color: #000000;
width:660px;
min-height: 100px;
  _height: 100px;
}
#content_nav_accueil_haut_gauche{
background: url('../gif/accueil_photo_haut.gif') top left no-repeat;
color: #000000;
width:127px;
min-height: 100px;
  _height: 100px;
padding-top:0px;
float:left;
}

#content_nav_accueil_haut_droite{
color: #000000;
width:480px;
min-height: 100px;
  _height: 100px;
padding-top:0px;
margin-left:150px;
}
#content_nav_accueil_haut_droite p{
color: #000000;
width:475px;
font-weight:normal;
font-size:0.8em;
line-height: 1.2em;
padding-top:0px;
text-align:justify;
}
#content_nav_accueil_haut_droite a{
color: #000000;
font-weight:600;
margin: 0px;
}
#content_nav_accueil_haut_droite a:hover{
color: #000000;
text-decoration:underline;
}

#content_nav_accueil_haut2{
color: #000000;
width:660px;
min-height: 100px;
  _height: 100px;
}
#content_nav_accueil_haut2_gauche{
background: url('../gif/accueil_photo_bas.gif') top left no-repeat;
color: #000000;
width:127px;
min-height: 100px;
  _height: 100px;
padding-top:0px;
float:left;
}

#content_nav_accueil_haut2_droite{
color: #000000;
width:480px;
min-height: 100px;
  _height: 100px;
padding-top:0px;
margin-left:150px;
}
#content_nav_accueil_haut2_droite p{
color: #000000;
font-weight:normal;
width:475px;
font-size:0.8em;
line-height: 1.2em;
padding-top:0px;
text-align:justify;
}
#content_nav_accueil_haut2_droite a{
color: #000000;
font-weight:600;
margin: 0px;
}
#content_nav_accueil_haut2_droite a:hover{
color: #000000;
text-decoration:underline;
}

#content_nav_accueil_bas{
color: #000000;
width:640px;
min-height: 210px;
  _height: 210px;
}
#content_nav_accueil_bas_gauche{
background: url('../gif/accueil_depannage.gif') top left no-repeat;
color: #000000;
width:290px;
min-height: 163px;
  _height: 163px;
padding-top:20px;
float:left;
}
#content_nav_accueil_bas_gauche p{
color: #ffffff;
width:195px;
font-size:0.8em;
line-height: 1.0em;
margin-left: 55px;
padding: 30px 0px 0px 15px;
text-align:justify;
}
#content_nav_accueil_bas_gauche a{
color: #ffffff;
font-weight:600;
margin: 0px;
}
#content_nav_accueil_bas_gauche a:hover{
color: #ffffff;
text-decoration:underline;
}
#content_nav_accueil_bas_droite{
background: url('../gif/accueil_maintenance.gif') top right no-repeat;
color: #000000;
width:289px;
min-height: 162px;
  _height: 162px;
padding-top:20px;
margin-left:330px;
}
#content_nav_accueil_bas_droite p{
color: #000000;
width:195px;
font-size:0.8em;
line-height: 1.0em;
margin-left: 55px;
padding: 30px 0px 0px 15px;
text-align:justify;
}
#content_nav_accueil_bas_droite a{
color: #000000;
font-weight:600;
margin: 0px;
}
#content_nav_accueil_bas_droite a:hover{
color: #000000;
text-decoration:underline;
}

#footer{
background: url("../gif/footer_bg.jpg") top left repeat-x;
clear:both;
height:70px;
margin:0px;
padding:0px;
width:980px;
}

#footer p{
color:#000000;
font-size:0.9em;
width:950px;
margin: 0px auto;
padding: 25px 0px 0px 0px;
text-align:center;
float: left;
}

#footer_gauche{
background: url("http://www.mazogaz.com/gif/footer_gauche.jpg") top left no-repeat;
height:70px;
margin:0px;
padding:0px;
width:12px;
float:left;
}

#footer_droite{
background: url("http://www.mazogaz.com/gif/footer_droite.jpg") top right no-repeat;
height:70px;
margin:0px;
padding:0px;
width:17px;
float:right;
}

#footer a{
color:#000000;
font-weight:500;
margin: 0px;
}

#footer a:hover{
color:#000000;
text-decoration:underline;
}

.menublock{
margin-bottom:30px;
}

.nav{
color:#000065;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url("http://www.mazogaz.com/gif/boxbg.gif") top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}



.clear {
  clear: both;
  width: 100%;
  display: block;
  height: 5px;
  overflow:hidden;
}

.info {
padding-left: 40px;
}

.titre_page { font-size: 16pt; color: #196EB1; }
.titre_rub  { font-size: 14pt; color: #196EB1; }
.titre_art  { font-size: 12pt; color: #196EB1; }
.texte { font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.texte_rouge { color:red; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.texte li{
margin:0 0 0 15px;
}

.font_sommaire_link {color:#000066; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_article_link {color:#000066; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_titre_prix {color:#111111; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-decoration:underline; }
.font_prix {color:darkred; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.font_prix_unite {color:#111111; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_contenu {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.font_ref {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_10 {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal;}
.font10_b {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font12_b {color:#000000; font-size:12pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font_photo {color:#000000; font-size:6pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }

.font_accueil  { font-size: 14pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_accueil_p  { font-size: 10pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font8_b {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
