body {
margin : 0 ;
padding : 0 ; 
background-color :#040404;
text-align : center;
font-size : 0.7em;
color : white ;
font-family: Arial, Helvetica, sans-serif ;
}
  
/*  SITE
********************************************************************/
 
#site { 
text-align : left  ;
padding :  0 ; 
background-color :#B20255; 
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ;
top:0px;
height : 161px;
background-color : #ed0c76 ;
background-image : url(images/header.png);
background-repeat : no-repeat;
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#header h1 {
position : absolute ;
top : 0px ; 
left : 40px ; 
margin : 0;
padding : 0 ; 
width : 180px;
height : 130px;
background : url(images/logo.png);   
}

#flash2
{
	float : left;
	height : 154px;
	width: 142px;
	margin-left: 180px;
	margin-top : 0px;
}


#header h1 span {
position : absolute ;
top : -9999px ; 
left : -9999px 
}
   
	
/*  CONTENT
********************************************************************/

#content {
overflow : auto ;
padding : 0;
min-height: 323px;
font-size: 13px;
font-weight : 900;
font-family:"Trebuchet MS"
}


#content p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
   color : #D89E08; /* En bleu */
}

#content p:first-line:before
{
	content : url(images/logo.png) ;
}

	
/*  CONTENU et TEXTE
********************************************************************/	

.bienvenue
{
	text-decoration:underline;
	text-align:center;
}

.bienvenue2
{
	text-align:center;
}


.bienvenue:before
{
	content: url("images/bonhommevert.png");
	float:left;
}

.bienvenue2:before
{
	content: url("images/bonhommevert.png");
	float:left;
}

.noir
{
font-style :italic;
color: #c3fd2f;
}


.italique
{
font-style :italic;
color: #D89E08;
}

.etoile
{
font-style :italic;
font-size:11px;
}


.bold
{
font-style :italic;
}

.gris
{
	color: silver;
}

.italiquep
{
font-style :italic;
text-indent:0px;
}


#prestations .italiquep
{
font-style :italic;
color: #D89E08;
text-indent:0px;
margin-left:35px;
}

.vert .puce2
{
color :#c3fd2f;	
}

.vert p
{
	line-height:15px;
}

.puce:before
{
	content: url("images/tete.png");
	float: left;
}


.puce2:before
{
	content: url("images/tete2.png");
	float: left;
}

.textelong
{
	margin-left: 35px;
}

.textelongp
{
text-indent: 0px;
margin-left:35px;
}

#prestations
{
	margin-top: 10px;
}


#prestations p
{
	line-height:120%;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

#prestations a
{
	font-weight:bold;
	font-size:medium;
}

.justify
{
text-align:left;
word-spacing:1px;
}


.contact
{
	font-size:large;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.num
{
	color:#c3fd2f;
}


.clignote
{
	text-decoration:blink;
}

/*  CONTENU
********************************************************************/
#flash
{
	float : right;
	height : 300px;
	width: 250px;
	margin-right: 0px;
	margin-top : 20px;
}

/*#logo
{
	background: url(images/logo.png) no-repeat;
	height : 130px;
	width: 181px;
	position : absolute;
	margin-left: 0px;
	margin-top : 0px;
}*/

#ordi1
{
	float : left;
	background: url(images/Accueil.png) no-repeat;
	width: 199px;
	height : 158px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 180px;
}

#ordi2
{
	float : left;
	background: url(images/Prestations.png) no-repeat;
	width: 193px;
	height : 198px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 85px;
}

#ordi3
{
	float : left;
	background: url(images/Tarifs.png) no-repeat;
	width: 194px;
	height : 199px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 130px;
}

#ordi4
{
	float : left;
	background: url(images/Contact.png) no-repeat;
	width: 160px;
	height : 164px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 130px;
}

#ordi5
{
	float : left;
	background: url(images/Conseil.png) no-repeat;
	width: 143px;
	height : 195px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 130px;
}

#ordi6
{
	float : left;
	background: url(images/Installation.png) no-repeat;
	width: 198px;
	height : 198px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 80px;
}

#ordi7
{
	float : left;
	background: url(images/Depannage.png) no-repeat;
	width: 199px;
	height : 188px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 130px;
}

#ordi8
{
	float : left;
	background: url(images/Cours.png) no-repeat;
	width: 199px;
	height : 85px;	
	position : absolute;
	margin-left: 0px;
	margin-top : 130px;
}

#imagetexte
{

	float : left;
	height : 104px;
	width: 90px;
	margin: 0px 10px 5px 0;
}


	
#contenu {
float  : left ;
margin : 0;
padding : 20px 0 15px 25%  ;
/*haut droite bas gauche*/
text-align : justify ;
letter-spacing : 0.5px;
width:50%;
}


#contenu h2 {
color : black;
font-size : 20px;
margin : 0;
padding : 0;
text-transform : uppercase ; 
letter-spacing : 0px
}

#contenu h2 + p {
color : #D89E08;
margin : 0; 
padding : 0 0 8px 0; 
font-weight : bold; 
font-size : 15px; 
line-height: 15px; 
}

#contenu img {
float : left ;
margin : 0 10px 0 0; 
}

#contenu a {
color : #c3fd2f; 
text-decoration : none ; 
font-weight:bold;
}

#contenu a:hover {
text-decoration : underline ; 
}

.mail
{
 font-weight :bold;
 text-align : center;
 color:#BBED29;
 font-size:large;
}

strong
{
	color :#BBED29;
	font-weight: bold;
}

/*  COMMENTAIRES >> SIDE
********************************************************************/
 
#contenu .side {
width : 280px ;
float  : left ;
padding :  0 0 0 20px ;
text-align : justify; 
}


/*  CONTENU >> POST
********************************************************************/	

.post {
padding : 0 0 20px 0;
}   

.post p {
	color: white;
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 

background : #f60176 url(images/footer.jpg) no-repeat;
text-align : left ; 
padding : 20px 0 0 0;
width: 100%  
}

#footer p { 
color : #C8901B; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}

#footer a { 
color : #C8901B;
text-decoration : none ;  
}

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

#footer h2 {
font-size : 1.6em ;
margin : 0 ;
padding :  0 ; 
color : #6F6714 ; 
font-weight : normal;  
}
   
      
   
/*  FOOTER >> SIDE
********************************************************************/
 
#footer .side {
width : 220px ;
float  : left ;
padding :  0 0 0 20px ;
text-align : justify; 
}
	
#footer .side  ul {
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0; 
}
 
#footer .side  li {
margin : 0 ; 
padding : 0 0 5px 0; 
}
  
#footer .side  li a {
color : #C8901B ;
text-decoration : none ;
}

#footer .side  li:first-child a {
border-top: 0; 
}

#footer .side  li a:hover {
color : #C8901B 
}

#footer .side  p {
margin : 5px 0 0 0 ; 
padding : 0 45px 0  0 ;  
}

#footer .side  form {
margin : 0;
padding : 5px 0 0 0;
height : 50px;  
}

#footer .side  input {
float : left ; 
}

#footer .side  .champ {
width : 115px ;
height : 20px;
border : 0; 
margin : 0;
padding : 0;   
}

#footer .side  .recherche {
background : url(images/search-ok.jpg);
width : 23px;
height : 20px;
border : 0;
margin : 0 0 0 5px;
padding : 0; 
} 

#footer #copy {
clear : left ;
padding : 0 0 0 0px;
}
 


/*  Boutons AC1
********************************************************************/

#Bande
{
position:absolute;
background-image:url('images/btn1.jpg');
background-repeat:repeat-x;
bottom:0px;
width:100%;
height:28px;
}

#Boutons
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 bottom:0px;
 left : 0%;
 height:28px;
 width: 100%;
}

#Boutons li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 bottom:0px;
 width:16%;
 text-align:center;
}

#Boutons li a
{
 height:20px;
 font-size:15px;
 font-weight:bold;
}


#Boutons .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#Boutons .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 100%;
}
     
#Boutons li:hover > .sousMenu { display: block; }

#Boutons li a:link, #Boutons li a:visited
{
 display: block;
 color: #BBED29;
 background-image:url('images/btn1.jpg');
 background-repeat:repeat-x;
 margin: 0;
 text-decoration: none;
 padding:4px 10px;
}

#Boutons li a:hover 
{
 color : #B265B8;
 background-repeat:repeat-x;
 height:20px;
 }

#Boutons li a:active 
{
 background-image:url('images/btn1.jpg');
 background-repeat:repeat-x;

 }

#Boutons .sousMenu li a:link,
#Boutons .sousMenu li a:visited
{
 display: block;
 color: #B20255;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("images/transparent.png") repeat;
 height:15px;
 font-size:11px;
 font-weight:normal;
 color:white;
 }

#Boutons .sousMenu li a:hover
{
 background-color:black;
}


#Boutons .sousMenu li a
{
 color:white;
 font-weight:normal;
}

#Boutons .sousMenu li a:active 
{
 background-image:url('btn3.jpg');
 background-repeat:repeat-x;

 }


/*  Formulaire contact
********************************************************************/
#boutonsform tr
{
	margin-right: 0px;
	width:800px;
}


fieldset
{
	margin-bottom: 0px;
}

table
{
	background-color :black;
}

.txtcontours
{
text-align:center;
font-size: 13px;
color:#BBED29;
font-weight: bold;
width:130px;
left: 30px;
margin-left: 30%;
margin-bottom :0px;
}

input
{
	background-color: #620230;
	color: #BBED29;
	border:none;
	margin-bottom: 10px;
	width: 193px;
}

textarea
{
	background-color: #620230;
	color: #BBED29;
	width:480px;
	height:100px;
	margin-right: 20px;
	margin-bottom: 10px;
}


.textform
{ 
	width : 100px;
	text-align: right;
	right: 40px;
}

td
{
	padding-top :10px;
	padding-left: 10px;
	width: 100px;
}


#imagetextebis
{
	float: right;
	margin-top: 30px;
}

tr
{
	left :20px;
}

.contours
{
width:700px
}

 
# message
{
	width: 100px
}

a
{
	color:orange;
}