html {font-size: 100%}
body {font-size: 12px; font-family:Verdana, Helvetica, sans-serif; padding:0; background: #666666 url(./images/fond.gif) no-repeat center top; }
img{border:0}
a{text-decoration:none; color:#000000;}
p{margin:0; padding:0}
ul{ margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
li{ margin:0; padding:0;}

/* le conteneur du corp */
div#content_body{ width:968px; height:690px; margin:0 auto; border:solid thin #000000; background:#ffffff; }

/* le menu à gauche */
div#content_menu{width:272px; height:690px;float:left; margin-left:6px;}
/*----------------------------------*/
div#menu_logo1{width:262px; padding-left:10px; padding-top:21px; height:52px;}
div#menu_logo2{width:268px; padding-top:22px; height:159px; padding-left:4px;}
div#menu{width:272px; height:43px; line-height:45px; font-size:12px; font-family:"Arial Narrow"; letter-spacing:1px;}
div#menu_logo3{width:272px; height:351px;}
div#menu_footer{width:267px; height:32px; line-height:45px; font-size:14px; letter-spacing:1px; font-family:"Arial Narrow"; font-weight:bold; padding-left:5px;}

/* le header */
div#header{width:681px; height:73px; float:left;}
div#header_slogan{width:385px; height:53px; padding-left:25px; float:left; padding-top:20px;}
div#header_slogan p{font-size:22px; font-family:"Arial Narrow";}
div#header_logo{width:270px; height:73px; float:left;}

/* le corp pour le contenu */
div#corp{width:681px; height:617px; float:left; }
div#corp_menu{width:630px; padding-top:22px; padding-right:25px;  padding-left:25px; float:left;}
div#corp_menu p{ font-family:Arial, Helvetica, sans-serif;text-align:center;  font-weight:bold;}
div#corp_menu p#titreMenu{color:#818285; letter-spacing:1px;}
div#corp_menu p#txtMenu{font-size:10px; padding-top:30px; padding-left:5px; padding-right:5px;}
div#corp_menu a{display:block; float:left; width:124px; height:115px; text-decoration:none; color:#333333;}


/*le menu*/
a#acceuil{background:url(./images/menu/borderacc.gif);  }
a:hover#acceuil{background:url(./images/menu/borderacc_hover.gif);}
a:hover#acceuil #titreMenu{color:#9933CC;}

a#presentation{background:url(./images/menu/borderpres.gif);}
a:hover#presentation{background:url(./images/menu/borderpres_hover2.gif);}
a:hover#presentation #titreMenu{color:#0066FF;}

a#realisations{background:url(./images/menu/bordereal.gif); }
a:hover#realisations{background:url(./images/menu/bordereal_hover2.gif); }
a:hover#realisations #titreMenu{color:#FF9933;}

a#equipement{background:url(./images/menu/borderequi.gif);}
a:hover#equipement{background:url(./images/menu/borderequi_hover2.gif);}
a:hover#equipement #titreMenu{color:#FF0000;}

a#contact{background:url(./images/menu/bordercon.gif)}
a:hover#contact{background:url(./images/menu/bordercon_hover2.gif)}
a:hover#contact #titreMenu{color:#333333;}


/* CSS pour le flash de l accueil*/
#corp_flash{width:670px; padding-top:50px; float:left;}
/* CSS pour la div du contenu texte*/
#corp_txt{width:630px; padding-top:40px; height:430px; padding-left:40px; float:left;}
/* CSS pour la div du contenu texte (page equipement)*/
#corp_txtequi{width:400px; padding-top:40px; height:450px; padding-left:40px; float:left;}

/* CSS pour les puces stylisées*/
ul#paragraphe1 li{ line-height:30px;}
ul#paragraphe1 li#p2t{ list-style:url(images/c_ul.gif); }
ul#paragraphe1 li#p2{ line-height:16px; padding-left:5px;}
ul#paragraphe1 p#ultitre{ font-weight:bold; text-align:center;}
ul#paragraphe1 span#ultitre2{ font-size:14px;}

/*css page realisation*/
div#content_body1{ width:968px; margin:0 auto; border:solid thin #000000; background:#ffffff; }
#corp_txt1{width:952px; margin-left:6px; float:left;}
#corp_content1{width:690px; margin-left:6px; float:left;}
div#content_menu1{width:272px;  float:left; margin-left:6px;}
div#menu1{width:220px; padding-top:5px; font-size:12px; font-family:"Arial Narrow"; letter-spacing:1px;}
div#menu1_logo3{width:220px; padding-top:5px; }
div#menu1_footer{width:220px; padding-top:5px; padding-bottom:5px; font-size:14px; letter-spacing:1px; font-family:"Arial Narrow"; font-weight:bold;}

div#corp_menu1{width:630px; padding-top:22px; padding-right:25px; height:167px; padding-left:25px; float:left;}
div#corp_menu1 p{ font-family:Arial, Helvetica, sans-serif;text-align:center;  font-weight:bold;}
div#corp_menu1 p#titreMenu1{color:#818285; letter-spacing:1px;}
div#corp_menu1 p#txtMenu1{font-size:10px; padding-top:30px; padding-left:5px; padding-right:5px;}
div#corp_menu1 a{display:block; float:left; width:126px; height:115px; text-decoration:none; color:#333333;}

a#carre_theme{width:160px; display:block; text-decoration:none; letter-spacing:1px; height:220px; float:left;  margin-right:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:18px;  margin-top:50px;}

p#theme1{color:#9933CC; font-size:18px; font-weight:bold; text-align:center;}
div#theme1{width:190px; height:170px; float:left; margin:15px; border:2px dotted #9933CC;}

p#theme2{color:#0066FF; font-size:18px; font-weight:bold; text-align:center;}
div#theme2{width:190px; height:170px; float:left; margin:15px; border:2px dotted #0066FF;}

p#theme3{color:#FF9933; font-size:18px; font-weight:bold; text-align:center;}
div#theme3{width:190px; height:170px; float:left; margin:15px; border:2px dotted #FF9933;}

p#theme4{color:#FF0000; font-size:18px; font-weight:bold; text-align:center;}
div#theme4{width:190px; height:170px; float:left; margin:15px; border:2px dotted #FF0000;}



#la_Boutique{ 
    position:absolute; top:220px; height:69px;
    margin-left:20px; z-index:999; width:651px;
    background:url(/images/boutique.jpg) no-repeat
}
#la_Boutique #commander_en_ligne{
    position:absolute; width:230px; margin-left:90px; padding-top:17px
}
#la_Boutique #boutique_pub_1{
    padding-top:3px; position:absolute; width:120px; margin-left:365px; margin-top:20px
}
#la_Boutique #boutique_pub_2{
    padding-top:4px; position:absolute; width:140px; margin-left:465px; margin-top:20px
}

a.btn_btn1{
    color:#464646; text-decoration:none; font-size:17px
}
a.btn_btn2{
    color:#464646; text-decoration:none; font-size:12px
}
a.btn_btn3{
    color:#464646; text-decoration:none; font-size:12px; font-weight:bold
}
a.btn_btn4{
    color:#464646; text-decoration:none; font-size:10px;
}