header,
footer,
nav,
aside,
section,
article {
	display: block;
}

.alaligne {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

.espacement {
  clear: both;
  width: 100%;
  height: 15px;
  font-size: 1px;
}

.admin_calque {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	
	background-color: #dddddd;
	opacity: 0.5;
  filter:alpha(opacity=50);	
}

.bouton_menu_modif {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
}

.bouton_menu_modif a img {
	border: 0px;
}

#cadre_boutons_connecte {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background-color: #A1C935;
	border: 2px solid ;
}

#cadre_boutons_connecte .bandeau_bouton {
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#cadre_boutons_connecte a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	text-decoration: none;
}

#cadre_boutons_connecte a:hover {
	color: #fcd312;
}

#cadre_boutons_connecte a#bandeau_admin {
	padding-left: 22px;
	background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/accueil-admin.gif);
}

#cadre_boutons_connecte a#bandeau_site {
	display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
	padding-left: 22px;
	background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/deconnexion-admin.gif);
}

hr {
	border: 1px
}

#bandeau_print {
	display: none;
}

html {
	width: 100%;
	margin: auto;
  background-color: #5c5d60;

  border-bottom: 9px solid #d51777;
}

body {
  min-height: 100%;
	margin: 0px auto;

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #5c5d60;

  border-bottom: 4px solid #ffffff;
}


#recrute  {  
  display: block;
  width: 163px;
  height: 166px;

  position: absolute;
  top: 0px;
  left: 0px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/recrute.png);
  background-repeat: no-repeat;
  background-position: top left;
      
}

#bandeau {
  width: 100%;
  height: 160px;
  margin: 0px auto;

  background-color: #ffffff;
}

#bandeau > div {
  width: 994px;
  height: 160px;
  margin: 0px auto;
}

#bandeau > div a#logo {
  display: block;
  width: 273px;
  height: 160px;
  float: left;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/doing.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#bandeau > div a#developpement_durable {
  display: block;
  width: 286px;
  height: 160px;
  margin-left: 40px; 
  float: left;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/dev-durable.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#bandeau > div nav#menu_top {
  margin-top: 40px;
  float: right;
}

#bandeau > div nav#menu_top dl {
  margin: 0px;
  padding: 0px;
  float: left;
}

#bandeau > div nav#menu_top dl dt a {
  display: block;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;

  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #5c5d60;

  background-color: #dddddd;

  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px;
}

#bandeau > div nav#menu_top dl dt a:hover {
  background-color: #f4f2f2;

  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px;
}

#bandeau > div nav#menu_top dl dt.premier-selected a,
#bandeau > div nav#menu_top dl dt.premier-selected-ssenfant a,
#bandeau > div nav#menu_top dl dt.defaut-selected a,
#bandeau > div nav#menu_top dl dt.defaut-selected-ssenfant a,
#bandeau > div nav#menu_top dl dt.dernier-selected a,
#bandeau > div nav#menu_top dl dt.dernier-selected-ssenfant a {
  background-color: #7db62a;
  color: #ffffff;

  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px;
}

#bandeau > div nav#menu_top dl.contact dt a {
  margin-right: 0px;

  color: #ffffff;
  background-color: #d51777;

  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px;
}

#bandeau > div nav#menu_top dl.contact dt a:hover {
  background-color: #7db62a;
}

#bandeau > div section#recherche {
  clear: right;
  margin-top: 40px;
  float: right;
}

#bandeau > div section#recherche input {
  width: 230px;
  height: 27px;
  line-height: 27px;
  padding-left: 15px;
  float: left;
  
  background-color: #5c5d60;
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/input-recherche.gif);
  background-repeat: repeat-x;
  background-position: top left;

  border: 0px;

  -moz-border-radius: 5px 0px 0px 5px; 
  -webkit-border-radius: 5px 0px 0px 5px; 
  border-radius: 5px 0px 0px 5px;
  
  color: #c2c2c2;
  font-size: 11px;
}

#bandeau > div section#recherche a {
  display: block;
  width: 41px;
  height: 29px;
  float: left;
  
  background-color: #5c5d60;
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/loupe-recherche.gif);
  background-repeat: no-repeat;
  background-position: top left;

  -moz-border-radius: 0px 5px 5px 0px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 0px 5px 5px 0px;

  text-indent: -99999px;
}


#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_content {
  font-size: 12px;
  color: #fff;
  //text-transform: uppercase;
  padding: 4px 8px;

  background-color: #7db62a;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #7db62a;
  border-bottom-color: #7db62a;
}




section#doing {
  clear: left;
	height: 130px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fond-section-doing.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

section#doing > div {
  width: 994px;
  height: 112px;
  margin: 0px auto;
  padding-top: 18px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fond-section-doing.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

section#doing #doing_et_vous {
  width: 487px;
  height: 130px;
  float: left;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/et-rose.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

section#doing h1 {
  margin: 0px;

  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

section#doing #doing_et_vous aside ul {
  list-style: none;
  margin: 12px 0px;
  padding: 0px;
}

section#doing #doing_et_vous aside ul li {
  margin: 0px;
  padding: 0px;
  float: left;
}

section#doing #doing_et_vous aside ul li a {
  display: block;
  width: 41px;
  height: 40px;
  margin-left: 13px;

  background-repeat: no-repeat;
  background-position: top left;
}

section#doing #doing_et_vous aside ul li a#facebook {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/facebook.gif);
}

section#doing #doing_et_vous aside ul li a#twitter {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/twitter.gif);
}

section#doing #doing_et_vous aside ul li a#blog {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/blog.gif);
}

section#doing #doing_et_vous aside ul li a#newsletter {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/newsletter.gif);
}

section#doing #doing_et_vous aside ul li a#nous_contacter {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/contact.gif);
}

section#doing #doing_et_vous aside ul li a#plan_acces {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/acces.gif);
}

section#doing #doing_et_vous aside ul li a#votre_espace {
  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/espace.gif);
}

section#doing #produits_doing {
  width: 487px;
  height: 130px;
  float: right;
} 

section#doing #produits_doing aside ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

section#doing #produits_doing aside ul li {
  margin: 0px;
  padding: 0px;
  float: left;
}

section#doing #produits_doing aside ul li a#fidelium-net {
  display: block;
  width: 247px;
  height: 61px;
  margin-left: 10px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fidelium-net.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

section#doing #produits_doing aside ul li a#easydo {
  display: block;
  width: 200px;
  height: 61px;
  margin-left: 30px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/easydo.gif);
  background-repeat: no-repeat;
  background-position: top left;
}



#contactez_doing {
  overflow: auto;
  margin-top: 80px;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fond-contact.gif);
  background-repeat: repeat-x;
  background-position: left 18px;
}

#contactez_doing > div {
  width: 994px;
  margin: 0px auto;
}

#contactez_doing #form_contact {
  width: 625px;
  float: left;
}

#contactez_doing #form_contact h1 {
  margin: 0px 0px;

  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

#contactez_doing #form_contact p {
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;

  color: #d51777;
  font-size: 14px;
  font-weight: bold;
}

#contactez_doing #form_contact form {
  height: 400px;
  padding: 22px;

  background-color: #d51777;
  color: #ffffff;
}

#contactez_doing #form_contact form label {
  display: block;
  width: 180px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;

  border-bottom: 1px dotted ;

  font-family: arial;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

#contactez_doing #form_contact form label.long {
  width: 390px;
  line-height: 25px;

  font-size: 16px;

  border: 0px;
}

#contactez_doing #form_contact form input {
  width: 375px;
  height: 22px;
  margin-bottom: 10px;
  padding-left: 5px;
  border: 1px solid #5c5d60;

  font-family: arial;
  font-size: 14px;
  color: #000000;
}

#contactez_doing #form_contact form input:focus {
  color: #7db62a;
}

#contactez_doing #form_contact form input[type='checkbox'] {
  width: 20px;
  float: left;
  border: 0px;
}

#contactez_doing #form_contact form textarea {
  width: 375px;
  height: 115px;
  padding-top: 5px;
  padding-left: 5px;
  border: 1px solid #5c5d60;

  font-family: arial;
  font-size: 14px;
  color: #0494c0;
}

#contactez_doing #form_contact form textarea:focus {
  color: #7db62a;
}

#contactez_doing #form_contact form a {
  display: block;
  width: 130px;
  height: 40px;
  margin-top: -10px;
  margin-right: 20px;
  float: right;

  font-family: arial;
  color: #7db62a;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  text-decoration: none;
  line-height: 40px;
  text-align: center;

  background-color: #ffffff;

  -moz-border-radius: 10px 10px 10px 10px; 
  -webkit-border-radius: 10px 10px 10px 10px; 
  border-radius: 10px 10px 10px 10px;

  -moz-box-shadow: 1px 3px 3px #666666;  
  -webkit-box-shadow: 1px 3px 3px #666666;  
  box-shadow: 1px 3px 3px #666666;  
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3); 
  zoom: 1; 
}

section#contactez_doing #coordonnees {
  width: 290px;
  height: 300px;
  margin-top: 120px;
  padding-left: 30px;
  float: left;
  background-color: #0494c0;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fond-coordonnees.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

section#contactez_doing #coordonnees address {
  margin-top: 20px;

  font-style: normal;
  line-height: 18px;
  color: #ffffff;
}

section#contactez_doing #coordonnees span {
  display: block;
  margin-top: 20px;

  font-style: normal;
  line-height: 18px;
  color: #ffffff;
}

#contactez_doing #coordonnees h1 {
  margin: 20px 0px;
  margin-right: 21px;

  text-align: right;
  color: #0494c0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}


footer#baseline {
  overflow: auto;
	border-bottom: 11px solid #7db62a;
}

footer#baseline > div {
  width: 994px;
  overflow: auto;
  margin: 0px auto;

  background-image: url(http://www.doing.fr/commun/modeles/commun/structure/img/fond-baseline.gif);
  background-repeat: no-repeat;
  background-position: 447px 20px;
}

footer#baseline #baseline_menu_h {
  width: 450px;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 10px;
  float: left;

  border-right: 1px dashed #ffffff;
}

footer#baseline #baseline_menu_h dl {
  margin: 0px;
  padding: 0px;
}

footer#baseline #baseline_menu_h dl dt {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}

footer#baseline #baseline_menu_h dl dt.premier-ssenfant,
footer#baseline #baseline_menu_h dl dt.defaut-ssenfant,
footer#baseline #baseline_menu_h dl dt.dernier-ssenfant {
  line-height: 30px;
}

footer#baseline #baseline_menu_h dl dt a {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

footer#baseline #baseline_menu_h dl dt a:hover {
  color: #d51777;
}

footer#baseline #baseline_menu_h dl dd {
  margin: 0px;
  padding: 0px;
}

footer#baseline #baseline_menu_h dl dd ul {
  list-style: none;
  margin: 0px;
  margin-left: 15px;
  margin-bottom: 10px;
  padding: 0px;
}

footer#baseline #baseline_menu_h dl dd ul li a {
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}

footer#baseline #baseline_menu_h dl dd ul li a:hover {
  color: #7db62a;
}

footer#baseline #baseline_menu {
  width: 200px;
  margin: 0px;
  margin-top: 20px;
  margin-left: 20px;
  padding: 0px;
  float: left;
}

footer#baseline #baseline_menu dl {
  margin: 0px;
  padding: 0px;
}

footer#baseline #baseline_menu dl dt {
  margin: 0px;
  padding: 0px;
}

footer#baseline #baseline_menu dl dt a {
  line-height: 30px;
  color: #cccccc;
  font-size: 12px;
  text-decoration: none;
}

footer#baseline #baseline_menu dl dt a:hover {
  color: #ffffff;
}

footer#baseline #tags {
  width: 230px;
  height: 280px;
  margin-top: 20px;
  padding: 10px;
  float: right;

  text-align: justify;
  line-height: 18px;

  background-color: #363636;
}

footer#baseline #tags a {
  color: #cccccc;
  text-decoration: none;
}

footer#baseline #tags a.tag_1 {
  font-size: 10px;
}

footer#baseline #tags a.tag_2 {
  font-size: 11px;
}

footer#baseline #tags a.tag_3 {
  font-size: 13px;
}

footer#baseline #tags a.tag_4 {
  font-size: 15px;
}

footer#baseline #tags a.tag_5 {
  font-size: 18px;
}




#ariane {
  margin-bottom: 20px;
}

.auth h1,
.compte h1 {
  margin: 0px;
  margin-bottom: 10px;

  font-size: 20px;
  font-weight: bold;
  color: #d51777;
}

.auth,
.compte {
  margin-bottom: 20px;

  color: #5c5d60;
}

.information {
  margin-bottom: 15px;

  font-weight: bold;
  color: #000000;
}

.auth fieldset,
.compte fieldset {
  padding: 10px;
  border: 0px;
  border-bottom: 3px dashed #5c5d60;
}

.auth fieldset label,
.compte fieldset label {
  display: block;
  width: 125px;
  height: 25px;
  margin-right: 10px;
  float: left;
}

.auth fieldset label.obligatoire,
.compte fieldset label.obligatoire {
  font-weight: bold;
}

.auth fieldset input,
.compte fieldset input {
  width: 200px;
  float: left;
  margin-right: 100px;
}

.auth fieldset .espacement_form,
.compte fieldset .espacement_form {
  clear: both;
  width: 100%;
  height: 10px;  
  margin-bottom: 10px;
  
  border-bottom: 1px dashed #dddddd;

  font-size: 0px;
}

#page section article .auth fieldset a.bouton,
#page section article .compte fieldset a.bouton {
  display: block;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;

  line-height: 28px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;

  background-color: #7db62a;

  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px; 

  -moz-box-shadow: 1px 3px 3px #666666;  
  -webkit-box-shadow: 1px 3px 3px #666666;  
  box-shadow: 1px 3px 3px #666666;  
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3); 
  zoom: 1; 
}

#page section article .auth fieldset a:hover.bouton,
#page section article .compte fieldset a:hover.bouton {
  background-color: #d51777;
}

#page section article .auth fieldset a.fiche,
#page section article .compte fieldset a.fiche {
  float: right;
  background-color: #d51777;
}


body {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/ceci-menu.gif);
  background-repeat: no-repeat;
  background-position: 50px 430px;
}

@media (max-width:1400px) { 
  body {
      background-image: none;
  }
}

#slider {
  margin-top: 5px;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/ombre-slide.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}

#slider > div {
  width: 994px;
  height: 450px;
  margin: 0px auto;

  overflow: hidden;
}

#slider #slides {
  width: 920px;
  height: 320px;
  overflow: hidden;
}

#slider .slide {
  float: left;
}

#slider #menu {
  height: 130px;
}

#slider ul {
  margin: 0px;
  padding: 0px;
}

#slider li {
  list-style: none;
  width: 110px;
  height: 130px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#slider li.act a {
  cursor: pointer;
}

#slider .fbar {
  width:2px;
}

#slider li a {
  overflow: hidden;

  display: block;
  width: 110px;
  height: 260px;
  padding-top: 135px;

  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  text-align: center;

  background-repeat: no-repeat;
  background-position: top left;
}

#slider li a#picto_web {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-web.png);
}

#slider li a#picto_app {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-app.png);
}

#slider li a#picto_heb {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-heb.png);
}

#slider li a#picto_ref {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-ref.png);
}

#slider li a#picto_4d {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-4d.png);
}

#slider li a#picto_for {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-for.png);
}

#slider li a#picto_lin {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-lin.png);
}

#slider li a#picto_fid {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-fid.png);
}

#slider li a#picto_inf {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/slider/picto-inf.png);
}

#slider li.inact:hover a,
#slider li.inact:hover a#picto_web,
#slider li.inact:hover a#picto_app,
#slider li.inact:hover a#picto_heb,
#slider li.inact:hover a#picto_ref,
#slider li.inact:hover a#picto_4d,
#slider li.inact:hover a#picto_for,
#slider li.inact:hover a#picto_lin,
#slider li.inact:hover a#picto_fid,
#slider li.inact:hover a#picto_inf {
  padding-top: 50px;
  background-image: none;
}

#slider li.act a#picto_web,
#slider li.act a#picto_app,
#slider li.act a#picto_heb,
#slider li.act a#picto_ref,
#slider li.act a#picto_4d,
#slider li.act a#picto_for,
#slider li.act a#picto_lin,
#slider li.act a#picto_fid,
#slider li.act a#picto_inf,
#slider li.act:hover a#picto_web,
#slider li.act:hover a#picto_app,
#slider li.act:hover a#picto_heb,
#slider li.act:hover a#picto_ref,
#slider li.act:hover a#picto_4d,
#slider li.act:hover a#picto_for,
#slider li.act:hover a#picto_lin,
#slider li.act:hover a#picto_fid,
#slider li.act:hover a#picto_inf {
  height: 50px;
  padding-top: 50px;

  //color: #5c5d60;

  background-image: none;
  background-color: #ffffff;
  //background-color: rgba(255, 255, 255, 1);

  -moz-border-radius: 0px 0px 10px 10px; 
  -webkit-border-radius: 0px 0px 10px 10px; 
  border-radius: 0px 0px 10px 10px;

  -webkit-box-shadow: inset 0px 5px 5px 0px #333333;
  -moz-box-shadow: inset 0px 5px 5px 0px #333333;
  box-shadow: inset 0px 5px 5px 0px #333333; 
}

#slider a img {
  border: 0px;
}


#slider li.act a#picto_web,
#slider li.act:hover a#picto_web {
  background-color: #d51777;  
}

#slider li.act a#picto_app,
#slider li.act:hover a#picto_app {
  background-color: #7db62a;  
}

#slider li.act a#picto_heb,
#slider li.act:hover a#picto_heb {
  background-color: #F36527;  
}

#slider li.act a#picto_ref,
#slider li.act:hover a#picto_ref {
  background-color: #8A64AD;  
}

#slider li.act a#picto_4d,
#slider li.act:hover a#picto_4d {
  background-color: #0494c0;
}

#slider li.act a#picto_for,
#slider li.act:hover a#picto_for {
  background-color: #7db62a;
}

#slider li.act a#picto_lin,
#slider li.act:hover a#picto_lin {
  background-color: #d51777;
}

#slider li.act a#picto_fid,
#slider li.act:hover a#picto_fid {
  background-color: #0494c0;
}

#slider li.act a#picto_inf,
#slider li.act:hover a#picto_inf {
  background-color: #F36527;  
}


section#actualites {
  width: 994px;
  height: 300px;
  margin: 40px auto 20px;
  overflow: auto;

  position: relative;
}

#previously,
#now {
  color: #ffffff;
  
  width: 487px;
  height: 290px;
  margin: 0px;
  float: left;
}

#now {
  float: right;
}

#previously h1,
#now h1 {
  height: 32px;
  margin: 0px;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/fond-h1-actus.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

#previously h1 a,
#now h1 a {
  display: block;
  height: 32px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

#actus_previously {
  position: relative;
  
  width: 487px;
  height: 230px;

  overflow: hidden;
  z-index: 10;

  background-color: #7db62a;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/fond-previously.gif);
  background-repeat: repeat-x;
  background-position: left 110px;
}

#actus_next {
  position: relative;
  
  width: 487px;
  height: 230px;

  overflow: hidden;
  z-index: 10;

  background-color: #d51777;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/fond-now.gif);
  background-repeat: repeat-x;
  background-position: left 110px;
}

#actus_previously ul,
#actus_next ul { 
  display: block;
  list-style: none;
  width: 487px;
  height: 230px;
  margin: 0px;
  padding: 0px;
  float: left;

  position: relative;
}
  
#actus_previously ul li,
#actus_next ul li {
  float: left;
}

#actus_previously article,
#actus_next article {
  padding: 0px 10px;
}

#actus_previously article p,
#actus_next article p {
  width: 220px;
  margin-right: 10px;
  float: left;

  line-height: 17px;
  color: #ffffff;
}

#actus_next article p {
  float: right;
}

#actus_previously article p span,
#actus_next article p span {
  display: block;
}

#actus_previously article p a,
#actus_next article p a {
  display: block;
  margin-top: 10px;

  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

#actus_previously article figure,
#actus_next article figure {
  display: block;
  width: 220px;
  margin: 0px;
  margin-top: 12px;
  padding: 0px;
  float: right;
}

#actus_next article figure {
  float: left;
}

#actus_previously article figure img,
#actus_next article figure img {
  border: 4px solid #ffffff;

  background-color: #ffffff;

  -moz-box-shadow: 1px 3px 3px #000000;  
  -webkit-box-shadow: 1px 3px 3px #000000;  
  box-shadow: 1px 3px 3px #000000;  
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3); 
  zoom: 1; 
}

ul#numbers_prev,
ul#numbers_next {
  list-style: none;
  margin: 5px auto;
  padding: 0px;
  float: left;

  text-align: left;
} 
  
ul#numbers_prev li,
ul#numbers_next li {
  width: 15px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  float: left;

  text-indent: -99999px;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/num-off.png);
  background-repeat: no-repeat;
  background-position: center center;

  position: relative;
}
  
ul#numbers_prev li.activenum,
ul#numbers_next li.activenum {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/num-on.png);
  background-repeat: no-repeat;
  background-position: center center;
}

 
#right_prev,
#left_prev, 
#right_next,
#left_next {
  width: 20px;
  float: left;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
}
 
#right_prev,
#right_next {
  text-align: right;
}

  



section#doing_c_est_aussi {
  clear: both;
  height: 125px;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/fond-c-aussi.gif);
  background-repeat: repeat-x;
  background-position: left top;
}

section#doing_c_est_aussi > div {
  position: relative;

  width: 994px;
  height: 125px;
  margin: 0px auto;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/fond-bien-autres.gif);
  background-repeat: no-repeat;
  background-position: 507px 17px;
}

section#doing_c_est_aussi #produits_partenaires {
  width: 487px;
  height: 125px;
  float: left;
}

section#doing_c_est_aussi #produits_partenaires h1 {
  margin: 3px 0px;

  color: #363636;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

section#doing_c_est_aussi #produits_partenaires h1 a {
  margin: 3px 0px;

  color: #363636;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

section#doing_c_est_aussi #produits_partenaires ul {
  list-style: none;
  height: 81px;
  margin: 0px;
  padding: 0px;
}

section#doing_c_est_aussi #produits_partenaires ul li {
  float: left;
}

section#doing_c_est_aussi #produits_partenaires ul li a {
  display: block;
  width: 148px;
  height: 81px;

  background-repeat: no-repeat;
  background-position: top center;
}

section#doing_c_est_aussi #produits_partenaires ul li a#twizy {
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/twizy.gif);
}

section#doing_c_est_aussi #produits_partenaires ul li a#aliatic {
  width: 170px;
  background-position: top center;
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/aliatic.gif);
}

section#doing_c_est_aussi #produits_partenaires ul li a#etotem {
  width: 160px;
  background-position: top right;
  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/etotem.gif);
}

section#doing_c_est_aussi #bien_autres {
  display: block;
  width: 387px;
  height: 70px;
  padding-top: 55px;
  float: right;

  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;  

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/pin.gif);
  background-repeat: no-repeat;
  background-position: right 71px;
}

#dev_durable {
  display: block;
  width: 313px;
  height: 121px;

  position: absolute;
  top: 121px;
  right: 0px;

  background-image: url(http://www.doing.fr/commun/modeles/accueil/img/etiquette.png);
  background-repeat: no-repeat;
  background-position: 2px top;
}