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

body {
	margin: 0;
	padding: 0;
	background-color: #FCF3F1;
	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;	
	border-left:#88301F 1px solid;
	border-right:#88301F 1px solid;
	background-color:#98A136;
}
/* Header */

#header {
	width: 1025px;
	height: 90px;	
	margin: 0 auto;
	text-align:left;
	background-color:#F9BA00;
}

#version{
	padding-left:70px;
}	

#logo {
	color: #88301F;
	font-size:20px;
	font-weight:bold;
	padding-top:25px;
	padding-left:30px;
	float:left;
	text-align:center;
}

#logo a {
	text-decoration:none;
}

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

/* Content */

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

#left {
	width: 251px;
	float:left;
	background-color:#98A136;
}

#menu_left {
	width: 251px;
	padding-top:5px;
	text-align:left;
}

#menu_left ul{
	list-style:none;
	font-weight:600;
}

#menu_left ul li{
	list-style:none;
	padding-top:3px;
	padding-bottom:5px;
}

#menu_left a{
	text-decoration:none;
}

#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:10px;
	background-color:#FFFFFF;
	min-height:715px;
	height:auto  !important;
	height:770px;
}

#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;
	padding-top:20px;
}

.news {
	width:300px;
	height:414px;
	background-color:#EEEEEE;
	border:#9D9D9D 1px solid;	
	margin-top:30px;	
}

.news .title {
	padding:20px 0px 5px 20px;
	font-size:26px;
	font-style:italic;
	text-align:left;
	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-bottom:5px;
	width:90%
}

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

.news .more{
	margin-left:120px;
}


.formation {
	width:300px;
	height:414px;
	background-color:#EEEEEE;
	border:#9D9D9D 1px solid;	
	margin-top:30px;	
}

.formation .title {
	padding:20px 0px 5px 20px;
	font-size:26px;
	font-style:italic;
	text-align:left;
	color: #bd9458;
}

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

.formation li{
	padding-bottom:5px;
	width:90%
}

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

.formation .more{
	margin-left:120px;
	color: #bd9458;
}

.contact {
	width:300px;
	min-height:354px;
	background-color:#EEEEEE;
	border:#9D9D9D 1px solid;	
	margin-top:30px;
}

.contact .top {
	width:300px;
	min-height:327px;
}

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

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

.contact .bottom {
	width:300px;
	height:27px;
}

/* Footer */

#footer {
	clear: both;
	width: 1025px;
	margin: 0 auto;
	height: 65px;
	background-color:#F9BA00;
}

#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;}
#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:#FFFFFF;}


/* 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;}