
/*******************************************************************************/
/* Général */
/*******************************************************************************/

* { margin : 0; padding : 0; }

body { 
	font-family : Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
	color : #000;
	background : url(../img/global/bg_body.jpg) repeat-x 0 0 #ebebeb;
	text-align: center;  
}

a { text-decoration: underline; color: #1FA5C2; }
a:hover, a:focus a:active { text-decoration: none; }

a img { border : none; }

.left { float : left; }
.right { float : right; }

img.left {	margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display : block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }

hr { background: #c4c4c4; height: 1px; border: 0; color: #c4c4c4; margin: 3px 0; }
html:not([lang*=""]) hr { margin: 10px 0; }

/*******************************************************************************/
/* GLOBAL */
/*******************************************************************************/

#global { margin : 0 auto; width : 1000px; position: relative; text-align: left; }

/*******************************************************************************/
/* INFOTOP */
/*******************************************************************************/

#lienRef { height: 30px; float: left; color: #FFF; font-size: 10px; line-height: 30px; margin: 0 0 0 20px; }
#lienRef a { color: #FFF; text-decoration: none; }
#lienRef a:hover { color: #c2c2c2; }

#baseline { float: right; font-weight: 700; line-height: 27px; color: #FFF; background : url(../img/global/puce_animee.gif) no-repeat 0 10px; padding: 0 0 0 17px; }


/*******************************************************************************/
/* TOP SITE */
/*******************************************************************************/

#topSite { clear: both; width: 1000px; height: 230px; background : url(../img/global/bg_top.png) no-repeat 0 0; }

#logo { float: left; padding: 20px 0 0 20px; }

#langues { float:right; height: 25px; color:#000; font-size: 10px; text-transform: uppercase; padding-right: 10px; position: relative; top: 5px; }
#langues img { position: relative; top: 2px; margin-right: 2px; border-top: 1px solid #eee; }
#langues a { color: #000; text-decoration: none; }
#langues a:hover { color: #848484; }

#banner {  width: 728px; height: 90px; float: left; margin: 0 0 0 20px; padding-bottom: 5px; }
#banner img { display: block; }

#bloc-left-sous-logo { float: left; margin: 12px 0 0 20px; display: inline; }

#lienrapide select { color: #6c6c6c; font-size: 11px; font-family : Arial, Verdana, sans-serif; width: 170px; margin-bottom: 20px; }

#lienAutoPromo { width: 200px; }
#lienAutoPromo a { color: #848484; text-decoration: none; } #lienAutoPromo a:hover { color: #000; }
#lienAutoPromo li { list-style: none; background: url(../img/global/puce_grise.gif) no-repeat center left; padding: 0 0 0 8px; font-size: 10px; line-height: 14px; }


/*******************************************************************************/
/* MENU UNIVERS HOME */
/*******************************************************************************/

#menuUnivers { float: left; display: inline; height: 110px; padding-left: 20px; }

#menuUnivers td { vertical-align: top; text-align: center; width:125px; }
#menuUnivers td.sep { width: 2px; background: url(../img/menu/sep.gif) no-repeat 0 40px; }
#menuUnivers td.last { width: 100px; background: url(../img/menu/plus.gif) no-repeat 0 30px; padding-left: 20px; }

#menuUnivers a { display: block; font-weight: 700; padding: 80px 0 0 0; text-transform: uppercase; text-decoration: none; font-size: 11px; height: 30px; } 

.picto-bleu a { background: url(../img/menu/bleu_off.png) no-repeat top center; color: #0870B1;  }
.picto-bleu a:hover { background: url(../img/menu/bleu_on.png) no-repeat top center; }

.picto-orange a { background: url(../img/menu/orange_off.png) no-repeat top center; color: #F46516; }
.picto-orange a:hover { background: url(../img/menu/orange_on.png) no-repeat top center; }

.picto-vert a { background: url(../img/menu/vert_off.png) no-repeat top center; color: #74BF10; }
.picto-vert a:hover { background: url(../img/menu/vert_on.png) no-repeat top center; }

.picto-rose a { background: url(../img/menu/rose_off.png) no-repeat top center; color: #D9037F; }
.picto-rose a:hover { background: url(../img/menu/rose_on.png) no-repeat top center; }

.picto-turquoise a { background: url(../img/menu/turquoise_off.png) no-repeat top center; color: #00958C; }
.picto-turquoise a:hover { background: url(../img/menu/turquoise_on.png) no-repeat top center; }

.picto-violet a { background: url(../img/menu/violet_off.png) no-repeat center 10px; color: #8F2B8B; }
.picto-violet a:hover { background: url(../img/menu/violet_on.png) no-repeat center 10px; }

/*******************************************************************************/
/* MENU UNIVERS INTERIEUR */
/*******************************************************************************/

.picto-int-bleu a { background: url(../img/menu/bleu_gris_off.png) no-repeat top center; color: #565656; }
.picto-int-bleu a:hover { background: url(../img/menu/bleu_gris_on.png) no-repeat top center; }

.picto-int-orange a { background: url(../img/menu/orange_gris_off.png) no-repeat top center; color: #565656; }
.picto-int-orange a:hover { background: url(../img/menu/orange_gris_on.png) no-repeat top center; }

.picto-int-vert a { background: url(../img/menu/vert_gris_off.png) no-repeat top center; color: #565656; }
.picto-int-vert a:hover { background: url(../img/menu/vert_gris_on.png) no-repeat top center; }

.picto-int-rose a { background: url(../img/menu/rose_gris_off.png) no-repeat top center; color: #565656; }
.picto-int-rose a:hover { background: url(../img/menu/rose_gris_on.png) no-repeat top center; }

.picto-int-turquoise a { background: url(../img/menu/turquoise_gris_off.png) no-repeat top center; color: #565656; }
.picto-int-turquoise a:hover { background: url(../img/menu/turquoise_gris_on.png) no-repeat top center; }

.picto-int-violet a { background: url(../img/menu/violet_gris_off.png) no-repeat center 10px; color: #565656; }
.picto-int-violet a:hover { background: url(../img/menu/violet_gris_on.png) no-repeat center 10px; }


/*******************************************************************************/
/* CONTENT */
/*******************************************************************************/

#content { padding: 0 10px; background: #FFF; border-left: 1px solid #828282; border-right: 1px solid #828282; zoom: 1; }

/*******************************************************************************/
/* BARRE GRISE */
/*******************************************************************************/

#barreGrise { background: url(../img/global/bg_barre_login.gif) repeat-x 0 0; height: 34px; margin-bottom: 8px; }

#bloc-login { padding: 5px 10px 0 10px ; }

#bloc-login td { font-size: 11px; }
#bloc-login .titre { color: #FFF; font-size: 12px; font-weight: 700; padding-right: 10px; }

#bloc-login input.acces { border: 0; background: #ebebeb; font-family : Arial, sans-serif; font-size: 11px; color: #6c6c6c; height: 19px; padding: 0 5px; line-height: 18px; }

html:not([lang*=""]) #bloc-login input.acces { padding-top: 2px; height: 17px; }/*Hack, ne s'affiche que pour firefox */
html:not([lang*=""]) #bloc-login { padding-top: 6px; } /*Hack, ne s'affiche que pour firefox */

#bloc-login a { color: #FFFFFF; text-decoration: none; }
#bloc-login a:hover { color: #C2C2C2; }

#bloc-login span { padding-right: 5px; }
#bloc-login span.error { background: #e20000; color: #FFF; padding: 0 2px;}

/*******************************************************************************/
/* SIDEBAR */
/*******************************************************************************/

#sidebar { float:left; width: 233px; margin-right: 17px; }
#sidebar.level2 { margin-top: 8px; }

#sidebar .closer { background: url(../img/global/closer_blocleft.gif) no-repeat 0 0; height: 4px; font-size: 1px; line-height: 1px; }

/*******************************************************************************/
/* ACTUALITES */
/*******************************************************************************/

#bloc-actu { background: url(../img/global/bg_blocleft.gif) repeat-y 0 0; padding: 0 0 10px 0; zoom: 1; }

#bloc-actu h2 { color: #FFF; font-weight: 700; font-size: 14px; padding: 2px 10px 3px 10px; background: url(../img/global/entete_blocleft.png) no-repeat 0 0; margin-bottom: 10px; }

#bloc-actu .fond { padding: 0 13px 0 10px; }

#bloc-actu h3 { font-size: 11px; color: #565656;  background: url(../img/global/puce_small.gif) no-repeat 0 4px; padding-left: 12px; }

#bloc-actu p { font-size: 11px; color: #565656;  }
#bloc-actu p.lien { text-align:right; padding-bottom: 5px; }

/*******************************************************************************/
/* NIV2 > tableau */
/*******************************************************************************/

#niv2 { background: url(../img/global/niv2_grad.gif) repeat-x 0 0 #9e9e9e; height: 32px; text-align: center; }
#niv2 td { font-size: 24px; font-weight: 700; }
#niv2 a { text-decoration: none; color: #FFFFFF; display: block; padding: 0 10px; height: 32px; }
#niv2 a:hover, #niv2 .sel a { background: #ebebeb; color: #565656; }
#niv2 .sep { background: url(../img/global/niv2_sep.gif) no-repeat center; padding: 0 10px; }

/*******************************************************************************/
/* NIV3 */
/*******************************************************************************/

#niv3 { background: #ebebeb; text-align: center; padding: 6px 10px;  }
#niv3 li { list-style: none; display: inline; font-size: 12px; font-weight: 700; }
#niv3 li a { text-decoration: none; color: #000000; }
#niv3 li a:hover, #niv3 li.sel a { color: #1FA5C2; }


/*******************************************************************************/
/* CHEMIN DE FER */
/*******************************************************************************/

#cdf { font-size: 11px; background: url(../img/global/cdf_point.gif) repeat-x bottom left; color: #565656; padding: 0 0 5px 0; margin: 8px 0 20px 0; }
#cdf .ici { color: #999999; text-transform: uppercase; }
#cdf .sel { color: #565656; font-weight: 700; }
#cdf a { color: #000; text-decoration: none; }
#cdf a:hover { text-decoration: underline; }


/*******************************************************************************/
/* MENUGAUCHE */
/*******************************************************************************/

#menugauche { margin-bottom: 8px; }
#menugauche h2 { color: #FFF; font-weight: 700; font-size: 14px; padding: 2px 10px 3px 10px;
background: url(../img/global/entete_blocleft.png) no-repeat 0 0; }
#menugauche .fond { background: url(../img/global/bg_blocleft.gif) repeat-y 0 0; padding: 10px 8px 10px 5px; zoom: 1;  }
#menugauche .closer { background: url(../img/global/closer_blocleft.gif) no-repeat 0 0; height: 4px; font-size: 1px; line-height: 1px; }

#niv4 span { display:block; background: #FFFFFF; margin: 3px 0; padding: 0 5px 1px 5px; }
#niv4 a { text-decoration: none; font-size: 12px; font-weight: 700; color: #000; }
#niv4 a:hover, #niv4 .sel a { color: #1FA5C2; }
#niv4 .sel { background: #cfcfcf; }

#niv5 { padding: 0 0 0 20px; }
#niv5 span { background: none !important; padding: 0; }
#niv5 a { font-size: 11px !important; font-weight: 400 !important; }
#niv5 a:hover { color: #1FA5C2; }
#niv5 .sel a { font-weight: 700 !important; color: #1FA5C2; }
#niv5 .sel { background: none !important; }


/*******************************************************************************/
/* BLOC-CENTER */
/*******************************************************************************/

#bloc-center { float:left; width: 592px; }

#bloc-center h2 { color: #565656; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
#bloc-center h3 { color: #565656; font-size: 14px; font-weight: 700; margin-bottom: 10px; }
#bloc-center h4 { color: #000; font-size: 11px; font-weight: 700; margin-bottom: 8px; padding-left: 12px;
background: url(../img/global/puce_small.gif) no-repeat 0 4px; }


#bloc-center p { font-size: 11px;  }
#bloc-center p a { font-weight: 700;  }

.pack-image { border: 1px solid #c4c4c4; text-align:center; }
.pack-image img { padding: 5px;  }
.pack-image.left { margin-right: 10px; } .pack-image.right { margin-left: 10px; } .pack-image.center { margin-bottom: 8px; }
.legende-image { color: #565656; font-size: 10px !important; background: #c4c4c4; } 

/*.trait { height: 21px; background: url(../img/global/dot_gris.gif) repeat-x center ; }*/

#bloc-center .style2 { background: #ebebeb; zoom: 1; }
#bloc-center .style3 { border: 1px solid #1fa5c2; }

.tdm { padding: 0 0 20px 20px; color: #1fa5c2; }

/* GESTION DES COLONNES */

div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 285px;
  margin-right : 18px;
}

div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 285px;
  
}

div.w33-first {
  float : left;
  display : inline;
  width : 184px;
  margin-right : 18px;
}

div.w33-2 {
  float : left;
  display : inline;
  width : 184px;
  margin-right : 18px;
}

div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 184px;
}


/*******************************************************************************/
/* BLOC PUB */
/*******************************************************************************/

#BlocPubRight { float: right; width: 120px; }
#BlocPubRight.level2 { margin-top: 10px; }



/*******************************************************************************/
/* LIENS DE REFERENCEMENT EN BAS */
/*******************************************************************************/

#lienRefBas { clear: both; font-size: 11px; color: #aaa; border: 1px solid #cccccc; padding: 5px 10px; }
#lienRefBas a { color: #aaa; text-decoration: none; }
#lienRefBas a:hover { text-decoration: underline; }


/*******************************************************************************/
/* PARTNERS BAS */
/*******************************************************************************/

#partners { background: url(../img/global/closer_site.gif) no-repeat bottom left; padding: 10px 0 20px 0; }
#partners td { text-align: center; padding: 0 10px;  }

.scroll-partners {
	width: 970px;
	margin-left: 10px;
/*	overflow-x: scroll;
	scrollbar-face-color: #ebebeb;
    scrollbar-shadow-color: #FFF;
    scrollbar-highlight-color: #FFF;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-track-color: #FFF;
    scrollbar-arrow-color: #828282;*/
	
}


/*******************************************************************************/
/* FOOTER */
/*******************************************************************************/

#footer {  font-size: 11px; color: #000000;}
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer .left { margin: 5px 0 ; }
#footer .right { margin: 10px 30px 5px 0 ; }

/*******************************************************************************/
/* BLOC HOME */
/*******************************************************************************/

.ombreDroite { background: url(../img/global/blochome_ombre_droite.gif) repeat-y top right;}
.ombreBas { background: url(../img/global/blochome_ombre_bas.gif) no-repeat top right;}

#bloc-home h3 { font-size: 13px !important; color: #565656; background: url(../img/global/puce_blochome.gif) no-repeat 0 4px; padding-left: 12px; }
#bloc-home p { color: #585858; } 
#bloc-home a { font-weight: 400 !important; }

.C2 { float: left; display: inline; clear: left; width: 49%; }
.C2-newline { float: right; display: inline; clear: right; width: 49%; }

/*******************************************************************************/
/* accessforminnovation */
/*******************************************************************************/
.accessforminnovation {
	background-color:#EBEBEB;
	border:1px dotted #CCCCCC;
	color:#000000;
	font-size:11px;
	height:675px;
	margin-top:10px;
	overflow:auto;
	padding-top:10px;
	width:590px;
}

.accessforminnovation input, textarea {
	color : #565656;
	font-size : 0.9em;
	padding : 2px;
	border : none;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
}
.accessforminnovationlist input, textarea {
	color : #565656;
	font-size : 0.9em;
	padding : 2px;
	border : none;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
}

.accessforminnovation fieldset {
	font-weight:bold;
	margin:10px;
	padding:10px;
	border:1px #828282 solid;
	width: 530px;
}
.accessforminnovation fieldset legend {
	/*padding: 0 5px;
	margin: 5px 10px 10px 5px;*/
	color:#828282;
	font-size:13px;
}

.accessforminnovation LABEL{
	width:100px;
	font-weight:bold;
	display:block;
	float:left;
	color:#565656;
	text-align:right;
	margin-right:10px;
}
.accessforminnovation .bloc-form-field{
	display:block;
	width:150px;
	float:left;
	font-weight:auto;
	margin-bottom:2px;
	
}

.accessforminnovation .bloc-form-field_oneColumn{
	display:block;
	font-weight:auto;
	margin-bottom:2px;
	
}

.accessforminnovation .bloc-choix{
	color : #565656;
	font-size : 0.9em;
}

.form-field{
	color : #565656;
	font-size : 0.9em;
	padding : 2px;
	border : 1px solid #D6E1E4;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
}
.accessforminnovation .bloc-choix .form-field, .simpleform .bloc-choix INPUT{
	border:none;
	background:none;
}


.accessforminnovation .bloc-submit{
	text-align:center;
	padding:20px;
}
.accessforminnovation .form-submit{	
	border : 1px solid #55606d;
	padding : 0 8px;
	font-size : 0.9em;
	color : #fff;
	font-weight : 700;}

.accessforminnovationlist .libelle2{
	padding-bottom:3px;
	padding-left:6px;
	padding-right:3px;
	padding-top:3px;
	color:#FFFFFF;
}

.accessforminnovationrecap input, textarea {
	color : #565656;
	font-size : 0.9em;
	padding : 2px;
	border : none;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
}

.accessforminnovationrecap .bloc-submit {
	text-align : center;
}

/*///////// Cas spéciaux /////////////*/

.longlabel LABEL{text-align:left; width:520px }


* html .longlabel LABEL{ width:500px }

/*******************************************************************************/
/* liste des innovations */
/*******************************************************************************/
.innovation-produit{
	background:#C2C2C2;
	height:56px;
}


/*******************************************************************************/
/* warning */
/*******************************************************************************/
#bloc-warning {
  border : 1px solid #828282;
  background : #CCCCCC;
  margin : 5px 10px;
  color : #565656;
  float:center;
}

#bloc-warning h3 {
  background : #828282;
  text-align : center;
  padding : 5px 15px;
  color : #fff;
  text-align : left;
  margin:0;
  border-bottom : 1px solid #fff;

}

#bloc-warning ul {
  margin : 10px 0 10px 50px;
  list-style-type:none;
}

#bloc-warning li {
  padding : 5px 10px;

}

/*******************************************************************************/
/* PLAN DU SITE  */
/*******************************************************************************/

.sitemap { padding: 20px 0 0 0;}


.sitemap a { color: #565656 !important; font-weight: 700; text-decoration: none !important; }
.sitemap a:hover { color: #1FA5C2 !important; }

.sitemap ul.niv2 { padding-left: 20px; line-height: 28px;}
.sitemap ul.niv3 { padding-left: 20px; line-height: 22px; }
.sitemap ul.niv4 { padding-left: 20px; line-height: 18px; }
.sitemap ul.niv5 { padding-left: 20px; line-height: 16px; }

.sitemap .niv1 li { list-style: none; }
.sitemap .niv2 li { list-style: disc; }
.sitemap .niv3 li { list-style: square; }
.sitemap .niv4 li { list-style: circle; }

.sitemap .niv1 a { font-size: 16px; background: #EBEBEB; padding: 0 10px; display:block;  margin-bottom: 10px; }
.sitemap .niv2 a { font-size: 12px; background: none; padding: 0; display: inline; }
.sitemap .niv3 a { font-size: 12px; font-weight: 400; }
.sitemap .niv4 a { font-size: 11px; font-weight: 400; }
.sitemap .niv5 a { font-size: 10px; font-weight: 400; }


/*******************************************************************************/
/* Mot de passe oublié  */
/*******************************************************************************/
#motpasseoublie {
	background-color:#EBEBEB;
	border:1px dotted #CCCCCC;
	color:#000000;
	font-size:11px;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	width:590px;
}

#motpasseoublie input, textarea {
	color : #565656;
	font-size : 0.9em;
	padding : 2px;
	border : none;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
	margin-top:1px
}

