html{}
body{
	font-size: 12px ;
	background: #ffffff;
}
body#online{
	margin: 0 ;
	padding: 0 ;
	font-size: 12px ;
	background: #ffffff url("images/body_bg.png") repeat-x ;
}
* {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ;
}
@font-face {
	font-family: Myriad ;
	src: url("agenda/MYRIADPRO-REGULAR.OTF")
}
img{
	border: none ;
}
#contenu img{
	max-width: 500px ;
}
table, td{
	border: none ;
	vertical-align: top ;
}
h1 {
font-size: 1.5em ;
}
p{
	margin:0px;
}

/*////////////////////////////////////
		C O N T A I N E R 
////////////////////////////////////*/

#container {
background: #FFFFFF ;
margin: 15px auto 0 ;
width: 980px ;
}
#dedans table, #dedans img{
	max-width:390px;
}

/*////////////////////////////////////
		P U B 
////////////////////////////////////*/

#pub {
min-height: 80px ;
text-align:right;
position:relative;
background:#2E4172 url('images/pub_bg.png') repeat-x bottom center;
}
#pub img{
max-width: 976px ;
}
#pub span{
	background:#333;
	color:#CCC;
	font-size:9px;
	display:block;
	padding:2px;
	position:absolute;
	top:0px;
	right:0px;
}
#pub a{
}


/*////////////////////////////////////
		H E A D E R 
////////////////////////////////////*/

#header {
border: 8px solid #d3ab4c ;
border-bottom: none ;
position: relative ;

}
#header:before {
content: url('images/ongle.png') ;
position: absolute ;
top: -65px ;
left:  -8px ;
}
#header img[alt="SNMR"]{
margin-left: 10px ;
}
#header div {
float: right ;
margin: 5px 5px 0 0 ;
}
#header div h1 {
background:  url("images/syndic_bg.jpg") no-repeat 5px 3px ;
text-transform: uppercase ;
font-size: 2em ;
color: #FFFFFF ;
padding: 20px 15px ;
margin: 0 ;
text-shadow: 3px 3px 6px #666 ;
}
/*////////////////////////////////////
		C O N T E N A N T 
////////////////////////////////////*/
#milieu {
border: 8px solid #d3ab4c ;
border-top: none ;
border-bottom: none ;
padding-bottom: 50px ;
}
/*************************************
			TOTEM LEFT
*************************************/
td#totem_left {
width: 17%
}
/* border radius and shadow */
div#connect a:first-child, 
div#connect > a:link,
div#connect > a:visited, 
form#connec, 
#totem_left > ul > li > a:link,
#totem_left > ul > li > a:visited, 
#totem_left li  li a:link,
#totem_left li  li a:visited {
border-top-right-radius: 8px ;
-webkit-border-top-right-radius: 8px ;
-moz-border-radius-topright: 8px ;
border-bottom-right-radius: 8px ;
-webkit-border-bottom-right-radius: 8px ;
-moz-border-radius-bottomright: 8px ;
}
div#connect a:first-child,
#totem_left > ul > li > a:link,
#totem_left > ul > li > a:visited {
-moz-box-shadow: 1px 2px 5px #aaa ;
-webkit-box-shadow: 1px 2px 5px #aaa ;
box-shadow: 1px 2px 5px #aaa ;
}

/* C O N N E C T I O N */
div#connect a:first-child {
background: url("images/liste_item_bg.png") repeat-x ;
display: block ;
color: #FFFFFF ;
text-decoration: none ;
text-transform: uppercase ;
height: 19px ;
padding: 5px 0 0 15px ;
margin-left: -4px ;
position: relative ;
}
div#connect a:first-child:before {
content: url("images/liste_item_corner.png") ;
position: absolute ;
left: -10px ;
top: -9px ;
}
div#connect > a:link,
div#connect > a:visited  {
background: #f3af1d url("images/sous_menu_bg.png") repeat-y ;
border-top-right-radius: 8px ;
min-height: 19px ;
display: block ;
text-decoration: none ;
color: #FFFFFF ;
padding: 5px 0 2px ;
text-transform: uppercase ;
text-align: center ;
margin-left: -4px ;
font-size: 0.9em ;
margin-top: 1px ;
}

form#connec {
background: #f3af1d ;
margin: 6px 0 0px -3px ;
padding: 0px 9px 0px 6px ;
overflow: hidden ;
height: 1px ;
}
#connect form[style="height: 90px;"],
#connect form[style="height: 190px;"]{
	background: #f3af1d url("images/sous_menu_bg.png") repeat-y ;
margin: 6px 0 0px -3px ;
padding: 0px 9px 0px 6px ;
overflow: hidden ;
}
#connect form[style="height: 1px;"] {
	background: transparent none ;
}
form#connec a {
color: #FFFFFF ;
}
#connect a font b{
font-size:10px;
display:block;
position:relative;
width:175px;
height:20px;
overflow:hidden;
white-space:nowrap;
}
#connec input.input {
margin-bottom: 1px ;
width:100px;
}
#connec input.pass {
width: 70px ;
margin-right: 5px ;
margin-top: 1px ;
}
#connec input[type="image"] {
vertical-align: middle ;
}
#connec p[align="left"] {
color: #FFFFFF ;
margin: 0 ;
}
#connec p {
margin: 10px 0 0 0 ;
}
/* M E N U */
#totem_left ul {
list-style: none ;
padding: 0 ;
margin-left: -3px ;
}
#totem_left > ul > li {
position: relative ;
margin-bottom: 15px ;
}
#totem_left > ul > li > a:before {
content: url("images/liste_item_corner.png") ;
position: absolute ;
left: -10px ;
top: -9px ;
}
#totem_left > ul > li > a:link,
#totem_left > ul > li > a:visited {
background:#465782 url("images/liste_item_bg.png") repeat-x ;
display: block ;
color: #FFFFFF ;
text-decoration: none ;
text-transform: uppercase ;
height: 19px ;
padding: 5px 0 0 15px ;
font-size: 1.2em ;
margin-bottom: 3px ;
}

/* S O U S   M E N U */
#totem_left li  li {
position: relative ;
margin-bottom: 1px ;
}
#totem_left li  li a:link,
#totem_left li  li a:visited {
background: #f3af1d url("images/sous_menu_bg.png") repeat-y ;
min-height: 17px ;
display: block ;
text-decoration: none ;
color: #333 ;
padding: 5px 0px 2px 10px;
text-transform: uppercase ;
text-align: left ;
font-size: 0.9em ;
width:182px;
}
#totem_left li li li  {
margin-bottom:0px;
}
#totem_left li li li a, 
#totem_left li li li a:link,
#totem_left li li li a:visited {
padding-left:20px;
background: #f3af1d;
min-height:12px;
background-image: none;
width:160px;
font-size: 0.8em ;
}

/*************************************
			CONTENU
*************************************/
#contenu {
}
#contenu table {
margin: 0 15px ;
max-width: 500px;
}
#contenu p {
padding-left: 20px ;
}
h2 {
color: #283c6e ;
padding-left: 20px ;
}
h3 {
padding-left: 10px ;
}
/* A C C U E I L */
div#accueil {
padding: 0 10px ;
}
div#accueil div:first-child p.titre {
	background: url('images/titre_right.png') no-repeat top right;
	color: #FFFFFF ;
	height: 27px ;
	text-transform: uppercase;
	text-align: right ;
	font-size: 1.1em ;
	font-weight: lighter ;
	padding: 9px 7px 0 0 ;
	margin-bottom: 0 ;
}
div#accueil div p.titre {
	background: url('images/titre_left.png') no-repeat ;
	color: #FFFFFF ;
	height: 27px ;
	font-weight: lighter ;
	padding: 13px 0 0 7px ;
	margin-bottom: 0 ;
}
div#accueil p  {
	margin-bottom: 10px ;
}
.content {
border: 2px solid #a2a8c0 ;
margin: -11px 0 0 ;
padding: 10px ;
}
/* M E M B R E S   D U   B U R E A U */
table[style="width: 520px; height: 356px;"] {
width: 426px !important ;
}


/*************************************
			TOTEM RIGHT
*************************************/

td#totem_right {
width: 23% ;
padding-right: 7px ;
}
/*  R E C H E R C H E */
div#recherche form > table {
border: 3px solid #848FAD ;
margin-bottom: 10px ;
padding: 2px ;
}
div#recherche input {
background: #FFFFFF url("") !important;
width: auto !important;
color: #3958A9 !important;
padding: 0 0 0 10px !important;

}

/* A G E N D A */
.titre_tot {
display: block ;
background: url("images/titre_bg.png") repeat-x ;
color: #FFFFFF ;
font-weight: bold ;
height: 21px ;
text-align: center ;
padding-top: 3px ;
}
#agenda {
background: #3958A9 url("images/panel_bg.png") repeat-x top left ;
border: 2px solid #848FAD ;
border-top: none ;
margin: -3px 0 30px ; 
padding: 10px ;
font-size: 0.8em ;
position: relative ;
}
#agenda center {
	color:#FFF;
}
center > a + a + br {
display: none ;
}
#agenda > table {
height: 108px !important ;
width: 106px !important ;
margin-left: 84px ;
}
#agenda > table > tbody > tr > td {
background-color: #000000 ;
border: 1px solid #bbbbbb ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
border-radius: 5px ;
-moz-box-shadow: 2px 1px 6px #222222 ;
-webkit-box-shadow: 2px 1px 6px #222222 ;
box-shadow: 2px 1px 6px #222222 ;
}
#agenda table table td font {
color: #ffffff ;
}
#date {
	background-color: #000077 ;
	border: 1px solid #bbb ;
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
	-moz-box-shadow: 2px 1px 6px #222222 ;
	-webkit-box-shadow: 2px 1px 6px #222222 ;
	box-shadow: 2px 1px 6px #222222 ;
	float: left ;
	height: 106px ;
	width: 81px ;
	
}
#date_jour {
	color: #fff ;
	display: block ;
	padding: 7px 2px 2px ;
	text-align: center ;
}
#date_num {
	color: #fff ;
	display: block ;
	text-align: center ;
	font-size: 60px ;
	font-family: Myriad ;	
}
#trait {
	position: absolute ;
	height: 3px ;
	width: 80px ;
	top: 66px ;
	left: 11px ;
	background-color: #000077 ;
}
.textegrafonce {
color: #FFFFFF ;
}
#agenda table table td[bgcolor="#ffcc66"] {
background-color: transparent ;
}
#agenda table table td font[color="#000099"] {
color: #ffcc66 ;
}
#agenda table table td font[color="#dddddd"] {
color: #555555 ;
}


/* E D I T O */
.totem_encart {
border: 2px solid #848FAD ;
border-top: none ;
margin: -3px 0 30px ; 
padding: 5px ;
}
.totem_encart img{
	max-width:120px;
}
.totem_encart p {
margin-top: 0 ;
}
/* N E W S   L E T T E R */

/*////////////////////////////////////
		F O O T E R
////////////////////////////////////*/

#footer {
background: url("images/footer.png") no-repeat center bottom ;
height: 56px ;
margin-top: -40px ;
}
#footer div {
margin: 0 auto ;
padding-top: 35px ;
width: 950px ;
text-align: center ;
}
#footer div ul {
list-style: none ;
padding: 0 ;
margin: 0 ;
}
#footer div ul li{
display: inline-block;
}
#footer a:link,
#footer a:visited {
text-decoration: none ;
color: #FFFFFF ;
}
#footer a:hover, 
#footer a:active {
color: #BBBBBB ;
}
#footer > div > a {
float: right ;
margin-top: -6px ;
font-size: 0.8em ;
}




/*************************************			A D H E R E N T S
*************************************/

/*#connect *{	
	color:#FFF;
}
#connec{
	display:block;
	position:relative;
	width:114px;
	_width:120px;
	padding-left:3px;
	padding-right:3px;
	height:1px;
	overflow:hidden;
	background:#FFCC66;
	margin:3px;
}

#connec input.input{
	width:115px;
	padding-left:3px;
	padding-right:3px;
	height:18px;
	border:none;
	background:url(data/connec_input.png) no-repeat center center;
	margin:1px;
	color:#000066;
	font-weight:500;
}
#connec input.pass{
	width:75px;
	padding-left:3px;
	padding-right:3px;
	height:18px;
	border:none;
	background:url(data/connec_pass.png) no-repeat center center;
	margin:1px;
	color:#000066;
	font-weight:500;
}*/

.bouton, 
input[type="submit"]{
	background-color:#F3AF1D;
	border:#009 2px solid;
	padding:3px;
	color:#009;
	font-weight:bold;
	min-width:120px;
}


#actus {
	display:block;
	position:relative;
	text-align:left;
	padding:0px;
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	width:120px;
}
#actus li{
	display:block;
	padding:5px;
	width:110px;
	_width:120px;
	text-align:left;
	color:#000099;
	font-weight:500;
	z-index:11;
}









.ims img{
	border:#FFFFFF solid thick;
	margin:10px;
}
table.inscript{
	width:540px;
}
.inscript td, .inscript input, .inscript select, .inscript textarea{
	font-size:11px;
}
.inscript td{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.found{
	background-color:#FC0;
	color:#003;
	font-weight:900;
}