/*--------------------------------------
        Mise en Page roussillon evenement
       Source : www.roussillon-evenement.fr 
      Copyright : Com and Sites 2009
--------------------------------------*/
/*------ Common --*/
body{
	font-size:75%;
	background:#99cc33 url(images/fond_banniere.jpg) repeat-y top left;
	color: #cddc2e;
	font-family: arial, helvetica, sans-serif;
	font-size:75%;
	padding: 0px;
	text-align: center;
}

img{
  border:0px;
}
ul, li{
  margin:0; 
  padding:0;  
}
a{
  color:#99cc33;
  font-weight:bold;
}


.bold{
 font-weight:bold;
}
.bolditalic{
 font-weight:bold;
font-style:italic;
}

.petit{
font-size:80%;
}

p.info{
 font-weight:bold;
}

.area{
position:relative;
height:250px;
margin:0;
}
.passage{
background:#333399;
}

/*------ Structure ---*/


#all {
  margin-top:0px;
  margin-left: auto;
  margin-right: auto; 
	background-color:transparent;
	max-width: 900px;
	text-align: left;
}



#header {
  margin-top:-12px;
  left:0;
	height:201px;
	background:transparent url(images/banniere.jpg) no-repeat center;
  z-index:1;
}




#left {
  float:left;
	position:relative;
	width:223px;
	margin:-12px 0 0 0;
	padding-left:36px;
	background:transparent url(images/fond_contenu.jpg) no-repeat top left;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #666;
	text-align: right;
	padding-right:10px;
}

#prelude a{
font-size:85%;
color: #333399;
background: transparent;
}

#prelude a:hover{
	color:#fffff0;
	background: transparent;
}

/*------ menu---*/

#menu,#menu2 {
   position:relative;
	 color:#990066;
	
}


ul.menu {
list-style-type: none;
margin:0;
padding:0;
} 


li a.acceuil{
  position:relative;
  top:0px;
  height:30px;
  width:187px;
  background:url(images/btn_accueil.jpg) top left no-repeat;
}

ul.menu li a.acceuil:hover,ul.menu li a.acceuil:focus{
  background:url(images/btn_accueil2.jpg) top left no-repeat;
}

ul.menu li a.enfant{
  position:relative;
  display:block;
  height:30px;
  width:187px;
  background:url(images/btn_enfant.jpg) top left no-repeat;
}

ul.menu li a.enfant:hover,ul.menu li a.enfant:focus{
  background:url(images/btn_enfant2.jpg) top left no-repeat;
}

ul.menu li a.animation{
position:relative;
  display:block;
  height:28px;
  width:187px;
  background:url(images/btn_animation.jpg) top left no-repeat;
}

ul.menu li a.animation:hover,ul.menu li a.animation:focus{
  background:url(images/btn_animation2.jpg) top left no-repeat;
}

ul.menu li a.gonflable{
position:relative;
  display:block;
  height:29px;
  width:187px;
  background:url(images/btn_gonflable.jpg) top left no-repeat;
}

ul.menu li a.gonflable:hover,ul.menu li a.gonflable:focus{
  background:url(images/btn_gonflable2.jpg) top left no-repeat;
}

ul.menu li a.theme{
position:relative;
  display:block;
  height:30px;
  width:187px;
  background:url(images/btn_theme.jpg) top left no-repeat;
}

ul.menu li a.theme:hover,ul.menu li a.theme:focus{
  background:url(images/btn_theme2.jpg) top left no-repeat;
}

ul.menu li a.entreprise{
position:relative;
  display:block;
  height:30px;
  width:187px;
  background:url(images/btn_entreprise.jpg) top left no-repeat;
}

ul.menu li a.entreprise:hover,ul.menu li a.entreprise:focus{
  background:url(images/btn_entreprise2.jpg) top left no-repeat;
}

ul.menu li a.mesure{
position:relative;
  display:block;
  height:29px;
  width:187px;
  background:url(images/btn_mesure.jpg) top left no-repeat;
}

ul.menu li a.mesure:hover,ul.menu li a.mesure:focus{
  background:url(images/btn_mesure2.jpg) top left no-repeat;
}
ul.menu li a.liens{
position:relative;
  display:block;
  height:30px;
  width:187px;
  background:url(images/btn_liens.jpg) top left no-repeat;
}

ul.menu li a.liens:hover,ul.menu li a.liens:focus{
  background:url(images/btn_liens2.jpg) top left no-repeat;
}

ul.menu li a.contact{
position:relative;
  display:block;
  height:30px;
  width:187px;
  background:url(images/btn_contact.jpg) top left no-repeat;
}

ul.menu li a.contact:hover,ul.menu li a.contact:focus{
  background:url(images/btn_contact2.jpg) top left no-repeat;
}

#menu2 {
width:187px;
padding-bottom:100px;
	background:#cedd33 url(images/fond_news.jpg) bottom no-repeat;
	font-size:95%;
	color:#faf7c7;
	
}
/*------ fin menu---*/

/*------  droite ---*/

#right {
	float:right;
	width:280px;
	margin: -40px 0 0 0;
	padding: 0 3px 10px 3px;
	background-color:transparent;
	font-size:95%;
	color:#faf7c7;
	index-z:1;
	
}
#clown {
float:left;
	width:133px;
	height:238px;
	margin: -15px 0 0 -50px;
	background:transparent url(images/fond-actu2.gif) left top no-repeat;
}


#rightext {
position:relative;
	width:220px;
	margin: 0 0 0 55px;
	padding: 10px 10px 10px 10px;
	background:#cf1b77 url(images/fond_actu.gif) top repeat-x;
	font-size:110%;
	color:#faf7c7;
	
}




#rightext p{
	text-align: justify;
}

#rightext a.info{
 display:block;
 float:right;
 font-size:80%;
}

a.info+p{
margin:3em 0 3em 0;
}

#rightext a.info:hover,a.info:focus{
  background-color:#faf7c7;
color:#99cc33;
}

#tactu,#tphoto{
position:relative;
width:89px;
height:34px;
margin:30px 0 0 90px;
background:transparent url(images/titreactu.gif);
	
}
#tphoto{

background:transparent url(images/titrephoto.gif);
	
}



#tnews{
position:relative;
top:-13px;
width:187px;
height:50px;
background:#cedd33 url(images/btn_news.jpg) bottom no-repeat;

}

#contenu {
	min-height:400px;
	margin:0 250px 0 230px;
	text-align: justify;
	color:#990066;
  index-z:2;
}

.description {
	
	padding:0 5px 5px 0px;
	font-size:90%;
	text-align: justify;
}



#contenu h1{
font-size:100%;
}

#texte {
position:relative;
margin:0;


}

#texte h2{
padding:0px 60px 0px 0px;
text-align:left;

}

h3.ttexte{
font-size:95%;
border-bottom:solid 1px #333399;
}
h4.ttexte{
font-size:95%;
}

h3.tpartenaire{
font-size:97%;
padding-left:10px;
border-bottom:solid 1px #333399;
}

ul.partenaire{
list-style:square;
padding-left:20px;

}
ul.liste,ul.liste2{
list-style:disc url(images/puce.gif) inside;
padding-left:20px;
padding-right:5px;

}
ul.liste li{
padding-bottom:10px;
}

ul.liste2{
list-style:disc url(images/puce5.gif) inside;
}
ul.liste2 li{
padding-bottom:5px;
}


#texte p{
text-align:justify;
}

#texte img{
float:left;
padding:0 10px 0px 0;
}




/*------ Pop Up -----*/
#popup, #popup2{
 position:absolute;
 width:25em;
 height:auto;
 top:10%;
 left:30%;
 color:#faf7c7;
 border:5px solid #cddc2e;
 background:#990066 url(images/fond_actu.gif);
 z-index:5;
 text-align:left;
 padding:0 5px 0 5px;
}

#popup2{
 padding:70px 5px 0 5px;
 text-align:justify;
}


#popup3{
 position:absolute;
 width:25em;
 height:auto;
 top:10%;
 left:30%;
 color:#faf7c7;
 border:5px solid #cddc2e;
 background-color:#990066;
 z-index:5;
 text-align:left;
 padding:0 5px 0 5px;

}
.liste{
margin:-2px 0 0 15px;
 text-align:justify;
}


a#close {
  position:absolute;
	width:27px;
 	height:28px;
  top:2px;
  right:2px;
	background:#990066 url(images/close.gif);
}
a#close:hover {
	background:#990066 url(images/close2.gif);
}

	/*------ Divers -----*/
	


.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#separateur {
  clear: both;
	margin-top:1em;
	}
	
#footer {
 position:relative;
 width:900px;
 background:#cddc2e url(images/fond_footer.jpg) repeat-y;
	margin-top:30px;
	padding:5px; 
	}
	

.addr{
  font-size:11px;
  text-align:right;
	font-style:normal;
	font-weight:bold;
	color:#faf7c7;
}

.signature{
  text-align:right;
	font-size:10px;
	font-style:normal;
	color:#faf7c7;
}
.signature a{
color:#faf7c7;
}
.signature a:hover{
background:transparent;
	color:#ffffff;
}

/*------ formulaire news letter -----*/

.formulaire{
text-align:justify;
color:#990066;
}

.formulaire p{
padding-left:5px;
}

.champsmail, .submit, .submit2{
  color:#990066;
	font-weight:bold;
	border:0;
	background:#ffffff;
}

.submit2{
  text-align:center;
}
 h4.petit{
 font-weight:normal;
 }
.submit:hover{
  color:#ffffff;
	background:#990066;
}

.champs{
width:150px;
color:#990066;
  background-color:#000000;
}

/*---- galerie --*/


.js{
overflow:hidden;
margin:0;
zoom:1;
}

.carousel,.carousel .carousel-wrap{
margin:0;

zoom:1;
}

.js .carousel-wrap{
display:inline-block;
vertical-align:middle;
width:220px;
height:564px;
margin:0;
background:transparent;

}

.js .carousel-wrap a:hover{
background:transparent;
opacity:30%;
}

.IE .js .carousel-wrap{display:inline;}

.carousel ul{margin:0;padding:0;zoom:1;}

.js ul li{
overflow:hidden;
display:inline;
float:left;
width:220px;
height:120px;
padding-bottom:10px;
margin-left:-20px;
}

span.carousel-control{
overflow:hidden;
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
cursor:pointer;
line-height:999px;
zoom:1;
}

span.carousel-next{
margin-left:70px;
padding-top:10px;
background:url(images/next.gif) 0 0 no-repeat;
}

span.carousel-previous{
margin-left:70px;
padding-bottom:10px;
background:url(images/previous.gif) 0 0 no-repeat;}

span.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

.disabled, .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.carousel div{margin:0;padding:0;border:0;}

.carousel ul{
padding:0;
list-style:none;}

.carousel ul li{
position:relative;
width:200px;
}

.carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}

.carousel ul li cite a img{vertical-align:middle;}

.carousel ul li cite a{color:#fff;text-decoration:none;}

 div.center-wrap{overflow:hidden;clear:both;zoom:1;}

div.center-wrap div{border:0;margin:15px 0;}

div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;}

div.center-wrap a.active{font-weight:bold;color:#5db0e6;}


div.portfolio ul.portfolio li { display: block;
		 float: left; margin-right: 5px; }
	

/*---- accordeon --*/
/* Toggler - default style */
	.toggler {
	   margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration:none;
		font-size:1.4em;
		font-weight:bold;
		line-height:30px;
		display: block;

	}

	
	.toggler-closed {
		color:#990066;
		padding-left:20px;
		height:30px;
		background: transparent url(images/togglerc.gif) center right no-repeat;
		border-bottom:dashed 2px #99cc33;
	}
	.toggler-closed:hover {
	color:#99cc33;
		padding-left:20px;
		height:30px;
		background:transparent url(images/togglerch.gif) center right no-repeat;
		
	}
	.toggler-opened {
		color:#990066;
		padding-left:20px;
		height:30px;
		background:transparent url(images/togglero.gif) center right no-repeat;
	}
	.toggler-opened:hover {
		color:#99cc33;
		padding-left:20px;
		height:30px;
		background:transparent url(images/toggleroh.gif) center right no-repeat;
	}

	/* Container - default style */
	.toggler-c {
	}

	.toggler-c-closed {
	color:#e6eb82;
	background:#990066 url(images/fond_footer.jpg) repeat-y;
		margin:-25px 0px 25px 0px;
		padding:10px;
	   
	}
	
	/* partie qui s'ouvre-- */
	.toggler-c-opened {
	color:#e6eb82;
	background:#990066 url(images/fond_footer.jpg) repeat-y;
	margin:-25px 0 25px 20px;
padding:20px;
	}
	.toggler-c-opened li{
	padding-bottom:10px;

	}