/* RESET CSS */















* { zoom: 1; }







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



b, u, i, center,



dl, dt, dd, ol, ul, li,



fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



}







body {



	line-height: 1;



}







ol, ul {



	list-style: none;



}







blockquote, q {



	quotes: none;



}







blockquote:before, blockquote:after,







q:before, q:after {



	content: '';



	content: none;



}







/* remember to define focus styles! */



:focus {



	outline: 0;



}







ins {



	text-decoration: none;



}







del {



	text-decoration: line-through;



}







/* tables still need 'cellspacing="0"' in the markup */







table {



	border-collapse: collapse;



	border-spacing: 0;



}







/* reset floatting elements */







div.clear {



	clear:both;



	font-size:1px;



	height:0;



}















img.left {



	margin: 0 10px 10px 0;



	float: left;



}







img.right {



	margin: 0 0 10px 10px;



	float: left;



}











a {



	color: #DC5600;



	text-decoration: none;



}







a:hover {



	text-decoration:underline;



}















/* STYLES */







body {



	background-image:url(../img/background.gif);



	color: #fff;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	line-height:12px;



}







#container {



	width: 950px;



	margin: 0 auto;



	background-color: #DC5600;



	position: relative;



}







div.newsletter {



	position:absolute;



	top: 0px;



	right: 0px;



	width: 254px;



}







div.newsletter form {



	margin: 0px;



	padding: 0px;



}







div.newsletter form input#email {



	background-color: #DC5600;



	color: #fff;



	border: 3px solid #FFF;



	border-top: none;



	height: 14px;



	font-family: "Courier New", Courier, monospace;



	font-size: 10px;



	line-height: 14px;



	width: 110px;



}







div.newsletter form label, 







div.newsletter form input {



	float: left;



	margin: 0px;



	padding: 0px;



}





div.banniere{
	position:absolute;
	top: 30px;
	right: 0px;
}



#menubar {



	height: 22px;



	overflow: hidden;



}







#menubar ul li {



	float: left;



}







#page {



	background: #DC5600 url(../img/page-background.gif) repeat-x left top;



	padding: 20px 10px;



	color:#000;



}























#footer {



	margin-top: 10px;



	color: #fff;



	line-height: 125%;



}







#footer p {



	margin-bottom: 5px;



}







#footer p.links {



	color: #000;



}







#footer p.links a {



	color: #000;



	text-decoration: none;



}















#footer p.links a:hover {



	color: #FFF;



	text-decoration: underline;



}















/* HOMEPAGE BOX */







#page div.box {



	margin-bottom: 20px; 



}







#page div.box.large {



	width: 592px;



}







#page div.box.small {



	width: 298px;



}







#page div.box.left {



	float: left;



}







#page div.box.right {



	float: right;



}







#page div.box div.article.angle-bas-blanc {



	background: #fff url(../img/angle-bas-blanc.gif) no-repeat right bottom;



}







#page div.box div.article.angle-droit-haut {



	background: #fff url(../img/angle-haut-droit-blanc.gif) no-repeat right top;



}







#page div.box div.article.angle-bas-noir {



	background: #000 url(../img/angle-bas-noir.gif) no-repeat right bottom;



	color: #fff;



}







#page div.boutique {



	width: 342px;



	margin-top: 20px;



	float: left;



}







#page div.packatrois {



	width: 224px;



	margin-top: 20px;



	float: right;



}







div.box h2.a-la-une {



	height: 18px;



}







div.box h2.angle-droit {



	background: transparent url(../img/angle-droit-blanc.gif) no-repeat left 18px;



	height: 29px;



	padding-bottom: 6px;



}







div.box div.article {



	background-color: #fff;



	padding: 10px 10px 10px 10px; /*modif de padding top 10px Mehdi*/



}

/* NEW CLASS UNE MEHDI */

.article.une {

	padding: 5px 10px 10px 10px !important; /*modif de padding top 10px Mehdi*/



}







div.box.black div.article {



	background-color: #000;



	color: #fff;



}







div.box div.article .date {



	color: #DC5600;



	font-style: italic;



	margin: 10px 0 4px 0;



}







div.box div.article .dateliste {



	color: #DC5600;



	font-style: italic;



	margin: 0 0 4px 0;



}







div.box div.article h3 {



	color: #DC5600;



	font-size: 15px;



	line-height: 125%;



}

div.box div.article h4.soustitre {
	color:#DC5600;
	font-weight:bold;
	font-size:12px;
}





div.box div.article h4 {



	font-size: 12px;



	font-weight: normal;



	margin: 3px 0;



}







div.box div.article p.desc {



	margin: 5px 0 10px 0;



	line-height: 130%;



}







div.box div.article p.links {



	color: #fff;



	clear: both;



	margin-top: 0px;/*Modif mehdi*/ 



	margin-right: 0;



	margin-bottom: 0;



	margin-left: 0;



}







div.box div.article.angle-bas-noir p.links {



	color: #000;



}







div.box div.article p.links.right {



	text-align: right;



}







div.box p.famille {



	text-align: right;



	padding: 0px 0 0 0;



}







div.article div.white {



	background-color: #fff;



	color: #000;



	padding: 5px;



	margin-bottom: 10px;



}







div.article div.white p.date {



	margin-top:0;



	color:#000;



	padding-top: 4px;



}







div.article div.white h3 {



	color:#000;



}







#page div.boutique h3 span.price {



	font-size: 11px;



	font-weight: normal;



	color: #666;







}







#page div.packatrois div.article {



	background:#600 url(../img/angle-packatrois.gif) no-repeat right bottom;



	color:#fff;



}







#page div.packatrois p.links {



	color:#600;



}







#page div.packatrois p.accroche {



	color: #DC5600;



	padding: 6px 0;



	font-weight: bold;



}







#page div.packatrois h3 {



	color: #fff;



}







#page div.packatrois h4 {



	font-size: 12px;



	line-height: 125%;



	margin-bottom: 10px;



}







#page div.blog h2, 



#page div.boutique h2, 



#page div.packatrois h2, 



#page div.programme h2 {



	height: 20px;



}























/* END HOMEPAGE */























form.msg-form {







	margin: 10px 0;







}







form.msg-form input.grey, 







form.msg-form textarea.grey {



	background-color: #CCCCCC;



	border: 1px solid #000;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	padding: 1px;



	margin-top: 0;



	margin-right: 10px;



	margin-bottom: 12px;



	margin-left: 0;



	line-height: 125%;



}







form.msg-form textarea.grey {



	width: 100%;



}







form.msg-form p {







	margin: 0px;







	text-align: right;







	color: #999999;







}







ul.liens-pratiques {



	margin-bottom: 20px;



}







ul.liens-pratiques li {



	margin-bottom: 8px;



}















#page div.contact {



	margin-bottom: 20px;



}















#page div.equipe {



	margin: 0;



}







#page div.equipe p {



	margin: 10px 0;



	color: #fff;



	line-height: 125%;



}







#page div.equipe div.item {



	background-color: #fff;



	width: 285px;



	background-image: url(../img/angle-haut-droit-blanc.gif);



	background-repeat: no-repeat;



	background-position: right top;



	margin-bottom: 12px;







}







#page div.equipe div.item.left {

	float:left;

}







#page div.equipe div.item.right {

	float:right;

}







#page div.equipe div.item div.thumb {

	width: 60px;

	float: left;

	margin: 10px;

}







#page div.equipe div.item div.infos {

	width: 190px;

	float: left;

	margin: 10px 0px 10px 0px;

}







#page div.equipe div.item div.infos h4 {



	color:#DC5600;



	margin: 0;



}







#page div.equipe div.item div.infos p {



	color:#DC5600;



	margin: 0;



}







#page div.equipe div.item div.infos p em {



	color: #666;



}







#page div.equipe div.item div.infos a {



	color:#DC5600;



	text-decoration: none;



}







#page div.equipe div.item div.infos a:hover {



	text-decoration: underline;



}







#page div.equipe div.item hr {



	clear: both;



	color: #fff;



	border: 1px solid #fff;



}















div.box div.article.programme {



	background-color: #660000;



	color: #fff;



}







div.box div.article.programme h3 {



	font-size: 13px;



	color: #fff;



	background-image: url(../img/puce-programme.gif);



	background-repeat: no-repeat;



	background-position: left 2px;



	padding-left: 16px;



}







div.box div.article.programme h3 a {



	color: #fff;



	text-decoration: none;



}







div.box div.article.programme p.links {



	color: #660000;



	margin: 6px 0 12px 0;



	padding-bottom: 2px;



	border-bottom: 1px solid #DC5600;



	text-align: right;



}







div.box div.article.programme p {



	margin: 4px 0;



}



div.box div.article.programmeblack {



	background-color: #000000;



	color: #fff;



}



div.box div.article.programmeblack h3 {



	font-size: 13px;



	color: #fff;



	background-image: url(../img/puce-programme_noire.gif);



	background-repeat: no-repeat;



	background-position: left 2px;



	padding-left: 16px;



}



div.box div.article.programmeblack h3 a {



	color: #fff;



	text-decoration: none;



}







div.box div.article.programmeblack p.links {



	color: #660000;



	margin: 6px 0 12px 0;



	padding-bottom: 2px;



	border-bottom: 1px solid #DC5600;



	text-align: right;



}







div.box div.article.programmeblack p {



	margin: 4px 0;



}







#page div.equipe div.item div.infos p.website {



	text-align: right;



	margin-top: 20px;



}







#page h2.bloc-titre {



	color: #DC5600;



	float: left;



	font-size: 14px;



	line-height: 22px;



}







#page h2.bloc-titre span {



	display: block;



	background: url(../img/h2-bloc-titre.gif) no-repeat right top;



	padding-right: 40px;



	padding-left: 10px;

	

	float:left; /* Modif Mehdi Programme */



}







#page h2.bloc-titre-image {



	/*float: left; MODFI MEHDI */

	height:18px;



}







#page h2.bloc-titre-image span {



	background-color:#FFFFFF;



}

#page h2.bloc-titre-image img {



	display: block; 







}





#page p.pages {



	float: right;



	margin-top: 8px;



}







#page p.pages a {



	color: #fff;



	text-decoration: none;



	font-size: 10px;



}







#page p.pages a:hover {



	text-decoration: underline;



}







#page div.article.unite-programme {



	margin-top: 10px;



	background-image: url(../img/angle-bas-blanc.gif);



	background-repeat: no-repeat;



	background-position: right bottom;



}















#page div.article.unite-programme-noir {



	margin-top: 10px;



	background-color:#000000;



	color: #fff;



	background-image: url(../img/angle-bas-noir.gif);



	background-repeat: no-repeat;



	background-position: right bottom;



}















div.checkbox {



	float: left;



	width: 130px;



	margin-bottom: 2px;



}







input.saison {



	margin-top: 4px;



	margin-bottom: 10px;



	width: 260px;



}







#page div.article.angle-bas-rouge {



	background-image: url(../img/angle-packatrois.gif);



	background-repeat: no-repeat;



	background-position: right bottom;



}







#page h4.blog {



	color: #DC5600;



}







hr.orange {



	border: 1px solid #DC5600;



	color: #DC5600;



}















#page div.article.spectacle {



	background-image: url(../img/angle-haut-droit-blanc.gif);



	background-repeat: no-repeat;



	background-position: right top;



}







#page div.article.spectacle p.legende {



	text-align: right;	



	color: #fff;



	background-color: #000;



	line-height: 16px;



	padding: 2px 12px 2px 12px;



	background-image: url(../img/angle-noir-blanc.gif);



	background-repeat: no-repeat;



	background-position: right bottom;



	margin: 0;

	

	width:548px;



}







div.infos-spectacle {



	width: 207px;



	float: right;



	margin-bottom: 10px;



	margin-left: 10px;



	margin-top: 8px;



}







div.infos-spectacle div.orange {



	background-color: #DC5600;



	color: #fff;



	font-size: 12px;



	padding: 10px;



	background-image: url(../img/angle-bas-fond-blanc.gif);



	background-repeat: no-repeat;



	background-position: right bottom;



}







div.infos-spectacle div.orange p {



	margin-bottom: 4px;



}







div.infos-spectacle ul.liens-pratiques {



	margin-bottom: 0px;



	margin-top: 10px;



}







div.infos-spectacle div.orange ul.liens-pratiques li {



	margin-bottom: 2px;



}







div.box div.article p.orange {



	color: #DC5600;



}







div.cadre-gris {



	float: left;



	width: 170px;



	color: #666666;



	background-color: #CCCCCC;



	padding: 10px;



	background-image: url(../img/angle-gris.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	margin-right: 10px;



}







div.cadre-gris li {



	text-align: right;



	margin: 8px;



	font-weight: bold;







}







div.cadre-gris li a {



	color:#666;



}



div.sponsors p img {



	vertical-align: middle;



}







.boutonbas {
	text-align:right;
	width:250px;
	background-color:#dc5600;
	background-image: url(../img/angle-bas-fond-blanc.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 20px;
	padding: 4px 20px 10px 0;
}

.boutonbas span {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.boutonbasinside {
	text-align:right;
	width:250px;
	background-color:#dc5600;
	background-image: url(../img/angle-bas-fond-blanc.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 4px 20px 10px 0;
}

.boutonbasinside span {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}











.intertitre {
	color: #DC5600;
	font-size : 12px;
	font-weight : bold;
}


#s1{
	height:257px;
	background-color:#000000;
}







#s1_home{

	height:235px;

	background-color:#000000;

}