/* CSS Document */

body	{
background: #000000;
margin: 0;
padding: 0;
}

#homecontainer {
width: 920px;
margin: 20px auto 20px auto;
text-align: center;
}

#homecontainer img {
float: left;
margin: 0 0 0 40px;
}

#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
padding: 80px 0 20px 0;
}

#menu a	{
color: #777777;
text-decoration: none;
}

#menu a:hover	{
color: #bbbbbb;
text-decoration: underline;
}

#menu0 {
width:100%; border-bottom: 1px solid #333333; background: #111111;
}


#menu0 div {
width: 920px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
text-align: center;
}

#menu0 div a{
color: #777777;
text-decoration: none;
padding: 0 23px 0 23px;
}

#menu0 div a:hover	{
color: #bbbbbb;
text-decoration: none;
}


#menu1 {
width: 920px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
text-align: center;
}

#menu1 a {
color: #777777;
text-decoration: none;
padding: 0 23px 0 23px;
}

#menu1 a:hover	{
color: #bbbbbb;
text-decoration: none;
}

#menu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
padding: 20px 0 20px 0;
}

#menu2 a	{
color: #777777;
text-decoration: none;
}

#menu2 a:hover	{
color: #bbbbbb;
text-decoration: underline;
}

#menu3 {
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
padding: 10px 0 10px 0;
background: #111111;
border-bottom: 1px solid #996633;
}
 
#menu3 a	{
color: #777777;
text-decoration: none;
}

#menu3 a:hover	{
color: #bbbbbb;
text-decoration: underline;
}

#news {
width: 820px;
margin: 0 auto 0 auto;
text-align: center;
color: #CCCCCC;
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 30px 30px 10px 30px;
border: 1px dotted #555555;
background: url(actualites.gif) right top no-repeat;
}

#news ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}

#news li {
background: url(puce01.gif) no-repeat left top;
padding: 0 0 8px 20px;
}

#news li a {
text-decoration: none;
color: #FFCC33
}

#news li a:hover {
text-decoration: underline;
}

#initiations_container {
width: 930px;
margin: 0 auto 0 auto;
text-align: center;
padding: 10px 0 0 0;
}

#initiations_container div {
float: left;
}

#initiations_menu {
width: 125px;
height: 439px;
background: url(initiations/img/menubg.jpg) no-repeat top;
text-align: left;
padding: 155px 0 20px 20px;
}

#initiations_menu a {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #a39b89;
font-weight: bold;
text-decoration: none;
line-height: 19px;
}

#initiations_menu a:hover {
/*text-decoration: underline;*/
color: #CCAA00;
}

#initiations_main {
width: 690px;
min-height: 505px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
border: 1px solid #51476e;
margin: 45px 0 20px 20px;
padding: 20px 35px 20px 35px;
color: #DDDDDD;
line-height: 19px;
}

#initiations_main a {
color: #CCCC66;
}

#initiations_main h1 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
font-weight: bold;
color:  #e6cd77;
text-transform: uppercase;
}

#initiations_main h3 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
color:  #e6cd77;
border-bottom: 1px solid #e6cd77;
display: block;
height: 26px;
padding: 12px 0 0 0;
}



#footer {
width:100%;
margin: 20px 0 0 0;
border-top: 1px solid #333333;
background: #111111;
float: left;
}


#footer div {
width: 920px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
text-align: center;
}

.aligncenter	{
display: block;
text-align: center;
margin: 0 auto;
padding: 10px 0 15px 0;
}

.alignleft	{
float: left;
display: block;
text-align: left;
margin: 8px 15px 15px 0;
}

.alignright	{
float: right;
text-align: right;
margin: 8px 0 8px 15px;
}

#initiations_navi {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0 0 40px;
}

#initiations_navi a {
color: #FFCC33;
text-decoration: none;
}

#initiations_navi a:hover {
color: #FFFF99;
text-decoration: underline;
}

#initiations_navi_prev {
width: 200px;
height: 24px;
}

#initiations_navi_next{
width: 200px;
height: 24px;
text-align: right;
}

#initiations_navi_spacer {
width: 200px;
height: 24px;
}

/* Rêves */

#reves_container {
width: 930px;
margin: 0 auto 0 auto;
text-align: center;
padding: 10px 0 0 0;
}

#reves_container a {
color: #FFCC33;
}

#reves_container div {
float: left;
}

#reves_menu {
width: 930px;
height: 43px;
background: url(reves/img/menubg.jpg) repeat-x;
text-align: left;
padding: 0 0 0 0;
display: inline;
}

#reves_menu ul {
padding: 10px 0 0 0;
margin: 0 0 0 0;
}

#reves_menu li {
display: inline;
margin: 0 42px 0 10px;
}

#reves_menu a {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #a39b89;
font-weight: bold;
text-decoration: none;
line-height: 19px;
margin: 0 0 0 0;
background: #000000;
padding: 0 10px 0 10px;
}

#reves_menu a:hover {
/*text-decoration: underline;*/
color: #CCAA00;
}

#reves_main {
width: 930px;
color: #FFF;
}

#reves_box01 {
width: 440px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
margin: 0;
padding: 10px 20px 0 20px;
color: #EEEEEE;
line-height: 25px;
}

#reves_box02 {
width: 440px;
float: right;
text-align: right;
padding: 0 0 20px 0;
}

#reves_box03 {
width: 930px;
height: 280px;
border-bottom: 1px solid #505050;
border-top: 1px solid #505050;
}

#reves_box04 {
width: 435px;
height: 100px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #d4d4d4;
padding: 30px 20px 0 0;
}

#reves_box04 img {
padding: 0 10px 0 30px;
}

#reves_box04 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
color: #d4d4d4;
}

#reves_box04 a:hover {
color: #FFFFFF;
}


#reves_main a {
color: #888888;
}

#reves_main h1 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: center;

color:  #e6cd77;
}

#reves_main h3 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
font-weight: bold;
color:  #e6cd77;
}

#reves_menudico {
width: 930px;
height: 30px;
/*background: url(reves/img/menubg.jpg) repeat-x;*/
text-align: left;
padding: 20px 0 0 16px;
display: inline;
}

#reves_menudico  ul {
padding: 0 0 0 20px;
margin: 0 0 0 0;
}

#reves_menudico  li {
display: inline;
margin: 0 4px 0 4px;
}

#reves_menudico  a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
line-height: 19px;
margin: 0 0 0 0;
background: #000000;
padding: 0 5px 0 5px;
background: #CC6600;
color: #000000;
}

#reves_menudico  a:hover {
/*text-decoration: underline;*/
color: #CCAA00;
background: #FFCC33;
color: #000000;
}

#reves_dico {
width: 850px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
color: #d4d4d4;
padding: 30px 40px 0 40px;
}


.reves_definition {
width: 100%;
float: left;
padding: 10px 0;
line-height: 20px;
padding; 10px 0 0 0;
}

.reves_definition div {
width: 100%;
float: left;
padding: 10px 0 0 0;
}

/*
.reves_definition p {
width: 100%;
float: left;
padding: 0;
margin: 6px 0;
}
*/


#reves_box05 img {
padding: 0 10px 0 30px;
}

#reves_box05 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
color: #d4d4d4;
}

#reves_box05 a:hover {
color: #FFFFFF;
}

#reves_dico h2 {
width: 100%;
float: left;
height: 22px;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
font-weight: bold;
color:  #e6cd77;
text-transform: uppercase;
border-bottom: 1px solid #FFCC00;
}

#reves_dico_lettre {
width: 100%;
height: 120px;
margin: 0 auto;
text-align: center;
}

/* Rêves célèbres */

#reves_celebres {
width: 850px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
color: #d4d4d4;
line-height: 20px;
padding: 30px 40px 0 40px;
}

#reves_celebres h2 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
font-weight: bold;
color:  #e6cd77;
display: block;
padding: 10px 0 0 0;
}

#reves_celebres div {
width: 100%;
border-bottom: 1px dashed #666666;
padding: 0 0 30px 0;
}

#reves_celebres div span {
display: block;
width: 810px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f7bb58;
border: 1px solid #996633;
padding: 20px;
margin: 20px 0;
}




/* Atelier */

#atelier_container {
width: 930px;
margin: 0 auto 0 auto;
text-align: center;
padding: 10px 0 0 0;
}

#atelier_container a {
color: #FFCC33;
}

#atelier_container div {
float: left;
}

#atelier_menu {
width: 930px;
height: 43px;
background: url(reves/img/menubg.jpg) repeat-x;
text-align: left;
padding: 0 0 0 0;
display: inline;
}

#atelier_menu ul {
padding: 10px 0 0 0;
margin: 0 0 0 0;
}

#atelier_menu li {
display: inline;
margin: 0 42px 0 10px;
}

#atelier_menu a {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #a39b89;
font-weight: bold;
text-decoration: none;
line-height: 19px;
margin: 0 0 0 0;
background: #000000;
padding: 0 10px 0 10px;
}

#atelier_menu a:hover {
/*text-decoration: underline;*/
color: #CCAA00;
}

#atelier_main {
width: 930px;
color: #FFF;
}

#atelier_box01 {
width: 420px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
margin: 0;
padding: 10px 20px 0 20px;
color: #EEEEEE;
line-height: 25px;
}


#atelier_box01 a {
width: 420px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

#atelier_box01 a:hover {
color: #ffffff;
text-decoration: underline;
}

.atelier_box02  {
width: 100%;
padding: 15px 0;
font-size: 12px;
line-height: 18px;
font-size: 12px;
}

.atelier_box02 a {
display: block;
height: 20px;
padding: 0 0 5px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

#atelier_box03 {
width: 930px;
height: 280px;
border-bottom: 1px solid #505050;
border-top: 1px solid #505050;
}

#atelier_box04 {
width: 100%;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#atelier_box04 img {
margin: 0 auto;
}

#atelier_box04 a {
color: #d4d4d4;
text-decoration: none;
font-weight: bold;
}

#atelier_box04 a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

a.btsuivant {
display: block;
height: 35px;
width: 49px;
background:url(img/suivant1.jpg) right top no-repeat;
padding: 14px 45px 0 0 ;
}

a:hover.btsuivant {
background:url(img/suivant2.jpg) right top no-repeat;
text-decoration: none;
}

a.btprecedent {
display: block;
height: 35px;
width: 14px;
background:url(img/precedent1.jpg) left top no-repeat;
padding: 14px 0 0 45px;
}

a:hover.btprecedent {
background:url(img/precedent2.jpg) left top no-repeat;
text-decoration: none;
}


#atelier_main a {
color: #888888;
}

#atelier_main h1 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: center;

color:  #e6cd77;
}

#atelier_main h3 {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
font-weight: bold;
color:  #e6cd77;
}

#atelier_menudico {
width: 930px;
height: 30px;
/*background: url(atelier/img/menubg.jpg) repeat-x;*/
text-align: left;
padding: 20px 0 0 16px;
display: inline;
}

#atelier_menudico  ul {
padding: 0 0 0 20px;
margin: 0 0 0 0;
}

#atelier_menudico  li {
display: inline;
margin: 0 4px 0 4px;
}

#atelier_menudico  a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
line-height: 19px;
margin: 0 0 0 0;
background: #000000;
padding: 0 5px 0 5px;
background: #CC6600;
color: #000000;
}

#atelier_menudico  a:hover {
/*text-decoration: underline;*/
color: #CCAA00;
background: #FFCC33;
color: #000000;
}

#atelier_dico {
width: 850px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
color: #d4d4d4;
padding: 30px 40px 0 40px;
}


.atelier_definition {
width: 100%;
float: left;
padding: 0;
line-height: 20px;
padding; 10px 0 0 0;
}

.atelier_definition div {
width: 100%;
float: left;
}

#atelier_box05 img {
padding: 0 10px 0 30px;
}

#atelier_box05 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
color: #d4d4d4;
}

#atelier_box05 a:hover {
color: #FFFFFF;
}

#atelier_dico h2 {
width: 100%;
float: left;
height: 22px;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
font-weight: bold;
color:  #e6cd77;
text-transform: uppercase;
border-bottom: 1px solid #FFCC00;
}

#atelier_dico_lettre {
width: 100%;
height: 120px;
margin: 0 auto;
text-align: center;
}


.comment01 {
background: url(img/guillemets.jpg) no-repeat left top;
text-indent: 55px;
text-align: justify;
padding: 30px;
margin: 15px 0 15px 0;
border: 1px dashed #555555;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 20px;
color: #eeedc4;
}

.textsmall {
font-size: 12px;
line-height: 16px;
}