/* ce fichier contient les styles suivants : 
	Gestion des blocs :
	- Menu principal
	- Pied de page
	- content 
	- right
	- HOME
	
*/

body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:0.7em;
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:left;
	font-weight:normal;
	background : #000000 url(../img/background-body.gif) top left repeat;
	color : #dcdcdc;
}
p{
	/*font-size:12px;*/
}
a:link, a:visited {
	  text-decoration: none;
	color : #666666;

}

.show{
	display : block;
}

.hide{
	display : none;
}
a:hover, a:active {
  text-decoration: none;
  color : #666666;

}
h1,h2,h3,h4{
	font-weight:bold;
}
h3,h4{
	margin : 0px 0px 5px 0px;
}
h1{
	font-size : 1.8em;
}
h2{
	font-size : 1.6em;
}
h3{
	font-size : 1.5em;
}
h4{
	font-size : 1.4em;
}
h5{
	font-size : 1.3em;
}
h6{
	font-size : 1.2em;
}
.rouge{
  color:#e12723;
  text-decoration: none;
}
.noir, .noir:link,.noir:visited{
  color:#000000;
  text-decoration: none;
}
.gris, .gris:link,.gris:visited{
	color:#e9e9e9;
}
.gris_fonce, .gris_fonce,.gris_fonce{
	color:#9a9b98;
}
/* formulaire simple de contact */
.csc-mailform{
	border : none;
	margin-left : 0px;
	padding-left : 0px;
}
.csc-mailform-field label{
	width : 100px;
	float:left;
}
.csc-mailform-field input,.csc-mailform-field textarea{
	width : 200px;
	float:left;
}
.csc-mailform-field{
	float:left;
	width : 650px;
	margin : 0px 0px 20px 0px;
}
input.csc-mailform-submit{
	float:left;
	margin-left :200px;
	width : 100px; 
}
#logo{
	float:left;
	width:230px;
	height:200px;
	background:transparent url(../img/logo.png) top left no-repeat;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#page{
	float:left;
	text-align : left;
	width:970px;
	margin:0 auto;
	margin:0px auto 0px 0px;
	background : transparent url(../img/background-page.gif) top left no-repeat;
	height : auto;
	min-height : 1405px;
	_height : 1405px;
	
}
#left{
	float: left;
	width:230px;
	margin:0;
	padding:0;
}
#right{
	float: left;
	width:740px;
	margin:0px 0px 0px 0px;
}

/* Pied de page*/

#footer{
	float:left;
	/*width:473px;*/
	/*position:relative;*/
	width:660px;
	height : 25px;
	margin-left : 45px;
	background:url(../img/filet_gris.gif) top left repeat-x;
}
#footer #copy-mam{
	float:left;
	width:243px;
	height : 25px;
	margin : 5px 0px 0px 0px;	
	padding-left : 20px;
	color:#cccccc;
	background:url(../img/ico.png) top left no-repeat;
}
#footer #copy-mam a{
	color:#cccccc;
}
#footer #tree{
	float:left;
	list-style: none ;
	padding : 0px 0px 0px 0px;
	margin : 5px 0px 0px 0px;
	text-align : right;
	width:210px;
}
#footer #tree li{
	display : inline;
	margin : 0px 10px 0px 0px;
	padding : 0px 0px 0px 0px;
}

/*content*/
#content{
	position : absolute;
	z-index : 2;
	top : 0px;
	left : 185px;
	text-align : left;
	width:790px;
	width:790px;
	min-height : 500px;
	_height : 500px;
	padding-bottom : 15px;
}
.content_haut{
	float : left;
	width:790px;
	height : auto;
}
.content_bas{
	float : left;
	width:790px;
	height : auto;
	padding-bottom : 15px;
}

.content_middle{
	float : left;
	width:650px;	/* largeur de base : 790px;*/
	padding : 10px 70px 0px 70px;
	margin : 10px 0px 10px 0px;	
}

#content h1{
	padding-left: 0px;
	line-height : 25px;
}
#content hr{
	margin-top : 10px;
	margin-bottom : 5px;
}
#content .csc-header-n1{
	/*background: transparent url(../img/patte_haut_2.png) top left no-repeat;	*/
	width:650px;	/* largeur de base : 790px;*/
	/*padding : 10px 70px 10px 70px;*/
	min-height : 47px;
	_height : 47px;
	line-height : 47px;
}
#content .csc-header{
	margin-bottom : 10px;
}
#content .content_middle {
	line-height : 18px;
}
#content .csc-textpic p,
#content .csc-textpic-text p{
	padding : 0px 0px 0px 0px;
}
#content p.csc-subheader{
	float : left;
	color : #808080;
	font-size : 14px;
	font-weight : bold;
	padding : 0px 0px 15px 0px;
	width:650px;
	/*border-bottom : 2px solid #e12723;*/
	border-bottom-width : 2px;
	/* solid #e12723;*/
	
}
#content p.bodytext{
	margin-top : 0px;
	margin-bottom : 0px;
}
#content .csc-default h1{
	border-bottom : 2px solid #e12723;
	width : 650px;
	padding : 0px 0px 15px 0px;
	margin : 0px 0px 0px 0px;
}
ul li p{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
ul{
	margin-top : 0px;
	margin-bottom : 0px;
}
#content .csc-default{
	float : left;
	/* pas de padding */
	width:650px;	/* largeur de base : 790px;*/	
	width:650px;
	margin-bottom : 10px;
	/*background: transparent url(../img/patte_middle_2.png) bottom left repeat-y;	*/
}
.ligne_lien{
	float:left;
	position : relative;
	top : 21px;
	width:650px;
	height : 21px;
}
#content h1.csc-firstHeader{
	margin-top : 10px; 
}


/* search */
.search{
	float:left;
	width : 200px;
	margin: 17px 0px 0px 0px;
}
.input_search{
	float:left;
	width : 181px;
	height : 18px;	
	background: #FFFFFF url(../img/search_input.gif) top left no-repeat;
	border :none;
	margin: 0px 0px 0px 0px;
	padding : 0;
}
.search_loupe{
	float:left;
	width : 18px;
	height : 18px;
	background: #FFFFFF url(../img/search_submit.gif) top left no-repeat;	
	border :none;
	padding : 0;

}


/* contenu : liste ou non */
#content .lien_more{
	float : right;
	width:89px;
	height : 21px;
	color : #FFFFFF;
	text-align : center;
	background: transparent url(../img/en-savoir-plus-fond.png) top left no-repeat;
	
	
}
#content .lien_more a{
	color : #FFFFFF;
}


#menu_principal{
	float : left;
	margin : 0px 0px 0px 0px;
}
#menu_principal ul,#menu_principal #tree li{
	list-style :none;
	margin : 0;
	padding : 0;
}
#menu_principal #tree li{
	width: 200px ;
	height : auto;
	min-height : 30px;
	_height : 30px;
}
/* LEZARAP'ART : couleur off : #492420 // couleur on : #b75b51 */
#content-11 hr{
	border: 1px #b75b51 solid;
}
#content-11 .csc-default h1{
	color : #b75b51;
	border-bottom : 2px solid #b75b51;
}
#content-11 .content_haut{
	background: transparent url(../img/patte_haut_1.png) top left no-repeat;
}
#content-11 .content_bas{
	background: transparent url(../img/patte_bas_1.png) bottom left no-repeat;
}
#content-11 .content_middle{
	background: transparent url(../img/patte_middle_1.png) bottom left repeat-y;
	border-color:#b75b51;
}
#menu_principal #tree li#item-11 a, #menu_principal #tree li#item-11.act {
	float : left;
	background: transparent url(../img/menu_principal_1.png) left top no-repeat ;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 130px ;
	color : transparent;
	margin : 21px 0px 0px 0px;
}
#menu_principal #tree li#item-11 a:hover, #menu_principal #tree li#item-11.act {
	float : left;
	background: transparent url(../img/menu_principal_1_on.png) left top no-repeat ;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 130px ;
	margin : 21px 0px 0px 0px;
}
#menu_principal #tree li#item-11.inactif ul {
	display : none;
}
#menu_principal #tree li#item-11.actsub ul {
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li span.titre{
	float : left;
	height : 31px;
}
#menu_principal #tree li#item-11 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-11 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #492420;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-11 ul li.n2 a:hover, #menu_principal #tree li#item-11 ul li.act{
	background-color : #b75b51;
	padding-left : 11px;
	width: 185px;
}
/* PETIT ART PETIT couleur off : #5b0f0e // couleur on : #e1001a */

#content-12 hr{
	border: 1px #e12723 solid;
}
#content-12 .csc-default h1{
	color : #e12723;
	border-bottom : 2px solid #e12723;
}
#content-12 .content_haut{
	background: transparent url(../img/patte_haut_2.png) top left no-repeat;
}
#content-12 .content_bas{
	background: transparent url(../img/patte_bas_2.png) bottom left no-repeat;
}
#content-12 .content_middle{
	background: transparent url(../img/patte_middle_2.png) bottom left repeat-y;
	border-color:#e12723;
}
#menu_principal #tree li#item-12 a {
	float : left;
	background: transparent url(../img/menu_principal_2.png) left top no-repeat ;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 140px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-12 a:hover,#menu_principal #tree li#item-12.act {
	float : left;
	background: transparent url(../img/menu_principal_2_on.png) left top no-repeat ;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 140px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-12.inactif ul {
	display : none;
}
#menu_principal #tree li#item-12.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li#item-12 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-12 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #5b0f0e;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-12 ul li.n2 a:hover, #menu_principal #tree li#item-12 ul li.act{
	background-color : #e1001a;
	padding-left : 11px;
	width: 185px;
}
/* ATELIERS DE CRÉATION : couleur_off : #5b062c // couleur_on : #e30e6f */
#content-13 hr{
	border: 1px #e30e6f solid;
}

#content-13 .content_middle{
	background: transparent url(../img/patte_middle_3.png) bottom left repeat-y;
	border-color:#e30e6f;
}
#content-13 .csc-default h1{
	color : #e30e6f;
	border-bottom : 2px solid #e30e6f;
}
#content-13 .content_haut{
	background: transparent url(../img/patte_haut_3.png) top left no-repeat;
}
#content-13 .content_bas{
	background: transparent url(../img/patte_bas_3.png) bottom left no-repeat;
}
#menu_principal #tree li#item-13 a {
	float : left;
	background: transparent url(../img/menu_principal_3.png) left top no-repeat ;
	min-height : 51px;
	_height : 51px;
	height : auto;
	width: 120px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-13 a:hover,#menu_principal #tree li#item-13.act {
	float : left;
	background: transparent url(../img/menu_principal_3_on.png) left top no-repeat ;
	min-height : 51px;
	_height : 51px;
	height : auto;
	width: 120px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-13.inactif ul {
	display : none;
}
#menu_principal #tree li#item-13.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}

#menu_principal #tree li#item-13 span.titre{
	float : left;
	height : 52px;
}
#menu_principal #tree li#item-13 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-13 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #5b062c;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-13 ul li.n2 a:hover, #menu_principal #tree li#item-13 ul li.act{
	background-color : #e30e6f;
	padding-left : 11px;
	width: 185px;
}
/* RÉSIDENCES D'ARTISTES : couleur_off : #3c4c05 // couleur_on : #95bd0f */
#content-14 .content_middle{
	background: transparent url(../img/patte_middle_4.png) bottom left repeat-y;
	border-color:#95bd0f;
}
#content-14 hr{
	border: 1px #95bd0f solid;
}
#content-14 .csc-default h1{
	color : #95bd0f;
	border-bottom : 2px solid #95bd0f;
}
#content-14 .content_haut{
	background: transparent url(../img/patte_haut_4.png) top left no-repeat;
}
#content-14 .content_bas{
	background: transparent url(../img/patte_bas_4.png) bottom left no-repeat;
}
#menu_principal #tree li#item-14 a {
	float : left;
	background: transparent url(../img/menu_principal_4.png) left top no-repeat ;
	height : 51px;
	min-height : 51px;
	_height : 51px;
	height : auto;
	width: 185px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-14 a:hover,#menu_principal #tree li#item-14.act {
	float : left;
	background: transparent url(../img/menu_principal_4_on.png) left top no-repeat ;
	height : 51px;
	min-height : 51px;
	_height : 51px;
	height : auto;
	width: 185px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-14.inactif ul {
	display : none;
}
#menu_principal #tree li#item-14.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li#item-14 span.titre{
	float : left;
	height : 52px;
}
#menu_principal #tree li#item-14 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-14 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #3c4c05;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-14 ul li.n2 a:hover, #menu_principal #tree li#item-14 ul li.act{
	background-color : #95bd0f;
	padding-left : 11px;
	width: 185px;
}
/* HISTOIRES AU COMPTOIR couleur_off : #663000 // couleur_on : #ff7901 */
#content-15 .content_middle{
	background: transparent url(../img/patte_middle_5.png) bottom left repeat-y;
	border-color:#ff7901;
}
#content-15 hr{
	border: 1px #ff7901 solid;
}
#content-15 .csc-default h1{
	color : #ff7901;
	border-bottom : 2px solid #ff7901;
}
#content-15 .content_haut{
	background: transparent url(../img/patte_haut_5.png) top left no-repeat;
}
#content-15 .content_bas{
	background: transparent url(../img/patte_bas_5.png) bottom left no-repeat;
}
#menu_principal #tree li#item-15 a {
	float : left;
	background: transparent url(../img/menu_principal_5.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 190px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-15 a:hover,#menu_principal #tree li#item-15.act {
	float : left;
	background: transparent url(../img/menu_principal_5_on.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 190px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-15.inactif ul {
	display : none;
}
#menu_principal #tree li#item-15.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li#item-15 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-15 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #663000;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-15 ul li.n2 a:hover, #menu_principal #tree li#item-15 ul li.act{
	background-color : #ff7901;
	padding-left : 11px;
	width: 185px;
}
/* OUTIL COMMUN couleur_off : #003f59 // couleur_on : #009ddf */
#content-16 .content_middle{
	background: transparent url(../img/patte_middle_6.png) bottom left repeat-y;
	border-color:#009ddf;
}
#content-16 hr{
	border: 1px #009ddf solid;
}

#content-16 .csc-default h1{
	color : #009ddf;
	border-bottom : 2px solid #009ddf;
}
#content-16 .content_haut{
	background: transparent url(../img/patte_haut_6.png) top left no-repeat;
}
#content-16 .content_bas{
	background: transparent url(../img/patte_bas_6.png) bottom left no-repeat;
}
#menu_principal #tree li#item-16 a{
	float : left;
	background: transparent url(../img/menu_principal_6.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 155px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-16 a:hover ,#menu_principal #tree li#item-16.act{
	float : left;
	background: transparent url(../img/menu_principal_6_on.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 155px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-16.inactif ul {
	display : none;
}
#menu_principal #tree li#item-16.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li#item-16 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-16 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #003f59;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-16 ul li.n2 a:hover, #menu_principal #tree li#item-16 ul li.act{
	background-color : #009ddf;
	padding-left : 11px;
	width: 185px;
}
/* LES PONCTUELS : couleur_off: #331536, couleur_on : #803588*/
#content-17 .content_middle{
	background: transparent url(../img/patte_middle_7.png) bottom left repeat-y;
	border-color:#803588;
}
#content-17 hr{
	border: 1px #803588 solid;
}
#content-17 .csc-default h1{
	color : #803588;
	border-bottom : 2px solid #803588;
}
#content-17 .content_haut{
	background: transparent url(../img/patte_haut_7.png) top left no-repeat;
}
#content-17 .content_bas{
	background: transparent url(../img/patte_bas_7.png) bottom left no-repeat;
}
#menu_principal #tree li#item-17 a {
	float : left;
	background: transparent url(../img/menu_principal_7.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 135px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-17 a:hover,#menu_principal #tree li#item-17.act {
	float : left;
	background: transparent url(../img/menu_principal_7_on.png) left top no-repeat ;
	height : 30px;
	min-height : 30px;
	_height : 30px;
	height : auto;
	width: 135px ;
	color : transparent;
	margin : 17px 0px 0px 0px;
}
#menu_principal #tree li#item-17.inactif ul {
	display : none;
}
#menu_principal #tree li#item-17.actsub ul {	
	display : block;
	margin : 0px 0px 0px 10px;
}
#menu_principal #tree li#item-17 ul li.n2 a{
	background : none;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
}
#menu_principal #tree li#item-17 ul li.n2 a{// menu niveau 2
	background : none;
	color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	background-color : #331536;	
	width: 185px;
	padding-left : 11px;
}
#menu_principal #tree li#item-17 ul li.n2 a:hover, #menu_principal #tree li#item-17 ul li.act{
	background-color : #803588;
	padding-left : 11px;
	width: 185px;
}

#menu_principal #tree li ul{
	margin : 0;
	padding : 0;
	width: 194px;
	float: left;
	height : auto;
}
#menu_principal #tree li ul li{
	float: left;
	color : #FFFFFF;
	line-height : 20px;
	min-height : 20px;
	_height : 20px;
	height : auto;
	width: 196px;	
	border-bottom : #000000 solid 1px;
}