/*
Design de entreprise Cordio
*/

body
{
background-color: #333333;
background-image: url("images/fondsite.jpg");
background-repeat: no-repeat;
   width: 900px;
   height: 600px;
   margin: auto;

}
/* Le menu */

#menu
{
	width: 800px;
	height: 40px;
	margin: auto;
	position: absolute;
	left: 10px;
	top: 30px;
}

.accueil
{
	width: 100px;
	margin: auto;
	position: absolute;
	left: 40px;
	top: 110px;  
   
}

.ravalement
{
	width: 100px;
	margin: auto;
	position: absolute;
	left: 140px;
	top: 110px;  
   
}

.artistique
{
	width: 100px;
	margin: auto;
	position: absolute;
	left: 280px;
	top: 110px;  
   
}

.sol
{
	width: 200px;
	margin: auto;
	position: absolute;
	left: 570px;
	top: 110px;   
   
}

.mur
{
	width: 200px;
	margin: auto;
	position: absolute;
	left: 400px;
	top: 110px; 
}

.contact
{
	width: 100px;
	margin: auto;
	position: absolute;
	left: 760px;
	top: 110px;  
   
}

/* Quelques effets sur les menus */


.accueil a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.accueil a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }

 .ravalement a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.ravalement a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }

 .artistique a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.artistique a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }

 .sol a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.sol a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }
 
 .mur a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.mur a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }
 
 .contact a
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-style:italic;
   font-weight: bold;
}

.contact a:hover
{    
   color: white;
   font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-style:italic;
   font-weight: bold;
 }
 
/* Le corps de la page */

#corps
{
   color: white;
   width: 900px;
   position: absolute;
   left: 70px;
   top: 190px;
  }

  #corps img
{
   position: absolute;
   left: 330px;
   top: 290px;
  }
  
#partenaire a
{
   border:none;
position: absolute;
   left: 40px;
   top: 270px;
  } 
 
#texte
{
   color: white;
   width: 900px;
   position: absolute;
   left: 0px;
   top: 40px;

  }  

#texte p
{
width: 450px;
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
padding-left:1px;
padding-right:1px;
font-style:italic;
font-weight: bold;
}
#texte img
{
border:none;
position: absolute;
   left: 0px;
   top: 260px;
}
#texte a
{
width: 450px;
color:white;
font-size:0.8em;
text-align:justify;
text-decoration:none;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
padding-left:1px;
padding-right:1px;
font-style:italic;
font-weight: bold;
}

#texte a:hover
{
width: 450px;
color:white;
font-size:0.8em;
text-align:justify;
text-decoration:underline;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
padding-left:1px;
padding-right:1px;
font-style:italic;
font-weight: bold;
}
#animation object
{
position: absolute;
	left: 500px;
	top: 40px;
}

#volet1
{
position: absolute;
	left: 60px;
	top: 200px;
}

#volet1 p 
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}

.titre
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
text-decoration:underline;
font-style:italic;
}

#volet2
{
position: absolute;
	left: 470px;
	top: 200px;
}

#volet2 p
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}

#volet3
{
position: absolute;
	left: 270px;
	top: 0px;
}

#volet3 p 
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}

#textraval
{
position: absolute;
	left: 60px;
	top: 200px;
}

#textraval p 
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}

#image1 img
{
position: absolute;
	left: 60px;
	top: 0px;
}

#image2 img
{
position: absolute;
	left: 300px;
	top: 0px;
}
#image3 img
{
position: absolute;
	left: 490px;
	top: 0px;
}

#image4 img
{
border: 3px solid grey;
position: absolute;
	left: 60px;
	top: 0px;
}

#image5 img
{
border: 3px solid grey;
position: absolute;
	left: 420px;
	top: 0px;
}

#graf1 img
{
border: 3px solid grey;
position: absolute;
	left: 30px;
	top: 80px;
}

#graf2 img
{
border: 3px solid grey;
position: absolute;
	left: 180px;
	top: 185px;
}

#graf3 img
{
border: 3px solid grey;
position: absolute;
	left: 400px;
	top: 80px;
}

#graf4 img
{
border: 3px solid grey;
position: absolute;
	left: 550px;
	top: 185px;
}

#logo
{position:absolute;
left:350px;
top:200px;
}

#bloc1
{
position: absolute;
left: 100px;
top: 20px;
}

#bloc2
{
position: absolute;
	left: 100px;
	top: 200px;
}

#bloc3
{
position: absolute;
	left: 500px;
	top: 20px;
}

#bloc4
{
position: absolute;
	left: 500px;
	top: 200px;
}

.souligné
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
text-decoration:underline;
}
.normal
{
color:white;
font-size:0.8em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}

#bloc1 img
{
padding-right:10px;
float:left;
position: relative;
left: 0px;
top: 20px;
}
#bloc2 img
{
padding-right:10px;
float:left;
position: relative;
left: 0px;
top: 20px;
}
#bloc3 img
{
padding-right:10px;
float:left;
position: relative;
left: 0px;
top: 20px;
}
#bloc4 img
{
padding-right:10px;
float:left;
position: relative;
left: 0px;
top: 20px;
}
#postale
{
position: absolute;
	left: 100px;
	top: 50px;
}
#tel
{
position: absolute;
	left: 500px;
	top: 50px;
}
#mail
{
position: absolute;
	left: 300px;
	top: 230px;
}
#mail a
{
color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:none;
   font-weight: bold;
   font-style:italic;
 }
#mail a:hover
{
color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration:underline;
   font-weight: bold;
   font-style:italic;
}
.souligné2
{
color:white;
font-size:1.2em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
text-decoration:underline;
}
.normal2
{
color:white;
font-size:0.9em;
text-align:justify;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
}
/* Le corps de la page */

#piedpage
{
color: white;
font-size:0.6em;
font-family:"century gothic","square 721 BT", Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
font-style:italic;
position: absolute;
left: 210px;
top: 574px;
 }