html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol,  
fieldset, form, label, legend   {
margin: 0;
padding: 0;
border: 0px solid #FFFFFF;
outline: 0;
font-weight:normal;
font-style: inherit;
font-size: 100%;
vertical-align: baseline; }
/* remember to define focus styles! */
:focus {outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

ul {
margin : 0px 0px 0px -25px !important;  
margin : 5px 0px 0px 0px  ; 
}
li {
margin : 0px 0px 15px 0px !important;  
margin : 0px 0px 15px 20px ;  
}	

 
html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
}

em { font-style:italic;}

.centrageGen {
text-align: center;
}
 

body {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height:26px; color:#FFF;
    background-color:#000;
}

/*   STRUCTURE GENERALE  ...............................................................................*/


      #corps {
		margin-left: auto; margin-right: auto;
		width:890px; 
		min-height:680px; 
		height:auto !important; 
		height:680px;		
		text-align:left;
      background-color:#FF7700;
	  padding:0 50px;
		}

.fond_hp{
	  background-image:url(../img/micro.jpg); background-repeat:no-repeat; background-position: right bottom;
}
.fond_gris{
	  background-image:url(../img/gris.gif); background-repeat:repeat-y;
}

      #menu {
		padding-top:20px;
		width:222px; 
		float:left;
		}
      #menu2 {
		padding-top:20px;
		width:477px; 
		position:absolute;
 		}

a.menuHP1{ font-size:20px; line-height:34px;  font-weight:bold}
a.menuHP1:link{color:#FFBE86; }
a.menuHP1:visited{color:#FFBE86; }
a.menuHP1:active{color:#FFBE86; }
a.menuHP1:hover{color:#FFF; }

a.menuHP0{ font-size:20px; line-height:34px;  font-weight:bold}
a.menuHP0:link{color:#7D7F83; }
a.menuHP0:visited{color:#7D7F83; }
a.menuHP0:active{color:#7D7F83; }
a.menuHP0:hover{color:#FFF; }

a.courantHP1{ font-size:40px; line-height:34px; font-weight:bold}
a.courantHP1:link{color:#FFBE86; }
a.courantHP1:visited{color:#FFBE86; }
a.courantHP1:active{color:#FFBE86; }
a.courantHP1:hover{color:#FFF; }

a.courantHP0{ font-size:38px; line-height:34px; font-weight:bold}
a.courantHP0:link{color:#7D7F83; }
a.courantHP0:visited{color:#7D7F83; }
a.courantHP0:active{color:#7D7F83; }
a.courantHP0:hover{color:#FFF; }

      #logoHP {
		width:448px; 
		float:left;
		}
      #logo {
		padding-left:477px; 
		}
      #philo {
		width:500px; 
        font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height:32px; color:#FFF;
		float:left; 
		}
      #fb {
		width:300px; 
		float:right; 
		}
      #texte {
		width:280px; 
		float:left;
 		}
      #contenu {
		margin-left:60px;
 		width:540px; 
		float:left;
 		}
      #footer {
		margin-top:8px;
		width:990px; 
		margin-left: auto; margin-right: auto;
		}
.contactez-moi{font-size:31px; color:#555; margin-right:10px; font-weight:bold;}
/*CALES...............................................................................*/

.cale4 { width:1px; height:4px; font-size:1px; line-height:1px;  }
.cale8 { width:1px; height:8px; font-size:1px; line-height:1px;  }
.cale10 { width:1px; height:10px;  font-size:1px; line-height:1px;}
.cale15 { width:1px; height:15px;  font-size:1px; line-height:1px;}
.cale22 { width:1px; height:22px;  font-size:1px; line-height:1px;}
.cale40 { width:1px; height:40px;  font-size:1px; line-height:1px;}

/*DIVERS...............................................................................*/

/*..................................................................................................*/

.border1 {
border:2px solid #FFFFFF;
background-color:#ECF0F0;
padding:6px;
}

.fill1{  padding:6px; background-color:#FFFFFF;}
.fill0{  padding:6px;  }



/*  UTILITAIRES  ...............................................................................*/

.spacerC { text-align: center; clear: both; }
.spacerL { text-align: left; clear: both; }
.spacerR { text-align: right; clear: both; }
.leftL {  float:left; text-align:left; }
.leftC {  float:left; text-align:center; }
.leftR { float:left; text-align:right; }
.rightL { float:right; text-align:left; }
.rightC { float:right; text-align:center; }
.rightR { float:right; text-align:right; }
.abso { position:absolute; }





.masquageShow {  display:block; }
.menuShow { visibility:visible; display:block; margin-left:0px; }
.masquageHide { display:none; }
.masquageHide2 { visibility:hidden;  }

 img, div { behavior: url(../iepngfix.htc) }