/* Start of CMSMS style sheet 'vsms' */
* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center;
	font-family: Arial, Geneva, sans-serif;
	font-size: 76%;
	color: #6d6e6e;
	line-height: 1.15em;
	font-weight: normal;
	background: #fff url(images/photoBanniere.jpg) no-repeat top center;
	}
	
.center {text-align: center;}
.right {float: right;}
br {clear: both;}


/* ---[ Mise en page/Structure des pages ]--------------------- */


#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}
	
#header {
	position: relative;
	width: 960px;
	height: 285px;
	margin: 0 0 15px 0;
	}
	
#header  h1{
      display:none;
}

	img#logo {margin: 11px 0 0 31px;}
	
	#btnContact {
		position: absolute;
		top: 0; right: 14px;
		width: 66px;
		height: 17px;
		background: url(images/btnContact.gif) no-repeat top center;	
		text-align: center;
		}


ul#nav {
	float: left;
	list-style-type: none;
	/*width: 954px;*/
	height: 26px;
	margin: 178px 0 0 12px;
	padding: 3px 0 0 6px;
	background: url(images/bgNav-trans.png) no-repeat 0 0;
	}

/*Top level list items*/
ul#nav li{
	position: relative;
	display: inline;
	float: left;
	background: url(images/separateurNav.gif) no-repeat right 5px;
	}
	
	ul#nav li:last-child {background: none;}

/* Top level menu links style */
	ul#nav li a:link, ul#nav li a:visited {
		display: block; 
		overflow: hidden; /*force hasLayout in IE7 */
 	     height: 16px;
		padding: 4px 25px 0 25px;
		text-decoration: none; 
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		}
		
		ul#nav li a#btnAccueil:link, ul#nav li a#btnAccueil:visited {width: 37px;}
		ul#nav li a#btnVsms:link, ul#nav li a#btnVsms:visited {width: 154px;}
		ul#nav li a#btnRevitali:link, ul#nav li a#btnRevitali:visited {width: 182px;}
		ul#nav li a#btnInfocentre:link, ul#nav li a#btnInfocentre:visited {width: 58px;}
		ul#nav li a#btnEmplois:link, ul#nav li a#btnEmplois:visited {width: 129px;}
		ul#nav li a#btnLiens:link, ul#nav li a#btnLiens:visited {width: 94px;}
	
	
	ul#nav li a:hover, ul#nav li a.active /*, ul#nav li:hover a*/  {
		background: url(images/bgLiHover.gif) repeat-x 0 0;
		}
	
	/*highlight de section, ajouter les autres au fur et à mesure*/
	body#pgAccueil ul#nav li a#btnAccueil:link, body#pgAccueil ul#nav li a#btnAccueil:visited {
		background: url(images/bgLiHover.gif) repeat-x 0 0;
		}

* html ul#nav li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}
	
/*1st sub level menu*/
ul#nav li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	list-style-type: none;
	background-color: #fff;
	background-image: none;
	border: 1px #e6e6e5 solid;
	border-top: 0;
	width: 200px;
	}
	
	/*2nd sub level menu*/
	ul#nav li ul li ul {
		border: 1px #e6e6e5 solid;
		}

/*Sub level menu list items (undo style from Top level List Items)*/
ul#nav li ul li {
	display: list-item;
	float: none;
	border-bottom: 1px #e6e6e5 solid;
	background: none;
	}
	ul#nav li ul li:last-child {border-bottom: 0;}
	
	/* Sub level menu links style */
	ul#nav li ul li a:link, ul#nav li ul li a:visited {
		background: none;
		color: #ea8532;
		font-weight: normal;
		font-size: 11px;
		display: block;
		}
		
	ul#nav li ul li a:hover, ul#nav li ul li a:active {background: #ea8532; color: #fff;}	

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
ul#nav li ul li ul {top: 0;}
	

	
#content {
	float: left;
	display: inline;  /*for ie6*/
	width: 724px;
	min-height: 430px;
	margin: 0 0 60px 6px;
	}
	
	#container .padded {width: 694px; padding: 0 30px 0 0; }
	

	/*Rounded boxes*/
	div.topRounded724 span, div.botRounded724 span, div.topRounded355 span, div.botRounded355 span{
display:none;
}
	



        div.topRounded724 {
		clear: both;
		width: 724px;	
		height: 8px;
		background: url(images/topRounded724.gif) no-repeat bottom center;
                /*margin:25px 0 0 0;*/
		}
	
	div.roundedBox724 {
		clear: both;
		width: 704px;	
		min-height: 184px;
		padding: 5px 10px;
		background: url(images/bgRoundedBox724.gif) repeat-y top center;
		}
		
		div.roundedBox724 img {float: left; margin: 0 10px 5px 0;}
	
	div.botRounded724 {
		clear: both;
		width: 724px;	
		height: 8px;
		background: url(images/botRounded724.gif) no-repeat top center;
		}
	
	
	div.leftCol355 {float: left; display: inline;  /*for ie6*/ width: 355px;}
	div.rightCol355 {float: right; display: inline;  /*for ie6*/ width: 355px;}
	
	
	div.topRounded355 {
		clear: both;
		width: 355px;	
		height: 8px;
		background: url(images/topRounded355.gif) no-repeat bottom center;
		}
	
	div.roundedBox355 {
		clear: both;
		width: 335px;	
		min-height: 200px;
		padding: 5px 10px;
		background: url(images/bgRoundedBox355.gif) repeat-y top center;
		}
		
		div.roundedBox355 img {float: left; margin: 0 10px 5px 0;}
	
	div.botRounded355 {
		clear: both;
		width: 355px;	
		height: 8px;
		background: url(images/botRounded355.gif) no-repeat top center;
		}
	
#sidebar {
	float: right;
	display: inline;  /*for ie6*/
	width: 219px;
	/*min-height: 430px;*/
	margin: 0 0 60px 0;
	}
		
	div.topRounded219 {
		clear: both;
		width: 219px;	
		height: 8px;
		background: url(images/topRounded219.gif) no-repeat bottom center;
		}
	
	div.roundedBox219 {
		clear: both;
		width: 199px;	
		padding: 5px 10px;
		background: url(images/bgRoundedBox219.gif) repeat-y top center;
		}
		
	div.botRounded219 {
		clear: both;
		width: 219px;	
		height: 8px;
		background: url(images/botRounded219.gif) no-repeat top center;
		}
	
	p.lienArchives {text-align: right; margin: 3px 0; font-size: 110%;}
		
	#sidebar .calendar {text-transform: uppercase; font-size: 110%; line-height: 1.4em;}
	img#iconCalendar {float: left; margin: 0 15px 0 0;}	
	
	div.roundedOrange {
		width: 199px; 
		height: 96px; 
		padding: 5px 10px;
		background: url(images/bgRoundedOrange.gif) no-repeat top center;
		color: #fff;
		font-size: 105%;
		}

#footer {
	clear: both;
	width: 960px;
	height: 22px;
	padding: 4px 0 0 0;
	margin: 0 0 15px 0;
	color: #acaeaf;
	font-size: 90%;
	font-weight: bold;
	background: url(images/bgFooter.gif) repeat-x bottom left;
	}
	
	span#address {width: 605px; float: left;}

/* ---[ Format du texte ]--------------------- */




h1, div.roundedBox724 h1 {
	font-size: 150%;
	color: #49a445;
	padding: 0 0 20px 0;
	line-height: 1.2em;
	}
	
	h1:first-child {padding: 20px 0 20px 0;}
	
	div.roundedBox355 h1 {
		font-size: 110%;
		color: #5f5f5f;
		text-transform: uppercase;
		padding: 0 0 10px 0;
		}
		
	div.roundedBox219 h1 {
		font-size: 150%;
		color: #797979;
		padding: 0 0 5px 0;
		}
		
		div.roundedBox219 h1.border {
			border-bottom: 1px #afafaf solid;
			margin-bottom: 10px;
			}
	
h2 {
	font-size: 110%;
	color: #353535;
	text-transform: uppercase;
	padding: 0 0 30px 0;
	}
	
h3 {
	font-size: 105%;
	color: #5f5f5f;
	padding: 0 0 15px 0;
	line-height: 1.2em;
	}	

p {
	font-size: 100%;
	line-height: 1.5em;
	padding: 0 15px 25px 0;
	}

	.lightGrey {color: #cac8c8;}
	.orange {color: #ea8532;}
	.smaller, div.roundedBox219 .smaller {font-size: 90%;}
	
	#news.roundedBox219 p {
		font-size: 90%; 
		line-height: 1.3em;
		padding: 0 0 8px 0;
		color: #6d6e6e;
		}
	#div.roundedBox219 p {
		font-size: 100%; 
		line-height: 1.3em;
		padding: 0 0 8px 0;
		color: #6d6e6e;
		}
		
	div.roundedBox219 p {
		font-size: 100%; 
		line-height: 1.3em;
		padding: 0 0 8px 0;
		color: #6d6e6e;
		}
		
	div.roundedOrange p {padding: 0 0 8px 0;}	


#content ul {padding: 0 0 0 35px;margin:0 0 40px 0;}
	#content ul li {list-style-type: none; list-style-image: url(images/greenBullet.gif); margin: 0 0 10px 0; line-height: 1.5em;}



a:focus, object {outline: none;}
a:link, a:visited {color: #ea8532; text-decoration: none;}
a:hover, a:active {color: #5f5f5f;}


#btnContact a:link, #btnContact a:visited {color: #fff; text-decoration: none; font-weight: bold;}
	#btnContact a:hover, #btnContact a:active {text-decoration: underline;}	


/* ---[ Forms ]--------------------- */

form div.formInscrip label {float: left; width: 50px; font-size: 90%; font-weight: bold; margin: 0 0 5px 0;}

form div.formInscrip input,  form div input{width: 140px; padding: 1px; border: 1px #cd7915 solid; margin: 0 0 5px 0;}
	
form div.formInscrip input.fbsubmit,  form div.submit input{width: 57px; height: 17px; background: url(images/bgBtnEnvoyez.gif) no-repeat top center; border: 0; float: right; margin-right: 3px;cursor:pointer;}

form div.formInscrip .fb_invalid label  {
    color: #ff0000;
}

/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* ----- form calendar front end user ---- */

table.feucalendar-addevent{
/*border:solid 1px #000000;*/
width:734px;
margin:30px 0 0 0;
}

table.feucalendar-addevent tr td{padding:5px 0 5px 0;}
table.feucalendar-addevent td.first{width:80px;}
table.feucalendar-addevent td.third{width:70px;}
table#feucalendar-addevent td.second{width:260;}
table.feucalendar-addevent input{width: 284px; padding: 1px; border: 1px #cd7915 solid; margin:0 0 0 0;}
table.feucalendar-addevent textarea{width: 646px; height:150px; padding: 1px; border: 1px #cd7915 solid; margin: 0 0 0 0;}
table.feucalendar-addevent select{width: 52px; border: 1px #cd7915 solid; margin: 0 0 0 0;}
table.feucalendar-addevent input#mf0570,
table.feucalendar-addevent input#m376a5{width: 200px; height: 37px; background:#ba6402; border: 0; float: right; margin-right: 3px;cursor:pointer;color:#ffffff;font-weight:bold;}


div#page_equipe span {float:right;}

a.dark{color:#5e4c4c;text-decoration:underline;font-weight:bold;}
a.dark:hover{text-decoration:none;}

div.fil_ariane{margin:0 0 0 5px;border-bottom:1px solid #cccccc;width:75%;}

span#clikZone{font-size:11px;margin:0px 0 15px 0;}

/* End of 'vsms' */