@charset "utf-8";
@import url("wysiwyg.css"); 

body {background: white;}

/* #################################################################################################### */
/* SNIPPETS  */
/* #################################################################################################### */

.w_actionDownload {clear:both; margin:21px 0 7px 0; background:transparent url("../img/img_cart_left.png") no-repeat scroll 0 0; position:relative; padding:0 0 0 35px;}
.w_actionDownload span {display:block; background:transparent url("../img/img_cart_right.png") no-repeat scroll 100% 0;}
.w_actionDownload a {height:47px; display:block; background:transparent url("../img/link-arrow-bg.png") no-repeat scroll 12px 19px; padding:15px 0 0 22px;}
.w_actionDownload a:focus,
.w_actionDownload a:hover { background-position:12px -231px; }
.w_actionDownload a img {position:absolute; left:5px; top:11px; _left:-30px;}

a.w_actionButton,
#Page #Content a.w_actionButton,
#Page #Content a.w_actionButton:link,
#Page #Content a.w_actionButton:visited,
#Page #Content a.w_actionButton:active { cursor: pointer; color: #333 !important; font-size:14px; font-weight:normal; line-height:17px; display:inline-block; height:22px;  text-decoration:none; padding:4px 10px 0; margin:4px 0 5px; background: url("../img/button-bg.png") 0 50% repeat-x; border:1px solid #EEE; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position:relative; behavior: url("/FRONT/NetExpress/scripts/PIE.htc");}
a.w_actionButton:hover,
#Page #Content a.w_actionButton:hover { color: #000; border-color:#DDD; background-position: 0 -44px; }

/*############ Tableau résultats de recherche ################*/

.w_skinnedTable { border-collapse: collapse; border-spacing: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0; width: 100%; margin-bottom: 14px; }
.w_skinnedTable th,
.w_skinnedTable td { font-size: 1em; background-color: #FFF;}
.w_skinnedTable caption { color: #4D4D4D; font-size: 1em; padding: 12px 7px; text-align: left; }
.w_skinnedTable thead tr th { background: #0066a8 url("../img/table-header-bg.png") repeat-x 0 0; color: #FFF; height: auto; padding: 7px; font-size:1.1em; line-height:1.1em; border-right:solid 1px #CBCBCB; }
.w_skinnedTable thead tr th.first { -ms-border-radius: 5px 0 0 0; -o-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }
.w_skinnedTable thead tr th.last { -ms-border-radius: 0 5px 0 0; -o-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
.w_skinnedTable tbody th,
.w_skinnedTable tbody td { border-bottom: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; padding: 5px 14px; }
.w_skinnedTable tbody .alt th,
.w_skinnedTable tbody .alt td { background-color: #DBEDF8; }
.w_skinnedTable tbody .first { border-left: 1px solid #CBCBCB; }

/* Correctif IE 7-8 / PIE.htc abandonné */
.ie-7 .w_skinnedTable thead tr th,
.ie-8 .w_skinnedTable thead tr th { background: url("../img/table-header-bg-ie.png") no-repeat 50% 0; }
.ie-7 .w_skinnedTable thead tr th.first,
.ie-8 .w_skinnedTable thead tr th.first { background-position: 0 0; }
.ie-7 .w_skinnedTable thead tr th.last,
.ie-8 .w_skinnedTable thead tr th.last { background-position: 100% 0; }

/*############ Boîte avec entête de couleur et contenu ################*/
.boxHeaderContent {  margin-bottom:15px; /*width: 100%; -> Souci si formattage largeur par class complémentaire*/ }
.boxHeaderContent .boxTop { background: url(../img/top_box_header_content.png) no-repeat; color: #fff; font-size: 1em; font-weight: bold; height: 29px; line-height: 29px; overflow: hidden; padding: 0 12px; }
.boxHeaderContent .boxCenter { background: #fff; border: 1px solid #e7e7e7; border-top: 0; padding: 5px 11px 15px; }

.bhcBlue .boxTop { background-position: 0 0; }
.bhcBrightBlue .boxTop { background-position: 0 -29px; }
.bhcOrange .boxTop { background-position: 0 -58px; }

/*############ Boîte avec contenu (image) en arrière-plan ################*/
.boxBg {position:relative; clear:both; overflow:hidden; padding:0 !important;}
.boxBg .boxBgImg {position:absolute; top:0; left:0; z-index:20; padding:0; overflow:hidden;}
.boxBg .boxBgContent {position:relative; top:0; left:0; z-index:21; padding:15px; overflow:hidden; zoom: 1;}

/*############ Boîte avec ombre portée ################*/
.boxShadow {width:620px; background: url(../img/bg_bloc_ombre.png) no-repeat scroll 100% 100% transparent; clear:both; float:none; margin:0; padding:0; position:relative; }
.boxShadow .boxTop{ background: url(../img/bg_bloc_ombre.png) no-repeat scroll 0 0 transparent; padding:4px 7px 10px 6px;}
.boxShadow .boxCenter {padding:0px 21px 21px 21px;}

/*############ Boîte Bi-color Blue/Grey ################*/
.boxBlueGrey {width:620px; clear:both; float:none; margin:0; padding:0; position:relative; background:#F3F3F3 /*url(../img/bg_blueGrey.png) repeat-y 0 0*/; border:1px solid #e3e3e3; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.boxBlueGrey .bbg_Blue {display:inline-block; width:350px; vertical-align:top; background:#285ba3 /*url(../img/degrade_bleu.png) repeat-y 0 0*/; color:#FFF; !float:left; }
.boxBlueGrey .bbg_Grey {display:inline-block; width:266px; vertical-align:top; }
.boxBlueGrey .boxCenter {padding:12px 12px 12px 15px;}
.boxBlueGrey .bbg_Grey .boxCenter {padding-left:12px;}
.boxBlueGrey .boxBottom {padding:12px; background:#F3F3F3; clear:both; _padding-top:6px;}

.bgColor_BrightGrey a.w_actionButton { margin-bottom: 0; }

.bbgImgThird { /*background-position: -144px 0;*/}
.bbgImgThird .bbg_Blue {width:206px;}
.bbgImgThird .bbg_Grey {width:410px;}

.bbgImgTwoThird { /*background-color: #002f76; background-position: 60px 0;*/ }
.bbgImgTwoThird .bbg_Blue {width:410px;}
.bbgImgTwoThird .bbg_Grey {width:206px;}

.bbgImgHalf { /*background-position: -42px 0;*/ }
.bbgImgHalf .bbg_Blue,
.bbgImgHalf .bbg_Grey {width:308px;}


/* Images */
/* style provenant de l'Intranet */
.cont_box_shade,
.cont_box_shade_left,
.cont_box_shade_right
{
	background: url(../img/bg_box_shade.gif) right bottom no-repeat;
	padding: 0 6px 6px 0;
}

.cont_box_shade
{
	clear: both;
	margin: 0 0 15px;
}

.cont_box_shade_left
{
	float: left;
	margin: 0 20px 0 0;
}

.cont_box_shade_right
{
	float: right;
	margin: 0 0 0 15px;
}

.cont_box_shade img,
.cont_box_shade_left img,
.cont_box_shade_right img { display: block; }

/* #################################################################################################### */
/* IE 7 et 8 CSS3 (HTC) */
/* #################################################################################################### */

.ie-7 a.w_actionButton,
.ie-7 #Page #Content a.w_actionButton,
.ie-7 .w_skinnedTable thead tr th.first,
.ie-7 .w_skinnedTable thead tr th.last,
.ie-7 .boxBlueGrey,
.ie-7 .bgColor_BrightGrey,
.ie-7 .bgColor_BrightOrange,
.ie-7 .bgColor_BrightBlue,
.ie-8 a.w_actionButton,
.ie-8 #Page #Content a.w_actionButton,
/*.ie-8 .w_skinnedTable thead tr th.first,
.ie-8 .w_skinnedTable thead tr th.last,*/
.ie-8 .boxBlueGrey,
.ie-8 .bgColor_BrightGrey,
.ie-8 .bgColor_BrightOrange,
.ie-8 .bgColor_BrightBlue { behavior: url("/FRONT/NetExpress/scripts/PIE.htc"); position:relative; zoom:1; }