@charset "utf-8";
/* CSS Document */

html, body, div, p, table, td, form,img, h1, h2, h3, h4, h5, h6, input,ul,li,a{
background-position:left top;
background-repeat:no-repeat;
border:0px none transparent;
font-family: "Trebuchet MS", Arial;
font-size:12px;
color:#352700;
margin:0px;
padding:0px;}
.swadwa{ color:#003D71; text-align:justify;}
#swa input { border:#7f9db9; border-style:solid; border-width:1px;}
#menu {float:left;list-style-image:none;list-style-position:outside;list-style-type:none; padding:4px 9px 0px;}
#menu li {height:22px;float:left; width:232px; text-align:center;}
#menu li #qsn,#menu li #np,#menu li #nsf,#menu li #ct{display:block; height:22px;text-align:center; margin:0 auto; font-size:0px;}
#menu li #qsn:hover ,#menu li #np:hover ,#menu li #nsf:hover ,#menu li #ct:hover { background-position:bottom left;}
#menu li #qsn.selected,#menu li #np.selected,#menu li #nsf.selected,#menu li #ct.selected { background-position:bottom left;}
#menu li #qsn {background:url(http://www.coeurdelait.ma/images/medel1/qui-sommes-nous.gif) no-repeat top left; width:144px;}
#menu li #np {background:url(http://www.coeurdelait.ma/images/medel1/nos-produits.gif) no-repeat top left;width:104px;}
#menu li #nsf {background:url(http://www.coeurdelait.ma/images/medel1/notre-savoir-faire.gif) no-repeat top left; width:145px;}
#menu li #ct {background:url(http://www.coeurdelait.ma/images/medel1/contact.gif) no-repeat top left; width:67px;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#left-menu {list-style-image:url(http://www.coeurdelait.ma/images/medel1/puce.gif);padding:5px 0px 0px 10px;}
#left-menu li {margin-bottom:22px;list-style-image:url(http://www.coeurdelait.ma/images/medel1/puce.gif)}
#left-menu a { color:#015083; font-size:15px; font-weight:bold; text-decoration:none;}
#left-menu .sous-menu {list-style-image:none;list-style-position:outside;list-style-type:none;}
#left-menu .sous-menu a {color:#bb2c00; font-size:11px; font-weight:bold;text-decoration:none;}
#left-menu .sous-menu a.selected {color:#ed1c24; font-size:12px;}
#left-menu .sous-menu li {margin-bottom:0px;list-style-image:none;}
#left-menu .sousmenu {display:none;}
/**********tab orange*********/
#orange-tab #top-tab {height:55px; background:url(http://www.coeurdelait.ma/images/medel1/tab/tab-bg-top.gif) repeat-x top left; width:745px; float:left}
#orange-tab #top-tab #left-top-tab {float:left; width:40px; height:55px; background-image:url(http://www.coeurdelait.ma/images/medel1/tab/tab-left-top.gif);}
#orange-tab #top-tab #right-top-tab {float:right; width:29px; height:55px; background-image:url(http://www.coeurdelait.ma/images/medel1/tab/tab-right-top.gif);}
#orange-tab #down-tab {height:28px; background:url(http://www.coeurdelait.ma/images/medel1/tab/tab-bg-down.gif) repeat-x top left; width:745px;float:left}
#orange-tab #down-tab #left-down-tab {float:left; width:40px; height:28px; background-image:url(http://www.coeurdelait.ma/images/medel1/tab/tab-left-down.gif);}
#orange-tab #down-tab #right-down-tab {float:right; width:29px; height:28px; background-image:url(http://www.coeurdelait.ma/images/medel1/tab/tab-right-down.gif);}
#orange-tab #ct1 {width:745px;float:left; background:url(http://www.coeurdelait.ma/images/medel1/tab/left-1.gif) repeat-y top left;}
#orange-tab #ct1 #ct2 {float:left; background:url(http://www.coeurdelait.ma/images/medel1/tab/right-1.gif) repeat-y top right; width:742px;}
#orange-tab #ct1 #ct2 #contenu-tab{float:left; background:#fff796 url(http://www.coeurdelait.ma/images/medel1/tab/bg-tab.gif) repeat-x top left; width:699px;padding:0px 0px 0px 40px !important; padding:0px 0px 0px 0px; min-height:359px;}
#orange-tab #top-tab h1 {color:#ed1c24; font-size:20px; padding:16px 50px 0px;}
#orange-tab #ct1 #ct2 #contenu-tab #zone-produit {width:246px;float:right;border-left:1px dashed #cdb75c; margin-left:12px;}

/* for Internet Explorer */
/*\*/
* html #orange-tab #ct1 #ct2 #contenu-tab {
height: 359px;
}
/**/


/**********tab orange*********/
body {background-color:#85bc00;}
#all {background:#ffffff url(http://www.coeurdelait.ma/images/medel1/bg1.gif) repeat-x top left;}
#all #div1-top {width:949px; margin:0 auto; padding-top:2px;}
#all #div1-top #top {background:#ffffff url(http://www.coeurdelait.ma/images/medel1/top.jpg) no-repeat top left;height:258px; width:949px;}
#all #div1-top #top #small-menu {width:362px; padding:5px 11px 0px 576px; height:15px; float:left;}
#all #div1-top #top #small-menu #print {float:left; height:15px; padding:0px 11px 0px 19px; width:45px; background:url(http://www.coeurdelait.ma/images/medel1/print.gif) no-repeat center left;}
#all #div1-top #top #small-menu #map {float:left; height:15px; padding:0px 11px 0px 19px; width:60px;background:url(http://www.coeurdelait.ma/images/medel1/maps.gif) no-repeat center left;}
#all #div1-top #top #small-menu #search {float:left; height:15px; width:122px;} 

#all #div1-top #top #small-menu #accueil{float:left; height:15px; padding:0px 7px 0px 19px; width:45px; background:url(http://www.coeurdelait.ma/images/medel1/accueil.gif) no-repeat 0px 1px;}

#all #div1-top #top #small-menu a {text-decoration:none; font-family:Arial; font-size:10px; color:#005185;}
#all #div1-top #top #small-menu #search #sub {background: transparent url(http://www.coeurdelait.ma/images/medel1/search.gif) no-repeat center left; height:15px; width:15px;}
#all #div1-top #top #small-menu #search #zoneS {width:103px;height:15px; border:0; background-color:#ffffff;}
#all #div1-top #logo {height:196px; float:left; width:677px; padding-left:272px;}
#all #div1-top #ct-menu {height:39px; float:left; width:949px;margin-top: -11px;}

/***************************conetnu*************************/
#all #div1-top #contenu {width:915px; padding:37px 20px 0px 14px; float:left; background-color:#ffffff;}
#all #div1-top #contenu #div-menu-left {float:left; width:170px;}
.orange-plus {font-size:13px; font-weight:bold; float:right; color:#ff7200; text-decoration:none}
/***************************conetnu*************************/

/***************************down*************************/
#all #div1-down {background:url(http://www.coeurdelait.ma/images/medel1/bg2.gif) repeat-x bottom left; height:252px; width:100%;}
#all #div1-down  #div2-down {width:949px; margin:0 auto;height:252px;background:url(http://www.coeurdelait.ma/images/medel1/bg-down.gif) repeat-x top left;}
#all #div1-down  #div2-down #left-down {background:#ffffff url(http://www.coeurdelait.ma/images/medel1/left-down.gif) no-repeat bottom left;height:221px; width:24px; float:left;}
#all #div1-down  #div2-down #right-down {background:#ffffff url(http://www.coeurdelait.ma/images/medel1/right-down.gif) no-repeat bottom left;height:221px;width:24px; float:left;}
#all #div1-down  #div2-down #sysnek {width:949px; height:23px; float:left; text-align:center; padding-top:8px;}
#all #div1-down  #div2-down #sysnek a {text-decoration:none; color:#ffffff;}
h1.produitsT {color:#84bc00; font-size:15px; padding-left:33px; padding-bottom:20px;}
div.tab-s-pro {float:left; background-image:url(http://www.coeurdelait.ma/images/medel1/small-tab.gif); width:200px; height:57px; position:relative;}
div.tab-s-pro a.title-prod {display:block; color:#ed1c24; font-size:16px; font-weight:bold;padding:16px 0px 16px 86px; text-decoration:none;}
.prod1 {margin-right:22px;}
.prod2 {margin-right:50px;}
.prod3 {margin-right:29px;}
#all #div1-down  #div2-down #div2-list-pro {float:left; padding:0px 0px 6px 2px;width:899px;}
#all #div1-down  #div2-down #div2-list-pro #act {color:#015993;font-size:15px; padding-left:17px;}
#all #div1-down  #div2-down #div2-list-pro #zone-act {width:249px; height:49px; background-image:url(http://www.coeurdelait.ma/images/medel1/Sans-titre-1.gif); color:#206593; padding:16px 17px 7px 17px; line-height:14px; float:left}
#all #div1-down  #div2-down #div2-list-pro #zone-act .texte-act {color:#206593; text-decoration:none;}
#all #div1-down  #div2-down #div2-list-pro #zone-act .suite {color:#0098ff; text-decoration:none;float:right;}

#all #div1-down  #div2-down #div2-list-pro #m1 {width:84px; height:72px; background-image:url(http://www.coeurdelait.ma/images/medel1/m1.gif); float:left; margin-left:18px;}
#all #div1-down  #div2-down #div2-list-pro #m2 {width:84px; height:72px; background-image:url(http://www.coeurdelait.ma/images/medel1/m2.gif); float:left; margin-left:21px;}
#all #div1-down  #div2-down #div2-list-pro #m3 {width:84px; height:72px; background-image:url(http://www.coeurdelait.ma/images/medel1/m3.gif); float:left; margin-left:17px;}
#all #div1-down  #div2-down #div2-list-pro #m4 {width:84px; height:72px; background-image:url(http://www.coeurdelait.ma/images/medel1/m4.gif); float:left; margin-left:17px;}
#all #div1-down  #div2-down #div2-list-pro #m5 {width:84px; height:72px; float:left; margin-left:17px;}
#all #div1-down  #div2-down #div2-list-pro #m6 {width:84px; height:72px; float:left; margin-left:19px;}
#all #div1-down  #div2-down #div2-list-pro #m1 a,#all #div1-down  #div2-down #div2-list-pro #m2 a,#all #div1-down  #div2-down #div2-list-pro #m3 a,#all #div1-down  #div2-down #div2-list-pro #m4 a{ text-decoration:none; display:block;color:#206593; font-size:11px; font-weight: bold;padding:40px 0px 0px 9px;}

/***************************down*************************/

.interne-div-contenu * {color:#003d71;}
.interne-div-contenu div,.interne-div-contenu p {text-align:justify}
.interne-div-contenu ul { padding-left:16px;}
.interne-div-contenu h1 {color:#019A48;font-size:20px;margin-bottom: 10px;font-size:24px;}
h2,.interne-div-contenu h2 {color:#53bde7; font-size:16px; text-transform:capitalize;}
h3 {color:#b12b08;font-size:13px;margin-bottom: 10px;}

/**********************Plan de site*********************/
.planS li {list-style-type: none; list-style-image: none; list-style-position: outside;}
.planS li a {color: #53BDE7;font-size:16px;font-weight:bold;}
.planS li .sous-planS {margin-left: 20px; list-style-type: none; list-style-image: none; list-style-position: outside}
.planS li .sous-planS li a {color: #003D71; text-decoration: none;font-size:12px;font-weight:bold;}
/**********************Plan de site*********************/
ul.puce {list-style-image:url(http://www.coeurdelait.ma/images/point.gif)}
