/*****************************************************************************/
/*********************         TYPO       ************************************/
/*****************************************************************************/
/*****************************************************************************/
/**********     GENERAL     **************************************************/
/*****************************************************************************/

html {
	text-align:left;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
}

body {
	height:100%;
	min-height:600px;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, Verdana;
	font-size:0.7em;
	color:#343434;
}

input {
	margin:0;
	padding:0;
}

a,
a:active,
a:hover,
a:link,
a:visited {
	background-color:inherit;
}

img {
	border:none;
	margin:0;
	padding:0;
}
/******************************************************************************/
/*               Contenu Typo3					              */
/******************************************************************************/

.align-justify {
	text-align:justify;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.indent {
	padding:0 0 0 20px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.margin-right {
	margin:0 5px 0 0;
}
.margin-left {
	margin:0 0 0 5px;
}
.no-margin {
	margin:0;
}
.petit-texte {
	font-size:0.8em;
}
 	
/*****************************************************************************/
/**********     TITRES GENERAL      ******************************************/
/*****************************************************************************/

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 7px 0;
}
h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	text-transform:none;
	color:#000000;
	background:none;
	margin:0;
	padding:3px 0 7px 0;
}
h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#4d4d4d;
	text-transform:none;		
	margin:0;
	padding:3px 0 7px 0;
}
h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#D7004B;
	text-transform:none;
	margin:0;
	padding:3px 0 7px 0;
}
h5 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#343434;
	margin:0;
	padding:3px 0 7px 0;
}
h6 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#D7004B;
	margin:0;
	padding:3px 0 7px 0;
}

/*****************************************************************************/
/**********     TITRES COLONNES GAUCHE & DROITE                   *************************/
/*****************************************************************************/

#contenu_gauche h1,
#contenu_gauche h2,
#contenu_gauche h3,
#contenu_gauche h4,
#contenu_gauche h5,
#contenu_gauche h6{
	color: #555555;
}
* html #contenu_gauche h1,
* html #contenu_gauche h2,
* html #contenu_gauche h3,
* html #contenu_gauche h4,
* html #contenu_gauche h5,
* html #contenu_gauche h6{
	margin:0 0 0 10px;
}
#contenu_gauche h1.entete,
#contenu_gauche h2.entete,
#contenu_gauche h3.entete,
#contenu_gauche h4.entete,
#contenu_gauche h5.entete,
#contenu_gauche h6.entete {
	color: #ffffff;
	background: #d7004b url(../../images/structure/entete-gauche-h1.jpg) no-repeat left bottom;
	margin: 0 -10px 0 -15px;
	padding: 5px 0 15px 15px;
	text-transform:uppercase;
	width:605px;
}
* html #contenu_gauche h1.entete,
* html #contenu_gauche h2.entete,
* html #contenu_gauche h3.entete,
* html #contenu_gauche h4.entete,
* html #contenu_gauche h5.entete,
* html #contenu_gauche h6.entete {
	color: #ffffff;
	background: #d7004b url(../../images/structure/entete-gauche-h1.jpg) no-repeat left bottom;
	margin:0;
	padding:5px 0 15px 15px;
	text-transform:uppercase;
}
#contenu_gauche h1.rss,
#contenu_gauche h2.rss,
#contenu_gauche h3.rss,
#contenu_gauche h4.rss,
#contenu_gauche h5.rss,
#contenu_gauche h6.rss {
	float:left;
	width:550px;
}
#contenu_droit h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	color:#555555;
	text-transform:uppercase;
}
#contenu_droit h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	color:#555555;
	background:none;
}
*+html #contenu_droit h2 {
	float:left;
	width:280px;
}
.contenu_bloc_droite_trait h1.entete, 
.contenu_bloc_droite_trait h2.entete,
.contenu_bloc_droite_trait h3.entete,
.contenu_bloc_droite_trait h4.entete,
.contenu_bloc_droite_trait h5.entete,
.contenu_bloc_droite_trait h6.entete {
	border-bottom:1px solid #A3A3A3;
	margin:0 0 10px 0;
}
#contenu_droit .avec_fond h2 {
	border-bottom:1px solid #A3A3A3;
}
#contenu_droit h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#555555;
	text-transform:uppercase;
}
#contenu_droit h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#555555;
	text-transform:none;
}
#contenu_droit h5 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#555555;
}
#contenu_droit h6 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#555555;
}

.titre_container h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#343434;
}
.titre_container_home h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#343434;
	text-transform:none;
}

/******************************************************************************/
/*********************      TEXTE ET CONTENU      *****************************/
/******************************************************************************/

p {
	margin:0;
	padding:0 0 7px 0;
}
a {
	color:#d7004b;
	text-decoration:none;
}

* html a {
	/*color:#d7004b;
	text-decoration:none;
	white-space:no-wrap;
	margin:0;
	padding:0;*/
}

a:hover {
	color:#d7004b;
	text-decoration:underline;
}
a.publication {
	color:#777777;
	font-weight:bold;
	padding:0 0 0 5px;
}
a.rouge {
	margin:5px 0 0 0;
	color:#FF0000;
	line-height:20px;
}
a.rouge:hover {
	color:#000000;
}
* html #milieu a.rouge {
	margin:5px 0 0 0;
	color:#FF0000;
	line-height:20px;
}
* html #milieu a.rouge:hover {
	color:#000000;
}
.menu_haut_perso a {
	font-size:0.9em;
}
#milieu .milieu_bas a {
	color:#000000;
	text-decoration:none;
}
#milieu .milieu_bas a:hover {
	color:#000000;
	text-decoration:underline;
}


/*******************************************************************************/
/**********    TABLEAUX ET LISTES        **********************************************/
/*******************************************************************************/

table {
	margin:10px 0 0 0;
}
table th {
	padding:5px 3px 5px 3px;
	margin:0;
	background-color:#D5D5D5;
}
table td {
	padding:3px;
	margin:0;
}
ul {
	margin:5px 0 0 0;
	padding:0;
}
ol {
	margin:5px 0 0 0;
	padding:0;
}
ul li {
	margin:2px 0 2px 20px;
}
ol li {
	margin:2px 0 2px 23px;
}
dl {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
dl dt {
	margin:10px 0 0 0;
	font-weight:bold;
}
dl dd {
	margin:0;
}

/*******************************************************************************/
/**********     FORMULAIRES  GENERAL  **********************************************/
/*******************************************************************************/

input,
textarea,
select {
	margin:0;
	padding:0;
	border:1px solid #bdbdbd;
	color:#D7004B;
	font-family:Arial, Helvetica, Verdana;
	font-size:1em;
}
/*******************************************************************************/
/**********     FORMULAIRES  SPECIFIQUES   ******************************************/
/*******************************************************************************/

#menu_principal input {
	float:left;
	border-top:2px solid #969696;
	border-left:2px solid #969696;
	border-bottom:2px solid #f4f4f4;	
	border-right:2px solid #f4f4f4;	
}
#menu_principal .bouton_submit {
	width:17px;
	height:14px;
	background-image:url(../../images/structure/picto_play_nacre_culture_danse.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer;
	border:none;
	margin:3px 0 0 5px;
}

/*******************************************************************************/
/**********     FORMULAIRES  TYPO  *************************************************/
/*******************************************************************************/

#mailform fieldset.csc-mailform{
	border: none;
	margin:0;
	padding:20px 0 0 0;
}
#mailform fieldset.csc-mailform .csc-mailform-field{
	clear: both;
}
#mailform fieldset.csc-mailform .csc-mailform-field label{
	display: block;
	float: left;
	text-align: right;
	width: 100px;
	margin: 3px 15px 0 0;
}
#mailform fieldset.csc-mailform .csc-mailform-field input {
	float: left;
	margin: 0 0 10px 0;
	padding:3px;
	width:200px;
}
#mailform fieldset.csc-mailform .csc-mailform-field select {
	float: left;
	margin: 0 0 10px 0;
	width:207px;
}
#mailform fieldset.csc-mailform .csc-mailform-field textarea {
	float: left;
	margin: 0 0 10px 0;
	width:350px;
}
#mailform fieldset.csc-mailform .csc-mailform-field fieldset {
	float: left;
	margin: 0 0 10px 0;
	border: none;
}
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio {
	float: left;
	margin: 0 0 5px 0px;
	padding: 2px 0;
}
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio legend {
	display: none;
}
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label{
	width: auto;
	margin: 0 15px 0 3px;
	float: left;
}
* html #mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label{
	float: none;
}
*+ html #mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label{
	float: none;
}
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio input{
	width: 20px;
	margin: 0 10px 3px 0;
	clear: both;
}
#mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	width: auto;
	margin: 3px 15px 10px 20px;
	padding: 0 0 5px 0;
}
* html #mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	margin: 3px 15px 0 17px;
}
*+ html  #mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	margin: 3px 15px 0 17px;
}
#mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-submit {
	border:1px solid #BDBDBD;
	color:#D7004B;
	font-family:Arial,Helvetica,Verdana;
	font-size:1em;
	margin:0 0 0 115px;
	padding:0 2px;
	width:auto;
	cursor:pointer;
}

.bloc_droite hr {
	color:#e3e3e3;
	height:1px;
	width:155px;
}

/*******************************************************************************/
/**********     BAS      *******************************************************/
/*******************************************************************************/
#contenu_gauche .contenu_gauche_bas .coordonnees {
	color:#4f4d4d;
}
#contenu_gauche .contenu_gauche_bas .menu_bas ul li a {
	color:#FFFFFF;
	font-weight:bold;
}
#contenu_gauche .contenu_gauche_bas .menu_bas ul li a img {
	padding:5px;
}
* html #contenu_gauche .contenu_gauche_bas .menu_bas ul li a img {
	padding:4px;
}
*+html #contenu_gauche .contenu_gauche_bas .menu_bas ul li a img {
	padding:0 4px;
	margin:5px 0 0 0;
}


/*******************************************************************************/
/**********     MENU THEMATIQUE      *******************************************/
/*******************************************************************************/
#bando_haut .bando_haut_haut .thematiques {
	color:#a5a3a2;
	font-size:1.2em;
}
#bando_haut .bando_haut_haut .thematiques ul{
	margin:0;
	padding:0 15px 0 0;
}
html[xmlns*=""] body:last-child #bando_haut .bando_haut_haut .thematiques ul {
	padding:0;
}
#bando_haut .bando_haut_haut .thematiques ul li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0 0 0 15px;
}
#bando_haut .bando_haut_haut .thematiques ul li a {
	font-family:Arial,Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 0 0 0;
}


/*******************************************************************************/
/**********     NUAGE DE TAGS      *********************************************/
/*******************************************************************************/
.tagcloud-trespetit {
	color:#d7004b;
	font-size:1em;
	font-weight:bold;
}
.tagcloud-petit {
	color:#343434;
	font-size:1.3em;
	font-weight:bold;
}
.tagcloud-moyen {
	color:#d7004b;
	font-size:1.5em;
	font-weight:bold;
}
.tagcloud-grand {
	color:#343434;
	font-size:1.7em;
	font-weight:bold;
}
.tagcloud-tresgrand {
	color:#d7004b;
	font-size:2em;
	font-weight:bold;
}