/* Feuille de style pour sodipren */
/* Généraux */
body{background-color:#70d420; margin:0; padding:10px; font-family:Helvetica,Arial,sans-serif; color:#272727; cursor:url(papillon.cur),auto; overflow:scroll;}

table{padding:auto; margin:auto; text-align:center}

#top, #main, #footer{width:1000px; height:auto}

a:link, a:hover, a:active, a:visited{text-decoration:none; cursor:url(papillon2.cur),auto}

/* images de fond et fonds */
.un_un{width:126px}
.un_deux{width:192px}
.un_trois{background-color:#fbc938; width:100%; min-width:300px; height:45px}
.un_quatre{width:182px}
.un_cinq{width:92px}

.deux_un{width:36px; height:60px}
.deux_deux{width:192px; height:60px}
.deux_trois{background-color:#fff; width:100%}
.deux_quatre{width:182px; height:60px}
.deux_cinq{width:92px; height:60px}

.trois_un{width:36px; height:21px}
.trois_deux{width:192px; height:21px}
.trois_trois{background-color:#73c82c; width:100%}
.trois_quatre{width:182px; height:21px}
.trois_cinq{width:92px; height:21px}

.quatre{background-color:#73c82c; height:30px; width:910px}

.cinq_un{height:32px}
.cinq_deux{background-color:#fff; height:32px; width:100%}
.cinq_cinq{}

.six_un{background-image:url('img/06_01.jpg'); background-position:top left; background-repeat:repeat-y; height:auto}

.six_deux{background-color:#fff}

.six_cinq{background-image:url('img/06_05.jpg'); background-repeat:repeat-y; height:auto}

.sept_un{height:29px}
.sept_deux{background-image:url('img/07_02.jpg'); background-repeat:repeat-x; height:auto}
.sept_cinq{}

.huit{text-align:center; background-color:#70d420}

.marge{background-image:url(img/site/marge.jpg); width:10px}

/* Listes et Menus */
#topmenu{text-align:left; background-color:#fff; height:40px; background:#555}

#topmenu ul, #topmenu li{display:inline; list-style-type:none; padding:0 0 0 7px; margin:0 0 0 0}

.topmenu_item{margin-right:2em; color:#70d420; font-size:11pt; text-decoration:none}

#topmenu a{}
#topmenu a:hover{color:#4894d4}

.topmenu_item:hover{}

#sep{background-image:url(img/site/sep.jpg); background-repeat:repeat-x; background-color:#fff; height:10px}

/* menu produits */
#prod_menu{height:50px; text-align:center; padding-left:20px; padding-top:5px; background-color:#fff}

.prod_menu_item{font-size:10pt; text-decoration:none; line-height:12pt; color:#fff; padding:1px; font-weight:bold}
.prod_menu_item:hover{}

.prod_menu0{background-image:url(img/site/prod_menu0.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
.prod_menu0:hover{background-image:url(img/site/prod_menu0_h.jpg); background-repeat:no-repeat}

.prod_menu1{background-image:url(img/site/prod_menu1.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}

.prod_menu1:hover{background-image:url(img/site/prod_menu1_h.jpg); background-repeat:no-repeat}

.prod_menu2{background-image:url(img/site/prod_menu2.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
.prod_menu2:hover{/*background-color:#9939b2; border:1px solid #ccc; */background-image:url(img/site/prod_menu2_h.jpg)}

.prod_menu3{/*background-color:#edc01d; */ background-image:url(img/site/prod_menu3.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu3:hover{ /*background-color:#edd044; */ background-image:url(img/site/prod_menu3_h.jpg)}

 
.prod_menu4{/*background-color:#2a64af; */ background-image:url(img/site/prod_menu4.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu4:hover{ /*background-color:#387bd1; */ background-image:url(img/site/prod_menu4_h.jpg)}

 
.prod_menu5{/*background-color:#e15c68; */background-image:url(img/site/prod_menu5.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu5:hover{ /*background-color:#f47782; */ background-image:url(img/site/prod_menu5_h.jpg)}

 
.prod_menu6{/*background-color:#75ca56; */background-image:url(img/site/prod_menu6.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu6:hover{ /*background-color:#8be36c; */  background-image:url(img/site/prod_menu6_h.jpg)}

 
.prod_menu7{/*background-color:#b5dd3e; */ background-image:url(img/site/prod_menu7.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu7:hover{ /*background-color:#c3ea4c; */ background-image:url(img/site/prod_menu7_h.jpg)}

 
.prod_menu8{/*background-color:#42b9ca; */ background-image:url(img/site/prod_menu8.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu8:hover{ /*background-color:#53cee0; */ background-image:url(img/site/prod_menu8_h.jpg)}

 
.prod_menu9{/*background-color:#e23658; */background-image:url(img/site/prod_menu9.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu9:hover{ /*background-color:#f34c6c; */  background-image:url(img/site/prod_menu9_h.jpg)}

 
.prod_menu10{/*background-color:#709db3; */background-image:url(img/site/prod_menu10.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu10:hover{ /*background-color:#8dbacf; */ background-image:url(img/site/prod_menu10_h.jpg)}

 
.prod_menu11{/*background-color:#772c8b; */background-image:url(img/site/prod_menu11.jpg); background-repeat:no-repeat; width:79px; height:40px; float:left; text-align:center; padding-top:6px}
 .prod_menu11:hover{ /*background-color:#9c41b3; */ background-image:url(img/site/prod_menu11_h.jpg)}

/* navigation */
#navig{width:200px; max-width:200px; vertical-align:top; text-align:left; padding:10px 0px 0px 20px; background-image:url(img/site/navig_top.gif); background-repeat:no-repeat}

#navig h1{text-align:left; font-weight:bold; color:#fff; font-size:12pt; padding:10px 0}

.navig0{background-color:#0d9f54}
.navig1{background-color:#fad000}
.navig2{background-color:#772c8b}
.navig3{background-color:#edc01d}
.navig4{background-color:#2a64af}
.navig5{background-color:#e15c68}
.navig6{background-color:#75ca56}
.navig7{background-color:#b5dd3e}
.navig8{background-color:#42b9ca}
.navig9{background-color:#e23658}
.navig10{background-color:#709db3}
.navig11{background-color:#5a2f77}
.naviga{background-color:#1278c8}

#navig ul{margin:0; padding:0 0 0 10px; text-align:left; list-style-image:url(img/site/puce.gif)}
#navig li{margin-bottom:20px; margin-left:0px; font-weight:bold; list-style-image:url(img/site/puce.gif)}
#navig li:hover{list-style-image:url(img/site/pucea.gif)}

.navig_item{font-size:11pt; text-decoration:none; color:#fff; margin:0; padding:0}
.navig_item:hover{text-decoration:underline}
.navig_item_active{font-style:italic; font-size:11pt; color:#fff; margin:0; padding:2px}

/* pied de page */
#footmenu{}

.footmenu_item{text-decoration:none; color:#616161; margin:1em; font-size:10pt}

.footmenu_item:hover{color:#fff}

/* Chemin */
#chemin{text-align:left; padding:0 0 0 2px;  font-size:8pt; color:#888; background-color:#eee}

#content #chemin a{font-size:8pt; color:#888; text-decoration:none}
#content #chemin a:hover{color:#555}

/*.chemin_item{font-size:8pt; color:#888; text-decoration:none}
.chemin_item:hover{color:black}
*/
/* Contenu */
#fcontent{margin:15px 10px 5px 10px; padding:0px 5px 5px 5px; background-color:#fff; width:960px}

#content{text-align:left; vertical-align:top; width:740px;  padding:0 10px; height:500px}

#content table{}

#content td{vertical-align:top; padding-right:5px; text-align:left}

h1, h2, h3, h4, p, li{padding:0; margin:0 0 10px 0}

#content h2{font-size:13pt; color:#fff; padding-left:10px; margin-top:5px; margin-bottom:15px; border-bottom:2px solid #ddd}

.h2_0{background-color:#0d9f54}
.h2_1{background-color:#f3d169}
.h2_2{background-color:#772c8b}
.h2_3{background-color:#edc01d}
.h2_4{background-color:#2a64af}
.h2_5{background-color:#e15c68}
.h2_6{background-color:#75ca56}
.h2_7{background-color:#b5dd3e}
.h2_8{background-color:#42b9ca}
.h2_9{background-color:#e23658}
.h2_10{background-color:#709db3}
.h2_11{background-color:#5a2f77}
.h2_a{background-color:#1278c8}

#content h3{font-size:12pt; padding-top:2px; margin-bottom:20px}
#content h4{font-size:10pt}

/*#content dt, #content li{font-size:10pt}
#content dd{font-size:9pt; color:#505050}
*/
#content p{font-size:10pt}

#content hr{color:#ddd; background-color:#ddd; height:1px; border:none}

#content a{text-decoration:none; color:#4894d4}

#content a:hover{color:#0074d4}
#content ul, .liste{list-style-image:url('img/puce.png'); font-size:10pt; margin:0 0 0 20px; padding:0}
#content ol{font-size:10pt; margin:0 0 0 20px; padding:0}
/*#content img{border:1px solid #ccc}
*/
#content0 img{border:2px solid #0d9f54}
#content1 img{border:2px solid #f3d169}
#content2 img{border:2px solid #772c8b}
#content3 img{border:2px solid #edc01d}
#content4 img{border:2px solid #2a64af}
#content5 img{border:2px solid #e15c68}
#content6 img{border:2px solid #75ca56}
#content7 img{border:2px solid #b5dd3e}
#content8 img{border:2px solid #42b9ca}
#content9 img{border:2px solid #e23658}
#content10 img{border:2px solid #709db3}
#content11 img{border:2px solid #5a2f77}
#contenta img{border:2px solid #1278c8}

#fiche_contact{width:100%}

#sommaire td{padding:0px; margin:5px 0 10px 0; text-align:left; height:150px}
#sommaire h3{padding-top:15px; height:60px; color:#fff}
#sommaire h3 a{color:#fff}
#sommaire h3 a:hover{color:#fff; text-decoration:underline}
#sommaire p{margin:10px}

.table_header{font-size:8pt; color:#505050; margin:0; padding:0}

#formtable{border:1px solid navy}
#formtable td{ border:1px solid #ccc; font-size:10pt}

#form_contact{width:95%; padding:10px}
#form_contact input, #form_contact textarea{color:#555; background-color:#fff8da; border:1px solid #aaa}
#form_contact input:hover, #form_contact textarea:hover{background-color:#fff; border:1px solid #888}
#form_contact label{color:#000; font-size:10pt; width:150px}
#form_contact .submit{background-color:#ffa800; font-weight:bold; border:2px solid #888;}
#form_contact .submit:hover{background-color:#ffd88e; font-weight:bold; border:2px solid #888;}
