/** STYLE NOUVEAU SITE GROUPE **/


/** TETIERE **/
/*.tetiere {width: 998px;background: url(/img/fond-tet.gif) repeat-x;margin: 1px auto 2px auto;padding-top: 10px;height: 59px; border:solid 1px #fff;}*/
.tetiere {width: 998px;margin: 1px auto 2px auto;padding-top: 10px;height: 75px; border:solid 1px #fff;background-color: #fff;}

/**Titre tétiere**/
.tet_centre {margin-left: 25px!important;margin-left: 15px;float: left;border-left: 1px solid #666; color: #666;height: 65px; padding-left: 15px; font-weight: bold; line-height: 47px; font-size: 13px;}

/**Drapeaux**/
.drapeaux {height:45px;float: right;margin-right: 5px;}
.drapeaux img {padding-left:10px;}

/** LOGO **/
.logo-brs {background: url(/img/logo-bourso.gif) no-repeat;	/** sprite-ref: mysprite; */width:193px;height:65px;float: left;margin-left: 10px;z-index:10;}

/** STYLE DE MISE EN PAGE ET TEXTE**/
P{font-size:12px;}
.p1 {font-size: 11px;}
P A {text-decoration:underline;}
DIV A {text-decoration:underline;}
TD A {text-decoration:underline;}
LI A {text-decoration:none;}
TR.titretableau {font-size:12px;}

* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;background-color: #dae6ff; font-size:12px;}
a {color: #000;text-decoration: none; cursor: pointer;}
a:hover {color: Red;}
a.style1 {text-decoration: none;font-weight: bold;color: #000;}
a.style1:hover {text-decoration: underline;color: #06389b;}
ul.style1 {list-style:none; margin-left:25px;}
ul.style2 {margin-left:25px;}
ol.style2 {margin-left:25px;}
ul.style3 {margin-left: 15px;}
img{border:0px;}
h1 {font-size: 1.4em;}
h2, h3, h4 {font-size: 11px;font-weight: normal;}
hr {background:#dddddd;height:1px;color:#dddddd;border:none;margin-bottom: 2px;}
.color1 {color: #980165;/*Violet Banque*/}
.color2 {color: Red;/*Rouge*/}
.color3 {color: #008000; /*Vert*/}
.color4 {color: #06389b; /*Bleu*/}
.color5 {color: #000;}
.color6 {color: #626262;}/*gris*/}
.background-color1 {background-color: #FFF;}
.update{margin-left:10px;}
.height1 {height:30px;}
.padding-left1 {padding-left:2px;}
.text-right,.tar {text-align:right;}
.text-left,.tal {text-align:left;}
.left,.fl {float:left;}
.right,.fr {float:right;}
.small {font-size: 9px;}
.medium {font-size: 11px;}
.gras {font-weight: bold;}
.italic {font-style: italic;}
.blanc {color:#fff}
.bloc01 {border:solid 2px #D6D6D6; border-top:none;}
.p05 {padding:5px;}
.mt10 {margin-top:10px;}
/*.form-elt{font-size:0.6em;}*/
.form-elt{font-size:11px;}
.form-block .btn_ok{margin-left:20px;cursor:pointer;}
.link01 {color:#06389b; text-decoration:underline;}
.link02 {color:#06389b; text-decoration:none;}
.bloc01 {border:solid 2px #D6D6D6; border-top:none;}
.mini{font-size:11px;}
.hide {visibility: hidden;}
.btn-plus {background: url(/img/btn-plus.gif) no-repeat;/** sprite-ref: mysprite; */}
.btn-moins {background: url(/img/btn-moins.gif) no-repeat;/** sprite-ref: mysprite; */}
.btn-plus, .btn-moins {width: 10px;height: 10px;border: 0;cursor: pointer;}
.moins,.plus,.click {cursor: pointer;}
.txt01 {font-size:10px}
.txt02{	font-size: 12px;}
.txt03 {font-size:12px;}
.txt04 {font-size:14px;}
.txt05 {font-size:11px;}
.txt01 A {text-decoration:underline;}
/*.txt02 A {text-decoration:underline;}*/
.txt03 A {text-decoration:underline;}
.txt04 A {text-decoration:underline;}
.txt05 A {text-decoration:underline;}
.L10 {background-color: #fff;}
.L20, .L30 {background-color: #eaf2f9;} /* Bleu TD  */
.L21 {background-color: #d9eaf9;} /* Bleu TD 2 */
.L22 {background-color: #BFE2FF;} /* Bleu TD 3 */
.L10 A {text-decoration:none;}
.L20 A {text-decoration:none;}
.L21 A {text-decoration:none;}
.L22 A {text-decoration:none;}
.L23 A {text-decoration:none;}
.VARplus, .varup {color: #008000;}
.VARmoins, .vardown {color: #FF0000;}
.img_logo {margin: 15px 0px 40px 50px;}

/** STYLE DU MENU N1 **/


#menuN1 {height:26px;background: url(/img/fond-menu.gif) repeat-x; /** sprite-ref: mysprite; */ padding: 0px 5px 0px 0px; width: 995px; margin: auto;}
#menuN1 ul {list-style: none; float: left;}
#menuN1 li {float: left; padding: 5px 5px;margin:  0px 1px 0px 1px;}
#menuN1 .bla {padding: 0; margin: 0;}
#menuN1 .selected {background: url(/img/fond-ong-select.gif) repeat-x bottom;/** sprite-ref: mysprite; */border: solid 1px #818181; border-bottom: 0; padding: 4px 5px 6px 5px; text-align: center; margin: 0px;}
#menuN1 .selected a {color: #06389b;}
#menuN1 a {display: block; text-decoration: none; font-size: 12px; font-weight: bold; color: #fff;}
#menuN1 a:hover {text-decoration: underline; color: #06389b;}
#menuN1 .home {background: url(/img/fond-home.gif) repeat-x; /** sprite-ref: mysprite; */ border-bottom: 0; padding: 5px 8px 6px 8px; margin:0px;}
#menuN1 .homeDiv {background: url(/img/home.gif) repeat-x; border-bottom: 0; height:15px; width:17px;}
#menuN1 .itemsdroite {float: right;}
#menuN1 .itemsdroite li {line-height: 15px;}
#menuN1 .itemsdroite a {font-size: 11px;}
#menuN1 .itemsgauche {float: left;}
#menuN1 .itemsgauche li {line-height: 15px;}
#menuN1 .itemsgauche a {font-size: 12px;}
#submenu9 ul, #submenu10 ul, #submenu11 ul { float:right}
#li_menu11 A {
	color:#980165;
}

/** STYLE DU MENU N2 **/
.menuN2 {clear: both; border: solid 1px #818181; background-color: #f1f1f2; overflow: auto; height: 25px; border-top: none; width: 998px; margin: auto;}
.menuN2 ul {list-style: none; margin-left: 20px;}
.menuN2 li {float: left; padding: 0 10px 0 10px; font-size: 12px;}
.menuN2 a {text-decoration: none; color: #000; font-weight: bold; line-height: 25px;}
.menuN2 a:hover {text-decoration: underline; color: #06389b;}
.menuN2 .selected3 a {color: #06389b; /** background: url(http://img17.boursorama.com/css/media/i/fleche-select.gif) no-repeat 0 4px;**/padding: 1px 5px; padding-left: 8px;}
.menuN2 .selected2 a {color: #06389b; background-color: #fff; color: black; border:solid 1px #ccc;padding: 2px 4px;}

/**MENU N3 onglet**/
.menuN3 .onglets {font-size: 0.8em;list-style-type : none;padding-bottom : 24px!important;padding-bottom : 26px;border-bottom : 1px solid #000;margin-left : 0;margin-top: 5px;}
.menuN3 .onglets li {float : left;height : 21px;background-color: #DCE8F4;margin : 2px 2px 0 2px;padding: 0 2px;}
.menuN3 .onglets li.selected {border : 1px solid #000;border-bottom: 1px solid #fff;background-color: #fff;font-weight: bold;font-size: 1em;}
.menuN3 .onglets li.selected a {color: #06389b;}
.menuN3 .onglets a {display : block;color : #000;text-decoration : none;padding : 4px;font-size: 12px; font-weight:bold;}
.menuN3 .onglets a:hover {color: Red;}
.menuN3 .onglets .ico {background: none;float: right;padding: 0;}

/** Bloc principal**/
#content {width: 1000px; clear: both; margin: 0px auto !important;margin: 0 auto;}
#content2cols {padding: 5px;}
#content-full {background-color: #fff; float: left; width: 1000px;}

/** Contenu de gauche**/
#content-gauche {float: left;width: 695px; background-color: #fff;}
#contentLeftCol .html-block,#contentRightCol .html-block {background-color:white; margin-bottom:10px; margin-top:5px;}

/** Fil d'ariane**/
.fil-ariane {font-size: 11px;margin-bottom: 5px;margin-left: 5px;margin-top: 5px;}
.fil-ariane a {color: #000;text-decoration:none;}
.fil-ariane a:hover {color: Red;}

/**Bloc de la colonne de droite**/
#rightCol {float: right; width: 300px;}
#rightCol .html-block .body{background-color: transparent;}

.hautCD {background: url(/img/blocdroit_haut.gif) no-repeat;/** sprite-ref: mysprite; */width: 300px;height: 3px;font-size: 1px;margin: auto; margin-top:3px;}
.contentCD {background-color: #fff;border: solid 1px #cecece;border-top: none;padding: 0 5px 3px 5px;width: 288px;margin: auto;margin-bottom: 5px;}
.contentCD h2 a, #contentCD h2 {color:#06389b;font-size: 1em;font-weight: bold;margin-bottom: 5px;}
.contentCD h2 a:hover {color: Red;}
.contentCD select {border: solid 1px #000;font-size: 11px;padding: 1px;margin-left: 5px;}
.contentCD ul {list-style:none;}
.contentCD li.selected a {color:#06389b;}
.contentCD header a {color:#06389b;}
.contentCD ul.header {float:left;}
.contentCD ul.icone {float:right; padding-top:0;}
.contentCD .body {clear:both;}
.contentCD ul.icone .selected {font-size: 1em;font-weight: bold;margin-bottom: 5px;}
.contentCD ul.icone .selected a {color:#06389b;}
.contentCD ul.icone li{font-weight: normal;margin:2px; padding:0;display:inline;}
.TitreBloc li {margin-right: 8px;}

/**bottom arrondis**/
.bottom-bas {clear: both;}
.bottom-basdroit, .bottom-basgauche {height: 9px; width: 9px;background-repeat: no-repeat;font-size:1px;}
.bottom-basdroit {background: url(/img/bas-droite.gif);/** sprite-ref: mysprite; */float: right;}
.bottom-basgauche {float: left;background: url(/img/bas-gauche.gif);/** sprite-ref: mysprite; */}

/** Footer **/
.bottom {width: 1000px;margin: auto;padding-top:10px;padding-bottom:10px;clear: both; text-align: center;}
.bottom .logos {width: 300px;margin: auto;display:block;}
.bottom .webcert {background: url(/img/webcert.gif) no-repeat;/** sprite-ref: mysprite; */width:64px;height:70px;float:left;margin-right:120px;}
.bottom .verisign {background: url(/img/verisign.gif) no-repeat;/** sprite-ref: mysprite; */width:108px;height:60px;float:left;margin-top:10px;}
.bottom .txts {padding-top: 10px;font-size: 11px;color: #626262;text-align: center;width: 900px;margin: auto;clear: both;}
.bottom hr {background:#6489c2;height:1px;color:#6489c2;border:none;margin: 5px auto;width: 500px;}
.bottom .txts ul {list-style: none;padding: 0 0 0 20px;margin: 0;}
.bottom .txts li {font-size: 11px;}
.bottom .txts a {color: #626262;}
.bottom .txts a:hover {color: Red;}
.bottom .txts .links td {text-align: left;}

/*BOURSOBAN*/
.BlocBk a {color:#fff;font-weight:bold;}
.BlocBk a:hover {text-decoration:underline;}
.BlocBk ul {list-style:none;}
.BlocBk li {display:inline; color:#fff;}
.BlocBk .MenuBk {background-color:#980165;height:20px; line-height:20px; padding:0 0 0 7px;}
.BlocBk {margin-bottom: 7px;}

/**HP**/
#hp {width: 677px; height: 474px; background-image: url(/img/img-accueil.jpg); position: relative; margin: auto;}
#hp span {color: #fff; font-size: 24px; font-weight: bold; padding: 15px;}
#hp div {position: absolute; bottom: 0; height: 40px; line-height: 40px; clear: both;}
#hp li { display: inline; }
#hp a { margin-left: 10px; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px}
#hp a:hover {text-decoration: underline;}
#hp img {vertical-align: middle; padding-right: 4px;}