/** =========================================================================== *
 * 		Fichier :		FRONT/NetExpress/css/site_blocsModulaires.css			*
 * 		Auteur :		Benoît FETIVEAU											*
 * 		Description :	Feuille de style utilisée par le générateur				*
 *						de blocs modulaires du répertoire classes/T1P1Blocks	*
 * ============================================================================ */
 
.bloc { position: relative; z-index: 1; overflow: hidden; margin: 0 0 14px; -moz-box-shadow: 0 2px 5px 1px #BFBFBF; -webkit-box-shadow: 0 2px 5px 1px #BFBFBF; -o-box-shadow: 0 2px 5px 1px #BFBFBF; box-shadow: 0 2px 5px 1px #BFBFBF; -ms-border-radius: 3px 0 0; -o-border-radius: 3px 0 0; -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; border-radius: 3px 0 0; background-color: #FFF; }
.bloc>.title,
.bloc>h2 { margin: 4px 0 14px; padding: 14px 14px 0; font-size: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }
.bloc>.title { font-weight: bold; }
.bloc>.wrap { padding: 0 14px; overflow: hidden; height: 100%; }
.bloc h3 { margin: 0 0 10px 0; padding: 0; font-size: 13px; line-height: 16px; }
.bloc p+h3,.bloc img+h3 { margin-top: 10px; }
.bloc h4 { margin: 0 0 5px 0; padding: 0; font-size: 12px; line-height: 12px; }
.bloc p+h4,
.bloc img+h4 { margin-top: 5px; }
.bloc p { margin: 0 0 5px; }
.bloc.push p { margin-bottom: 10px; }
.bloc img { margin-bottom: 5px; }
.bloc.push img { position: relative; left: -14px; margin-bottom: 0; }
.bloc>div.action { padding: 5px 14px 7px; position: relative; z-index: 2; }
.bloc>div.action a { margin-top: 4px; margin-bottom: 5px; }
.bloc ul.links-list { list-style: none; margin: 0; padding: 0; }
.bloc ul.links-list li { list-style: none; margin: 0 0 5px; padding: 0; }
.bloc div.action a,
.bloc ul.links-list a,
.bloc a.link { display: block; line-height: 15px; overflow: hidden; background: url("../img/link-arrow-bg.png") 1px 4px no-repeat; padding: 0 0 0 10px; color: #285BA3; }
.bloc div.action a:hover,
.bloc ul.links-list a:hover,
.bloc a.link:hover { background-position: 1px -246px; color: #EB5721; }
.bloc h3 a.link { background-position: 1px 5px; }
.bloc h3 a.link:hover { background-position: 1px -245px; }
.bloc .framed { float: none; background-color: #F3F3F3; overflow: hidden; position: relative; padding: 7px; margin: 0 0 0px; border: 1px solid #DDD; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.bloc .framed+css3-container+.framed,
.bloc .framed+.framed { margin-top: 14px; }
.bloc .framed ul.links-list { margin-left: 5px; }
.bloc .framed h4 { margin-bottom: 0; }
.bloc img.bloc-bg { position: absolute; margin: 0; top: auto; left: auto; right: 0; bottom: 0; z-index: 1; }
.bloc > .picture { font-size: 0; float: left; line-height: 0; }
.bloc > .picture img { margin: 0; }
.bloc > .picture + .title + .wrap + .action,
.bloc > .picture + h2 + .wrap + .action,
.bloc > .picture + .action,
.bloc > .picture + .title + .wrap,
.bloc > .picture + h2 + .wrap,
.bloc > .picture + .wrap,
.bloc > .picture + .title,
.bloc > .picture + h2 { overflow: hidden; text-align: left; }
.bloc > .picture + .title + .wrap + .action,
.bloc > .picture + h2 + .wrap + .action,
.bloc > .picture + .action { float: right; }
.bloc .bloc { border: 1px solid #ccc; margin-bottom: 0; text-align: center; }
.bloc .cols + .cols .bloc { margin-top: 14px; }
.bloc .bloc,
.bloc.clean { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.bloc.clean > .title,
.bloc.clean > h2,
.bloc.clean > .wrap,
.bloc.clean > .action { padding-left: 0; padding-right: 0; }

/* #################################################################################################### */
/* COL SIZING */
/* #################################################################################################### */

/* 1er niveau de colonnes */
.cols { position: relative; clear: both; zoom: 1; }
.cols:before,
.cols:after { content: ""; display: block; font-size: 0; height: 0; visibility: hidden; }
.cols:after { clear: both; }
.cols>.col { float: left; }
.cols>.col+.col { margin-left: 14px; }
.cols>.col-1-3+.col-1-3 { width: 308px; }
.cols>.col-1-3,
.cols>.col-1-3+.col-1-3+.col-1-3 { width: 307px; }
.cols>.col-2-3 { width: 629px; }
.cols>.col-1-4 { width: 227px; }
.cols>.col-2-4 { width: 468px; }
.cols>.col-3-4 { width: 709px; }
.cols>.col-1-1 { width: 950px; }
.bloc .col { float: left; /*margin-bottom:7px;*/ }
.bloc .col+.col { height: 100%; border-left: 1px solid #CCC; }

/* Colonnes imbriquées */
.col-2-4 .bloc .col { width: 47%; padding: 0 3% 0 0; }
.col-2-4 .bloc .col+.col { width: 46.5%; padding: 0 0 0 3%; }
.col-2-3 .bloc .col { width: 48%; padding: 0 2% 0 0; }
.col-2-3 .bloc .col+.col { width: 47.5%; padding: 0 0 0 2%; }
.bloc .cols .col { border: 0; margin: 0; padding: 0; }
.col-2-4 .bloc .cols > .col+.col,
.col-2-3 .bloc .cols > .col+.col,
.bloc .cols .col +.col { padding-left: 1%; }
.bloc .cols > .col-1-3 + .col-1-3 { width: 33%; }
.bloc .cols > .col-1-3,
.bloc .cols > .col-1-3 + .col-1-3 + .col-1-3 { width: 32.5%; }
.bloc .cols > .col-2-3 { width: 66%; }
.bloc .cols > .col-1-4 { width: 24.25%; }
.ie-7 .bloc .cols > .col-1-4 { width: 24.24%; }
.col-2-4 .bloc .cols > .col,
.bloc .cols > .col-2-4 { width: 49.5% }
.bloc .cols > .col-3-4 { width: 74%; }
.bloc .cols > .col-1-1 { width: 100%; }
.col-2-4 .bloc .cols .col,
.col-2-3 .bloc .cols .col { width: 49%; padding: 0 1% 0 0; }
.col-2-4 .bloc .cols .col+.col,
.col-2-3 .bloc .cols .col+.col { width: 49%; padding: 0 0 0 1%; }
.col-2-3 .bloc .cols .col-1-3 { padding: 0;}
.col-2-3 .bloc .cols .col-1-3 + .col-1-3  { width: 33%; padding: 0 0 0 1%; }
.col-2-3 .bloc .cols .col-1-3,
.col-2-3 .bloc .cols .col-1-3 + .col-1-3 + .col-1-3 { width: 32.5%;}

/* #################################################################################################### */
/* COLORS */
/* #################################################################################################### */

.bloc.light-green-white > .title,
.bloc.light-green-white > h2 { background-color:/*#C4D600*/#7EAF1D; }
.bloc.dark-green-white > .title,
.bloc.dark-green-white > h2 { background-color:/*#509E2F*/#30772A; }
.bloc.light-blue-white > .title,
.bloc.light-blue-white > h2 { background-color:/*#005BBB*/#285BA3; }
.bloc.dark-blue-white > .title,
.bloc.dark-blue-white > h2 { background-color:/*#001A70*/#1E2764; }
.bloc.light-orange-white > .title,
.bloc.light-orange-white > h2 { background-color:/*#FFA02F*/#DE710F; }
.bloc.dark-orange-white > .title,
.bloc.dark-orange-white > h2 { background-color:/*#FE5815*/#E85B28; }
.bloc.light-green-white h2,
.bloc.light-green-white > .title,
.bloc.dark-green-white h2,
.bloc.dark-green-white > .title,
.bloc.light-blue-white h2,
.bloc.light-blue-white > .title,
.bloc.dark-blue-white h2,
.bloc.dark-blue-white > .title,
.bloc.light-orange-white h2,
.bloc.light-orange-white > .title,
.bloc.dark-orange-white h2,
.bloc.dark-orange-white > .title { margin: 0 0 14px!important; padding: 9px 14px!important; color: #FFF!important; font-size: 14px!important; line-height: 14px!important; }
.bloc > .title a,
.bloc > h2 a { color: #FFF!important; }
.bloc > .title,
.bloc > h2 { color: #4D4D4D!important; text-transform : none!important; }
.bloc.light-green { color: #FFF!important; background-color: #7EAF1D; }
.bloc.dark-green { color: #FFF!important; background-color: #30772A; }
.bloc.light-blue { color: #FFF!important; background-color: #285BA3; }
.bloc.dark-blue { color: #FFF!important; background-color: #1E2764; }
.bloc.light-orange { color: #FFF!important; background-color: #DE710F; }
.bloc.dark-orange { color: #FFF!important; background-color: #E85B28; }
.bloc.light-green > .title,
.bloc.light-green > h2,
.bloc.dark-green > .title,
.bloc.dark-green > h2,
.bloc.light-blue > .title,
.bloc.light-blue > h2,
.bloc.dark-blue > .title,
.bloc.dark-blue > h2,
.bloc.light-orange > .title,
.bloc.light-orange > h2,
.bloc.dark-orange > .title,
.bloc.dark-orange > h2 { color: #FFF!important; ; }
.bloc div.action a.button,
#Page #Content .bloc div.action a.button,
.bloc.light-green div.action a,
#Page #Content .bloc.light-green div.action a,
.bloc.dark-green div.action a,
#Page #Content .bloc.dark-green div.action a,
.bloc.light-blue div.action a,
#Page #Content .bloc.light-blue div.action a,
.bloc.dark-blue div.action a,
#Page #Content .bloc.dark-blue div.action a,
.bloc.light-orange div.action a,
#Page #Content .bloc.light-orange div.action a,
.bloc.dark-orange div.action a,
#Page #Content .bloc.dark-orange div.action a { cursor: pointer; color: #333; font-size: 14px; font-weight: normal; line-height: 17px; display: inline-block; height: 22px; text-decoration: none; padding: 4px 10px 0; margin: 4px 0 9px; 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; }
.bloc div.action a.button:focus,
.bloc div.action a.button:hover,
#Page #Content .bloc div.action a.button:focus,
#Page #Content .bloc div.action a.button:hover,
.bloc.light-green div.action a:hover,
#Page #Content .bloc.light-green div.action a:hover,
.bloc.dark-green div.action a:hover,
#Page #Content .bloc.dark-green div.action a:hover,
.bloc.light-blue div.action a:hover,
#Page #Content .bloc.light-blue div.action a:hover,
.bloc.dark-blue div.action a:hover,
#Page #Content .bloc.dark-blue div.action a:hover,
.bloc.light-orange div.action a:hover,
#Page #Content .bloc.light-orange div.action a:hover,
.bloc.dark-orange div.action a:hover,
#Page #Content .bloc.dark-orange div.action a:hover { color: #000; border-color: #DDD; background-position: 0 -44px; }

/* #################################################################################################### */
/* SPECIFICS */
/* #################################################################################################### */

/* ##### News home corp ### */
#Page #Content .bloc.news-corp .group { overflow: hidden; }
#Page #Content .bloc.news-corp .group .framed { float: left; width: 44.8%; }
.ie-7 #Page #Content .bloc.news-corp .group .framed { float: none; width: auto; }
#Page #Content .bloc.news-corp .group .framed+css3-container+.framed,
#Page #Content .bloc.news-corp .group .framed+.framed { margin-left: 3%; margin-top: 0; }
.ie-7 #Page #Content .bloc.news-corp .group .framed+css3-container+.framed,
.ie-7 #Page #Content .bloc.news-corp .group .framed+.framed { margin-left: 0; margin-top: 14px; }
#Page #Content .bloc.news-corp .group+css3-container+.framed,
#Page #Content .bloc.news-corp .group+.framed { padding: 14px 14px 10px; clear: both; margin: 14px 0 0; }
#Page #Content .bloc.news-corp .group+css3-container+.framed img.left,
#Page #Content .bloc.news-corp .group+.framed img.left  { margin-right: 14px; }
#Page #Content .bloc.news-corp .group+css3-container+.framed img.right,
#Page #Content .bloc.news-corp .group+.framed img.right { margin-left: 14px; }
/* ##### Direct access ### */
#Page #Content .bloc.direct-access .framed { margin-bottom: 0; }
#Page #Content .bloc.direct-access h3 { margin: 0 0 15px 0; }
/* ##### Contact ##### */
#Page #Content .bloc.contact .group { clear: both; overflow: hidden; min-height: 50px; background-color: #285BA3; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #Content .bloc.contact .group+css3-container+.group,
#Page #Content .bloc.contact .group+.group { margin-top: 7px; }
#Page #Content .bloc.contact .picture { float: left; position: relative; padding: 7px; }
#Page #Content .bloc.contact .picture img { margin: 0; height: 36px; }
#Page #Content .bloc.contact .framed { margin: 0; padding: 5px 0 0 10px; min-height: 43px; overflow: hidden; border-left: 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
#Page #Content .bloc.contact .framed p { margin: 0; }
#Page #Content .bloc.contact input { width: 75px; float: left; }
#Page #Content .bloc.contact button { float: left; margin: 5px 0 0 7px; }
/* ##### Carousel(Swap) ##### */
#Page #Content .carousel .carousel-control { float: right; margin: 0 0 7px 0; }
#Page #Content .carousel .carousel-control a { color: #285BA3; background-color: #FFF; position: relative; display: block; float: left; width: 13px; height: 13px; text-align: center; margin: 0 0 0 5px; padding: 0; font-size: 12px; line-height: 13px; font-weight: bold; border: 1px solid #285BA3; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
#Page #Content .carousel .carousel-control a.active,
#Page #Content .carousel .carousel-control a:hover { color: #FFF; background-color: #285BA3; }
/* ##### Question Laura ##### */
#Page #Content .bloc.laura-question .col { width: 33%; }
#Page #Content .bloc.laura-question .col+.col { /*min-height:80px;*/ width: 62.5%; background: url("../img/laura_bg.png") no-repeat 100% 50%; }
#Page #Content .bloc.laura-question form { padding: 10px 110px 0 10px; }
#Page #Content .bloc.laura-question label { padding-right: 12px; }
#Page #Content .bloc.laura-question textarea { border: 1px solid #CCC; height: 42px; color: #656565; -moz-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -webkit-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -o-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -ms-box-shadow: inset 1px 1px 2px 0 #BFBFBF; box-shadow: inset 1px 1px 2px 0 #BFBFBF; margin: 14px 0 10px; padding: 3px 5px 1px 5px; }
#Page #Content .bloc.laura-question button { margin: 0; }

/* ##### Carousel Simple ##### */
#Page #Content .bloc .simpleCarousel { position: relative; }
#Page #Content .bloc .simpleCarousel,
#Page #Content .bloc .simpleCarousel .jcarousel-clip,
#Page #Content .bloc .simpleCarousel .jcarousel-container { overflow: hidden; width: 100%; }
#Page #Content .bloc .simpleCarousel .jcarousel-prev,
#Page #Content .bloc .simpleCarousel .jcarousel-next { background: url(../img/arrow_move_left.png) 50% 50% no-repeat; cursor: pointer; display: block; height: 20px; width: 20px; position: absolute; top: 50%; z-index: 10; }
#Page #Content .bloc .simpleCarousel .jcarousel-prev { left: 0; }
#Page #Content .bloc .simpleCarousel .jcarousel-next { background-image: url(../img/arrow_move_right.png); right: 0; }
#Page #Content .bloc .simpleCarousel .jcarousel-prev:hover { background-image:url(../img/arrow_move_left_hover.png); }
#Page #Content .bloc .simpleCarousel .jcarousel-next:hover { background-image: url(../img/arrow_move_right_hover.png); }
#Page #Content .bloc .simpleCarousel .jcarousel-prev-disabled,
#Page #Content .bloc .simpleCarousel .jcarousel-next-disabled { display: none !important; }
#Page #Content .bloc .simpleCarousel ul { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; }
#Page #Content .bloc .simpleCarousel ul li { height: auto; width: auto; }
#Page #Content .bloc .simpleCarousel .jcarousel-clip ul li { float: left; width: 199px; }
#Page #Content .bloc .simpleCarousel ul li * { display: block; }
#Page #Content .bloc .simpleCarousel ul li span { border-bottom: 1px solid #ffa02f; color: #787878; font-size: 11px; margin: 0 0 5px; padding: 0 0 2px; }
#Page #Content .bloc .simpleCarousel ul li img { margin: 0 auto; }


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

.ie-7 .col { position: relative; }
/*.ie-7 .col+.col { margin-left: 14px!important; }*/
.ie-7 .bloc .cols .col+.col { margin-left: 0px!important; }
/*.ie-7 .bloc,
.ie-7 .bloc .framed,
.ie-7 .bloc div.action a,
.ie-7 .bloc.contact .group,
.ie-7 .carousel .carousel-control a,
.ie-8 .bloc,
.ie-8 .bloc .framed,
.ie-8 .bloc div.action a,
.ie-8 .bloc.contact .group,
.ie-8 .carousel .carousel-control a { position: relative; zoom: 1; behavior: url("/FRONT/NetExpress/scripts/PIE.htc"); }
.ie-7 .bloc.light-green-white h2,
.ie-7 .bloc.dark-green-white h2,
.ie-7 .bloc.light-blue-white h2,
.ie-7 .bloc.dark-blue-white h2,
.ie-7 .bloc.light-orange-white h2,
.ie-7 .bloc.dark-orange-white h2,
.ie-8 .bloc.light-green-white h2,
.ie-8 .bloc.dark-green-white h2,
.ie-8 .bloc.light-blue-white h2,
.ie-8 .bloc.dark-blue-white h2,
.ie-8 .bloc.light-orange-white h2,
.ie-8 .bloc.dark-orange-white h2 { position: relative; z-index: 1; border-radius: 5px 0 0 0; behavior: url("/FRONT/NetExpress/scripts/PIE.htc"); }*/

.ie-7 .bloc,
.ie-8 .bloc { /*border:1px solid #DDD; zoom: 1;*/ filter: progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=0, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=2, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=2, Direction=270); }