img { /* esthétique */
border : 0 ; 
}

body {
background-color: #333333;
margin : 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

_text-align : center ; /* centrage du div global */
}

li {
/* list-style-position : inside ; */ 
list-style-image: url(bullet.png);
margin : 0 ;
padding : 0 ;
}

#page { 
width : 748px ; 
/* background-color : #FFFFFF ;  */
background-color:#B6B6B6;  
margin-right : auto ; /* centrage       */
margin-left : auto ;  /*   du div global*/
_text-align : left ; /* on rétablit l'alignement par défaut (cf. body) */
}

#article {
background-color : #FFFFFF ;
float : left; 
width : 517;
padding-left : 20px ;
padding-right : 20px ;  
}

#header { /* bandeau du haut contenant les images */ 
position:relative;
height : 80px ; /* taille des images */
background-color : #FFFFFF ; 
}

#header form {
  position: absolute;
  right: 10px;
  top: 10px;
}

#header form input {
  border: 1px solid black;
}

#logo {
float : left ;
_margin-left:-2px;
}

#illustration {
float : right ;
_margin-right:-2px;
} 

#menu_header { /* menu horizontal */ 
background-image : url(menu_fond.gif) ; 
background-repeat : repeat-x ;
height : 28px ; /* hauteur de l'image */ 
_margin-left: 0px ;
_margin-top : 0 ; 
margin-bottom : 0 ;

list-style-type: none;
text-transform : uppercase ;      
}

#menu_header ul {
/* position: absolute; */
top : 0 ; 
float : right ; 
margin:0px 0px;

}

#menu_header li {
float : left ;
list-style-type : none ; 
list-style-image : none ; 
}

#menu_header a {
padding-left : 8px ;
padding-right : 8px ;
_width : 90px ;  /* affiche les éléments en ligne (IE)) */
_font-size: 10px;
_padding : 0 ;  /* Pour éviter les conflits entre la taille et le padding - titres trop longs - */

background-image : url(menu_fond.gif) ;  /* Pour préparrer l'effet a:hover */
background-repeat : repeat-x ;
display : block ; 
text-align : center ;
text-decoration : none ;
color : #FFFFFF ; 
padding-top : 4px ; /* Pour center le texte sur l'image */ 
height : 18px ;
}

#menu_header #menu_header_current {
background-color : #500C62 ; 
color : #000000 ;
_height : 22px ;  /* Pour rendre le fond visible sous IE */
}

#menu_header a:hover {
background-color : #500C62 ; 
color : #000000 ;
_height : 22px ;  /* Pour rendre le fond visible sous IE */
}

.pave {
float : left ; 
background-image:url('home2-0-2.jpg');
background-repeat: repeat-y;
background-position: left;

background-color : #FFFFFF ;
}


.entete {
font-weight: bold;
text-align : justify ;
color: #4A4949;
margin : 0 ; 
}

.enteteadroite {
float : left ;

font-weight: bold;
text-align : justify ; 
color: #4A4949;
}

.imgagauche {
float : left ; 
/* width : 158 px */
margin-left : -5px ; 
}

.pave ul li {
color: #4A4949;
margin : 0 ; 
padding : 0 ; 
}

.pave a {
display : block ;
padding-right : 19px ; 
/* margin-right : 25px ; */  

background-image : url(pave_lien.gif) ;
background-position : right ;
background-repeat : no-repeat ;

text-decoration : none ; 
text-align : right ;
color : #000000 ;  
}

.cadre {
background-image:url('home2-2-2.jpg');
background-repeat: repeat-y;
background-position: right;
}

.haut {
height:23px;
background-image:url('home2-1-0.jpg');
}

.coingh {
width:23px;
height:23px;
background-image:url('home2-0-0.jpg');
float: left;
}

.coindh {
width:21px;
height:23px;
background-image:url('home2-2-0.jpg');
float: right; 
}

.texte {
 padding: 20px 25px 0 23px; 
}

.texte p {
margin: 0px;
}

.bas {
height:25px;
background-image:url('home2-1-3.jpg');
}

.coingb {
width:23px;
height:25px;
background-image:url('home2-0-3.jpg');
float: left;
}

.coindb {
width:21px;
height:25px;
background-image:url('home2-2-3.jpg');
float:right;
}

.barre {
margin-left : 17px ;
}

#barre {
height: 10px;
background-color: rgb(103, 103, 103);
}

#footer {
height: 20px;
padding : 5px 0 0 0 ; 
margin : 0 ; 
background-color: rgb(103, 103, 103);
background-image : url(footer_barre.jpg) ;
background-position : top ; 
background-repeat : repeat-x ; 

font-size: xx-small;
text-align : center ; 
}
.
#footer a {
color: #DDDDDD;
}
#footer a:visited {
color: #DDDDDD;
}

/*            		*/
/*    COMMENTS    */
/*            		*/

.nom_champ {
float : left ;
width : 70px ;
text-align : right ;
margin : 0 ; 
padding : 0 ;
line-height : 30px ;  
}

.champ {
float : left ; 
Margin : 5px 0 ;  
line-height : 30px ;
}

#commentDiv {
  width:510px;
}

table.comment {
  border: none;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

table.comment td {
  border: none;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
	font-size: 11px  ;
}

table.comment td.leftColumn {
  border: none;
  vertical-align: top;
  width: 130px;
  background-color: #DDDDDD;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

table.comment th {
	font-size: 11px  ;
  color: #6A1582;
  font-weight: bold;
  border: none;
  background-color: #DDDDDD;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}



/*            */ 
/*    BLOC    */
/*            */

.technical_content {
font-size: 11px;
text-align : justify ; 
}

.technical_content h2 { /* titre du bloc */
	color: #6A1582; 
	font-weight: bold;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.technical_content h2 a { /* titre du bloc */
    color: #6A1582;
    font-weight: bold;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-decoration: none;
}


.technical_content ul {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.technical_content img {
  _margin: 10px; 
}

.form_bouton {
width : 400px ; 
text-align : center ;
}


.navLevel2 technical_content ul li {
	color: #4A4949;
 	list-style-image: none ; 
	border: 0px ;
	margin: 0px ; 
}

h1 {
	color:#6a1582;
	font-size: 20px;
	background-image : url(titre_barre.gif);
	background-position : bottom left ;
	background-repeat : no-repeat; 
	line-height : 45px;
  font-weight : normal ;
	margin-left : 20px ;
	text-indent : 20px ; 
}

/* 									*/
/* 	Menu à droite 	*/
/* 									*/

.navLevel2 {
width:180px;
_width:180px;
background-color:#B6B6B6;
text-align:left;
margin-left : auto ; 
margin-right : auto ; 
padding:20 5 20 5 ;  
float : right ; 
}

.navLevel2 ul {
	width : 150px;
	background-color:#C7C7C7 ;
	padding : 10px ;
	_padding : 0 ;
	_margin : 0 ; 
}

.navLevel2 ul li {
  list-style-type: none;
	list-style-image : none ;
	font-size : 10px ; 
}

.navLevel2 ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #871682;
}

.navLevel2 ul li a:hover {
color:#FF3333;
}

.navLevel2 ul li ul {
padding : 0 5px; 
}

.navLevel2 ul li ul li a {
  text-decoration: none;
  font-weight: none;
  color: #000000;
}

.navLevel2 ul li ul li a:hover {
  color:#FF5555;
}

.navLevel3 ul {
width : 130px ; 
}

.navLevel3 ul li a {
font-weight : normal ;
}

.technical_content div ul li {
border : 0 ;
background-color : none ; 
}

.technical_content div ul li a {
font-weight : normal ;
}

.navLevel2 technical_content ul {
	border : 0 ; 
	padding : 0 ; 
	margin : 0 ; 
	background-color : black ; 
}

.partnerBloc {
    border: 1px solid #FFFFFF;
    width: 150px;
    text-align: left;
    padding: 3px;
}
.partnerBloc a.partnerBlocTitle {
    font-size: 10px;
    color: #871682;
    font-weight: bold;
}
.partnerBloc a.partnerBlocDescription {
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-decoration:none;
}
.partnerBloc a.partnerBlocUrl {
    font-size: 9px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration:none;
}