/* CSS Document */

/************************************************************************************************************************
*
*  DEFINITION GENERALE
*
*/

* {
font-family: Verdana;
font-size: 11px;
color: black;
text-align: left;
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
margin-bottom: 12px;
background-color: rgb(200,200,200);
/*background-image: url(../../images/design/bleu/bg-image.jpg);*/
background-repeat: repeat;
text-align: center;
color: black;
}

h1 {
margin: 0;
padding: 0;
font-family: Verdana;/*"Freshbot";*/
font-size: 12px;
color: #eeede6;
}

h2 {
background-image: url(../../images/design/bleu/bg_h3.gif);
background-repeat: repeat-x;
color: white;
height: 18px;
padding-top: 2px;
padding-left: 4px;
}

h2.orange {
background-image: url(../../images/design/bleu/souscouleur/orange/bg_h3.gif);
background-repeat: repeat-x;
color: white;
height: 18px;
padding-top: 2px;
padding-left: 4px;
}

h2.vert {
background-image: url(../../images/design/bleu/bg_h3.gif);
/* Mis en commentaire le tps de faire le changment sur toutes les pages
background-image: url(../../images/design/bleu/souscouleur/vert/bg_h3.gif);*/
background-repeat: repeat-x;
color: white;
height: 18px;
padding-top: 2px;
padding-left: 4px;
}

h2.violet {
background-image: url(../../images/design/bleu/souscouleur/orange/bg_h3.gif);
/* Mis en commentaire le tps de faire le changment sur toutes les pages
background-image: url(../../images/design/bleu/souscouleur/violet/bg_h3.gif);*/
background-repeat: repeat-x;
color: white;
height: 18px;
padding-top: 2px;
padding-left: 4px;
}

h2 * {
color: white;
}

c3 {
color: rgb(0,126,187);
}

c3.orange {
color : rgb(232,186,28)
}

c3.vert {
color: rgb(0,126,187)
/* Mis en commentaire le tps de faire le changment sur toutes les pages
color: rgb(0,153,51);*/
}

c3.violet {
color : rgb(232,186,28)
/* Mis en commentaire le tps de faire le changment sur toutes les pages
color: rgb(153,51,153);*/
}

a,a:link,a:active,a:visited,a:hover {
font-family: Verdana;
text-decoration: none;
font-weight: bold;
text-decoration: none;
color: rgb(0,126,187);
}

input {
color: black;
}

img {
max-width: 600px;
}

ul {
margin: 0;
padding: 0;
list-style: none url();
}

select {
width: 100px;
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/*
*
*************************************************************************************************************************/
/************************************************************************************************************************
*
*  DEFINITION DE LA PAGE
*
*/

div#rectangle_gris {
padding: 0;
margin: 0;
padding-top: 6px;
width: 900px;
height: 20px;
margin-left: auto;
margin-right: auto;
}

div.onglet {
position: relative;
width: 102px;
height: 20px;
padding: 0;
margin: 0;
padding-top : 0px;
text-align: center;
background-repeat: no-repeat;
font-weight: bold;
font-size: 10px;
}

div.onglet_particulier_off {
margin-left: 10px;
left : 677px;
background-image: url(../../images/design/bleu/onglet_blanc.png);
float: left;
}

div.onglet_particulier_on {
margin-left: 10px;
left : 677px;
background-image: url(../../images/design/bleu/onglet_bleu.png);
float: left;
}

div.onglet_particulier_on a {
color: white;
}

div.onglet_particulier_off:hover {
background-image: url(../../images/design/bleu/onglet_bleu.png);
}

div.onglet_particulier_off:hover a {
color: white;
}

div.onglet_pro_off {
margin-right: 10px;
background-image: url(../../images/design/bleu/onglet_blanc.png);
float: right;
}

div.onglet_pro_on {
margin-right: 10px;
background-image: url(../../images/design/bleu/onglet_bleu.png);
float: right;
}

div.onglet_pro_on a {
color: white;
}

div.onglet_pro_off:hover {
background-image: url(../../images/design/bleu/onglet_bleu.png);
}

div.onglet_pro_off:hover a {
color: white;
}

div#page {
margin: 0;
padding: 0;
width: 940px;
background-image: url(../../images/design/bleu/page_repeat.png);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

div#page_entete {
margin: 0;
padding: 0;   
background-position: center;
background-image: url(../../images/design/bleu/entete_site.jpg);
background-repeat: no-repeat;
height: 200px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

div#page_mnugauche {
margin: 0;
padding: 0;
float: left;
width: 155px;
}

div.page_vue {
margin: 0;
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 6px;
margin-right: 6px;
text-align: left;
float: left;
width: 617px;
vertical-align: bottom;
}

div.page_vue_bleu {
/*background-image: url(../../images/design/bleu/page_vue_repeat.jpg);
background-repeat: repeat-y;*/
border: thin rgb(0,0,0) solid;
}

div.page_vue_orange {
/*background-image: url(../../images/design/bleu/souscouleur/orange/page_vue_repeat.jpg);
background-repeat: repeat-y;*/
border: thin rgb(0,0,0) solid;
}

div.page_vue_vert {
/*background-image: url(../../images/design/bleu/souscouleur/vert/page_vue_repeat.jpg);
background-repeat: repeat-y;*/
border: thin rgb(0,0,0) solid;
}

div.page_vue_violet {
/*background-image: url(../../images/design/bleu/souscouleur/violet/page_vue_repeat.jpg);
background-repeat: repeat-y;*/
border: thin rgb(255,255,0) thin;
}



div#page_mnudroit {
margin: 0;
padding: 0;
margin-right: -10px;
float: right;
width: 155px;
text-align: right;
}

div#page_pied {
margin: 0;
padding: 0;
height: 130px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-position: center;
background-image: url(../../images/design/bleu/footer_site.jpg);
background-repeat: no-repeat;
}
/*
*
*************************************************************************************************************************/
/************************************************************************************************************************
*
*  DEFINITION DES MENUS
*
*/
a.menu_lien {
font-family: Verdana;
text-decoration: none;
color: rgb(0,0,0);
font-weight: normal;
}

a.menu_lien:link,a.menu_lien:active,a.menu_lien:visited {
text-decoration: none;
color: rgb(0,0,0);
font-weight: normal;
}

a.menu_lien:hover {
text-decoration: none;
color: rgb(0,126,187);
font-weight: normal;
}

div.menu_entete {
margin: 0;
padding: 0;
padding-top: 3px;
margin-bottom: -2px;
height: 18px;
width: 155px;
text-align: center;
}

h1.menu_titre {
color: white;
}

a.lien_rubrique:link,a.lien_rubrique:active,a.lien_rubrique:visited {
text-decoration: none;  
color: white;
font-size: 12px;
font-weight: normal;
}

a.lien_rubrique:hover {
color: rgb(0,126,187);
font-size: 12px;
font-weight: normal;
}

ul.menu_liste {
margin: 0;
padding: 0;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 3px;
padding-right: 13px;
list-style: none url();
font-size: 13px;
}

div.menu_pied {
margin: 0;
padding: 0;
height: 12px;
width: 155px;
text-align: center;
}

/*
* Spécificité du menu gauche
*/
div.menu_entete_mnugauche {
margin-left: -10px;
padding-left: 12px;
background-repeat: no-repeat;
}

div.menu_entete_mnugauche_bleu {
background-image: url(../../images/design/bleu/entete_menu_gauche.png);
}

div.menu_entete_mnugauche_vert {
background-image: url(../../images/design/bleu/souscouleur/vert/entete_menu_gauche_vert.png);
}

div.menu_entete_mnugauche_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/entete_menu_gauche_orange.png);
}

div.menu_entete_mnudroit_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/entete_menu_droit_orange.png);
}

div.menu_entete_mnugauche_violet {
background-image: url(../../images/design/bleu/souscouleur/violet/entete_menu_gauche_violet.png);
}

ul.menu_liste_mnugauche {
background-repeat: repeat-y;
margin-left: -10px;
}

ul.menu_liste_mnugauche_bleu {
background-image: url(../../images/design/bleu/menu_repeat_gauche.png);
}
span.menu_style_bleu {
float: left;
padding: 0;
margin: 0;
height: 13px;
width: 10px;
background-image: url(../../images/design/bleu/menu_style.jpg);
background-repeat: no-repeat;
background-position: left center;
}

ul.menu_liste_mnugauche_vert {
background-image: url(../../images/design/bleu/souscouleur/vert/menu_repeat_gauche_vert.png);
}
span.menu_style_vert {
float: left;
padding: 0;
margin: 0;
height: 13px;
width: 10px;
background-image: url(../../images/design/bleu/souscouleur/vert/menu_style.jpg);
background-repeat: no-repeat;
background-position: left center;
}

ul.menu_liste_mnugauche_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/menu_repeat_gauche_orange.png);
}
span.menu_style_orange {
float: left;
padding: 0;
margin: 0;
height: 13px;
width: 10px;
background-image: url(../../images/design/bleu/souscouleur/orange/menu_style.jpg);
background-repeat: no-repeat;
background-position: left center;
}


ul.menu_liste_mnugauche_violet {
background-image: url(../../images/design/bleu/souscouleur/violet/menu_repeat_gauche_violet.png);
}
span.menu_style_violet {
float: left;
padding: 0;
margin: 0;
height: 13px;
width: 10px;
background-image: url(../../images/design/bleu/souscouleur/violet/menu_style.jpg);
background-repeat: no-repeat;
background-position: left center;
}

ul.menu_liste_mnugauche li { 
margin: 0;
padding: 0;
margin-left: 11px;
padding-top: 1px;
padding-bottom: 1px;
}


div.menu_pied_mnugauche {
background-image: url(../../images/design/bleu/pied_menu_gauche.png);
background-repeat: no-repeat;
margin-left: -10px;
}

div.menu_pied_mnugauche_bleu {
background-image: url(../../images/design/bleu/pied_menu_gauche.png);
}

div.menu_pied_mnugauche_vert {
background-image: url(../../images/design/bleu/souscouleur/vert/pied_menu_gauche_vert.png);
}

div.menu_pied_mnugauche_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/pied_menu_gauche_orange.png);
}

div.menu_pied_mnugauche_violet {
background-image: url(../../images/design/bleu/souscouleur/violet/pied_menu_gauche_violet.png);
}
/*
* Spécificité du menu droit
*/
div.menu_entete_mnudroit {
padding-left: 4px;
background-repeat: no-repeat;
}

div.menu_entete_mnudroit_bleu {
background-image: url(../../images/design/bleu/entete_menu_droit.png);
}

ul.menu_liste_mnudroit {
background-repeat: repeat-y;
}

ul.menu_liste_mnudroit_bleu {
background-image: url(../../images/design/bleu/menu_repeat_droit.png);
}

ul.menu_liste_mnudroit li { 
margin: 0;
padding: 0;
margin-left: 5px;
}

ul.menu_liste_mnudroit li img { 
margin: 0;
padding: 0;
margin-left: -7px;
border: none;
}


div.menu_pied_mnudroit {
background-repeat: no-repeat;
}

div.menu_pied_mnudroit_bleu {
background-image: url(../../images/design/bleu/pied_menu_droit.png);
}

/*
*
*************************************************************************************************************************/
/************************************************************************************************************************
*
*  DEFINITION DE LA VUE GENERIQUE
*
*/

div.vue_entete_generique_fond {
margin: 0;
padding: 0;
width: 100%;
height: 30px;
}

div.vue_entete_generique_fond_bleu {
background-image: url(../../images/design/bleu/vue_entete_generique_fond.jpg);
background-repeat: repeat-x;
}

div.vue_entete_generique_fond_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/vue_entete_generique_fond.jpg);
background-repeat: repeat-x;
}

div.vue_entete_generique_fond_vert {
background-image: url(../../images/design/bleu/souscouleur/vert/vue_entete_generique_fond.jpg);
background-repeat: repeat-x;
}

div.vue_entete_generique_fond_violet {
background-image: url(../../images/design/bleu/souscouleur/violet/vue_entete_generique_fond.jpg);
background-repeat: repeat-x;
}


span#vue_entete_generique_image {
margin: 0;
padding: 0;
height: 30px;
width: 150px;
background-image: url(../../images/design/bleu/vue_entete_generique_image.jpg);
float: left;
}

span.vue_entete_generique_image_bleu {
margin: 0;
padding: 0;
height: 30px;
width: 150px;
background-image: url(../../images/design/bleu/vue_entete_generique_image.jpg);
float: left;
}


span.vue_entete_generique_titre {
margin: 0;
padding: 0;
padding-right: 5px;
padding-top: 3px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
height: 30px;
width: 467px;
text-align: right;
float: right;
color: white;
}

span.vue_entete_generique_titre_bleu {
/*background-image: url(../../images/design/bleu/vue_entete_generique_titre.jpg);
background-repeat: no-repeat;*/
}

span.vue_entete_generique_titre_orange {
/*background-image: url(../../images/design/bleu/souscouleur/orange/vue_entete_generique_titre.jpg);
background-repeat: no-repeat;*/
}

span.vue_entete_generique_titre_vert {
/*background-image: url(../../images/design/bleu/souscouleur/vert/vue_entete_generique_titre.jpg);
background-repeat: no-repeat;*/
}

span.vue_entete_generique_titre_violet {
/*background-image: url(../../images/design/bleu/souscouleur/violet/vue_entete_generique_titre.jpg);
background-repeat: no-repeat;*/
}

div.vue_descriptif_generique {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 3 10 10;
font-size: 11px;
min-height: 50px;
margin-bottom: 2px;
background-position: 3 10;
}

div.vue_descriptif_generique_bleu {
/*background-color: rgb(217,236,245);
background-image: url(../../images/design/bleu/vue_description_image.jpg);
background-repeat: no-repeat;*/
color: black;
border: 3px rgb(0,126,187) solid
}

div.vue_descriptif_generique_orange {
/*background-color: rgb(255,215,235);
background-image: url(../../images/design/bleu/vue_description_image.jpg);
background-repeat: no-repeat;*/
color: black;
border: 3px rgb(232,186,2) solid;
}

div.vue_descriptif_generique_vert {
/*
background-image: url(../../images/design/bleu/vue_description_image.jpg);
background-repeat: no-repeat;*/
color: black;
border: 3px rgb(0,102,0) solid;
}

div.vue_descriptif_generique_violet {
/*background-color: rgb(216,176,255);
background-image: url(../../images/design/bleu/vue_description_image.jpg);
background-repeat: no-repeat;*/
color: black;
border: 3px rgb(0,0,153) solid;
}




div#vue_contenu_generique {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 3 3 3 3;
font-size: 11px;
margin-bottom: 2px;
color: black;
}

div.vue_pied_generique {
margin: 0;
padding: 0;
width: 100%;
height: 20px;
}

div.vue_pied_generique_bleu {
background-image: url(../../images/design/bleu/vue_pied_generique.jpg);
background-repeat: no-repeat;
}

div.vue_pied_generique_orange {
background-image: url(../../images/design/bleu/souscouleur/orange/vue_pied_generique.jpg);
background-repeat: no-repeat;
}

div.vue_pied_generique_vert {
background-image: url(../../images/design/bleu/souscouleur/vert/vue_pied_generique.jpg);
background-repeat: no-repeat;
}

div.vue_pied_generique_violet {
background-image: url(../../images/design/bleu/souscouleur/violet/vue_pied_generique.jpg);
background-repeat: no-repeat;
}

/*
* Entete de vues specifique
*/
/*Les actualités*/
div.vue_entete_news_fond {
margin: 0;
padding: 0;
width: 100%;
height: 180px;
}

span#vue_entete_news_particulier {
margin: 0;
padding: 0;
width: 290px;
float: left;
}

div#vue_entete_news_particulier_titre {
margin: 0;
padding: 0;
width: 290px;
height: 90px;
background-image: url(../../images/design/bleu/vue_entete_news_particulier.jpg);
background-repeat: no-repeat;
border-bottom: rgb(0,0,0) ridge;
}

span#vue_entete_news_pro {
margin: 0;
padding: 0;
width: 290px;
float: right;
}

div#vue_entete_news_pro_titre {
margin: 0;
padding: 0;
width: 290px;
height: 90px;
background-image: url(../../images/design/bleu/vue_entete_news_pro.jpg);
background-repeat: no-repeat;
border-bottom: rgb(0,0,0) ridge;
}

div.vue_entete_news_pro_particulier_contenu {
margin: 0;
padding: 0;
width: 290px;
height: 70px;
background-image: url(../../images/design/bleu/vue_entete_news_pro_particulier_contenu.jpg);
background-repeat: repeat-y;
}

div.vue_entete_news_pro_particulier_pied {
margin: 0;
padding: 0;
width: 290px;
height: 20px;
background-image: url(../../images/design/bleu/vue_entete_news_pro_particulier_pied.jpg);
background-repeat: no-repeat;
}

div#vue_contenu_news_domotique {
margin: 0;
padding: 0;
width: 617px;
height: 120px;
background-image: url(../../images/design/bleu/vue_contenu_news_domotique.jpg);
background-repeat: no-repeat;
}

div#vue_contenu_news_informatique {
margin: 0;
padding: 0;
width: 617px;
height: 120px;
background-image: url(../../images/design/bleu/vue_contenu_news_informatique.jpg);
background-repeat: no-repeat;
}

div#vue_contenu_news_audiovisuel {
margin: 0;
padding: 0;
width: 617px;
height: 120px;
background-image: url(../../images/design/bleu/vue_contenu_news_audiovisuel.jpg);
background-repeat: no-repeat;
}

/*Les objectifs*/
span.vue_entete_competences_image_bleu {
margin: 0;
padding: 0;
height: 80px;
width: 150px;
background-image: url(../../images/design/bleu/vue_entete_competences_image.jpg);
float: left;
}

/*Les informatiques*/
span.vue_entete_informatique_image_orange {
margin: 0;
padding: 0;
height: 80px;
width: 150px;
background-image: url(../../images/design/bleu/souscouleur/orange/vue_entete_informatique_image.jpg);
float: left;
}

div.vue_descriptif_informatique_formations {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 12px;
min-height: 67px;
margin-bottom: 2px;
}

div.vue_descriptif_informatique_formations_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_info_formation.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_depannage_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_depannage_info.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_securite_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 15 20;
background-image: url(../../images/design/bleu/entete_securite_info.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_installation_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_installation_info.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_conseils_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_conseils_info.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_maintenance_particulier_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_info_maint_part.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_maintenance_pro_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_info_maint_pro.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_sauvegarde_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_info_sauvegarde.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_voip_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 3;
background-image: url(../../images/design/bleu/entete_info_voip.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_videoip_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 3;
background-image: url(../../images/design/bleu/entete_info_videoip.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_informatique_creation_site_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/logo_firefox.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div#menu_gauche_logo_informatique {
margin: 0;
margin-left: -10px;
padding: 0;
height: 90px;
width: 155px;
background-image: url(../../images/design/bleu/logo_cesu.png);
background-repeat: no-repeat;
}

/*Les audiovisuels*/
span.vue_entete_audiovisuel_image_vert {
margin: 0;
padding: 0;
height: 80px;
width: 150px;
background-image: url(../../images/design/bleu/souscouleur/vert/vue_entete_audiovisuel_image.jpg);
float: left;
}

div.vue_descriptif_audiovisuel_conseils_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_conseils.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
/*border: 3px rgb(0,153,51) solid;*/
}

div.vue_descriptif_audiovisuel_installation_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 130;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_install.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_audiovisuel_calibration_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_calibration.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_audiovisuel_multiroom_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_multiroom.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_audiovisuel_mediacenter_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 135;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 25;
background-image: url(../../images/design/bleu/entete_av_mediacenter.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_audiovisuel_telecommande_uni_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 130;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_tel_univ.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}


div.vue_descriptif_audiovisuel_integration_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 120;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_av_integration.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_audiovisuel_entreprise_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 130;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 15;
background-image: url(../../images/design/bleu/entete_av_entreprise.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}



/*Les domotiques*/
span.vue_entete_domotique_image_violet {
margin: 0;
padding: 0;
height: 80px;
width: 150px;
background-image: url(../../images/design/bleu/souscouleur/violet/vue_entete_audiovisuel_image.jpg);
float: left;
}

div.vue_descriptif_domotique_presentation_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 6 7;
background-image: url(../../images/design/bleu/entete_domotique_pres.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}


div.vue_descriptif_domotique_economies_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_domotique_pres.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_domotique_etude_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_domotique_etude.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}

div.vue_descriptif_domotique_entreprise_orange {
margin: 0;
margin-left: 20px;
margin-right: 20px;
padding: 8 20 10 110;
font-size: 11px;
min-height: 67px;
margin-bottom: 2px;
background-position: 3 10;
background-image: url(../../images/design/bleu/entete_domotique_etude.jpg);
background-repeat: no-repeat;
color: black;
border: 3px rgb(232,186,28) solid;
}


/* Mails */
div#contenu_mail {
margin: 0;
padding: 0;
margin-left : 25px;
margin-top: 50px;
font-size: 12px;
padding-left: 20px;
padding-right: 20px;
}


/*Sondage*/
div.barre_grise {
margin: 0;
padding: 0;
text-align: center;
height: 15px;
width: 100%;
background-image: url(../../images/design/bleu/barre_sondage_gris.jpg);
background-repeat: repeat-x;
}

div.barre_bleu {
margin: 0;
padding: 0;
height: 15px;
text-align: center;
color: white;
font-weight: bold;
background-image: url(../../images/design/bleu/barre_sondage_bleu.jpg);
background-repeat: repeat-x;
}



/*
*
*************************************************************************************************************************/

div#contacter {
margin: 0;
padding: 0;
padding-top: 15px;
padding-left: 13px;
position: relative;
left: 685px;
top: 1px;
width: 210px;
height: 123px;
background-image: url(../../images/design/bleu/contacter.jpg);
background-repeat: no-repeat;
font-family: Verdana;
font-size: 24px;
color: rgb(255,255,204);
}

.spacer {
clear: both;
}

table.liste_facture {
  margin : 0;
  padding : 0;
  border: thin rgb(0,0,0) ridge;
  width: 100%;
}

table.liste_facture tr {
  margin : 0;
  padding : 0;
}

td.ligne_bleu {
  margin : 0;
  padding : 0;
  padding-top : 2px;
  padding-bottom : 2px;
  padding-left : 4px;
  background-color: rgb(236,249,255);
}
td.ligne_blanche {
  margin : 0;
  padding : 0;
  padding-top : 2px;
  padding-bottom : 2px;
  padding-left : 4px;
  background-color: rgb(255,255,255);
}
td.ligne_bleu_telecharger {
  margin : 0;
  padding : 0;
  text-align: center;
  background-color: rgb(236,249,255);
}
td.ligne_blanche_telecharger {
  margin : 0;
  padding : 0;
  text-align: center;
  background-color: rgb(255,255,255);
}