/*------------------------------RAZ------------------------------*/

* {
	margin:0;padding:0;
}

h1, h2, h3, h4, h5, h6, p {
	font-size: 1em;
	margin: 0; padding: 0;
	font-weight: normal;
}

ul {
	margin: 0; padding: 0;
	list-style: none;
}

a {
	text-decoration:none;
	color:red;
}

a img {
	border:none;
}

.clear {
   	clear:both;
  	display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

.none {
	display:none;
}

fieldset {
	border:none;
	margin: 0;
	padding: 0;
}

/*------------------------------structure------------------------------*/

body {
	background-color: #3f3f3f;
}

#global {
	width: 954px;
	margin: 0 auto;
}

#top {
	width: 954px;
	height: 99px;
	background-color: #fff;
}

#logo {
	width: 359px;
	height: 99px;
	background: url(../images/darty_et_vous.gif) no-repeat;
	float:left;
	margin-left: 25px;
}

#logo h1 a {
	display: block;
	width: 359px;
	height: 99px;
	text-indent: -50000px;
}

#newsletter {
	float:right;
}

#newsletter a {
	display: block;
	width: 205px;
	height: 21px;
	color:#050505;
	font-size:13px;
	text-transform: uppercase;
	background: url(../images/newsletter.gif) center right no-repeat;
	line-height: 20px;
	margin-top: 25px;
	margin-right: 30px;
	padding-top: 10px;
}

#newsletter a:hover {
	color:#99010b;
}

/*------------------------------menu------------------------------*/

#menu {
	width: 954px;
	height: 55px;
}

#menu ul li {
	float:left;
}

#menu li a.menu1,
#menu li a.menu2,
#menu li a.menu3,
#menu li a.menu4,
#menu li a.menu1_on,
#menu li a.menu2_on,
#menu li a.menu3_on,
#menu li a.menu4_on {
  	display: block;
	line-height: 55px;
	text-decoration: none;
	float: left;
	text-indent: -50000px;
}
#menu li a.menu1 {
	width: 232px;
	background: url(/images/menu1.gif) no-repeat 0 0;
}
#menu li a.menu2 {
	width: 228px;
	background: url(/images/menu2.gif) no-repeat 0 0;
}
#menu li a.menu3 {
	width: 242px;
	background: url(/images/menu3.gif) no-repeat 0 0;
}
#menu li a.menu4 {
	width: 252px;
	background: url(/images/menu4.gif) no-repeat 0 0;
}
#menu li a.on {
	background-position: 0 -55px;
}
#menu li a:hover {
	background-position: 0 -55px;
}

/*------------------------------fin menu------------------------------*/

#visuel_top {
	width: 954px;
	height: 191px;
	position: relative;
}

#visuel_top #visuel_left {
	position:absolute;
	top:0;
	left:0;
	background: url(/images/fd_rouge.gif) no-repeat 0 0;
	width: 355px;
	height: 191px;
}

#visuel_top #visuel_left h2 {
	margin-left: 25px;
	margin-top: 50px;
	font:normal 16px helvetica;
	color:#fff;
	line-height: 25px;
}

#visuel_top #visuel_left h2 span {
	color:#dc9a9a;
}

#visuel_top #visuel_right {
	position:absolute;
	top:0;
	left:355px;
	width: 599px;
	height: 191px;
}

#content {
	width: 954px;
	height: auto;
	padding-bottom: 30px;
	background-color: #fff;
}

/*------------------------------menu_left------------------------------*/

#menu_left {
	float:left;
	width: 185px;
	padding-top: 25px;
}

#menu_left a#accueil, #menu_left_accordeon a#accueil {
	color:#323232;
	font:bold 11px helvetica;
	text-transform: uppercase;
	display: block;
	width: 55px;
	height: 23px;
	border:1px solid #bdbdbd;
	padding-left: 20px;
	background: url(/images/fleche_accueil.gif) top left no-repeat;
	line-height: 25px;
	margin-bottom: 25px;
}

#menu_left ul {
	background: url(/images/fd_menuleft.gif) 25px 0 no-repeat;
	padding-top: 1px;
	margin-bottom: 25px;
}

#menu_left ul li {
	color:#323232;
	font:bold 11px helvetica;
	text-transform: uppercase;
	background: url(/images/fd_menuleft.gif) bottom right no-repeat;
	padding: 3px 0 4px 0;
	width: 160px;
}

#menu_left ul li a {
	color:#323232;
	display: block;
	width: 135px;
	padding: 5px 0 5px 25px;
}

#menu_left ul li a:hover, #menu_left ul li a.on {
	color:#fff;
	background-color: #646464;
}

#menu_left a#archives {
	color:#323232;
	font:bold 11px helvetica;
	text-transform: uppercase;
	display: block;
	width: 118px;
	height: 25px;
	border:1px solid #bdbdbd;
	margin-left: 25px;
	padding-left: 15px;
	background: url(/images/puce_archives.gif) top left no-repeat;
	line-height: 25px;
}

/*------------------------------menu_left_accordeon------------------------------*/

#menu_left_accordeon {
	float:left;
	width: 185px;
	padding-top: 25px;
}

#menu_left_accordeon ul.niveau1 {
	padding-top: 1px;
	margin-bottom: 25px;
	background: url(/images/fd_menuleft.gif) 25px 0 no-repeat;
}

#menu_left_accordeon ul li.niveau1 {
	color:#323232;
	font:bold 11px helvetica;
	text-transform: uppercase;
	padding: 3px 0 4px 0;
	width: 160px;
	background: url(/images/fd_menuleft.gif) bottom right no-repeat;
}

#menu_left_accordeon ul li.niveau2 {
	color:#8e8e8e;
	font:normal 12px helvetica;
	text-transform: none;
}

#menu_left_accordeon ul li.niveau1 a {
	color:#323232;
	display: block;
	width: 135px;
	padding: 5px 0 5px 25px;
}

#menu_left_accordeon ul li.niveau2 a {
	color:#8e8e8e;
	display: block;
	width: 135px;
	padding: 5px 0 5px 25px;
}

#menu_left_accordeon ul li.niveau1 a:hover, #menu_left_accordeon ul li.niveau1 a.on {
	color:#fff;
	background-color: #646464;
}

#menu_left_accordeon ul li.niveau2 a:hover, #menu_left_accordeon ul li.niveau2 a.on {
	color:#323232;
	background: none;
}

/*------------------------------fin menu_left_accordeon------------------------------*/

#partie_right {
	float:left;
	width: 769px;
}

#grand_bloc {
	width: 769px;
	background: url(/images/fd_grand_bloc.gif) top left repeat-y;
}

#content_grand_bloc {
	width: 769px;
	background: url(/images/fd_deuxblocs.gif) bottom right no-repeat;
}

#bloc_central {
	float:left;
	width: 543px;
	background: url(/images/fd_bloc.gif) top left no-repeat;
}

#bloc_right {
	float:left;
	width: 226px;
}

/*------------------------------ŽlŽments communs------------------------------*/

/*ariane*/

#ariane {
	margin-bottom: 15px;
	height: 15px;
}

#ariane ul li {
	float:left;
	color:#8e8e8e;
	font:normal 11px helvetica;
	line-height: 11px;
}

#ariane ul li a {
	color:#8e8e8e;
	font:normal 11px helvetica;
	margin-right: 5px;
	padding-left: 5px;
}

#ariane ul li a.first {
	padding-left: 0;
}

#ariane ul li a:hover {
	text-decoration: underline;
}

/*a.fleche*/

a.fleche {
	font:bold 10px helvetica;
	color:#000;
	text-transform: uppercase;
	background: url(/images/fleche_noire.png) 0 2px no-repeat;
	-background: url(/images/fleche_noire.png) 0 4px no-repeat;
	padding-left: 12px;
	display: block;
	height: 12px;
	line-height: 12px;
}

a.fleche.deuxlignes {
	height: 24px;
}

a.fleche:hover {
	background: url(/images/fleche_rouge.png) 0 2px no-repeat;
	-background: url(/images/fleche_rouge.png) 0 4px no-repeat;
	color:#99010b;
}

/*navigation_articles*/

#bloc_central .navigation_articles {
	float:right;
	padding-right: 40px;
	padding-bottom: 100px;
}

#bloc_central .navigation_articles a.precedent {
	display: block;
	float:left;
	height: 8px;
	width: 8px;
	background: url(/images/fleche_noire2.gif) no-repeat;
	margin-top: 1px;
}

#bloc_central .navigation_articles a.suivant {
	display: block;
	float:left;
	height: 8px;
	width: 8px;
	background: url(/images/fleche_noire.gif) no-repeat;
	margin-top: 1px;
}

#bloc_central .navigation_articles a.page {
	display: block;
	float:left;
	color:#a7a7a7;
	font:normal 12px helvetica;
	border-right:1px solid #bbbbbb;
	height: 9px;
	width: 21px;
	text-align: center;
	line-height: 12px;
}

#bloc_central .navigation_articles a.page.last {
	border-right:none;
}

#bloc_central .navigation_articles a.page:hover, #bloc_central .navigation_articles a.page.on {
	color:#000000;
}

/*partager*/

#partager {
	margin-top: 10px;
}

#partager a,  #partager span {
	float: left;
	margin-right: 5px;
        text-indent: -50000px;
       width: 16px;
       height: 16px
}

/*
#partager a#mail {
	display: block;
	width: 22px;
	height: 20px;
	background: url(/images/icone_mail.gif) no-repeat;
	float:left;
	text-indent: -50000px;
	margin-right: 10px;
	margin-top: 5px;
}

#partager a#imprimer {
	display: block;
	width: 22px;
	height: 20px;
	background: url(/images/icone_imprimer.gif) no-repeat;
	float:left;
	text-indent: -50000px;
	margin-right: 10px;
	margin-top: 5px;
}

#partager a#facebook {
	display: block;
	width: 18px;
	height: 20px;
	background: url(/images/icone_facebook.gif) no-repeat;
	float:left;
	text-indent: -50000px;
	margin-right: 10px;
	margin-top: 5px;
}

#partager a#twitter {
	display: block;
	width: 19px;
	height: 20px;
	background: url(/images/icone_twitter.gif) no-repeat;
	float:left;
	text-indent: -50000px;
	margin-top: 5px;
}
*/

/*------------------------------footer------------------------------*/

#footer {
	width: 894px;
	height: 42px;
	background-color: #e7e7e7;
	margin-left: 30px;
}

#footer ul li {
	font:normal 12px helvetica;
	color:#000;
	float:left;
	line-height: 30px;
}

#footer ul li a {
	color:#000;
	display: block;
	height: 30px;
	border-left:1px solid #fff;
	margin-top: 6px;
	padding-left: 10px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li a#menu_footer1 {
	margin-left: 20px;
	width: 255px;
	background: url(/images/facebook.gif) 10px 3px no-repeat;
	padding-left: 40px;
}

#footer ul li a#menu_footer2 {
	width: 225px;
}

#footer ul li a#menu_footer3 {
	width: 235px;
}

#copyright {
	text-align: right;
	font:normal 10px arial;
	color:#fff;
	padding-top: 15px;
	width: 954px;
	height: 100px;
}


/**********popin************/
#popin_envoie_ami{
	width:309px;
	background:#fff;
	padding:19px 15px 15px 18px;
	color:#737373;
	font-size:12px;
	font-family:"trebuchet MS";
}
#popin_envoie_ami .titre_popin{
	color:#b20114;
	font-size:16px;
	text-transform:uppercase;
	padding:0 0 5px 0;
	border-bottom:1px solid #dedede;
	margin-bottom:18px;
}
#popin_envoie_ami label{
	display:block;
	font-weight:normal;
	font-size:11px;
	margin-bottom:4px;
}
#popin_envoie_ami label strong{
	font-size:12px;
	font-weight:bold;
}
#popin_envoie_ami input.inp-text{
	display:block;
	border:1px solid #dedede;
	color:#737373;
	width:307px;
	height:16px;
	padding:2px 0 0 2px;
	font-family:"trebuchet MS";
	font-size:11px;
}
#popin_envoie_ami textarea{
	display:block;
	border:1px solid #dedede;
	color:#737373;
	width:305px;
	font-family:"trebuchet MS";
	font-size:11px;
}
#popin_envoie_ami textarea.area-top{
	height:55px;
	padding:2px 0 0 2px;
}
#popin_envoie_ami textarea.area-bottom{
	height:91px;
	padding:2px 0 0 2px;
}
.margin-parag{
	margin-bottom:14px;
}
.number-caract{
	font-size:9px;
	text-align:right;
	margin-top:10px;
	padding-bottom:18px;
}
.btn-sub input{
	background:url(/images/btn-envoie-pop.gif) no-repeat;
	width:82px;
	height:20px;
	border:none;
	text-indent:-5000px;
}
.btn-sub{
	float:right;
	width:82px;
	height:20px;
}
.btn-annule{
	float:right;
	width:80px;
	padding:4px 0 0 0;
}
#closeBut{
	display:none;
}

.popinemail{
    background:url(/images/widget20.png) no-repeat;
    
        display:block
}