* {
	margin:					0;
	padding:					0;
}

body {
	background-color: 	#5E979E;
	font-size: 				12px;
	font-family: 			arial, hevetica, sans-serif;
	color: 					#4F4E54;
}
a {
	text-decoration: 		none;
	color: 					#4F4E54;
	outline:					none;
}
#c1 {
	width: 					1024px;
	margin: 					0 auto;
}

#c2 {
	float: 					left;
	width: 					100%;
	background-color: 	#fff;
	padding: 				0px 5px 5px 5px;
}
img {
	border:					0px;
}

.alerte {
	color: 					#cc0000;
}

#header {

}
#contenu {
	float: 					left;
	width: 					100%;
	border-top:				2px solid #FFF;
	background-color: 	#E6F0F0;
}


#blocN1gauche {
	float: 					left;
	width: 					150px;
	border-right:			3px solid #FFF;
}
#blocN1droite {
	float: 					left;
	width:					865px;
	height: 					auto;
	margin-left:			5px;
	margin-bottom: 		25px;
}

#blocN2basGauche {
	float:					left;
	width:					610px;
	/*padding-bottom:		20px;*/
}

#blocN2basDroite {
	float:					left;
	width:					250px;
}



#blocArticle {
	float: left;
	width: 					100%;
	height: 					330px;
}

#blocArticle2 {
	float: left;
	width: 					100%;
	height: 					60px;
}
#blocArticle3 {
	clear:					both;
	margin:					0px 0px 0px 20px;
	padding: 				5px;
	width: 					350px;
	height: 					120px;
	border: 					4px solid #fff;
	background-color: 	#E8ECF8;
}

#blocArticle4 {
	float: left;
	width: 					100%;
	height: 					250px;
}

#vignette {
	float:					left;
	width:					80px;
	height: 					300px;
	margin-left:			20px;
}

#vignette2 {
	float:					left;
	border:					1px solid #000;
}

#corpTexte {
	float: 					left;
	width: 					200px;
	padding: 				0px 15px 10px 120px;
}
#corpTexte.largeur2 {
	width:					440px;
}
#corpTexte h1 {
	font-size: 				17px;
	margin-bottom: 		10px;
}
#corpTexte div {
	font-size:				11px;
}

#corpTexteDetail {
	float: 					left;
	width: 					294px;
	height: 					230px;
	overflow: 				auto;
	padding: 				0px 10px 10px 5px;
	margin-bottom: 		15px;
}
#corpTexteDetail table {
	font-size:				11px;
	width: 					260px;
	padding: 				3px;
	margin-bottom: 		10px;
	background-color: 	#D0D7E7;
}
#corpTexteDetail table td {
	vertical-align: 		text-top;
}



a.plus {
	font-size:				11px;
	float: right;
	padding-right:			5px;
}
a.plus:hover {
	text-decoration: underline;
}

a.all {
	display: 				block;
	float:					left;
	background-image: 	url(../images/degrviolet2.gif);
	background-repeat: 	repeat-x;
	height: 					25px;
	width: 					230px;
	text-align: 			right;
	padding:					7px 10px 0px 0px;
	color:					#473337;
}


#corpTexte2 {
	float: 					left;
	width: 					430px;
	padding: 				0px 15px 10px 10px;
}

#corpTexte2 h1 {
	font-size: 				17px;
	margin-bottom: 		10px;
}
#corpTexte2 p#photo {
	margin:					10px 0px;
}
#corpTexte2 .photo {
	float:					left;
	margin:					0 10px 5px 0;
}
#corpTexte2 img {
	border: 					5px solid #F2F5FB;
}
#corpTexte2 p {
	font-size:				12px;
}


#corpTexte3 {
	float: 					left;
	width: 					400px;
	padding: 				30px 15px 10px 150px;
}
#corpTexte3 #over {
	height: 					250px;
	overflow: 				auto;
	padding-right:			8px;
}


#corpTexte3 h1 {
	font-size: 				17px;
	margin-bottom: 		10px;
}
#corpTexte3 p.doc {
	margin-top: 			20px;
}

#corpTexte4 {
	float: 					left;
	width: 					auto;
	padding:	 				5px 15px 10px 35px;
}


#corpTexte4 div {
	float: left;
	width: 					100%;
}
#corpTexte4 div img {
	float: left;
	margin:					0px 15px 15px 0px;
}

#corpTexte4 div #over {
	float: left;
	overflow: 				auto;
	width: 					280px;
	height: 					260px;
	text-align: 			justify;
	padding-right:			8px;
}
#corpTexte4 div #over.size2 {
	width: 					400px;
}

#corpTexte4 #ligne {
	clear: both;
	width: 					100%;
	margin-bottom: 		5px;
}
#corpTexte4 p.doc {
	margin-top: 			20px;
}

#corpTexte4 h1 {
	width: auto;
	font-size: 				25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #808CAC;
}
#corpTexte4 #ligne h2 {
	float: right;
	font-size: 				17px;
	margin-bottom: 		5px;
	padding-right: 		15px;
	width: auto;
}
#corpTexte4 #ligne .date {
	float: left;
	font-size: 				13px;
	font-weight: 			bold;
}
#corpTexte4 h1.type1 {
	font-size:				19px;
}
#corpTexte4 div.type1 {
	width: 95%;
}

#corpTexte5 {
	float: 					left;
	width: 					490px;
	text-align: 			justify;
	margin-left:			10px;
}

#corpTexte6 {
	float: 					left;
	font-size:				11px;
	width: 					100%;
	height: 					120px;
	overflow: 				auto;
	padding-right: 		5px;
	scrollbar-face-color:	#CECECE;
	scrollbar-arrow-color:	#000;
	scrollbar-track-color: 	#E9E9E9;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #8B92B9;
}
#corpTexte6 img {
	float:					left;
	margin:					0px 10px 2px 0px;
}
#corpTexte6 h1 {
	font-size:				14px;
	margin-bottom:			5px;
}



#blocPhotoFiche,
#blocPhoto {
	float: 					left;
	width:					auto;
	margin-left:			10px;
}
#blocPhoto.largeur2 {
	width: 					560px;
}

#blocPhoto .phright {
	float: 					left;
}

#blocPhoto p#grphoto {
	border: 					5px solid #FFF;
	width:					220px;
	margin: 					0px 15px 15px 0px;
}
#blocPhotoFiche div {
	width:					220px;
	margin-bottom:			10px;
}



#blocPhoto ul {
	margin-bottom:			15px;
}

#blocPhotoFiche li,
#blocPhoto li {
	display: 				inline;
	list-style-image: 	none;
	padding: 				0px;
	margin: 					5px 5px 10px 0px;
}

#blocPhotoFiche {
	margin-left: 0px;
}
#blocPhotoFiche p#grphoto {
	border: 					5px solid #FFF;
	margin: 					0px 5px 15px 0px;
}

#blocN2haut {
	float:					left;
	width:					100%;
	height: 					45px;
}
#blocN2haut #retour {
	float:					left;
	margin-left:			10px;
	width: 					80px;
}
#blocN2haut #retour a {
	font-weight: 			bold;
	font-size: 				11px;
}

#blocN2haut #retour a:hover {
	color:					#fff;
	background-color: 	#B7BED8;
}

#blocN2haut #recherche {
	float:					right;
	margin-top:				0px;
	width: 					130px;
}

#blocN2haut #menuHaut {
	float: 					right;
	width: 					80%;
	font-size:				11px;
	font-weight: 			bold;
	color:					#716696;
	margin-top:				2px;
}


#blocN2haut #menuHaut li {
	float: 					right;
	display: 				inline;
	list-style-image: 	none;
	margin-right: 			15px;
}
#blocN2haut #menuHaut img {
	margin-left: 			5px;
}


#blocN1info {
	float: 					left;
	width:					auto;
	margin-bottom:			10px;
}


#blocN2info {
	float: 					left;
	width:					auto;
	margin-bottom:			15px;
}


.video {
	float:					left;
	margin:					0 0 20px 0;
}



#blocPresta {
	float: 					left;
	width: 					572px;
	margin:		 			15px 0px 20px 10px;
}
#blocPresta #deco {
	height: 					39px;
	background-image: 	url(../images/vague3.gif);
	background-repeat: 	no-repeat;
}
#blocPresta h1 {
	font-size: 				14px;
	font-weight: 			bold;
	padding:					10px 0px 0px 20px;
}
#blocPresta #liste,
#blocPresta #liste2 {
	clear: 					left;
	overflow: 				auto;
	width: 					540px;
	height: 					350px;
	padding-top: 			10px;
	/*background-color: 	#FFF;*/
	/*background-image: 	url(../images/degrpresta.gif);
	background-repeat: 	repeat-x;*/
}
#blocPresta #liste2 {
	height: 					340px;
}

#bandeau {
	clear: left;
	width: 500px;
	height: 59px;
	margin: 5px 0px 15px 10px;
	background-image: 	url(../images/degrgris1.gif);
	background-repeat: 	repeat-x;
	background-color: #f9fcfc;
}
#bandeau a:hover {
	cursor: url(images/hand.cur);
}

#bandeau div.liens {
	float: left;
	margin-top: 2px;
	width: 200px;
}
#bandeau #info {
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 10px;
	width: 400px;
}
#bandeau span.classement {
	float: left;
	margin-left: 5px;
}
#bandeau span.titre {
	float: left;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
#bandeau p {
	clear: left;
	margin: 0px;
}
#bandeau p.size2 {
	font-size:	11px;
	font-weight: bold;
}
#bandeau img {
	float: left;
	margin-right: 10px;
}
#bandeau img#classement {
	float: left;
	margin: 0px;
}


#blocDetailFiche {
	float: 					left;
	width: 					550px;
	height: 					auto;
	padding-left:			35px;
}

#blocDetailFiche h1 {
	float: 					left;
	width: 					100%;
	font-size: 				17px;
	margin:			 		0px 0px 10px 0px;
}

#blocDetailFiche #pictos {
	float: 					left;
	width: 					95%;
	margin-top: 			10px;
}
#blocDetailFiche #pictos input {
	border: 					0px;
	width: 					250px;
	background-color: 	#E8ECF8;
	font-size: 				11px;
	font-weight: 			bold;
	font-family: 			Verdana;
}


#blocPreresa {
	float: 					left;
	width: 					545px;
	padding-left:			30px;
}
#blocPreresa h1 {
	float: 					left;
	font-size: 				15px;
	margin:			 		0px 0px 10px 0px;
}
#blocPreresa p.info {
	clear:					both;
	font-size:				9px;
}

#blocPre h2 {
	clear:					right;
	font-size: 				13px;
}
#blocPre {
	clear:					both;
	width:					510px;
	margin-top:				15px;
	padding:					5px;
	border:					3px solid #fff;
}
#blocPre span {
	float: left;
	display: block;
	width: auto;
}
#blocPre #f1 {
	clear: both;
	margin: 5px;
}
#blocPre p {
	margin-bottom: 5px;
}
#blocPre p.retline {
	clear: left;
}
#blocPre p.online {
	float: left;
	width: 270px;
}
#blocPre label {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 3px;
}
#blocPre label.lab2 {
	float: left;
	width: 130px;
	text-align: right;
}
#blocPre label.lab3 {
	float: left;
	width: 70px;
	text-align: right;
}


#blocPreresa a.lien {
	display:					block;
	margin: 					0px 5px 5px 0px;
	text-align: 			right;
	font-size: 				10px;
}

#btValider {
	float: 					right;
	margin: 					20px 10px 0px 0px;
}

#blocMention {
	float: 					left;
	width: 					545px;
	height: 					360px;
	overflow: 				auto;
	padding-left:			30px;
}
#blocMention ul {
	clear:					both;
	list-style: 			none;
	padding:					20px 0px 20px 20px;
}
#blocMention li {
	clear:					both;
}

#blocMention img.cdre {
	border: 					5px solid #FFF;
	margin-right:			20px;
	margin-bottom: 		20px;
}
#blocMention li a {
	float: 					left;
}

#blocMention li .txtBroch {
	float:					left;
	vertical-align: 		middle;
	width: 					auto;
}

#blocMention #cadre {
	clear:					both;
	text-align: 			center;
	margin:					15px auto;
	padding: 				10px;
	width:					250px;
	border: 					3px solid #fff;
}
#blocMention h1 {
	float: 					left;
	font-size: 				20px;
	margin:			 		0px 0px 10px 0px;
}
#blocMention h2 {
	font-size: 				13px;
	margin:					10px 0px 5px 0px;
}



#blocN1pied {
	clear: 					left;
	width: 					100%;
	height: 					17px;
	background-image: 	url(../images/degrpied.gif);
	background-repeat: 	repeat-x;
	border-top: 			1px solid #FFF;
}
#blocN1pied a {
	font-size:				10px;
	line-height: 			17px;
	color:					#3D7278;
}
#blocN1pied a.acces {
	font-size:				11px;
	color:					#cc0000;
}

#blocN1pied a:hover {
	color:					#2B5A60;
}
#blocN1pied #left {
	margin-left:			5px;
	float: 					left;
}
#blocN1pied #right {
	margin-right:			5px;
	float: 					right;
}






#bloc1,
#bloc2 {
	float: left;
	width: 					233px;
	padding: 				10px 10px;
	background-repeat: 	no-repeat;
}
#bloc1 {
	background-image: 	url(../images/fdbloc1.gif);
}
#bloc2 {
	background-image: 	url(../images/fdbloc2.gif);
}
#bloc2 table td {
	padding: 2px;
}

#bloc1 h1,
#bloc2 h1 {
	font-size: 19px;
	color: #FFF;
	margin-bottom: 5px;
}
#bloc1 h2,
#bloc2 h2 {
	font-size: 12px;
	margin-bottom: 5px;
}
#bloc1 h3,
#bloc2 h3 {
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 5px;
}
#bloc1 h4,
#bloc2 h4 {
	font-size: 13px;
	color: #FFF;
	margin-top: 20px;
}
#bloc1 p,
#bloc2 p {
	font-size: 10px;
	margin: 0px 15px 0px 0px;
}
#bloc1 p.type1 {
	float: left;
	margin: 0px;
	width: 150px;
	font-size: 11px;
}
#bloc1 img,
#bloc2 img {
	float: left;
	margin: 0px 10px 3px 0px;
}
#bloc2 .date {
	margin: 0px 0px 5px 0px;;
}
#bloc2 .titre {
	margin: 0px;
	font-size: 12px;
}

#ligneT1 {
	float: left;
	width: 					210px;
	padding: 2px;
	border-bottom: 1px solid #B8BACF;
}

#ligneT1 img {
	float: right;
}
#ligneT1 .date {
	margin: 0px;
	font-size: 10px;
}
#ligneT1 a {
	float: left;
	font-size: 11px;
	width: 180px;
}
#ligneT1 a:hover {
	background-color: #D6D8E5;
}

#menuAccueil {
	float:					left;
	margin-bottom: 		10px;
}
#menuAccueil img {
	float:					right;
}
#menuAccueil h4 {
	float:					left;
	line-height: 			16px;
	margin-bottom:			5px;
	background-color: 	#DFE0F2;
}
#menuAccueil a {
	display:					block;

	float: 					left;
	text-align: right;
	width:					120px;
	font-size: 				13px;
	color: 					#55588D;
}

/* liste des menus */
#menu1,
#menu2,
#menu3 {
	clear: 					left;
	width: 					100%;
	padding-bottom:		25px;
}
#menu1 li,
#menu2 li,
#menu3 li {
	display: 				block;
	list-style-type: 		none;
	text-align: 			right;
	background-image: 	url(../images/traitbanc1.gif);
	background-repeat: 	no-repeat;
	background-position: 100% 9px;
}
#menu1 a,
#menu2 a,
#menu3 a {
	display:					block;
	float: 					left;
	width: 					125px;
}

#menu1 a:hover {
	background-color: 	#CBE3E6;
	color:					#2E8490;
}
#menu1 h4 {
	text-align: 			right;
	font-size: 				15px;
	color: 					#3BB3C3;
	margin-bottom: 		5px;
}


#menu2 a:hover {
	background-color: 	#CFE4DA;
	color:					#3B8763;
}
#menu2 h4 {
	text-align: 			right;
	font-size: 				15px;
	color: 					#7DC4A2;
	margin-bottom: 		5px;
}

#menu3 a:hover {
	background-color: 	#D9DAEB;
	color:					#41447D;
}
#menu3 h4 {
	text-align: 			right;
	font-size: 				15px;
	color: 					#7D80B7;
	margin-bottom: 		5px;
}





#blocChoix1 {
	float: right;
	width: 135px;
	padding-left: 10px;
	border-top: 1px solid #ADA8C6;
	background-image: url(../images/degrviolet1.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
#blocChoix1 h4 {
	font-size:				13px;
	color:					#6A5E91;
	margin:					4px 0px;
}

#blocChoix2 {
	float: right;
	width: 135px;
	padding-left: 10px;
	border-top: 1px solid #7EAAAF;
	background-image: url(../images/degrvert1.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
#blocChoix2 h4 {
	font-size:				13px;
	color:					#4B7A80;
	margin:					4px 0px;
}


#pop1 {
	background-color: #E6F0F0;
	width: 100%;
	height: 400px;
}


/*
#typeSelect1 p,
#typeSelect2 p {
	background-color: 	#FFF;
	padding-left: 			5px;

}
#typeSelect1 p a,
#typeSelect2 p a {
	display: 				block;
	width: 					auto;
	background-repeat: 	no-repeat;
	background-position: 98% 1px;
}
#typeSelect1 ul,
#typeSelect2 ul {
	margin-left: 			2px;
}
#typeSelect1 li,
#typeSelect2 li {
	margin-left: 			0px;
}
#typeSelect1 li a,
#typeSelect2 li a {
	font-size:11px;
	width: 					100%;
	display: 				block;
	padding-left: 			2px;
}

#typeSelect1 .liste,
#typeSelect2 .liste {
	width: 					127px;
	background-color: 	#FFF;
}

#typeSelect1 p{
	border: 					1px solid #CAC3DD;
}
#typeSelect2 p{
	border: 					1px solid #B7D3D6;
}
#typeSelect1 p a {
	background-image: 	url(../images/fl_violet1_bas.gif);
}
#typeSelect2 p a {
	background-image: 	url(../images/fl_vert1_bas.gif);
}
#typeSelect1 li a:hover {
	background-color: 	#EBE9F2;
}
#typeSelect2 li a:hover {
	background-color: 	#DDF0F2;
}

*/


#tarifs {
	float: left;
	width: 99%;
	height: 100px;
	overflow: auto;
	margin-left: 0px;
}
p.tarifs {
	clear: both;
	margin-bottom: 5px;
}

table#tarif {
	clear: both;
	font-size: 10px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
	width: 95%;
}

table#tarif thead tr {
	background-color: 	#D0D7E7;
}
table#tarif thead tr td {
	padding: 0px 10px;
	height: 19px;
}

table#tarif tbody tr th,
table#tarif tbody td {
	padding: 0px 5px;
	/*border-top: 1px solid #ccc;*/
	height: 19px;
	text-align: center;
}
table#tarif tbody tr th {
	text-align: left;
}
table#tarif tbody tr {
	background-color: #FFF;
}





div.MGroup {
	width: 135px;
	padding-left: 5px;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

div.MGroup .slid,
div.MGroup .slidHeber,
div.MGroup .slidActi {
	width: auto;
	background-color: #FFF;
	padding: 0px 0px 2px 0px;
	border: 1px solid #CAC3DD;
	cursor: pointer;
}

div.MGroup .slidDispo {
	width: auto;
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #CAC3DD;
	cursor: pointer;
}

div.MGroup .slidHeber {
	border-top: 1px solid #CAC3DD;
	background-color: #FFF;
}
div.MGroup .slidActi {
	border-top: 1px solid #7EAAAF;
	background-color: #FFF;
}

div.MGroup .slidDispo a {
	display: 				block;
	font-size: 				12px;
	width: 					auto;
	padding: 				3px;
	background-image: 	url(../images/fl_blanc_dr.gif);
	background-repeat: 	no-repeat;
	background-position: 99% 4px;
}

div.MGroup .slid a,
div.MGroup .slidHeber a {
	display: 				block;
	width: 					auto;
	background-repeat: 	no-repeat;
	background-position: 98% 1px;
	font-size: 				11px;
}

div.MGroup .slidHeber a {
	background-image: 	url(../images/fl_violet1_dr.gif);
}
div.MGroup .slidActi a {
	background-image: 	url(../images/fl_bleu2_dr.gif);
}


div.MGroup .slid a:hover,
div.MGroup .slidHeber a:hover,
div.MGroup .slidActi a:hover   {
	text-decoration: 		none;
	background-repeat: 	no-repeat;
	background-position: 98% 1px;
}
div.MGroup .slidHeber a:hover {
	background-image: 	url(../images/fl_violet1_bas.gif);
}
div.MGroup .slidActi a:hover {
	background-image: 	url(../images/fl_bleu2_bas.gif);
}
div.MGroup .slidDispo a:hover {
	background-image: 	url(../images/fl_blanc_bas.gif);
}

div.MGroup .MBliste {
	margin-left: 0px;
	width: auto;
	height: auto;
	overflow: auto;
	border-top: 0px;
}


div.MGroup .liste,
div.MGroup .listeHeber,
div.MGroup .listeActi {
	font-family: arial;
	font-size: 11px;
	line-height: 15px;
	padding-left: 0px;
	background-color: #FFF;
}



div.MGroup .liste a,
div.MGroup .listeHeber a,
div.MGroup .listeActi a {
	display: block;
	width: 100%;
	padding-left: 			2px;
	text-decoration: none;
}

div.MGroup .liste a:hover,
div.MGroup .listeHeber a:hover {
	background-color: 	#EBE9F2;
	cursor: pointer;
}
div.MGroup .listeActi a:hover {
	background-color: 	#DDF0F2;
	cursor: pointer;
}



.tabDispo {
	font-size: 10px;
	margin: 0px 0px 5px 0px;
}

.tabDispo td.txLight {
	font-size: 9px;
}
.tabDispo .txBold {
	font-size: 12px;
	font-weight: bold;
}
.tabDispo tr.chapeau {
	background-color: #D0D7E7;
}
.tabDispo tr.lignePair {
	background-color:  #F8FAFF;
}
.tabDispo tr.ligneImpair {
	background-color: #fff;
}




.input1 {
	width: 					90px;
	font-size: 				9px;
	background-color: 	#FFF;
	border: 					1px solid #BBB0DA;
	margin-bottom:			6px;
}
.input2 {
	font-family: 			Arial;
	font-size: 				11px;
	background-color: 	#FFF;
	border: 					1px solid #BBB0DA;
	padding-left: 3px;
}

.txtRouge {
	color: #CC0000;
}
.txtVert {
	color: #006400;
}


img#pucebleu1,
img#pucevert1,
img#puceviolet1 {
	padding-left: 			10px;
	margin-right: 			0px;
}
img#pucebleu2,
img#pucevert2,
img#puceviolet2 {
	padding-left: 			0px;
	padding-right: 		15px;
}