﻿/* 0 BASIC TAGS */
* { margin:0; padding:0; }

table {
	/*font-size: 1em;*/
}

h1, h2, h3, h4 {
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
	width:90%;
}

a {
color:#666666;

text-decoration:none;
}

a:hover{
color:#666666;
text-decoration:underline;
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

img {
	border-width: 0;
}

/* 1  */

jaune
{
    background-color:Olive;
    float:right;
    width:100px;
    margin:0;
}

.header {
	background-image: url(../images/entete.png);
	background-repeat: repeat-x;
	position: relative;
	width: 1070px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

maj {
    /*background-color:Yellow;*/
    float:right;
    width:100px;
    top:100px;
    
    margin-top:30px;
    margin-right:10px;
}

h1 {
	position: absolute;
	left: 300px;
	/*text-transform: uppercase;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	
}


h2 {
	position: absolute;
	left: 37px;
	top: 160px;
	font-size: 11px;
}

.menua {
	position: absolute;
	right: 37px;
	top: 17px;
	text-transform: uppercase;
	font-size: 10px;
}

.nav {
	position: absolute;
	right: 37px;
	top: 60px;
	text-transform: uppercase;
	font-size: 10px;
}
.menusbarre {
	position: absolute;
	float:left;
	font-size: 10px;
}
.menusbarre hr {
	border: 0;
	border-top: 1px solid #fff;
	height: 1px;
}





.menua a:visited, .nav a:visited {
	color: #d32525;
}

/* 1.1 SHIM */

.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}

.column {
	background-image: url(../images/content-shim.gif);
}

.gradient {
	background-image: url(../images/content-shim-photo.gif);
}

.solid {
	background-image: url(../images/content-shim-none.gif);
}

/* 2 PAGE */

.saisiemembre{
position:absolute;
margin-top:25px;
margin-left:10px;
width:175px;
color:#333333;
}

.saisiemembrepwd{
position:absolute;
margin-top:65px;
margin-left:10px;
width:175px;
color:#333333;
}

.listecolissimo{
position:absolute;
margin-top:30px;
margin-left:10px;
width:140px;
color:#333333;
}
.listederoulante{
position:absolute;
margin-top:15px;
margin-left:30px;
width:160px;
color:#333333;

}
.rubrique3{
position:absolute;
}
.rubrique{
margin-left: 0px;
height:30px;
color:#990000;
width:265px;
}

.HeaderDroite{
margin-top:10px;
margin-left: 0px;
height:30px;
color:#CCCCCC;
font-size:15px;
width:200px;
}
.HeadercontentDroite{
margin-left: 0px;
height:100px;

width:200px;
color:#CCCCCC;

	background-image: url(../images/basrub.png);
	background-repeat: repeat-x;	
}
#contentPwd{
height:140px;
}

#contentlivraison{
height:360px;
background-color:#000000;
background-image: url(../images/basrub2.png);
	background-repeat: repeat-x;
}
#contentcolissimmo{
height:70px;
}
.HeaderTitle{
margin-top:5px;
margin-left: -2px;
height:30px;
color:#CCCCCC;
background-color:#000000;
font-size:15px;
width:253px;
}

.HeaderContent{
margin-left: -2px;
height:50px;
width:253px;
background-color:#990000;
background-color:#000000;
color:#FFFFFF;
}

.page {
	margin-left: auto;
	height:500px;
	margin-right: auto;
	text-align: left;
	
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
	width:100%;
	background-image: url(../images/titleheader.png);
	background-repeat: repeat-x;	
	color:#FFFFFF;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	
	font-size: 1.3em;
	font-weight: bold;
	/*background : #C4D9F9;*/
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	width:220px;
	background-image: url(../images/menurepeat.gif);
	background-repeat: repeat-x;	
}

h5 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
	
}
h6 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	width:220px;
	background-image: url(../images/menurepeat.gif);
	background-repeat: repeat-x;	
	width:450px;	
}
h6:hover{
color:#660066;
}

.bButtons{
position:absolute;
background-image:url(../images/go1.png);
margin-top:10px;
width:30px;
background-repeat:no-repeat;
height:30px;
}
.bListeValeurs{
position:absolute;
margin-top:10px;
margin-left:20px;
height:100px;
}
.bValeurs{
margin-top:5px;
margin-left:20px;
color:#CCCCCC;

}

.bValeurs:hover{
margin-left:20px;
color:#FFFFFF;
text-decoration:underline;
cursor:pointer;
}
.bulle{
position:absolute;
width:12px;
height:12px;
margin-left:-20px;
background-repeat:no-repeat;
background-image: url(../images/puce.png);
}
#rubAccueil{
margin-top:16px;
cursor:pointer;
background-image: url(../images/accueil0.png);

}
#rubAccueil:hover{

background-image: url(../images/accueil2.png);

}

#rubHisto{
margin-top:16px;

cursor:pointer;
background-image: url(../images/histo0.png);

}
#rubHisto:hover{

background-image: url(../images/histo1.png);

}

#rubhommage{
margin-top:16px;

cursor:pointer;
background-image: url(../images/hommage0.png);

}
#rubhommage:hover{

background-image: url(../images/hommage1.png);

}

#rubextraits{
margin-top:16px;

cursor:pointer;
background-image: url(../images/extraits0.png);

}
#rubextraits:hover{

background-image: url(../images/extraits2.png);

}

#rubdisco{
margin-top:16px;

cursor:pointer;
background-image: url(../images/discographie0.png);

}
#rubdisco:hover{

background-image: url(../images/discographie2.png);

}

#rubagenda{
margin-top:16px;

cursor:pointer;
background-image: url(../images/agenda0.png);

}
#rubagenda:hover{

background-image: url(../images/agenda2.png);

}


#rubannales{
margin-top:16px;

cursor:pointer;
background-image: url(../images/annales0.png);

}
#rubannales:hover{

background-image: url(../images/annales2.png);

}

#rubliens{
margin-top:16px;

cursor:pointer;
background-image: url(../images/liens0.png);

}
#rubliens:hover{

background-image: url(../images/liens2.png);

}

#rubcontacts{
margin-top:16px;

cursor:pointer;
background-image: url(../images/contacts0.png);

}
#rubcontacts:hover{

background-image: url(../images/contacts2.png);

}




#rubMembres{
background-image: url(../images/rubmembres.png);
}
#rubcolissimo{

background-image: url(../images/rubcollissimo.png);
}
#rublivr{

background-image: url(../images/rubliv.png);
}
#rubCategorie{
background-image: url(../images/rubCategorie.png);
}

#ContentUnivers{
height:210px;
}
#rubrecherche{
background-image: url(../images/rubrecherche.png);
}
#rubmentions{

margin-top:150px;
background-image: url(../images/rubmentions.png);

}

#titrerubrique
{

	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
	/*background : #C4D9F9;*/
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	width:720px;
	background-image: url(../images/menurepeat.gif);
	background-repeat: repeat-x;	
}
#home2, #resume, #links, #register, #admin-albums, #admin-photos {
	background-image: url(../images/body-repeat2.gif);
	background-color:#000000;
	position: relative;
	
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	position: relative;
	width: 760px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	
}

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #resume, #links, #register, #admin-albums, #admin-photos {
	background-image: url(../images/body-repeat.gif);
	position: relative;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
	position: relative;
	width: 1070px;
	height:400px;
	margin-left: auto;
	margin-right: auto;
}
#hrRight {
	border: 1px;
	border-right: 1px solid #bababa;
	width: 20px;
	
}
#sidebar {
	float: left;
	width: 210px;
	height: 100%;
	margin-left: 20px;
}



#picturePrix{
	position:absolute;
	margin-top:420px;
	margin-left:350px;
	width:400px;
	height:80px;
	color:#0000FF;
}


#pictureCommentaire{
	position:absolute;
	margin-top:320px;
	margin-left:200px;
	width:400px;
	height:80px;
	color:#000000;
}

#pictureTitle{
	position:absolute;
	margin-top:20px;
	margin-left:100px;
	width:600px;
	height:20px;
	color:#000000;
	font-size:16px;
	text-decoration:underline;
}
#PictureProd{
	position:absolute;
	margin-top:80px;
	margin-left:280px;
	width:200px;
	height:200px;
	background-color:#330000;
	border-style:dotted;
	border-width:thin;
	border-color:#FF0000;
}

#ProdContain {
	position:absolute;
	margin-left:262px;
	height:400px;
	top: 10px;
	width: 820px;
}

#content {
	margin-left: 270px;
	margin-right:20px;
	height:100%;
}
#content2 {
	margin-left: 20px;
	margin-right:20px;
	height:100%;
}

#coupcoeur{
position:absolute;
margin-top:-350px;
}

.lbprod{

position:absolute;
margin-top:-25px;
height:20px;
width:120px;
color:#000000;
}
.lbprix{

position:absolute;
margin-top:5px;
height:10px;
color:#009900;

width:120px;
}
.lignetab
{

	 font-weight:normal;
	/* background-color:#F7F7F7;*/
	color:#597F9B;
 	}

/* Bureau*/
.titrecol0
{

	 font-weight:normal;
 	
	background-color:#000000;
	color:#FFFFFF;
	
	}

.tdligneBur
{
 	font-weight:normal;
	background-color:#F7F7F7;
	color:#597F9B;
	
}
.trligne
{
	font-weight:normal;
 	color:#597F9B;
	}

.trligne1
{

background-color:#F7F7F7;
color:#597F9B;
		}

.col1
{

	 font-weight:normal;
 	/*border-bottom:#C4D9F9;
	border-bottom: 1px solid #C4D9F9;
	border-top: 1px solid #C4D9F9;
	border-right: 1px solid #C4D9F9;*/
	color:#597F9B;
	
}
.titrecol{
background: #6B9BCE;

 font-weight:bold;
	border-bottom: 1px solid #C4D9F9;
	border-top: 1px solid #C4D9F9;
	background-image: url(../images/menurepeat.gif);
	background-repeat: repeat-x;
	
}

.csligne{
height:100px;
width:100px;
border-style:dotted;
border-width:thin;
border-color:#999999;

	
}
.csInterligne{
padding-top:0px;
height:55px;
}

.csInterligneCoupCoeur{
padding-top:0px;
height:55px;
background-image: url(../prod/coeur.png);
	background-repeat:no-repeat;
}


.pictureCadre2{
margin-top:15px;
margin-left:10px;

color:#0066CC;

}
.pictureCadre{
margin-top:50px;
margin-left:10px;

color:#0066CC;

}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
}



/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(../images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */


#photos, #details, #admin-details {
	background-image: url(../images/body-repeat-photo.gif);
	padding: 0;
	width: 760px;
}

.buttonbar {
	background-image: url(../images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(../images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 3 FOOTER */

.footerbg {
	background-image: url(../images/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
}
.footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 75px;
	text-align: center;
	font-size: 10px;
}

.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #d32525;
}



/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

.gauche
{
float:left;

margin-left:5px;
}
/**RUBRIQUES*/
.rubrique
{
float:left;
margin-right:5px;
margin-top:2px;
width:220px;

	
	
/*border-left:3px solid #9b2;
border-bottom:1px solid #9b2;
border-right:3px solid #9b2;
border-top:1px solid #9b2;
*/
}
.Menuseparator
{
height:105px;

}

.rubTexte
{
margin-left:45px;
}
#rubriqueDroite
{
height:200px;
margin-top:10px;
width:30px;
border-left:3px solid #9b2;
border-bottom:1px solid #9b2;
border-right:3px solid #9b2;
background-color:#000000;
border-top:1px solid #9b2;

}



/** MENU **/


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
top: 10px;
margin-left:10px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
width: 254px;
height:40px;
margin-top:0px;

}



#menu dt {
cursor: pointer;
margin: 0px 0;

line-height: 20px;
text-align: center;
width:157px;
/*border: 1px solid #000000;*/
margin-top:5px;
color:#FFFFFF;
background-image:url(../images/accueil1.png);
background-repeat:no-repeat;
height:40px;
text-transform: uppercase;

}

#menuAccueil{


background-image:url(../images/accueil1.png);
background-repeat:no-repeat;
height:40px;
margin: 0px 0;
width:150px;
}

#btgo3
{
position:absolute;
margin-left:160px;
margin-top:90px;
}

#btgo3:hover
{
background-image:url(../images/go2.png);
}

#btgo2
{
margin-left:160px;
margin-top:25px;
}
#btgo2:hover{

background-image:url(../images/go2.png);
}
#btgo{
margin-left:200px;

}
#btgo:hover{

background-image:url(../images/go2.png);
}
#menuAccueil:hover{


background-image:url(../images/accueil2.png);
background-repeat:no-repeat;

}
#menuseries{


background-image:url(../images/series1.png);
background-repeat:no-repeat;
height:40px;
margin: 0px 0;
width:150px;
}

#menuseries:hover{


background-image:url(../images/series2.png);
background-repeat:no-repeat;

}

#menuproduits{


background-image:url(../images/produits1.png);
background-repeat:no-repeat;
height:40px;
margin: 0px 0;
width:150px;
}

#menuproduits:hover{


background-image:url(../images/produits2.png);
background-repeat:no-repeat;

}

#menuforum{


background-image:url(../images/forum1.png);
background-repeat:no-repeat;
height:40px;
margin: 0px 0;
width:150px;
}

#menuforum:hover{


background-image:url(../images/forum2.png);
background-repeat:no-repeat;

}

#menuliens{


background-image:url(../images/liens1.png);
background-repeat:no-repeat;
height:40px;
margin: 0px 0;
width:150px;
}

#menuliens:hover{


background-image:url(../images/liens2.png);
background-repeat:no-repeat;

}
#menu dd {
}
#menu li {
text-align: center;
color:#FFFFFF;
}
#menu li a, #menu dt a {
color:#CC3300;
color:#FFFFFF;
text-decoration:underline;
display: block;
border: 0 none;
height: 100%;
border-bottom-width:1px;

/*opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);*/
}
#menu li a:hover, #menu dt a:hover {
color:#CC3300;
color:#CCCCCC;
background-image:url(../images/accueil2.png);
background-repeat:no-repeat;
background-color:#333333;
border-color:#666666;
border-width:1px;
border-style:solid;

}

#research
{
position:absolute;
margin-left:30px;
margin-top:55px;
color:#CCCCCC;
}
#horizbar
{
padding-top:5px;
margin-left:8px;
margin-top:-5px;
height:20px;
width:744px;
color:#CC6633;
background-repeat:repeat-y;
}

#horizbarlight
{
position:absolute;
padding-top:10px;
margin-left:550px;
margin-top:5px;
height:15px;
width:300px;
color:#CC6633;
background-repeat:repeat-y;
}

#copyright
{
	position:absolute;
	padding-top:10px;
	margin-left:850px;
	margin-top:5px;
	height:15px;
	width:288px;
	color:#999999;
	background-repeat:repeat-y;
	left: 2px;
}

.textType
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

}
#footpage{
	position:absolute;
	color:#999999;
	background-image:url(../images/footpage.gif);
	margin-top:400px;
	background-repeat:no-repeat;
	height:50px;
	width:1200px;
	
}
.Red{
color:#996600;
}
#pic1
{
margin-top:0px;

margin-left:150px;
width:400px;
height:280px;
background-image:url(../photos/pic1.png);
background-repeat:no-repeat;
}

#pic2
{
margin-top:0px;

margin-left:280px;
width:150px;
height:158px;
background-image:url(../photos/pic2.png);
background-repeat:no-repeat;
}
#pic3
{
margin-top:0px;

margin-left:180px;
width:372px;
height:300px;
background-image:url(../photos/pic3.png);
background-repeat:no-repeat;
}
#pic4
{
margin-top:0px;

margin-left:180px;
width:318px;
height:314px;
background-image:url(../photos/pic4.png);
background-repeat:no-repeat;
}
#pic5
{
margin-top:0px;

margin-left:140px;
width:418px;
height:285px;
background-image:url(../photos/pic5.png);
background-repeat:no-repeat;
}
#pic6
{
margin-top:0px;

margin-left:140px;
width:412px;
height:266px;
background-image:url(../photos/pic6.png);
background-repeat:no-repeat;
}

#pic7
{
margin-top:0px;

margin-left:140px;
width:393px;
height:263px;
background-image:url(../photos/pic7.png);
background-repeat:no-repeat;
}

#pic8
{
margin-top:0px;

margin-left:140px;
width:419px;
height:305px;
background-image:url(../photos/pic8.png);
background-repeat:no-repeat;
}

#pic9
{
margin-top:0px;

margin-left:140px;
width:419px;
height:308px;
background-image:url(../photos/pic9.png);
background-repeat:no-repeat;
}

#pic10
{
margin-top:0px;

margin-left:130px;
width:446px;
height:311px;
background-image:url(../photos/pic10.png);
background-repeat:no-repeat;
}

#pic11
{
margin-top:0px;

margin-left:230px;
width:240px;
height:313px;
background-image:url(../photos/pic11.png);
background-repeat:no-repeat;
}

#pic12
{
margin-top:0px;

margin-left:190px;
width:321px;
height:299px;
background-image:url(../photos/pic12.png);
background-repeat:no-repeat;
}

#pic17
{
margin-top:0px;

margin-left:190px;
width:321px;
height:320px;
background-image:url(../photos/pic17.png);
background-repeat:no-repeat;
}


#pic13
{
margin-top:0px;

margin-left:240px;
width:224px;
height:285px;
background-image:url(../photos/pic13.png);
background-repeat:no-repeat;
}


#pic14
{
margin-top:0px;

margin-left:240px;
width:241px;
height:244px;
background-image:url(../photos/pic14.png);
background-repeat:no-repeat;
}

#pic15
{
margin-top:0px;

margin-left:240px;
width:263px;
height:265px;
background-image:url(../photos/pic15.png);
background-repeat:no-repeat;
}

#pic16
{
margin-top:0px;

margin-left:240px;
width:276px;
height:278px;
background-image:url(../photos/pic16.png);
background-repeat:no-repeat;
}



#mainContent
{
	position:absolute;
	margin-left:20px;
	margin-top:-170px;
	height:395px;
	color:#000000;	
	top: 174px;
	width: 700px;
}
#mainContent2
{
	position:absolute;
	margin-left:850px;
	margin-top:-175px;
	height:730px;
	top: 175px;
	width: 200px;
}
#mainArticle
{
position:absolute;
margin-left:10px;
margin-top:10px;
background-color:#0099FF;
height:20px;
width:555px;
border-style:solid;
background-color:#999999;
border-width:1px;
color:#FFFFFF;
padding-top:2px;

}
#mainArticleContent
{
position:absolute;
margin-left:10px;
margin-top:30px;
background-color:#0099FF;
height:250px;
width:555px;
border-style:solid;
background-color:#CCCCCC;
border-width:1px;
color:#FFFFFF;
padding-top:2px;
}

#lbEnvoi
{
position:absolute;
margin-top:10px;
margin-left:30px;
}

#rubPwd{
height:140px;

	background-image:url(../images/basrub0.png);
}
#lbLogin{
position:absolute;
margin-top:5px;
margin-left:10px;
}

#lbPwd{
position:absolute;
margin-top:47px;
margin-left:10px;}

#vComment{
	position:absolute;
	margin-top:30px;
	margin-left:10px;
	top: 387px;
}
