/*
Design by Zhou YU 2009
http://www.yu-webservices.fr
*/

body {
	margin: 0;
	padding: 0;
	background-color: #88301F;
	font-family: "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:center;
}

a {
	color: #88301F;
	text-decoration: underline;
	
}

a:hover {
	text-decoration: none;
	color: #333333;
}

input {
	border:2px solid #798121;
	background-color:#FFFFFF;
	margin:0;
}

input[type=submit] {
	border:2px solid #798121;
	background-color:#FFFFFF;
	padding:0;
	margin-left:-6px;
}

input[type=radio] {
	background-color:transparent;
	border:none;
}

select, option {
	background-color:#FFFFFF;
}

textarea {
	border:1px solid #98A136;
	background-color:#FFFFFF;
}

*:focus {
	 background-color:white;
 }


#page {
	width: 1025px;
	margin: 0 auto;	
	background:url(images/left.jpg) repeat-y left;
	background-color:#FFFFFF;
}
/* Header */

#header {
	width: 1025px;
	height: 201px;	
	margin: 0 auto;
	background:url(images/header.jpg) no-repeat left center;
	text-align:left;
}

#header_logo {
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:210px; 
	height:150px;
}

#header_logo:hover {
	cursor:pointer;
}

#header_menu {
	float:right;
	padding-top:155px;
}

#version{
	padding-left:70px;
}
/* Content */

#content {
	width: 1025px;
	margin: 0 auto;
}

#left {
	width: 251px;
	float:left;
	text-align:right;
}

#menu_left {
	width: 251px;
	height:401px;
	background:url(images/menu_left.jpg) no-repeat left top;	
	padding-top:37px;
	padding-right:20px;
}

#newsletter_search {
	margin-top:30px;
	padding-left:20px;
	color:#FFFFFF;
	text-align:left;
}

#newsletter_search a {
	color:#FFFFFF;
	text-decoration:none;
}

#newsletter_search div {
	padding-top:10px;
	padding-bottom:5px;
}

#right {
	width: 773px;
	float:right;
	padding-top:45px;
	margin-left:-50%;
}

#right #col_left {
	width:420px;
	float:left;
}

#right #col_left h1{
	font-weight:bold;
	font-size:30px;
	font-style:italic;
	color:#88301F;
	padding-left:20px;
	padding-bottom: 20px;
	text-align:left;
}

#right #col_left h3{
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	color:#88301F;
	padding-left:20px;
	margin-bottom:10px;
	background:url(images/puce_demi_verte-05.gif) no-repeat 0 5px;
	text-align:left;
}


#right #col_left .text {
	text-align:justify;
}

#right #col_left .image {
	float: right;
	margin-top:5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#right #col_left div{
	padding-left:20px;
}

#right #col_left ul{
	list-style: none;
	line-height: normal;
}

#right #col_left li{
	padding-left:20px;
	background:url(images/puce_orange-06.gif) no-repeat 0px 3px;
	padding-bottom: 10px;
}

#right #col_left #download{
	border-top:#333333 1.5px solid;
	margin-top:30px;
	padding-top:0px;
	padding-left:0px
}

#right #col_left #download a{
	padding-left:25px;
	background:url(images/fleche_verte-04.gif) no-repeat 0px 2px;
	padding-bottom: 10px;
	color: #88301F;
	font-weight:bold;
	font-style:italic;
}

#right #col_left #download a:hover{
	color: #F9BA00;
}

#right #col_right {
	width:300px;
	float:right;
	padding-right:10px;	
}

.news {
	width:300px;
	height:414px;
	background:url(images/cartouche_bordeau-07.gif) no-repeat center;	
}

.news .title {
	padding:20px 42px 5px 0;
	font-size:26px;
	font-style:italic;
	text-align:right;
	color: #88301F;
}

.news ul {
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	text-align:left;
	list-style: none;
	line-height: normal;	
}

.news li{
	padding-left:30px;
	padding-bottom:5px;
	background:url(images/puce_demi_bordeau-05.gif) no-repeat 0px 3px;
	width:70% !important;
	width:80%
}

.news li p{
	text-align:left;
}

.news .more{
	margin-left:60px;
	padding-left:25px;
	background:url(images/fleche_bordeau-04.gif) no-repeat left center;
}

.contact {
	width:300px;
	min-height:354px;
	background:url(images/cartouche_vert_milieu.gif) repeat-y top;
}

.contact .top {
	width:300px;
	min-height:327px;
	background:url(images/cartouche_vert_haut.jpg) no-repeat top;	
}

.contact .title {
	padding:20px 42px;
	font-size:26px;
	font-style:italic;
	text-align:right;
	color: #98A136;
}

.contact .text {
	font-size:12px;
	padding-left:40px;
	padding-top:10px;
	text-align:left;
	width:80%;
}

.contact .bottom {
	width:300px;
	height:27px;
	background:url(images/cartouche_vert_bas.jpg) no-repeat top;	
}

/* Footer */

#footer {
	clear: both;
	width: 1025px;
	margin: 0 auto;
	height: 65px;
	background:url(images/footer.jpg) no-repeat left center
}

#footer p {
	padding-top: 30px;
	line-height: normal;
	font-size: 10px;
	text-align:center;
}

#footer a {
	padding: 0 5px 0 16px;
	text-decoration: none;
	background: url(images/puce_verte.gif) no-repeat left;
}

#footer a:hover {
	color: #FF6600;
}

/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */

#nav_top, 
#nav_top ul {padding:0 0 0px 0; margin:0; list-style:none; position:relative; z-index:200; float:left; font-size:14px;}
#nav_top {height:25px;}

#nav_top li {float:left;}
#nav_top li li {float:none; border-bottom:1px #FFFFFF solid; padding-bottom:0; background-color:#F9BA00; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; text-align:left;}
/* a hack for IE5.x and IE6 */
* html #nav_top li li {float:left;}

#nav_top li a {display:block; float:left; color:#88301F; margin:0; padding: 0 15px 0 11px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap; background: url(/images/puce_menu_haut.gif) no-repeat left center;}
#nav_top li li a {height:20px; line-height:20px; float:none; background:none; font-size:12px}

#nav_top li:hover {position:relative; z-index:300;}
#nav_top li:hover ul {left:0; left:10px !important; top:22px; background-color:#F9BA00; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; text-align:left; width:auto;}
/* another hack for IE5.5 and IE6 */
* html #nav_top li:hover ul {left:10px;}

#nav_top ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav_top ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav_top li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav_top li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav_top li:hover > a {text-decoration:none; color:#F9BA00;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav_top li:hover li:hover ul,
#nav_top li:hover li:hover li:hover ul,
#nav_top li:hover li:hover li:hover li:hover ul,
#nav_top li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav_top li:hover ul ul,
#nav_top li:hover li:hover ul ul,
#nav_top li:hover li:hover li:hover ul ul,
#nav_top li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav_top li:hover a,
{text-decoration:none; color:#88301F;}


/* hide futher possible paths */
#nav_top li:hover li a,
#nav_top li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li:hover li:hover li a:hover
{text-decoration:none; color:#88301F;}

/* hide futher possible paths */
#nav_top li:hover li a:hover,
#nav_top li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li:hover li a:hover,
#nav_top li:hover li:hover li:hover li:hover li:hover li a:hover
{text-decoration:none; color:#FFFFFF;}


#nav_left, 
#nav_left ul {float:left; padding:0 0 0px 0; margin:0; list-style:none; font-size:13px; font-weight:bolder; border:0px solid #000; position:relative; z-index:200; width:98%;}

#nav_left li li {background:#98A136; border-bottom:1px #FFFFFF solid; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; padding-left:10px; text-align:left;}
/* a hack for IE5.x and IE6 */
* html #nav_left li {float:left;}

#nav_left li a {display:block; color:#88301F; margin:0 50px 27px 0px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav_left li li a{margin:0; font-weight:normal}

#nav_left li:hover {position:relative; z-index:300;}

#nav_left ul {position:absolute; left:-9999px; top:-9999px; }
/* yet another hack for IE5.x and IE6 */
* html #nav_left, * html nav_left ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav_left li:hover > ul {left:-15px; margin-left:100%; top:-1px; }
/* keep further levels hidden */
#nav_left li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav_left li:hover > a {text-decoration:underline; color:#7b5;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav_left li:hover ul,
#nav_left li:hover li:hover ul,
#nav_left li:hover li:hover li:hover ul,
#nav_left li:hover li:hover li:hover li:hover ul,
#nav_left li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav_left li:hover ul ul,
#nav_left li:hover li:hover ul ul,
#nav_left li:hover li:hover li:hover ul ul,
#nav_left li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav_left li:hover a,
#nav_left li:hover li:hover a,
#nav_left li:hover li:hover li:hover a,
#nav_left li:hover li:hover li:hover li:hover a,
#nav_left li:hover li:hover li:hover li:hover li:hover a,
#nav_left li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FFFFFF;}

/* hide futher possible paths */
#nav_left li:hover li a,
#nav_left li:hover li:hover li a,
#nav_left li:hover li:hover li:hover li a,
#nav_left li:hover li:hover li:hover li:hover li a,
#nav_left li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFFFFF;}

#nav_left #a_1{width:195px;}
#nav_left #a_2{width:186px;}
#nav_left #a_3{width:179px;}
#nav_left #a_4{width:174px;}
#nav_left #a_5{width:172px;}
#nav_left #a_6{width:171px;}
#nav_left #a_7{width:170px;}