/* style de police général, sappliquent à tout */
/* balises */
body {
background:url(../images/fonds.jpg); 

margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */ 

 
}
#conteneur {
background:url(../fond/explosion2.jpg) no-repeat;
background-position:50% 0%;
background-attachment:fixed;
position: relative;
margin-left: auto;
margin-right: auto;
padding:10px 10px 10px 10px;
width:1280px;
text-align: left; /* on rétablit l'alignement normal du texte */
}

.taillelogo{
width:60px;
height:60px;
}

.logorss {
float:left;
margin-top:18px;
width:80px;
height:60px;
}

.devcrea{
color:yellow;
}

#infoelectronique{
float:right;
height:auto;
margin-top:50px;
margin-left:650px;
background-color:black;
border-bottom:4px solid gray;
}

#infoelectronique li a{
font-size:12px;
}


#overDiv {
position:absolute; 
visibility:hidden;
z-index:1000;
}

#listecss {
position:relative;
text-align:left;
font-size:14px;
margin-left:50px;
color:white;
}

#listecss li{
display:block;
}

#listecss a{
color:white;
font-size:15px;
}
#listecss a:hover{
background-color:yellow;
color:black;
}

#menuhaut {
position:relative;
list-style-type:none;
color:white;
text-align:center;
font-size:16px;
}

#menuhaut li{
display:inline;
}

#menuhaut a{
position:relative;
color:white;
text-decoration:none;
}

#menuhaut a:hover{
color:black;
text-decoration:underline;
background-color:gray;
}

#date {
position:relative;
left:5px;
z-index:10;
top:10px;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}


#menugauche {
float:left;
margin: 20px;
line-height:40px;
border-right:6px solid white;
width:350px;
}

.arrondi {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:300px;
height:100px;
border: 1px solid #89a;
background:url(../images/circuit.jpg);
}   
 
div.arrondi {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }


 
#menugauche li {
display:block;
}


#menugauche  a {
position:relative;
padding-left: 20px;
padding-right: 20px;
font-family: verdana;
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: white;
background: transparent url(../images/pucedigi.gif) center left no-repeat;
}
             
#menugauche li a:hover {
background-color: white;
color:black;
background-image: url(p2/puce2.gif);
}


#lien {
position:relative;
}
.lien {
color:white;
text-decoration:none;
}
.lien li a:hover{
text-decoration:underline;
color:white;
}

#lien a {
color:white;
text-decoration:none;
}
#lien a:hover {
text-decoration:underline;
color:white;
}
#lien img {
border:0;
}

img {
border:0;
}

#imagehautgauche {
float:right;
}
#imagehautgauche img{
border:6px double white;
}

#imagehautgauche h5{
color:gray;
}

.telephone {
position:relative;
top:2px;
left:70px;
}

#circuit {
float:right;
}

#circuit img{
border:2px solid white;
}

#legale p{
position:relative;
font-size:xx-small;
text-align:center;
top:20px;
left:50px;
}

.acidoweb {
position:relative;
margin-left:380px;
border:1px solid white;
}

#legale a:hover {
text-decoration:underline;
color:white;
}

.mention {
text-align:justify;
color:yellow;
}

#graph1 {
background-color:gray;
}

#infoformulaire p{
font-size:11px;
color:yellow;
text-align:justify;
}

#pubgoogle {
position:relative;
}

#centre {
position:relative;
color:white;
border:1px solid white;
left:30px;
top:20px;
margin-left:400px;
}

#centre h1 {
font-size:16px;
background-color:black;
border:1px solid white;
width:550px;
}

#formulaire{
position:relative;
}


#formulaire input{
position:relative;
margin-right:80px;
color:red;
}

h1 , h2 , h3 , h4 , h5 , p {
font-family : 'verdana'; 
color : #ffffff; /*006699*/
} 

h2 {
font-size:15px;
text-decoration:underline;
}

.petit {
font-size:15px;
text-decoration:underline;
}

#formulaire h1{
font-size:15px;
text-decoration:underline;
}

#formulaire p{
color:yellow;
text-align:center;
}

.introphoto1 {
position:relative;
width:300px;
height:48px;
margin-left:400px;
border:1px dashed white;
}

.introphoto2 {
position:relative;
width:300px;
height:48px;
border:1px solid white;
}

.integration {
position:relative;
margin-left:450px;
text-decoration:underline;
color:gray;
border-left:15px solid white;
font-family: Comic Sans MS;
}

.grasjaune {
background-color:gray;
}

.diffuzactive {
position:relative;
margin-left:10px;
}

t0 {
z-index:-1;
font-family:Verdana;
}

.t1 {
position:absolute;
font-weight:bold;
left:70px;
top:40px;
}