/****************CSS Kandelman Mozilla************************************/

body{
background:black;


}
#entete{
color:white;
font-size:28pt;
font-family:  Colonna MT, arial;
/*border:2px solid red;*/
margin-left:350px;
position:absolute;
margin-top:-180px;
width:685px;
/*border-right:3px solid #181815;
border-top:3px solid #181815;*/
border-right:1px solid #dddddd;
border-top:1px solid #dddddd;
}
#page{

width:1050px;
/*border-right:3px solid #181815;*/
margin-top : 0px;
height:397px;

}

#atelier{
font-size:15pt;
margin-left:90px;
font-style:italic;
position:absolute;
width:500px;
font-weight: lighter;
font-family:  Colonna MT, aria, sans-serif;

}

h1{
font-size:15pt;
font-style:italic;
font-weight: lighter;
margin-top:-5px;
}


#moine{
/*border:2px solid yellow;*/
height:480px;
position :absolute;
margin-top:-135px;
/*border-left:3px solid #181815;*/
border-left:1px solid #dddddd;
}
#moine2{
/*border:2px solid yellow;*/
height:480px;
position :absolute;
margin-top:-135px;
margin-left:0px;
/*border-left:3px solid #181815;*/
border-left:1px solid #dddddd;
width:375px;
padding-left:10px;
}

/*****************************MENU*******************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.menu1, ul ul {   height:15em; overflow:hidden; /*background:#040404;*/ background:black;   text-align:left; color:white;  font-size:10pt;  /*border-left:3px solid #181815;*/   border-left:3px solid /*#660066*/#dddddd; 
padding:0 0 0 0; margin:190 0 0 390;  list-style-type:none;    }
ul.menu1 table {border-collapse:collapse; padding:0; margin:0 0 0 0 ; font-size:1em;}
ul.menu1 ul {margin-left:3em; font-size:9pt; }
ul.menu1 li {text-indent:0.5em; }
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:9em; height:2em; line-height:1.2em; text-decoration:none;  margin-top:6px;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:9em; height:4em; line-height:1.2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0;  /*font-weight:bold;*/ font-style:normal;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:7em; width:9em; margin-top:-5px;  }
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:black;  font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {/*background:yellow; color:#660066; */ color:/*#660099*/#9900CC; font-style:italic; }

#drop1{
/*border:2px solid red;*/
height:50px;
}

ul.menu1 h2, ul h2 ul h2{
height:15em; overflow:hidden; /*background:#040404;*/ background:black;  width:9em; text-align:left; color:white; font-size:10pt;  /*border-left:3px solid #181815;*/  
padding:0 0 0 0; margin:0 0 0 0;  list-style-type:none;   

}








/****************************************FIN MENU****************************/
#contenu{
/*border:3px solid red;*/
color:white;
height:500px;
/*border-right:3px solid #181815;*/
border-right:1px solid #dddddd;
position :absolute;
width:500px;
margin : -342px 0px 0px 535px;
}

#center{
margin-top:60px;
margin-left:120px;

}




/*********************plan site********************************/
#justifie4{
margin-top:-15px;
margin-left:175px;
color:#eeeeee;
font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;


}
#intitule3{
padding-bottom:5px;
margin-left:-10px;
color:white;

}


#credits   {
color:#eeeeee;
text-decoration:none;


}


#credits  li {
color:#eeeeee;
padding-top:10px;
text-decoration:none;
font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
/*border-left:3px solid #181815;*/
border-left:1px solid #dddddd;
padding-left:15px;
}

#credits ul li {
color:#eeeeee;
text-decoration:none;
}
#credits a
{

text-decoration:none;
color:#eeeeee;
}

#credits a:hover {

text-decoration: underline;
color:/*#660099*/#9900CC;

}



#credits1  li {
color:#eeeeee;
padding-top:10px;
text-decoration:none;
font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;

}

#credits1 a
{

text-decoration:none;
color:#eeeeee;
margin-left:30px;
}





#credits1 ul li {
color:#eeeeee;
text-decoration:none;

}


/**********************************formulaire-contact**********************/



.asterisque 
{
    text-align:center;
    color: red;
       font-size:7pt;
   
}
.asterisque2 
{
    text-align:center;
    color: red;
       font-size:7pt;
   margin-top:20px;
     margin-left:180px;
  
}


#td_cache{
margin-right:9px;
font-size:6pt;
}



#email_envoyer{
width:500px;

}
#email_message{
margin-left:0px;
width:380px;
}
#email_adresse{
margin-left:0px;
color:white;
width:400px;
}


#message1{
/*border:4px solid yellow;*/
font-family: Bookman Old Style, Arial, sans-serif;
margin-left:150px;
width:80px;
margin-top:40px;
}



#message3{
/*border:4px solid pink;*/

margin-left:15px;
font-family: Bookman Old Style, Arial, sans-serif;
width:80px;
margin-top:-25px;
}



.texteformulaire 
{
    color:white;
    margin:0px 0 0 0 ;
    font-size:15px;
    text-align:left;
  /*border:3px solid red;*/
   
    width:300px;
 height:400px;
       font-size:7pt;
      position:absolute; 
    
}
.fondformulaire 
{
    margin-top:10px;
    background-color:#CCCCCC;
  
       font-size:7pt;
  
}
.fondformulaire1 
{
    margin-top:10px;
    background-color:#CCCCCC;
  margin-left:30px;
       font-size:7pt;
  
}

#bouton{
width:100px;
}

.texteformulaire p
{


font-size:7pt;
color:white;

  /*border:3px solid yellow;*/
  
}

.erreur {
   text-align:center;
   color: red;
   font-weight:bold;
   font-size:8pt;
   margin-left:-60px;
/*border:3px solid yellow;*/
 margin-top:30px;
}



.link a {
   color:white;
   font-weight:bold;
      font-size:7pt;
}
.link a:hover {
   color:white;
      font-size:7pt;
}

FORM {
margin: 50px 0px 0px 10px;
padding: 0px 0px 0px 0px;
/*border:3px solid blue;*/
height:200px;
position:absolute;


}




TEXTAREA.fondformulaire {



	margin: 0px 0px 0px 27px;
position:absolute;
	padding: 0px 0px 0px 0px;

font-size:15px;

	width: 272px;

	

	clear: both;

}
/******************************fin formulaire contact************************/



/*****************************************affichettes*************************/
 dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 40;
left: 50;
z-index:100;
width: 100%; /* correction pour Opera */

}





#menu dl {
float: left;
width: 5em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
/*border: 1px solid gray;*/
margin: 1px;
}
#menu dd {
display: none;
/*border: 1px solid gray;*/
}
#menu li {
text-align: center;
/*background: #fff;*/
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:40px;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
/*border:3px solid #181815 ;*/
border:3px solid #dddddd;

}

#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 40;
left: 120;
z-index:100;
width: 100%; /* correction pour Opera */

}




#menu2 dl {
float: left;
width: 5em;
}
#menu2 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
/*border: 1px solid gray;*/
margin: 1px;
}
#menu2 dd {
display: none;
/*border: 1px solid gray;*/
}
#menu2 li {
text-align: center;
/*background: #fff;*/
}
#menu2 li a, #menu2 dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:40px;
}
#menu2 li a:hover, #menu2 li a:focus, #menu2 dt a:hover, #menu2 dt a:focus {
/*border:3px solid #181815 ;*/
border:3px solid #dddddd;

}




#menu3 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 40;
left: 150;
z-index:100;
width: 100%; /* correction pour Opera */

}




#menu3 dl {
float: left;
width: 5em;
}
#menu3 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
/*border: 1px solid gray;*/
margin: 1px;
}
#menu3 dd {
display: none;
/*border: 1px solid gray;*/
}
#menu3 li {
text-align: center;
/*background: #fff;*/
}
#menu3 li a, #menu3 dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:40px;
}
#menu3 li a:hover, #menu3 li a:focus, #menu3 dt a:hover, #menu3 dt a:focus {
/*border:3px solid #181815 ;*/
border:3px solid #dddddd;

}

/***********************************menuIe bas  par defaut**************/

#menuIe {
/*border:3px solid red;*/
margin-top:0px;
width:200px;
margin-left:30px;

font: italic 0.8em Georgia, serif ;
color:black;

}

#menuIe a{
/*border:3px solid red;*/

text-decoration: underline;
font: italic 0.8em Georgia, serif ;
color:black;

text-decoration: none;
}


#menuIe a:hover {
  /*color:#808080; /* On modifie la couleur du lien */
  color:#dddddd;
  
  text-decoration: underline;
  font: italic 0.9em Georgia, serif ;
}

/***********************************menuIe bas index4 par defaut**************/

#menuIe2 {
/*border:3px solid red;*/
margin-top:0px;

margin-left:0px;

font: italic 0.9em Georgia, serif ;
color:black;

}

#menuIe2 a{
/*border:3px solid red;*/

text-decoration: underline;
font: italic 0.9em Georgia, serif ;
color:black;

text-decoration: none;
}


#menuIe2 a:hover {
  /*color:#808080; /* On modifie la couleur du lien */
  color:#dddddd;
  
  text-decoration: underline;
  font: italic 0.9em Georgia, serif ;
}
/***********************************menuIe bas contact visiter l'atelier**************/

#menuIe3 {
/*border:3px solid red;*/
margin-top:100px;

margin-left:100px;

font: italic 1.2em Georgia, serif ;
color:black;

}

#menuIe3 a{
/*border:3px solid red;*/

text-decoration: underline;
font: italic 1.2em Georgia, serif ;
color:black;

text-decoration: none;
}


#menuIe3 a:hover {
  /*color:#808080; /* On modifie la couleur du lien */
  color:#dddddd;
  
  text-decoration: underline;
  font: italic 1.2em Georgia, serif ;
}
/********************************galerie vitraux***************************/

dl#photo
{
	
	margin: 0 auto ;
	margin-top:-420px;

	
}


#big_pict{

margin-top:333px;
width:200px;
height:297px;
margin-left:-250px;
border:0;

}
dl#photo dt
{
	font: italic 1.5em/1.5em Georgia, serif ;
	color: #dcb ;
margin-left:20px;
			/*border:3px solid yellow;*/
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	/*border: 1px solid #dcb ;*/
}



div#galerie
{

	height:250px;
margin-top:85px;
	/*border: 1px solid #dcb ;*/
	padding: 2px ;

	text-align: center ;
	font: 0.9em Georgia, serif ;

}

img#photo{
margin-left:-70px;
}


/******************************texte galerie******************************/

#centre1{
/*background:white;*/
width:450px;
margin-left:50px;
margin-top:-250px;
height:250px;
}



#intitule2{

font-size:10pt;
color:green;
font-weight:bold;
}


#titre_galerie{
margin-left:200px;
font-size:13pt;
color:white;

font-style:italic;
font-family: Century, arial, sans-serif ;
}

h3{
font-size:13pt;
color:white;

font-style:italic;
font-family: Century, arial, sans-serif ;


}

#titre_creation{
margin-left:200px;
margin-top:-200px;
font-size:13pt;
color:white;
font-style:italic;
font-family: Century, arial, sans-serif ;

}






#justifie2 { 
 
  padding-left:210px;

  margin-top:-220px;
  padding-bottom:5px;
  z-index:1;
font-size:8pt;
  
  width:200px;
  text-align: justify ;
  }
  
  h4{
 font-size:8pt;
  text-align: justify ; 
  color:white;
  
  }
  
  

  
  #justifie_horizontal { 
  font-size:8pt;
  text-align: justify ;
  padding-left:23px;
  /*border:7px dashed red;*/
  margin-top:0px;
  padding-bottom:0px;
  z-index:1;
  color:white;
  
  width:260px;
  }
#horizontal{
margin-left:22px;
}  
  
/*********************************FOOTER**************************************/
.clearboth {
	clear: both;
}

#bottom {
	/*border-top: 1px solid #FFFFFF;*/
	clear: both;
	margin:143 0 0 -95;
	padding: 0;

	width:1151px;

/*	border-right: 5px solid #111111;*/

}
ul#bas {
background-color: #111111;
/*	border-top: 2px solid #181815;
		border-bottom: 2px solid #181815;*/
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
			border-right: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
	color: #666666;
	list-style: none;
	margin: 158px 20px 0 95px;
	padding: 0;
	text-align: center;
}

ul#bas li {
	display: inline;
}

ul#bas li a, ul#bas li a:link, ul#bas li a:visited {
	background-color: #111111;
	color: #666666;
	font: .6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 25px 0 25px;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
}

ul#bas li a:hover {
	text-decoration: underline;
}
#mentions{
color:red;
margin-left:110px;
margin-top:0px;
}

#mentions p{
color:white;

} 
/*#titre_partenaires{
margin-top:150px;
font-family: Century, arial, sans-serif ;

} */
/**********************page partenariats****************************/
#encadre1{
/*background-color:red;*/
padding:4px;
/*border:5px solid blue;*/
color:white;
margin-top:100px;
}		
#encadre1 td{
color:white;
font-size : 11pt;
/*border:1px solid red;*/
}

#encadre1 img{

margin-left: 20px;
border: 1px solid white;

}


td#texte0{
padding-left:10px;
font-family: Century, arial, sans-serif ;
color:white;

}



#encadre2{
/*background-color:blue;*/
padding:0px;
/*border:1px solid red;*/
margin-left:130px;
}	
#encadre2 td{
color:white;


/*border:1px solid red;*/
}


#encadre2 img{
/*margin-left: 360px;*/
border: 1px solid white;
}	

td#texte {
color:white;
font-size : 11pt;
/*border:1px solid blue;*/
/*background-color:green;*/
width:100px;
padding-left:50px;
padding-right:10px;
font-family: Century, arial, sans-serif ;
}

#encadre3{
/*background-color:red;*/
padding:4px;
/*border:5px solid blue;*/
color:white;

}		
#encadre3 td{
color:white;
font-size : 11pt;
/*border:1px solid red;*/
}

#encadre3 img{

margin-left: 20px;
border: 1px solid white;

}

img#filterImg{
border:2px solid white;
margin-left:10px;
}

img#filterImg1{
border:2px solid white;
}

img#filterImg2{
border:2px solid white;
}

img#filterImg2{
border:2px solid white;
}


/**************************page portraits*************************/ 
 #portraits{
margin-top:100px;
margin-left:-200px;
}
 
/****************************pages plats*******************************/

#plats{
margin-top:120px;
margin-left:-200px;
}

#justifie3 { 
 
  text-align: justify ;
  padding-left:277px;
  /*border:7px dashed red;*/
  margin-top:-240px;
  padding-bottom:0px;
  z-index:1;
  color:white;
  font-size:8pt;
  width:200px;
  }

#contenu2{
/*border:3px solid red;*/
color:white;
height:200px;

position :absolute;
width:495px;
border-right: 1px solid #dcb ;
margin : -342px 0px 0px 540px;
}

#galerie2
{

	height:302px;
margin-top:75px;
width:489px;
	padding: 2px ;
border-right: 1px solid #dcb ;
	text-align: center ;
 font-size:8pt;

}

/******************page atelier *********************************************/

#image_atelier{
margin-top:80px;
}

/****************************page des echanges de liens*******************/
#encadre4{
margin-left:50px;
margin-top:10px;
width:400px;

}



#encadre4 td{
color:white;
font-size : 10pt;


}

#encadre4 img{

margin-left: 20px;
border: 1px solid #dddddd;

}


td#texte1{
padding-left:10px;
font-family: Century, arial, sans-serif ;

}

#image a{  

color:white;
text-decoration: none;
}
#encadre5{
margin-left:140px;
margin-top:10px;
width:400px;

}
#encadre5 td{
color:white;


/*border:1px solid red;*/
}


#encadre5 img{
/*margin-left: 360px;*/
border: 1px solid #dddddd;
color:white;
}	

#encadre6{
margin-left:52px;
margin-top:5px;
width:400px;
}




#encadre6 td{
color:white;
font-size : 10pt;
/*border:1px solid red;*/
}

#encadre6 img{

margin-left: 20px;
border: 1px solid #dddddd;

}



td#texte2 {
color:white;
font-size : 10pt;
/*border:1px solid blue;*/
/*background-color:green;*/
width:150px;
padding-left:20px;
padding-right:0px;
font-family: Century, arial, sans-serif ;
}
#encadre7{
margin-left:70px;
margin-top:10px;
width:400px;

}
#encadre7 td{
color:white;


/*border:1px solid red;*/
}


#encadre7 img{
/*margin-left: 360px;*/
border: 1px solid #dddddd;
}	


td#annuaire  {
border:1px solid #dddddd;
width:70px;
color:white;
}

#encadre8{
margin-left:75px;
margin-top:5px;
width:400px;
color:white;
}




#encadre8 td{
color:white;
font-size : 10pt;
/*border:1px solid red;*/
}

#encadre8 img{
color:white;
margin-left: 20px;
border: 1px solid #dddddd;

}

#encadre9{
margin-left:150px;
margin-top:10px;
width:400px;

}
#encadre9 td{
color:white;


/*border:1px solid red;*/
}


#encadre9 img{
/*margin-left: 360px;*/

}	




#encadre10{
margin-left:55px;
margin-top:5px;
width:400px;
}




#encadre10 td{
color:white;
font-size : 10pt;
/*border:1px solid red;*/
}

#encadre10 img{

margin-left: 20px;
border: 1px solid #dddddd;

}

#encadre11{
margin-left:140px;
margin-top:10px;
width:400px;
border:none;

}
#encadre11 td{
color:white;


/*border:1px solid red;*/
}


#encadre11 img{
/*margin-left: 360px;*/


}	

H6  {
font-size:8pt;
font-weight: normal;

  /*border:7px dashed red;*/

color:white;

}
#img{
border:1px solid white;
}

#image1{
border:1px solid white;
}

/************************page  echos de rene***************************/
#support{

margin-top:100px;
margin-left:45px;
text-align: justify ;
color:white;
}

  H4 font {
font-size:11pt;
font-weight: bold;
color:#dd55ff;
}


H5  {
font-size:10pt;
font-weight: normal;
color:grey;
margin-top:-15px;
color:white;
}

#milieu{
padding-right:30px;
color:white;
padding-left:5px;
}

h5 a{
color:white;
}