/* CSS Document - MAS Informatique par Actweb.fr */

body {
    margin: 0 0 0 0;
/*    background-color: #B30000;*/
    background-color: #FFFFFF;
   /* background-image: url(../images/interface/bg.gif);*/
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.70em;
    color: #FFFFFF;
    
}

img {
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

p {
    margin: 7px 0 9px 0;
}

a, a:link {
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    margin: 0 10px 0 10px;
    padding: 0;
    color: #FFFFFF;
}
li {
    background-image: url(../images/interface/puce-ul.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 12px;
    margin: 2px 0 0 0;
}

/******************************/
/*          GENERAUX 
/******************************/

.img-left {
    float: left;
    margin: 0 10px 2px 0;
}
.img-right {
    float: right;
    margin: 0 0 2px 10px;
}

.fl-left {
    float: left;
}
.fl-right {
    float: right;
}

.justify {
    text-align: justify;
}

.small {
    font-size: 0.90em;
}

div.blank {
    font-size: 1px;
    height: 1px;
    clear: both;
}


h1 {
    margin: 20px 0 10px 0;
    font-size: 1.20em;
    border-bottom: 1px solid #FFFFFF;
}


/******************************/
/*          CALQUES 
/******************************/

/*** MENU OFFRES ***/

#menu-offre div.smenu {
    position: absolute;
    margin: 15px 0 0 3px;
    visibility: hidden;
}
#menu-offre div.smenu table.smenu {
    width: 322px;
    border-top: 0;
    border-right: 1px solid #616161;
    border-bottom: 1px solid #414141;
    border-left: 1px solid #616161;
    background-image: url(../images/interface/css-offre-menu-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}
#menu-offre div.smenu table.smenu td {
    padding: 3px 0 2px 35px;
    border-bottom: 1px solid #414141;
    background-image: url(../images/interface/css-offre-menu-td-bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 0.90em;
    color: #B4B4B4;
}
#menu-offre div.smenu table.smenu td a, #menu-offre div.smenu table.smenu td a:link {
    color: #B4B4B4;
    text-decoration: none;
}
#menu-offre div.smenu table.smenu td a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/*** HORAIRES PRATIQUE ***/
#pratique table.horaires {
    border: 1px solid #FFCCCC;
    width: 600px;
}
#pratique table.horaires th {
    height: 35px;
    background-color: #AD0000;
    border-bottom: 1px solid #D44040;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
#pratique table.horaires td {
    border-bottom: 1px solid #D44040;
    border-left: 1px solid #D44040;
    text-align: center;
}

#pratique table.tarifs {
    border: 0;
    width: 100%;
}
#pratique table.tarifs td {
    padding: 2px 0 2px 0;
    text-align: left;
    vertical-align: top;
}
#pratique table.tarifs th {
    width: 100px;
    text-align: right;
    vertical-align: bottom;
}

#pratique a.update, #pratique a.update:link {
    text-decoration: none;
    color: #FFFFFF;
}
#pratique a.update:hover {
    text-decoration: underline;
}

/*** Cadre & Logo Flash ***/
#cadre {
    width: 740px;
}
#logo-flash {
    position: absolute;
    margin-left: 1px;


}
#sep {
    margin: 0;
    padding: 0;
    font-size: 1px;
    height: 4px;
    clear: both;
}


/******************************/
/*          CONTENEURS 
/******************************/

#conteneur {
    margin: 16px 0 0 0;
    width: 740px;
    border: 0;
}
#conteneur td.left {
    width: 362px;
    background: url(../images/interface/css-left-bg.gif) top left repeat-y;
    vertical-align: top;
    text-align: left;
}
#conteneur td.right {
    width: 388px;
    background-image: url(../images/interface/css-right-bg.gif);
    background-position: top right;
    background-repeat:repeat-y;
    vertical-align: top;
    text-align: left;
}

/*** LEFT ***/
#conteneur td.left div.logo {
    width: 352px;
    height: 315px;
    background-image: url(../images/interface/css-logo-bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#conteneur td.left div.logo .mas {
    margin: 9px 0 0 47px;
}
#conteneur td.left div.demo {
    margin: 25px 0 0 42px;
}
#conteneur td.left div.partenaires {
    margin: 0 0 0 42px;
} 


/*** RIGHT ***/
#conteneur td.right div.titre {
    width: 388px;
    height: 76px;
    background-image: url(../images/interface/css-titre-bg.gif);
    background-position: top left;
    background-repeat:no-repeat;
}
#conteneur td.right div.titre div.txt {
    padding: 40px 0 0 45px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 2.10em;
} 

/*** FOOTER ***/
#conteneur td.footer {
    vertical-align: top;
    text-align: left;
}
#footer {
    margin: 0 0 0 0px;
}
#conteneur td.footer div.competences {
    width: 319px; 
    height: 160px;
    float: left;  
}
#conteneur td.footer div.contact {
    width: 196px; 
    height: 160px;
    float: left; 
    background-color: #D90000;
}
#conteneur td.footer div.offre {
    width: 225px; 
    height: 160px;
    background-image: url(../images/interface/offre.gif);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;  
}
#conteneur td.footer div.offre div.txt {
    margin: 60px 0 0 15px;
    font-size: 1.00em;
}
#conteneur td.footer div.offre div.txt ul {
    list-style-type: none;
    margin: 0 10px 0 0px;
    padding: 0;
}
#conteneur td.footer div.offre div.txt li {
    background-image: url(../images/interface/puce-footer.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 1px 0 0 12px;
    margin: 2px 0 0 0;
}
#conteneur td.footer div.offre div.txt a, #conteneur td.footer div.offre div.txt a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#conteneur td.footer div.offre div.txt a:hover {
    text-decoration: underline;
}
#conteneur td.footer div.infos {
    width: 355px;
    height: 20px;
    float: right;
    text-align: right;
    font-size: 0.90em;
    color: #000000;
}
#conteneur td.footer div.infos a, #conteneur td.footer div.infos a:link {
/*    color: #CD5D5D;*/
	color: #000000;
    text-decoration: none;
}
#conteneur td.footer div.infos a:hover {
    text-decoration: underline;
}
#conteneur td.footer div.infos div.txt {
    padding: 1px 0 0 0;
    float: left;
}
#conteneur td.footer div.infos div.actweb {
    margin: 0 5px 0 10px;
}
#conteneur td.footer  div.coordonees {
	font-size:0.80em;
    color: #000000;
    float:left;
    padding: 1px 0 0 0;
}

/*** EXTRA ***/

#conteneur td.extra {
 background-color: #D90000;
 background-image: url(../images/interface/css-extra-bg.gif);
 background-position: top left;
 background-repeat: repeat-y;
}

/*** CONTENU ***/

#contenu {
    margin: 15px 40px 0 15px;
}

#extra {
    margin: 15px 40px 0 70px;
}

/***** CONTACT *****/
table.contact {
    width: 330px;
    margin: 0;
}
table.contact td.titre {
    padding: 15px 0 20px 0px;
    font-size: 1.20em;
    color: #FFFFFF;
    font-weight: bold;
}
table.contact td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
}
table.contact tr.error td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
}

table.contact td.required {
    width: 10px;
    font-size: 1px;
}

table.contact td.required-on {
    width: 10px;
    font-size: 1px;
    background-image: url(../images/interface/css-field-required.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
table.contact td.field {
    padding: 0 0 0 0;
}
table.contact td.field input {
    width: 205px;
    padding: 2px 0 2px 2px;
    border: 1px solid #CB0000;
    background-image: url(../images/interface/css-field-text.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.field select {
    width: 209px;
    height: 20px;
    border: 1px solid #CB0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.field textarea {
    width: 205px;
    height: 100px;
    padding: 0 0 0 2px;
    border: 1px solid #CB0000;
    background-color: #FFFFFF;
    background-image: url(../images/interface/css-field-text.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.sep {
    height: 20px;
    font-size: 1px;
}
table.contact table.button {
    width: 100%;
}
table.contact table.button input {
    width: 90px;
    height: 22px;
    border: 1px solid #CB0000;
    background-image: url(../images/interface/css-field-button.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}
table.contact table.button td.space {
    width: 120px;
}
table.contact table.button td.submit {
    width: 120px;
    text-align: left;
}
table.contact table.button td.reset {
    text-align: left;
}
table.contact tr.error {
    background-color: #333333;
}
div.error {
    background-color: #333333;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 10px 0 10px 0;
}


/******************************/
/*          MENU 
/******************************/

#menu {
    padding: 16px 0 0 40px;
    background-image: url(../images/interface/css-menu-bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

/***    ACCUEIL ***/
#accueil-off, #accueil-on {
    margin: 0 0 0 0px;
    width: 348px;
    height: 25px;
}
/* OFF */
#accueil-off a, #accueil-off a:link {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-accueil-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
#accueil-off a:hover {
    background-image: url(../images/interface/menu-accueil-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
/* ON */
#accueil-on a, #accueil-on a:link, #accueil-on a:hover {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-accueil-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}

/***    OFFRE ***/
#offre-off, #offre-on {
    margin: 0 0 0 0px;
    width: 348px;
    height: 25px;
}
/* OFF */
#offre-off a, #offre-off a:link {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-offre-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
#offre-off a:hover {
    background-image: url(../images/interface/menu-offre-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
/* ON */
#offre-on a, #offre-on a:link, #offre-on a:hover {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-offre-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
td.logo_ptt{
width:151px;
text-align:center;
}
/***    SOCIETE ***/
#societe-off, #societe-on {
    margin: 0 0 0 0px;
    width: 348px;
    height: 25px;
}
/* OFF */
#societe-off a, #societe-off a:link {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-societe-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
#societe-off a:hover {
    background-image: url(../images/interface/menu-societe-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
/* ON */
#societe-on a, #societe-on a:link, #societe-on a:hover {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-societe-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}

/***    PRATIQUE ***/
#pratique-off, #pratique-on {
    margin: 0 0 0 0px;
    width: 348px;
    height: 25px;
}
/* OFF */
#pratique-off a, #pratique-off a:link {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-pratique-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
#pratique-off a:hover {
    background-image: url(../images/interface/menu-pratique-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
/* ON */
#pratique-on a, #pratique-on a:link, #pratique-on a:hover {
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-pratique-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}

/***    ACTU ***/
#actualites-off, #actualites-on {
    margin: 0 0 0 0px;
    width: 348px;
    height: 27px;
}
/* OFF */
#actualites-off a, #actualites-off a:link {
    height: 27px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-actu-off.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
#actualites-off a:hover {
    background-image: url(../images/interface/menu-actu-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}
/* ON */
#actualites-on a, #actualites-on a:link, #actualites-on a:hover {
    height: 27px;
    padding: 0;
    margin: 0;
    display: block;
    
    background-image: url(../images/interface/menu-actu-on.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}