/* CSS Document */
body{
background-color:#FFFFFF;
margin-top:0px;
margin-left: auto;
margin-right: auto;
font-size:12px;
color:#000;
border-top:2px solid #E51718;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
width:100%;
}

#ing{
margin-left:180px;
padding-left:30px;
border:0px solid blue;}

#main{
width:847px;
border:0px solid red;
margin-left: auto;
margin-right: auto;}

#entete{
background-image:url(img/entete.gif);
background-repeat:no-repeat;
width:847px;
height:150px;
}

#logo{
position:absolute;
float:left;
margin-top:15px;
border:0px solid red;
margin-top:12px;}

#accueil-contact{
float:right;
margin-top:3px;
margin-right:16px;}

#telephone{
padding-left:100px;
padding-top:58px;}

#mail{
padding-left:112px;
padding-top:4px;}

#menu a{
color:#FFFFFF;
text-decoration:none;}

.rubrique{
width:120px;
text-align:center;
padding-right:1px;
font-size:14px;
font-weight:bold;
float:left;
padding-top:37px;
color:#FFFFFF;}


hr{
color: #AFDF54;
background-color: #AFDF54;
height: 1px;
border: 0;
width:672px;
margin-left:73px;
text-align:center;}

a:link {
	color: #E51718;
}
a:visited {
	color: #000;
}
a:hover {
	color: #00659E;
}
a:active {
	color: #00659E;
}

h1{
padding:0px 0 15px 73px;
margin:0;
font-size:22px;
color:#AFDF54;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;}

h2{
padding-top:0px;
padding-bottom:10px;
margin:0;
font-size:32px;
color:#E50011;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;}

.h2{
padding-top:0px;
padding-bottom:10px;
margin:0;
font-size:32px;
color:#00659E;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;}

h3{
padding:20px 0 0px 0px;
margin:0;
font-size:16px;
color:#E50011;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
clear:both;}

.h3{
padding:20px 0 0px 0px;
margin:0;
font-size:16px;
color:#00659E;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
clear:both;}

h4{
padding:10px 0 0px 0px;
margin:0;
font-size:13px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}

#feu-rouge{
background-image:url(img/feu-rouge.jpg);
width:114px;
height:422px;
float:left;
}

#ingenierie{
background-image:url(img/ingenierie.jpg);
width:114px;
height:380px;
float:left;
margin-top:28px;
}

#lampadaire{
background-image:url(img/lampadaire.jpg);
width:114px;
height:1048px;
float:left;
margin-top:28px;
}

#charte-qualite{
background-image:url(img/charte-qualite.jpg);
width:114px;
height:512px;
float:left;
margin-top:28px;
}

#texte-accueil{
margin-top:19px;
float:left;
width:411px;
padding-left:40px;
padding-right:40px;
text-align:justify;
}

#texte-rubrique{
padding:20px;
width:805px;
text-align:justify;
border:0px solid #E50011;
}

#texte-rubrique-audioplage{
padding:20px;
width:565px;
text-align:justify;
border:0px solid #E50011;
float:left;
}

#illustrations-accueil{
background-repeat:no-repeat;
background-image:url(img/ronds-accueil.jpg);
width:391px;
height:62px;
margin-left:10px;
margin-top:40px;
margin-bottom:10px;
}

#cartouche-audioplage a{
text-decoration:none;
font-size:10px;
}

#cartouche-audioplage img{
border:0px;
}

#cartouche-audioplage{
padding-top:131px;
margin-top:19px;
width:240px;
border:1px solid #00659E;
background-image:url(img/capsule-audioplage.jpg);
background-repeat:no-repeat;
float:left;}

#cartouche-audioplage p{
padding-left:13px;
padding-right:13px;
color:#00659E;
}

#imga{
margin-left:33px;
margin-bottom:19px;
}

#imgb{
margin-left:18px;
margin-bottom:19px;
}

.img-paragraphe{
float:left;
padding-right:10px;
margin-right:10px;
padding-bottom:10px;}

.clear{
clear:both;}

#pied-de-page{
clear:both;
text-align:center;
background-image:url(img/pied-de-page.gif);
width:847px;
height:26px;
color:#FFFFFF;}

#pied-de-page p{
padding-top:6px;
margin-bottom:0px;}

#video{
background-color:#0063A6;
padding:5px;
margin-bottom:0px;
}

#video a{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#ml{
text-align:right;
font-size:10px;
margin-top:0px;}
