/* tests pour titre en font-face */
@font-face {
	font-family: 'RapscallionRegular';
	src: url('/fonts/RAPSCALL-webfont.eot');
	src: local('?'), url('/fonts/RAPSCALL-webfont.woff') format('woff'), url('/fonts/RAPSCALL-webfont.ttf') format('truetype'), url('/fonts/RAPSCALL-webfont.svg#webfontyUUfaPCV') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AurulentSans-Regular';
	src: url('/fonts/Aurulent/AurulentSans-Regular-webfont.eot');
	src: local('?'), url('/fonts/Aurulent/AurulentSans-Regular-webfont.woff') format('woff'), url('/fonts/Aurulent/AurulentSans-Regular-webfont.ttf') format('truetype'), url('/fonts/Aurulent/AurulentSans-Regular-webfont.svg#webfontyUUfaPCV') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* styles */
body {
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
text-align:justify;
/*color: #7c7879;*/
color: #606060;
}
.tutotit {
color:#555555;
text-decoration:none;
}

.twitter a{
	background:url(/images/share_twitter.png) no-repeat;
	width:26px;
	height:27px;
	background-position:0px 10px;
	position:relative;
	float:left;
	margin-left:15px;
}
.twitter a:hover{
	background-position:0px 5px;
}

.share{
	background:url(/images/share_bg.png) no-repeat;
	width:90px;
	height:26px;
	overflow:hidden;
	position:relative;
	top:-10px;
	/*left:360px;*/
}

.facebook a{
	background:url(/images/share_facebook.png) no-repeat;
	width:26px;
	height:27px;
	background-position:0px 10px;
	position:relative;
	float:left;
	margin-left:18px;
}
.facebook a:hover{
	background-position:0px 5px;
}


img.pic { border: 1px solid #000000 ; }

.global {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.alt2, .alt2Active
{
	background: #CCCCCC;
	color: #000000;
	
}

.noir {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration : none;
	text-decoration : none;
	color : #000000;
	font-weight : normal;
	border : 0px solid;
	}
	
.century_gothic {
	font-family: century gothic, verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	text-decoration : none;
	color : #79767d;
	font-weight : normal;
	border : 0px solid;
	}
a{
	color: #599959;
	text-decoration: none;
}

select,input{
	color: #666;
	text-decoration: none;
	font-size:12px;
}

a:hover {
color:#83b182;
}
/* Menu plugin et tutoriaux */
.titre_tuto{
	padding-top:5px;
	padding-bottom:2px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #65985d;
	text-align:center;
}
.soustitre_tuto{
	padding-bottom:15px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	text-align:center;
}
.titre_plugin{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color:#65985d;
	
}
.soustitre_plugin{
	margin-top:10px;
	margin-bottom:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #646464;
	text-align:justify;
	
}
.petit_noir {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration : none;
	text-decoration : none;
	color : #000000;
	font-weight : normal;
	border : 0px solid;
	}
a.plugin {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height:13px;
	color: #65985d;
	text-decoration: none;
}
a:hover.plugin {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height:13px;
	color: #000000;
	text-decoration: none;
}
/* Textes et mise en page produits */
.titre_page{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 32px;
	color: #65985d;
	text-align:left;
	line-height:28px;
	padding-top:25px;	
	padding-bottom:25px;	
}
.titre_studio{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #000000;
}
.titre_bloc {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #646464;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
}

.titre_vert {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #65985d;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	line-height:25px;
}

.titre_texte {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #65985d;
	text-align:left;
	text-align:left;
	line-height:18px;
	padding-top:15px;
	padding-bottom:7px;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #646464;
	font-style:italic;
	line-height:18px;
	padding-bottom:15px;
}
.rubrique_intro {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin-top:10px;
}

.nb {
	border: 1px solid;
	bordercolor: #448c46;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #448c46;
	font-style:regular;
	line-height:13px;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	margin-top:15px;
	margin-bottom:15px;
}
/* general */
.titre{
text-align:right;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titre_tableg { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #838383;
	line-height: 17px;
	}
.titre_table { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #948e9c;
	line-height: 17px;
	}

.titre_table2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	color: #71A000;
	line-height: 17px;
	}
	
.titre_table3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #599959;
	line-height: 14px;
 	font-weight:bold;
display:list-item; 
list-style-position:inside; 
text-align:left; 
width: 100%; 
line-height: 15px; 
	}
	

.bg{
 background-repeat: no-repeat
}

.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.topnav a {
color:#333333;
text-decoration:none;
}

.topnav a:active {
color:#000000;
}

.topnav a:hover {
color:#000000;
}

.tutovid {
color:#666666;
text-decoration:none;
}

.tutovid a {
color:#666666;
text-decoration:none;
}

.tutovid a:active {
color:#000000;
}

.tutovid a:hover {
color:#000000;
}
.newshome {
text-align:justify;
}
.newshome a {
color:#666666;
text-decoration:none;

}

.newshome a:active {
color:#999999;
}

.newshome a:hover {
color:#999999;
}

.sectionLinks a:link{
	display: block;	border-top: 1px dashed #D1D1D1;
	border-bottom: 1px solid #ffffff;
/*	background-image:  url("bg_nav.jpg"); */
	background-color: #ffffff;
/*	font-weight: bold; */
	text-decoration:none;
	padding: 3px 0px 0px 10px;
	color: #79767d;
}

.sectionLinks a:visited{
	display: block;	border-top: 1px dashed #D1D1D1;
	border-bottom: 1px solid #ffffff;
/*	background-image:  url("bg_nav.jpg"); */
	background-color: #ffffff;
	text-decoration:none;
/*	font-weight: bold; */
	padding: 3px 0px 0px 10px;
	color: #79767d;
}

.sectionLinks a:hover{
	display: block;	border-top: 1px dashed #D1D1D1;
	border-bottom: 1px solid #ffffff;
	background-color: #76b377;
	background-image: none;
	padding: 3px 0px 0px 10px;
/*	font-weight: bold; */
	text-decoration: none;
	color: #ffffff;
}




/* Nav Styles -------- */

#navwrapper {
	position: relative;
	height: 50px;
}

#navwrapper2 {
	position: absolute;
	left: 136px;
} 
#nav {
	/*background-image:url(graphics/nav_fd.gif);*/
	background-color: #77c445;
	height:25px;
}

#nav table {
	height: 25px;
	width: 769px;
	text-align: center; 
}
#nav td.nav_item {
	padding: 5px;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position: relative;

}

#nav td.nav_item a, #nav td.nav_item_selected a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	
}

#nav td.nav_item_selected {
	/*background-image:url(graphics/nav_on.gif);	*/
	background-color: #DBDBDB;
	padding: 5px;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}


#nav_under {
	background-image:url(graphics/subnav2_bg_home.gif);
	margin-bottom: 0;
	height:28px;
}

#nav_under_on {
	/*background-image:url(graphics/subnav2_bg.gif); */
	margin-bottom: 0;
	height:28px;
	background-color: #DBDBDB;
}

#subnav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*position: relative;*/
}
#subnav a {
	color:#333333;
	text-decoration:none;
}
#subnav a:hover {
	color: #000000;
}
.haut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.haut a {
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}
.haut a:hover {
	color: #999999;
	font-weight:normal;
}

.subnav_menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	visibility: hidden;
	position: relative;
	left: 280px;
	top: 32px;
}

.subnav_menu a {
	color:#333333;
	text-decoration:none;
	
}
.subnav_menu a:hover {
	color: #000000;
	
}

.forum a {
 	color:#599959;
	text-decoration:none;
}

.forum a:hover {
 	color:#83b182;
}


.subnav_menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	visibility: hidden;
	position: absolute;
	margin-left: -28px;
	top: 32px;
	
}

.subnav_menu a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
.subnav_menu a:hover {
	color: #000000;
	font-weight:bold;
}



.a_menu:link {text-decoration: none; font-size:11px; color: #FFFFFF;}
.a_menu:visited {text-decoration: none; font-size:11px; color: #FFFFFF;}
.a_menu:hover {color: #FBC62B; font-size:11px;} 



a.subnav_on, a:hover.subnav_on {
	color: #CC0000;
	font-weight:bold;
}
.copyrfooter {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #7c7879;
}


 .editable    { background-color: #EFE; } 

 .uneditable  { background-color: #FDD } 

 .editing     { background-color: #AFA } 
 
 .saving      { color: #999; } 
 
 dl.steps {

  margin: 0;

  padding: 0;

}



dl.steps dt {

  color: #FFF;

  background: #CACACA url(topleftround.png) no-repeat top left;
  font-weight: bold;
  padding: 0 1ex;
  float: left;
  margin: -0.5ex 1ex 0 0;
 }

dl.steps dd { 
  margin: 0 5em 1em 2em;
  padding: 0 1ex 1ex 1ex;
  background: #EAEAEA url(bottomrightround-eaeaea.gif) no-repeat bottom right;
}



 h1 div#example { 
   margin: 1ex;
   padding: 1ex;
   float: right; 
   border: solid #DDD 2px;
 }

