body{
margin:0;
padding:0;
/*background-image:url(../images/tile.jpg);*/
background-color:black;
color:#bfbdac;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
}

h1{font-size:1.7em; line-height:1.3em;}
h2{font-size:1.3em; line-height:1.7em;}

h1, h2{
color:white;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
border-bottom:2px solid #171717;
padding:12px 0 0 0;
margin: 0 0 .3em 0;
}

h3{
color:white;
font-size:.9em;
font-weight:bold;
margin:0;
padding:0;
}

a{color:#00BAF8;}


/*Bandes de couleur + Denis Paquet infographiste pigiste*****************************************/
.header{
margin: 0;
padding:0;
height:163px;
background-image:url(../images/bande_bleu.jpg);
}

.denispaquet{
background-image:url(../images/dp_bleu.jpg);
height:163px;
width:584px;
margin: 0 auto;
}

.menu{
margin: 30px 0 0 0;
background-image:url(../images/menu_bckg.gif);
height:29px;
}

/*Fin Bandes de couleur + Denis Paquet infographiste pigiste*****************************************/

/*Menu du haut*******************************************************************/
.boutons{
width:565px;
margin: 0 auto;
}

.boutons_gauche, .boutons_droit{
margin:0;
padding:0;
list-style:none;
}

.boutons_gauche li{
float:left;
display:inline;
}

.boutons_droit li{
float:right;
display:inline;
}

.boutons_gauche li, .boutons_droit li{
margin:0;
padding:0;
line-height:0;
}

.btn01down{background-image:url(../images/btn01down_bleu.gif);}
.btn02down{background-image:url(../images/btn02down_bleu.gif);}
.btn03down{background-image:url(../images/btn03down_bleu.gif);}
.btn04down{background-image:url(../images/btn04down_bleu.gif);}

/*boutons switch CSS*/
.switch_bleu{background-image:url(../images/switch_bleu.gif);}
.switch_orange{background-image:url(../images/switch_orange.gif);}
.switch_vert{background-image:url(../images/switch_vert.gif);}
.switch_rouge{background-image:url(../images/switch_rouge.gif);}

/*Fin menu du haut************************************************************/

.contenu{
width:875px;
margin:0 auto;
padding:0;
clear:both;
/*background-image:url(../images/tile_contenu.jpg);*/
border-left:1px solid #171717;
border-right:1px solid #171717;
}
.colonne_droite{width:235px;}
.colonne_gauche{width:578px;}
.colonne_gh_cur{width:407px;}
.colonne_dr_cur{width:406px;}


.colonne_droite,.colonne_dr_cur{
margin:0;
padding: 0 15px 25px 15px;
float:right;
}

.colonne_gauche,.colonne_gh_cur{
margin:0;
padding: 0 15px 25px 15px;
border-right:1px dotted #171717;
float:left;
}

.colonne_dr_cur, .colonne_gh_cur{
list-style-image:url(../images/list-image.gif);
}

.colonne_dr_cur h3, .colonne_gh_cur h3{
padding:5px 0 0 0;
}

.texte_curri{
font-size:.8em;
font-style:italic;
}

.curri_list{
margin:0;
padding:0 0 0 15px;;
font-size:.8em;
}

.services{
padding:0 0 5px 0;
float:left;
}

.services img{
padding:0 10px 0 0;
float:left;
}

.services ul{
margin: 0 0 0 30px;
}

.services li{
font-size:.8em;
margin:0;
list-style-type:none;
}

.clear{clear:both;display:inline;}

.realisations, .logos{clear:both;}

.realisations, .logos{
margin:0;
padding:0;
line-height:0;
}

.realisations li, .logos li{list-style-type:none;}

.realisations .thumb, .logos .thumb{
float:left;
padding: 0 8px 8px 0;
margin:0;
}

.realisations .thumb img{border-width:1px; border-style:solid;}


.logos img{border-color:#00BAF8;}
.realisations li img{border-color:#00BAF8;}

.texte_thumb{
padding: 0 0 0 6px;
line-height:18px;
font-size:10px;
font-weight:bold;
}

/*Formulaire*********************************************************************/
.champ_message{
width:100%;
height:200px;
}

.champ{width:200px;}

.champ_sujet{width:100%;}

.champ_message, .champ, .champ_sujet{
background-color:#2c2c2c;
color:#bfbdac;
border: 1px solid #5e5e5e;
margin: 4px 0 0 0;
}

.envoyer{
float:right;
width:64px;
height:20px;
background-image:url(../images/envoyer_bleu.gif);
background-color:black;
border:none;
cursor:pointer;
}

.asterisque{color:#00BAF8;}

/*Fin Formulaire*********************************************************************/




.footer{
background-image:url(../images/tile_contenu.jpg);
background-color:#161616;
border-top: 1px dotted #171717;
border-bottom: 1px solid #171717;
height:30px;
}

.bas_site{
padding:0;
clear:both;
}

.menu_footer{
width:850px;
margin: 0 auto;
padding:5px 0 0 15px;
list-style-type:none;
}

.menu_footer li{
float:left;
padding:0 15px 0 0;
font-size:11px;
}
.menu_footer li a{
text-decoration:none;
}