/* CSS Document */

.body-interne{
	background-color:#754c2c;
	margin: 0px;
	padding: 0px;
}


.body-accueil{
	background-position: top;
	margin: 0px;
	padding: 0px;
	background-image: url(images/fond-accueil.jpg);
	background-repeat: repeat;
	
}

#sitecentrage-accueil {
	padding: 0px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


#sitecentrage {
	padding: 0px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

a.bloc{
	display:block;
	padding:4px;
	background-color:#26170D;
	width: 170px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:normal;
	color: #999999;
	text-align: center;
	font-size: 11px;
	float: left;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

a.bloc:hover{
	background-color: #5B3720;

	
}

#centre{
	background-image:  url(images/fond-home.jpg);
	background-repeat: no-repeat;
	height: 700px;
	width: 1000px;
}

#centre_accueil{
	background-image:  url(images/couv.jpg);
	background-repeat: no-repeat;
	height: 842px;
	width: 1000px;
}

#centre_accueil h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	position: absolute;
	left: 0px;
	top: 847px;
	width: 1000px;
	height: 12px;
}




#centre-illustration{
	background-repeat: no-repeat;
	width: 1000px;
	padding-top: 5px;
}


.margin-bottom15{
	padding-bottom:15px;
	
}

.margin-right15{
	padding-right:15px;
	
}



.colonne-blog{
	float:left;
	width: 670px;
	background-color: #3D2514;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 20px;
}

.filet{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 15px;
	margin-top:20px;
	display: block;
}

.colonne-blog p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height:150%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.colonne-blog a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height:150%;
	text-decoration:underline;
}



.colonne-blog h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #CCCCCC;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	text-transform: none;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
}


#titre-illustration{
	position: absolute;
	left: 21px;
	top: 96px;
}

#centre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3D2514;
	text-decoration:none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	position: absolute;
	left: 0px;
	top: 574px;
	width: 1000px;
	height: 12px;
}

.lien-promo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #81673A;
	text-decoration:none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	position: absolute;
	left: 0px;
	top: 679px;
	width: 1036px;
	height: 12px;
}

#nom{
	position: absolute;
	left: 20px;
	top: 80px;
	width: 280px;
	height: 39px;
}

#menu{
	position: absolute;
	left: 497px;
	top: 0px;
	width: 503px;
}

#petit-menu{
	position: absolute;
	left: 23px;
	top: 14px;
	width: 342px;
}

#contenu-vert{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-color:#97A040;
	background-image: url(images/capture/multimedia/pattern/pattern-vert.jpg);
	
}


#contenu-marron-clair{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#574324;
	height: 416px;
	background-image: url(images/capture/multimedia/pattern/pattern-marron-clair-web.jpg);
	
}

#contenu-rose{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-color:#B2447E;
	background-image: url(images/capture/multimedia/pattern/pattern-rose.jpg);
}

#contenu-orange{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-image: url(images/capture/multimedia/pattern/pattern-orange.jpg);
}

#contenu-gris{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-color:#676767;
	background-image: url(images/capture/multimedia/pattern/pattern-gris-clair.jpg);
	background-repeat: repeat;
}

#contenu-gris-fonce{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-color:#676767;
	background-image: url(images/capture/multimedia/pattern/pattern-gris-fonce.jpg);
	background-repeat: repeat;
}


#contenu-noir{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-image: url(images/capture/multimedia/pattern/pattern-noir-g.jpg);
	background-repeat: repeat;
}

#contenu-rouge{
	position: absolute;
	left: 7px;
	height: 416px;
	width: 1022px;
	background-color:#9E202A;
	height: 416px;
	top: 149px;
	background-image: url(images/capture/multimedia/pattern/pattern-rouge.jpg);
	background-repeat: repeat;
}

#contenu-rouge-f-g{
	position: absolute;
	left: 7px;
	height: 416px;
	width: 1022px;
	background-color:#9E202A;
	height: 416px;
	top: 149px;
	background-image: url(images/capture/multimedia/pattern/pattern-rouge-f-g.jpg);
	background-repeat: repeat;
}

#contenu-jaune{
	position: absolute;
	left: 7px;
	top: 149px;
	height: 416px;
	width: 1022px;
	background-color:#ECC200;
	background-image: url(images/capture/multimedia/pattern/pattern-jaune.jpg);
	
}

#contenu-jaune-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#ECC200;
	background-image: url(images/capture/multimedia/pattern/pattern-jaune-g.jpg);
	height: 416px;
}
#contenu-orange-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#ECC200;
	background-image: url(images/capture/multimedia/pattern/pattern-orange-g.jpg);
	height: 416px;
}

#contenu-rouge-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-image: url(images/capture/multimedia/pattern/pattern-rouge-g.jpg);
	background-repeat: repeat;
	height: 416px;
}



#contenu-bleu{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#2F867D;
	height: 416px;
	background-image: url(images/capture/multimedia/pattern/pattern-bleu-fonce.jpg);
	background-repeat: repeat;
}

#contenu-bleu-fonce{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#173149;
	height: 416px;
}


#contenu-bleu-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-image: url(images/capture/multimedia/pattern/pattern-bleu-fonce-g.jpg);
	background-repeat: repeat;
	height: 416px;
}



#contenu-rose-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-image: url(images/capture/multimedia/pattern/pattern-rose-vieillo-g.jpg);
	background-repeat: repeat;
	height: 416px;
}

#contenu-bleu-c-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#74A2D6;
	height: 416px;
}

#contenu-vert-g{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#93B250;
	height: 403px;
	background-image: url(images/capture/multimedia/pattern/pattern-g-vert-clair.jpg);
	background-repeat: repeat;
}

#contenu-ill{
	width: 970px;
	_height: 416px;
	min-height: 416px;
	margin-left:23px;
	padding-bottom: 0px;
	margin-top: 149px;
}


#contenu-web{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#574324;
	height: 416px;
	background-image: url(images/capture/multimedia/pattern/pattern-marron-fonce.jpg);
}

#contenu-graphisme{
	left: 0px;
	top: 149px;
	width: 100%;
	background-color:#3D2514;
	height: 411px;
	background-repeat: repeat;
	position: absolute;
}


#menu-blog{
	background-color:#3D2514;
	padding: 20px;
	margin-bottom: 30px;
	float: left;
	width: 170px;
	margin-right: 20px;
}


#menu-blog h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B09D90;
	
	
}



#contenu-illustration{
	left: 0px;
	top: 149px;
	width: 100%;
	background-color:#3D2514;
	height: 441px;
	position: absolute;
}

#contenu-photographie{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 1022px;
	background-color:#4D4D50;
	height: 416px;
	background-image: url(images/capture/multimedia/pattern/pattern-photo.jpg);
	background-repeat: repeat;
}

#zone-vignette{
	position: absolute;
	width: 452px;
	height: 210px;
	left: 20px;
	top: 238px;
}

#zone-vignette-photo{
	position: absolute;
	width: 970px;
	left: 23px;
	top: 200px;
}

#profil{
	position: absolute;
	width: 552px;
	height: 210px;
	left: 20px;
	top: 12px;
}

#profil p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 150%;
	letter-spacing: 1px;
}

#profil h4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	line-height: 150%;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
}

#contenu-profil{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 985px;
	background-color:#676767;
	height: 411px;
	background-image: url(images/fond-profil.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}

.vignette{
	margin-right:12px;
	margin-bottom:10px;
	float:left;
}

h3{
	left: 22px;
	top: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
	margin-left: 20px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	letter-spacing: 1mm;
}


a.btill {
	display : block;
float:left;
	height: 23px;
	width: 124px;
	background-image:  url(images/bt-illustration-over.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

a.btill:hover {
	background-position: 0 -23px;
}

a.btill span {
	display : none;
}


a.btgra {
	display : block;
	float:left;
	height: 23px;
	width: 124px;
	background-image:  url(images/bt-graphisme-over.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

a.btgra:hover {
	background-position: 0 -23px;
}

a.btgra span {
	display : none;
}


a.btphoto {
	display : block;
float:left;
	height: 23px;
	width: 124px;
	background-image:  url(images/bt-photographie-over.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

a.btphoto:hover {
	background-position: 0 -23px;
}

a.btphoto span {
	display : none;
}

a.btweb {
	display : block;
float:left;
	height: 23px;
	width: 124px;
	background-image:  url(images/bt-multimedia-over.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

a.btweb:hover {
	background-position: 0 -23px;
}

a.btweb span {
	display : none;
}


a.btnoix {
	display : block;
	float:left;
	background-image:  url(images/vignette/GD2solar-mini.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btnoix:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btnoix span {
	display : none;
}

a.btbatir {
	display : block;
	float:left;
	background-repeat: no-repeat;
	padding: 0px;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
	background-image: url(images/vignette/batir-mini.gif);
}

a.btbatir:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btbatir span {
	display : none;
}



a.btgirasole {
	display : block;
	float:left;
	background-image:  url(images/vignette/girasole-mini.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btgirasole:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btgirasole span {
	display : none;
}


a.btregio {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-site-regioneo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btregio:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btregio span {
	display : none;
}


a.btabs {
	display : block;
	float:left;
	background-image: url(images/vignette/absolu-site-mini.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
	margin-bottom: 8px;
}

a.btabs:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btabs span {
	display : none;
}

a.btchalotterie {
	display : block;
	float:left;
	background-image: url(images/vignette/chalotterie-mini.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btchalotterie:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btchalotterie span {
	display : none;
}


a.btenbalade {
	display : block;
	float:left;
	background-image: url(images/vignette/enbalade-mini.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btenbalade:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btenbalade span {
	display : none;
}

a.btstarting {
	display : block;
	float:left;
	height: 120px;
	width: 80px;
	background-image:  url(images/vignette/starting-mini.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btstarting:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btstarting span {
	display : none;
}

a.btawtsite {
	display : block;
	float:left;
	height: 120px;
	width: 80px;
	background-image:  url(images/vignette/mini-awt.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btawtsite:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btawtsite span {
	display : none;
}


a.btgdp {
	display : block;
	float:left;
	height: 120px;
	width: 80px;
	background-image:  url(images/vignette/gdp-mini.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btgdp:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btgdp span {
	display : none;
}

a.btnucleaire {
	display : block;
	float:left;	
	background-image:  url(images/vignette/nucleaire-mini.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #684638;
}

a.btnucleaire:hover {
	background-position: 0 -120px;
	margin-right:8px;
	margin-bottom:8px;
}

a.btnucleaire span {
	display : none;
}


a.btft {
	display : block;
	float:left;
	background-image:  url(images/vignette/mini-serpolet.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
	margin-bottom:8px;
}

a.btft:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btft span {
	display : none;
}

a.btavenir{
	display : block;
	float:left;
	background-image:  url(images/capture/multimedia/vignette-defaut.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btavenir:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btavenir span {
	display : none;
}


a.btid {
	display : block;
	float:left;
	background-image:  url(images/vignette/id-mini.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	border: 1px solid #684638;
}

a.btid:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btid span {
	display : none;
}

a.bttshirt {
	display : block;
	float:left;
	background-image:  url(images/vignette/t-shirt-mini.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bttshirt:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bttshirt span {
	display : none;
}

a.btftlogo {
	display : block;
	float:left;
	background-image: ;
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
	background-image: url(images/vignette/logos-ftplanet-mini.gif);
}

a.btftlogo:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btftlogo span {
	display : none;
}



a.bt-g-01{
	display : block;
	float:left;
	background-image: url(images/vignette/mini-regioneo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-01:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-01 span {
	display : none;
}


a.bt-g-02 {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-02.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-02:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-02 span {
	display : none;
}


a.bt-g-03 {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-03.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-03:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-03 span {
	display : none;
}


a.bt-g-04 {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-04.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-04:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-04 span {
	display : none;
}

a.bt-g-05 {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-05.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-05:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-05 span {
	display : none;
}



a.bt-g-06 {
	display : block;
	float:left;
	background-image: url(images/vignette/mini-06.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-06:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-06 span {
	display : none;
}



a.bt-g-07{
	display : block;
	float:left;
	background-image: url(images/vignette/mini-07.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-07:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-07 span {
	display : none;
}

a.bt-g-08{
	display : block;
	float:left;
	background-image: url(images/vignette/mini-08.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
	
}

a.bt-g-08:hover{
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-08 span{
	display : none;
}

a.bt-g-09{
	display : block;
	float:left;
	background-image: url(images/vignette/mini-09.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
	
}

a.bt-g-09:hover{
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-09 span{
	display : none;
}

a.bt-g-10 {
	display : block;
	float:left;
	background-image:  url(images/vignette/mini-10.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}

a.bt-g-10:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.bt-g-10 span {
	display : none;
}


.btdefaut-graphisme{
	display : block;
	float:left;
	background-image:  url(images/vignette/vignette-defaut-graphisme.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #666666;
}
.btdefaut-graphisme:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

.btdefaut-graphisme span {
	display : none;
}


a.btill-01 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette01.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #660000;
}

a.btill-01:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-01 span {
	display : none;
}

a.btill-02 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette02.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #660000;
}

a.btill-02:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-02 span {
	display : none;
}

a.btill-03 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette03.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #660000;
}

a.btill-03:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-03 span {
	display : none;
}

a.btill-04 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette04.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
	border: 1px solid #660000;
}

a.btill-04:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-04 span {
	display : none;
}


a.btdefaut-illustration {
	display : block;
	float:left;
	background-image:  url(images/vignette/mini-illustration-defaut.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btdefaut-illustration:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btdefaut-illustration span {
	display : none;
}

a.btill-05 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette05.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-05:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-05 span {
	display : none;
}


a.btill-06 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette06.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-06:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-06 span {
	display : none;
}


a.btill-07 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette07.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-07:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-07 span {
	display : none;
}


a.btill-08 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette08.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-08:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-08 span {
	display : none;
}


a.btill-09 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette09.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-09:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-09 span {
	display : none;
}


a.btill-10 {
	display : block;
	float:left;
	background-image: url(images/vignette/illustration/vignette10.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 80px;
	padding: 0px;
	margin-right:8px;
	margin-bottom:8px;
margin-right:8px;
	border: 1px solid #660000;
}

a.btill-10:hover {
	background-position: 0 -120px;
	margin-right:8px;
}

a.btill-10 span {
	display : none;
}




#exemple-site{
	position:absolute;
	left: 494px;
	top: 173px;
	text-align: right;
}


#exemple-graphisme{
	position:absolute;
	left: 494px;
	top: 177px;
	width: 499px;
	text-align: right;
	height: 364px;
}



#titre-site{
	position:absolute;
	left: 797px;
	top: 115px;
	width: 197px;
	height: 18px;
	padding-top: 10px;
	text-align: right;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#titre-site a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

#titre-site a:hover{
	text-decoration: underline;
}



#news{
	position:absolute;
	left: 28px;
	top: 401px;
	width: 224px;
	padding-top: 7px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #58B1D3;
	}
	
#news p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #55B1D3;
}

#news li {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	
	text-decoration:none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #58B1D3;
}

#news a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #58B1D3;
	text-decoration:none;
}

#news a:hover {
	color: #FFFFFF;
	text-decoration:none;
	
}

h2{
	position:absolute;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	margin:0px;
	left: 20px;
	top: 173px;
	width: 442px;
	height: 48px;
	color: #999999;
}

#news ul{
margin:0px;
padding:0px;
}

#news li{
	margin:0px;
	list-style-position: inside;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
}

.news-titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #58B1D3;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-transform: uppercase;
}

.services{
	position:absolute;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 9px;
	top: 861px;
	left: 0px;
	color: #999999;
	width: 1002px;
	line-height: 140%;
	font-weight: normal;
	text-align: center;
}

.services-liens{
	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration:none;
	color: #999999;
}


.gris{
	color: #999999;
	
}


#contenu-contact{
	position: absolute;
	left: 0px;
	top: 149px;
	width: 1000px;
	height: 411px;
}

#contenu-contact h2 {
	position:absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	top: 258px;
	left: 379px;
	color: #664534;
	width: 330px;
	height: 113px;
	line-height: 150%;
}

.liens {
	position:absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	top: 33px;
	left: 17px;
	color: #6CA2B1;
	width: 412px;
	line-height: 150%;
	height: 355px;
}

.liens a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	line-height: 170%;
	
}

#contenu-lien{
	position: absolute;
	left: 7px;
	top: 149px;
	width: 985px;
	background-image: url(images/fond_liens.jpg);
	background-repeat: no-repeat;
	height: 411px;
}

.lien-marron {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #664534;
}

#titre-rubrique{
	position: absolute;
	left: 21px;
	top: 96px;
}

.floatleft{
	float:left;
}

.clear{
	clear:both;
}

.legende-blanche{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color: #ffffff;
	font-style: italic;
	display: block;
	margin-bottom: 15px;
	margin-top: 3px;
	padding-left: 0px;
	margin-left: 10px;
}


#partenaire{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #81673A;
	top: 781px;
	left: 323px;
	width: 442px;
	font-weight: normal;
	height: 8px;
}

#partenaire a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9b7c46;
	
}

#colonne01{
	position:absolute;
	left: 25px;
	top: 185px;
	width: 297px;
	height: 457px;
}

#colonne02{
	position:absolute;
	left: 365px;
	top: 185px;
	width: 297px;
	height: 457px;
}

#colonne03{
	position:absolute;
	left: 701px;
	top: 185px;
	width: 297px;
	height: 457px;
}

#colonne01 img, #colonne02 img, #colonne03 img{
	border: 1px solid #999999;
	margin-bottom: 4px;
}

#colonne01 a, #colonne02 a, #colonne03 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:none;
}

#colonne01 a:hover, #colonne02 a:hover, #colonne03 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:underline;
}
.margin_top_15{
	margin-top:25px;
}


.vignette-anon{
	position:absolute;
	left: 695px;
	top: 61px;
	background-image:url(images/vignette-album.gif);
	height:149px;
	width:332px;
}

.vignette-anon:hover{
	
	background-image: url(images/vignette-album-over.gif);
	
}

.blanc{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:150%;
	text-decoration:none;
	}
	
a.blanc:hover{
	
	text-decoration:underline;
	}
	
.beige{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9966;
	line-height:150%;
	}
	
.marron{
	color: #60BBDE;

	}

.txt14{
	font-size: 13px;
	
}

.txt12{
	font-size: 11px;
	
}

.contenu-anon{
	position:absolute;
	width: 469px;
	left: 356px;
	top: 853px;
}

.contenu-anon p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:150%;
	font-style:italic;
	margin:0px;
	padding:0px;
	font-size:11px;
}

a.logo {
	position: absolute;
	left: 1px;
	top: 33px;
	display : block;
	float: left;
	height: 154px;
	width: 173px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0px -40px;
}

a.logo:hover {
	background-position: 0 -881px;
}

a.logo span {
	display : none;
}


a.mail {
	position: absolute;
	left: 20px;
	top: 303px;
	display : block;
	float: left;
	height: 29px;
	width: 275px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -20px -302px;
}

a.mail:hover {
	background-position: -20px -1144px;
}

a.mail span {
	display : none;
}



a.blog {
	position: absolute;
	left: 20px;
	top: 333px;
	display : block;
	float: left;
	height: 29px;
	width: 52px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -20px -333px;
}

a.blog:hover {
	background-position: -20px -1175px;
}

a.blog span {
	display : none;
}


a.twitter {
	position: absolute;
	left: 72px;
	top: 333px;
	display : block;
	float: left;
	height: 29px;
	width: 55px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -72px -333px;
}

a.twitter:hover {
	background-position: -72px -1175px;
}

a.twitter span {
	display : none;
}


a.linkedin {
	position: absolute;
	left: 128px;
	top: 333px;
	display : block;
	float: left;
	height: 29px;
	width: 62px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -128px -333px;
}

a.linkedin:hover {
	background-position: -128px -1175px;
}

a.linkedin span {
	display : none;
}


a.viadeo{
	position: absolute;
	left: 194px;
	top: 333px;
	display : block;
	float: left;
	height: 29px;
	width: 62px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -194px -333px;
}

a.viadeo:hover {
	background-position: -194px -1175px;
}

a.viadeo span {
	display : none;
}


a.vignette01 {
	position: absolute;
	left: 400px;
	top: 120px;
	display : block;
	float: left;
	height: 152px;
	width: 134px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -400px -120px;
}

a.vignette01:hover {
	background-position: -400px -962px;
}

a.vignette01 span {
	display : none;
}


a.vignette02 {
	position: absolute;
	left: 550px;
	top: 181px;
	display : block;
	float: left;
	height: 152px;
	width: 169px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -550px -180px;
}

a.vignette02:hover {
	background-position: -550px -1022px;
}

a.vignette02 span {
	display : none;
}


a.vignette03 {
	position: absolute;
	left: 764px;
	top: 30px;
	display : block;
	float: left;
	height: 152px;
	width: 169px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -764px -30px;
}

a.vignette03:hover {
	background-position: -764px -872px;
}

a.vignette03 span {
	display : none;
}



a.vignette04 {
	position: absolute;
	left: 854px;
	top: 300px;
	display : block;
	float: left;
	height: 152px;
	width: 146px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -854px -300px;
}

a.vignette04:hover {
	background-position: -854px -1142px;
}

a.vignette04 span {
	display : none;
}



a.vignette05 {
	position: absolute;
	left: 611px;
	top: 410px;
	display : block;
	float: left;
	height: 152px;
	width: 169px;
	background-image: url(images/couv.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: -611px -410px;
}

a.vignette05:hover {
	background-position: -611px -1252px;
}

a.vignette05 span {
	display : none;
}


a.bt01 {
	display : block;
	float: left;
	height: 19px;
	width: 72px;
	background-image: url(images/bt-accueil.gif);
	background-repeat: no-repeat;
	
}

a.bt01:hover {
	background-position: 0px -19px;
}

a.bt01 span {
	display : none;
}


a.bt02 {
	display : block;
	float: left;
	height: 19px;
	width: 49px;
	background-image: url(images/bt-profil.gif);
	background-repeat: no-repeat;
	
}

a.bt02:hover {
	background-position: 0px -19px;
}

a.bt02 span {
	display : none;
}


a.bt03 {
	display : block;
	float: left;
	height: 19px;
	width: 75px;
	background-image: url(images/bt-contact.gif);
	background-repeat: no-repeat;
	
}

a.bt03:hover {
	background-position: 0px -19px;
}

a.bt03 span {
	display : none;
}



a.bt04 {
	display : block;
	float: left;
	height: 19px;
	width: 59px;
	background-image: url(images/bt-liens.gif);
	background-repeat: no-repeat;
	
}

a.bt04:hover {
	background-position: 0px -19px;
}

a.bt04 span {
	display : none;
}



a.bt05 {
	display : block;
	float: left;
	height: 19px;
	width: 57px;
	background-image: url(images/bt-blog.gif);
	background-repeat: no-repeat;
	
}

a.bt05:hover {
	background-position: 0px -19px;
}

a.bt05 span {
	display : none;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/zoom/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/zoom/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #3d2514; }






a.woofing {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/woofing.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}


a.nepal {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/nepal.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}


a.canada {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/canada.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}



a.photo-mali-couleur {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/mali-couleur.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}





a.photo-mali-nb {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/mali-nb.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}


a.photo01 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/estonie.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo02 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/st-petersbourg-couleur.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo02-bis {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/st-petersbourg-noir-blanc.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo03 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/helsinki.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo04 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/nantes.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo05 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/plantes.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo06 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/drome-provencale.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo07 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/ecrins.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo08 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/armenie-nb.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo09 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/armenie.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo10 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/new-york-noir-blanc.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo11 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/new-york.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo12 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/mada.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo13 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/asphodele.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo14 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/marionnettes.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo15 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/concert-nb.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo16 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/portrait.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo17 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/maroc.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo18 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/hanabi.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo19 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/portrait-nb.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo20 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/camargue.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo21 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/paris.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}

a.photo22 {
	display : block;
	float:left;
	height: 100px;
	width: 100px;
	background-image:  url(images/vignette62/concert-couleur.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-right:5px;
	margin-bottom:5px;
}
a.photo01:hover, a.photo02:hover, a.photo02-bis:hover, a.photo03:hover, a.photo04:hover, a.photo05:hover, a.photo06:hover, a.photo07:hover, a.photo08:hover, a.photo09:hover, a.photo10:hover, a.photo11:hover, a.photo12:hover, a.photo13:hover, a.photo14:hover, a.photo15:hover, a.photo16:hover, a.photo17:hover, a.photo18:hover, a.photo19:hover, a.photo20:hover, a.photo21:hover, a.photo22:hover, a.photo-mali-couleur:hover, a.photo-mali-nb:hover, a.woofing:hover,a.nepal:hover, a.canada:hover{
	background-position: 0 -100px;
}

a.photo01 span, a.photo02 span,a.photo02-bis span, a.photo03 span, a.photo04 span, a.photo05 span, a.photo06 span, a.photo07 span, a.photo08 span, a.photo09 span, a.photo10 span, a.photo11 span, a.photo12 span, a.photo13 span, a.photo14 span, a.photo15 span, a.photo16 span, a.photo17 span, a.photo18 span, a.photo19 span, a.photo20 span, a.photo21 span, a.photo22 span, a.photo-mali-couleur span, a.photo-mali-nb span, a.woofing span,a.nepal span, a.canada span {
	display : none;
}