/*
Frédéric Mirebeau
08/2009
BobelWeb.eu
*/

/* ----------------------------- Généraux ----------------------------- */
html {padding: 0; margin:0;}

html, div, map, dt, isindex, form {display:block;}

body {font-size: 75%; text-align: center; width:100%; font-family: Arial; color: #666}
	
a:link, a:visited, a:active {text-decoration: none}
a:hover {text-decoration: none}

.separateur {width:2px; font-size:0.01em;}

img {border:0}
form {margin:0;padding:0}
input {font-size:11px; border: 1px solid #666}

.minputtext {border-left: 3px solid #ce0024}
.inputtext {padding-left: 3px}

h1 {font-size: 1.2em; color: #999; text-transform: uppercase;	font-weight: bold; margin: 20px 0 10px 0}
h2 {font-size: 1.1em; margin: 0; padding: 5px 0;  text-transform: uppercase; color: #666;}
h3 {
	margin: 0;
	padding: 0 25px 0 20px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	font-size: 1.1em;
	background-image: url(../../_Images/css/picto_flecheRouge_trans.png);
	background-position: left 3px;
	background-repeat: no-repeat
}
h4 {font-size: 1.1em; margin: 0 0 5px 0; padding: 0 25px 0 19px; font-weight: bold; color: #333333; font-size: 12px; background-position: 0px 3px; background-repeat: no-repeat; background-image: url(../../_Images/css/picto_flecheRouge_trans.png); h3 {margin: 0; padding: 0 25px 0 19px; font-weight: bold; color: #333333; font-size: 12px; background-position: 0px 3px; background-repeat: no-repeat; background-image: url(../../_Images/css/picto_flecheRouge_trans.png) } }
h5 {font-size: 1.0em; vertical-align: text-bottom; padding: 10px 0 0 25px; line-height: -15px; height: 21px; color: #666666; text-transform: uppercase; font-weight: bold; margin: 10px 0 5px 0}
h6 {font-size: 1em; font-weight: bold;margin:3px 0 ; padding:0; color:#000}
h7 {font-size: 0.9em; font-weight: bold; margin:0 0 0 3px ; padding:0; color:#000; text-transform: uppercase}
p {font-size: 1em; margin:5px 0 10px}

.chapo {font-size: 1em; line-height: 1.15em; color: #333333; font-weight: bold}
.title_bkgf {padding: 5px 25px; background-color: #eeeeee; background-position: 9px 7px; background-repeat: no-repeat; background-image: url(../../_Images/css/picto_flecheRouge_trans.png)} 
.title_bkg {background-color: #eeeeee;padding: 5px 15px;}
.title_FlecheJaune {background-image: url(../../_Images/css/picto_jaune_colgauche.png); background-repeat: no-repeat; background-position: left top }
.title_FlecheBleu {background-image: url(../../_Images/css/picto_bleu_colgauche.png); background-repeat: no-repeat; background-position: left top }
.title_focus {padding: 5px 20px 5px 70px; background-position: left top; background-repeat: no-repeat; background-image: url(../../_Images/css/Tit_Focus_Transparent.png); background-color: #eeeeee; }
.ButtonGrey {border: 1px solid #dae5e7; background-color: #dae5e7; font-weight: bold }

.TitleMargin {padding: 20px 0 15px 0}
.InSideCol {padding: 0 10px}

.link_more {font-size: 0.9em; text-indent: 12px; color: #666666; text-transform: uppercase; font-weight: bold; 
	float: right; background-image: url(../../_Images/css/picto_flecheBleu_gris.png); background-repeat: no-repeat;
	background-position: 0 2px; /*margin:10px 0 0 0*/}
.link_more_rouge {
	font-size: 0.9em;
	margin: 15px 0 0;
	text-indent: 12px;
	font-weight: bold;
	float: right;
	color: #666666;
	text-transform: uppercase;
	background-image: url(../../_Images/css/picto_flecheRouge_gris.png);
	background-repeat: no-repeat;
	background-position: 0 2px
}

.link_more_rouge_left {
	font-size: 0.9em;
	margin: 15px 0 0;
	text-indent: 12px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	background-image: url(../../_Images/css/picto_flecheRouge_gris.png);
	background-repeat: no-repeat;
	background-position: 0 2px
}

.error {color: #ce0024}
.text_bleu {color:#0069CF}
.article_box {
	border: 1px solid #eeeeee;
	-moz-border-radius-bottomright: 1em;
	margin-bottom: 10px
}

.article_box p {text-align:justify}
.article_box ul {margin-top:3px}
.article_box a:link, .article_box a:hover, .article_box a:visited {color:#666}

.bottombox {border-bottom: 1px solid #eeeeee; height:8px; float:left}
.rightcorner {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../../_Images/css/angle_article.png); height:8px}

.video {padding:10px 10px 5px 10px}

#form_center {width:500px; margin:0 auto}
#form_center .col2 {}
#form_center .col1 {width:220px;float:left}

.btn_bleu {
	border: 1px solid #009FC6;
	letter-spacing: 0.05em;
	background-color: #009fc6;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 2px 0
}

.imgright {float:right}
.comment {font-size: 0.9em;}

#ullist {list-style-position:inside; list-style-type:none; margin:10px 0; padding:0; }
#ullist input {margin-left:-25px; padding:0; }
#ullist li {list-style-position:inside; margin-top:5px; padding-left:30px; }

#basketdiv table, #memberdiv table {font-size: 1.0em;}
#basketdiv .header, #memberdiv .header {margin: 0; padding: 2px; text-align: right; color: #ffffff; background-color: #009FC6; font-weight: bold }
#basketdiv_c, #memberdiv_c {margin:5px}

.Nature2 {background-color: #999999; color:#fff}
.Nature3 {background-color: #8AB2BB; color:#fff}
.Nature4 {background-color: #4275A9; color:#fff}
.Nature5 {background-color: #0173E5; color:#fff}
.Nature6 {background-color: #FFB800; color:#fff}
.Nature7 {background-color: #DC772B; color:#fff}
/* ----------------------------- /Généraux ----------------------------- */

/* ----------------------------- Object ----------------------------- */
#wi_basketpopup {text-align:center}

/* Panier */
#basket {}
#basket td, 
#basket th, 
#order td, 
#order th,
#basket table, #order table  {font-size: 1em;}


#basket #tbl_basket, #order #tbl_order {width:100%}
#basket #tbl_basket, #basket #tbl_basket tr, #basket #tbl_basket td,  #basket #tbl_basket th,
#order #tbl_order, #order #tbl_order tr, #order #tbl_order td,  #order #tbl_order th
 {
	border: 1px solid #dddddd;
	border-collapse: collapse
}
#basket #orderstep {margin:0 0 20px 413px;}
#basket #col_left, #order #col_left {float:left;width:435px}
#basket #col_right, #order #col_right {float:right;width:310px}
#basket .btn, #order .btn {border: 1px solid #009FC6;
	letter-spacing: 0.05em;
	background-color: #009fc6;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 2px 0}
	
#order .frame {border: 1px solid #dddddd;}

#order #f_order {border: 1px solid #dddddd; padding: 0 20px}
#order .col1 {width:165px; float:left; margin-top:3px;}
#order fieldset {
	border-right: 0px solid #dddddd;
	border-bottom: 0px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-left: 0px solid #dddddd;
	padding:0 20px 0 0;
	margin-top : 10px
}
#order legend {font-weight: bold;font-size: 1em; padding: 0 15px 0 0}

.tbl_membre a {color: #333333}
.tbl_membre {border: 1px solid #dae5e7; border-collapse: collapse; width: 100%; margin-top: 20px; font-size: 1em}
.tbl_membre td, .tbl_membre th {border-right: 1px solid #dae5e7;border-left: 1px solid #dae5e7;	border-collapse: collapse;}
.tbl_membre th {border-bottom: 1px solid #dae5e7; text-align: center;	background-color: #8DB1C6}
.tbl_membre .bkg {background-color: #CFEAF6}
/* ----------------------------- /Object ----------------------------- */

/* ----------------------------- Layout ----------------------------- */
#home_4col, #bob_2col, #HomeSolution_3col, #Solution_2col, #Boutique_2col {width: 1000px; text-align: left; margin:10px auto 10px auto;}
#footer1 {
	clear: both;
	margin-top:10px;
	background-color: #9da0a2;
	)
}
#footer2 {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../../_Images/css/arrondi_pieddepage.png);
	background-color:#9DA0A2;
}
/* filets ombrés */
#mainframe {clear:both; background-position: left top; background-repeat: repeat-y; background-image: url(../../_Images/css/filet_ombre_verti.png);}
#cornerframe {
	height: 8px;
	background-image: url(../../_Images/css/nav_coin_haut_coin_gauche.png);
	background-repeat: no-repeat;
	background-position: left top
}
#content { padding-left:10px}

#nav1, #nav2 {background-position: left 0%; background-repeat: repeat-y; background-image: url(../../_Images/css/filet_ombre_verti.png); width: 656px;}
#nav {background-position: 0 7px; padding-top:7px; background-repeat: repeat-x; background-image: url(../../_Images/css/filet_ombre_horiz.png); float:left;}
#logo {width:344px; float:left;}
#header2 {clear:left;}

#col_right {float:right; width:160px; margin-left:10px}
#col_left {float:left; width:210px; margin:0;}

#home_4col #col_center {margin: 0 170px 0 220px}
#bob_2col #col_center, #HomeSolution_3col #col_center, #Solution_2col  #col_center, #Boutique_2col  #col_center {margin: 0 170px 0 0}

#HomeSolution_3col #col_cleft {float:left; width:190px;}
#HomeSolution_3col #col_cright {margin: 0 0 0 200px}

#home_4col #col_left {background-color: #dae5e7; background-position: left top; background-repeat: no-repeat; background-image: url(../../_Images/css/angle_gauche_grisclair.png)}
#home_4col #col_left_footer {
	background-color: #dae5e7;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../../_Images/css/angle_droite_grisclair.png); height:7px; clear:both
}
/* ----------------------------- /Layout ----------------------------- */

/* ----------------------------- /Zones ----------------------------- */
#logo_box {padding:0px 0 0px 0;}
/* ----------------------------- /Zones ----------------------------- */

/* ----------------------------- Acteur ----------------------------- */
#B2_SideFolderSolution, #B1_RefereneCol  {float:left; padding-bottom: 20px}

#B1_NavHaut {font-size:1em ;height: 31px;padding:4px;background-position: left top;background-repeat: no-repeat;background-image: url(../../_Images/css/nav_coin_haut_coin_gauche.png)}
#B1_NavHaut #member_box {float:left; padding:8px 0 0 10px; width:340px }
#B1_NavHaut #basket_box {float:left;padding:8px 0 0 10px; width:180px}
#B1_NavHaut #Language_box {float:right; padding-top:10px;}

#B1_MenuHaut {height:24px;background-color: #8d9194; width:100%}

#B4_BandeauRef,#B2_MetierHeadline,#HomeSolution_3col #content,#Solution_2col #content,#Boutique_2col #content {
	background-image: url(../../_Images/css/filet_haut1000px.png);
	background-repeat: no-repeat;
	background-position: left top
}
#B4_BandeauRef_Title {padding: 4px 10px 4px 0; text-align: right; font-size: 1.8em; width: 100px; font-weight: bold; float: left }
#B4_BandeauRef_Img {width:890px; overflow:hidden;}
#B4_BandeauRef .imgp {border: 1px dashed #666}

#B1_FooterContent {padding:15px 28px}
#B1_FooterContent #col1 {color: #ffffff;text-transform: uppercase;width: 192px;	float: left; margin:0 0 10px 10px; font-size:0.9em}
#B1_FooterContent #col2 {float:left; width: 160px; margin:0 0 10px 20px}
#B1_FooterContent #col3 {float:left; width: 160px; margin:0 0 10px 10px}
#B1_FooterContent #col4 {float:left; width: 160px; margin:0 0 10px 10px}
#B1_FooterContent #col5 {float:left; width: 160px; margin:0 0 10px 10px}
#B1_FooterContent ul {margin: 0 0 0 3px;; padding:0}
#B1_FooterContent li {margin: 0; padding: 0; list-style-type: none}
#B1_FooterContent a:link, #B1_FooterContent a:hover, #B1_FooterContent a:visited {color:#000}

#B1_FooterCorporate {padding:0 28px; border-top:1px solid #fff}
#B1_FooterCorporate {padding-top: 2px; text-align: center; padding-bottom: 2px}
#B1_FooterCorporate, #B1_FooterCorporate a:link, #B1_FooterCorporate a:visited {color: #ffffff; text-transform: uppercase; font-size: 0.85em;}

#B2_MetierHeadline {padding:10px}
#B2_MetierHeadline p {}

#B2_MetierArticle {/*padding:5px 5px 5px 8px*/}

#B2_SolutionArticleHP p {margin: 5px 20px ; text-align: justify}
#B2_MetierArticle .legend {font-size:0.9em; color:#333; padding: 0 10px 10px 10px}

#B2_SolutionHeadLine {padding: 10px 0 10px 10px}
#B2_SolutionHeadLine p {text-align:right}

#B2_SolutionMenu {margin:10px 0 0 0; padding:0}
#B2_SolutionMenu li ul, #B2_SolutionMenu li {margin:0}

#B2_SolutionMenu .smenu {padding: 0; background-color: #ececec; margin: 0 }
#B2_SolutionMenu .smenuitem {
	border-bottom: 1px solid #ffffff;
	padding: 6px 0 6px 20px;
	list-style-position: inside;
	list-style-type: disc;
	text-transform: lowercase;
	margin: 0;
	
}
#B2_SolutionMenu .menu {padding: 6px 0 6px 20px;}
#B2_SolutionMenu .menuitem {
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	text-transform: uppercase;
	background-color: #d4d8db; margin: 0;
}
#B2_SolutionMenu  .menuitemlabel {padding: 0.5em 0 0.5em 20px; }

#B2_SolutionMenu li a:link, #B2_SolutionMenu li a:hover, #B2_SolutionMenu li a:visited {color: #000000}

#B2_SolutionFeature .FolderBox_2col {border: 1px solid #eee; margin:5px 0 5px 0}
#B2_SolutionFeature .FolderBox_2col .col {float:left; width:376px; padding:0px 15px 20px 15px}
#B2_SolutionFeature h3 {margin-top: 20px; text-transform: uppercase}
#B2_SolutionFeature .FolderBox_1col {border: 1px solid #eee; margin:5px 0px 5px 0; float:left; width:403px}
#B2_SolutionFeature .FolderBox_1col .col { padding:0px 15px 20px 15px}
#B2_SolutionFeature .abstract {margin:20px 0 20px 30px}
#B2_SolutionFeature ul {margin:0 0 0 45px; padding-left:0px}
#B2_SolutionFeature li, .article_box li {list-style-position: outside; list-style-type: none; list-style-image: url(../../_Images/css/Puce_Rouge.gif)}
#B2_SolutionFeature li a:link {color:#666666}

#B1_NewsLetter form {padding-bottom:15px; border-bottom: 1px solid #fff}
#B1_NewsLetter {padding:10px 10px 0 10px}
#B2_BlogRss, #B2_EventBox {padding:5px 10px 0 10px; clear: right}
#B2_BlogRss p, #B2_EventBox p {margin:0}
#B2_BlogRss a, #B2_EventBox a {color:#666666}

#B3_basket, #B3_Order {padding:10px;}
#B3_demo {padding:10px}

#B2_EditorialHome {}
#B2_EditorialHome p {margin-top:0}
#B2_EditorialHome #E_left {width:380px; float:left;}
#B2_EditorialHome #E_right {width:210px; float:left; font-size:0.9em; padding-left:10px}
#B2_EditorialHome a:link, #B2_EditorialHome a:visited, #B2_EditorialHome a:hover {color:#666}

#B1_BaseLine {padding: 10px; text-transform: uppercase; font-size: 0.9em; background-color: #ececec; font-weight: bold}

#B2_SolutionVideo {}
#B2_SolutionVideo #ListMenu, #B2_AllFaq #ListMenu {text-align:left; padding-top:10px }

#B2_SolutionFaq h3 {margin:20px 10px 5px 15px}
#B2_SolutionFaq p {margin-left: 45px; margin-right: 10px}

#B1_PubFlash {float:right}

#B1_Reference .ref {width:810px; font-size:0.9em}
#B1_Reference .ref .photo {width:78px}
#B1_Reference .ref .text {width:190px}
#B1_Reference .ref img {border:1px dashed #666666}

#B2_ContextArticle, #B2_ContextEvent {
	padding-bottom: 10px;
	float: left
}


#f_order fieldset .col1 {width:165px; float:left; margin-top:3px;}
/* ----------------------------- /Acteur ----------------------------- */