body , html
{
        margin : 0px 0px 0px 0px;
        height:100%;
        background-color: #D6EFFF;
        scrollbar-base-color: #C8FFCC;
        font: normal 11px Arial, Verdana, Helvetica, sans-serif ;

}

.invisible
{
	display:none;
}


td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        background-repeat: no-repeat;
        background-position: top;
}
table {
        background-repeat: repeat-y;
        background-position: right top;
}
.menu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: bold;
        color: #000000;
}

.menu a.footer-link{
        font-weight: normal;
        color: #000000;
        text-decoration:none;
}
.menu a.footer-link:hover{
        font-weight: normal;
        color: #000000;
        text-decoration: underline;
}


h1{     font-family: Arial, Verdana, Tahoma;
        font-size:15px;
        font-weight:bold;
        line-height:15px;
        color:#d60517;
        padding:0px 0 10px;
        text-align:right;
        margin-bottom: 20px;
        margin-top:13px;
        border-bottom: solid 1px #626262;
}
h2{
        font-size:13px;
        color:#000;
        font-weight: bold;
        margin:5px 0 0px 10px;
        padding:0;
        text-align:left;
        }
p
        {
        text-align: justify;
        font-size:11px;
        color:#000;
        font-weight:500;
        text-align:left;
        padding:0 0 10px 0px;
        }
.text01 {
        text-align: justify;
        font-size:12px;
        color:#000;
        font-weight:500;
        text-align:left;
}
#text-index
        {
         width:435px;
         height:auto;
         margin:0px 5px 0 7px;
         float:left;
         padding:0px;
        }
#text-index p
        {
         text-align: justify;
        }
.bleu
        {
        color:#B1D7E3;
        }
.bleu-fonce
        {
        color:#2653B0;
        }
.rouge
        {
        color:#D1030D;
        }
.orange
        {
        color:#FFAB3D;
        }
.violet
        {
        color:#EEE1FD;
        }
.violet-fonce
        {
        color:#824498;
        }
.vert
        {
        color:#C8FFCC;
        }
.rose
        {
        color:#E5548B;
        }
.div_actu{
        padding:0 0px 10px 0px;
        width:430px;
        border-bottom:1px #B1D7E3 solid;
        float:left;
        clear:both;
}
.div_actu h2{
        padding:5px;
        color:#CC99CC;
        margin:0;
        font-size:14px;
        background-color:#FDE899;
}

.div_actu img{
        float:left;
        border:#6699CC 1px solid;
        margin:10px 10px 0 0;
}

.div_album{
        margin:5px 15px;
        border-bottom:1px #B1D7E3 solid;
        float:left;
        width:180px;
        text-align:center;
        overflow:hidden;
        height:200px;
}

.div_album h2{
        padding:5px;
        color:#CC99CC;
        margin:0;
        font-size:14px;
        background-color:#FDE899;
}

.div_album .photo{
        width:180px;
        height:120px;
        overflow:hidden;
}

.div_album img{
        border:#6699CC 1px solid;
        margin:auto;
}

.div_important_top{
  width:100%;
  float:left;
  height:25px;
  background: url(../images/charte/top.gif) center bottom no-repeat;
}

.div_important_middle{
  width: 400px;
  padding: 5px 15px 0 20px;
  background: url(../images/charte/middle.gif) center top repeat-y;
  float:left;
}

#text-index .div_important_middle p{
  padding:0px;
  margin:0px;
  text-align: center;
  color:#824498;
}

.div_important_bottom{
  width:100%;
  height:6px;
  background: url(../images/charte/bottom.gif) center top no-repeat;
  float:left;
  margin-bottom: 10px;
}
.div_important_top1{
  width:100%;
  float:left;
  height:25px;
  background: url(../images/charte/top1.jpg) center bottom no-repeat;
}

.div_important_middle1{
  width: 400px;
  padding: 5px 50px 10px 48px;
  background: url(../images/charte/middle1.jpg) 6px top repeat-y;
  float:left;
}

.div_important_middle1 p{
  padding:0px;
  margin:0px;
  text-align: center;
  color:#824498;
}


.div_important_bottom1{
  width:100%;
  height:6px;
  background: url(../images/charte/bottom1.jpg) center top no-repeat;
  float:left;
  padding-bottom: 10px;
}

.div_important_top2{
  width:100%;
  float:left;
  height:25px;
  background: url(../images/charte/top2.jpg) center bottom no-repeat;
}

.div_important_middle2{
  width: 400px;
  padding: 5px 52px 10px;
  background: url(../images/charte/middle2.jpg) center top repeat-y;
  float:left;
}

.div_important_middle2 p{
  padding:0px;
  margin:0px;
  text-align: center;
 /* color:#E5548B; */
   color:#CF2668;
}

.div_important_bottom2{
  width:100%;
  height:6px;
  background: url(../images/charte/bottom2.jpg) center top no-repeat;
  float:left;
  padding-bottom: 10px;
}

.spacer1{
  width:100%;
  float:right;
  height:15px;
  line-height:0px;
  font-size:0px;
  background:url(../images/charte/spacer1.jpg) 0% 50% repeat-x;
  clear:both;
}

.left{
  float:left;
}

.right{
  float:right;
}


.bleu-fonce-label{
background:#DFEBFF;
padding:3px 0;
display:inline;
text-align:center;
}
/************* form *********************/
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #B1D7E3 solid;
        padding:0;
        margin:0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color: #000;
        text-align:justify;
        }
.forminput
       {
       height:16px;
       line-height:14px;
       width:256px;
       }
.formtextareadress
        {
        height:32px;
        width:256px;
        line-height:14px;
        }
.formtextareacomment
        {
        height:80px;
        line-height:14px;
        width:256px;
        }
.formbt
        {
        border:1px #B1D7E3 solid;
        height:19px;
        width:100px;
        text-align:center;
        padding:0;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#000;
        background-color:#F6F6ff;
        cursor: pointer;
        }

.formbtOver
        {
        border:1px #B1D7E3 solid;
        height:19px;
        width:100px;
        text-align:center;
        padding:0;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#000;
        background-color:#EEE1FD;
        cursor: pointer;
        }
.cyc {
	display: none;
}

.tag-rouge{
   background:#FFCFD4;
   padding:3px 0;
   float:left;
   display:inline;
   text-align:center;
}

.tag-rouge p{
  padding:0px;
  margin:0px;
  text-align:center;
  color:#de3d4e;
  font:normal 11px/11px Arial, Verdana, Helvetica, sans-serif;
}

.tag-bleu{
 padding:3px 0;
 float:left;
 display:inline;
 text-align:center;
 background:#DFEBFF;
}
.tag-bleu p{
  padding:0px;
  margin:0px;
  text-align:center;
  font:normal 11px/11px Arial, Verdana, Helvetica, sans-serif;
}

a:link {
        font-weight: normal;
        text-decoration: none;
        color: #CC0000;
        text-decoration:underline;
        }
a:visited
        {
        font-weight: normal;
        text-decoration: underline;
        color: #000000;
        }
a:hover {
        font-weight: normal;
        text-decoration: none;
        color: #CC0000;
        }

a:active {
        text-decoration: none;
        color: #CC0000;
        text-decoration:none;
        }

a.violet-fonce:link {
        font-weight: bold;
        text-decoration: underline;
        color:#824498;
        }
a.violet-fonce:visited
        {
        font-weight: bold;
        text-decoration: underline;
        color: #000000;
        }

a.violet-fonce:hover {
        font-weight: bold;
        text-decoration: none;
        color:#824498;
        }

a.violet-fonce:active {
        font-weight: bold;
        text-decoration: underline;
        color:#824498;
        }
.clearer {
        clear:both;
        line-height:0px;
        height:0px;
        font-size:0px;
}


/** a:link, * a:visited{
	font-weight:bold;
		text-decoration:none;
	color:#82dc33;
}
* a:hover, * a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#82dc33;
}*/