@charset "UTF-8";

#accueil {
height:490px;
position:relative;
visibility:hidden;
width:799px;
}

#action {
background-color:#393939;
border:thin inset #444;
float:right;
margin-right:20px;
margin-top:10px;
padding:5px;
position:relative;
visibility:visible;
width:300px;
}

#adp {
font-size:12px;
}


#assodroite {
float:right;
font-size:17px;
height:40px;
margin-left:10px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:250px;
}

#assogauche {
float:left;
font-size:17px;
height:670px;
margin-left:5px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:650px;
}

#autoportraits {
float:left;
margin:10px 10px 10px 0;
width:220px;
}

#autoportraits2 {
float:left;
margin:10px 10px 10px 0;
width:220px;
}

#bio {
height:1100px;
left:0;
margin-left:20px;
margin-right:20px;
position:relative;
top:0;
width:700px;
}


#biographie {
float:left;
margin:10px;
overflow:visible;
padding:10px;
text-align:justify;
visibility:visible;
width:500px;
}

#boitedroite {
float:right;
font-size:17px;
height:0px;
margin-left:10px;
position:relative;
text-align:center;
visibility:visible;
width:490px;
}

#boitegauche {
float:left;
font-size:17px;
height:0px;
margin-left:5px;
position:relative;
text-align:center;
visibility:visible;
width:490px;
}

#boitemilieu {
	float: left;
	font-size: 17px;
	margin-left: 5px;
	position: relative;
	text-align: center;
	top: 10px;
	visibility: visible;
	width: 1005px;
}

#camp {
border-style:none;
left:0;
margin:0;
overflow:hidden;
position:relative;
text-align:justify;
top:0;
width:900px;
}

#camping,.expo {
border:thin inset #444;
margin-left:20px;
margin-right:20px;
margin-top:20px;
padding:20px;
position:relative;
}

#contact {

}

#container {
	background-color: #333;
	background-position: top;
	background-repeat: repeat-y;
	border: thin inset #444;
	clear: both;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	width: 1010px;
}

#contenu,#memory {
background-color:#111;
left:0;
padding-left:5px;
padding-right:5px;
top:130px;
visibility:visible;
width:1010px;
}

#dates {
float:left;
margin:5px 5px 5px 10px;
overflow:visible;
text-align:justify;
visibility:visible;
width:750px;
z-index:1;
}

#datesexpo {
height:1800px;
left:0;
margin-left:5px;
margin-right:5px;
position:relative;
text-align:left;
top:0;
visibility:visible;
width:1010px;
}

#droite {
float:right;
font-size:17px;
height:460px;
margin-left:20px;
margin-right:20px;
position:relative;
text-align:center;
top:0;
visibility:visible;
width:410px;
}

#english {
height:22px;
left:730px;
position:absolute;
top:0;
width:70px;
}

#english a:hover {
background-color:#333;
color:#CCC;
}

#expos {
float:right;
left:850px;
margin:5px;
text-align:center;
width:150px;
}
#flashcontent1{
	height: 570px;
	width: 840px;
	padding-left: 10px;
	}
#flashcontent {
border:thin inset #444;
left:0;
position:relative;
text-align:center;
top:0;
width:1010px;
z-index:100;
}



#footer {
clear:both;
font-size:14px;
height:25px;
padding:10px 0 20px;
text-align:center;
}

#footer-wrap {
margin:0 auto;
width:1010px;
}

#gauche {
float:left;
font-size:17px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:480px;
}

#header {
background-image:url(http://www.eric-roset.ch/ressources_graphiques/headerbg1.jpg);
background-repeat:repeat-x;
}

#header-in {
height:132px;
margin:0 auto;
padding:10px 35px 0 10px;
position:relative;
width:1010px;
}

#header-in .description {
clear:both;
margin:0;
padding:0 10px 4px 15px;
width:850px;
}

#header-in .h {
color:#666;
float:left;
font-size:26px;
font-weight:400;
margin:0;
padding:0 10px 5px 0;
text-transform:uppercase;
width:590px;
}

#header-in .h1 {
float:left;
margin:0;
padding:0 10px 5px 0;
width:590px;
}

#header-in .h1 a {
font-size:26px;
margin:0;
padding:0;
}

#imagecamping,#imageopre {
float:left;
margin:20px 20px 60px 30px;
}

#imagemerci {
float:left;
margin:60px;
width:300px;
}

#imageromnia,#imagepost,#imagelivre {
float:right;
margin:20px 20px 70px 30px;
}

#infos {
border:thin inset #444;
float:left;
font-size:17px;
height:900px;
margin-left:5px;
padding:10px;
position:relative;
text-align:center;
visibility:visible;
width:450px;
}

#infos1 {
border:thin inset #444;
float:right;
font-size:17px;
height:900px;
margin-left:10px;
padding:10px;
position:relative;
text-align:center;
visibility:visible;
width:450px;
}

#jeuxdroite {
float:right;
font-size:17px;
height:400px;
margin-left:20px;
margin-right:20px;
padding-top:70px;
position:relative;
text-align:center;
top:0;
visibility:visible;
width:480px;
}

#jeuxgauche {
border:thin inset #444;
float:left;
font-size:17px;
height:350px;
margin-left:30px;
margin-right:30px;
padding-top:40px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:200px;
}

#liens {
	font-size: 16px;
	left: 0;
	position: relative;
	top: 0;
	width: 1010px;
	visibility: visible;
}

#memory a:hover {
background-color:#333;
}

#menu {
height:1160px;
overflow:hidden;
position:relative;
right:0;
top:0;
width:1010px;
}

#menu a {
display:block;
height:180px;
width:270px;
}

#menu a:hover span {
color:#ccc;
display:block;
font-size:13px;
left:8px;
position:absolute;
top:5px;
visibility:visible;
width:250px;
}

#menu1 {
left:30px;
position:absolute;
top:10px;
}

#menu10 {
left:30px;
position:absolute;
top:580px;
}

#menu11 {
left:360px;
position:absolute;
top:580px;
}

#menu12 {
left:700px;
position:absolute;
top:580px;
}

#menu13 {
left:30px;
position:absolute;
top:770px;
}

#menu14 {
left:360px;
position:absolute;
top:770px;
}

#menu15 {
left:700px;
position:absolute;
top:770px;
}

#menu16 {
left:30px;
position:absolute;
top:960px;
}

#menu17 {
left:360px;
position:absolute;
top:960px;
}

#menu18 {
left:700px;
position:absolute;
top:960px;
}

#menu2 {
left:360px;
position:absolute;
top:10px;
}

#menu3 {
left:700px;
position:absolute;
top:10px;
}

#menu4 {
left:30px;
position:absolute;
top:200px;
}

#menu5 {
left:360px;
position:absolute;
top:200px;
}

#menu6 {
left:700px;
position:absolute;
top:200px;
}

#menu7 {
left:30px;
position:absolute;
top:390px;
}

#menu8 {
left:360px;
position:absolute;
top:390px;
}

#menu9 {
left:700px;
position:absolute;
top:390px;
}

#menucarpates a {
background:url(images/carpates.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menucarpates a:hover {
background:url(images/carpates.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuchaudronniers a {
background:url(images/chaudronniers.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuchaudronniers a:hover {
background:url(images/chaudronniers.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menue {
height:170px;
left:100px;
overflow:hidden;
position:relative;
right:0;
top:0;
width:500px;
}

#menuequateur a {
background:url(images/equateur.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuequateur a:hover {
background:url(images/equateur.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuescalade a {
background:url(images/escalade.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuescalade a:hover {
background:url(images/escalade.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menufenetre a {
background:url(images/fenetre.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menufenetre a:hover {
background:url(images/fenetre.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menugrafiti a {
background:url(images/grafiti.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menugrafiti a:hover {
background:url(images/grafiti.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menumontagne a {
background:url(images/montagne.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menumontagne a:hover {
background:url(images/montagne.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuplacette a {
background:url(images/placette.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuplacette a:hover {
background:url(images/placette.jpg) no-repeat 0 -180px;
position:relative;
}

#menupont_des_bergues a {
background:url(images/pont-des-bergues.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menupont_des_bergues a:hover {
background:url(images/pont-des-bergues.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_aiud a {
background:url(images/roms-aiud.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_aiud a:hover {
background:url(images/roms-aiud.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_de_roumanie a {
background:url(images/roms-de-roumanie.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_de_roumanie a:hover {
background:url(images/roms-de-roumanie.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_migrants a {
background:url(images/roms-migrants.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_migrants a:hover {
background:url(images/roms-migrants.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_migrants_annecy a {
background:url(images/roms-migrants-annecy.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_migrants_annecy a:hover {
background:url(images/roms-migrants-annecy.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_migrants_geneve a {
background:url(images/roms-migrants-geneve.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_migrants_geneve a span,#menuroms_migrants_annecy a span,#menuroms_migrants_paris a span,#menucarpates a span,#menuequateur a span,#menutsiganes a span,#menumontagne a span,#menuroms_migrants a span,#menuroms_de_roumanie a span,#menuplacette a span,#menuvendanges a span,#menupont_des_bergues a span,#menugrafiti a span,#menuescalade a span,#menufenetre a span,#menusaintes_maries a span,#menuchaudronniers a span,#menuroms_aiud a span {
display:none;
}

#menuroms_migrants_geneve a:hover {
background:url(images/roms-migrants-geneve.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuroms_migrants_geneve,#menuroms_migrants_annecy,#menuroms_migrants_paris,#menucarpates,#menuequateur,#menutsiganes,#menumontagne,#menuroms_migrants,#menuroms_de_roumanie,#menuplacette,#menuvendanges,#menupont_des_bergues,#menugrafiti,#menuescalade,#menufenetre,#menusaintes_maries,#menuchaudronniers,#menuroms_aiud {
height:180px;
width:270px;
}

#menuroms_migrants_paris a {
background:url(images/roms-migrants-paris.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuroms_migrants_paris a:hover {
background:url(images/roms-migrants-paris.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menusaintes_maries a {
background:url(images/saintes-maries.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menusaintes_maries a:hover {
background:url(images/saintes-maries.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menutsiganes a {
background:url(images/tsiganes.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menutsiganes a:hover {
background:url(images/tsiganes.jpg) no-repeat 0 -180px;
border:thin inset #444;
position:relative;
}

#menuvendanges a {
background:url(images/vendanges.jpg) no-repeat 0 0;
border:thin inset #444;
}

#menuvendanges a:hover {
background:url(images/vendanges.jpg) no-repeat 0 -180px;
position:relative;
}

#merci {
float:right;
margin:0;
position:relative;
right:100px;
width:300px;
}

#nav a:link,#nav a:visited,#nav a:hover,#nav a:active {
word-spacing:12px;
font-size:18px;
text-decoration:none;
}

#offre {
float:left;
position:relative;
width:500px;
}

#plan1 {
float:left;
height:950px;
left:0;
list-style-position:inside;
list-style-type:square;
top:150px;
visibility:visible;
width:500px;
}

#plan2 {
float:right;
height:950px;
list-style-position:inside;
list-style-type:square;
top:150px;
visibility:visible;
width:400px;
}

#romnia,#posttenebras,#opreroma {
border:thin inset #444;
margin-left:20px;
margin-right:20px;
margin-top:20px;
padding:20px;
position:relative;
}

#soutenirdroite {
float:right;
font-size:17px;
height:750px;
margin-left:20px;
margin-right:20px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:480px;
}

#soutenirgauche {
float:left;
font-size:17px;
height:750px;
position:relative;
text-align:center;
top:30px;
visibility:visible;
width:410px;
}

.clearboth {
clear:both;
}

.h1 {
color:#CCC;
font-size:33px;
font-variant:small-caps;
font-weight:400;
}

.h1a {
color:#CCC;
font-size:18px;
font-variant:normal;
font-weight:400;
text-transform:uppercase;
}

.h2 {
color:#CCC;
font-size:18px;
font-weight:400;
}

.h3 {
font-size:18px;
font-weight:400;
text-transform:uppercase;
}

.logo {
float:left;
margin:0;
padding:8px 0 0 19px;
}

.prestation {
padding:0 0 0 30px;
}

.relief {
border:thin inset #444;
padding:10px;
}

.relief1,.relief2 {
border:thin inset #444;
height:360px;
padding:10px;
}

.reliefmenu {
border:thin inset #444;
padding:1px;
}

.sbutton {
background:url(ressources_graphiques/b_subscribebg_black.JPG) no-repeat;
border:none;
color:#000;
font:bold 14px Verdana, Helvetica, sans-serif;
padding:5px 0;
text-align:center;
width:74px;
}

.sbutton:hover {
background:url(ressources_graphiques/b_subscribebg_black1.JPG) no-repeat;
border:none;
color:#000;
font:bold 14px Verdana, Helvetica, sans-serif;
padding:5px 0;
text-align:center;
width:74px;
}

.services {
left:800px;
position:absolute;
top:250px;
width:300px;
}

.subscribe {
background-position:left top;
background-repeat:no-repeat;
float:right;
height:60px;
position:absolute;
right:0;
top:0;
width:383px;
}

.subscribeform {
float:left;
overflow:hidden;
padding:5px 0 0 130px;
}

.titre {
font-size:36px;
}

.titrenormal {
font-size:18px;
}

a:hover {
color:#69C;
text-decoration:none;
}

a:link {
color:#CCC;
font-weight:400;
text-decoration:underline;
}

a:visited,a:active {
color:#ccc;
text-decoration:none;
}

body {
background:#444;
color:#8A8A8A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
}

body *,.subscribeform p {
margin:0;
padding:0;
}

img {
	background: none;
	border: none;
	text-align: center;
}

input {
background-color:#222;
border:thin inset #444;
color:#CCC;
font-size:20px;
width:250px;
}

textarea {
background-color:#222;
border:thin inset #444;
color:#CCC;
font-size:20px;
width:380px;
}
#plan1 ul li .h2,#plan2 ul li .h2,#plan1 ul li a.h2,#plan2 ul li a.h2 {
font-size: 18px;
line-height: 30px;
}
#plan1 ul li ul li a,#plan2 ul li ul li,#plan2 ul li ul li a,#plan1 ul li ul li {
margin-left: 20px;
}
.facebook {
float:left;
margin:10px 10px 10px 0;
	}