/*|||||||||||||||||||||||||||| GENERAL |||||||||||||||||||||||||||*/ 

body {

margin : 0; 

padding : 0; 

font : 11px/17px verdana, sans-serif; 

color : #414a76; 

} 

a {
	outline: none;
}

p {

clear : both; 

padding : 10px 0 0; 

margin : 0; 

text-align : justify; 

} 

h1 {

clear : both; 

margin : 0; 

padding : 10px 0 0; 

font : bold 18px Arial, sans-serif; 

} 

h2 {

clear : both; 

margin : 0; 

padding : 15px 0 0; 

font : bold 16px Arial, sans-serif; 

} 

h3 {

clear : both; 

margin : 0; 

padding : 15px 0 0; 

font : bold 14px Arial, sans-serif; 

} 

table {

clear : left; 

color : #000000; 

margin : 0; 

padding : 0; 

} 

form {

margin : 0; 

padding : 0; 

} 

img {

border : 0; 

text-align : center; 

} 

hr {

clear : both; 

margin-top : 10px; 

border : 1px solid #414a76;

} 

.erreur {

color : #990000; 

font : 18px Arial, sans-serif; 

} 

.modif {

color : #006633; 

font : 20px Arial, sans-serif; 

} 

.coin-gauche {

float : left; 

} 

.coin-droite {

float : right; 

} 

a {

color : #ff5c01; 

text-decoration : underline; 

} 

a:hover {

text-decoration : none; 

} 

fieldset {

margin:0;

padding:0;

border:none;

}



/*|||||||||||||||||||||||||||| conteneurs |||||||||||||||||||||||||||*/ 



#conteneur {

margin-left : auto; 

margin-right : auto; 

width : 758px; 

margin-top : 5px; 

background : url(../images/degrad.png) repeat-y; 

} 

#top {

height : 30px; 

background : url(../images/top.gif) repeat-x; 

} 

#logo {

margin : 0 5px; 

background : url(../images/degrad-logo.png) repeat-x bottom left; 

} 

#logo img {

margin : 5px 0 15px 20px; 

} 

#entete {

clear : both; 

margin-left : auto; 

margin-right : auto; 

width : 758px; 

height : 150px; 

background : #cc0033 url(../images/garage.jpg) no-repeat 30px 50%; 

} 

#page {

margin : 0 5px; 

} 

#contenu {

position : relative; 

float : left; 

width : 568px; 

min-height : 380px; 

background : url(../images/ligne-droite.png) repeat-y top right; 

padding-bottom : 20px; 

} 

* html #contenu {

position : relative; 

float : left; 

width : 568px; 

height : 380px; 

background : url(../images/ligne-droite.png) repeat-y top right; 

padding-bottom : 20px; 

} 

#contenu-top img {

float : right; 

} 

#contenu-top {

height : 43px; 

background : url(../images/contenu.png) repeat-x top; 

} 

#courbe {

height : 43px; 

background : url(../images/courbe.png) no-repeat top right; 

} 

#menu {

float : left; 

width : 180px; 

} 

* html #menu {

float : left; 

width : 180px; 

height : 360px; 

} 

#menu-top {

height : 30px; 

background : url(../images/departement.png) no-repeat top left; 

} 



/*|||||||||||||||||||||||||||| pied de page |||||||||||||||||||||||||||*/ 



#footer {

clear : left; 

margin : 0 5px; 

padding : 23px 0 0 10px; 

height : 22px; 

background : url(../images/foot.png) repeat-x left top; 

color : #ffffff; 

font : 11px Verdana, sans-serif; 

} 

#footer a {

text-decoration : underline; 

color : #ffffff; 

letter-spacing : 0; 

} 

#footer a:hover, #footer a:focus {

text-decoration : none; 

} 

#footer span {

font-weight : bold; 

} 

.infoot {

padding-top : 2px; 

float : left; 

} 

#footer img {

margin : 0; 

padding : 0; 

float : right; 

display : block; 

} 

#ddc {

margin-right : auto; 

margin-left : auto; 

padding-top : 5px; 

color : #999999; 

font : 11px Verdana, sans-serif; 

text-align : center; 

} 

#ddc a {

text-decoration : underline; 

color : #999999; 

} 

#ddc a:hover, #ddc a:focus {

text-decoration : none; 

} 

#top div {

float : right; 

padding : 6px 5px 0 0; 

font : 10px Verdana, sans-serif; 

color : #ffffff; 

} 

#top a {

text-decoration : none; 

color : #ffffff; 

} 

#top a:hover, #ddc a:focus {

text-decoration : underline; 

} 



/*|||||||||||||||||||||||||||| menu vertical |||||||||||||||||||||||||||*/ 



#menu ul {

padding : 0; 

margin : 0; 

list-style : none; 

} 

#menu li {

padding : 0; 

background : url(../images/menu/pointi.png) repeat-x left bottom; 

} 

#menu li a {

height : 60px; 

text-decoration : none; 

color : #0c2087; 

display : block; 

} 

#menu p {

padding : 3px 0 0; 

margin : 0 0 0 50px; 

text-align : left; 

color : #6e7b83; 

font : bold 18px Arial, sans-serif; 

} 

#menu .gris {

padding : 3px 0 0; 

font : bold 18px Arial, sans-serif; 

} 

#menu span {

font : 9px Arial, sans-serif; 

color : #6e7b83; 

margin : 0 0 0 50px; 

text-align : left; 

display : block; 

} 

.tel a {

background : url(../images/menu/teleph-0.gif) no-repeat 0% 10%; 

} 

.tel a:hover, .tel a:focus {

background : url(../images/menu/teleph-1.gif) no-repeat 0% 10%; 

} 

.bureau a {

background : url(../images/menu/bureautique-0.gif) no-repeat 0% 10%; 

} 

.bureau a:hover, .bureau a:focus {

background : url(../images/menu/bureautique-1.gif) no-repeat 0% 10%; 

} 

.av a {

background : url(../images/menu/auditorium-0.gif) no-repeat 0% 10%; 

} 

.av a:hover, .av a:focus {

background : url(../images/menu/auditorium-1.gif) no-repeat 0% 10%; 

} 

.it a {

background : url(../images/menu/internet-0.gif) no-repeat 0% 10%; 

} 

.it a:hover, .it a:focus {

background : url(../images/menu/internet-1.gif) no-repeat 0% 10%; 

}

/*.immo a {

background : url(../images/menu/immobilier-era-0.gif) no-repeat 0% 10%; 

} 

.immo a:hover, .immo a:focus {

background : url(../images/menu/immobilier-era-1.gif) no-repeat 0% 10%; 

}

.shop a {

background : url(../images/menu/button.jpg) no-repeat 0% 10%; 

} 

.shop a:hover, .immo a:focus {

background : url(../images/menu/buttonsurvol.jpg) no-repeat 0% 10%; 

}*/

.contact a {

background : url(../images/menu/contact-0.gif) no-repeat 0% 10%; 

} 

.contact a:hover, .contact a:focus {

background : url(../images/menu/contact-1.gif) no-repeat 0% 10%; 

} 

body#telephonie .tel a {

background : url(../images/menu/teleph-1.gif) no-repeat 0% 10%; 

} 

body#bureautique .bureau a {

background : url(../images/menu/bureautique-1.gif) no-repeat 0% 10%; 

} 

body#audio-video .av a {

background : url(../images/menu/auditorium-1.gif) no-repeat 0% 10%; 

} 

body#internet .it a {

background : url(../images/menu/internet-1.gif) no-repeat 0% 10%; 

} 

body#contact .contact a {

background : url(../images/menu/contact-1.gif) no-repeat 0% 10%; 

} 



/*|||||||||||||||||||||||||||| menu horizontal |||||||||||||||||||||||||||*/ 



#courbe dl {

margin : 3px 0 0; 

padding : 0; 

float : left; 

} 

#courbe dt {

margin : 0; 

padding : 0; 

} 

#courbe dt a {

width : 80px; 

height : 23px; 

text-decoration : none; 

color : #ffffff; 

font : bold 11px/9px arial, sans-serif; 

letter-spacing : 0; 

text-align : center; 

display : block; 

background : url(../images/menu/menu-bleu.png) no-repeat left bottom; 

} 

#courbe dt a:hover, #courbe dt a:focus {

background : url(../images/menu/menu-orange.png) no-repeat left bottom; 

} 

#courbe .simple {

padding-top : 8px; 

display : block; 

} 

#courbe .double {

padding-top : 3px; 

display : block; 

} 

.tel-a #tel-a, .tel-b #tel-b, .messagerie #messagerie, .cti #cti, .sans-fil #sans-fil, .winback #winback, .tel-contact #tel-contact, .bureau-accueil #bureau-accueil, .fax #fax, .gsm #gsm, .services #services, .bureau-contact #bureau-contact, .a-v-accueil #a-v-accueil, .conference #conference, .tableaux #tableaux, .projecteur #projecteur, .automatisation #automatisation, .camera #camera, .a-v-contact #a-v-contact, .it-accueil #it-accueil, .eservice #eservice, .dev #dev, .formation #formation, .logiciel #logiciel, .it-contact #it-contact, .c-contact #c-contact {

background : url(../images/menu/menu-orange.png) no-repeat left bottom; 

} 



/*|||||||||||||||||||||||||||| Accueil |||||||||||||||||||||||||||*/ 



.degrad-acc {

height : 6px; 

margin-right : 8px; 

background : url(../images/degrad-acc.png) repeat-x 0% 25%; 

} 

.acc-logo {

width : 200px; 

padding : 65px 10px 10px; 

float : left; 

} 

.acc-texte {

width : 310px; 

padding : 0 10px 4px; 

margin : 25px 8px 10px 0; 

float : left; 

text-align : justify; 

border-left : 1px dashed #999999; 

} 



/*|||||||||||||||||||||||||||| MISE EN FORME |||||||||||||||||||||||||||*/ 



.boite {

clear : both; 

padding : 0 20px 10px; 

margin-right : 8px; 

} 

.bleu {

color : #3399cc; 

font : 10px verdana, sans-serif; 

} 

.bleu a {

color : #3399cc; 

text-decoration : underline; 

} 

.bleu a:hover, .bleu-clair a:focus {

text-decoration : none; 

} 

.bleu span {

float : left; 

padding-top : 10px; 

display : block; 

} 

.orange {

color : #ff5c01; 

} 

.droite {

float : right; 

padding : 5px 0 10px 20px; 

} 

.gauche {

float : left; 

padding : 5px 20px 10px 0; 

} 

.pdf {

clear : left; 

width : 220px; 

border : 1px dashed #414a76; 

margin : 10px 0 0; 

padding : 3px; 

text-align : left; 

font : 11px/150% verdana, sans-serif; 

background : #e0f3ff url(../images/icone/pdf.jpg) no-repeat right bottom; 

} 

.liste {

padding-top : 10px; 

} 

.liste ul {

margin : 0 0 0 20px; 

padding : 0; 

} 

.liste li {

margin : 0; 

padding : 0; 

} 

.float-right, .messagerie-right {

float : right; 

padding-top : 10px; 

display : block; 

} 

.float-left, .messagerie-left, .dim-left {

float : left; 

padding-top : 10px; 

display : block; 

} 

.float-left ul, .float-right ul {

margin : 0; 

padding : 0 0 0 15px; 

} 

.float-left li, .float-right li, .messagerie-left li, .messagerie-right li, .dim-left li, .dim-right li {

margin : 0; 

padding : 0 0 1px; 

} 

.messagerie-left ul, .messagerie-right ul {

margin : 0; 

padding : 0 0 0 15px; 

width : 320px; 

} 

.dim-right {

float : right; 

width : 300px; 

padding-top : 10px; 

display : block; 

} 

.dim-left {

float : left; 

width : 300px; 

padding-top : 10px; 

display : block; 

} 

.dim-left ul, .dim-right ul {

margin : 0; 

padding : 0 0 0 15px; 

} 

.donnee {

padding-top : 10px; 

font : bold 12px verdana, sans-serif; 

color : #3399cc; 

text-align : center; 

} 

.donnee table {

margin : 0 auto; 

padding : 0; 

font : 11px/17px verdana, sans-serif; 

color : #414a76; 

} 

.donnee td {

border-bottom : 1px dashed #3399cc; 

} 

.donnee th, .tabimg th {

background : #3399cc; 

font : bold 11px/17px verdana, sans-serif; 

color : #ffffff; 

} 

.tabimg {

font : bold 12px verdana, sans-serif; 

color : #3399cc; 

text-align : center; 

margin : 10px auto 0; 

padding : 0; 

} 

.petit {

font : 9px arial, sans-serif; 

text-align : left; 

} 

.g {

text-align : left; 

} 

.image-centre, .element-centre {

clear:both;

margin : 10px auto 0; 

display : block; 

} 

.pub {

padding-top : 10px; 

font : bold 12px verdana, sans-serif; 

color : #414a76; 

text-align : center; 

} 

.pub table {

margin : 0 auto; 

padding : 0; 

font : 10px verdana, sans-serif; 

color : #414a76; 

} 

.pub td {

vertical-align : top; 

text-align : center; 

} 

.pub th {

background : #3399cc; 

font : bold 11px verdana, sans-serif; 

color : #ffffff; 

} 

.asterisque {

font : 9px arial, sans-serif; 

text-align : left; 

color : #999999; 

} 

.centre {

margin : 0 auto; 

display : block; 

} 

.ref {

float : left; 

margin : 0; 

padding : 35px 0 0 10px; 

font : bold 16px Arial, sans-serif; 

display : block; 

} 

.offre-conteneur {

clear : left; 

width : 440px; 

margin : 10px auto 0; 

} 

.offre {

float : left; 

width : 110px; 

text-align : center; 

} 

.offre a, .offre-centre a {

color : #ff5c01; 

text-decoration : none; 

font-weight : bold; 

} 

.offre a:hover, .offre-centre a:hover {

text-decoration : none; 

} 

.bleu-offre a {

color : #414a76; 

font-weight : bold; 

text-decoration : none; 

} 

.bleu-offre a:hover {

text-decoration : none; 

} 

.offre-centre {

margin : 10px auto 0; 

width : 110px; 

text-align : center; 

} 

.retour {

position : absolute; 

bottom : 5px; 

left : 20px; 

display : block; 

} 

.bas-droite {

position : absolute; 

bottom : 5px; 

right : 28px; 

display : block; 

} 

.fleche {

clear : both; 

height : 23px; 

background : url(../images/internet/ref.gif) no-repeat left bottom; 

margin : 10px 0 0; 

padding : 10px 0 0 32px; 

font : bold 16px Arial, sans-serif; 

display : block; 

} 

.hebergement {

clear : both; 

height : 20px; 

background : url(../images/internet/hebergement_puce.gif) no-repeat left bottom; 

margin : 10px 0 0; 

padding : 10px 0 0 32px; 

font : bold 16px Arial, sans-serif; 

display : block; 

}



/*|||||||||||||||||||||||||||| CONTACT |||||||||||||||||||||||||||*/



.demande {margin-top:10px;}

.demande table {

width:100%;

font : 10px verdana, sans-serif; 

color : #414a76;

padding:2px;

margin:0;

border-collapse:collapse;

}

select { font : 10px verdana, sans-serif;}

.demande INPUT {width:130px;margin:0;border:1px solid #999999;}

TEXTAREA {width:99%;border:1px solid #999999;}



.box {

margin-top:10px;

}

.box p {

margin:0;

padding:0;

font : 12px verdana, sans-serif; 

color : #414a76;

}



.Tbox {

margin-top:10px;

padding:1px 0 1px 5px;

font :bold 14px arial, sans-serif; 

color : #ffffff;

background-color: #0C569F;

}