/*####################################################################################################*/
/*                                                                                                    */
/*                                       Ilnea SCREEN CSS                                          */
/*                                          Ilnea 2008                                             */
/*                                                                                                    */
/*####################################################################################################*/

body{ text-align:center; margin:0px; padding:0px; color:#000000; font-family:Verdana; font-size:0.7em; }
	
.myhr{ clear:both; visibility:hidden; overflow:hidden; height:0px; }
form{ margin:0px; padding:0px; }
img{ border:none; }
a:link, a:active, a:visited  {text-decoration: none; color:#ff9c0b;}

/*############################################## CSS OVERALL ########################################*/
div#top_site { width:985px;  background:url(../images/top_site.jpg) top left no-repeat; height:19px; margin:0px auto 0px auto; }
div#bottom_site { width:985px;  background:url(../images/bottom_site.jpg) bottom left no-repeat; height:15px; margin:0px auto 0px auto; }

div#container{ width:985px; background:url(../images/fond_site.gif) top left repeat-y; text-align:left; margin:0px auto 0px auto; }

div#header #logo h1 { text-indent:-9000px; background:url(../images/logo.jpg) top left no-repeat; width:173px; float:left;  padding:0px; height:36px; margin:5px 37px 5px 64px; display:inline; }
div#header #menu { width:695px; float:left; padding:0px; margin:20px 0px 0px 0px; }
div#header #menu ul { padding:0px; margin:0px; list-style:none; }
div#header #menu ul li { float:left; padding:0px; margin:0px; }
div#header #menu ul li a { background-position:bottom left; background-repeat:no-repeat; width:137px; height:32px; display:block; text-indent:-9000px;  }
div#header #menu ul li#agence a { background-image:url(../images/menu_agence.jpg); color:#FFFFFF;}
div#header #menu ul li#services a { background-image:url(../images/menu_services.jpg); color:#FFFFFF;   }
div#header #menu ul li#references a { background-image:url(../images/menu_references.jpg);  color:#FFFFFF; }
div#header #menu ul li#recrutement a { background-image:url(../images/menu_recrutement.jpg); color:#FFFFFF;}
div#header #menu ul li#contact a { background-image:url(../images/menu_contact.jpg); width:145px;  color:#FFFFFF; }
div#header #menu ul li a:hover, div#header #menu ul li a.actif { background-position:0px 3px; }

div#bandeau { height:164px;  background:url(../images/bandeau.jpg) 8px 0px no-repeat; padding:0px; margin:0px; }

div#content { background:url(../images/fond_content.jpg) bottom left repeat-x; display:block; float:left; width:965px; margin:0 0 0 4px; }
div#content #actu { width:320px; padding:0px 0px 0px 10px; margin:0px 0px 0px 5px; padding:0px; float:left; width:322px; }
div#content #actu h2 { margin:0px; padding:0px; height:57px; text-indent:-9000px; padding:0px; margin:0px; background:url(../images/actu.png) top left no-repeat;  }
div#content #actu h2.contact { background:url(../images/contact.gif) top left no-repeat;  }
div#content #actu ul { float:left; width:220px; margin:0px 0px 20px 80px; padding:0px; list-style:none; display:inline; }
div#content #actu ul li { margin:0 0 15px 0; padding:0px; background:url(../images/fond_horiz.gif) bottom right repeat-y; }
div#content #actu ul li h3 { margin:0px; padding:3px 0px 3px 0px; font-weight:bold; font-size:0.9em; }
div#content #actu ul li p { margin:0 2px 0 0; padding:0px; }
div#content #actu ul li a.lire_suite { color:#ff9c0b; background:url(../images/fond_vert.gif) 0px bottom repeat-x; padding:5px 0px 16px 120px; display:block; width:97px; }
div#content #actu ul li a.lire_suite:hover { font-style:italic; }
div#content #actu a{ color:#f39c01;}
div#content #actu a:hover{ color:#000000;}


div#content #services { width:320px; padding:0px 0px 0px 10px; margin:0px 0px 0px 5px; padding:0px; float:left; width:322px; }
div#content #services dl { margin:0px; padding:0px; float:left; padding:0px; display:inline; }
div#content #services dl dt { margin:0px; padding:0px; text-indent:-9000px; cursor:pointer; margin:5px 0px 5px 0px; width:315px;  }
div#content #services dl dt#accompagnement { height:45px; background:url(../images/creation_web.png) top left no-repeat; }
div#content #services dl dt#site_web { height:46px; background:url(../images/accompagnement.png) top left no-repeat; }
div#content #services dl dt#carte { height:47px; background:url(../images/graphique.png) top left no-repeat;  }
div#content #services dl dt#graphisme { height:52px; background:url(../images/devis.png) top left no-repeat;  }
div#content #services dl dt#graphiste { height:52px; background:url(../images/graphiste.gif) top left no-repeat;  }
div#content #services dl dt#programmeur { height:52px; background:url(../images/programmeur.gif) top left no-repeat;  }

div#content #services dd { width:226px; margin:0px 0px 20px 80px; padding:0px; }
div#content #services dd p { margin:0px; padding:0px 10px 0px 0px; text-align:justify; }
div#content #services dd a{ color:#000000; text-decoration:none;}
div#content #services dd a.lire_suite { color:#ff9c0b; background:url(../images/fond_vert.gif) 0px bottom repeat-x; padding:5px 0px 16px 120px; display:block;}
div#content #services dd a.lire_suite:hover { font-style:italic; }

div#content #main_content { width:390px; float:left; margin:0px 10px 10px 5px; }
div#content #main_content #contenu { width:360px; padding:0px 20px 0px 10px; float:left; display:block; background:url(../images/fond_pres390.png) top right repeat-y; text-align:justify; }
div#content #main_content #contenu h2 { text-align:right; padding:0px; margin:0px; font-size:1.7em; color:#ff9c0b;}
div#content #main_content #contenu h5 { padding:0px; margin:0px; font-size:0.7em; color:#f39c01;}
div#content #main_content #contenu  a{ color:#f39c01;}
div#content #main_content #contenu  a:hover{ font-style:italic;}
div#content #main_content #contenu_bottom { width:390px; float:left; display:block; background:url(../images/bottom_pres390.png) bottom right no-repeat; height:19px; }
div#content #main_content #contenu_top { width:390px; float:left; display:block; background:url(../images/top_pres390.png) bottom right no-repeat; height:22px; }

div#content #main_contentbis { width:210px; float:left; margin:0px 0px 10px 10px; }
div#content #main_contentbis #contenu { padding:0px 20px 0px 10px; float:left; display:block; background:url(../images/fond_pres210.png) top right repeat-y; text-align:justify; }
div#content #main_contentbis #contenu h2 { text-align:right; padding:0px; margin:0px; font-size:1.7em; color:#ff9c0b;}
div#content #main_contentbis #contenu h5 { padding:0px; margin:0px; font-size:0.7em; color:#f39c01;}
div#content #main_contentbis #contenu  a{ color:#f39c01;}
div#content #main_contentbis #contenu  a:hover{ font-style:italic;}
div#content #main_contentbis #contenu_bottom { width:210px; float:left; display:block; background:url(../images/bottom_pres210.png) bottom right no-repeat; height:19px; }
div#content #main_contentbis #contenu_top { width:210px; float:left; display:block; background:url(../images/top_pres210.png) bottom right no-repeat; height:22px; }

div#content #main_content.ref { width:900px; margin:15px 0px 10px 15px; left:20px; position:relative } 
div#content #main_content.ref h2 { font-size:1.2em; font-style:italic; } 
div#content #main_content.ref #contenu { width:870px; padding:0px 20px 0px 10px; float:left; display:block; background:url(../images/fond_ref.gif) top right repeat-y; text-align:justify; }
div#content #main_content.ref #contenu h2 { text-align:right; padding:0px; margin:0px; font-size:1.5em;}
div#content #main_content.ref #contenu_bottom { width:898px; float:left; display:block; background:url(../images/bottom_ref.gif) bottom right no-repeat; height:16px; }
div#content #main_content.ref #contenu_top { width:902px; float:left; display:block; background:url(../images/top_ref.jpg) bottom right no-repeat; height:22px; }


div#content #main_content #encart_bas { float:left; width:440px; padding-left:110px; font-size:1.1em; }
div#content #main_content #encart_bas img { float:left; padding-right:20px; }
div#content #main_content #encart_bas h3 { padding:50px 0px 0px 20px; margin:0px; font-weight:bold; font-size:1.4em; }
div#content #main_content #encart_bas p { padding:0px; margin:0px; font-style:italic; }
div#content #main_content #encart_bas a { color:#f39c01; }
div#content #main_content #encart_bas a:hover { color:#000; }
div#content #main_content ul { margin:0px 0px 0px 40px; padding:0px; list-style:none; }
div#content #main_content ul li { float:left; list-style:none; }


div#content #main_content #num { color:#E5E5E5; font-size:3.5em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:right; padding:0px; margin:0px 0px 0px 0px; }

div#footer {  width:659px; background:url(../images/fond_footer.jpg) top left repeat-x; height:43px; color:#FFFFFF; padding:13px 0px 0px 310px; margin:0 0 0 4px;  } 
div#footer ul { margin:0px; padding:0px; list-style:none; }
div#footer ul li { float:left; }
div#footer ul li a { color:#FFFFFF; }
div#footer ul li a:hover { color:#f39c01; }


/*************** SLIDER REFERENCE ***********************/
#encart_reference { background-color:#F7F7F9; }
#encart_reference .fl { float: left; display: inline;  border-right: 0px; }
#encart_reference.news_slider {clear:both;	position: relative;	width: 870px;	height:300px;	overflow: hidden;} 
.prev, .next { position: relative; display: none; margin:0px; padding:0px; height:48px; width:48px; margin-left:400px;  }
.next { margin-left:450px; }
#encart_reference.news_slider .news_items { position: relative; width:170px; overflow: hidden; top:5px; left:10px }
#encart_reference.news_slider .news_items .view_all { display:none; }
#encart_reference.news_slider .news_items .container { position: relative; top: 0; left: 0; }
#encart_reference.news_slider .news_items .container .item { width:170px; padding:5px 0px 0px 0px; text-align:center; }
#encart_reference.news_slider .news_items .container .actif { border-right: 0px;}
#encart_reference.news_slider .news_items .container #article-vide { display:none; }
#encart_reference.news_slider .news_items .container .item a { display:block; width:170px; height:145px; text-decoration:none; color:#9d0f0f; margin:0px 0px 0px 0px; }
#encart_reference.news_slider .news_items .container .item a span { display:block; padding:3px 0px 0px 0px; font-weight:bold; }
#encart_reference.news_slider img {padding:0px;}


/*############################################## CSS formulaire ########################################*/
div#content div.spip_forms, div#content div.spip_forms fieldset{ border:none; padding:0px; margin:0px; }
div#content div.spip_forms fieldset legend{ display:none; }
div#content div.spip_forms fieldset input, div#content div.spip_forms fieldset textarea{   width:60%; margin:10px -100px 0px 0 }
div#content div.spip_forms fieldset div.spip_bouton input{ margin:10px 0px 0px -100px; background:#F0F5DE; border:#7CA00C solid 1px; color:#FFFFFF; font-weight:bold; }
div#content div.spip_forms .formo, div#content div.spip_forms .fondo { width:70% }
div#content div.spip_forms .spip_form_label label, div#content div.spip_forms .spip_form_label .label { color:#000; }
div#content div.spip_forms .spip_bouton input { background:#FFFFFF; border:1px solid #BFBFBF; color:#000000; cursor:pointer; width:100px; }