body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px 0px 20px 0px;
	color: #DDDDDD;
	background: #333333 url(../images/fond.png) repeat-x 0px 0px;
}



/*COnteneur du site */
#conteneur {
	width:1150px;
	
}


/*Partie site */
#site {
	width:750px;
	margin:0 auto;
	background:  url(../images/arriere.png) repeat-y;	
	
}




/* Partie supérieur du site */
#header1{
	height: 270px;
	background: #000000 url(../images/entete_mehdi.png) no-repeat;
}


#header2 {
	height: 270px;
	background: #000000 url(../images/entete_johan.png) no-repeat;
}


/*Zone des liens en entête du site */


#lien {
	height: 31px;
	width:750px;
	background: url(../images/lien.png) no-repeat;
	padding-left:30px;
	padding-top: 6px;
}


#lien a
{
	margin-left:7px;
	font-size: 12px;
	font-style:  italic;
	font-weight: bold;
	color: #FF9900;
	display: inline-block; 
	width: 103px ;
	line-height: 30px ;
	text-decoration: none ;
	text-align: center;
	background: #000000 url(../images/lien_on_off.png) no-repeat 0px 0px; 
}

#lien a:hover, #lien a:active
{
	color: #67B7D0;
	background: #000000 url(../images/lien_on_off.png) no-repeat 0px -30px; 
}


/*Partie Gauche du site*/
#gauche {
float:left;
width: 550px;
}



/*Conteneur comprenant: la zone chemin, les ss menus et le contenu */
#centre {
width:200px;
float:right;
}


/*Conteneur de la zone "chemin" et de la zone "Recherche" */
#chemin {
	height:20px;
	padding: 0px 5px 30px 0px;
	}


/*Zone comprenant chemin du site */
#path {
	float:left;
	width: 345px;
	padding-left:15px;
	padding-top:5px;
	font-size: 11px;
}
/*Zone comprenant le champ de recherche */
#search {
	float:right;
	width: 195px;
	text-align: right;
	padding-right:5px;
	padding-top:2px;
}




/* Partie contenu du site*/
#contenu {
	padding:40px 5px 20px 35px;
	text-align:justify;
}

/** Si on a un sous menu **/
#contenu1 {
	padding: 8px 5px 20px 35px;
	text-align:justify;
}




   h3 {
	height: 30px;
	font-style:  italic;
	color: #225E71;
	background: url(../images/top.png) no-repeat;
	margin-left: 15px;
	margin-top: 40px;
	padding-left:10px;
	padding-top: 5px;
	
	
}



ul{
	list-style-image: url(../images/puce.png);	
	margin-left: 25px;
	padding-left: 25px;
}

ul li
{
	padding:0px;

}

ul li a
{
	text-decoration: none ;
	font-size: 12px;
	font-weight:bold;
	color: #FF9900;
	line-height: 25px ;
	padding-right: 10px;	
	margin-left: 5px;

}

ul li a:hover, a:active
{
	color:  #67B7D0;
}

.contentpane {
	
	margin: 5px 15px 5px 20px;
}
.contentdescription {
	padding:10px;
	
}


#pied a, .sectiontableheader a, .sectiontableentry1 a, .sectiontableentry2 a, .back_button a
{
	text-decoration: none ;
	font-size: 12px;
	font-weight:bold;
	color: #FF9900;
	line-height: 21px ;
	padding-right: 10px;
}

#pied a:hover,  .sectiontableentry1 a:hover, .sectiontableentry2 a:hover, .back_button a:hover
{
	color:  #67B7D0;
}



/* Tableau */


.sectiontableheader, .toggler {
	background: #000000;
	color:  #67B7D0;
	font-weight:bold;
	border-color: #000000; 
}

.sectiontableentry1 {
	background: #111111;
	
}

.sectiontableentry2 {
	background: #333333;
}

/* Articles */

.contentheading, .componentheading {
	color:#67B7D0;
	font-size: 15px;
	height: 25px;
	/*margin: 30px 10px 5px 20px;*/
	border: 1px solid #999999 ;
	font-weight:bold;
	padding-left: 15px;
	background: #333333 url(../images/titre_art.png) no-repeat right;
}	

.contentpaneopen {
	width: 500px;
	background: #555555; 
	
}

.contentpaneopen  tr td p {
	padding-right: 10px;
	padding-left: 10px;
}


.contentpaneopen ul{
	list-style-image: url(../images/puce.png);	
	margin-left: 15px;
	padding-left: 15px;
}

.contentpaneopen ul li
{
	padding:0px 10px 0px 0px;

}

.contentpaneopen ul li a, .contentpaneopen  a
{
	text-decoration: none ;
	font-size: 12px;
	font-weight:bold;
	color: #FF9900;
	line-height: 25px ;
	padding-right: 10px;	
	margin-left: 5px;

}

.contentpaneopen ul li a:hover, .contentpaneopen ul li a:active, .contentpaneopen  a:hover, .contentpaneopen a:active
{
	color:  #67B7D0;
}

p img, li img {
	
	margin: 2px 10px 2px 10px;
	
}


/**** Sous Menu haut ***/

/*Zone des sous menu lorsqu'ils existent */
#ssmenu {
	text-align:right;
	padding-top:15px;
	padding-right:10px;
}


span.mainlevel {
	padding: 0px 5 px 0 px 5 px;
}

#ssmenu  a
{
	margin-left:5px;
	margin-right:5px;
	font-size: 12px;
	color: #67B7D0;
	display: inline-block; 
	line-height: 30px ;
	text-decoration: none ;
	text-align: center;
}
#ssmenu  a:hover, #lien a:active
{
	color: #CCCCCC;
}



/**** Bas de page***/

#pied {
clear:both;
height: 98px;
color:#333333;
text-align:center;
background: #333333 url(../images/bas.png) no-repeat;
padding-top:20px;
}


#pied  a
{
	margin-left:5px;
	margin-right:5px;
	font-size: 12px;
	color: #333333;
	display: inline-block; 
	line-height: 30px ;
	text-decoration: none ;
	text-align: center;
}
#pied a:hover, #lien a:active
{
	color: #555555;
}



/** Comosant adresse*/

.contact_email
{
	padding-left: 15px;
}