/* CSS Document */

body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/bg-site.gif);
	background-color: #e3ded4;
    }
.pos_relative {
	position: relative;
	height: 0px;
	line-height: 0px;
	z-index: 1;
}
h1 {
	font-size: 16px;
	margin: 0;
}
h1, h2, h3 {
	background-repeat: no-repeat;
}
h3 {
	font-size: 12px;
}


li {
	list-style-type: none;
	background-repeat: no-repeat;
}
.win.ie6 li {
	height: 1%;
}
a {
	text-decoration: none;
	color: #666666;
	background-repeat: no-repeat;
}
a.linktype2 {
	color: #ff6700;
}


a:active, a:focus{ 
   outline:none; 
}
.block_over {
	cursor: pointer;
}
.block_over:hover {
	background-color: #E2E2CF;
}

img  {
	border: none;
}
table {
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
td {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: top;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	height: 15px;
	margin: 0 6px;
	border: solid #dee0e2 1px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
select {
	height: 20px;
}
.exergue {
	color: #588CBE;
	font-weight: bold;
}
.exergue2 {
	color: #fdfd32;
}
.date {
	color: #666666;
}


.text_id {
	position: absolute;
	width: 1px;
	left: -999em;

}



/* Alignements ======================== */
.imgleft {
	float: left;
	margin-right: 12px;
}
.imgright {
	float: right;
	margin-left: 12px;
}

.imgcenter, .img_promo {
	text-align:center;
	margin: 0 auto;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}

    .float_right { /* cette classe permet de rendre flottant le cote droit d'un element dans la page. L'element flottant doit preceder l'element a cote duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .float_left { /* cette classe permet de rendre flottant le cote gauche d'un element dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit etre placee pour un element div ou break et doit etre l'element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
    }
	
/* ============== main container */	
#container
 {
	width: 956px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	margin-top: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
}
#container h1 {
	font-family: Arial, Helvetica, sans-serif;
}
#center_home h2, #center_int h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #013e6c;
}
#center_home h1.title_page, #center_int h1.title_page {
	color: #013d6b;
	padding-bottom: 16px;
	font-size: 20px;
	font-weight: normal;
}
#center_int h1.title_categ, #center_int h2.title_product {
	margin: 0;
	padding: 4px;
	margin-right: 200px;
	}
#center_int h1.title_categ {
	font-size: 16px;
	color: #013e6c;
	background-image: url(images/box-round-yel-top-r.gif);
	background-position: right top;
	background-color: #FEFC37;
}
#center_int h2.title_product {
	padding: 4px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(images/box-round-blue-btm-r.gif);
	background-position: right bottom;
	background-color: #005695;
	margin-bottom: 20px;

}
#center_home ul, #center_int ul {
	margin: 10px;
	padding: 0;
}



/* ============== header */
#header {
	padding-top: 16px;
}

.header_in {
	height: 255px;
	position: relative;
}
.header_in div {
	position: absolute;
	background-repeat: no-repeat;
}
#top_decor {
	width: 880px;
	height: 194px;
	left: 38px;
	top: 62px;
}
#baseline_top {
	left: 88px;
	top: 73px;
	width: 366px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	display: none;
}


#logo {
	left: 38px;
	top: 8px;
}
#recherche {
	left: 614px;
	font-size: 12px;
	color: #005697;
	font-weight: bold;
	width: 300px;
	text-align: right;
}

/* ======================== content */
#content, .header_in  {

}
#content {
	padding: 0 38px;
	padding-bottom: 30px;
	font-size: 12px;
}
/*=============== contenu central */

.cell_content {
	float: left;
	display: inline;
}
#left_menu {
	width: 262px;
}
#center_home {
	width: 356px;
	padding: 0 20px;
	margin-top: 6px;
}
#right_home {
	width: 212px;
	margin-left: 8px;
	margin-top: 14px;
}
#center_large {
	width:618px;
}
#center_int {
	width:595px;
	padding-left:22px;
	color: #013e6c;
}

#menu_left {
	margin-left: 19px;
	background-image: url(images/left-menu-btm.jpg);
	padding-bottom: 24px;
	background-position: bottom;
	background-repeat: no-repeat;
}

/*================ left menu */
.line_button {
	background-repeat: no-repeat;
	background-image: url(images/left-menu-bg-btn.jpg);
	cursor: pointer;
	margin-bottom: 7px;
	width: 236px;
}
.line_button.selected {
	background-image: url(images/left-menu-bg-btn-on.jpg);
}
.line_button h1 {
	line-height: 24px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0 40px 0 5px;
	font-weight: normal;
}
.smenu_area {
	margin-bottom: 6px;
	display: none;
}
.line_smenu {
	background-repeat: no-repeat;
	background-image: url(images/left-smenu-bg-btn.gif);
	cursor: pointer;
	margin-bottom: 2px;
	width: 236px;
	font-size: 11px;
	font-weight: bold;
	color: #013d6b;
	padding: 4px 8px;
}
.line_smenu.selected {
	background-image: url(images/left-smenu-bg-btn-on.gif);
}
ul.smenu_ter {
	margin: 0;
	padding: 8px 20px;
	display: none;
}
.smenu_ter li {

}
.smenu_ter a {
	color: #013d6b;
	font-size: 11px;
}
.smenu_ter a:hover, .smenu_ter a.selected {
	text-decoration: underline;
}




/* ================= Menu onglets */

.menu_onglets {
	margin: 0;
	padding: 0;
	/*height: 21px;*/
}
.menu_btn  {
	width: 86px;
	float: left;
	margin: 0;
	text-align: center;
}
a.menu_btn {
	font-size: 12px;
	color: #013d6b;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	background-repeat: no-repeat;
	background-image: url(images/bg-tab-off.jpg);
	margin: 0 1px 0 0;
	padding: 3px 0;
}
.win.ie6 a.menu_btn {
	margin-bottom: -5px;
}

.win.safari a.menu_btn, .mac.safari a.menu_btn {
	font-size: 11px;
}
a.menu_btn:hover, a.menu_btn.active_btn {
	background-image: url(images/bg-tab-on.jpg);
}


/* ==================== box_tab */
.box_tab {
	background-image: url(images/bg-box-tab-yellow.gif);
	margin-bottom: 20px;
	color: #013d6b;
	position: relative;
	height: 174px;
	width: 358px;
}
.box_tab h2 {
	margin: 0;
	font-size: 14px;
	padding-bottom: 16px;
}
.box_tab p {
	margin: 0;
	font-size: 11px;
}


.box_tab_in {
	padding: 12px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	position: absolute;
	display: none;
}
.box_tab_text {
	height: 150px;
	overflow: auto;
	margin-left: 146px;
	width: 194px;
	float: left;
	display: inline;
	line-height:11px;
}

.box_tab_text h3{
	margin:0px 0px 6px;
}



/* ====================== box_rounded */
.box_rounded_in, .box_round_img, .box_rounded_btm_in_l, .box_rounded_btm_in_r {
	background-repeat: no-repeat;
}
.box_rounded {
	position: relative;
	margin-bottom: 20px;
	background-color: #005694;
	background: linear-gradient(rgb(0,61,106),rgb(0,75,132));		
	color: #fff;
	border-radius:8px;
}

.box_rounded img {
	display:inline;
}
.box_rounded p {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 12px;
}

.box_rounded.box_grey {
	margin-bottom: 20px;
	background-color: #E0E1E1;
	background: linear-gradient(#E0E1E1,#E0E1E1);		
	color: #013d6b;
}

.box_rounded   h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
}

.box_rounded.box_grey h1 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	border-bottom: dotted 1px;
	border-bottom-color: #013d6b;
	margin-bottom: 10px;
}
#box_promos  .box_rounded_in  h1    {
	font-size: 18px;
	text-align: center;
}

.box_grey .box_text h2 {
	font-size: 12px;
	margin: 0;

}
.box_grey .box_text {
	width:90px;
	padding-bottom: 6px;
}
.box_grey .clearfloat {
	border-bottom: 1px solid #cecfd0;
	margin-top:8px;
	margin-bottom:8px;
}

.box_grey .box_text.line_actu {
	width: 182px;

}
.box_grey .box_img {
	width: 92px;

}
.box_grey .box_text p {
	font-size: 11px;
	margin: 0;
	line-height: 12px;
}
.box_grey .box_text .more {
	background-image: url(images/arrow-link.gif);
	padding-left: 10px;
	background-position: 0 5px;
}


.box_grey .box_img img {
	border: solid 2px;
	border-color: #FDFD41;
	background-color: #fdfd41;
	display: block;
	font-size: 10px;
	line-height: 11px;
	margin-bottom: 4px;	
	overflow:hidden;
}
#container  #content  #left_menu  .box_rounded_in  .box_text  {
	width: 140px;
}

.box_tel {
	font-size: 18px;
	background-image: url(images/bg-tel.gif);
	padding: 9px 0;
	padding-left: 48px;
	margin-bottom: 8px;
}
.box_mail {
	background-image: url(images/bg-mail.gif);
	margin-bottom: 8px;
	padding: 6px 0 13px 46px;
	height: 20px;
}
.box_mail a {
	color: #FFFFFF;
	font-size: 11px;
}
.box_compte {
	height: 74px;
	background-image: url(images/bg-compte.gif);
	padding: 8px 14px;
	margin-bottom: 62px;
}
.box_compte h2 {
	font-size: 12px;
	border-bottom: solid 1px;
	border-bottom-color: #dddddd;
	margin: 0;
	padding-bottom: 4px;
	margin-bottom: 2px;
}
.box_compte a {
	color: #013d6b;
}


.box_rounded_in {
	padding: 0;
	padding-bottom: 10px;
	display: block;
}
.win.ie6 .box_rounded_in {
	display: inline-block;
}
.box_grey .box_rounded_in {
	padding: 14px;
}

.box_rounded_btm {
	background-repeat: repeat-x;
	background-position: bottom;
}

.box_rounded_btm_in_l {
}
.box_rounded_btm_in_r {
}
.box_grey .box_rounded_btm_in_l {
}
.box_grey .box_rounded_btm_in_r {
}


/* ======================== center content */
#center_home li, #center_int li {
	background-image: url(images/arrow-link.gif);
	background-position: 0 4px;
	padding-left: 8px;
	margin-bottom: 8px;
}

/* ========================= items product list */
.box_item_prod_list {
	width: 187px;
	background-color: #EBEDEE;
	padding: 6px 4px;
	margin-right: 3px;
	margin-bottom: 12px;
	text-align: center;
	cursor: pointer;
	height: 252px;
	font-size: 11px;
}
.box_item_prod_list a {
	background-color: #F2F5F7;
	display: block;
}

.box_item_prod_list:hover {
	background-color: #DDE4E8;
}

.box_item_prod_list h2 {
	line-height: 12px;
	margin: 0;
	padding: 0px;
	height: 36px;
	background-color: #F2F5F7;
}
#center_int .box_item_prod_list ul {
	margin: 0 4px;
}

#center_int   .box_item_prod_list  li   {
	margin: 0;
	font-size: 9px;
	padding-left: 6px;
	text-align: left;
	margin-bottom: 2px;

}


.box_item_prod_list img {
	border: solid 2px;
	border-color: #005697;
}



.box_info {
	background-color: #ebedee;
	padding: 12px;
	margin-bottom: 26px;
}
.box_info ul {
	margin: 0;
	padding: 10px 0;
}

.box_info li {


}
.box_info .box_img {
	width: 220px;
}
.box_info .box_text {
	width: 350px;
}

/* =========================== Tables */
.tab_infos {
	margin-bottom: 24px;
	border-left: solid 1px #d9d9da;
}
.tab_infos th {
	background-color: #c1c2c2;
}
.tab_infos td {
	background-color: #EBEDEE;
	font-weight: bold;
}
.tab_infos th, .tab_infos td {
	border-right:solid 1px #d9d9da;
	padding: 4px;
	text-align: center;
	border-bottom: solid 1px #ffffff;
}


/* ========================= listes alphanum */
.liens_numpages{
	margin-bottom: 10px;
	padding: 3px;
	text-align: right;
	font-size: 10px;
}
.liens_numpages a {
	color: #333333;
	padding: 1px 4px;
	margin: 0 1px;
	border: solid 1px;
	border-color: #CCCCCC;
	background-color: #EBEBEB;
	text-decoration: none;
}
.liens_numpages  a:hover, .liens_numpages a.selected {
	background-color: #005697;
	color: #FFFFFF;
}

/* ======================== page url */
.page_url {
	font-weight: normal;
	color: #666666;
	padding: 4px;
	font-size: 11px;
	top: 260px;
	left: 114px;
}

.page_url a {
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(images/arrow-link.gif);
	background-position: 0 4px;
	padding-left: 8px;
	margin-right: 5px;
	text-decoration: none;
}
.page_url a.selected {
	font-weight: bold;

}
#center_int .page_url {
	margin-bottom: 8px;
}


/* ============================= tableaux */

.tab_std {
	background-image: url(images/bg-ray.gif);
	border: solid 2px;
	padding: 4px;
	margin: 6px 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-color: #CCCCCC;
}
.tab_std td {
	padding: 5px;
}
.tab_std td.celltype1 {
	background-color: #FFFFFF;
	background-image: url(images/left-menu-btm.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px;
	border-right-color: #CCCCCC;
	text-align: center;
}



/* ========================= bottom_menu */
#bottom_menu {
	height: 107px;
	margin-top: 36px;
	background-color: #147;
	border-radius: 8px;
	background: linear-gradient(rgb(0,75,132),rgb(0,61,106));	
}
.bottom_menu_in {
	padding: 10px 20px;
	font-size: 11px;
	color: #fffe1d;
}
.bottom_menu_in p {
	margin: 0;
}


#bottom_menu ul {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;

}
#bottom_menu li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#bottom_menu a {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0 6px;
	border-right: solid 1px;
	border-color: #FFFFFF;
}
#bottom_menu li:last-child a {
	border-right: 0px;
}
#bottom_menu a.ico-btm {
	border: none;
	display: block;
	background-image: url(images/icon-btm-menu.gif);
	padding-left: 16px;
	padding-bottom: 6px;
}

#bottom_menu a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

/* =================== bottom site */
#bottom {
	margin: 0 auto;
	width: 956px;
	color: #005697;
	font-size: 10px;
	padding: 10px 0;
	text-align: left;
	position: relative;
}
.realisation {
	float: right;
	padding: 8px;
}
.btm_baseline {
	border-top: solid 1px;
	border-top-color: #CED0D0;
	margin: 10px;
	padding: 10px;
	color: #999999;
	text-align: justify;
	margin-bottom: 10px;
	background-color: #dadbdb;
}

/************ MESSAGE FETE DE FIN D'ANNEE ************* */

.message_flash {
    position: relative;
    padding: 5px 0px 6px 70px;
    font-size: 21px;
    margin-left: 2px;
    line-height: 1.875em;
    color: #c11f45;
    text-shadow: 2px 1px 1px black;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0.156em 0.156em 0;
    background-color: #005491;
    box-shadow: -1px 2px 3px rgba(0,0,0,0.5);
    width: 882px;
    background-image: url('./images/fete-img-1.png'),url('./images/fete-img-3.png'), url('./images/fete-img-2.png');
    background-position: right,left, center;
    background-size: 10%, 10%, 65%;
    background-repeat: no-repeat;
}

.message_flash p {
    margin: 0;
    position: relative;
    z-index: 1;
}