/* CSS Document */


BODY{
/*background-color:#454545;*/
background-color:#8c8c8c;
margin:0;
padding:0;
}

#container{
width:850px;
padding:0 0 0 0;
margin:0 0 0 0;
background-image:url(images/bg_container.jpg);
background-repeat:repeat-y;
}

#header{
background-image:url(images/bg_header.jpg);
height:119px;
padding:0 0 0 0;
margin:0 0 0 0;
}

.dom_header{
font-family:Arial, Helvetica, sans-serif;
color:#5E1C5F;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

.centr_header{
font-family:Arial, Helvetica, sans-serif;
color:#862888;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

.perm_header{
font-family:Arial, Helvetica, sans-serif;
color:#A331A6;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

.secr_header{
font-family:Arial, Helvetica, sans-serif;
color:#CC5FCF;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

.loc_header{
font-family:Arial, Helvetica, sans-serif;
color:#DB8CDD;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

#table_main{
}

#footer{
width:850px;
background-image:url(images/bg_footer.jpg);
background-position:top;
}

ul#menu1
                {
                        margin-top: 31px ;
                        margin-left: 0 ;
                        margin-right: 0 ;
                        margin-bottom: 0 ;
                        padding: 0 ;
                        list-style-type: none ;

                }

                ul#menu1 li
                {

                        margin: 10 0 0 0 ;
                        padding: 0 ;
                        height:46px;
                        background:url(images/bg_bt.jpg);

                }

                ul#menu1 li a
                {
                        display: block ;
                        height:50px;
                        margin-left:50px;
                        width:110px;
                        text-decoration: none ;
                        color: #5E1C5F;
                        font-family: Verdana, Geneva, Arial;
                        font-weight:bold;
                        font-size:13px;

                }

                ul#menu1 li a:hover
                {

                        color: #B13CC3;
                        text-decoration:none;
                        font-size:13px;
                }

                .dom{
                background-image:url(images/picto1.png);
                background-position:left;
                background-repeat:no-repeat;
                }

                .perm{
                background-image:url(images/picto2.png);
                background-position:left;
                background-repeat:no-repeat;
                }

                .sec{
                background-image:url(images/picto3.png);
                background-position:left;
                background-repeat:no-repeat;
                }

                .loc{
                background-image:url(images/picto4.png);
                background-position:left;
                background-repeat:no-repeat;
                }

                .con{
                background-image:url(images/picto5.png);
                background-position:left;
                background-repeat:no-repeat;
                }

                .info{
                background-image:url(images/picto6.png);
                background-position:left;
                background-repeat:no-repeat;
                }


.box  { padding-top: 3px; padding-bottom: 4px; padding-left: 4px }
.f08_bold { font-size: 08px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #202020; text-decoration: none }
.f09_bleu { font-size: 09px; font-family: Verdana, Geneva, Arial; color: #0000FF; text-decoration: none }
.f10 { font-size: 10px; font-family: Verdana, Geneva, Arial; color: #202020; text-decoration: none; text-indent:4.0pt; text-align:justify;}
.f10bis { font-size: 10px; font-family: Verdana, Geneva, Arial; color: #202020; text-decoration: none; text-indent:4.0pt;}
.f10_blanc { font-size: 10px; font-family: Verdana, Geneva, Arial; color: #FFFFFF; text-decoration: none }
.f10_bold { font-size: 10px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #202020; text-decoration: none }
.f18 { font-size: 18px; font-family: Verdana, Geneva, Arial; padding-top: 5px; color: #5E1C5F; }
.f22 { font-size: 22px; font-family: Verdana, Geneva, Arial; padding-top: 5px }
.f22_blanc { font-size: 22px; font-family: Verdana, Geneva, Arial; color: #FFFFFF; padding-top: 5px }
.f12 { font-size: 12px; font-family: Verdana, Geneva, Arial }
.f12_bold { font-size: 12px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #202020; text-decoration: none }
.f12_blanc { font-size: 12px; font-family: Verdana, Geneva, Arial; color: #FFFFFF; text-decoration: none }
.f12_blanc_bold { font-size: 12px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #FFFFFF; text-decoration: none }
.f14_bold { font-size: 14px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #202020; text-decoration: none }
.f10_blanc_bold { font-size: 9px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #FFFFFF; text-decoration: none }
.f10_rouge_bold { font-size: 10px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #980000; text-decoration: none }
.f10_violet_bold { font-size: 10px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #A331A6; text-decoration: none }







.box1  { padding-top: 6px; padding-bottom: 2px; padding-left: 8px }
.pave   { padding: 0px 3px }
.box2 { padding: 3px 8px 4px 12px }
.center  { padding: 2px 8px }
.f09 { font-size: 9px; font-family: Verdana, Geneva, Arial }
.f11 { font-size: 11px; font-family: Verdana, Geneva, Arial }
.f12_blanc_bold { font-size: 12px; font-family: Verdana, Geneva, Arial; font-weight: bold; color: #FFFFFF; text-decoration: none }
.f14 { font-size: 14px; font-family: Verdana, Geneva, Arial; }
.f13 { font-size: 13px; font-family: Verdana, Geneva, Arial; }
.f16 { font-size: 16px; font-family: Verdana, Geneva, Arial; color: #5E1C5F; }
.boxesp  { font-size: 10px; line-height: 14px; font-family: Verdana, Geneva, Arial; padding-top: 3px; padding-bottom: 4px; padding-left: 4px }
.fnoel    { color: #a90f4c; font-weight: bold; font-size: 18px; font-family: Times, Geneva, Arial }
.ftimes     { font-weight: normal; font-size: 18px; font-family: Times, Geneva, Arial }
.tab  { padding-left: 8px }
.titlew { color: white; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial; padding-right: 4px; padding-left: 4px }

.tableau_contenu
{
}
.tableau_menu_gauche
{
background-color:#FFFFFF;

}
.tableau_vert
{
background-color:blue;
}
/* class pour toutes les pages */

/* ici j'ai changé les titres des pages en h1, pour le design, pour épurer un peu le code et pour le référencement c'est des balises sympas... */
h1{
font-size: 18px;
font-family: Verdana, Geneva, Arial;
margin-top:20px;
margin-bottom:0;
color: #5E1C5F;
width:587px;
height:57px;
line-height:50px;
text-indent:15px;
font-weight:normal;
background-image:url(images/bg_h1.jpg);
}


/* class pour perm tel */

.tarifs_tel{
background-image:url(images/bg_table_tel.jpg);
width:325px;
height:210px;
}

/* class pour secretariat */

.bg_table_secretariat{
background:url(images/bg_table_secretariat.jpg);
width:354px;
height:333px;
}

/* class pour location de bureaux */

.bg_table_loc_bureaux{
background:url(images/bg_table_loc_bureaux.jpg);
width:348px;
height:358px;
}

/* class pour demande informations */

.bg_form{
background:url(images/bg_form_infos.jpg);
width:505px;
height:346px;
text-align:center;
background-repeat:no-repeat;
}

.bg_form form{
margin-left:15px;
}

.bg_form .input1{
border-top:1px solid #707070;
border-left:1px solid #707070;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size: 10px;
font-family: Verdana, Geneva, Arial;
color: #5E1C5F;
text-decoration: none;
text-indent:4.0pt;
text-align:justify;
}

/* class pour les tarifs */

.bg_table_tarifs{
background:url(images/bg_table_tarifsjpg.jpg);
width:333px;
height:125px;
}