@charset "utf-8";

/* General */

html {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(../medias/communs/header_bg.jpg) repeat-x center top;	
}
body, form {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	color: #004163;
	background-image: url(../medias/communs/border.jpg);
	min-width: 993px;
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
td, th { padding: 0; }
img, table { border: 0; }
h1 { margin: 0; padding-bottom:0.4em; line-height: 0; font-size: 125%; color: #004a8d; font-weight: normal; font-family: "Palatino Linotype", Verdana, Arial, sans-serif; }
h2 { margin-top: 1.7em; padding-bottom:0.4em; font-size: 100%; color: #009bae; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
h3 { padding:0; margin:0; font-size: 100%; color: #009bae; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
ul { margin: 0; padding: 0; list-style: none; }
p { color: #3f3d3b; font-size: 75%; line-height: 1.5em; }
a { color: #009bae; text-decoration: underline;}
a:hover { text-decoration: none; color: #165794; }

/* menu principal */

#hdrMenu { 
	position: relative; 
	z-index: 10; 
	float: left;
	margin: 0 13px;	
	padding: 0;
	height: 33px;
	width: 554px;
}
#hdrMenu2 {
	background-image: url(../medias/communs/content1_bg.jpg);
	background-repeat: no-repeat;
	margin: 0;
	z-index: 5;
	float: left;
	padding: 0;
	height: 32px;
	width: 554px;
}

/* 1er palier */
#hdrNav li, #hdrNav2 li {
	float: left;
	margin: 0;
}

#hdrNavRight {
	float: right;
	margin: 0;
	padding:0;
}

#hdrNav li, #hdrNav li a, #hdrNav2 li, #hdrNav2 li a {
	display: block;
	text-decoration: none;
	/*background-image: url(../medias/communs/menuselect.gif);
	background-position: center top;*/
}

#hdrNav li:hover, #hdrNav li.over, #hdrNav2 li:hover, #hdrNav2 li.over  { visibility: visible; }
#hdrNav li:hover img, #hdrNav li.over img, #hdrNav2 li:hover img, #hdrNav2 li.over img, #hdrNav li.actif img { visibility: hidden; }
#liNavBt01 { width: 122px; height: 33px; background-image: url(../medias/fr/menuov_09.gif); }
#liNavBt02 { width: 87px; height: 33px; background-image: url(../medias/fr/menuov_10.gif); }
#liNavBt03 { width: 111px; height: 33px; background-image: url(../medias/fr/menuov_11.gif); }
#liNavBt04 { width: 109px; height: 33px; background-image: url(../medias/fr/menuov_12.gif); }
#liNavBt05 { width: 125px; height: 33px; background-image: url(../medias/fr/menuov_13.gif); }
#liNavBt06 { width: 270px; height: 1px; background-image: url(../medias/communs/spacer.gif); }
#liNavBt07 { width: 113px; height: 28px; background-image: url(../medias/fr/tailleov.gif); }
#liNavBt08 { width: 80px; height: 28px; background-image: url(../medias/fr/imprimerov.gif); }
#liNavBt09 { width: 57px; height: 28px; background-image: url(../medias/fr/rssov.gif); }

/* 2 paliers */
#hdrNav li ul {
	overflow: hidden;
	position: absolute;
	width: 150px;
	left: -999em;
	margin: 0;
	padding: 0 15px 10px 15px;
	background-color: #36bed0;
	//*background-image: url(../medias/communs/menuselect.gif); *//
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 10px solid #36bed0;
}
#hdrNav li li { float: none; width: auto; height: auto; margin-top: -1px; }

#hdrNav li li a {
	display: block;
	font-size: 70%;
	text-decoration: none;
	color: #3f3d3b;
	background-position: right;
	background-repeat: no-repeat;
	height: 1%;
	margin: 0px 9px 0 9px;
	border-top: 1px solid #399aa7;
	padding: 0 11px 0 0;
	line-height: 25px;
}
#hdrNav li li a:hover{
	background-image: url(../medias/communs/arrow2.gif);
	color: #333230;
	background-repeat: no-repeat;
	background-position: right;
}

#hdrNav li:hover ul, #hdrNav li li:hover ul, #hdrNav li.over ul, #hdrNav li li.over ul { left: auto; } 
#hdrNav li#liNavBt05:hover ul, #hdrNav li#liNavBt05.over ul { right: 0px; }

/* accueil listes  */

#smenu1 li {
	display: block;
	margin: -0.1em 0 0 10px;
	width: 175px;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	background-image: url(../medias/communs/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #3f3d3b;
	height: 1%;
	padding: 0 0 0.5em 14px;
}
#smenu1, #smenu1 ul { 
	overflow: hidden;
	margin: -0.5em 0 0 6px;
	list-style: none;
}
#smenu1 li a:hover {
	color: #3f3d3b;
}

#smenu2 li {
	display: block;
	margin: -0.1em 0 0 10px;
	text-decoration: none;
	background-image: url(../medias/communs/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #3f3d3b;
	height: 1%;
	padding: 0 0 0.5em 14px;
}
#smenu2, #smenu1 ul { 
	overflow: hidden;
	margin: 1.5em 0 1.5em 6px;
	list-style: none;
}

/* CSS Document */

.menu {
	font-size: 110%;
	text-decoration: none;
	color: #3f3d3b;
}
.menutop {
	font-size: 60%;
	text-decoration: none;
	color: #3f3d3b;
	font-weight: bold;
}
.menutop:active {
	text-decoration: none;
	color: #3f3d3b;
}
.menutop:link {
	text-decoration: none;
	color: #3f3d3b;
}
.menutop:hover {
	text-decoration: underline;
	color: #9e9995;
}
.menutop:visited {
	text-decoration: none;
	color: #3f3d3b;
}
.menubottom1 {
	font-size: 70%;
	color: #848484;
}
.menubottom1:link {
	font-size: 70%;
	color: #848484;
}
.menubottom1:hover {
	font-size: 70%;
	text-decoration:underline;
	color: #000000;
}
.titre1 { 
	margin: 0; 
	font-size: 80%; 
	font-weight: bold;
}
.text1 {
	color: #5f6c74;
	font-size: 80%;
	font-weight: normal;
}
.text1:link {
	color: #47545c;
	font-size: 80%;
	font-weight: normal;
	text-decoration:none
}
.text2 {
	color: #848484;
	text-decoration:none
}
.text2:link {
	color: #848484;
	text-decoration:none
}
.text2:hover {
	color: #848484;
	text-decoration: underline;
}
.text3 {
	color: #3f3d3b;
	font-size: 70%;
	font-weight: normal;
}
.textRSS {
	color: #3f3d3b;
	font-size: 70%;
	font-weight: normal;
	line-height: 2em;
	text-decoration: underline;
}
.textRSS:hover {
	text-decoration: none;
}

.text4:link {
	color: #3f3d3b;
	font-weight: normal;
	text-decoration: none;
}
.text4:active {
	color: #3f3d3b;
	font-weight: normal;
	text-decoration: none;
}
.text4:hover {
	color: #3f3d3b;
	font-weight: normal;
	text-decoration: underline;
}
.text5 {
	color: #36c0d3;
	font-size: 65%;
	font-weight: bold;
}
.lv_top {
	font-size: 75%;
	font-weight: normal;
}
.textform1 {
	color: #3f3d3b;
	font-size: 70%;
	weight: 100%;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textfield1 { COLOR: #004163; }

.textfield2 {
	border: #005882 1px solid;
	padding: 2px;
	font-weight: bold;
	font-size: 70%;
	margin: 0.6em 2em 0 0;
	color: #ffffff;
	backgroung-color: #005882;
	text-transform: capitalize;
	cursor: pointer;
	float:right;
}

.mstr #deInfo {
	width: 50%; height:3em; float: left;
}

.mstr #deTitle {
	display: block; padding:0; margin:0; border-bottom: 1px solid #edeaea; width:100%; float:left;
}

#lstxt{
	margin-left:20px;
	padding: 0 0 0 0.4em;
	background-image: url(../medias/communs/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.rouge {color: #ff0000}

/* CSS Layout index */

.mstr #container {
	width: 993px;
	min-height: 99%;
	border: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.mstr #leftab {
	width:336px;
	padding-left: 59px;
	float:left;
	border: 0;
} 
.mstr #logo {
	padding: 0;
	margin: 0;
	width: 336px;
	height: 262px;
}
.mstr #leftbottom {
	height: 110px;
	width: 190px;
}
.mstr #content {
	width: 557px;
	min-height: 500px;
	padding: 0;
	margin: 0;
	float: left;
}
.mstr #contentop {
	padding: 0 11px;
	margin: 0;
	height: 107px;
	background-image: url(../medias/communs/3heads_bg.jpg);
	background-repeat: no-repeat;
}
.mstr #menutop {
	padding-top: 45px;
	float:right;
}
.mstr #contenua {
	background-image: url(../medias/communs/contenta_bg.gif);
	background-repeat: no-repeat;
	background-color: #fffcfc;
	margin: 0;
	padding: 48px 0 30px 45px;
	width: 532px;
	min-height: 342px;
	float: left;
	/*border: 1px solid #000000;*/
}
.mstr #contenu {
	background-image: url(../medias/communs/content2_bg.jpg);
	background-repeat: no-repeat;
	background-color: #fffcfc;
	margin: 0;
	padding: 1em 40px 30px 45px;
	width: 492px;
	min-height: 342px;
	float: left;
	background-position: -3px 0px;
}

.mstr #formulaire {
	width: 100%;
	float: left;
	color: #3f3d3b;
	/*border: 1px solid #000000;*/
}

.mstr #retour {
	float:none;
	width:100%;
	display:inline;
}
.mstr #retour ul{
	padding: 0;
	float: right;
	/*border-top: 1px solid #edeaea;*/
	color: #3f3d3b;
	line-height: 1.5em;
	font-size: 90%;
	float:right;
}
.mstr #retour li a{
	color: #009bae;
	font-size: 80%;
	font-weight: normal;
	line-height: 2em;
	text-decoration: underline;
}
.mstr #retour li a:hover {
	text-decoration: none;
	color: #165794;
}

.mstr #encadre ul{
	padding: 0;
	float: left;
	/*border-top: 1px solid #edeaea;*/
	color: #3f3d3b;
	line-height: 1.5em;
}

.mstr #encadre li{
	background-image: url('../medias/communs/bullet.gif'); 
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	background-position: 1em 0.2em;
}

.mstr #rsslist ul{
	padding: 0;
	float: left;
	/*border-top: 1px solid #edeaea;*/
	color: #3f3d3b;
	line-height: 1.5em;
}

.mstr #rsslist li{
	background-image: url('../medias/communs/rss.gif'); 
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	background-position: 0.8em 0.4em;
}

.mstr #calendrier ul{
	padding: 0;
	width: 90%;
	float: none;
	color: #3f3d3b;
	font-size: 75%;
	line-height: 1.5em;
	margin: 0;
}
.mstr #calendrier li{
	padding: 0 0 0 4em;
}

.mstr #calenliste li{
	background-image: url('../medias/communs/arrow1.gif'); 
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	width: 90%;
	float: left;
	color: #3f3d3b;
	font-size: 75%;
	line-height: 1.5em;
	background-position: 0.6em 0.6em;
}

.mstr #calenselect li{
	padding: 0;
	margin:0;
	color: #3f3d3b;
	width: 151px;
	float: left;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*border: 1px solid #000000;*/
}
.mstr #plansite ul{
	
	margin:0.3em 0 1em 0;
}
.mstr #plansite li {
	background-image: url(../medias/communs/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.6em 0.2em;
	padding: 0 0 0 2em;
	font-size: 75%;
	
}
.mstr #plansite li a{
	padding: 0;
}

.mstr #plansite li li{
	font-size: 100%;
}
.mstr #TopPage {
	background-color: #fffcfc;
	margin: 0;
	padding: 0 40px 10px 45px;
	width: 492px;
	float: left;
}
.txtTopPage {
	color: #484a8d;
	font-size: 70%;
	font-weight: normal;
}

.mstr #footer {
	background-image: url(../medias/communs/footer_bg.gif);
	background-repeat: no-repeat;
	width:532px;
	height:51px;
	float: right;
	margin: 0 -20px 0 11px;
	padding: 11px 0 0 0;
}
.mstr #footertxt {
	float: right; 
	margin-right:32px;
}

.mstr #printfooter { display: none; }
.mstr #printlogo { display: none; }
.mstr #caequipe { display: block; float:left; width:100%; padding: 0 8px 8px 0; border-bottom: #edeaea 1px solid; }
.mstr #cacontenu { display: block; float:left; width:100%; }

/* calendrier des evenements */
.mstr #divCalendar1 { margin-bottom: 14px; padding:0 ; }
.mstr #calCtnr { width: 175px; padding: 0; margin: 0; background-image: url(/medias/communs/cal_fond.gif); background-repeat: no-repeat; font-size: 10px; }
#calTxtTop { display: block; text-align: center; padding: 7px 0 0 7px; margin-bottom: 8px; height:160px; }
.calInfos { float: right; display: inline; margin: 0 8px 0 0; }
.cal { width: 154px; float: left; display: inline; margin: 0 0 0 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.cal a { background-color: transparent !important; }
.calNextPrev a img { margin: 0 8px; background-color: #F2F2F2; }
.calNextPrev a:hover img { background-color: #FFF; }
.calHome { width: 188px; }
.calHeader { background: #E5E5E5 url(/medias/communs/cal_fond_hdr.gif) repeat-x; color: #004a8d; }
.calHeader td { padding: 4px 0 2px; }
.calBox1, .calBox2 { text-align: center; }
.calBox1 { background-color: #E5E5E5; color: #00b7cd; text-transform: uppercase; padding: 2px 0 4px; }
.calBox2, .calSelected, .calActif, .calOthDays { width: 22px !important; height: 20px; background-color: #FFFFFF!important; } 
.calBox2 a { color: #015181 !important; cursor: default; text-decoration: none !important; }
.calSelected a { text-decoration: none; color: #015181 !important; /*background: #FFFFFF url(/medias/communs/cal_fond_select.gif) no-repeat center !important; */ }
.calevent  { background: #FFFFFF url(/medias/communs/cal_fond_event.gif) no-repeat center !important; }
.calevent a { color:#FFFFFF !important; text-decoration: none; }
.calActif a { color: #8c8c8c !important; text-decoration: none; }
.calOthDays a { color: #c5c5c5 !important; text-decoration: none; cursor: default; }

#back { margin: 0 0 15px 3px; text-align: center; bottom: 1px; height:100%; width:153px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; color: #004a8d; background-color: #e5e5e5; position: relative; top: 65px; height:20px; }
#CalTop { background: #E5E5E5 url(/medias/communs/cal_fond_hdr.gif) repeat-x; color: #004a8d; padding: 0.4em 0; text-align: center; bottom: 1px; height:100%; width:153px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #004a8d; background-color: #e5e5e5; top: 80px; height:30px; }
#calInfos table { width: 494px; border: 1px solid #D8D8D8; border-width: 1px; line-height: 1.1em; }
#calSelector { background-color: #DCDCDC; text-align: center; padding: 0.6em 0; }
#calSelector select { font: 10px Verdana, Arial; }

#noEvents {
	float:left;
	width: 110px;
	padding:2px 2px 1em 1em;
	margin:50px 0 0 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	background-color: #e5e5e5;
	border: 1px solid #76654A;
}


/* documents */
.attLink ul { margin:0; padding:0; }
.attLink li { display: block; margin-top:1em;}
.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng, .attLinkdefault { display: inline-block; margin-bottom:2px; padding: 2px 0px 2px 4em; line-height: 1em; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) center left no-repeat; background-position: 2em 0; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); }
.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); }

/* clearfix pour floats */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }