/* 	
	Screen.css 
	
*/

 * {
padding: 0px;
margin: 0px;
}

body {
background:#1c1c1c url(../p_index/test33.jpg) no-repeat right top ;
color:#bbbbbb;
font:90%/1.4em arial,sans-serif;
margin:0px;
text-align:justify;
} 

h1 {font-size: 1.7em; font-weight:normal;line-height:120%; color:#4ba900;}
h2 {font-size: 1.1em;  color:#84D41D; margin:10px 0 10px 0;}
h3 {font-size: 1em; font-weight:430;line-height:120%; color:#419F2E; margin-top:15px; margin-bottom:10px;}
h4 {font-size: .9em; font-weight:normal;line-height:120%; color:#999087;}
h5 {font-size: 1em; font-weight:normal;line-height:120%; color:#F4AB00;}
strong {font-size: 1em; font-weight:430; line-height:120%;}
p {text-align:justify;}
i   {font-size: 1em; font-weight:normal;line-height:120%; color:#84CECC;}
ul  {font-size: 1em; font-weight:normal;line-height:120%; }
li  { margin-left: 25px; margin-bottom:.2em; }
cite {font-size: 1em; font-weight:450; color:#737CFF;}
small { font-size: 0.6em; }
h1 small { font-size: 0.5em; }
/* Utiliser dans p_amigo */

.fonce   {color:#999999; }
.claire { color:#737CA1; }
.hrp { color:#dddddd;}
.faible { color:#EE6700;}
.bon {color:#00BEEE;}
.moyen {color: #EEEE00;}
.excellent {color:#3fee00;}
.auteur { color:#cccccc; }
.medium { font-size: .7em; font-weight:normal;line-height:120%; }
.signature {font: 1.3em casmira, verdana,arial; 
           font-weight:430;line-height:120%; 
		   color:#A2B5BF;
		   text-align:right;
		   }

/*----*/

.xtab {padding-left: 20px;}
.xcenter {text-align:center;}



a { color:#eeeeee; } 
a:link, a:visited {color:#4CC417; text-decoration:none;}
a:hover, a:active {color:#52F3FF; text-decoration:none;}



#page_full  { position:relative;
        top:20px; 
        margin-left:auto;
		margin-right:auto;
        width:920px;
		height:640px;
		}			
#topborder{
	height:65px;
	border-bottom: 2px solid #4c4c4c;
	margin-top:5px;
    margin-bottom:40px;
	}

#topborder .strapline { background: url(../p_index/strap.gif) no-repeat left top ;
                      float:left; width:84%; margin-right: 2em; }
#topborder .strapline img {border:none;}					  

#topborder .logo { margin-left:1em; margin-top:0.5em; border:none; }
#topborder img {border:none;}

#topborder H3 { 
	font: 75%/1.3em arial,verdana,sans-serif; color:#d1d1d1;
}
#footer {border-top: 1px solid #4c4c4c;
    margin-top:10px;
    padding-top:5px;	
	padding-bottom:30px;
	}

#cadre {position:absolute; width:100%; height:100%;
	  }
#xmusic{
   position:relative;
   top:-20px;
   left:95%;
} 
#xmusic a img {
       border: 0px none; 
	   }
#zmusic{
   position:absolute;
   top:93%;
   left:90%;
} 
#zmusic a img {
       border: 0px none; 
	   }
#soundonoff { position:relative;
		cursor: pointer;
		top: 5px;
		visibility: hidden;
	}

.align1 { vertical-align:1.1em; font-size:1em;}

.align2 { color: #41A317; vertical-align:.5em; font-size:1em;}

.fish { border:none;}



/* ces deux css pagexxx sont appellé par guillermo 2005 et ensenacho 2006 */		

/* #page_left  { position:absolute; top: 100px;  left:1px; width:470px; }
#page_right { position:absolute; top: 100px;  left:480px; width:400px;}  */
 
#Gallerie {border: 6px solid #FFFFFF;
		  text-align:center;
	      width:350px; 
		  padding-top:30px;
		  padding-bottom:30px;
		  }
#Gallerie a img {
       border: 2px solid; 
	   padding: 2px;
	   border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	   }
#Gallerie  a:hover {border-bottom: 2px solid  #52F3FF;}
	   
/* ----------------------------- */
	 
	
/* Parametres pour les slidesshow */
#pleine { top:110px;
              url("lightbox/images/loading.gif")
			  no-repeat center center;}

#pleine img { border-top:10px solid #ffffff;
                 border-left:9px solid #ffffff;
				 border-right:9px solid #ffffff;
				 border-bottom:10px solid #ffffff;
 }
#pleine  a:hover {border-bottom: 0px ;}

#SS-controls {
    float:center;
    margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	background-color: transparent;
	width:70%;
	color: #A0A0A0 ;
} 
#SS-controls img { border:none;}

#SLIDESTEXT {font: 85%/1.4em verdana,arial,sans-serif; }

#page_left  { position:absolute; top: 125px;  left:1px; width:492px; }
#page_right { position:absolute; top: 90px;  left:520px; width:390px;} */

/* a faire disparaite */
	#top_right{	
    position:absolute;
	top: 2%;
	left: 88%;
	height:30px;
	}  
	/* a faire disparaite */
#top_right_main{	
    position:absolute;
	top: 1.5%;
	left: 88%;
	height:30px;
	}
	/* a faire disparaite */
#top_right_main a img {
       border: 1px ; 
	   padding: 0px;
	   border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	}
	   
	   
#footer_right {position:absolute; top:91%; left:94%; width:25px; height:25px;}


#contact {font-size:0.85em;
         margin-left:0px;
         width: 390px;
		 height:25px;
		 text-align:Left;
		 padding-top:6px;
		 Padding-left:6px;
		 border: 1px solid #333333;}

/* le font de l'adresse de courriel */
#contact a { font: 1.3em tahoma, arial;}
#contact Img { background-color:none; color:#444444;}

/* Sert dans la page principal pour afficher les icones des autres pages */
#photoselection {position:absolute; top:103%;  width:100%;
                border: 1px solid #444444;
				padding-top:5px;
				padding-bottom:2px;
				text-align:center;
				background-color:#333333;
                }
				 
#le_texte {position:absolute; top:110%;  width:100%;
				padding-top:10px;
				text-align:center;
				height:25px;
				color: #aaaaaa;
				font-size: .9em;
                }
				
#texteR {border : 10px solid #2f2f2f;
 width: 48%;
float:right;
background-color: #2f2f2f;
}

				
#texteL {border : 10px solid #2f2f2f;
 width: 48%;
float:Left;
background-color: #2f2f2f;
}
#texteP {border : 10px solid #2f2f2f; 
        width: 99%;
		text-align:left;
        background-color: #2f2f2f;}
#texteP_sback { padding-left:30px;
        width: 99%;
		text-align:left;
        }		

/*
#texteP {width: 100%;
		text-align:left;
        background-color: transparent;}
#texteL {
 width: 48%;
float:Left;
background-color: transparent;
}*/					

#photoL {
 width: 48%;
 float: left;
 text-align: center;
 background-color: transparent;
 }

#photoR {
 width: 48%;
float: right;
text-align: center;
 background-color: transparent;
}		
 
 #photoL a img {
       border: 2px solid; 
	   border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	   }
 #photoR a img {
       border: 2px solid; 	
	   border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	   }			

/* typography
----------------------------------------------- */
 
#photoselection img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8; 
border: 1px solid #ccc;
}

#photoselection a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; 
} 
/*#photoselection a:hover {border-bottom: 2px solid  #52F3FF;}*/

#footer_right a:hover {border-bottom: 2px solid  #52F3FF;}


/*  ca c'est pour l'animation du requin */

#footer_right a img {
       border: 0px none; 
	   padding: 0px;
	   }

a img {
       border: 1px solid; 
	   padding: 1px;
	   border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
       } 

/* misc
----------------------------------------------- */
.photolong {
border:1px solid #fff;
margin-bottom:20px;
}

.leftimgS {
	
	border: 5px solid #FFFFFF;

	
}
.rightimgS {
	
	border: 5px solid #FFFFFF;

}
.clear { clear: both; padding-bottom:40px; }

/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

 * html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	 

/* pour faire des boutons opaque (pas encore utilise)
Option toogleopacity (film opaque) ou toogleborder (Cadre)
exemple:<a class="toggleopacity" href="http://xxxxx">
<img border="0" src="toto.gif" width="137" height="26" />
</a>


*/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; 
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; 
}

.toggleopacity img{
border: 1px solid #ccc; 
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* video */

/* Conteneur de projection, video et texte */
#conteneur_video { width:810px;}
#footer_video { font-size: 0.8em; bottom:1%; }
#footer_video a img {border: none;}

/*zone de projection */
#tablevideo {
	 height:450px;
	 border:4px solid #ffffff;
	 }
#tablevideo img {width:100%; height:100%;}
	 
/* Zone de texte en bas de la zone d'affichage */

#textvideo  {height:65px;
     font-size: 0.9em;
	 line-height:100%;
	 padding:0.2em;
	 text-align:center;	
}

#video_index  {width:90%;height:40px;
	background:transparent; 
	}

#video_index img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; 
border: 1px solid #ccc;
width:43px;
height:27px;
}

#video_index a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; 
}