html, body, form, fieldset {
margin:0;
padding:0;
}
a img {
border:0;
}
body {
background-color:#ffffff;
text-align: center; 
}
body * {
font-family:verdana,geneva,arial,helvetica,sans-serif;
}
#page {
width:900px;
margin:0 auto 5px auto;
}
#entete {
background:#fff url(/Picts/logo.gif?1) no-repeat left center;
height:120px;
margin:0;
padding:0;
position:relative;
}
#entete div a {
color:#9C9E9C;
font-size:11px;
margin:0px 2px;
font-weight:bolder;
text-decoration:none;
}
#entete div a:hover {
color:#000000;
}
#entete div {
color:#9C9E9C;
font-size:10px;
text-align:right;
padding-top:100px;
}
#content {
background:#7C9CD7;
overflow:hidden;
margin:0;
min-height:500px;
height: 500px;
height:auto ! important;
text-align:left;
}
#pied {
margin:0;
height:20px;
background:#7C9CD7;
}
#menu {
width:740px;
position:relative;
padding-left:40px;
background:#7C9CD7 url(/picts/point_haut_home.gif) no-repeat 23px 96px;
z-index:1;
}
#menu a {
display:block;
float:left;
background:transparent url(/picts/NavHaut/barreNavVertical.gif) no-repeat bottom right;
}
#menu a:hover {
background:#4C7FD2;
}
#menu a img {
display:block;
background:transparent;
}
.clear {
visibility:hidden;
clear:both;
margin:0;
padding:0;
border:0;
}
#connect {
text-align:center;
float:right;
width:100px;
z-index:100;
padding-right:5px;
padding-top:5px;
}
#connect label {
color:#d7e1f3;
font-size:10px;
font-weight:bold;
line-height:normal;
margin:2px;
}
#connect input {
border:solid 1px #7C9CD7;
font-size:10px;
margin:2px;
}
#connect input:focus {
border:solid 1px #4C7FD2;
}
#connect button {
background-color:transparent;
border:0 none;
margin:2px;
padding:0;
}
#pied div {
position:relative;
margin-left:auto;
margin-right:auto;
padding-top:2px;
padding-bottom:4px;
}
#pied,#pied a {
font-size:10px;
color:#dddddd;
text-decoration:none;
}
#pied a:hover {
color:#ffffff;
}
#gauche {
float:left;
width:500px;
margin-left:30px;
}
#droite {
float:right;
width:320px;
margin-right:10px;
text-align:center;
}
#acces {
margin:0 0 5px 0;
text-align:center;
padding:0 ! important;
}
#actualite {
border-top:solid 1px #bdcceb;
height:auto;
background:#7C9CD7 url(/picts/point_vertical_home.gif) no-repeat top left;
text-align:left;
color:#000;
font-size:12px;
}
#publication {
margin-top:30px;
height:auto;
text-align:left;
color:#000;
font-size:12px;
margin-bottom:20px;
}
#actualite a,#publication a {
margin:0px 2px 10px 10px;
text-decoration:none;
display:block;
color:#000;
font-size:10px;
padding-left:20px;
min-height:13px;
background:transparent url(/Picts/boutons/bt_plus_off.gif) no-repeat top left;
}
#actualite a:hover,#publication a:hover {
background:transparent url(/Picts/boutons/bt_plus_on.gif) no-repeat top left;
}
#actualite a:hover strong,#publication a:hover strong {
color:#fff;
}
#actualite strong,#publication strong {
color:#d7e1f3;
font-family:verdana,geneva,arial,helvetica,sans-serif;
}
#actualite,#publication {
width:100%;
}
#actualite img,#publication img {
margin-right:10px;
vertical-align:middle;
}
#actualite h1 {
color: #000000;
cursor:pointer;
margin-top:0;
margin-right:0;
margin-bottom:10px;
background:transparent url(/picts/point_vertical_home.gif) no-repeat top right;
text-align:left;
font-size:16px;
padding: 2px 0 0 5px;
}
#publication h1 {
color: #000000;
cursor:pointer;
margin-top:0;
margin-right:0;
margin-bottom:10px;
text-align:left;
font-size:16px;
padding: 2px 0 0 5px;
}

#videoAccueil {
margin-top:30px;
padding-top:1px;
color:#000;
font-size:10px;
margin-bottom:10px;
}
#videoTexte {
width:250px;
margin:auto;
text-align:left;
}
#videoTexte a {
color: #d7e1f3;
}
#videoFlash {
margin-top:1px;
text-align:center;
width:100%;
display:block;
}
#videoTexte h3 {
color: #d7e1f3;
cursor:pointer;
margin-top:10px;
margin-right:0;
margin-bottom:10px;
text-align:left;
font-size:12px;
padding: 2px 0 0 5px;
width:100%;
}
#videoAccueil .videoBt {
color: #d7e1f3;
position:relative;
font-size:10px;
margin-top:10px; 
margin-right:35px;
float:right;
}

.shadow {
box-shadow: 0 0 5px #4A7DD6;
-o-box-shadow: 0 0 5px #4A7DD6;
-moz-box-shadow: 0 0 5px #4A7DD6;
-webkit-box-shadow: 0 0 5px #4A7DD6;
}
#Cntent {
background:#ffffff;
text-align:left;
}
.ui-dialog-title {
font-size:14px ! important;
}
/*ancien*/
.titreorange{
color: #996600;
font-size: 10px;
font-weight: bold;
line-height: normal;
}
.texte{
color: #000000;
font-size: 11px
}
.textegras {
color: #000000;
font-size: 10px;
font-weight: bold;
line-height: normal;
}
.textejustify{
color: #000000;
font-size: 11px;
text-align: justify;
}
.lienplan{
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}
a.lienplan{
    color: #000000;
    text-decoration: underline;
}
a.lienplan:hover{
    color: #ffffff
}
.plan {
  background-color:#7C9CD7 ! important;
}
.plan table {
margin:0;
padding:0;
border:0;
width:456px;
border-collapse:collapse;
}
.plan table tbody tr td {
vertical-align:top;
text-align:left;
font-size:10px;
padding-left:4px;
padding-bottom:10px;
}
.plan a.TopPlan{
display:block;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:10px;
width:140px;
font-weight:bold;
vertical-align:middle;
height:19px;
padding:4px 0 0 5px;
background:transparent url(/picts/outils/plan/base_plan.gif) no-repeat center center;
}
.plan a.TopPlan:hover{
background:transparent url(/picts/outils/plan/base_plan_on.gif) no-repeat center center;
}
.plan a.PartPlan {
  color:#fff;
  text-decoration:none;
  font-size:12px;
}
.plan a.PartPlan:hover {
font-weight:bold;
}
.Cdre {
width:460px;
margin:0;
padding-left:10px;
background:#fff;
}
.Cdre h2{
margin-bottom:0;
}
.popLigne {
background:url("/Picts/Outils/popligne.gif") repeat-x scroll left 25px transparent;
}
.imgTitre {
margin-bottom:10px;
}
.lApha {
text-align:center;
}
.lApha a {
margin:3px;
}
.tTop {
float:right;
display:block;
}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }