body {
margin : 0 ; 
padding : 0  ; 
background : #fff ; 
font-size : 1.1em ; 
font-family : arial ; 
color : #5C5C5C; 
}

img{
	border: 0px;
}

/* INDEX*/

#index_pres {
	text-indent:-50000px;
	font-size: 1px;
}

#index{
	text-align: center;
	width: 1014px;
	margin: auto;
}

#index h2{
	background: #c3c6ff;
	color: #666666;
	margin-top: -7px;
	font-size: 1.7em;
	font-weight: bold;
}

#index h2 a{
	text-decoration: none;
}

 /* TOP */

#top {
height : 78px ;
background : #5C5C5C url(images/top.jpg) repeat-x ;
margin : 0 ; 
padding : 0 ;
}

 /* CENTRAGE TOP */

#in_top {
width : 800px ; 
margin : 0 auto; 
padding : 0 ;
}

 /* MENU PRINCIPAL */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	background: #c3c6ff;
	width: 480px;
	height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 52px;
	left: 50%;
}
#menuDeroulant li
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 18px;
	color: #666;
	background: #c3c6ff;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}
#menuDeroulant li a:hover {
	background-color: #0000fe;
	color: #fff;
}
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 210px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #0000fe;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
/* CONTENT */


#content { 
width : 800px ; 
margin : 0 auto ; 
overflow : auto ;}


/* DIV GAUCHE */


#gauche {
float : left ;
 width : 800px ; 
 height: 100%;
 background : transparent ; 
 padding : 20px 0 0 0 ; 
 text-align : justify ; 
 line-height : 19px ; 
 }
 
  /* PARAGRAPHES GAUCHES */
 
 #gauche p{
margin : 0 0 13px 0 ;  }

/*LEGENDES GAUCHES*/

#gauche h3{
font-size : 1em ;
font-weight : normal ; 
background : #c3c6ff url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }

#gauche img {
display: block;
}


.grand {
	font-size: 2em;
	font-weight: bold;
	color: #0002aa;
	text-decoration: none;
}
.moyen {
	font-size: 1.5em;
}
.petit {
	font-size: 0.9em;
}

#gauche .categorie {
	font-weight: bold;
	color: #0002aa;
	text-decoration: none;
	font-size: 1.2em;
}

#gauche .categorie a {
	font-weight: bold;
	color: #0002aa;
	text-decoration: none;
}

#gauche .categorie a:hover{
	font-weight: bold;
	color: #5C5C5C;
	text-decoration: underline;
}

.souligne {
	text-decoration: underline;
}

.gras {
	font-weight: bold;
}

.retrait_td {
	padding-right: 30px;
}
.marge_30 {
	position: relative;
	left: 35px;
}

.plan {
	list-style-image: url("images/plan/base_plan.png");
}
.plan1 {
	list-style-image: url("images/plan/plan1.png");
	list-style-position: outside;
}
.plan2 {
	list-style-image: url("images/plan/plan2.png");
}

.haut {
	text-align: right;
	text-decoration: underline;
}
 /* UN PADDING TOP QUELCONQUE A METTRE SUR LES PARAGRAPHES QUI SONT EN DESSOUS DU SEPARATEUR POUR RETABLIR EQUILIBRE DES MARGES */

.pt {padding-top : 10px}

 /* LIENS */

a {color : #5C5C5C; }
 
 /* LIGNE DECORATION GAUCHE */


.separateur_gauche {
height : 13px ;  
border-top : 2px solid #c3c6ff ; 
 }
  
  
 /* H1 H2 H3 H4 */
 
 
 
h1 {
font-size : 1.4em ; 
background : #0000ff; 
text-transform : uppercase ; 
color : #fff ; 
margin : 52px 0 0 0 ; 
padding : 0 4px;
float : left ; 
height : 26px;
line-height : 17px; 
}

h2 {
color: #4148ff;
font-size: 1.5em;
}

h3{
font-size : 1em ;
font-weight : normal ; 
background : #c3c6ff url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }


  
h4{
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : bold ; 
border-bottom : 1px solid #c3c6ff ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
text-indent : 20px ; 
}


 /* FOOTER */

#footer {
position : relative ; 
height : 60px ;
 background : #c3c6ff ;
 border-top : 40px solid #fff ; 
 width : 800px ; 
 margin : 0 auto ;
text-align: center; }
 
 #footer p {
margin : 10px;
font-size: 1em;
}

 /* LIGNE DECORATION DROITE */


.separateur {height : 18px ;  border-top : 1px solid #c3c6ff ; margin : 0 }


 /* ANNULE LES PUCE SUR LES UL */

ul {list-style : none ;  }


 /* LISTE DIVERS BAS DE PAGE */

li#email a{
	text-decoration: underline;
}

ul.perso {
width : 300px ; 
background : transparent ;
margin : 10px 0 10px 0 ; 
padding : 0 0 30 0;
 }

li.name {
	text-transform : uppercase ;
	font-weight: bold;
 }