/* Bouton Mute */
#mute
{
   width: 70px;
   height: 70px;
   position:absolute;
   top: 20px;
   bottom: 20px;   
   left:0px;   
   background-color: none; /*#72cfff;*/ /*#72d7f3;*/ /*#b5f3fd;*/ /*#b5a7e8; *//* #50abe2; */
   color: white; /* Le texte de la page sera blanc */
}

.imgMargin_0_0 { 
margin: 0px 0px 0px 0px; /*top,right,bottom,left*/ 
}

.imgMargin_20_20 { 
margin: 20px 20px 20px 20px; /*top,right,bottom,left*/ 
}
.imgMargin_0_20 { 
margin: 0px 20px 0px 20px; /*top,right,bottom,left*/ 
}

.imgMargin_20_0_20 { 
margin: 20px 0px 20px 20px; /*top,right,bottom,left*/ 
}
.imgMargin_20_20_0 { 
margin: 20px 20px 20px 0px; /*top,right,bottom,left*/ 
}

body
{
   width: 1000px;
   height: auto;
   left: 0px;  
   margin-top: 0px;
   margin-bottom: 0px;  
   background-image:url(images/pinklight_drop.jpg);   
   background-color:#ec9eef; 
   background-repeat: repeat;
   background-attachment: fixed; /* Le fond restera fixe */
   color: white; /* Le texte de la page sera blanc */
   font-family:Palatino, "Times New Roman", Times, serif;
}

/* Le menu */
#menu
{
  z-index:10;
  display: block; 
  height:200px;
  position: absolute; 
  left:160px;
  top: 10px; 
  overflow: hidden; 
  width: 1200px;
}
 
.topNaviagationLink
{
position:relative;
margin-top:30px;
font-size:20px;
margin-left:18px;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
color:#ec8da9;
font-family:Palatino, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#fbe3ea;
 z-index:10;
}

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
font-size:21px;
color:#831ebe;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
  z-index:10;
}

.ssNaviagationLink
{
position:relative;
margin-top:5px;
font-size:26px;
margin-left:5px;
width:100px;
height: 30px;
line-height: 18px;
float:left;
text-align: center;
color:#96df93;
font-family:Palatino, "Times New Roman", Times, serif;
}
.ssNaviagationLink a
{
text-decoration:none;
color:#beff73;
z-index:10;
width:100px;
}
.ssNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
font-size:16px;
color:#65c900;
width:100px;
height: 30px;
line-height: 18px;
float:left;
text-align: center;
z-index:10;
}
.topNaviagationLinknow
{
position:relative;
margin-top:30px;
font-size:20px;
margin-left:20px;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
font-family:Palatino, "Times New Roman", Times, serif;
  z-index:10;
}

.topNaviagationLinknow a
{
text-decoration:none;
color:#ffcc61;
  z-index:10;
}
.topNaviagationLinknow a:hover
{
text-align:center;
border-bottom:none;
color:#831ebe;
width:110px;
height: 60px;
line-height: 24px;
float:left;
text-align: center;
  z-index:10;
}


/* En-tete pour Nous */

#photoEntete_nous
{
z-index:5;
position: absolute;
width:950px;
height:290px;
top: 110px;
left: 200px;
background-color:none;
background-image:url(images/pink_style_rectangle.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#photoEntete_nous  .photo
{
position:absolute;
height:280px;
width:950px;
top:10px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
left:10px;
}

#photo .en_tete_comment
{
   z-index:5;
   height: 200px;
   position: absolute;
   left: 400px;
   top: 300px;
}

.photo_liens
{
position:absolute;
top:0px;
left: 550px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
}
.photo_yell1
{
position:absolute;
top:20px;
left: 420px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
}
.photo_yell2
{
position:absolute;
top:60px;
left: 630px;
background-color:none;
background-image:none;
background-repeat:no-repeat;
}


#en_tete_comment  h1
{
   z-index:5;
   line-height:24px;
   color: #3949a8;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 530px;
   margin-top: 0px;
   top:0px;
   position: absolute;
   font-size: 20px;
   font-style: italic;
}
#en_tete_comment  h2
{
   z-index:5;
   color: #3949a8;
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: none;
   left: 750px;
   margin-top: 0px;
   top: 240px;
   position: absolute;
   font-size: 20px;
   font-style: italic;
}


/* Le corps de la page */

#corps
{
   position: absolute;
   left: 140px;
   top: 600px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;  
   border: 2px solid black;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family:Palatino, "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

.contentBox
{
position:absolute;
width:950px;
height:auto;
top:400px;
left:100px;
background-color:#ec9eef;
color: #086b00;
}

.contentBox .innerBox
{
position:absolute;
width:950px;
height:auto;
top:10px;
left:100px;
background-color:#ec9eef		;
background-repeat:no-repeat;
padding-bottom:10px;
color: #086b00;
}

.contentTitle
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:22px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
left:15px;
margin-top: 15px;
top:10px;
text-align: center;
color: #093f00;
}

.contentTitle h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:14px;
color:#086b00;
text-decoration:none;
line-height:20px;
margin-left:40px;
left: 40px;
padding-top:10px;
margin-right:40px;
margin-top:0px;
text-align: left;
}

.contentTitle  h1 a
{
color:#399c94;
text-align: left;
}

.contentSubject
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:30px;
font-style:underline;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:15px;
left: 15px;
margin-top:10px;
text-align: center;
color: #276a5d;
}

.contentText_credits
{
line-style-type:disc;
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
margin-left:13px;
left: 13px; 
padding-top:10px;
margin-right:13px;
margin-top:0px;
text-align: center;
}

.formation
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
line-height:22px;
margin-left:20px;
padding-left: 20px; 
padding-top:0px;
margin-right:13px;
margin-top:0px;
text-align: left;
}

.contentText
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:18px;
line-height:22px;
margin-left:20px;
padding-left: 20px; 
padding-top:0px;
margin-right:13px;
margin-top:0px;
text-align: center;
}

.contentText  h1
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:20px;
line-height:20px;
margin-left:13px;
left:13px;
padding-top:10px;
margin-right:13px;
margin-top:0px;
text-align: center;
color: #086b00;
text-decoration:none;
}

.contentText  h2
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:20px;
line-height:20px;
left:20px;
padding-top:10px;
margin-right:30px;
margin-left:30px;
margin-top:0px;
text-align: left;
color: #086b00;
text-decoration:none;
}

.contentText  h3
{
font-family:Palatino, "Times New Roman", Times, serif;
font-size:16px;
line-height:20px;
left:20px;
padding-top:10px;
margin-right:30px;
margin-left:30px;
margin-top:0px;
text-align: left;
color: #007e6c;
text-decoration:none;
}

ul.credits 
{list-style-type:disc;
text-align: left;
color: #007e6c;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
}
 

h1
{
   color: rgb(243,65,243);
   font-family:Palatino, "Times New Roman", Times, serif;
   text-align: center; /* Pour centrer le titre */
   text-decoration: underline;
   font-size: 16px;
}

h3 .italik
{
font-style: italic;
text-align: right;
font-size:14px;
}

.italik
{
font-style: italic;
text-align: right;
font-size:18px;
}
.soulign
{
text-decoration:underline;
font-style: italic;
text-align: center;
}


#main_home
{
position: absolute;
border: none; 
background-color:none;
left:70px;
top:100px;
float:left;
margin: 0;
}