/* ----------------------------------- BALISES HTML --------------------------------- */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 1px;
	background-color : #9AB5D0;
	font-family : verdana;
	color : #4572B6;
}

#pied{
  background : url(../images/foot_3DESIGN.jpg) no-repeat;
  height : 60px;
  color : white;  
  font-weight : bold;
  border : 0px solid black;
  vertical-align:middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  text-align : right;
  vertical-align:middle;
  padding-right : 61px;
  padding-bottom : -200px;
  font-weight : bold;
  color : white;
  

}

#pied td{

}


#demo{
  background : url(../../templates/images/fond_demo.jpg) no-repeat;
  height : 99px;
  width: 254px;
  font-weight : bold;
  border : 0px solid black;
  vertical-align:middle;
}

#corps table.contenttoc {
  border: 1px solid #DDDDDD;
  padding: 2px 7px 2px 7px;
  margin-left: 5px;
  margin-bottom: 5px;
}


#corps table.contenttoc th {
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}


ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

li{
  line-height: 15px;
  padding-left: 15px;
  padding-top: 0px;  
  background-image: url(../images/puce.jpg);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  
}

.li_on{
	background: url(../images/bg_menu.jpg) no-repeat 0 -26px ;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #4572b6;
	text-decoration: none;
	border: none;
	text-align:justify;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #4572b6;
	text-decoration: none;
	border: none;
}

.demo_ligne1{
  color : #006600;
  position : relative;
  top : 10px;
  left : 9px;
  width : 195px;
  height : 25px;
  font-weight : bold;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
}
.demo_ligne2{
  position : relative;
  top : 10px;
  left : 38px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
}


.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #6ba402;
	text-decoration: none;
	border: none;
	font-weight:bold ;
	
	
}

.accroche {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	color: #6ba402;
	text-decoration: none;
	border: none;
	font-style: italic ;
	font-weight:bold ;
	
	
}

a:visited {
	text-decoration: none;
	color:#fcb122;
	font-weight:bold ;

}

a:active {
	text-decoration: none;
	color:#fcb122;
	font-weight:bold ;
	}

a:link {
	text-decoration: none;
	font-weight:bold ;
	color:#fcb122;
}

a:hover{ 
	text-decoration: none;
	font-weight:bold ;
	color:#fcb122;
	
}
/* ----------------------------------------------- */
a.menubas:visited {
	text-decoration: none;
	color:#ffffff;
	font-weight:bold ;

}

a.menubas:active {
	text-decoration: none;
	color:#ffffff;
	font-weight:bold ;
	}

a.menubas:link {
	text-decoration: none;
	font-weight:bold ;
	color:#ffffff;
}

a.menubas:hover{ 
	text-decoration: none;
	font-weight:bold ;
	color:#ffffff;
	
}

/* -------------------------------*/
a.link_blanc:visited {
	text-decoration: none;
	color:#4572b6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: none;
}

a.link_blanc:active {
	text-decoration: none;
	color:#4572b6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: none;
	}

a.link_blanc:link {
	text-decoration: none;
	color:#4572b6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: none;
}

a.link_blanc:hover{ 
	text-decoration: none;
	color:#4572b6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: none;
}

/* -------------------------------*/
.pixel{
	 background-image: url(../images/pixel.jpg);
}

.h2{
  padding-left : 20px;
  background: url(../images/fond_h2.gif) no-repeat left;
  border-bottom : 1px dotted #CCCCCC;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color:#aaaab9;
	text-decoration: none;
	border: none;
	font-weight:bold ;
}



/* --------------MENU---------------*/
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	
	
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 258px;
	line-height: 23px ;
	color: #ffffff;
	font-size: 12px;
	text-indent: 15px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(../images/bg_menu.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	/*border: 1px solid #dbd ;*/
}

ul#menu li a:hover
{
	background: url(../images/bg_menu.jpg) no-repeat 0 -23px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	/*border: 1px solid #f97 ;*/
}
		
ul#menu li a:active{
  color : #FFFFFF;
	background: url(../images/bg_menu.jpg) no-repeat 0 -23px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}