/*************************/
    /*                       */
     /* Fichier CSS - 2006 */
    /*                       */
   /*************************/

/* Gestion de la police ----------------------------------------- 


font-face {
font-family: century;
font-style: normal;
font-weight: normal;
src: url(KARTIKA0.eot);
} */
 .police {
font-family: Arial, sans-serif;
font-size: 10pt;

}


/* Mise en page --------------------------------------------------*/
/**/
 {
margin:0;
padding:0;
}


a:link{
}
a:visited{
}
a:hover{
}
.tdtext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
html,body{
font-family: arial;
font-size: 10pt;
background-color:#ffffff;
/*cursor: url(curseur.png);*/
}

div#conteneur {

width:100%;
height:100%;
}

.lien:link {
font-family:arial, sans-serif;
font-size:100%;
font-weight:bold;
color:#535353;
background-color: #ffffff;
text-decoration:none;

}
.lien:visited {
font-family:arial, sans-serif;
font-size:100%;
font-weight:bold;
color:#535353;
background-color: #ffffff;
text-decoration:none;
}
.lien:hover {
font-family: arial, sans-serif;
font-size:100%;
font-weight:bold;
color:#cacaca;
background-color: #ffffff;
text-decoration:none;
}

.lien2:link {
display:block;
font-family:arial, sans-serif;
width:170px;
height:18px;
font-size:8pt;
font-weight:bold;
color:#535353;
text-decoration:none;
background-image:url(spherea.gif); background-repeat:no-repeat;
text-align:right;
}
.lien2:visited {
display:block;
font-family:arial, sans-serif;
width:170px;
height:18px;
font-size:8pt;
font-weight:bold;
color:#535353;
text-decoration:none;
background-image:url(spherea.gif); background-repeat:no-repeat;
text-align:right;
}
.lien2:hover {
display:block;
font-family: arial, sans-serif;
width:170px;
height:18px;
font-size:8pt;
font-weight:bold;
color:#cacaca;
text-decoration:none;
background-image:url(spherea.gif); background-repeat:no-repeat;
text-align:right;
}


.menu_1 {

/*float:left;*/
margin-left: 0px;
font-family: Helvetica, arial, sans-serif;
font-size:10pt;
color:white;
font-weight:bold;
background-color: #696969;
text-decoration:none;
border:solid 1px #696969;
}

.menu_1:hover {

font-weight: normal;
font-family: Helvetica, arial, sans-serif;
font-size:10pt;
font-weight:bold;
color:#696969;
background-color:#ffffff;
text-decoration: none;
}
.menu_select {

/*float:left;*/
margin-left: 0px;
font-family: Helvetica, arial, sans-serif;
font-size:10pt;
color:#696969;
font-weight:bold;
background-color: #ffffff;
text-decoration:none;
border:solid 1px #696969;
}
.menu_2 {
margin-left: 0px;
background-color: #696969;
border:solid 1px #696969;
}

/*  GESTION CSS de l'affichage des photos ------------------------*/

div#txtmap {
display:none;

}
.txtmap {
display:none;
}

div#mapp{
}

div#galerie
{
	width: 500px ;
	background: black ;
	border: 1px solid #cacaca ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin-right: 0px;
	margin-top: 0px;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0 ;
	font-size:100%;
}

ul#galerie_mini li a img
{
	margin-left: 1px;
	margin-top: 0px;
	padding: 0 ;
	border: 1px solid #cacaca ;
}

dl#photo
{
	clear: left ;
	margin: 0 auto ;
	valign:bottom;
}

dl#photo dt
{
	font-family: arial;
	font-weight: normal;
	font-size: 14;
	color: #535353 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #535353 ;
}

/* Formulaires  --------------------------------------------------*/

	.etiquette { 
	font-size: smaller;
	font-weight: bold; 
	color: #ffffff; 
	background: #999999; 
	cursor: pointer; }
   .etiquette2 { 
   	width:125px;
	font-size: 8pt;
	font-weight: bold; 
	color: #535353; 
	background: #ffffff; 
	cursor: pointer; }
	.champ  { 
	background: #eeeeee; 
	border: solid 1px #ffffff; 
	border-top-color: #888888; 
	border-left-color: #888888; }
	.champ2 { 
	background: #ffffff; 
	width:150px;
	border: solid 1px #cacaca; 
	border-top-color: #888888; 
	border-left-color: #888888; }
	.champd        
	{ background: #ffffff; 
	width:70px;
	border: solid 1px #cacaca; 
    border-top-color: #888888; 
	border-left-color: #888888; }
   
	.champ:hover,
    
	.champ:focus  
	{ border: 1px solid black; 
	background: #ffffff; }
	
	.champ2:hover,
    
	.champ2:focus  
	{ 
	width:150px;
	border: 1px solid black; 
	background: #ffffff; }
	
	.champd:hover,
    
	.champd:focus  
	{ 
	width:70px;
	border: 1px solid black; 
	background: #ffffff; }

	.bouton       
	{ font-size: 10px;
	height: 20px;color: #000099; 
	font-weight: bold; 
    background: white; 
	border: solid 2px #F3F3F3; 
    border-top-color: #ffffff; 
	border-left-color: #ffffff; }

	.bouton:hover 
	{ height: 20px;
	color: black; 
	background:#F3F3F3 ; }

	.bouton:focus 
	{ background: #b2eafa; 
	border: solid 2px #ffffff; 
    border-top-color: #2c93b1; 
	border-left-color: #2c93b1; }


/* les images bandeaux et structure -----------------------------*/

.menu_h {
text-valign: middle;
text-align: left;
width: %;
height: 20px;
/*border: solid 1px #cacaca;*/

}
.menu_hd1 {
float:right;
text-valign: middle;
text-align: center;
width: 182px;
height: 31px;
margin-top:2px;
/*border: solid 1px #cacaca;*/
background-image:url(bouton_sphere2_03.gif);
background-repeat: no-repeat;
}
.menu_hd1:hover{
background-image:url(bouton_sphere_03.gif);
background-repeat:no-repeat;
}
.menu_hd2 {
float:right;
margin-top:2px;
text-valign: middle;
text-align: center;
width: 182px;
height: 31px;
/*border: solid 1px #cacaca;*/
background-image:url(bouton_sphere2_03.gif);
background-repeat: no-repeat;
}
.menu_hd2:hover{
background-image:url(bouton_sphere_06.gif);
background-repeat:no-repeat;
}
.menu_hd3 {
float:right;
margin-top:2px;
text-valign: middle;
text-align: center;
width: 182px;
height: 31px;
/*border: solid 1px #cacaca;*/
background-image:url(bouton_sphere2_03.gif);
background-repeat: no-repeat;
}
.menu_hd3:hover{
background-image:url(bouton_sphere_08.gif);
background-repeat:no-repeat;
}
div#droiteh{

display: block;
float:top;
margin: 2px;
width:138px;
height: 100%;
overflow: auto;
border: solid 1px black;
align: center;
valign: middle;
background-color: #ffffff;/*
background-image: url(cadre_loggin.jpg);
background-repeat: no-repeat;*/
}

div#banniere{

display: block;
float:left;
width: 750px;
height: 115px;
background-image:url(atelierrichelieu.gif);
background-repeat:no-repeat;

}

div#verriereban{
background-image:url(verriereban.jpg);
background-repeat:no-repeat;
}/**/
div#illustreatelier1{

float:bottom-right;
display: block;
width: 300px;
height: 225px;
background-image:url(Fenêtrebocauxbleus_illustr.jpg);
background-repeat:no-repeat;

}
.icone1 a {

display:block;
width: 40;
height: 35;
background-image:url("rdc/rdc_sp1.jpg");
background-repeat:no-repeat;

}
.icone1 a:hover {
background-image:url("rdc/rdc_sp1.jpg");
background-repeat:no-repeat;
}

div#txtbarre{
float:top;
margin-top:16px;
display:block;
width: %px;
height:18px;
/*border: solid 1px #cacaca;*/
background-color: #ffffff;
}
div#barre{
float:top;
margin-top:5px;
margin-left:13px;
display:block;
width: 755px;
height:20px;
border:solid 1px #cacaca;
/*background-image: url(barretxt_photo.gif);
background-repeat: repeat;*/
}

/* ONGLETS -------------------------------------------------------*/

.onglets0 {
display:block;
float:right;
width:276px;
height:20px;
background-image:url(menu_fond.gif);
background-repeat: repeat;

}

.onglets {
display:block;
float:left;
/*margin-left:15%;*/
width:59px;
height:20px;
background-image:url(menu_ong_01.gif);
background-repeat: no-repeat;

}
.onglets:hover {

background-image:url(menu_ong2_01.gif);
background-repeat: no-repeat;

}
div#onglets2 {
float:left;
margin-left:1px;
display:block;
width:%;
height:20px;
border:solid 1px #696969;
color: #ffffff;
background-color: #696969;
/*background-image:url(menu_ong_02.gif);
background-repeat: no-repeat;*/
}
div#onglets2:hover {
border:solid 1px #ffffff;
font-color: #696969;
/*background-image:url(menu_ong2_02.gif);
background-repeat: no-repeat;*/

}
.onglets3 {
float:left;
margin-left:1px;
display:block;
width:200px;
height:20px;
background-image:url(menu_ong_03.gif);
background-repeat: no-repeat;

}
.onglets3:hover {

background-image:url(menu_ong2_03.gif);
background-repeat: no-repeat;

}
.onglets4 {
float:left;
margin-left:1px;
display:block;
width:112px;
height:20px;
background-image:url(menu_ong_04.gif);
background-repeat: no-repeat;

}
.onglets4:hover {

background-image:url(menu_ong2_04.gif);
background-repeat: no-repeat;

}
.onglets5 {
float:left;
margin-left:1px;
display:block;
width:62px;
height:20px;
background-image:url(menu_ong_05.gif);
background-repeat: no-repeat;

}
.onglets5:hover {

background-image:url(menu_ong2_05.gif);
background-repeat: no-repeat;

}

/* variantes bouton ------------------------------------------------*/

.boutton {
display:block;
text-align:center;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
width:112px;
height:34px;
background-image:url(boutton.gif);
background-repeat: no-repeat;

}
.boutton:hover {

background-image:url(boutton1.gif);
background-repeat: no-repeat;
}
.bouttonb {
display:block;
text-align:center;
width:112px;
height:34px;
background-image:url(boutton.gif);
background-repeat: no-repeat;

}
.bouttonb:hover {

background-image:url(boutton1.gif);
background-repeat: no-repeat;
}

.boutton_visite {
display:block;
width:200px;
height:34px;
background-image:url(boutton_visite.gif);
background-repeat: no-repeat;

}

<!-- boutton admin ----------------------------------------------->

.admin_ut {
display:block;
text-align:center;
width:200px;
height:35px;
background-image:url(admin_utils.gif);
background-repeat: no-repeat;

}
.admin_ut:hover {
background-image:url(admin_utils2.gif);
background-repeat: no-repeat;
}
.admin_txt {
display:block;
text-align:center;
width:200px;
height:35px;
background-image:url(admin_txt.gif);
background-repeat: no-repeat;

}
.admin_txt:hover {
background-image:url(admin_txt2.gif);
background-repeat: no-repeat;
}
.admin_photos {
display:block;
text-align:center;
width:200px;
height:35px;
background-image:url(admin_photos.gif);
background-repeat: no-repeat;

}
.admin_photos:hover {
background-image:url(admin_photos2.gif);
background-repeat: no-repeat;
}


/* Drapeaux : -----------------------------------------------------*/

.drapfr {
display:block;
float:right;
width:20px;
height:13px;
background-image:url(d_france.gif);
background-repeat: no-repeat;
}
.drapuk {
display:block;
float:right;
width:20px;
height:13px;
background-image:url(d_angleterre.gif);
background-repeat: no-repeat;
}