body {
	padding:0; margin:0;
	background: white;
	color: #6D6D6D;
	font: normal 9pt/1.4em Arial, Helvetica, sans-serif;

}
#site {
	width:980px;
	height:auto;
	position: absolute;
	top: 5px; left: 50%;
	margin-left: -490px;
	background: url(../_images/gif/bandeau_haut_centre02.gif) no-repeat 0 15px; 
}
.clearfix:after,
.clearfix2:after,
.clearfix3:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
	background:lime;
}
.clearfix2 {
    display: inline-block;
	background:red;
}
.clearfix3 {
    display: inline-block;
	background:blue;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.titre_image {margin: 5px 5px 0 5px; padding: 5px 5px 0 5px}
h1 {
	font: bold 18pt/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2C2C56;
	margin: 5px;
	padding: 5px;
	background-color: transparent;
}
h1.menu a {color: #2C2C56;}
h2 {
	font: bold 13pt/1em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #C61744; 
	height:29px;
	margin: 10px 0 0 0; 
	padding: 5px; 
	background: url(../_images/gif/degrade.gif) no-repeat; 
}
h2.menu {font: bold 16pt/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2C2C56; margin: 0px 0 0 5px; padding: 0 5px 5px 5px;background: none}
h3 {font: bold 12pt/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2C2C56; margin: 10px 0 0 5px; padding: 5px;}
a {text-decoration: none; color: #6D6D6D;}
a:hover {text-decoration: none; color: #C61744}
img {border: none;}

hr {
	visibility: hidden; 
	clear: both; 
	width: inherit;
	height: inherit;
	border: none;
	background: none; 
	margin:0; 
	padding:0; 
}

p {margin: 12px;}
.spip_documents_left{ margin: 5px 10px 5px 5px}

#contenant {
	float: left;
	margin-top: 15px; 
	width:980px;
}

#droite {float:right; width:180px;}

#fond_gauche, #fond_droite {
	position: absolute;
	top: 20px;
	height: 120px;
}

#fond_gauche {
	right:50%; 
	height: 190px;
	margin-right: 490px; 
	background: url(../_images/gif/bandeau_haut_gauche.gif) no-repeat right 0; 
}

#carte_flash {
	position: relative;
	top: 15px; 
}

#titre {
	position: absolute;
	top:0px;
	left:25px;
	margin:0; padding:0;
}
#titre h1 {
	font: bold 22pt/0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
	padding:0;
}
#titre h1 a {
	color: #C61744;
}
#titre h2 {
	font: italic normal 14pt/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}
#titre h2 a {
	color: #003366;
}

#fond_droite {
	left:50%;  
	height: 190px;
	margin-left: 490px; 	
	background: url(../_images/gif/bandeau_haut_droite.gif) no-repeat; 
}

#menu_gauche {
	float: left;
	margin-top: 15px;
	width: 249px;
	height: 500px; 
	background: url(../_images/gif/menu_gauche_fond_long.gif) no-repeat; 
}

#menu_gauche li a {
	color: white;
}
#menu_gauche li a:hover{
	color: #E2A8A8;
}
#menu_gauche li.on {
	/*border-left: 4px solid #FF9100;*/
}
#menu_gauche li.on a {
	color: #FF9100;
}
#menu_gauche ul {
	overflow:hidden;
}
#menu_gauche li.on a:hover {
}
#menu_gauche li.off {
}

#menu_gauche ul {
	margin: 90px 0 0 35px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	font: bold 11pt/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
}

#menu_gauche li {
	margin:0;
	padding: 5px;
	width: 180px;
	border-bottom: 1px solid #CC6666;
}

#centre {
	float: left;
	margin: 15px 0 0 15px;
	width: 700px;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	/*
	border: 1px solid blue; 
	*/
}

.bienvenue {
	float: left;
	margin: 16px 0 0 0px;
	left: 260px;
	width: 480px;
	border: 1px solid gray; 
}

#video {
	float: left;
	margin: 15px 0 0 0;
	width: 480px;
	padding-top: 15px;
	border: 1px solid #C61744; 
}
.video_flv {
	/*
	margin: 25px 0 15px 25px;
	*/
	width: 520px;
	text-align: center;
}

.video_flv_accueil {
    margin: 8px 0 5px 0;
	width: 480px;
	text-align: center;
}
.logo{
	width: 150px;
	margin: 5px;
	float: left;
}

.texte_projet {
	width: 500px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0 5px 5px 0;
}
.texte_projet p.spip{
	margin: 0 0 5px 0;
	padding: 0;
}

#centre #temoignages {
	position: absolute;
	left: 300px;
	height: 25px;
	font: bold 16pt/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C61744;
	background: white;
}

#centre #temoignages_vignettes_contenant {
	position: absolute;
	right: 240px;
	width: 120px;
	clear: both;
}

#centre #temoignages_vignettes_contenant .vignettes {
	float: left;
	height: 30px;
	width: 28px;
	margin-right: 5px;
	border: 2px solid #C61744;
	background: white;
	overflow: hidden;
}

#video_temoignages {
	margin-left: 25px;
	width: 450px;
}

#centre #mise_en_forme {
	float: left;
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding-bottom: 15px; 
	width: 518px;
	border: 1px solid #C61744; 
}

#centre #une_colonne {
	float: left;
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding-bottom: 15px; 
	width: 690px;
	border: 1px solid #C61744; 
}

#une_colonne h2 {
	height: auto;
	background: none;
	clear:both; 
	margin: 10px 0 5px 0;
	padding: 2px 0 5px 5px; 
}

#une_colonne h3 {
	width:90%;
	margin:0; 
	padding: 2px 0 2px 0;
}

/*hr.rouge_degrade {
	visibility: visible;
	width: 100%;
	height: 5px;
	border: 1px solid white;
	background: url(../_images/gif/degrade.gif) no-repeat bottom left; 
	margin:0; 
	padding:0; 
}*/

img.rouge_degrade {
	margin: 0; 
	padding:0; 
	width: 100%;
	height: 3px;
	clear: both;
}

#centre #menu_droite_secondaire {
	float: left;
	margin: 15px 0 0 10px; 
	width: 162px;
	background: url(../_images/gif/fond_menu_droite02.gif) repeat-y 0 39px; 
}

#menu_droite_secondaire img#fleur {
	position: absolute;
	top: 273px; right: 27px; 
	padding: auto;
}

#menu_droite_secondaire ul {
	float: left;
	margin:0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	font: bold 10pt/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 162px;
	background: white url(../_images/gif/menu_secondaire_milieu.gif) repeat-y;
}
#menu_droite_secondaire li {
	float: left;
	text-align: left;
	margin: 0;
	width: 160px;
	padding: 5px 0 0 5px;
}
#menu_droite_secondaire li.top {	
	float: left;
	background: url(../_images/gif/menu_secondaire_haut02.gif) no-repeat;
	width: 162px;
	height: 39px;
	color: white;
	font-size: 1em;
	margin-bottom:10px;
	text-align: center;
	line-height: 2em;
}
#menu_droite_secondaire .bottom {
	float: left;
	background: url(../_images/gif/menu_secondaire_bottom.gif) no-repeat;
	width: 162px;
	height: 15px;
}

#menu_droite_secondaire li a {
	color: #01274c;
	cursor: pointer;
}
#menu_droite_secondaire li a:hover {
	color: #999;
}
#menu_droite_secondaire .trait {
	width: 122px;
	padding:0;
	margin:0;
	border-bottom: 1px solid #999;
}

#centre #menu_droite_secondaire h2 {
	font-size: 10pt;
}

#mise_en_forme li a:hover {color: #2C2C56;}

#a_la_une {
	float: right;
	margin: 13px 0px 0 0;
	width: 200px;
	background: url(../_images/gif/une_fond02.gif) repeat-y; 
}
#a_la_une .top {
	float: left;
	width: 200px;
	height: 43px;
	background: white url(../_images/gif/a_la_une_gris.gif) no-repeat; 
}
#a_la_une .middle {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	background: url(../_images/gif/a_la_une_fond_fleur_gris.gif) no-repeat ; 
}
#a_la_une .middle h3 {
	padding: 5px 15px 5px 10px;
	width: auto;
	margin: 5px 0 0 0;
	font: bold 9pt/1.4em Arial;
	color: #919191;
}

#a_la_une .bottom {
	float: left;
	width: 200px;
	height: 22px;
	background: url(../_images/gif/une_bas02.gif) no-repeat; 
}

#menu_droite {
	float: right;
	margin: 13px 0px 0 5px;
	width: 200px;
	overflow: scroll;
	margin-bottom:15px; 
	height: auto;
}

#menu_droite .middle h3 {
	padding: 5px 5px 5px 5px;
	width: auto;
	margin: 5px 0 0 0;
	font: bold 11pt/22px Arial, Helvetica, sans-serif;
	color: #2C2C56;
}
#bienvenue h1 {
	margin: 0; 
	padding:5px 5px 5px 15px;
	font: italic bold 18pt/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C61744;
}

/*********** tableau spip ****************/
table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	font-size: 10pt;
	padding: 2px 8px;
	text-align: left;
	vertical-align: middle;
	color: #2C2C56;
}

/*********** tableau_signatures ****************/

table#tableau_signatures {
	padding: 0;
	margin:5px 0 0 25px;
	border: 1px solid #C61744;
	text-align: left;
	width: 90%;
	border-collapse: collapse;
}

table#tableau_signatures td {
	font-size: 10pt;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	color: black;
}

table#tableau_signatures tr {
	border: 1px solid #DD97AB;
}

table#tableau_signatures th {
	background: #C61744;
	color: white;
	padding: 5px;
}

.format_png {
	behavior: url("win_png.htc");
}

/******spip form*****/

.spip_forms.form_1 legend {
	background: white
}

.reponse_formulaire {
color:#E86519;
font-weight:bold;
}

#bas_de_page {
	width: auto;
	height: 15px;
	float: left;
	font-size: 08pt;
	background: white url(../_images/gif/bas_de_page.gif) no-repeat left;
}

#bas_de_page .ateliers_cym {
	float: right;
	height: 15px;
	width: auto;
	text-align: right;
	padding-right: 18px;
	background: white; 
}

#menu_diaporama {
	float: left;
	width: 160px;
	height: 250px;
	margin: 15px 0 0 0;
	padding:0;
}


#menu_diaporama .item_menu {
	float: left;
	width: 43px;
	height: 43px;
	margin: 4px;
	overflow: hidden;
	cursor: pointer;
}

.diapo{
	text-align: center;
	width: 510px;
	margin-top: 10px;
}

/* formulaire de soutien */
form#form_soutien label {
	display:block;
}

form#form_soutien label em, p#infos_form_soutien em {
	color:red;
	font-weight:bold;
}

input#nom_email, input#prenom, input#adresse_email, input#tel {
	padding:2px 3px;
}

input#nom_email, input#prenom {
	width: 160px;
}

input#adresse_email {
	width:200px;
}

input#tel {
	width:100px;
}

#selecteur {
	text-align:center;
	font-size:1.2em;
}