/**General************************/
body     { background: #dadde2 url(../img/fond.gif) repeat-y }
#id { background-image: url(../img/fond.gif); background-repeat: repeat-y }
#tete    { background-color: white; background-image: url(../img/tete.jpg); background-repeat: no-repeat; width: 951px; height: 149px }
#conteneur           { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-image: url("../img/conteneur.jpg"); background-repeat: repeat-y; margin: auto; width: 951px; height: 100px }
html>body div#conteneur { height: auto; min-height: 400 }
#corp    { width: 951px }
/*********************************/
		
/* NAVIG Menu horizontal */
/*********************************/
#navig        { padding-top: 118px; padding-left: 230px }
#nav  { list-style: none; margin: 0; padding: 0; overflow: hidden }
#nav li    { color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 1px;  float: left }
#nav-btn1 a     { color: #fff; font: 1em/1em "Trebuchet MS", Arial, sans-serif; text-decoration: none; background-image: url(../img/btn-tete-mp45.gif); background-repeat: repeat; background-attachment: scroll; background-position: -202px 0; text-align: center; text-indent: -2000px; display: block; padding-right: 0; padding-left: 0; width: 198px; height: 31px }
#nav-btn1 a     { color: #fff; font: 1em/1em "Trebuchet MS", Arial, sans-serif; text-decoration: none; background-image: url(../img/btn-tete-mp45.gif); background-repeat: repeat; background-attachment: scroll; background-position: -202px 0; text-align: center; text-indent: -2000px; display: block; padding-right: 0; padding-left: 0; width: 198px; height: 31px }
#nav-btn1 a:hover, #navbtn1 a:focus, #navbtn1 a:active   { text-decoration: underline; background-image: url(../img/btn-tete-mp45.gif); background-attachment: scroll; background-position: 0 0 }
#nav-btn1-s   { text-decoration: underline; background-image: url(../img/btn-tete-mp45.gif); background-attachment: scroll; background-position: 0 0; text-indent: -2000px; width: 198px; height: 31px }
#nav-btn2 a       { color: #fff; font: 1em/1em "Trebuchet MS", Arial, sans-serif; text-decoration: none; background-image: url(../img/btn-tete-contact.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; text-indent: -2000px; display: block; padding-right: 0; padding-left: 0; width: 233px; height: 31px }
#nav-btn2 a:hover, #nav-btn2 a:focus, #nav-btn2 a:active     { text-decoration: underline; background-image: url(../img/btn-tete-contact.gif); background-attachment: scroll; background-position: -235px 0 }
li#nav-btn2-s  { text-decoration: underline; background-image: url(../img/btn-tete-contact.gif); background-attachment: scroll; background-position: -235px 0; width: 233px; height: 31px; text-indent: -2000px }
#nav-btn3 a        { color: #fff; font: 1em/1em "Trebuchet MS", Arial, sans-serif; text-decoration: none; background-image: url(../img/btn-tete-trouver.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; text-indent: -2000px; display: block; padding-right: 0; padding-left: 0; width: 233px; height: 31px }
#nav-btn3 a:hover, #nav-btn3 a:focus, #nav-btn3 a:active      { text-decoration: underline; background-image: url(../img/btn-tete-trouver.gif); background-attachment: scroll; background-position: -235px 0 }
li#nav-btn3-s   { background-image: url(../img/btn-tete-trouver.gif); background-position: -235px 0; width: 233px; height: 31px; text-indent: -2000px }
/*********************************/



/* colonne Gauche */
/*********************************/
#colGauche     { padding-left: 2px; width: 211px; float: left }
#menu{ list-style-type: none; margin: 0; padding: 0 0 0 0 }
#menu1  { color: #000; line-height: 30px; text-decoration: none; background-color: transparent; background-image: url("../img/btn-menu-particulier.gif"); background-attachment: scroll; background-position: -3px 0; text-indent: -2000px; display: block; width: 209px; height: 40px }
#menu1 a:hover{ background-color: transparent; background-image: url(../img/btn-menu-particulier.gif); background-attachment: scroll; background-position: -215px 0; width: 211px }
#menu1-s  { color: #000; line-height: 30px; text-decoration: none; background-image: url("../img/btn-menu-particulier.gif"); background-position: -429px 0; text-indent: -2000px; display: block; width: 209px; height: 40px }
#menu2  { color: #000; line-height: 30px; text-decoration: none; background-color: transparent; background-image: url("../img/btn-menu-indus.gif"); background-attachment: scroll; background-position: -3px 0; text-indent: -2000px; display: block; margin-top: 10px; width: 209px; height: 42px }
/*#menu2 a:hover { background-color: transparent; background-image: url(../img/btn-menu-indus.gif); background-attachment: scroll; background-position: -215px 0; width: 211px }*/
#menu2-s    { background-image: url("../img/btn-menu-indus.gif"); background-position: -429px 0; text-indent: -2000px; list-style-image: url("../img/btn-menu-indus.gif"); margin-top: 10px; width: 209px; height: 42px }
#menu3   { color: #000; line-height: 30px; text-decoration: none; background-color: transparent; background-image: url("../img/btn-menu-pro.gif"); background-attachment: scroll; background-position: -3px 0; text-indent: -2000px; display: block; margin-top: 10px; width: 209px; height: 42px }	
/*#menu3 a:hover { background-color: transparent; background-image: url(../img/btn-menu-pro.gif); background-attachment: scroll; background-position: -215px 0; width: 211px }*/
#menu3-s     { background-image: url("../img/btn-menu-pro.gif"); background-position: -429px 0; text-indent: -2000px; list-style-image: url("../img/btn-menu-indus.gif"); margin-top: 10px; width: 209px; height: 42px }
.sous-menu              { color: #c00; font-size: 11px; text-decoration: none; background-image: none !important; word-spacing: 0; letter-spacing: 0; display: block; padding-left: 5px; width: 188px }
.sous-menu p    { background-color: white; background-image: none !important; margin-bottom: 0 }
.sous-menu a             { color: #284d89; font-size: 11px; font-weight: normal; text-decoration: none; background-image: none !important; word-spacing: 0; letter-spacing: 0; display: block; margin-left: 15px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; width: 171px; border-bottom: 2px solid #fff }
.sous-menu a:hover       { color: #fff; background-color: #0b86c9; background-image: none !important; padding-left: 3px; width: 171px }
.sous-menu-s a  { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #0b86c9; background-image: none !important; display: block; margin-left: 20px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; width: 171px; border-bottom: 2px solid white }

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

/*Contenu */
/*Contenu */
/*********************************/
#contenu      { width: 738px; float: left }
#navig2 { background-color: #e3e3e3; padding-left: 20px; width: 716px; height: 20px; border-right: 2px solid #5a5a5a }
#nav2 {list-style: none; margin: 0; padding: 0; overflow: hidden;	/* Cr!"ation du contexte de formatage */}
#nav2 li  { color: #fff; margin-right: 1px; float: left }
#nav2 li a    { color: #284d89; font-size: 12px; text-decoration: none; text-align: center; display: block; margin-right: 10px; padding: 4px 0 }
#nav2 li a:hover, #nav2 li a:focus, #nav2 li a:active   { color: #900; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }


#nav2-s a, #nav2-s a:visited { color: #900; font-size: 12px; text-decoration: none }

#nav2-s a:hover { text-decoration: underline }



#nav2-s   { color: #900 !important; font-size: 12px; background-image: none; 
background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 10px !important; padding-top: 4px; padding-bottom: 4px }
/*********************************/

/*Pied */
/*********************************/
pied li { list-style-type: none; margin: 0 0 5px; padding: 0 }
#pied   { background-image: url(../img/pied.jpg); background-repeat: no-repeat; width: 951px; height: 20px }
ul#mentions  { list-style-type: none; padding-left: 420px }
ul#mentions li a { color: #06c; font-size: 12px; text-decoration: none; list-style-type: none; margin-right: 10px; float: left }
ul#mentions li  { float: left }
ul#mentions li a:hover { color: #903 }
/*Pied */


#contenu h1       { color: #910b11; font-size: 18px; font-weight: bold; padding-top: 30px; padding-right: 30px; padding-left: 30px }
#contenu h3    { color: #3e7bc0; font-size: 14px; padding-right: 30px; padding-left: 30px }
#contenu h4      { color: #933; font-size: 16px; font-weight: bold; border-bottom: 1px solid #e3e3e3 }
#contenu h5     { color: #933; font-size: 12px; font-weight: bold }
#conteneur #contenu .parag p        { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
#contenu .parag .photoDC img,#contenu .parag .photoGC img { background: #fff; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 6px; float: left; border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc }
.photoD { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; float: right }
.photoDC  { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: right }
.photoG { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; float: left }
.photoGC  { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: left }
#contenu span { color: #c33 }

#contenu .parag a, #contenu .parag a:hover   { color: #06c; font-size: 12px; text-decoration: none; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #bbcee0 }
#contenu .parag a:hover  { color: #903; border-bottom: 1px solid #903 }
#contenu .parag .lien  { margin-left: -20px }
#contenu .parag .lien img   { border-style: solid; border-color: white }
.parag   { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; clear: all   }

.liens a, .liens a:hover   { color: #06c; font-size: 12px; text-decoration: none; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #bbcee0 }
.liens a:hover  { color: #903; border-bottom: 1px solid #903 }


/*Pied */