/************************************************/
/*** Code : Marc Radermacher - Edroweb studio ***/
/************************************************/

/**
border: 1px solid #ffc700;
**/

/*-------------------------*/
/* Main                    */
/*-------------------------*/

html, body, form {
	margin: 0px;
	padding: 0px;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
	color:#383637;
}

body {
	background-color:#cdced0;
}

#main {
	width: 1000px;
	margin: 0px auto;
	text-align:left;
	background-color:#fafafa;
}

#main_page {
	padding:20px;
/**
	background-image: url(gfx/bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
**/
}

a,
#main_page a,
#header_logo a,
#main_page strong a:hover,
strong a:hover {
	color:#706d6e;
  text-decoration:none;
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
}

#main_page a:hover,
#header_logo a:hover,
#main_page strong a, strong a {
	color:#00b0f0;
	color:#fa8601;
  text-decoration:none;
}

#main_page a.bp, a.bp {
	color:white;
	text-decoration:none;
}

#main_page a.bp:hover, a.bp:hover {
	color:white;
	text-decoration:none;
}

#formation_1 h2 a:hover {	color:#f99420; }
#formation_2 h2 a:hover {	color:#cadb2b; }
#formation_3 h2 a:hover {	color:#8dd0fc; }
#formation_4 h2 a:hover {	color:#ffc837; }

#formation_1 h2 a.liste {	color:#f99420; }
#formation_1 h2 a.liste2 {	color:#ffc837; }
#formation_2 h2 a.liste {	color:#cadb2b; }
#formation_3 h2 a.liste {	color:#8dd0fc; }
#formation_4 h2 a.liste {	color:#ffc837; }

#formation_1 h2 a.liste:hover,
#formation_1 h2 a.liste2:hover,
#formation_2 h2 a.liste:hover,
#formation_3 h2 a.liste:hover,
#formation_4 h2 a.liste:hover {
	color:#4e4e4e;
}

#big_menu a {
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  text-decoration:none;
	color:#4e4e4e;
}

#big_menu a:hover, a:hover {
	color:#00b0f0;
	color:#fa8601;
	color:white;
  text-decoration:none;
}

.agenda {
	margin: 0px;
	padding: 0px;
	float:left;
	margin-top:-8px;
	margin-right:-8px;
}

.agenda_pic {
	height:75px;
	padding-top:14px;
}

#header {
  float: right;
  width:1000px;
  height:167px;
	background-color:white;
}

#header_left {
  float: left;
	width:280px;
  height:167px;
  background-image: url(gfx/header_left_2013.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#header_left_link {
	padding-top:11px;
	padding-left:12px;
}

#header_left_link  {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
	/**font-variant: small-caps;**/
	color:#383637;
	text-transform:capitalize;
	line-height: 34px;
}

#header_logo {
  float: left;
	width:440px;
  height:167px;
	text-align:center;
}

#header_right {
	text-align:right;
	float: left;
	width:280px;
  height:167px;
  background-image: url(gfx/header_right.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#header_right img {
	margin:10px;
}

#header_right img:hover {
}

img {
  border-style: none;
}

hr {
	border: 0;
	border-bottom: #383637 dotted 1px;
	margin: 0 auto;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.box2 p {
	margin: 0px;
  padding: 0px;
}

/*-------------------------*/
/* Tables                  */
/*-------------------------*/

.cms table tr td table p,
.cms table tr td tr p,
.cms table tr td th p,
.cms table tr td td p {
	clear:both;
	margin:0px;
	padding:0px;
}

p {
	margin: 0px;
  padding: 10px;
  padding-left: 40px;
}


.cms table {
	margin-left:15px;
 	border-collapse:collapse;
 	border-width:1px;
 	border-style:solid;
 	border-color:#aaaaaa;
}

.cms th {
 	background-color:#eeeeee;
 	border-width:1px;
 	border-style:solid;
 	border-color:#aaaaaa;
}

.cms td {
 	border-width:1px;
 	border-style:solid;
 	border-color:red;
 	border-color:#aaaaaa;
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
 	padding-bottom:5px;
}

.cms tr {
	background-color:#ffffff;
}

.cms tr:hover  {
}

/*-------------------------*/
/* Menu Left               */
/*-------------------------*/

	#menu_left ul {
	  font-family: arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
		margin-left:2px;
	}

	#menu_left ul li ul {
    font-family: arial, sans-serif;
  	font-size: 11px;
  	font-weight: normal;
	}

	#menu_left li {
  	line-height: 20px;
		padding-left:18px;
	}

	#menu_left li ul li  {
		padding-left:10px;
	}

	#menu_left a {
  	display:block;
	}

	#menu_left a:hover {
  	text-decoration: none;
		color:#79b01d;
	}

	.menu_left {
  	background-image: url(http://arafdes.fr/gfx/puce_sub_off.png);
  	background-repeat: no-repeat;
  	background-position: 0px 2px;
	}

	.menu_left_active {
  	background-image: url(http://arafdes.fr/gfx/puce_sub_on.png);
  	background-repeat: no-repeat;
  	background-position: 0px 2px;
		color:#79b01d;
	}

	.menu_left_niv3 a {
	}

	.menu_left_niv3_active a {
		color:#79b01d;
	}

/*-------------------------*/
/* Menu                    */
/*-------------------------*/

#menu_zone {
	float: left;
	height:34px;
	width:1000px;
	background-color:#706d6e;
}

#menu {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: none;
	line-height:34px;
}

	div.pill_l {
	}

	div.pill_m {
	}

	div.pill_r {
	}

#pillmenu {
  display:block;
	height:34px;
}

#pillmenu ul {
	float:left;
  list-style:none;
  padding:0px;
	margin:0px;
}

#pillmenu li {
	float: left;
  border-color:#595959;
  border-width:1px;
  border-right-style:solid;
}

#pillmenu a {
  display:block;
	height:34px;
	color:white;
  text-decoration: none;
  padding-bottom:0px;
  padding-right: 14px;
  padding-left: 14px;
}

#pillmenu a:hover {
  text-decoration: none;
	background-color:#383637;
}

#pillmenu li ul a:hover {
}

#pillmenu a#active_menu-nav {
  text-decoration: none;
	background-color:#383637;
}

#pillmenu a#active_menu-nav:hover {
}

#pillmenu span a {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: none;
	text-transform:none;
	color:white;
	background: none;
}

	.sub_panel_content
	{
		position: relative;
		z-index: 10;
		padding-top: 10px;
	}

	.sub_panel
	{
		text-align:left;
		background-color:#706d6e;
		position:absolute;
		z-index:-1;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

/*-------------------------*/
/* Home                    */
/*-------------------------*/

#big_menu {
	width:980px;
	height:269px;
  background-image: url(gfx/big_bg.png);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}

#big_menu_1,
#big_menu_2,
#big_menu_3,
#big_menu_4 {
	width:210px;
	height:249px;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:20px!important!;/*** IE7 ***/
}


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

#footer {
  font-family: arial, sans-serif;
  font-size: 14px;
 	font-weight: normal;
	width:1000px;
	height:25px;
	background-color:#706d6e;
	color:white;
	padding-top:10px;
}

#footer_left {
	text-align:left;
	float:left;
}

#footer_right {
	text-align:right;
	float:right;
}

#footer a, a:visited {
 	font-weight: normal;
	color:white;
  text-decoration:none;
}

#footer a:hover {
	color:#00b0f0;
	color:#fa8601;
  text-decoration:none;
}


/*-------------------------*/
/* Fonts                   */
/*-------------------------*/

.cms h1,
h1 {
	background-color:#706d6e;
  color:#fff;
	font-family: arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
	/**font-variant: small-caps;**/
	text-transform: uppercase;
  margin-top:30px;
  margin-bottom:10px;
	padding-left:20px;
  line-height: 32px;
  height: 32px;
	width:460px;
		-webkit-border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
}

#formation_1 h1 {	background-color:#f99420; }
#formation_2 h1 {	background-color:#cadb2b; }
#formation_3 h1 {	background-color:#8dd0fc; }
#formation_4 h1 {	background-color:#ffc837; }

h5 {
	font-family: arial, sans-serif;
  font-size: 23px;
  font-weight: bold;
	/**font-variant: small-caps;**/
	text-transform: uppercase;
  line-height: 24px;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
}

#formation_1 h5 {	color:#f99420; }
#formation_2 h5 {	color:#cadb2b; }
#formation_3 h5 {	color:#8dd0fc; }
#formation_4 h5 {	color:#ffc837; }

h2 {
  font-family: arial, sans-serif;
  font-size: 19px;
  font-weight: normal;
	padding:0px;
	margin:0px;
	line-height: 18px;
}

.cms h2 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
	text-align:left;
	margin:0px;
	padding-top:12px;
	padding-left:20px;
	line-height: 16px;
}

.cms h2 #active {
	background-color:white;
}

h3 {
  font-family: arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
	text-align:left;
	padding:0px;
	margin:0px;
}

#big_menu_1 h4 a,
#big_menu_1 h4 a:hover,
#big_menu_2 h4 a,
#big_menu_2 h4 a:hover,
#big_menu_3 h4 a,
#big_menu_3 h4 a:hover,
#big_menu_4 h4 a,
#big_menu_4 h4 a:hover {
	display:block;
  color:#fff;
	font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
	/**font-variant: small-caps;**/
	text-transform: uppercase;
	line-height: 19px;
	margin-top:-18px;
	padding-top:13px;
	margin-left:-15px;
	padding-left:15px;
	margin-bottom:-10px;
	padding-bottom:12px;
}

ul {
  list-style-type: none;
  padding-left: 40px;
}

ul li ul {
  list-style-type: none;
  padding-left: 0px;
}

#main_page li {
  padding-left: 30px;
	background-image: url(gfx/puce_square_21.png);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

#main_page li ul li {
  padding-left: 30px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

#formation_1 li {
	background-image: url(gfx/puce_square_21.png);
}
#formation_2 li {
	background-image: url(gfx/puce_square_22.png);
}
#formation_3 li {
	background-image: url(gfx/puce_square_23.png);
}
#formation_4 li {
	background-image: url(gfx/puce_square_24.png);
}

/*-------------------------*/
/* Boxes                   */
/*-------------------------*/

.box {
  border-color:#eee;
  border-width:1px;
  border-style:solid;
	background-color:#eee;
	padding:20px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
}


.box_title {
	background-color:#706d6e;
  border-color:#706d6e;
  border-width:1px;
  border-style:solid;
  color:#fff;
	font-family: arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  margin-bottom:10px;
	padding-left:30px;
  line-height: 32px;
  height: 32px;
		-webkit-border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
}

.formulaire,
.box2 {
	background-color:#eee;
	padding:15px;
	margin-left:5px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:15px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
}

.box2_title
{
	background-color:#706d6e;
  border-color:#706d6e;
  border-width:1px;
  border-style:solid;
  color:#fff;
	font-family: arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  margin-bottom:10px;
	padding-left:20px;
  line-height: 32px;
  height: 32px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
}

	.box2_content
	{
		padding-right:20px;
	}

	.box3 {
    font-family: arial, sans-serif;
  	font-size: 18px;
  	font-weight: normal;
		text-align:center;
		width:180px;
		height:41px;
		float:left;
		margin-right:10px;
  	border-color:#b0b1b3;
  	border-width:1px;
  	border-style:solid;
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		background-color:#f9f9f9;
  	color:#444444;
		background: url(http://arafdes.fr/gfx/mw_menu3.png) center right repeat-x;
	}

	.box3:hover {
		color:#202526;
		background: url(http://arafdes.fr/gfx/mw_menu3_hover.png) center right repeat-x;
  	text-decoration:none;
	}

/*-------------------------*/
/*          Forms          */
/*-------------------------*/

.bp,
a.bp
{
  font-weight: bold;
	background-color:#706d6e;
	color:#fff;
	border: 1px solid #706d6e;
	height:24px;
	display:inline;
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
	padding: 0px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	/***background: url(http://arafdes.fr/gfx/mw_menu_active.png) top right repeat-x;***/
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bp:hover,
a.bp:hover
{
	background-color:#383637;
	color:#fff;
	border: 1px solid #383637;
}

.bp_find
{
  font-weight: bold;
	background-color:#706d6e;
	color:#fff;
	border: 1px solid #706d6e;
	display:inline;
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
	/***background: url(http://arafdes.fr/gfx/mw_menu_active.png) top right repeat-x;***/
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
}

.bp_find:hover
{
	background-color:#383637;
	color:#fff;
	border: 1px solid #383637;
}

textarea {
	font-family: arial, sans-serif;
	font-size: 11px;
	width:860px;
}

/*-------------------------*/
/*         Contact         */
/*-------------------------*/

#contact_formulaire {
}

.box_error {
	width: 100%;
	background:red;
	position:relative;
	z-index:5001;
	color: white;
	width: 150px;
	font-size: 11px;
  font-weight: bold;
	border: 2px solid red;
		box-shadow: 0 0 6px #666;
		-moz-box-shadow: 0 0 6px #666;
		-webkit-box-shadow: 0 0 6px #666;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 4px 10px 4px 10px;

	position:absolute;
  margin-top: -20px;
  margin-left: 50px;
	display: inline;
	cursor:pointer !important;/*** IE6 ***/
	cursor:hand;
	z-index:0;
}

#bandeau {
  border-style: none;
	height:55px;
	width:100%;
	padding-top:53px;
	position:absolute;
	z-index:-1;
}


	/*-------------------------*/
	/*         Tooltip         */
	/*-------------------------*/

	#tooltip{
		position:absolute;
		border:1px solid #333;
		background:#99cc33;
		padding:2px 5px;
		color:#383637;
		display:none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}