
/* @group My Group */

@import "reset.css";
@import 'home.css';
@import 'banner.css';
@import 'basic.css';
@import 'general.css';
@import 'styleDrupal.css';
@import 'nav.css';
@import 'actus.css';
@import 'documents.css';

/* @end */


/* @group #nav_left */

#nav_left{
	margin-top: 3px;
}
#nav_left a.lvl1{
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	height: 20px;
	background-color: #EDEDEA;
	display: block;
	padding-left: 11px;
	padding-bottom: 10px;
}
#nav_left a.lvl1 span{
	background: url( images/nav_left_puce.gif ) no-repeat 0 2px;
	padding-left: 13px;
}
#nav_left a.lvl1.ouvert{
	background-color: #fff;
}
#nav_left a.lvl1.ouvert span{
	background-position: 0 -11px;
}
#nav_left .zone2{
	padding-bottom: 7px;
	display: none;
	border-bottom: 1px solid #cecece;
}
#nav_left a.lvl2{
	color: #646464;
	font-weight: normal;
	padding-left: 23px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}
#nav_left a.lvl2:hover{
	background-color: #f8f8f8;
}

/* @end */

/* @group bloc */
#content_bloc, #content{
	/* float: left; */
	/*width: 735px; */
	margin-bottom: 25px;
}
#content_bloc .clear{
	height: 25px;
}
#content_bloc hr.clear{
	height: 1px;
	margin: 0 0 30px 0;
	padding: 15px 0 0 0;
}
#nav_left, .bloc, #colonne{
	float: left;
	padding-right: 20px;
	overflow: hidden;
}
#colonne{
	clear: left;
}
.type1,#nav_left, #colonne
{
	width: 225px;
}
.type2{
	width: 470px;
}
.type3{
	width: 710px;
}
.type4{
	width: 960px;
	margin-right: 20px;
}
.bloc h3{
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;

}
.encart{
	margin-left: -16px;
	color: white;
	padding: 10px 10px 10px 20px;
}

h3.H-2lignes {
	height: 28px;
}

.bloc p{
	margin-bottom: 5px;
	line-height: 16px;
	font-size: 12px;
}
.bloc .legende{
	font-style: italic;
	font-size: 10px;
	margin-top: 15px;
	display: block;
}

.carre_image .c1{
	float: left;
	width: 105px;
	margin-right: 14px;
	margin-bottom: 14px;
}
.carre_image .c2{
	float: left;
	width: 105px;
	margin-bottom: 14px;
}
.carre_image .c3{
	float: left;
	width: 105px;
	margin-right: 14px;
	margin-bottom: 14px;
}
.carre_image .c4{
	float: left;
	width: 105px;
	margin-bottom: 14px;
}

.bloc ul li{
	padding-bottom: 5px;
}
.bloc ul li a{
	background: url( images/liste_puce.gif ) no-repeat 0 4px;
	padding-left: 7px;
}
.bloc ul li a:hover{
	text-decoration: underline;
}
.bloc ul li a.flvLoaderLien{
	background: none;
	padding: 0;
	position: relative;
}
.bloc ul li a.flvLoaderLien .flvLoaderPicto{
	background: transparent url( images/flvLoaderPicto.png ) no-repeat center center;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
}
.bloc ul li a span.new {
	display: inline;
	background: #ec7e5b;
	position: relative;
	width: auto;
	padding: 2px 3px;
	margin-bottom: 2px;
	line-height:16px;
}
.blocImg{
	float: left;
	margin-right: 7px;
	overflow: hidden;
}
.blocImg img{
	border: 1px solid #d6d6d6;
}
.blocImg .txtRight{
	text-align: right;
}
.blocImg span{
	font-style: italic;
	color: #737373;
	font-size: 10px;
	clear: right;
}
.blocImg li.clear{
	display: block;
	padding: 0;
	height: 0 !IMPORTANT;
}

.noBorder,
.noBorder img {
	border:none !IMPORTANT;
}



#content_bloc .border{
	border-left: 1px solid #e8e8e8;
	padding-left: 7px;
	margin-left: 7px;
}

/* @end */

/* @group #ariane */

#ariane,
#ariane a{
	color: silver;
	font-size: 10px;
}
#ariane{
	padding: 12px 15px 8px 0;
	float: left;
	border-bottom: 1px solid #d9dcdf;
	margin-bottom: 20px;
	width: 699px;
}
#ariane a{
	text-transform: uppercase;
}
#ariane span{
	margin-right: 6px;
}

/* @end */

/* @group .lien zone  */

.liens li{
	margin-top: 7px;
}
.liens.liste li{
	display: block;
	margin-bottom: 10px;
}
a.icon{
    background-image: url("images/section_lien_puce2.gif") !IMPORTANT;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
    margin-right: 10px;
    padding-left: 20px !IMPORTANT;
    padding-top: 2px;
}
a.lien_picture{
	background-position: -200px 0 !IMPORTANT;
}
a.lien_ppt{
	background-position: 180px -16px !IMPORTANT;
}
a.lien_film{
	background-position: -160px -32px !IMPORTANT;
}
a.lien_download{
	background-position: -140px -48px !IMPORTANT;
}
a.lien_webcast{
	background-position: -120px -64px !IMPORTANT;
}
a.lien_web{
	background-position: -100px -80px !IMPORTANT;
}
a.lien_archive{
	background-position: -80px -96px !IMPORTANT;
}
a.lien_retour{
	background-position: -60px -112px !IMPORTANT;
}
a.lien_allnews{
	background-position: -40px -128px !IMPORTANT;
}
a.lien_pdf{
	background-position: -20px -144px !IMPORTANT;
}
a.lien_txt{
	background-position: 0 -160px !IMPORTANT;
}


/* @end */

/* @group #teasers */

#teasers, .field-name-field-teaser{
	padding-top: 20px;
	clear: both;
}
#teasers .teaser, .field-name-field-teaser .field-item{
	float: left;
	margin-right: 20px;
	margin-bottom: 31px;
	height: 111px;
	width: 225px;
}
#teasers .teaser, .field-name-field-teaser .field-item a{
	display: block;
	height: 111px;
	width: 225px;
	position: relative;
}
#teasers .teaser strong, .field-name-field-teaser .field-item strong{
	display:block;
	height: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 0 0 5px;
	font-size: 10px;
}
#teasers .teaser img, .field-name-field-teaser .field-item img{
	position: absolute;
	bottom: 0;
	left: 0;
}
#teasers .teaser  span, .field-name-field-teaser .field-item span{
	display: block;
	position: absolute;
	top: 36px;
	color: #727373;
	background-color: #e9e9e9;
	margin-top: 68px;
	width: 215px;
	height: 23px;
	padding: 4px 5px 5px;
}

/* @end */

/* @group zoom */
a.zoomLien{
	display: block;
	position: relative;
}
a.zoomLien span{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
	opacity: 0.5;
	background: transparent url( images/zoom.png ) no-repeat 0 0;
}
a.zoomLien:hover span{
	opacity: 1;
}

/* @end */

/* @group .banniere  */
#banner{
	position: relative;
	clear: both;
}
*html #degrade_banner{
	background: none;
}
#degrade_banner{
	width: 736px;
	height: 37px;
	position: absolute;
	right: 0;
	background: url("images/degrade.png") no-repeat;
}

#bloc_banner{
	height: 80px;
	width: 715px;
	padding: 15px 0 0 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	/*background-color: #FFF;*/
	color: #000;
	font-size: 14px;
}
#bloc_banner p{
	line-height: 14px;
	color: #FFF;
	font-size: 12px;
}



/* @end */

/* @group listproduits */
.type2 .listProduits .blocImg{
	width: 225px;
}
.listProduits{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.listProduits .gauche{
	width: 228px;
}
.listProduits .droite{
	float: none;
	margin-left: 237px;
}
.listProduits .blocGauche img,
.listProduits .blocGauche span{
	float: left;
	clear: both;
}
.listProduits li{
	margin-bottom: 0;
}
.listProduits hr{
	margin-top: 15px;
}

/* @end */

/* @group select box */

.cmb{
	background-color: #FFFFFF;
    border: 1px solid #CFC9C5;
    cursor: pointer;
    height: 17px;
    margin: 0 !important;
    padding: 2px 0 0 7px !important;
}
.cmb a.upDown{
	background: url("images/pict_UpDwon.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 9px;
    margin: 4px 7px 0 0;
    padding: 0 !important;
    width: 5px;
    z-index: 2;
}
.cmb-options{
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #CFC9C5 #CFC9C5;
    border-right: 1px solid #CFC9C5;
    border-style: none solid solid;
    border-width: medium 1px 1px;
	z-index: 5;
    position: absolute;
    width: 106px;
    padding-top: 5px;
    display: none;
}

/* @end */

table {
	margin-bottom: 13px;
	margin-top: 5px;
	border-top: 2px solid silver;
	border-bottom: 2px solid silver;
}

td {
	padding: 4px 18px 4px 4px;
}

tr {
	border-top: 1px dotted silver;
}
#ariane.no_nav span{
	display: none;
}
#content_bloc.no_nav,
#ariane.no_nav{
	padding: 0;
	margin-left: 233px;
	width: 735px;
}
#content_bloc.no_nav .bloc{
	padding: 0;
}

/* @group page de recherche */

#searchResult{
	margin-left: 245px;
}
#searchResult .searchTitle{
	background: #525252 url("images/degrade.png") no-repeat scroll 0 0;
	color: #fff;
	padding: 15px 0 0 12px;
	height: 80px;
	font-size: 22px;
	margin-bottom: 15px;
    display: block;
}
#searchResult ul{
	list-style: decimal inside none;
	border-bottom: 1px dotted #d5d5d5;
}
#searchResult ul li{
	padding: 15px 5px;
	border-top: 1px dotted #d5d5d5;
}
#searchResult ul li:hover{
	background-color: #f3f5f5;
}
#searchResult ul li a{
	font-weight: bold;
    text-transform: uppercase;
}
#searchResult ul li a:hover{
	text-decoration: underline;
}
#searchResult ul li span{
	display: block;
	padding-left: 17px;
	padding-top: 2px;
	color: #666;
}

/* @end */

/* @group Sitemap */

.plansite{
	margin: 0 0 0 245px;
}
.plansite h1{
	background: #525252 url("images/degrade.png") no-repeat scroll 0 0;
	color: #fff;
	padding: 15px 0 0 12px;
	height: 80px;
	margin-bottom: 15px;
}
#planDuSite>li>ul>li>ul{
	border-left: 1px dotted #dedede;
}
#planDuSite li{
	padding-left: 15px;
}
#planDuSite li a{
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
#planDuSite li a:hover{
	background-color: #f3f5f5;
	text-decoration: underline;
}
#planDuSite .n0{
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* @end */
