/* CSS RESET */
/* Feuille de style par dŽfaut recommandŽe par le W3C */

html, adress, 
blockquote, 
body, dd, div, 
dl, dt, fieldset, form, 
frame, frameset, 
h1, h2, h3, h4, h5, 
h6, noframes, ol, p, 
ul, hr, pre 			{ display: block }
li					{ display: list-item }
head					{ display: none }
table					{ display: table }
tr					{ display: table-row }
thead				{ display: table-head-group }
tbody				{ display: table-row-group }
tfoot					{ display: table-footer-group }
col					{ display: table-column }
colgroup				{ display: table-column-group }
td, th				{ display: table-cell }
caption				{ display: table-caption }
th					{ font-weight: bolder; text-align: center }
caption				{ text-align: center }
body					{ margin: 8px }
h1					{ font-size: 2em; margin: .67em 0 }
h2					{ font-size: 1.5em; margin: .75em 0 }
h3					{ font-size: 1.17em; margin: .83em 0 }
h4, p, blockquote, ul, 
fieldset, form, ol, dl,
h5					{ font-size: .83em; margin: 1.5em 0 }
h6					{ font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5,
h6, b, strong			{ font-weight: bolder }
blockquote			{ margin-left: 40px; margin-right: 40px }
i, cite, em, var, 
address				{ font-style: italic }
pre, tt, code, kbd, 
samp				{ font-family: monospace }
pre					{ white-space: pre }
button, textarea, 
input, select			{ display: inline-block }
big					{ font-size: 1.17em }
small, sub, sup		{ font-size: .83em }
sub					{ vertical-align: sub }
sup					{ vertical-align: supper }
table					{ border-spacing: 2px }
thead, tbody, tfoot		{ vertical-align: middle }
td, th				{ vertical-align: inherit }
del					{ text-decoration; line-through }
hr					{ border: 1px inset }
ol, ul, dd			{ margin-left: 40px }
ol					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol	{ margin-top: 0; margin-bottom: 0 }
ins					{ text-decoration: underline }
br:before			{ content: "\A" }
:before, :after		{ white-space: pre-line }
:link, :visited		{ text-decoration: underline }
:focus				{ outline: thin dotted invert }


@media print {
	h1				{ page-break-before: always }
	h1, h2, h3,
	h4, h5, h6		{ page-break-after: avoid }
	ul, ol, dl		{ page-break-before: avoid }
}
/* FIN CSS RESET */





/**************** DEBUT CODE ROMAIN ******************/
body {
   		margin: 0px;
   		padding: 0px;
		width: 100%;
		height: 100%;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		background: url(./images/background_bande.png) repeat-x 0 170px;
		background-color: #FFFFFF;
		}

.container {
		width: 907px;
		height: auto;
		margin-left: auto;
		padding-top: 16px;
		margin-right: auto;
		}

/*******COLONNE DE GAUCHE*****/
.left_column_container {
		float: left;
		width: 314px;
		height: 859px;
		}

.left_column_top {
		width: 314px;
		height: 528px;
		padding-top: 90px;
		background: url(./images/background_left_column_top.png) no-repeat 0 0;
		}

.left_column_citation {
		width: 298px;
		height: 70px;
		margin-left: auto;
		margin-right: auto;
		}

.grande_illustration_left_column {
		width: 284px;
		height: 446px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		}

.left_column_menu {
		width: 314px;
		height: 242px;
		padding-left: 6px;
		background: url(./images/menu_background.jpg) no-repeat 0 0;
		}

.menu_stages_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_stages.jpg) no-repeat 0 0;
		}
.menu_stages_link:hover {background: url(./images/menu_stages.jpg) no-repeat 0 -33px;}

.menu_styles_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_styles.jpg) no-repeat 0 0;
		}
.menu_styles_link:hover {background: url(./images/menu_styles.jpg) no-repeat 0 -33px;}

.menu_marques_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_marques.jpg) no-repeat 0 0;
		}
.menu_marques_link:hover {background: url(./images/menu_marques.jpg) no-repeat 0 -33px;}

.menu_actualite_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_actualite.jpg) no-repeat 0 0;
		}
.menu_actualite_link:hover {background: url(./images/menu_actualite.jpg) no-repeat 0 -33px;}

.menu_acces_adherents_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_acces_adherents.jpg) no-repeat 0 0;
		}
.menu_acces_adherents_link:hover {background: url(./images/menu_acces_adherents.jpg) no-repeat 0 -33px;}

.menu_contact_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/menu_contact.jpg) no-repeat 0 0;
		}
.menu_contact_link:hover {background: url(./images/menu_contact.jpg) no-repeat 0 -33px;}





/*******PAGE PRINCIPALE A DROITE*****/
.right_page {
		float: right;
		width: 579px;
		height: 859px;
		background: url(./images/right_page_background_texte.jpg) no-repeat 0 0;
		}

.title_right_page {
		width: 551px;
		height: 40px;
		margin-left: auto;
		margin-top: 20px;
		margin-right: auto;
		}

.paragraphe_intro_centre {
		width: 540px;
		height: auto;
		margin-left: auto;
		margin-top: 10px;
		margin-right: auto;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		font-size: 12px;
		line-height: 21px;
		text-align: justify;
		}

.paragraphe_intro_big1 {
		color: #BD1212;
		font-size: 14px;
		}

.paragraphe_intro_big2 {
		color: #BD1212;
		font-size: 18px;
		}


.textes_centre_accueil_container {
		width: 571px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		}
		
.left_paragraphe {
		float: left;
		width: 280px;
		height: auto;
		margin-top: 20px;
		margin-left: 30px;
		/margin-left: 10px;
		}	

.left_paragraphe p {
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		}

.left_paragraphe_bigtxt {
		font-size: 14px;
		color: #480000;
		}

.citation {
		float: right;
		width: 241px;
		height: 197px;
		margin-top: 90px;
		margin-right: 20px;
		/margin-right: 10px;
		background: url(./images/background_citation.png) no-repeat 0 0;
		}

.citation p {
		margin-top: 18px;
		margin-left: 35px;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #480000;
		font-size: 24px;
		line-height: 34px;
		text-align: left;
		}
		
.container_boutons_bottom {
		width: 571px;
		height: 218px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		}		

.container_pro_particuliers {
		width: 571px;
		height: 72px;
		}

.bouton_acces_pro_link {
		float: left;
		display: block;
		width: 288px;
		height: 84px;
		border: none;
		background: url(./images/bouton_professionnels.jpg) no-repeat 0 0;
		}
.bouton_acces_pro_link:hover {background: url(./images/bouton_professionnels.jpg) no-repeat 0 -84px;}

.bouton_acces_particuliers_link {
		float: left;
		display: block;
		width: 283px;
		height: 84px;
		border: none;
		background: url(./images/bouton_particuliers.jpg) no-repeat 0 0;
		}
.bouton_acces_particuliers_link:hover {background: url(./images/bouton_particuliers.jpg) no-repeat 0 -84px;}

.bouton_voir_salons_link {
		display: block;
		width: 571px;
		height: 80px;
		border: none;
		background: url(./images/bouton_voir_salons.jpg) no-repeat 0 0;
		}
.bouton_voir_salons_link:hover {background: url(./images/bouton_voir_salons.jpg) no-repeat 0 -80px;}

.bouton_street_attitude_link {
		display: block;
		width: 571px;
		height: 66px;
		border: none;
		background: url(./images/bouton_street_attitude.jpg) no-repeat 0 0;
		}
.bouton_street_attitude_link:hover {background: url(./images/bouton_street_attitude.jpg) no-repeat 0 -66px;}

.bouton_morpho_link {
		display: block;
		width: 571px;
		height: 66px;
		border: none;
		background: url(./images/bouton_morpho.jpg) no-repeat 0 0;
		}
.bouton_morpho_link:hover {background: url(./images/bouton_morpho.jpg) no-repeat 0 -66px;}

				

/*******page actualites*****/

.preview_poster_container {
		width: 366px;
		height:	200px;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
		}

.preview_poster {
		float: left;
		width: 153px;
		height: 200px;
		margin-right: 30px
		}
	
		
/*******BANDE DU BAS*****/
.bottom_string {
		width: 100%;
		height: 517px;
		margin-top: 50px;
		padding-bottom: 30px;
		background: url(./images/bottom_background.png) repeat-x 0 0;
		}

.bottom_container {
		width: 980px; 
		height: 500px;
		margin-left: auto;
		margin-right: auto;
		}

.bottom_left_part {
		float: left;
		width: 400px;
		}
		
.formulaire_contact_container {
		width: 400px;
		padding-top: 0;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #FFFFFF;
		font-size: 16px;
		text-align: left;
		line-height: 24px;
		}

.champ_nom {	
		width: 345px;
		height: 24px;
		border: none;
		padding-top: 10px;
		padding-left: 5px;
		margin: 0;
		text-align: left;
		background: url(./images/champ_nom.jpg) 0 0 no-repeat;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #FFFFFF;
		font-size: 14px;
		text-align: left;
		}	

.champ_adresse {	
		width: 345px;
		height: 24px;
		border: none;
		padding-top: 10px;
		padding-left: 5px;
		margin: 0;
		text-align: left;
		background: url(./images/champ_nom.jpg) 0 0 no-repeat;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #FFFFFF;
		font-size: 14px;
		text-align: left;
		}	

.champ_message {	
		width: 338px;
		height: 206px;
		border: none;
		padding: 5px;
		margin: 0;
		text-align: left;
		background: url(./images/champ_message.jpg) 0 0 no-repeat;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #FFFFFF;
		font-size: 14px;
		text-align: left;
		}			
		
.bouton_envoi {	
		width: 104px;
		height: 31px;
		margin-top: 5px;
		border: none;
		margin: 0;
		background: url(./images/bouton_envoi.jpg) 0 0 no-repeat;
		}			


.bouton_retour_link {
		display: block;	
		width: 104px;
		height: 31px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		background: url(./images/bouton_retour.png) 0 0 no-repeat;
		}		
.bouton_retour_link:hover {	
		background: url(./images/bouton_retour.png) 0 -31px no-repeat;
		}	


.bottom_right_part {
		float: right;
		width: 540px;
		}

.contact_title {
		margin-top: 20px;
		width: 279px;
		height: 61px;
		}

.menu_title {
		margin-top: 20px;
		width: 539px;
		height: 59px;
		}

.bottom_menu_container {
		width: 539px;
		height: 142px;
		background: url(./images/bottom_menu_background.jpg) no-repeat 0 0;
		}

.bottom_menu_subcontainer1 {
		float: left;
		width: 155px;
		padding-top: 10px;
		}
		
.bottom_menu_subcontainer2 {
		float: left;
		width: 208px;
		padding-top: 10px;
		}

.bottom_menu_subcontainer3 {
		float: left;
		width: 176px;
		padding-top: 10px;
		}		


.bottom_menu_pro_link {
		display: block;
		width: 155px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_pro.jpg) no-repeat 0 0;
		}
.bottom_menu_pro_link:hover {background: url(./images/bottom_menu_pro.jpg) no-repeat 0 -36px;}

.bottom_menu_particuliers_link {
		display: block;
		width: 155px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_particuliers.jpg) no-repeat 0 0;
		}
.bottom_menu_particuliers_link:hover {background: url(./images/bottom_menu_particuliers.jpg) no-repeat 0 -36px;}

.bottom_menu_salons_link {
		display: block;
		width: 155px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_salons.jpg) no-repeat 0 0;
		}
.bottom_menu_salons_link:hover {background: url(./images/bottom_menu_salons.jpg) no-repeat 0 -36px;}

.bottom_menu_stages_link {
		display: block;
		width: 176px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_stages.jpg) no-repeat 0 0;
		}
.bottom_menu_stages_link:hover {background: url(./images/bottom_menu_stages.jpg) no-repeat 0 -36px;}

.bottom_menu_street_link {
		display: block;
		width: 176px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_street.jpg) no-repeat 0 0;
		}
.bottom_menu_street_link:hover {background: url(./images/bottom_menu_street.jpg) no-repeat 0 -36px;}

.bottom_menu_styles_link {
		display: block;
		width: 208px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_styles.jpg) no-repeat 0 0;
		}
.bottom_menu_styles_link:hover {background: url(./images/bottom_menu_styles.jpg) no-repeat 0 -36px;}

.bottom_menu_marques_link {
		display: block;
		width: 208px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_marques.jpg) no-repeat 0 0;
		}
.bottom_menu_marques_link:hover {background: url(./images/bottom_menu_marques.jpg) no-repeat 0 -36px;}

.bottom_menu_actualite_link {
		display: block;
		width: 208px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_actualite.jpg) no-repeat 0 0;
		}
.bottom_menu_actualite_link:hover {background: url(./images/bottom_menu_actualite.jpg) no-repeat 0 -36px;}

.bottom_menu_gestion_link {
		display: block;
		width: 302px;
		height: 33px;
		border: none;
		background: url(./images/bottom_menu_gestion.jpg) no-repeat 0 0;
		}
.bottom_menu_gestion_link:hover {background: url(./images/bottom_menu_gestion.jpg) no-repeat 0 -33px;}

.bottom_menu_acces_adherents_link {
		display: block;
		width: 176px;
		height: 36px;
		border: none;
		background: url(./images/bottom_menu_acces_adherents.jpg) no-repeat 0 0;
		}
.bottom_menu_acces_adherents_link:hover {background: url(./images/bottom_menu_acces_adherents.jpg) no-repeat 0 -36px;}





.bottom_citation {
		width: 539px;
		height: 289px;
		margin-left: auto;
		margin-right: auto;
		}


/*blocs de textes_ensemble des pages*****************/

.big_title_centre {
		text-align: center;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		font-size: 24px;
		color: #BD1212;
		line-height: 30px;
		}

.big_title_left {
		text-align: left;
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		font-size: 24px;
		color: #BD1212;
		line-height: 30px;
		}

.right_page_texte {
		float: right;
		width: 579px;
		height: 859px;
		background: url(./images/right_page_background_texte.jpg) no-repeat 0 0;
		}

.grand_bloc_texte_centre {
		width: 520px;
		height: 670px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		}

.grand_bloc_texte_centre p {
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		font-size: 16px;
		line-height: 21px;
		text-align: justify;
		}

.icone_puce {
		float: left;
		width: 22px;
		height: 20px;
		margin-right: 10px;
		}

.grand_container_kit {
		width: 520px;
		height: 670px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		}

.grand_container_kit p {
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		font-size: 10px;
		text-align: justify;
		}

.grand_container_salons {
		width: 520px;
		height: 670px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		}

.grand_container_salons p {
		font-family: "Trebuchet MS", arial, verdana, sans-serif;
		color: #5C5C5C;
		font-size: 16px;
		line-height: 21px;
		text-align: justify;
		}
		
.salons_colonne {
		float: left;
		width: 250px;
		height: 650px;
		padding-right: 10px;
		}

.container_salon_unit {
		width: 250px;
		height: auto;
		margin-left: 0;
		margin-bottom: 30px;
	}

.container_salon_affilie_unit {
		width: 250px;
		height: auto;
		margin-left: 0;
		margin-bottom: 20px;
	}


.salons_link {
	color: #BD1212;
	text-decoration: blink;
	font-style: oblique;
	font-size: 14px;
	font-weight: bold;
		}
.salons_link:hover {
		text-decoration: none;
		}

.salons_pages_link {
		float: right;
		color: #BD1212;
		text-decoration: underline;
		}
.salons_pages_link:hover {
		text-decoration: none;
		}

/*LE SPACER QUI NOUS SAUVE LA VIE, OU PAS*****************/		
.spacer {
		clear: both;
		}
		
		
/* liens sur des images *****************/			
		
.a img {
		text-decoration: none;
		border: none;}		
				
/* diaporama flickr *****************/
.diap_flickr {
width: 250px;
height: auto;
margin-left: auto;
margin-right: auto;
		}