/* CSS Document */

html, body { height : 100%; overflow:auto; }

p { margin : 0; padding : 0; }

#a_ctr { 	
  position:absolute;
  height:513px; 
  width:990px;
  margin:-256px 0px 0px -495px;
  top: 50%; 
  left: 50%;
  padding: 0px;
  background-color: #000000;
  overflow: hidden;
}

#p_ctr {
	position:absolute;
	width:990px;
	margin:0px 0px 0px -495px;
	left: 50%;
	padding: 0px;
	background-color: #000000;
	overflow: hidden;
	top: -3px;
}

body {
margin:0px;
padding:0px;
background-color:#1e3b5a;
background-image:url(images/back-body.jpg);
background-position:top center;
background-repeat: repeat-y;
}
 
#content {
margin:0 auto;
width:990px; 
}
 
#header {
height:388px;
background-image:url(images/header.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
#header-page {
height:130px;
background-image:url(images/header-page.jpg);
background-position:0 0;
background-repeat:no-repeat;
cursor:pointer;
}
 
#page { 
background-color:#666; 
}

 
#footer { 
height:69px;
float:left;
clear:both;
width:990px;
text-align:center;
background-image:url(images/footer.jpg);
padding-top:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ff6f1d;
}

#email { font-size:14px; color:#ff6f1d; text-decoration:none; } 

#evenement {
position:absolute;
width: 110px;
height: 110px;
right:10px;
margin: 0px;
padding: 0px;
text-align:center;
color:#FFFFFF;
}

#edito-accueil {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
position:absolute;
width: 460px;
height: 180px;
right:44px;
top:179px;
margin: 0px;
padding: 0px;
padding-top:24px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
letter-spacing:1.3px;
}

#edito-accueil span {
font-size:18px;
} 

#edito-page { 
float:left; 
width:990px;
background-image:url(images/back-page.jpg);
background-repeat:repeat-y;
padding:0px;
margin:0px;
}
a { color:#fff; }

.block {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color:#0076e7;
float:left;
}

.block-vert {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-vert.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #098137;
float:left;
}
.titre-vert {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-vert.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
.block-rose {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-rose.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #7538a5;
float:left;
}
.titre-rose {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-rose.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
.block-orange {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-orange.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #c47d0a;
float:left;
}
.titre-orange {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-orange.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
.block-rouge {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-rouge.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #C93028;
float:left;
}
.titre-rouge {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-rouge.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
.block-jaune {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff dotted;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-jaune.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #F2C200;
float:left;
}
.titre-jaune {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-jaune.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}

.block-violet {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
width:934px;
margin:0px 20px 10px 20px;;
padding:8px;
margin-top:0px;
border-bottom:1px #60acff solid;
border-top:1px #002144 solid;
color:#FFFFFF;
background-image: url(images/block-back-violet.jpg);
background-position:0 top;
background-repeat:no-repeat;
background-color: #4815d4;
float:left;
}
.titre-violet {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back-violet.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
.bold {
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
}

.infos {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
letter-spacing:2.5px;
}

.orange {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FF9900;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

.orange2 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #ac5900;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

.block li {
list-style-image:url(images/puce.jpg) 
}
.block-vert li {
list-style-image:url(images/puce-vert.jpg) 
}
.block-rose li {
list-style-image:url(images/puce-rose.jpg) 
}
.block-orange li {
list-style-image:url(images/puce-orange.jpg) 
}
.block-violet li {
list-style-image:url(images/puce-violet.jpg) 
}
.col-left img {
border:#FFFFFF solid 1px;
margin:4px;
text-align:left;
}
.col-right img {
border:#FFFFFF solid 1px;
margin:4px;
}
.col-left {
float:left;
width:465px;
}
.col-right {
text-align:right;
float:right;
width:465px;
}

.titre {
float:left;
line-height:30px;
font-size:17px;
font-style:italic;
font-weight:bold;
letter-spacing:1.8px;
height:30px;
width:940px;
padding-left:10px;
margin:4px 20px 0px 20px;
padding-bottom:0px;
background-image:url(images/titre-back.jpg);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
border-top:1px #fff solid;
}
p.stitre {
font-size:12px;
font-style:italic;
font-weight:bold;
letter-spacing:1.6px;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
margin:0px;
margin-top: 16px;
margin-bottom: 0px;
}

#logo-link {
position:absolute;
width: 515px;
height: 120px;
right:235px;
top:0px;
margin: 0px;
padding: 0px;
padding-top:0px;
cursor:pointer;
}
/***************************** menu 2 ******************************/
#menu_tab{
width:990px;
background:url(images/menu.jpg);
height:36px;
float: left;
font-style:italic;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:2px;
padding:0px;
}
#menu-bas{
width:990px;
background:url(images/menu-bas.jpg);
height:18px;
float: left;
}

ul.menu {
height:36px;
list-style-type:none;
display:block; 
margin:0 auto; padding:0px; background:none;
margin:0 0 0 100px;
border-left:#fff 1px dotted;
}

ul.menu li {
font-weight:bold;
display:inline;
letter-spacing:2px;
font-size:16px;
line-height:34px;

}

a.nav:link, a.nav:visited {
display:block;
float:left;
padding:0 10px 0 10px;
height:36px;
margin:0px;
text-align:center;
color:#fff;
text-decoration:none;
/* background:url(images/menu_back_link.jpg) center 0;
background-repeat:no-repeat;*/
border-right:#fff 1px dotted;
}

a.select:link, a.select:visited {
display:block;
float:left;
padding:0 10px 0 10px;
margin:0px;
text-align:center;
height:36px;
text-decoration:none;
color: #b0d6ff; 
border-right:#fff 1px dotted;


}
a.nav:hover {
color: #fff; text-decoration:none;
background: no-repeat url(images/menu-hover.jpg) center 0;
background-repeat: repeat-x;
background-position:center 0;
}