/* General*/
body { font-size: 12px; font-family: Arial; background: transparent url(img/body-background.png) repeat-x 0 0; margin: 0; position: relative; }
#page { width: 940px; margin: 0 auto; background: transparent url(img/page-background.png) no-repeat 50% 0; position: relative;}


/* Content */
#content { padding-top: 100px; position: relative; text-align: right; }
#magentweet {left:70px; position:absolute;top:85px;}

	/* Button Download*/
	#download {background: transparent url(img/button-download.png) repeat-x 0 0; display: block; width: 291px; height: 122px;  margin:55px 0 0 630px; 
	text-align: left; text-decoration: none; color: #0e5b9d; }
	#download div{ line-height:15px; padding:60px 0 0 35px; }
	#download div strong{ font-size: 14px; }

	/* Title */
	h1 { font-size: 46px; color: #d74738; font-weight: normal; margin: 0; }
	h2 { color:#54575A; font-size:16px; line-height:25px; margin:20px 0 0; }
	h3 { font-size: 36px; color: #d74738; font-weight: normal; margin:0px 0px 15px 0px; }
	h4 { font-size: 24px; font-weight: normal; margin:20px 0 5px; color: #7ebee8;}	
	h5 { font-size: 24px; font-weight: normal; margin:20px 0 5px; color: #d74738;}
	
	/* Caract */
	#caract {margin: 20px 0;}
	#caract_top{width:946px;height:41px;background: transparent url(img/content_background_top.png) no-repeat;}
	#caract_middle{ width:896px;height:auto;background: transparent url(img/content_background_middle.png) repeat-y;text-align:left; margin: 0 auto; padding:0 0 0 50px;}
	#caract_bottom{ width:946px;height:41px;background: transparent url(img/content_background_bottom.png) no-repeat;}
	
	/* List */
	#caract_middle li {color: #504941; list-style:none; background:transparent url(img/content_puces_valid.png) no-repeat 1px 1px; widht:24px; height:20px;padding:5px 40px; font-size:14px;} 
	#caract_middle ul {margin:6px 0 0 12px;padding:0; } 
	#caract_middle.contact li {list-style:none;text-decoration:none;background:none;margin: 10px 0 0 -80px;}
		
/* Header */
#header {position: absolute; top:0; left:0; }

	/* logo */
	#bloc-logo {float: left; }	
	#bloc-logo #logo {background: transparent url(img/logo-dnd.png) no-repeat 0 0; display: block; width: 155px; height: 77px; margin: 5px 0; float: left; text-decoration: none; color: #000; padding-left:58px;   }
	#bloc-logo #logo h3{ display: none; }
	#bloc-logo #logo ul{ float: left; font-size: 11px; font-style: italic; list-style:none; margin: 5px 10px; padding: 0; margin:8px 0 0 8px; }
	
	/* Lien */
	#link-dnd {background: transparent url(img/button-dnd.png) repeat-x 0 0; display: block; width: 105px; height: 48px; color: #000; text-decoration: none; font-weight: bold; line-height:35px; padding:0 0 0 45px; float: left;}
	#home {background: transparent url(img/button-home.png) no-repeat 0 0; display: block; width: 52px; height: 48px; float: left; margin-left:460px;}
	#home:hover {background:transparent url(img/button-home-a.png) no-repeat 0 0;}
	
	/* Langue */
	#langues {background: transparent url(img/button-langue.png) no-repeat 0 0; display: block; width: 30px; height: 48px; float: left;text-align:center;padding-top: 2px; line-height:3px; padding: 2px 12px;}
	#langues a {width: 26px; height: 14px; text-indent: -9999px; display: block;}
	#langues #french {background: transparent url(img/french_flag.png) no-repeat 0 0; }
	#langues #english {background: transparent url(img/english_flag.png) no-repeat 0 0;}
	
	
/* Footer */
#footer {background: transparent url(img/footer.png) repeat-x 0 0; background-color:#deedf8; color: #504941; padding: 5px 0;}
#footer_inner{width:930px;margin:0 auto; position:relative;}
.col2 {float:left; margin-right:25px; width:390px;}
.col2 li{font-weight:bold;}
.col2 li a {color: #504941; text-decoration: none;}
.col2 li a:hover {color: #504941; text-decoration: underline;}
	
	/* Footer Links*/
	#footer-links  { position:absolute; top:0; right:60px; margin-top:-12px;}
	#footer-links a { text-decoration: none; color: #7ebee8; text-transform: uppercase; font-weight: bold;background: transparent url(img/footer_puces_link.png) no-repeat 0 0; padding-left:30px; line-height:25px;display: block; float:left;margin-left:10px;}
	#footer-links a:hover {  color: #d74738; background: transparent url(img/footer_puces_link_a.png) no-repeat 0 0; }
	
	/* Copyright */
	#copyright{ margin-top: 30px; width:946px;font-height:9px; color:#908981;text-align:center; padding:5px;}
	
/* Tools */
.clear {clear: both;}


.column-left{ width:350px;float:left; }
.column-right{ width:520px;float:left; margin:10px;}
.column-right img{float:left; margin-right:10px; border: 3px solid #CCC;}
.column {width:400px;float:left; margin:10px;}

.overlay img { margin: 0 auto;}
.overlay { 
    display:none; 
    background-image:url(img/overlay/transparent.png); 
    width:505px;
    height: 450px;         
    padding: 40px 35px; 
    font-size:11px; 
} 
.overlay div.close { 
    background-image:url(img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}