html, body {
	font-family: "Trebuchet MS";
	font-size: 13px;
	padding:0;
	margin:0;
}

.clear{ clear: both; }

/*-----------------------------------------------------------*
** FONTS
**-----------------------------------------------------------*/

@font-face {
	font-family: 'FormataStdMed';
	src:url('/images/graphics/AYNPANEL71/fonts/formatastdmed-webfont.eot');
	src:url('/images/graphics/AYNPANEL71/fonts/formatastdmed-webfont.woff') format('woff'),
	 	url('/images/graphics/AYNPANEL71/fonts/formatastdmed-webfont.ttf') format('truetype'),
	    url('/images/graphics/AYNPANEL71/fonts/formatastdmed-webfont.svg#svgFontName') format('svg');
	font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family: 'FormataStdReg';
	src:url('/images/graphics/AYNPANEL71/fonts/formatastdreg-webfont.eot');
	src:url('/images/graphics/AYNPANEL71/fonts/formatastdreg-webfont.woff') format('woff'),
	 	url('/images/graphics/AYNPANEL71/fonts/formatastdreg-webfont.ttf') format('truetype'),
	    url('/images/graphics/AYNPANEL71/fonts/formatastdreg-webfont.svg#svgFontName') format('svg');
	font-weight: 900;
    font-style: normal;
}

#page{
	/* background: #fff url('/images/graphics/AYNPANEL71/background.png') repeat-x; */
	background: #FFFFFF;
	width: 100%;
	height: auto;	
}

#page_cont{
	width: 980px;
	margin: 0 auto;	
	position: relative;
	z-index: 500;
}

#footer{
	width: 980px;
	margin: 0 auto;
	clear: both;	
}

.top_zone{
	width: 100px;
	height: 62px;
	padding-top: 45px;
	position: absolute;
	z-index: 700;
	top: 0;
	right: 0;	
}

.log_button{ float: right; }

.edit_area{
	height: 107px;
	float: left;	
}

.top_link{
	height: 27px;	
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
}

a{ 
	text-decoration: underline;
	color: #FF4B33;
    font-family: "Trebuchet MS";
    font-size: 13px;
    line-height: 18px; 
}

.link_l{
	display: inline-block;
    float: left;
    /* background: url(/images/graphics/AYNPANEL71/left_li.png) no-repeat left top; */
    height: 27px;
    width: 8px;
    border-bottom-left-radius: 6px;
    background: #283854;
}

.link_r{
	display: inline-block;
	float: left;
	/* background: url('/images/graphics/AYNPANEL71/right_li.png') no-repeat left top;	 */
	height: 27px;
	width: 8px;
    border-bottom-right-radius: 6px;
    background: #283854;
}

.link_mid{
	display: inline-block;
	float: left;
	background: url('/images/graphics/AYNPANEL71/mid_li.png') repeat-x;	
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	height: 27px;
	padding-top: 5px;
}

.or_l{
	display: inline-block;
	float: right;
	/* background: url('/images/graphics/AYNPANEL71/or_left.png') no-repeat left top;	 */
	height: 31px;
	width: 11px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background: #FF4B33;
	background: linear-gradient(180deg, rgba(255,75,51,1) 46%, rgba(255,31,0,1) 78%);
}

.or_r{
	display: inline-block;
	float: right;
	/* background: url('/images/graphics/AYNPANEL71/or_right.png') no-repeat left top;	 */
	height: 31px;
	width: 11px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	background: #FF4B33;
	background: linear-gradient(180deg, rgba(255,75,51,1) 46%, rgba(255,31,0,1) 78%);
}

.or_mid{
	display: inline-block;
	float: right;
	/* background: url('/images/graphics/AYNPANEL71/or_mid.png') repeat-x;	 */
	font-family: FormataStdMed ;
	font-size: 14px;
	line-height: auto;
	color: #fff;
	text-decoration: none;
	height: 24px;
	padding-top: 7px;	
	background: #FF4B33;
	background: linear-gradient(180deg, rgba(255,75,51,1) 46%, rgba(255,31,0,1) 78%);
}

#top_menu{
	/* background: url('/images/graphics/AYNPANEL71/menu_mid.png') repeat-x; */
	background: #F6F6F6;
	background: linear-gradient(0deg, rgba(185, 185, 185, 0.73) 0%, rgba(246,246,246,1) 53%);

	height: 39px; 
	width: 964px;
	float: left;
}

#top_menu ul {
		list-style-type: none ;
		margin: 0;
		padding: 0px;
		text-align: left ;
	}
	
#top_menu ul li {
	position: relative;
    display: block;
    float: left;
    height: 39px;
    margin: 0 3px;
    padding: 0 3px;
    width: auto;
    /* background: url('/images/graphics/AYNPANEL71/separator.png') no-repeat right; */
}

#top_menu ul li::after {
	content: '';
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 34px;
    background: #E1E1E1;
    border-radius: 50%;
}
	
#top_menu ul li a {
		display: block;
		color: #222222;
		text-decoration: none;
		font-family: Arial, Verdana, sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding: 8px 10px 0;
		margin: 4px 7px 4px 0 ;
		text-transform: uppercase;
		height: 23px;
	}
	
#top_menu ul li a:hover,
#top_menu ul li.selected a,
#top_menu ul li.folderselected a
{
	padding: 0;
	height: 31px;
	color: #FF4B33;
	/* background: url('/images/graphics/AYNPANEL71/hover_mid.png') repeat-x; */
}

#menu_l{
	height: 39px;
	width: 7px;
	/* background: url('/images/graphics/AYNPANEL71/menu_left.png') no-repeat left bottom; */
	background: #F6F6F6;
	background: linear-gradient(0deg, rgba(185, 185, 185, 0.73) 0%, rgba(246,246,246,1) 53%);
	float: left;
	border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#menu_r{
	height: 39px;
	width: 7px;	
	/* background: url('/images/graphics/AYNPANEL71/menu_right.png') no-repeat left bottom; */
	background: #F6F6F6;
	background: linear-gradient(0deg, rgba(185, 185, 185, 0.73) 0%, rgba(246,246,246,1) 53%);
	float: left;
	border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#top_menu ul li a:hover span.li_left, 
#top_menu ul li.selected a span.li_left,
#top_menu ul li.folderselected a span.li_left{
	display: block;
	width: 5px;
	height: 31px;
	float: left;
	/* background: url('/images/graphics/AYNPANEL71/hover_left.png') no-repeat left;	 */
}

#top_menu ul li a:hover span.li_right, 
#top_menu ul li.selected a span.li_right,
#top_menu ul li.folderselected a span.li_right{
	display: block;
	width: auto;
	height: 23px;
	float: left;
	/* background: url('/images/graphics/AYNPANEL71/hover_right.png') no-repeat right; */
	padding: 8px 10px 0 5px;	
}

#main_cont{
	border-left: 1px solid #dadad9;
	border-right: 1px solid #dadad9;
	background-color: #fff;	
	height: auto;
	float: left;
	padding-bottom: 15px;
	border-top-right-radius: 11px;
}

img[src="/files/MALAKBTOB_5520_1352112342936_MALAKBTOB.png"],
img[src="/files/MALAKBTOB_5510_1352111659868_MALAKBTOB.png"],
img[src="/files/a5f524a5851970f3acd5ed32902cacc2.png"],
img[src="/files/MALAKBTOB_5506_1352111319747_MALAKBTOB.png"],
img[src="/files/MALAKBTOB_5463_1350052793180_image_03.png"],
img[src="/files/08e46820087ffb14f921e8ed13c4961d.png"],
img[src="/files/0766a5186f158938555eec9e1b73ab92.png"],
img[src="/files/1f8115f50e0b5bbaa6a6544ddae8240f.png"],
img[src="/files/301166449aa7fcc711536b79aec1f40a.png"],
img[src="/files/5013774a5176fa93729d7b67ae0857eb.png"] {
	border-top-right-radius: 11px;
}
img[src="/files/MALAKBTOB_5464_1350384592232_hp_03.png"]{
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

#contL, #loginform{
	float: left;
	width: 232px;
	margin-left: 23px;
	margin-bottom: 20px;
}

#loginform{ 
	position: relative;
	margin-bottom: 0; 
}

#loginform::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    height: 353px;
    width: 1px;
    background: #E1E1E1;
}

#contR{
	float: right;
	width: 723px;	
}

.violet{
	margin-left: -24px;
	margin-bottom: 20px;
	width: 258px;
	height: 6px;
	background-color: #4595c7;	
}

.title{
	display: block;
	margin: 1px 0 20px 0;	
	font-size: 23px;
	color: #222222;
	text-transform: uppercase;
}

#blue_module .title{ 
	color: #FF4B33; 
	margin: 1px 0px 10px;	
}

#module .question,#module .qu_title, #module .qu_desc, #module .qu_final_msg{
	color: #363636;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 15px;	 
}

#module .answers{
	color: #363636;
	font-size: 13px;
	line-height: 20px;
}

.answers > input {
    margin: 0 10px 0 0;
}

#module a.button, #dialog-view a.button{ 
	float: left; 
	margin: 20px 0 0;	
}

#module a.button .or_r, #dialog-view a.button .or_r{
	width: 12px;
}



#loginBox input{
	width: 195px;
	border: 1px solid #E1E1E1;
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height: 22px;	
	color: #757575;
	padding: 0 0 0 5px;
	height: 22px;
}

input#email1{ margin-bottom: 7px; }

.prpl_button a{
	display: block;
	margin: 20px 0 15px;
	float: left;
}

span.prpl_mid{
	display: inline-block;
	height: 31px;
	float: left;
	background: url('/images/graphics/AYNPANEL71/bl_mid.png') repeat-x;
	font-family: FormataStdMed;
	line-height: 30px;	
	font-size: 14px;
	color: #fff;	
}

span.left_margin{
	display: inline-block;
	width: 11px;
	height: 31px;
	float: left;
	background: url('/images/graphics/AYNPANEL71/bl_left.png') no-repeat left;
}

span.right_margin{
	display: inline-block;
	width: 12px;
	height: 31px;
	float: left;
	background: url('/images/graphics/AYNPANEL71/bl_right.png') no-repeat left;
}

a#mot_passe_oublie, a#inscrire{
	text-decoration: underline;
	font-family: "Trebuchet MS"	;
	font-size: 13px;
	line-height: 18px;
	color: #757575;
}

#noLogged .log_button{
	float: left;
	margin: 35px 0 0;	
	width: 99px;
}

.edit_footer{
	background: url('/images/graphics/AYNPANEL71/footer.png') repeat-x ;
	padding-top: 13px;	
}
.edit_footer a{
	color: #757575;
}

#toolbar{
	text-align: right;	
}

.out_button{ margin: 34px 0 10px; }

span.out_l, span.out_r, span.logout{ float: left; }

span.out_l{
	background: url('/images/graphics/AYNPANEL71/dec_l.png') no-repeat ;
	width: 13px;
	height: 34px;
	display: block;
}

span.out_r{
	background: url('/images/graphics/AYNPANEL71/dec_r.png') no-repeat ;
	width: 13px;
	height: 34px;
	display: block;
}

span.logout{
	background: url('/images/graphics/AYNPANEL71/dec_mid.png') repeat-x ;
	height: 34px;
	display: block;
	font-family: FormataStdMed ;
	font-size: 14.17px;
	color: #344664;
	line-height: 37px;
}

span.bonjour{
	font-family: FormataStdReg ;
	font-size: 40px;
	color: #FF4B33;	
}

span.name{
	font-size: 18px;
	line-height: 30px;
	color: #344664;	
	display: block;
	margin: 0 0 0 2px;
}

.main_area table{
	margin-top: -1px;
	margin-left: 1px;	
}

table td.accordion ul{ 
	cursor: pointer;
	list-style-type: none;
	margin: 0;
    padding-left: 0;	 
}

table td.accordion ul li { margin-bottom: 15px; }

table td.accordion ul ul li { margin: 0; }

.main_area a.button {
    display: inline-block;
    text-align: center;
}

#homePage table, #noLogged table, #logged table { margin-left: -1px; }
	
#leftMenu{
	margin-top: 10px;
    padding-top: 15px;
    width: 210px;
	border-top: 1px solid #dadad9;	
}
	
#leftMenu ul{
	list-style-type: none;
    margin-left: -12px;
    margin-top: 0;
    padding-left: 5px;
    text-align: left;
    width: 227px;
}


#leftMenu ul li {
    display: block;
    padding-left: 9px;
    background: #f3f4f6; 
	margin-bottom: 2px;
}
	
#leftMenu ul li a {
		background: url('/images/graphics/AYNPANEL71/arrow.png') left center no-repeat ;
		display: block;
		color: #344664;
		text-decoration: none;
		font-size: 14px;
		line-height: 31px;
		height: 30px;
		width: 207px;
		padding-left: 11px;
	}
	
#leftMenu ul li a:hover,
#leftMenu ul li.selected a,
#leftMenu ul li.folderselected a
{
	background-color: #e0e3e7;
	background-image: url('/images/graphics/AYNPANEL71/arrow.png');
	background-position: 9px center;
    margin-left: -9px;
    padding-left: 20px;
}

.violet_zone{
	width: 257px;
	float: left;
	height: 6px;
	background-color: #2b3d5b;
}

.orange_zone{
	width: 338px;
	float: left;
	height: 6px;
	background-color: #ff9f2e;
}

.blue_zone{
	width: 385px;
	float: left;
	height: 6px;
	background-color: #006aae;
}

#colored{
	margin: 0;	
}

#orange_editarea{
	width: 338px;
	float: left;
	position: relative;
}

#orange_editarea::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    height: 353px;
    width: 1px;
    background: #E1E1E1;
}

#blue_module{
	overflow: hidden;
    padding: 0 20px;
    width: 343px;
	float: left;
}

#hpcont{
	/* background: #fff url('/images/graphics/AYNPANEL71/hpbg.png') repeat-y; */
	width: 978px;
}

#hpcont #loginform .log_button{ display: none; }

#hpcont #loginform span.title{ color: #2b3d5b; }

#hpcont #loginform span.left_margin{ background: url('/images/graphics/AYNPANEL71/blue_left.png') no-repeat left; }

#hpcont #loginform span.right_margin{ background: url('/images/graphics/AYNPANEL71/blue_right.png') no-repeat left; }

#hpcont #loginform span.prpl_mid{ background: url('/images/graphics/AYNPANEL71/blue_mid.png') repeat-x ; }

.grey_border{
	padding: 28px 0 34px;
	border-left: 1px solid #dadad9;
	border-right: 1px solid #dadad9; 
	margin: 0;
	background: #fff;	
}

.main_area form table{ margin: 20px 0 10px 20px;	}

.main_area form table table { margin: 0 0 0 22px; }
.main_area form table table select { margin: 0 3px 0 0; }

.main_area form table input, .main_area form table select, .main_area table textarea{
    font-family: Arial;
    font-size: 12px;
    margin: 0 5px 5px 25px;
}

.main_area form table input[type=checkbox]{ margin-left: 5px; }

.logo_link{
    height: 98px;
    width: 315px;
}

.button_margin { text-align: center; }

.ayn_link{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: center;
}

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

.ayn_link a:hover{ text-decoration: underline; }

#cgu {
	margin-left: 0px;
}
.details {
    color: #757575!important;
}