/*
/*
-- © Copyright
# Handmade (code) by Benjamin Jacquot - http://www.moonsquare.fr/
# Website by Simplis IP - http://www.simplisip.fr/

Version 1.0 - Septembre 2009

*/

/*  Body
--------------------------------------------------------------------------------*/
body {background-image:url(../images/background.png); background-repeat:repeat-x; background-color:#065ba8; overflow:auto;}

/*  Containers
--------------------------------------------------------------------------------*/
.wrapper
{
	margin: 20px auto 0 auto;
	padding: 20px 20px 10px 20px;
	width: 930px;
	background-color:white;
	background-image:url(../images/bg_fondlogo.png);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:630px;
}

.left {float:left; width:50%;}
.right {float:right; width:50%;}

/*  _________________________ */

/*  -- MENUS -- */

#menu_ctn {float:left; width:260px; height:auto;margin-bottom:10px;} 
.navigation {padding:0; width:245px;height: 120px;float:left;}
.infomenu {float:left;padding:0; margin-left: 10px;}
.m_imgspace { margin: 2px 0 0 0;}

/* Menu 3 boutons */
.menu_3boutons {
	width: 173px;
	height: 9px;
	padding: 7px 16px 8px 20px;
	background: url(../images/bg_menu2.png) no-repeat;
}


/* Mini-menu bottom index */
.menu_index_btm {background-image:url(../images/bg_menu2.png); width:209px; height:74px;}
.menu_page_btm {background-image:url(../images/bg_menu_small2.png); width:175px; height:auto;}

/* Menu bottom (footer) */
.menu_btm {font-size: 11px;width: 100%;text-align: right;margin: 0 auto;padding: 5px 0 5px 0;clear: both;}

/*  _________________________ */

/*  -- HOMEPAGE -- */

.header_img { float:right; width:665px; height:351px; margin:0 5px 0 0;}
.index_middle { width:100%; height:130px; margin:0;}
.bloc1, .bloc2 {display:inline; float: left; margin:10px 5px 0 0;}
.bloc3 {display:inline; float: left; margin:10px 0 0 0;}
.bloc4, .bloc5 {display:inline; float: left; margin:0 5px 0 5px;}

.bloc1 {width: 260px; height:130px;}
.bloc2 {width: 455px; height:130px;}
.bloc3 {width: 200px; height:130px; background-image:url(../images/bg_indexmiddle_right.png); background-repeat:no-repeat;}

.index_bottom { width:100%; height:63px; padding: 6px 0 0 0;}
.bloc4 {width: 250px; height:63px; margin:0 0 0 -2px;}
.bloc5 {width: 580px; height:63px; margin: 4px 0 0 0;}

/*  _________________________ */

/*  -- ARTICLES -- */

.article_ctn { width:100%; height:auto; margin:10px 0 0 0;}
.article_content { width:89%; padding:12px; margin:7px 0 10px 4%; background-color:#eeeeee; border-left:#fbb03b 4px solid;}

/*  _________________________ */

/*  -- PAGES -- */

.pheader_img {float:left; width:930px; height:44px; margin:0 5px 10px 0;}
.page_ctn {position:relative; width:100%; height:auto; margin:10px 0 0 0;}
.bloc_a {position:relative; float:left; width:245px; padding: 10px 0 0 0; margin-left:-1px; vertical-align: bottom; min-height:400px;} /*  -- left -- */
.bloc_b {position:relative; float:left; width:60%; background-color:#d9e021; padding: 3px 0 26px 15px; min-height:380px;} /*  -- middle -- */
.bloc_c {position: relative; float:left; width:12%; padding: 0 0 0 20px; margin: 0; min-height:399px;} /*  -- right -- */

.bloc_link_left {position:absolute; bottom:0; left:0px; width:100%; height:auto;}
.bloc_iso {position:absolute; bottom:0%; left:87%; width:53px; height:63px;}

/*  -- + -- */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content:' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* `Others
----------------------------------------------------------------------------------------------------*/
img {border:none; display:inline;}
hr {border:dashed #999999; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:5px 0 0 0;padding:0; width:100%;}
.hrlarge {border:dashed #999999; border-width:1px 0 0 0; height:1px;line-height:0px;font-size:0;margin:10px 0 0 0;padding:0; width:100%;}
.hrlarge_page {border:dashed #999999; border-width:1px 0 0 0; height:1px;line-height:0px;font-size:0;margin:0 0 12px 0;padding:0; width:100%;}
-- © Copyright
# Handmade (code) by Benjamin Jacquot - http://www.moonsquare.fr/
# Website by Simplis IP - http://www.simplisip.fr/

Version 1.0 - Septembre 2009

*/

/*  Body
--------------------------------------------------------------------------------*/
body {background-image:url(../images/background.png); background-repeat:repeat-x; background-color:#065ba8; overflow:auto;}

/*  Containers
--------------------------------------------------------------------------------*/
.wrapper
{
	margin: 20px auto 0 auto;
	padding: 20px 20px 10px 20px;
	width: 930px;
	background-color:white;
	background-image:url(../images/bg_fondlogo.png);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:630px;
}

.left {float:left; width:190px;}
.right {float:right; width:250px;}

/*  _________________________ */

/*  -- MENUS -- */

#menu_ctn {float:left; width:260px; height:auto;margin-bottom:10px;} 
.navigation {padding:0; width:245px;height: 120px;float:left;}
.infomenu {float:left;padding:0; margin-left: 10px;}
.m_imgspace { margin: 2px 0 0 0;}

/* Mini-menu bottom index */
.menu_index_btm {background-image:url(../images/bg_menu2.png); width:209px; height:74px;}
.menu_page_btm {background-image:url(../images/bg_menu_small2.png); width:175px; height:auto;}

/* Menu bottom (footer) */
.menu_btm {font-size: 11px;width: 100%;text-align: right;margin: 0 auto;padding: 5px 0 5px 0;clear: both;}

/*  _________________________ */

/*  -- HOMEPAGE -- */

.header_img { float:right; width:665px; height:351px; margin:0 5px 0 0;}
.index_middle { width:100%; height:130px; margin:0;}
.bloc1, .bloc2 {display:inline; float: left; margin:10px 5px 0 0;}
.bloc3 {display:inline; float: left; margin:10px 0 0 0;}
.bloc4, .bloc5 {display:inline; float: left; margin:0 5px 0 5px;}

.bloc1 {width: 260px; height:130px;}
.bloc2 {width: 445px; height:130px; margin-left:10px;}
.bloc3 {width: 200px; height:130px; background-image:url(../images/bg_indexmiddle_right.png); background-repeat:no-repeat;}

.index_bottom { width:100%; height:63px; padding: 6px 0 0 0;}
.bloc4 {width: 250px; height:63px; margin:0 0 0 -2px;}
.bloc5 {width: 580px; height:63px; margin: 4px 0 0 0;}

/*  _________________________ */

/*  -- ARTICLES -- */

.article_ctn { width:100%; height:auto; margin:10px 0 0 0;}
.article_content { width:89%; padding:12px; margin:7px 0 10px 4%; background-color:#eeeeee; border-left:#fbb03b 4px solid;}

/*  _________________________ */

/*  -- PAGES -- */

.pheader_img {float:left; width:930px; height:44px; margin:0 5px 10px 0;}
.page_ctn {position:relative; width:100%; height:auto; margin:10px 0 0 0;}
.bloc_a {position:relative; float:left; width:245; padding: 10px 0 0 0; margin-left:-1px; vertical-align: bottom; min-height:400px;} /*  -- left -- */
.bloc_b {position:relative; float:left; width:60%; background-color:#d9e021;margin-left: 16px;  padding: 3px 0 26px 15px; min-height:380px;} /*  -- middle -- */
.bloc_c {position: relative; float:left; width:76px; padding: 0 0 0 20px; margin: 0; min-height:399px;} /*  -- right -- */

.bloc_link_left {position:relative; bottom:0; left:0px; width:100%; height:auto;}
.bloc_iso {position:absolute; bottom:0%; left:45%; width:53px; height:63px;}

/*  -- + -- */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content:' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* `Others
----------------------------------------------------------------------------------------------------*/
img {border:none; display:inline;}
hr {border:dashed #999999; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:5px 0 0 0;padding:0; width:100%;}
.hrlarge {border:dashed #999999; border-width:1px 0 0 0; height:1px;line-height:0px;font-size:0;margin:10px 0 0 0;padding:0; width:100%;}
.hrlarge_page {border:dashed #999999; border-width:1px 0 0 0; height:1px;line-height:0px;font-size:0;margin:0 0 12px 0;padding:0; width:100%;}