body{
	background: url('images/page/body_back.png') repeat-x;
	font-family: "Segoe UI", "Myriad Pro", Trebuchet MS, Arial, Sans;
	color: #4c4c4c;
	font-size: 12px;
}

tr, td{
	vertical-align: top;
}

a{ color: #9d8e7a; }

#menu-top li a{
	width: 100%; height: 100%;
	display: block;
	outline: none;
	text-indent: -10000px;
	color: #fff;
}
#header > a{
	display: block;
	position: absolute;
	margin: 10px 0 0 20px;
	width: 500px;
	height: 150px;
	text-indent: -10000px;
	z-index: 50;
}

.clearer{
	clear: both;
	height: 0; width: 0;
}

.page-wrapper{
	width: 1000px;
	margin: 0 auto;
}

#login-bar{
	background: url('images/header/login_back.png') no-repeat;
	width: 960px; height: 25px;
	padding: 0 40px;
	text-align: right;
}
	#login-bar p{
		padding: 6px 40px 0 0;
	}
	
#header{
	background: url('images/header/header_back.png');
	width: 1000px; height: 170px;
}
	#header h1{
		text-indent: -10000px;
		background: url('images/header/logo.png') no-repeat top left rgba(0, 0, 0, 0);
		width: 393px;
		height: 94px;
		position: absolute;
		z-index: 49;
		margin: 50px 0 0 60px;
	}
	
	#header #focus{
		width: 294px; height: 146px;
		float: right;
		margin: 10px 30px 0 0;
		background: url('images/focus/focus_back_v-2.png') no-repeat;
		overflow: hidden;
	}
		#header #focus #fwrapper{
			width: 2000px; height: 118px;
			margin: 19px 0 0 7px;
			position: relative;
		}
		#header #focus #fwrapper div{
			width: 277px; height: 118px;
			background: url('images/focus/item_sample.png') no-repeat;
			float: left;
			margin: 0 10px 0 0;
		}
		
			#header #focus #fwrapper div a{
				display: block;
				width: 277px; height: 118px;
				padding: 99px 0 0 10px;
				color: #fff;
				font-weight: bold;
			}
		
	

#menu-top{
	background: url('images/page/shadows_back.png') no-repeat;
	width: 869px; height: 48px;
	padding: 20px 100px 20px 20px;
	text-align: center;
}
	#menu-top ul{
		height: 49px; width: 949px;
	}
		#menu-top li{
			height: 49px;
			float: left;
			padding: 0; margin: 0;
		}
		
		#m-top-blog{ background: url('images/menutop/menutop_back_sprite.png'); width: 156px; }
		#m-top-calendar{ background: url('images/menutop/menutop_back_sprite.png') 793px 0; width: 150px; }
		#m-top-downloads{ background: url('images/menutop/menutop_back_sprite.png') 642px 0; width: 164px; }
		#m-top-medias{ background: url('images/menutop/menutop_back_sprite.png') 477px 0; width: 147px; }
		#m-top-projects{ background: url('images/menutop/menutop_back_sprite.png') 330px 0; width: 167px; }
		#m-top-contact{ background: url('images/menutop/menutop_back_sprite.png') 162px 0; width: 162px; }

		#m-top-blog:hover{ background: url('images/menutop/menutop_hover_back_sprite.png'); width: 156px; }
		#m-top-calendar:hover{ background: url('images/menutop/menutop_hover_back_sprite.png') 793px 0; width: 150px; }
		#m-top-downloads:hover{ background: url('images/menutop/menutop_hover_back_sprite.png') 642px 0; width: 164px; }
		#m-top-medias:hover{ background: url('images/menutop/menutop_hover_back_sprite.png') 477px 0; width: 147px; }
		#m-top-projects:hover{ background: url('images/menutop/menutop_hover_back_sprite.png') 330px 0; width: 167px; }
		#m-top-contact:hover{ background: url('images/menutop/menutop_hover_back_sprite.png') 162px 0; width: 162px; }

#social-bar{
	height: 19px; width: 930px;
	padding: 10px 20px 10px 40px;
	background: url('images/page/wrapper_back.png') repeat-y;
}
	#social-links{
		float: left;
	}
		#social-links li{
			display: inline-block;
			padding: 4px 10px 0 20px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 0 2px;
		}
		#m-social-fb{ background: url('images/icones/facebook.png'); }
		#m-social-li{ background: url('images/icones/linkedin.png'); }
		#m-social-tw{ background: url('images/icones/twitter.png'); }
		#m-social-tr{ background: url('images/icones/technorati.png'); }
	
	#social-rss{
		float: right;
	}
		#social-rss li{
			padding: 4px 10px 0 20px;
			height: 20px;
			background: url('images/icones/rss.png') 0 2px no-repeat;
			float: right;
		}   


.shadow-top{
	height: 35px; width: 100%;
	background: url('images/page/shadows_back.png') no-repeat;
}

#page-wrapper{
	width: 1000px;
	background: url('images/page/wrapper_back.png') repeat-y;
}
	.page-title{
		font-size: 24px;
		text-align: right;
		font-weight: normal;
		color: #98bf0d;
		width: 940px;
		margin: 0 auto;
		padding: 5px 15px;
		border-bottom: 1px solid #cdc6bc;
	}
	
#focus-on{
	margin: 20px 0 20px 4px;
}
    #focus-array-left, #focus-array-right
    {
        width: 41px; height: 112px;
        display: block;
        float: left;
        margin: 40px 0 0 0;
        text-indent: -12000px;
        outline: none;
    }
        #focus-array-left{ background: url('images/focus/left_arrow.png'); }
        #focus-array-right{ background: url('images/focus/right_arrow.png'); }
    #focus-on-wrapper
    {
        padding: 10px 0;
        width: 910px; height: 161px;
        background: url('images/focus/focus_back.png');
        float: left;
        overflow: hidden;
    }
        #subwrapper
        {
            width: 1500px;
            
            }
    .focus-on-item
    {
        width: 238px; height: 20px;
        padding: 139px 20px 0 20px;
        margin: 0 0 15px 20px;
        position: relative;
        display: inline-block;
    }
        .focus-on-item a{ color: #fff; }

#menu-wrapper{
	width: 235px;
	margin: 0 0 0 9px;
	float: left;
}
	#menu-wrapper h3{
		font-size: 16px;
		color: #a59a8a;
		margin: 12px 0 12px 25px;
		font-weight: normal;
	}
	
	.menu, .menu-outlined, .menu-admin{
		width: 235px;
		margin: 5px 0;
		padding: 0;
	}
		.menu{ background: url('images/menus/menu_back.png') repeat-y; }
		.menu-outlined{ background: url('images/menus/menu_out_back.png') repeat-y; }
		.menu-admin{ background: url('images/menus/menu_admin_back.png') repeat-y; }
		
		.menu h4, .menu-outlined h4, .menu-admin h4{
			font-weight: normal;
			width: 210px; height: 22px;
			margin: 0 0 10px 0;
			padding: 25px 0 0 25px;	
		}
			.menu h4{ background: url('images/menus/menu_title.png') repeat-y; color: #9b9183; }
			.menu-outlined h4{ background: url('images/menus/menu_out_title.png') repeat-y; color: #9b9183; }
			.menu-admin h4{ background: url('images/menus/menu_admin_title.png') repeat-y; color: #9b9183; }
			
		.menu li, .menu-admin li{
			list-style-type: disc;
			width: 190px;
			color: #fff;
			margin: 0 0 2px 30px;
			
			padding: 2px 0;
		}
		    .menu > ul > li, .menu-admin > ul > li{ border-bottom: 1px dotted #fff; }
			.menu li a, .menu-admin li a{ color: #fff; }
		
		.menu-outlined li{
			list-style-type: disc;
			height: 23px; width: 190px;
			color: #9c8f7d;
			margin: 0 0 2px 30px;
		}
			.menu-outlined li a{ color: #9c8f7d; }
		
		.menu input[type="text"]{
		    border: 2px solid #cfe4c6;
		    margin: 12px 0 2px 12px; padding: 3px 5px;
		    font-size: 12px;
		    font-family: Trebuchet MS;
		    color: #98bf0d;
		    width: 196px;
		}
		.menu input[type="submit"]
		{ 
		    display: block;
		    font-family: Trebuchet MS;
		    font-size: 11px;
            margin: 0 12px 0 0;
            border: none;
            background: #98bf0d;
            padding: 3px 10px;
            float: right;
            color: #fff
		}
		.menu p{
			text-align: center;
			color: #fff;
			width: 150px;
			margin: 10px auto;
		}
		.menu .menu-bottom, .menu-outlined .menu-bottom, .menu-admin .menu-bottom{
			width: 235px;
			text-indent: -10000px;
		}
			.menu .menu-bottom { background: url('images/menus/menu_bottom.png') no-repeat; height: 23px; }
			.menu-outlined .menu-bottom { background: url('images/menus/menu_out_bottom.png') no-repeat; height: 15px; }
			.menu-admin .menu-bottom { background: url('images/menus/menu_admin_bottom.png') no-repeat; height: 23px; }

		.menu li span, .menu-outlined li span{
			display: block;
			width: 100%;
			clear: both;
		}
			.menu li span{ color: #dae7d4;}

#content-wrapper{
	width: 720px;
	margin: 0 0 0 20px;
	float: left;
}

	.content-title{
		color: #776b64;
		background: url('images/content/title_array.png') no-repeat left bottom;
		padding: 20px 0 25px 50px;
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 10px;
	}
		.content-title a{
			color: #776b64;
		}
		
		.return-link{
			display: block;
			font-size: 12px;
			float: right;
			margin: 15px 20px 0 0;
		}
	
	#content-wrapper h4, #content-wrapper h2{
		color: #776b64;
		font-size: 23px;
		margin: 15px 0;
	}
	
	#content-wrapper > h5, .content-handler h5{
	    color: #98bf0d;
	    font-weight: normal;
	    font-size: 12px;
	    margin: 15px 0;
	    padding: 4px 0;
	    border-bottom: 1px solid #98bf0d;
	}
		.content-handler h5 a{
			color: #98bf0d;
		}
	    
	.content-handler, .comment{
		text-align: justify;
		width: 690px;
		margin: 0 20px 0 5px;
		line-height: 17px;
	}
	
	.content-handler ul { margin: 20px; }
	.content-handler ul li { list-style-type: disc; }
	
	.comment{
		text-align: justify;
		width: 650px;
		margin: 0 20px 0 5px;
	}
		.content-handler p, .comment p{
			margin: 0 0 10px 0;
			line-height: 19px;
		}
	
	#comments-wrapper{
		border-left: 7px solid #c1beb3;
		padding: 15px 0;
	}
		#comments-wrapper .comment{
			padding: 0 0 0 15px;
		}
		#comments-wrapper h5{
			font-weight: normal;
			background: url('images/content/comment_array.png') no-repeat left center;
			font-size: 16px;
			color: #776b64;
			padding: 0 0 0 15px;
		}
		
		.author_infos{
			font-size: 12px;
			color: #9d938e;
			padding: 2px 0 10px 15px;
		}
		
	.comment-rejected, .comment-approved{
		width: 555px; height: 32px;
		margin-left: 15px;
		color: #fff;
	}
		.comment-rejected a, .comment-approved a{
			color: #fff;
		}
		.comment-rejected .mark{
			color: #4d493b;
			float: right;
		}
		.comment-approved .mark{
			color: #466837;
			float: right;
		}
		.comment-rejected{ 
			background: url('images/content/bap/rejected_back.png'); 
			padding: 20px 100px 0 15px;
		}
		.comment-approved{ 
			background: url('images/content/bap/approved_back.png'); 
			padding: 22px 100px 0 15px;	
		}
	
	#copyright-bar{
		background: url('images/page/shadows_back.png') 0 -45px repeat-x;
		height: 50px;
		padding: 90px 0 0 30px;
		color: #c1beb3;
	}
	#footer{
		background: url('images/page/shadows_back.png') 0 repeat-x;
		height: 50px;
		padding: 39px 0 0 0;
	}

.general-item {
    margin: 15px 0 35px;
    background: url('images/content/item_back.png') no-repeat;
    padding: 20px
}
    .general-item p {
        margin: 0; padding: 0;
        text-align: justify;
    }
    
.general-actions
{
    height: 30px;
    margin: 10px 0 20px 0;
	padding: 0 20px 0 0;
}
    .general-actions li
    {
        display: block;
        margin: 0 10px 0 0;
        padding: 4px 10px;
        float: right;
        -moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
    }

    .general-actions li{ background: #98bf0d; }
    
    .general-actions li a{ display: block; color: #fff; }
	p.general-actions{ margin: 40px 0 0 0; }
  

#nav-above{
	clear: both;
}

.nav-previous{
	width: 160px;
	margin: 20px 0 20px 0;
	float: left;
}
.nav-next{
	width: 160px;
	margin: 20px 0 20px 0;
	float: right;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}


/* appel à projet mirror */
#mirror_project ul {margin-top: 5px;}
#mirror_project h2 {color: #0683D2;}
#mirror_desc {height: 455px; margin-bottom: 65px; display: block;}
#mirror_desc_left { float: left; width: 48%; height: 455px; border-right: 1px dotted grey; padding-right: 10px;}
#mirror_desc_left p {color: grey;}
#mirror_desc_right { float: right; width: 48%; height: 455px;}

#mirror_timing {height: 530px; margin-bottom: 65px; display: block;}
#mirror_timing_left { float: left; width: 48%; border-right: 1px dotted grey; padding-right: 10px;}

#mirror_timing_right { float: right; width: 48%;}
.pic_mirror {margin-top: 45px; margin-left: 15px;}
#mr_rewards {display: block;}

#mirror_rewards {background-color: rgba(225, 225, 225, 0.5);border: 1px solid grey; color: #444242; height: 190px; padding-left: 0.1px; padding-top: 0.1px; width: 100%; display: block;}

#mirror_rewards li {padding-bottom: 6px; list-style-type: inherit;}

#mirror_agc {height: 320px; display: block;}
#mirror_agc_top {height: 90px; margin-bottom: -10px;}
#mirror_agc_bottom {height: 150px;}
#mirror_agc_bottom li {margin-left: 60px;}
.nota_bene {margin-left: 52px;}


/* Upgrade for new guidelines */

.menu h4, .menu-outlined h4, .menu-admin h4{
	height: 20px;
}
.menu-green	{ background: url('images/menus/m_green_back.png') repeat-y; }
.menu-orange { background: url('images/menus/m_orange_back.png') repeat-y; }
.menu-blue	{ background: url('images/menus/m_blue_back.png') repeat-y; }
.menu-yellow	{ background: url('images/menus/m_yellow_back.png') repeat-y; }

	#content-wrapper .menu-green h4, .menu-green h4{ background: url('images/menus/m_green_top.png') repeat-y; color: #6f8e00; }
	#content-wrapper .menu-orange h4, .menu-orange h4{ background: url('images/menus/m_orange_top.png') repeat-y; color: #d44a00; }
	#content-wrapper .menu-blue h4, .menu-blue h4{ background: url('images/menus/m_blue_top.png') repeat-y; color: #0095de; }
	#content-wrapper .menu-yellow h4, .menu-yellow h4{ background: url('images/menus/m_yellow_top.png') repeat-y; color: #9b9183; }

	#content-wrapper .menu-green .menu-bottom, .menu-green .menu-bottom { background: url('images/menus/m_green_bottom.png') no-repeat; height: 15px; }
	#content-wrapper .menu-orange .menu-bottom, .menu-orange .menu-bottom { background: url('images/menus/m_orange_bottom.png') no-repeat; height: 23px; }
	#content-wrapper .menu-blue .menu-bottom, .menu-blue .menu-bottom { background: url('images/menus/m_blue_bottom.png') no-repeat; height: 15px; }
	#content-wrapper .menu-yellow .menu-bottom, .menu-yellow .menu-bottom { background: url('images/menus/m_yellow_bottom.png') no-repeat; height: 15px; }

	.menu-orange input[type="text"]{
	    border: 2px solid #d44a00;
	    color: #d44a00;
	    width: 196px;
	}

	.menu-orange input[type="submit"]{ 
	    background: #d44a00;
        padding: 3px 10px;
        float: right;
        color: #fff
	}
	.menu-yellow input[type="text"]{
	    border: 2px solid #9b9183;
	    color: #9b9183;
	    width: 196px;
	}

	.menu-yellow input[type="submit"]{ 
	    background: #9b9183;
        padding: 3px 10px;
        float: right;
        color: #fff
	}