/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*FIN CSS RESET*/


body{
   background:repeat fixed #fff top left;
   margin:0px;
   padding:0px;
   height:100%;
   width:100%;   
   font-family:arial;
}


#header{
   background:#000;  
   height:26px;
   line-height:26px;
   overflow:hidden;
   font-size:0.8em;
   padding:4px 0 0 0;   
   display: none; 
}

#topmenu{
  padding:5px 0 0 0;  
  width:855px;
  margin:0 auto; 
  text-align:right;

}

#bula {
  height:47px;
  line-height:47px;
  background:#8dc641;   
  position:relative;
  border-bottom: 6px solid white;
  
}

#bula_content{
   width:855px;
   margin:0 auto;  
   position:relative;
   text-align: center;
   
 
}

#bula_content #reseaux { position: absolute; top:0px; margin-left: 765px;}
#bula_content #reseaux li{ display: inline;padding-right: 1px;}

#logo{


   border:none;
}
#recherche, #recherche2{ position:absolute; top:0; z-index:99; margin-left:515px; margin-top:-8px;}
#recherche input[type=text], #recherche2 input[type=text]{ border:1px solid #999;}
#recherche input[type=image], #recherche2 input[type=image]{ position:absolute;top:18px; left:130px;}
#recherche input[type=image], #recherche2 input[type=image], x:-moz-any-link, x:default{ left:150px;}

#menu{

   padding:0px 0 0 0;
   text-transform: uppercase;
   position: absolute; top: 0px;

}
#menu li{ list-style: none;float: left;margin-left: 20px;  padding-bottom:1px; }
#menu li a{ color: #fff; font-weight: bold; display: block; float: left;  text-decoration: none;}


.firstlvl {margin:0; right:0px;list-style:none; height:47px; line-height:47px; position:relative; z-index:500;  font-size:1.1em;     font-family:'helvetica Neue', helvetica, arial, sans-serif;}
.firstlvl li {display:block; float:left; height:47px; line-height:47px;}
.firstlvl li a {display:block; float:left; padding:0px; height:47px; line-height:47px; color:#fff; text-decoration:none; font-weight:bold; font-family:'helvetica Neue', helvetica, arial, sans-serif}


.firstlvl li a img{height:11px;}




table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.firstlvl a:hover {visibility:visible; position:relative; z-index:200;}
.firstlvl li:hover{position:relative; z-index:200;background:url(../images/menu_on.gif) no-repeat 0px 21px;}

/* keep the 'next' level invisible by placing it off screen. */
.firstlvl ul, 
.firstlvl :hover ul ul, 
.firstlvl :hover ul :hover ul ul,
.firstlvl :hover ul :hover ul :hover ul ul,
.firstlvl :hover ul :hover ul :hover ul :hover ul ul
/*, .menu_about ul*/ {
   position:absolute; left:-8000px;
   width:0; height:0; margin:0; padding:0; list-style:none;
   top:31px;
   z-index:99;
   font-family:'helvetica Neue', 'arial narrow', arial, sans-serif;
   font-size:0.9em;
   font-weight:normal;
}

.firstlvl :hover ul.sub {left:0; top:32px; white-space:nowrap; width:120px; height:auto; z-index:300;}

.firstlvl :hover ul.sub li {
   display:block; 
   height:20px; 
   float:left; 
   width:120px;
   background:url(../images/submenu_middle-trans.png) repeat-y top left; 

   line-height:24px;
   height:24px;
   padding:0px 18px 1px 4px;
   font-weight:normal;
}



.firstlvl :hover ul.sub li a {
   display:block; 
   position:relative; 
   background:#00aeef; 
   padding:0 0 0 8px;
   height:24px;
   line-height:24px;
   width:99px;
   margin:0px;
   color:#fff;
   text-decoration:none;
   font-weight:normal;

   }
.firstlvl :hover ul.sub li a:hover{   
   background:#fff; 
   color:#8CC642;
   font-weight:bold;
   padding:0 0 0 8px;
   }
 

.firstlvl :hover ul.sub :hover > a {color:#fff;}
body{ background:url(../images/fond.jpg)!important;}



.firstlvl :hover ul :hover ul,
.firstlvl :hover ul :hover ul :hover ul,
.firstlvl :hover ul :hover ul :hover ul :hover ul,
.firstlvl :hover ul :hover ul :hover ul :hover ul :hover ul
{left: 109px; top:0px; white-space:nowrap; width:120px; z-index:400; height:auto; font-size:1em; margin:0;}


.firstlvl :hover ul.sub :hover ul li
{background:none;}

.firstlvl :hover ul.sub li.sub_start{
   display:block;  
   padding:2px 18px 1px 4px;
   background:url(../images/submenu_top-trans.png) no-repeat top left; 
}

.firstlvl :hover ul.sub li.sub_end{
   display:block;  
   height:40px;
   background:url(../images/submenu_bottom-trans.png) no-repeat top left; 
}

.firstlvl :hover ul.sub li.sub_end a{
   background:none;
}





/*PRODUCTS SUB MENU*/
.firstlvl :hover ul.product {left:0; top:32px; white-space:nowrap; width:220px; height:auto; z-index:300;}

.firstlvl :hover ul.product li {
   display:block; 
   height:20px; 
   float:left; 
   width:220px;
   background:url(../images/mie/submenu_middle_prod-trans220.png) repeat-y top left; 
   line-height:24px;
   height:24px;
   padding:0px 18px 1px 4px;
   font-weight:normal;
}

.firstlvl :hover ul.product li a {
   display:block; 
   position:relative; 
   background:#00aeef; 
   padding:0 0 0 8px;
   height:24px;
   line-height:24px;
   width:187px;
   margin:0px;
   color:#fff;
   text-decoration:none;
   font-weight:normal;

   }
.firstlvl :hover ul.product li a:hover {   
   background:#fff no-repeat top left; 
   color:#8CC642;
   font-weight:bold;
   padding:0 0 0 8px;
   }

.firstlvl :hover ul.product :hover > a {color:#fff;}






.firstlvl :hover ul.product :hover ul li
{background:none;}

.firstlvl :hover ul.product li.sub_start{
   display:block;  
   padding:2px 18px 1px 4px;
   background:url(../images/mie/submenu_top_prod-trans220.png) no-repeat top left; 
}

.firstlvl :hover ul.product li.sub_end{
   display:block;  
   height:40px;
   background:url(../images/mie/submenu_bottom_prod-trans220.png) no-repeat top left; 
}

.firstlvl :hover ul.product li.sub_end a{
   background:none;
}







ul.firstlvl > li{
   list-style-type:none;
   margin:0px 0 -11px 0;
   padding:3px 5px 0 13px; 
   display:block; 
   float:left; 
   position:relative;
}

/*.menu_about :hover ul li
{margin:0 0 0 0px;}*/

/* common styling */
.mymenu { width:125px; height:auto; position:relative; margin:0; padding:0px;font-family:'Helvetica Neue', Helvetica, arial, sans-serif;}
.mymenu ul li a, .mymenu ul li a:visited {display:block;font-family:'Helvetica Neue', Helvetica, arial, sans-serif;  text-decoration:none; color:#000; width:117px; height:24px; height:24px; padding:0 0 0 8px; color:#fff; font-size:12px; letter-spacing:-0.05px; }
.mymenu ul {padding:0; margin:0;list-style-type: none; }
.mymenu ul li {float:left; margin-right:1px; position:relative; background:#8CC642;  width:125px;line-height:24px; height:24px; margin:0 0 1px 0; }
.mymenu ul li ul {display: none;}

/* specific to non IE browsers */
.mymenu ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:120px; height:auto; font-size:1em; margin:0 0 0 0px; border-left:1px solid #e9e4e4;}

.mymenu ul li:hover ul li:hover a.hide {width:120px;}
.mymenu ul li:hover ul li ul {display: none;}
.mymenu ul li:hover ul li a {display:block; width:120px;}



ul.menu_about .fade1{
   background:#c4daa6;   
}

ul.menu_about .fade2{
   background:#d6dfc6;
}


.mymenu ul.menu_about li a:hover{
   background: #fff no-repeat top left; 
   display:block;
   line-height:24px;
   height:24px;
   color:#8CC642;
   font-weight:bold;
   
   
}*/

.subactive {   
	backgroun-image:none;
   background-color:#fff; 
   color:#8CC642;
   font-weight:bold;
   }
/*================================================================*/


ul li a.active, ul li a.active:hover, .firstlvl :hover ul.sub li a.active, .firstlvl :hover ul.sub li a.active:hover{
   background:url(../images/menu_blue_on.png) #00aeef no-repeat top left; 
   font-weight:bold;
   color:#fff;
}




#container{
   background:#fff;
   width:835px;
   margin: 10px auto;
   padding:10px;
   
}

#menu_container{
  width:125px;
  float:left; 
  margin:0 10px 0 0;
    
}

#text_container{
   float:left;
   width:700px;  
   height:283px;
}

#text_container_press{
   float:left;
   width:700px;  
}

.green #text_container_press{
float:none;
width:100%;
   
   
}
#text_plain_full{
   width:100%; 
   height:380px;

}
#text_plain_container{
   width:100%; 
}




h1{
   background:#8cc642;
   padding:0px 0 0 25px;
   text-transform:uppercase;
   height:16px;
   font-size:0.9em;
   color:#fff;
 	text-align:center;
   
   /*font-weight:bold;*/
   /*font-family: 'arial narrow', 'helvetica neue', arial, sans-serif;*/
}

.terms .titre{
	background: none;
	color: #8cc642;
	text-decoration:none; font-size:30px; text-align: left;
}

.terms #content{ padding-top:10px;}
.terms .list_contact, .terms .titre{ padding-left:10px;}
.terms .list_contact{ padding:20px 20px 25px 10px;}

#text_container_press h1{
   background:#8cc642 no-repeat 15px 5px;
   padding:6px 0 0 5px;
   line-height:18px;
   height:16px;
   /*font-weight:bold;*/
   /*font-family: 'arial narrow', 'helvetica neue', arial, sans-serif;*/
   
}
#content{
   padding:0px 0px 5px 0px;
   margin:0px 0 0 0;  
   overflow:hidden;

}

img.my_img{
   float:left;
   width:415px;   
   height:280px;
   margin:0 0px 0px 0;
}
#text{
   float:right;
   padding:0;
   width:270px;
   font-size:0.9em;
   color:#8cc642;
}


#text_event #text{
   float:left; 
   width:295px;
  
}

#text div{
   height:238px;
   overflow:auto; 
   border:1px solid #000;
   margin:8px 0 0 0;
   padding:5px;
}
#text_press div.press{
   width:61px;
   height:77px;
   overflow:hidden;
   margin:0px;
   padding:0px;
   float:left;  
   border:1px solid #000; 
}

#text_press{
   float:right;
   width:275px;
  
}

#text_press div{
   margin:8px 0 0 0;
    overflow:auto;
       height:438px;

}

#zone{
  width:855px;
  margin:0 auto;
}

#zone .case{

   width:257px;
   height:196px;
   background:#fff;
   float:left;
   margin:0 0px 11px 11px;
   padding:10px;
   cursor: pointer;
   
   
}
#zone .pos-1
{
	 margin-left: 0px;
}

#zone h1{
   background: #8dc643 no-repeat 0px 5px;
   padding:4px 0 0 5px;
   margin:0px 0 5px 0;
   font-size:0.9em;
}
#zone .case:first-child{

  
   
}

.news{
   background:#b2b2b2;
   width:100%;
   height:143px;   
}

.pics{
   width:100%;
   height:143px;  
   background:#fff; 
   padding:0 0 2px 0;
}

.pics div{
   width:63px;
   height:71px;
   background:#e6e6e6; 
   float:left;  
   margin:1px 0px 0px 1px;
   overflow:hidden;
}

.pics div img{
  width:63px;
  height:71px; 
}

.anim{
   background:#000;
   width:100%;
   height:143px;    
}


#footer{
   width:855px;
   margin:25px auto;
}

.sep{
   width:252px;
   margin:11px 0px 0 0;
   border-bottom:1px #000 dashed;   
   float:left;
}

.f_content{
  width:335px;
  float:left; 
  font-size:0.9em;
  margin:0 4px 0 12px;  
}

.f_content span{
   width:78px;
   padding:5px 0 0 0;
   float:left;   
}

.f_content span.asep{
   width:15px;
   padding:5px 0 0 0;
   float:left;   
}
.contactmsg{
	float:right;
	text-align:right;
	width:200px;
	padding-top:2px;
	padding-bottom:4px;
	}
.f_content input, .contact input{
   font-size:0.8em;
   padding:2px 0px 3px 6px;  
   width:140px; 
   background:#000;
   color:#9FCF67;
   float:left;
   font-family:'Helvetica Neue', Helvetica, arial, sans-serif;
   border:1px solid #8CC642;
}

.f_content input#submit, .contact input#submit{
   background:#8CC642;
   color:#fff; 
   float:left;
   width:80px; 
   padding:2px 0px 1px 3px;  
}

.f_content form{
   float:left;
   width:240px;   
}

.my_img_event{
   width:557px;
   height:358px;
}
.download{
   width:268px;
   float:left;
   margin:0px 0 40px 0px;   
   overflow:hidden;
}

.download .my_img_dwn{
  width:180px; 
  height:120px;
}
#text_event{
   width:575px;
   float:left;  
 
}

#menu_event, #menu_dwn{
   width:260px;
   float:left;
}

#menu_event ul,  #menu_dwn ul, ul.menu_event{
   margin:5px 0 0 0;
   font-size:0.70em;
   overflow:auto;
   height:525px;
   width:258px;
}
#menu_dwn ul{
   border-top:1px solid #000;
   width:260px;
}
#menu_event ul li,  #menu_dwn ul li, ul.menu_event li{
  /* height:35px;*/
   width:241px;
   display:block;
   float:none;
   overflow:hidden;
}
#menu_dwn ul li{
   border:1px solid #000;
   border-top:0;
   width:258px;
   float:left;
}

#menu_event ul li a,  ul.menu_event li a{
    padding:5px 0px 5px 5px; 
    display:block;  
    /*height:26px;*/
    color:#000;
    width:100%;


}

#menu_dwn ul li a{
    padding:5px; 
    display:block;  
    height:40px;
    width:100%;
    color:#8ac53e;
    font-weight:bold;
    overflow:hidden;
    text-decoration:none;
    font-size:1.1em;
    font-family:'helvetica Neue', 'arial narrow', arial, sans-serif;


}

#menu_dwn ul li a:hover, #menu_dwn ul li:hover{
    display:block;  
    color:#fff;
    background:#00aeef;
    font-weight:bold;
    text-decoration:none;
    border-color:#00aeef;

}

#menu_event ul li a, ul.menu_event  li a{
   text-decoration:none;
}

#menu_event ul a:hover, #menu_event ul li:hover, ul.menu_event a:hover, ul.menu_event  li:hover {
   background:#8CC642;
}



#text_event #content{
   padding:8px 8px 8px 0;
   height:458px;

}


#text_event #content2{
   padding:8px;
   height:508px;
   background:#fff;
   margin: 5px 10px 0 0;
   overflow:auto;

}

#menu_event span, #text_links span{
   float:left;   
   margin:0 5px 0 0;
}

#menu_event span.title_news{
   width:210px; 
   margin:0px;  
}
#menu_event h1, #menu_dwn h1{
   background: #8cc642 no-repeat 0px 5px;
   padding:6px 0 0 0px;
   line-height:18px;
   height:16px;
   font-size:0.9em;

   /*font-weight:bold;*/
   /*font-family: 'arial narrow', 'helvetica neue', arial, sans-serif;*/
}



h2{
   margin:15px 0;
   width:280px;
   padding:0px;
   float:left;
   display:block;
   overflow:hidden;
}





.border{
   border:1px solid #000;   
}

.header_menu, ul.menu_about a.header_menu:hover{
   background:#00aeef;
   color:#fff;   
   font-weight:normal;
}





.my_img_magazine{
   width:404px;
   height:467px;
   overflow:hidden;
   float:left;

}
.end{
   
clear:both;

}


#container.green{
   background:#a1c174;   
}


.green #menu_container ul.menu_about li{
   background:white;   
}


.green #menu_container ul.menu_about li a{
   color:#8CC642;
}


.green #menu_container ul.menu_about li a.header_menu{
   color:#fff;   
}


.green #menu_container ul.menu_about .fade1{
   background:#a0c86d;   
}

.green #menu_container ul.menu_about .fade2{
   background:#a0c571;
}


.col{
   width:311px;
   float:left;   
   margin:10px 15px 10px 0;
   font-size:0.8em;
}

.green .col{
   width:311px;
   float:left;   
   margin:10px 15px 10px 0;
   font-size:0.8em;
}
.first_col{
   width:311px;
   float:left;   
   margin:10px 15px 10px 100px;
   font-size:0.8em;
   }
.green_logo{
   margin:20px 15px;
   display:block;
      
}

.col p{
   padding:10px 0 0 0;   
}



* { behavior: url(/app/js/iepngfix.htc); }


#flash{
   width:100%;
   text-align:center;   
   height:796px;
   display:block;
}

#blog{
   width:100%;
   text-align:center;   
   height:500px;
   display:block;
   overflow:hidden;}

#myblog{
   overflow:hidden;   
}
#topmenu2{
   width:855px;
   margin: 0 auto;   
}


.contact{
   float:right; 
   width:230px;  
   padding:2px 0 0 0;
}

.contact img{
   float:left; 
   margin:0 5px 0 0;
   position:relative;
   top:-3px;  
}

.nav_top{
   float:left; 
   width:300px;  
   padding:5px 0 0 0;
}

.cnews h1{
   color:#8cc642;   
}

.cnews h1 a{
   color:#000;
   text-decoration:none; 
}


#text_event #content{
   border:1px solid #000;
   margin:5px 0 0 0;
   padding:8px;
   width:545px;  
   min-height:510px;
   height:auto;
}

#menu_event ul{
   border:1px solid #000;
}



.aboutus embed{
   float:left;  
   margin:15px 0 0 0; 
}

#text #home{
   border:none;
   color:#000;
   height:391px;
   
}

.homepage #text{
   width:294px; 
 
}

.homepage #DiaporamaDLN{ height:434px; width:836px; overflow:hidden; position:relative; }
.homepage .DiaporamaDLN-conteneur{ position:absolute; width:999999px;  height:434px;}
.homepage .DiaporamaDLN-conteneur li{ display:inline;}

.homepage .DiaporamaDLN-navigation li{ margin-top:170px; position:absolute; z-index:99; font-size:3em;}
.homepage .DiaporamaDLN-navigation .DiaporamaDLN-precedent{ margin-left:10px;}
.homepage .DiaporamaDLN-navigation .DiaporamaDLN-suivant{ margin-left:770px;}


.homepage embed{
   float:left;   
}


.contact_us table{
   position:static;
   border-collapse:separate;
   width:655px;
   background:#fff;
   border:10px solid white;  
   font-size:0.9em;
}

.contact_us{
   font-size:0.9em;   
}

.contact_us address{
   background:white;
   display:block;  
   margin:0 0 10px 0;
   padding:10px 10px 10px 50px;
   font-size:0.9em;
   background:url(../images/home.gif) #fff no-repeat 10px 10px;
   
}

.contact_us th{
   background:#d3d3d3; 
   /*width:290px;  */
   font-weight:bold;
   padding:3px 0;
   color:#424242;
}
.contact_us td{
   padding:3px 0;   
}
.contact_us tr.grey td{
   background:#ebebeb;   
}

#list_contact{
  background:#fff;
  display:block;
  padding:0 0 20px 0;   
}

.contact_us form{
   background:#fff;
   display:block;   
   padding:10px;
   font-size:0.9em;
}

.contact_us form input{
   margin:0 0 5px 0;   
}

.contact_us form input.submit{
   background:#8cc642;
   border:none;
   padding:3px 10px; 
   margin:10px 0 0 0;  
}


.contact_us a{
   color:#000;   
   text-decoration:none;
}

.contact_us a:hover{
  color:#7ad023; 
}

#err_msg {
    padding: 5px 0 0 0;
    color: #f00;
}

#confirm_msg {
    padding: 5px 0 0 0;
}


#green_text table{
   position:static;   
   width:100%;
   font-size:0.8em;
}

#green_text table td{
   padding:0 10px 0 0;   
}


.my_news h2{
   width:100%;      
}


#home h2{
   margin:0px;   
}


.download h2{
   width:225px;   
}


#pied{ text-align:center; font-size:11px; color:#606060; margin-top:100px;}
#pied li{ display:inline; }
#pied li a{ color:#606060; text-decoration:none;}


.separation_h1 h1{
   border-right:10px solid #e9e4e4;   
}

#nav_press{
   float:left; 
   width:405px;  
}

#list_contact table{
   width:835px;   
}





a.button{
   font-size:0.8em;
   color:#fff;
   background:#8cc642;
   line-height:25px;
   width:145px; 
   display:block;
   float:left; 
   text-align:center; 
   text-decoration:none;
   margin:10px 0 0 0;
}


a.button_pdf{
font-size:0.8em;
   color:#8cc642;
   background:#fff;
   line-height:25px;
   width:106px; 
   display:block;
      text-align:center; 
   text-decoration:none;
   float:left;
   margin:10px 4px 0 4px;
    }


a.button:hover{
   color:#fff;
   background:#00AEEF;}


a.button_pdf:hover{
   background:#00AEEF;
   color:#fff;
}

.wallpapers{
   width:158px;
   height:145px;
   float:left;
   margin:1px 20px 10px 0;
   padding:5px;
   overflow:hidden;   
   text-align:center; 
   background:#000;
   color:#8cc642;
}

.wallpapers_last{
   width:158px;
   height:145px;
   float:left;
   margin:1px 0px 10px 0;
   padding:5px;
   overflow:hidden;   
   text-align:center; 
   background:#000;
   color:#8cc642;

}

.wallpapers a, .wallpapers_last a{
   text-decoration:none;
   font-size:0.7em;
   color:#8cc642;
   text-align:center; 
     
}

#menu_dwn ul li a.active, #menu_dwn ul li.active{
   background:#00AEEF;
   color:#fff;
   border-color:#00AEEF;

}

.phone2{
   width:88px;
   margin:0px 20px 0 0;
   padding:0px;
   overflow:hidden;
   display:block;
   float:left; 
   text-align:right;  
}

.backhome{
 color:#fff;
 font-weight:bold;
 font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 text-decoration:none;
 text-transform:uppercase;
float:left;
width:125px;
text-align:right;
margin:-2px 15px 0 0;

}


.firstlvl :hover ul.product li a.pink {
   background:#f6905d;   
   color:#fff;
   text-transform:uppercase;
}

.firstlvl :hover ul.product li a.pink:hover {
   background:#f6905d;   
   color:#000;
      text-transform:uppercase;

}