* {
	margin: 0;
	padding: 0;
	font-family: "verdana";
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
}

html, body {	
	background-color: #f8d69a;
	width : 100%;
}

#container {
	width : 1024px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	margin-bottom : 0;
	border-left : 1px #859bb3 solid;
	border-right : 1px #859bb3 solid;
	background-color: #FFFFFF;
	font-size : 12px;
}

#header {
	background-color : #fff3bf;
	height : 134px;
}

#logo {
	padding-top : 5px;
	padding-left : 5px;
}

#menu_orange {
	margin-top : -120px;
	margin-left : 900px;
	padding-top : 4px;
	width : 105px;
	background: #f8be58 url(IMG/menu_orange_haut.png) top left no-repeat;
}

#blocmenu_orange {
	background: url(IMG/menu_orange_bas.png) bottom left no-repeat;
	padding-bottom: 4px;
}

#menu_orange ul {
margin: 0 2px 0 2px;
}

#menu_orange li {
	list-style-type : none;
	text-transform: uppercase;
	letter-spacing: -0.09em;
    text-decoration: none;
    font-size : 0.8em;
    line-height : 1.7em;
}

#menu_orange a {
    color : white;
    font-weight : bold;
    text-decoration : none;
}

#menu_haut {
	height : 30px;
	width : 710px;
	margin-left : 171px;	
	background : url(IMG/fond_menu2.jpg) no-repeat;
	margin-top : -64px;
}

#menu_haut ul {
	margin: 0;
    padding: 0;
    display: inline;
}

#menu_haut li {
	list-style-type : none;
	display: inline;
}

#menu_haut li a:link, #menu_haut li a:visited {
    display: block;
    float: left;
    height: 32px;
    width: 88.7px;
    list-style-type : none;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: -0.09em;
    font-size : 10px;
    color : white;
    font-weight : bold;
    text-align: center;
    padding: 0;
}

#menu_haut li a:hover, #menu_haut li a:active {
    padding: 0;
}

#menu_haut_fond {
	background : url(IMG/BandeBleuFondMenu.jpg);
	height : 30px;
	width : 724px;
	margin-left : 164px;
	text-align: center;
}

#menu_haut_fond a:link, #menu_haut_fond a:visited {
    list-style-type : none;
    text-decoration: none;
    font-size : 10px;
    color : white;
    font-weight : bold;
    padding: 0;
}

#menu_haut_fond a.on {
	color : #f8be58;
}

#menu_haut a.on {
	color : #f8be58;
}

/*
#menu_haut li {
	
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
	border : 1px red solid;
	width : 76px;
	font-size: 10px;
	text-align : center;
	text-transform: uppercase;
	border-left : 0.5px #ffffff solid;
	line-height : 1.1em;
	list-style : none;
	
}

.element_menu_haut{

}

#menu_haut a {
	text-decoration : none;
	width : 80px;
	display : block;
	border : 1px red solid;
}

#menu_haut a:hover {
	font-weight : bold;
}

#menu_haut a.on {
	font-weight : bold;
}

#menu_haut .typea a  { 
	color : #ffffff;
	width : 80px;
}

#menu_haut .typeb a{ 
	color : #000000;
	width : 80px;
}*/

#menu_haut_bande {
	height : 57px;
	background : url(IMG/filet_bleu.jpg);
}

#col_left {
	float: left;
	margin-left : 20px;
	margin-top : 30px;
	width: 235px;
}

#col_right {
	float: right;
	width: 336px;
	height : 497px;
	background : url(IMG/Photo.png);
}

.accueil  #col_right {
	background-image : url(IMG/BlocDroiteImg.png);
	background-repeat : no-repeat;
	background-position : top;
}

#col_right .text {
	margin-left : 80px;
	margin-top : 10px;
	width : 250px;
	font-size : 10px;
	color : white;
	font-weight : bold;
}

#col_center, #col_center_rubrique, #col_center_accueil, #col_center_agenda, #col_center_actus {
	margin-top : 10px;
	font-size : 12px;
}
#col_center_accueil, #col_center_agenda, #col_center_actus {
	margin-top : 20px;
}

#col_center_MediationSociale .titre , #col_center_rubrique .titre {
	background-image : url(IMG/TitreBg.jpg);
	background-repeat : no-repeat;
	text-align : center;
	padding-top : 15px;
	width : 262px;
	color : #ffffff;
	font-weight : bold;
}

#col_center_MediationSociale h3.spip, #col_center_rubrique h3.spip {
	margin-top : 10px;
	font-size : 13px;
	color : #F8BE58;
	border-left : 5px #F8BE58 solid;
	font-weight : bold;
	padding-left : 4px;
}

#col_center_MediationSociale .main, #col_center_rubrique .main{
	padding-bottom : 20px;
	margin-right : 10px;
	margin-top : 10px;
	margin-left : 10px;
	color : #4f4f7d;
}

 .accueil  #col_center_accueil .main  {
 	width: 722px;
	height: auto;
	background: none;
	margin-left : 250px;
	color : #4f4f7d;
 }
 
 #col_center_accueil .main, #col_center_agenda .main, #col_center_actus .main {
	width : 722px;
	height : 537px;
	background: url(IMG/col_center_fond_photo.png) bottom right no-repeat;
	margin-left : -34px;
	color : #4f4f7d;
 }

#col_center_actus {
	width : 722px;
	/width: 650px;
	/height: 350px;
    /margin-top: 10px;
	color : #4f4f7d;
 }

#col_center .main {
	margin-left : 25%;
	width : 422px;
	height : 477px;
	background: url(IMG/col_center_fond_photo.png) bottom right no-repeat;
	margin-left : 10px;
	color : #4f4f7d;
}
/*
#col_center_rubrique .main {
	width: 678px;
	height : 547px;
	background: url(IMG/col_center_fond_photo.png) bottom right no-repeat;
	margin-left : 10px;
	color : #4f4f7d;
}
*/
#col_center h1, #col_center_rubrique h1, #col_center_MediationSociale h1,  #col_center_accueil h1, #col_center_agenda h1, #col_center_actus h1 {
	font-size : 15px;
	font-weight : bold;
	text-align : center;
	margin-top : -60px;
	margin-bottom : 32px;
	color : #ffffff;
}
.main a {
	color : #829ab2;
	text-decoration: none;
	font-weight : bold;
}

.main a:hover {
	color : #f8be58;
	text-decoration: none;
	font-weight : bold;
}

.titleacco {
	margin-bottom : 10px;
}

.titleacco a {
	font-size : 13px;
	font-weight : bold;
	color : #829ab2;
}

#menu_gauche {
	width : 221px;
	padding-top : 8px;
	background: #7591ae url(IMG/bloc_bleu_haut.png) top left no-repeat;
	color : #ffffff;
	font-size : 12px;
}

#menu_gauche_orange {
	width : 221px;
	padding-top : 8px;
	background: #F8BE58 url(IMG/bloc_orange_haut.png) top left no-repeat;
	color : #ffffff;
	font-size : 12px;
}

.leftColumn {
	float : right;
	width : 313px;
}

.leftColumnImg {
	background-image : url(IMG/BlocDroiteImg.png);
	background-repeat : no-repeat;
	height : 247px;
}

#col_center_MediationSociale .leftColumn h3.spip, #col_center_rubrique .leftColumn h3.spip {
	background-image : url(IMG/RightColumnBg.jpg);
	background-repeat : no-repeat;
	border : none;
	color : #123449;
	font-weight : bold;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 8px;
	font-size : 0.8em;
	margin-left : 48px;	
}

.leftColumn-bloc {
	margin-left : 48px;
	padding-left : 10px;
	padding-right : 5px;
	font-size : 0.8em;
	border-top : 1px #c4ccd2 solid;
	border-left : 1px #c4ccd2 solid;
	border-bottom : 1px #c4ccd2 solid;
	padding-top : 10px;
	padding-bottom : 10px;		
}

.leftColumn-bloc a.spip_out, .leftColumn-bloc a.spip_in {
	color : #ff9900;
	font-weight : bold;
}

#menu_article_orange {
	width : 221px;
	padding-top : 8px;
	background: #F8BE58 url(IMG/bloc_orange_haut.png) top left no-repeat;
	color : #ffffff;
	font-size : 12px;
	float : right;
	margin-top : 20px;
	margin-right : 20px;
}

#menu_gauche a, #menu_gauche_orange a, #menu_article_orange a{
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
}

#menu_gauche a:hover  {
	color : #F8BE58;
}

/*
#menu_gauche_orange a:hover, #menu_article_orange a:hover {

}
*/

#blocmenu_gauche {
	background: url(IMG/bloc_bleu_bas.png) bottom left no-repeat;
	padding-bottom: 8px;
	padding-left : 8px;
	padding-right : 8px;
}

#blocmenu_gauche_orange {
	background: url(IMG/bloc_orange_bas.png) bottom left no-repeat;
	padding-bottom: 8px;
	padding-left : 8px;
	padding-right : 8px;
}

#blocmenu_article_orange {
	background: url(IMG/bloc_orange_bas.png) bottom left no-repeat;
	padding-bottom: 8px;
	padding-left : 8px;
	padding-right : 8px;
}

#menu_gauche h1, #menu_gauche_orange h1,  #menu_article_orange h1 {
	font-size : medium;
	font-weight : bold;
	text-align : center;
	text-transform : uppercase;
	padding-bottom : 10px;
}
.ref {
	font-size : 11.8px;
}
/*
.titreArticle {
	font-size : small;
	color : #0088a5;
	font-weight : bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.texteArticle {
	margin-left : 500px;
	height : 497px;
	width : 336px;
	padding-left : 0px;
}

.Photo{
	margin-left : 688px;
	height : 497px;
	width : 336px;
	padding-left : 0px;
	background : url(IMG/Photo.png);
}

*/
#footer {
	height : 27px;
	background-color : #000000;
	padding-left : 3px;
	text-align : center;
	font-size : 10px;
	color : #ffffff;
	margin-left : auto;
	margin-right : auto;	
	width : 1024px;	
}

#footer_bande {
	margin-left : auto;
	margin-right : auto;
	height : 47px;
	width : 1026px;
	background : url(IMG/filet_bleu.jpg);
}


img {
	border : none;
}

i.spip {
	font-size : 14px;
	color : #b9060a;
	font-weight : bold;
}

h4.spip {}

h6.spip{
}
ul.spip {}

li.spip {}

p.spip{
}

tr.spip {
	margin-top : 0px;
}

strong.spip {
	/*font-size : x-small;
	/*color : #0088a5;*/
	font-weight : bold;
	}

a.spip {
	
	}

h3.spip {
	color : #F8BE58;
	border : none;
}

.spip_forms h3 {
	float:none;text-align:center;
}

.spip_forms form{
	width:550px ;
	border:0;
	padding:0 0 0 0;
	font-family :"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif ;
	font-size:small ;
	margin:2em 1% ;
}

.spip_forms .spip_descriptif {
	color : #9d9d9d;
}

.spip_forms fieldset {
	border : none;
}

.spip_forms  submit{
	margin-right:42px ;
	float:right ;
	width:75px ;
	border:1px solid black ;
}

.spip_forms legend {
	padding:2px;
	font-size : 13px;
	font-weight : bold;
	color : #829ab2;
}

.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 3px;
	padding-bottom : 6px;
	text-align : center;
}
.spip_forms .spip_form_label {
  	text-align:right;
	/*display:block ;*/
	float:left ;
	width:195px ;
	font-size : 0.9em;
}
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
	text-align:left;
	
}
.spip_forms input {
	margin-top : 3px;
	border : 1.5px #b8b8b8 solid;
}

.spip_forms select {
	margin-top : 3px;
	border : 1.5px #b8b8b8 solid;
	width : 50%;
}

.spip_forms .spip_form_label_obligatoire {
	list-style-type : none ;
	clear:both ;
	line-height:25px ;
	font-weight: normal;
	font-style:italic;
	font-size : 0.8em;
}
.spip_forms .obligatoire_oublie {
	color:red;
}
.spip_forms .spip_form_label_details{
	display : block;
	font-style : italic;
	text-align : center;
	font-size : 0.7em;
}

.spip_forms .spip_form_choix_multiple {
	display:block;
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
	font-size:90%;	
}

.spip_forms .spip_form_choix_unique label {
	margin:0 0 0px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	/*width:auto;*/
	margin:0 0px 0 0;
	
}
.spip_forms ul .choix_mots,.spip_forms ul .spip_form_choix_multiple,.spip_forms ul .spip_form_choix_unique{
	list-style:none;float:left;
}

.spip_forms erreur {
	display : block;
	width : 180px;
}

.spip_forms ul {
	margin: 0; padding: 0;
	list-style-position: inside;
}

.spip_forms ul li {
	display : inline;
	list-style-type : none;
	text-align : left;
}
.spip_forms ul li label {
	/*width : 30%;*/
}

.spip_forms textarea {
	width : 400px;
	height : 60px;
	margin-top : 3px;
	margin-left : 95px;
	border : 1.5px #b8b8b8 solid;
	font-size : 0.9em;
}

.spip_form_ok  {
        font-size : 11px;
        font-weight : bold;
        color : #000000;
}