/*
  SL-web.fr
  Création de site internet
  Sam@sl-web.fr
*/


/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}

* { padding: 0; margin: 0; }

body  {
background-color : #330000;
}
A {
padding-right : 3px;
padding-left : 2px;
padding-top : 0;
padding-bottom : 0;
text-decoration : none;
color : #ffffff;
}

A:hover {
text-decoration : underline;
}

a#logo img {
background-color : transparent;
text-decoration : none;
border-style : none;
}

.logo {
position : absolute;
height : 130px;
width : 1000px;
left : 50%;
margin-left : -500px;
top : 50px;
}

.fond_de_page {
position : absolute;
height : 600px;
width : 1000px;
left : 50%;
margin-left : -500px;
top : 180px;
}

.sousmenu {
position : absolute;
height : 100px;
width : 1000px;
left : 50%;
margin-left : -500px;
top : 735px;
}
.mere_des_trois_colonnes {
position : absolute;
height : 600px;
width : 1000px;
left : 50%;
margin-left : -500px;
top : 180px;
}

.menu, .menu_astreo, .menu_photovoltaique, .menu_ecoenergies, .localisation, .colonne_1, .colonne_2, .formulaire, .actu {
list-style-type : none;
position : absolute;

}
ul#menu {
list-style-type : none;
margin : 20px;/* margin : 20px 0 0 20px; */
}

ul#menu A, ul#menu_astreo A, ul#menu_photovoltaique A, ul#menu_ecoenergies A {
list-style-type : none;
display : block;
width : 15em;
height : 1.5em;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.7em;
text-align : left;
background-color : transparent;
color : #000;
text-decoration : none;
}

ul#menu A:link, ul#menu A:visited, ul#menu_astreo A:link, ul#menu_astreo A:visited, ul#menu_photovoltaique A:link, ul#menu_photovoltaique A:visited, ul#menu_ecoenergies A:link, ul#menu_ecoenergies A:visited {
list-style-type : none;
border-top : 1px solid #cecece;
border-bottom : 2px solid #4a4a4a;
border-left : 1px solid #cecece;
border-right : 2px solid #4a4a4a;
}

ul#menu A:hover, ul#menu_astreo A:hover, ul#menu_photovoltaique A:hover, ul#menu_ecoenergies A:hover {
list-style-type : none;
display : block;
font-size : 0.7em;
border-bottom : 1px solid #cecece;
border-top : 2px solid #4a4a4a;
border-right : 1px solid #cecece;
border-left : 2px solid #4a4a4a;
background-color : #df6f21;
}

li
{
list-style-type : none;
margin-top:5px;
margin-left:20px;
margin-bottom:5px;
margin-right:0px;
}

.localisation {
top : 30px;
height : 25px;
width : 680px;
margin-left : 290px;
}
.colonne_1 {
top : 80px;
height : 450px;
width : 330px;
margin-left : 290px;
}
.colonne_2 {
top : 80px;
height : 450px;
width : 330px;
margin-left : 640px;
}
.actu {
top : 80px;
height : 450px;
width : 330px;
margin-left : 640px;
}
.marquee {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 120%;
border : thin dotted black;
background-color : #df6f21;
}
.formulaire {
top : 80px;
height : 450px;
width : 680px;
margin-left : 290px;
overflow : auto;
text-align : left;
}
.p, .pmenu, .palinea
{
font-family : verdana, arial, helvetica, sans-serif;
color : black;
font-size : 0.7em;
font-weight : normal;
text-align : left;
margin-right : 10px;
}
.p
{
line-height : 1.4em;
text-align : justify;
}
.pmenu
{
line-height : 1.7em;
}
.palinea
{
line-height : 1.4em;
margin-left: 15px;	
}

.p2, .p2n
{
font-family : verdana, arial, helvetica, sans-serif;
color : white;
font-size : 0.7em;
text-align : left;
line-height : 1.4em;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
background-color : #330000;
}
.p2 
{
font-weight : bold;
}
.p2n {
font-weight : normal;
}

.p6 {
font-family : verdana, arial, helvetica, sans-serif;
color : black;
font-size : 0.7em;
line-height : 1.4em;
text-align : center;
}



.p3, .p3left {
font-family : verdana, arial, helvetica, sans-serif;
color : #330000;
font-size : 0.7em;
font-weight : bold;
line-height : 1.4em;
}
.p3 {
text-align : right;
}
.p3left {
text-align : left;
}
.p4 A {
font-family : verdana, arial, helvetica, sans-serif;
color : white;
font-size : 0.8em;
font-weight : bold;
font-style : italic;
}

.p5titre {
font-weight : bold;
text-decoration : underline;
}
.p5texte {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.7em;
text-align : justify;
}
.pbold, .pboldr {
font-family : verdana, arial, helvetica, sans-serif;
color : black;
font-size : 0.7em;
font-weight : bold;
line-height : 1.4em;
}
.pbold {
text-align : left;
}
.pboldr {
text-align : right;
}
.pwhite, .pwhitebold, .pwhitecentre, .pwhiteboldcentre {
font-family : verdana, arial, helvetica, sans-serif;
color : white;
font-size : 0.7em;
line-height : 1.4em;
}
.pwhite {
font-weight : normal;
text-align : left;
}
.pwhitebold {
font-weight : bold;
text-align : left;
}
.pwhitecentre {
font-weight : normal;
text-align : center;
}
.pwhiteboldcentre {
font-weight : bold;
text-align : center;
}
.champ, .champmulti {
color : #330000;
background-color : white;
font-size : 0.7em;
line-height : 1.4em;
font-family : verdana;
font-weight : normal;
border : 0;
}