/* Edited with EditCSS */
/**** Imported style sheet 208.css ****/

/* css Zen Garden submission - 'Sakura', by Tatsuya Uchida, http://www.re-bloom.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Tatsuya Uchida */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/* /////////////// basic elements /////////////// */
* {
	padding: 		0;
	margin: 		0;
}

body {
	margin:0 auto;
	padding:0;
font-size: 10.4pt;
line-height: 12pt;
	background-color: #ED8C75;
	background-image: url(images/test8a.gif);
	background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;

}

h1,h2,h3 span {
display:none;
}

.droite {
	text-align: right;
	font-size: 10pt;
}

h3 {
height:39px;
margin:0;
padding:0;
}

h4 {
height:15px;
font-size: 10pt;
font-weight: normal;
margin:0;
padding:0 15px 0 0;
}

p {margin:0;padding:0;}





/* ////////////// layout ///////////////// */


#container {
width:785px;
height:1100px;
margin:auto;
padding:auto;
margin-top:0px;
background: url(vert.gif) no-repeat;
color:#454545;
text-align:center;

}



#page {
position:relative;
width:720px;
margin-left:30px;
color:#ED8C75;
display:block;
font-size: 11pt;
	padding:0;
	background-color: #001D00;
}

#texteformu{
position:relative;
display:block;
top: 10px;
left: -230px;
}


#liens{
position:relative;
top: -2px;
width:544px;
height:66px;
background:url(liens.gif);
}

#lesliens {
position:relative;

}

#lesliens li {
font-size: 10pt;
font: bold;
padding:6px 0 10px 0;
color: #ffffff;

}

#lesliens li a {
padding-left:2px;
color: #505058;
}

#lesliens li a:hover {
text-decoration:underline;
color: #D468B7;
}

#contact{
position:relative;
top: -2px;
width:544px;
height:66px;

}



#texte{
margin:0 0 2px 12px;
display:block;padding:0;
width:544px;
text-align:justify;
}

#textegauche{
margin:0 0 2px 12px;
display:block;padding:0;
width:544px;
text-align:left;
}

#texteformu{
margin:0 0 2px 2px;
display:block;padding:0;
width:600px;
margin-left:270px;
text-align:center;
}

#footer {
width:532px;
margin:5px 0 0 226px;
text-align:right;
padding:3px 14px 43px 0;
}

#linkList {
position:absolute;
top:250px;
left:10px;
width:284px;
height: 578px;
background:url(menu.jpg) left center no-repeat;
}


#page p span{
padding:12px 12px 12px 12px;
display:block;
}

#linkList li {
list-style-type :circle;
font: bold;
padding:15px 0px 10px 3px;

}

#linkList li a {

padding-left:17px;
background:url(link.gif) left center no-repeat;
text-decoration:none;
}

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



#footer a{
text-decoration:none;
color:#888888;
background-color:#dfdfdf;
border:1px solid #bdbdbd;
padding:3px 3px;
height:100%;
}



#footer a:hover{
background-color:#ebebeb;
color:#777777;
}

.mignot1 {

font-size: 15px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
padding: 0 12px 12px 12px;
color: #FFFFFF;

}

.petit {

font-size: 8pt;
line-height: 13pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#E1E913;

text-align:center;
}

.categ{
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color: #E0613E;
font: bold;
}

.clic{
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color: #E0613E;
}

.center{
text-align:center;
}	

.quest{
color: #E0613E;

}


a {
color:#9EECF1;
text-decoration:none;
}

a:hover, a:hover {
color:#DD8066;
text-decoration:none;
}

.encours a {color:#010427;margin:0px;padding:2px;
}

a.entrez{
color:#9EECF1;
display: block;
width:166px;
height:70px;
text-align: center;
background: url(entrezvert.jpg) no-repeat;
z-index:100;	

}

form
   {   }
 td, input, select, textarea
   { font-size:13px; font-family: tahoma, verdana, arial, sans-serif; }
 input, select, textarea
   { color:#0000CC; }


#menu {
position:relative;
left:-26px;
margin-top: 6px;
top: 7px;
margin-left: 1px;
width: 792px;
height : 33px;
padding: 0px;
font-size: 10px;
font-weight: bold;
list-style-type: none;
text-align: center; 
}
		
	}
ul#menu {
margin-top: 0px;
padding: 0px;
list-style-type: none;
}

#menu li{
display : inline;
float :right;
}

ul#menu li
{

	margin: 0 0px 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul#menu li a
{
	margin-top: 10px;
		margin-left: 1px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:107px ;
	line-height: 30px ;
	color: black ;
	text-indent: 44px ; /* On décale le texte de 30px du bord gauche */
	text-decoration: none ;
	background: url('navkri35.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}

ul#menu li a:hover
{
	background: url('navkri35.gif') no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30x vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: black;


}

#titrep1 {
float:center;
margin-top:19px;
width:403px;
height:70px;
margin-left:105px;
background:url(./images/christine_titrevert.jpg) no-repeat ;
text-align:center;
z-index:100;
}

#titre {
position: relative;
border: 0;

margin-top:19px;
width:403px;
height:70px;
margin-left:15px;
background:url(./images/christine_titrevert.jpg) no-repeat ;
text-align:center;
z-index:100;
}


#photo_hhh {position:relative;width:521px; margin-left:0px;}
#conta {margin:0; margin-left:5px;padding:0; width:521px;height:380px; overflow:auto; color:#222; background:#fff;}
#conta ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#conta ul li { padding:0 15px; background:#fff;  vertical-align:top;}
#conta ul li img {border:1px solid #555; margin: 0px 0 0px 0;}
#photo_hhh h1 {text-align:center; padding:0; margin:0; width:620px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#conta p {margin:0; padding:5px 0; font-size:11px;}


#livre_hhh {width:721px; left:0px;}
#conta_livre {margin:0; margin-left:5px;margin-top:0px;padding:0;width:640px;height:670px; overflow:auto; color:#222; background:#fff;text-align:center; margin-left:auto;margin-right:auto;}
#livre_hhh h1 {width:620px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}

.tableau {
margin-left:auto;
margin-right:auto;
text-align:center;

}

.tableau table {
margin-left:auto;
margin-right:auto;
margin-top:-90px;
margin-bottom:20px;
width: 500px;
border: thin solid #E0613E;
border-collapse: collapse;
font-family: tahoma, verdana, arial, sans-serif;
font-size:15px;
empty-cells:show;
text-align:center;

}

.tableau th {
font-size: 90%;
color: #001999;
color: #E0613E;
border-collapse: collapse;
border:1px solid #E0613E;
padding: 15px;
text-align:center;
}

.tableau td {
font-size: 80%;
border: thin solid #E0613E;
padding: 5px;
text-align: left;
background-color: #ffffff;
}




/* defaults required for IE
a, a:visited, a:hover, a:active, a:focus {color:#000;}    */

#holder {position:relative; background:transparent url(toiles/photographe.jpg) 0px 0 no-repeat; margin-bottom:10px; margin-left:80px;width:620px; height:400px;border-top:1px solid #fff;}
#scrollbox {padding:0; margin:0px 0px 0px 90px; width:120px; list-style:none; height:360px; overflow:auto; float:right;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:55px; height:56px; float:left; padding: 15px; font-family:"trebuchet ms", sans-serif; font-size:17px; text-align:center;margin-top: 6px;}




#scrollbox a.coma {background:url(toiles/_thb_Le_chalutier_fantome.jpg) no-repeat center center;padding-top: 15px;}
#scrollbox a.comb {background:url(toiles/_thb_Le_dernier_voyage.jpg) no-repeat center center;}
#scrollbox a.comc {background:url(toiles/_thb_La_fontaine_de_Montfort.jpg) no-repeat center center;}
#scrollbox a.comd {background:url(toiles/_thb_Le_5eme_element.jpg) no-repeat center center;}
#scrollbox a.come {background:url(toiles/_thb_Portrait_de_famille.jpg) no-repeat center center;}

#scrollbox a.nusa {background:url(toiles/_thb_La_tentation_d_Eve.jpg) no-repeat center center;padding-top: 15px;}
#scrollbox a.nusb {background:url(toiles/_thb_Symphonie_d_un_songe.jpg) no-repeat center center;}
#scrollbox a.nusc {background:url(toiles/_thb_La_pomme_de_discorde.jpg) no-repeat center center;}
#scrollbox a.nusd {background:url(toiles/_thb_Esquisse_de_nus.JPG) no-repeat center center;}

#scrollbox a.celeba {background:url(toiles/_thb_Surrealisme_en_Trompe_L_oeil.jpg) no-repeat center center;}
#scrollbox a.celebb {background:url(toiles/_thb_Stars_d_hier.jpg) no-repeat center center;padding-top: 15px;}
#scrollbox a.celebc {background:url(toiles/_thb_Mona_Lisa_decodee.JPG) no-repeat center center;}
#scrollbox a.celebd {background:url(toiles/_thb_Le_violon_d_Ingres.JPG) no-repeat center center;}
#scrollbox a.celebe {background:url(toiles/_thb_La_valse_des_amants.JPG) no-repeat center center;}

#scrollbox a.puba {background:url(toiles/_thb_Coca_Cola_Story.JPG) no-repeat center center;padding-top: 15px;}

#scrollbox a.poesiea {background:url(toiles/_thb_A_mots_secrets.jpg) no-repeat center center;}
#scrollbox a.poesieb {background:url(toiles/_thb_La_fete_des_marrons.jpg) no-repeat center center;padding-top: 15px;}
#scrollbox a.poesiec {background:url(toiles/_thb_Il_etait_une_fois.JPG) no-repeat center center;}
#scrollbox a.poesied {background:url(toiles/_thb_Unidos_para_el_Flamenco.jpg) no-repeat center center;}
#scrollbox a.poesiee {background:url(toiles/_thb_Hip_Hop_attitude.JPG) no-repeat center center;}
#scrollbox a.poesief {background:url(toiles/_thb_Laetitia_et_Guy.JPG) no-repeat center center;}

#scrollbox a.ailleursa {background:url(toiles/_thb_Couleurs_du_Sud.jpg) no-repeat center center;padding-top: 15px;}
#scrollbox a.ailleursb {background:url(toiles/_thb_Parfums_d_Orient.JPG) no-repeat center center;}
#scrollbox a.ailleursc {background:url(toiles/_thb_Regard_d_Asie.JPG) no-repeat center center;}
#scrollbox a.ailleursd {background:url(toiles/_thb_Zen_attitude.JPG) no-repeat center center;}

#scrollbox a.guignola {background:url(toiles/_thb_Guignol___Cie.JPG) no-repeat center center;padding-top: 15px;}
#scrollbox a.guignolb {background:url(toiles/_thb_Le_petit_theatre_de_Guignol.JPG) no-repeat center center;}
#scrollbox a.guignolc {background:url(toiles/_thb_Le_RV_des_gones.JPG) no-repeat center center;}


#scrollbox a.enfancea {background:url(toiles/_thb_Raconte_moi_Becassine.JPG) no-repeat center center;}
#scrollbox a.enfanceb{background:url(toiles/_thb_En_route_pour_la_plage.JPG) no-repeat center center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0; }
#scrollbox a span img {border:0; }

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:480px; height:560px; left:-1px; background:#fff; z-index:100; border:1px solid #fff;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:480px; height:460px; top:0; left:0px; color:#000; background:#fff; border:1px solid #fff; z-index:-1;}
#scrollbox a:focus span {width:480px; height:460px; top:0; left:0px; color:#000; background:#fff; outline:0;border:1px solid #fff; z-index:10; }