/* Global styles
----------------------------------------------- */

*{margin:0;padding:0}

body{
	background:#232323 url(../images/background.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
} 

a, a:hover, a:focus, a:active {outline:none;text-decoration:none}

h1, h2{display:none}

h4{font-size:1em}
h5{font-size:1em}
h3{
	font-size:1.8em;
	font-weight:normal;	
	background:url(../images/puce.png) no-repeat left 3px;
	padding:0 0 10px 30px;
	width:327px;
	display:block;
}

h3,h4,h5{font-family:Verdana, Arial, Helvetica, sans-serif}

li{list-style-type: none;}

#global{
	width:968px;
	margin:50px auto 0 auto;
}

/* Header styles
----------------------------------------------- */

#header {
	width:960px;
	height:152px;
	background:url(../images/header.png) no-repeat left top;
	padding:8px 4px 0 4px;
	float:left;
}

#logo, #menu{float:left}

#logo a{
	width:450px;
	height:80px;
	display:block;
	text-indent:-9000px;
	margin:15px 0 0 20px
}

#menu {
	list-style:none;
	height:85px;
	width:464px;
	padding:36px 0 0 15px;
}

#menu li{
	float:left;
	width:90px;
	height:84px;
}

#menu li a{
	width:90px;
	height:84px;
	display:block;
	text-indent:-9000px; 
}

#menu li a:hover{background-image:none}

#flash{
	text-align:right;
	padding:11px 50px 0 0;
	font-size:11px;
	cursor:pointer;
	z-index:10;
	position:relative;
	width:100px;
	float:right;
	
	height:20px;
}

#flash a{color:white}
#flash a:hover{color:#61B709}

/*
Wrapper styles 
----------------------------------------------- */

#wrapper {
	background:#aeaeae url(../images/wrapper.png) repeat-y left top;
	width:960px;
	padding:0 4px;
	float:left;
}

#logo_pics{
	width:906px;
	background:url(../images/logo.jpg) no-repeat left top;
	padding:23px 0 0 54px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#words, #content{float:left}

#content{padding:0 0 10px 20px}	

#content_header,#content_footer{width:550px;height:13px}

#content_header{background:url(../images/wrap_header.png) no-repeat left top}

#content_wrapper{
	background:url(../images/wrap_wrapper.png) repeat-y left top;
	width:480px;
	padding:0 35px 20px 35px;
}

#sizer{
	width:135px;
	height:21px;
	padding:0 0 0 345px;
	z-index:2;
}

#sizer label{
	font-size:11px;
	float:left;
	padding:4px 0 0 13px;
	background:url(../images/puce2.gif) no-repeat left 11px;
}

#sizer span{
	display:block;
	height:21px;
	width:21px;
	float:left;
}

#sizer span a {display:block;height:21px;width:21px;text-indent:-9000px;}

#sizer a:hover{background-image:none}

#moins{background:url(../images/small_txt.gif) no-repeat left -21px;margin:0 3px 0 0}
#moins a{background:url(../images/small_txt.gif) no-repeat left top;}

#plus{background:url(../images/big_txt.gif) no-repeat left -21px}
#plus a{background:url(../images/big_txt.gif) no-repeat left top}

#content_footer{background:url(../images/wrap_footer.png) no-repeat left top}

/*
Wrapper index.php styles 
----------------------------------------------- */
.rea_home{
	width:470px;
	float:left;
	text-align:center;
	padding:0 0 0 10px;
}

.rea_home img{border:none}

.rea_home a{display:block;border:1px solid black}

.rea_home li{
	float:left;
	display:block;
	border:1px solid #fff;
	
}

.rea1 a{background:url(../images/rea1.jpg) no-repeat left top}
.rea2 a{background:url(../images/rea2.jpg) no-repeat left top}
.rea3 a{background:url(../images/rea3.jpg) no-repeat left top}
.rea4 a{background:url(../images/rea4.jpg) no-repeat left top}

.rea1 a:hover,.rea2 a:hover,.rea3 a:hover,.rea4 a:hover{border:1px solid #999}

/*
Class Wrapper services.php styles 
----------------------------------------------- */
.services p{padding:0px 0 45px 0}

.services ul{margin:20px 0  45px 30px;width:420px}
.services li{margin:0 0 10px 0;}

.services h5{background:url(../images/puce_txt.png) no-repeat left 3px;text-indent:15px;color:#444;height:17px}

.cut{background:url(../images/content_cut.png) no-repeat left top;display:block;height:40px;margin:-15px 0 0 0}

/*
Class Wrapper references.php styles 
----------------------------------------------- */
.ref{font-size:0.9em;color:#ddd;position:relative;margin:0px 0 18px 0;float:left;width:480px}

.ref h4{
	padding:5px 0 0px 40px;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	border-bottom:1px dashed #fff;
	margin:0 0 10px 0;
}
.ref div{
	background:url(../images/background.jpg) repeat left top;
	border-top:2px inset #999;
	border-left:2px inset #999;
	border-right:2px inset #ddd;
	border-bottom:2px inset #ddd;
	padding:0 10px 15px 10px;
	width:208px;
}

.ref span{height:17px;color:#ddd;display:block;padding:5px 0 5px 15px;background:url(../images/puce_txt.png) no-repeat left 8px}

.ref img{border:none}

a.refImg {border:2px solid #555;background:#000;display:block;padding:2px;width:200px;height:140px;}
a.refImg:hover{border:2px solid #ddd}

.ref p{float:left;width:208px}

.ref p a{padding:10px 0 0 15px;text-decoration:none;color:#999}
.ref p a:hover{color:#afee00}

.ref p a.zoom{background:url(../images/plus.gif) no-repeat left 12px}
.ref p a.url{background:url(../images/site.gif) no-repeat left 12px}

/*
Wrapper contact.php styles 
----------------------------------------------- */

fieldset{padding:10px;margin:20px 0 10px 0;border:1px inset #999}

legend{padding:0 10px;font-size:1.1em;color:#afee33}

#champ_form strong,#restricted strong{color:#990000}

#champ_form label{
	clear:left; 
	display:block; 
	float:left; 
	width:110px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom:3px;
	cursor:pointer;
}

#champ_form fieldset input, #champ_form fieldset textarea{
	border:1px solid #666; 
	padding:0 1.5em 0 2px; 
	width:150px; 
	margin-bottom:3px;
	background-color:#eee;
}

#champ_form fieldset input:focus, #champ_form fieldset textarea:focus{background-color:#FFFFFF}

#champ_form fieldset textarea{width:200px}

#send {width:480px}

#send input{width:65px;margin:0 5px 0 0;font-size:0.9em;outline:none;background:#ddd; border-width:1px}

#form_info{
	margin:20px 0 0 0;
	height:30px;
	padding:10px 0 0 0;
	background:none;
	width:478px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

#restricted {padding:0 0 0 40px}

.form_ok{height:15px;background:url(../images/accept.png) no-repeat left 2px;padding:0 0 0 20px;margin:0 0 0 -20px}

/*
Wrapper liens.php styles
----------------------------------------------- */
#liens p {padding:0 0 20px 0}
#liens h4{color:#afee33;background:url(../images/puce2.gif) no-repeat left 8px;text-indent:10px;padding:0 0 10px 0}

#liens li{margin:0 0 20px 25px;color:#ddd;border-bottom:1px dashed #eee;padding:0 0 5px 0}
#liens li span{font-size:0.85em;display:block}

/*
Wrapper sitemap.php styles 
----------------------------------------------- */

#sitemap h4{color:#afee33;background:url(../images/puce2.gif) no-repeat left 8px;text-indent:10px;margin:0 0 0 -10px;}

#sitemap a,#liens a {color:#EEE}
#sitemap a:hover,#liens a:hover{color:#333;text-decoration:underline}

#sitemap li {margin:0 0 0 40px}

ul#sitemap > li {margin-bottom: 10px}

#sitemap ul li {list-style-image: url(../images/l2_normal.gif)}

#sitemap ul li.firstfollow {list-style-image: url(../images/l2_first_follow.gif)}

#sitemap ul li.last {list-style-image: url(../images/l2_last_item.gif)}

#sitemap ul ul li.firstfollow {list-style-image: url(../images/l3_first_follow.gif)}

#sitemap ul ul li {list-style-image: url(../images/l3_normal.gif)}

#sitemap ul ul li.last {list-style-image: url(../images/l3_last_item.gif)}

/*
Wrapper mentions-legales.php styles 
----------------------------------------------- */
.mentions h4{color:#afee33;font-size:1.3em}
.mentions strong{color:#fff}
.mentions p{padding:15px 0}

/*
Footer styles 
----------------------------------------------- */

#footer{
	background:url(../images/footer.gif) no-repeat top left;
	width:943px;
	height:141px;
	padding:0 0 0 25px;
	font-size:0.9em;
	margin:0 0 50px 0;
	font-size:0.7em;
}

#footer ul, #footer li{list-style:none;float:left}

#footer_menu{width:714px;margin:25px 0 0 0}

#download p{height:20px}

#download{float:left;padding:12px 0 0 0;height:75px}

#download li{padding:0 18px 0 0}

#download a{display:block;width:39px;height:39px;text-indent:-9000px}
#download a:hover{background-image:none}

#info{color:#666}

#keywords{color:#1f1f1f;padding:3px 0 0 0;margin:0 0 0 -16px}

#keywords a, #keywords a:hover{color:#1f1f1f}

/*
Class 
----------------------------------------------- */
.clear{clear:both;height:0;overflow:hidden}

a.foot {color:#fff}
a.foot:hover{color:#999;text-decoration:underline}

a.light_greyDisabled{color:#999;cursor:default;text-decoration:none}

a.light_grey{color:#666}
a.light_grey:hover{color:#EEE;text-decoration:underline}

a.greyDisabled,a.greyDisabled:hover{color:#eee;cursor:default;text-decoration:underline}

a.grey{color:#333}
a.grey:hover{color:#EEE;text-decoration:underline}

a.white {color:#EEE}
a.white:hover{color:#666;text-decoration:underline} 

/*a.green {color:#afee00}
a.green:hover{color:#EEE;text-decoration:underline} */

.white{color:#fff}
.black{color:#000}
.green strong{color:#afee33;font-weight:normal}
.bold{font-weight:bold}

.left{float:left}
.right{float:right}
.justify{text-align:justify}

.mr15{margin:0 15px 0 0}

.menu1{background:url(../images/menu1.jpg) no-repeat left -84px}
.menu1 a{background:url(../images/menu1.jpg) no-repeat left top}
.menu2{background:url(../images/menu2.jpg) no-repeat left -84px}
.menu2 a{background:url(../images/menu2.jpg) no-repeat left top}
.menu3{background:url(../images/menu3.jpg) no-repeat left -84px}
.menu3 a{background:url(../images/menu3.jpg) no-repeat left top}
.menu4{background:url(../images/menu4.jpg) no-repeat left -84px}
.menu4 a{background:url(../images/menu4.jpg) no-repeat left top}
.menu5{background:url(../images/menu5.jpg) no-repeat left -84px}
.menu5 a{background:url(../images/menu5.jpg) no-repeat left top}

.puce{background:url(../images/puce.png) no-repeat left top;padding:4px 0 10px 30px}

.puce_dnl{background:url(../images/dnl_btn.gif) no-repeat left top;padding:4px 0 10px 30px}

.puce_footer{background:url(../images/puce_footer.gif) no-repeat 10px 6px;padding:0 0 0 25px}

.puce_2{display:block;background:url(../images/puce_footer.gif) no-repeat 5px 8px;padding:0 0 0 15px;margin-top:-45px}

.first_titre {
	background:url(../images/hr.gif) no-repeat left 33px;
	padding:0 0 20px 0;
	width:480px;
}

.up{background:url(../images/hr.gif) no-repeat left bottom;height:25px;width:480px;display:block;margin:10px 0 0 0}
a.linkUp {color:#EEE;display:block;width:90px}
a.linkUp:hover{color:#666;text-decoration:underline}

.titre {
	background:url(../images/hr.gif) no-repeat left 53px;
	padding:20px 0;
	width:480px;
	position:relative;
}

.new{
	background:url(../images/new.png) no-repeat left top;
	display:block;
	position:absolute;
	top:15px;
	right:10px;
	height:54px;width:54px;
}

.h4{
	padding:5px 0 0px 40px;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 20px 0;
	width:437px;
	background:url(../images/rub.png) no-repeat top left;
	height:32px;
}

.size12{font-size:12px}
.size14{font-size:14px}
.size16{font-size:16px}
.size18{font-size:18px}
.size20{font-size:20px}
.size22{font-size:22px}
.size25{font-size:25px}
.size50{font-size:50px}

.words1{padding:0 0 0 20px;line-height:80%;}
.words2{padding:0 0 0 70px;line-height:50%}
.words3{padding:5px 0 0 175px;color:#555554}

.spacer{background:url(../images/li_menu.gif) no-repeat center center;padding:0 15px}

.dnl1{background:url(../images/firefox_btn.gif) no-repeat left -39px}
.dnl1 a{background:url(../images/firefox_btn.gif) no-repeat left top}
.dnl2{background:url(../images/acrobat_btn.gif) no-repeat left -39px}
.dnl2 a{background:url(../images/acrobat_btn.gif) no-repeat left top}
.dnl3{background:url(../images/flash_btn.gif) no-repeat left -39px}
.dnl3 a{background:url(../images/flash_btn.gif) no-repeat left top}


.link{bottom:0;position:absolute; background:url(../images/puce_flash.gif) no-repeat left 3px;padding:0 0 0 15px}


#content.e_404 {width:400px;height:361px;margin:0 0 0 50px}
#content.e_404 p{width:400px;margin:50px 0 0 0}