/* 
    Document   : accueil.css
    Author     : Eric Asselin - www.ericasselin.com
*/

#mem_form
{
	overflow:hidden;
		
}

#header {
    /*background: url("../images/bg-header-logo.jpg") no-repeat top left;*/
	background-image:url(../images/main_01-1.png);
	background-repeat:no-repeat;
	background-position:right;
    height: 289px;
    width:100%;
    margin:20px 0px 0px 8px;
}

#header-left {
    width:50%;
    height:100%;
    float:left;
}

#header-right {
    width:50%;
    height:100%;
    float:left;
}

#header-message {
    padding:0px 30px 0px 70px;
    height:200px;
}

#header-message h2 {
    margin:30px 0px 30px 0px;
    padding:0px 0px 0px 0px;
    color:#3d3c3f;
    font-size:26px;
    font-weight:bold;
}

#header-message h3 {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:#3d3c3f;
    font-size:16px;
    font-weight:bold;
}

#header-message p {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:#3d3c3f;
    font-size:12px;
}

#header-btn-detail #link {
    height:55px;
    width:167px;
    margin-left:300px;
}

#mid-widget {
    width:100%;
    height:100%;
    float:left;
    padding:10px 0px 8px 0px;
}

#mid-widget-left {
    width:471px;
    float:left;
}

#mid-widget-left marquee {
    margin:0px 80px 0px 20px;
    padding:11px 0px 11px 0px;
    color:#6a95b5;
}

#mid-widget-right {
    background: url("../images/bg-sub-header.jpg") no-repeat top left;
    width:464px;
    height:36px;
    float:right;
	margin-right:-135px;
}

#mid-widget-right #follow-label {
    width:135px;
    height:14px;
    padding:10px 5px 11px 10px;
    float:left;
    font-size:14px;
    font-weight: bold;
    text-align:center;
}

#mid-widget-right #follow-form {
    width:140px;
    float:left;
}

#mid-widget-right #follow-form #txt-follow {
    height: 15px;
    width: 128px;
    margin:8px 1px 1px 1px;
    padding:1px 1px 1px 5px;
    border-width: 2px;
	position:relative;
	z-index:10;
	right:7px;
}

#mid-widget-right #follow-form #btn-follow {
    display:none;
}

#mid-widget-right #btn-follow-sim {
    width:36px;
    height:36px;
    float:left;
    cursor: pointer;
}

#mid-widget-right #social-link {
    height:36px;
    width:123px;
    padding-left:15px;
    float:left;
	display:none;
}

#mid-widget-right #social-link .div-link {
    height:36px;
    width:30px;
    float:left;
}

#youtube {
    background: url("../images/youtube.jpg") no-repeat center left;
}

#facebook {
    background: url("../images/facebook.jpg") no-repeat center left;
}

#twitter {
    background: url("../images/twitter.jpg") no-repeat center left;
}

#linkedin {
    background: url("../images/linkedin.jpg") no-repeat center left;
}

#boxes {
    clear:both;
}

.box {
    background: url("../images/bg-box1.jpg") no-repeat top left;
    width:301px;
    height:313px;
    float:left;
}

.box h2 {
    color:#fff;
    font-size:15px;
    font-weight:bold;
    margin:15px 5px 11px 20px;
    width:226px;
    float:left;
}

.box #rss-link .div-link {
    height:43px;
    width:50px;
    float:left;
}

.box .box-image {
    clear:both;
    height:100px;
    width:293px;
    margin:46px 4px 4px 4px;
    background-color:#009ee0;
}

#box1 {
    margin:0px 8px 0px 0px;
}

#box1-content {
    width:100%;
    height:105px;
    padding:11px 0px 0px 20px;
	overflow:hidden;
}

#box1-content p {
    padding:0px 40px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:11px;
}

#box1-content h3 {
    padding:0px 0px 0px 0px;
    margin:0px 0px 8px 0px;
    width:100%;
}

#box1-content h3 a {
    text-decoration: none;
    color:#1264a1;
    font-size:12px;
}

#box1-content h3 a:hover {
    text-decoration: underline;
    color:#6a95b5;
}
#box1-button #btn-activite {
    background: url("../images/btn-activite.png") no-repeat top left;
    height:28px;
    margin:6px 0px 0px 119px;
}

#box2 {
    margin:0px 8px 0px 8px;
}

#box2-content {
    width:100%;
    height:100px;
    padding:11px 0px 0px 20px;
}

#box2-content p {
    padding:0px 40px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:11px;
}

#box2-content .texte {
    padding:0px 40px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
}

#box2-content a {
    color:#1264a1;
    text-decoration: none;
}

#box2-content a:hover {
    color:#6a95b5;
    text-decoration: underline;
}

#box2-content h3 {
    padding:0px 0px 0px 0px;
    margin:0px 0px 8px 0px;
    width:100%;
}

#box2-content h3 a {
    text-decoration: none;
    color:#000;
    font-size:12px;
}

#box2-content h3 a:hover {
    text-decoration: underline;
    color:#6a95b5;
}
#box2-button #btn-annonce {
    background: url("../images/btn-annonce.png") no-repeat top left;
    height:28px;
    margin:11px 0px 0px 108px;
}

#box3 {
    margin:0px 0px 0px 8px;
	position:relative;
}

	#box3 div.overlay
	{
		background: url(../images/overlay.png);
		position: absolute;
		width: 293px;
		height: 264px;
		text-align: center;
		line-height: 264px;
		top: 47px;
		left: 6px;
		color: white;
		font-weight: bold;
		font-size: 25px;
		text-decoration: underline;
	}

#box3-content {
    width:100%;
    height:100px;
    padding:11px 0px 0px 20px;
}

#box3-content p {
    padding:0px 40px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:11px;
}

#box3-content .texte {
    padding:0px 40px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
}

#box3-content a {
    color:#1264a1;
    text-decoration: none;
}

#box3-content a:hover {
    color:#6a95b5;
    text-decoration: underline;
}

#box3-content h3 {
    padding:0px 0px 0px 0px;
    margin:8px 0px 8px 0px;
    width:100%;
}

#box3-content h3 a {
    text-decoration: none;
    color:#000;
    font-size:12px;
}

#box3-content h3 a:hover {
    text-decoration: underline;
    color:#6a95b5;
}

#box3-content .txt-box3 {
    height: 15px;
    width: 200px;
    margin:6px 1px 1px 1px;
    padding:1px 1px 1px 5px;
    border-width: 2px;
}

#box3-content #btn-connect {
    display:none;
}

#box3 #pass-link {
    padding:0px 0px 0px 20px;
    float:left;
    width:130px;
    font-size:11px;
}

#box3 #pass-link a {
    text-decoration: none;
    color:#1264a1;
}

#box3 #pass-link p{
	padding:10px 0 0 0;
    margin:0;
    font-size:11px;
}

#box3 #pass-link a:hover {
    text-decoration: underline;
    color:#6a95b5;
}

#box3-button #btn-connect {
    background: url("../images/btn-connect.png") no-repeat top left;
    height:28px;
    width:120px;
    margin:11px 0px 0px 26px;
    float:left;
}

#wp-submit{
	background: url("../images/btn-connect.png") no-repeat top left;
    height:28px;
    width:120px;
    margin:12px 0px 0px 16px;
	color:#FFF;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

.section_membre{
	height:100px;
    padding:11px 0px 0px 20px;
}

.login_form{
	padding-top:0 !important;
}

#extranet{
	margin:15px 0 0 0;
	display:block;
}