/* Gabarit 2 colonnes  du Front				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: verdana; font-size: 11px; text-align: center; color: #6C6B6B; background:url(../images/fond/body.jpg) left top repeat-x; background-color: #fff }

h1 		{ position: absolute; top: 22px; left: 40px; }
h2{ margin: 5px 0 20px 0px; padding: 11px 0 7px 30px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/puce/h2.gif) left 0px no-repeat;  }
h3  		{ margin: 30px 0 0px 0px; font: normal 18px "Trebuchet MS"; color: #000; background: url(../images/puce/h3.gif) left 6px no-repeat;padding: 0px 0 7px 21px; }
h4   		{ margin: 0px 0 0px 0px; font: bold 12px arial; color: #165486; padding: 0px; text-align:left }
h4.underline{ border-bottom:1px solid #ccc}
h5   		{ margin: 2px 0 10px 0px; font: normal 16px "Trebuchet MS"; color: #222; font-weight:bold;background: url(../images/puce/h3.gif) left 8px no-repeat; padding-left:16px }
h6.h8{ margin: 5px 0 20px 0px; padding: 18px 0 7px 30px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/puce/h2.gif) left 0px no-repeat;  }

p    		{ font: normal 11px/16px verdana; margin: 0 0 5px 0; text-align:justify }
.cadreright{ line-height:16px}

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial; border:1px solid #ccc }

ul li 				{ list-style: none; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
#colright li{ background:url(../images/puce/contentli.gif) left 4px no-repeat; padding-left:12px}
 
a img    { border: none; text-decoration: none }

a        { color:#2c6694; text-decoration: none; font: normal 11px arial }
a:hover  { color:#d1a31d; text-decoration: underline }

abbr    { cursor: help;  } 



/* 			Conteneurs generaux 					*/	
#mainbottom	{ position: relative; width: 980px; margin: 0 auto;  text-align:left; background: url(../images/fond/mainbottom.jpg) left bottom no-repeat; }
#maintop	{ position: relative; width: 980px; margin: 0 auto;  text-align:left; background: url(../images/fond/maintop.jpg) left top no-repeat; }
#intro 	 { width:980px; height:145px;position:relative;}
#langue{ position:absolute; left:962px; top:8px}
#menu{ position:absolute; right:10px; top:109px}
#menu li { display:block; float:left; margin:10px 0px; background:url(../images/puce/menuli.gif) right top no-repeat; padding:0px 7px }
#menu li a { color:#000; font-weight:bold; text-decoration:none }
#colleft{ width:178px;}
#colright{ width:710px;}
.cadreright{ width:97%}

/*			colonne de gauche			*/
#menuvert{ width:207px; position:relative; background:url(../images/fond/fondmenu.jpg) left top no-repeat; padding-top:20px}
#menuvert .classLevel1{ background:url(../images/puce/menuvert.gif) left 4px no-repeat; padding:0 0 0 10px; margin:16px 0 0 18px; border:none}
#menuvert .classLevel1 a{ text-transform:uppercase; font-weight:bold; font-size:16px; border:none; color:#0068a5}
#menuvert .elementvert { border:none; width:160px;}
#menuvert .classLevel2{ margin-top:10px}
#menuvert .classLevel2 a{ font-weight:bold; font-size:11px; color:#227cb1; border:none; line-height:10px;}
#menuhori { position:absolute; top:158px}
#menuhori li a{ font-size:12px; color:#fff; font-weight:bold}
#search{ text-align:right; margin-right:16px}
#search label{ font-weight:bold; color:#46a12a}
#search input{ background:url(../images/fond/input.gif) left top repeat-x; border:1px solid #ccc; height:18px; color:#999; font-size:11px}


/*				home				*/
#infoshome{ background:url(../images/fond/infohome.jpg) left top no-repeat; width:206px; height:154px; position:relative}
#infoshome p { position:absolute; top:43px; left: 40px; font-size:12px; line-height:18px}
#infoshome .blue{ font-size:14px}

.homelogin{ width:188px; height:74px; background:url(../images/illustr/esp_membres.jpg) left top no-repeat; position: relative}
.homelogin img{ position:absolute; top:30px; left:35px}
.homepresse{ width:186px; height:72px; background:url(../images/illustr/esp_presse.jpg) left top no-repeat; position: relative}
.homepresse img{ position:absolute; top:30px; left:35px}
.homenewsletter{ width:198px; height:91px; background:url(../images/illustr/esp_newsletter.gif) left top no-repeat; position: relative}
.homenewsletter img{ position:absolute; top:55px; left:25px}
.newstop{ background:url(../images/fond/newstop.gif) left top no-repeat; width:208px; text-align:left}
.newsbottom{ background:url(../images/fond/newsbottom.gif) right bottom no-repeat; width:186px; padding:16px 0 20px 22px; text-align:left}
.newsbottom span.title a, .newsbottom a, .newsbottom .right a{ font-weight:bold; color:#c1af03; font-size:12px; background:none; padding-left:0}
.newsbottom .title a, .newsbottom a{ color:#6C6B6B; font-size:11px; font-weight:normal; background:url(../images/puce/actus.gif) left 5px no-repeat; padding-left:10px}
.newsbottom span.title a{ background:url(../images/puce/actus.gif) left 5px no-repeat; padding-left:10px}
.newsbottom .date{ font-weight:bold; color:#c8c8c8; font-style:italic}
.newsbottom p{ margin:0; width:170px}
#partners{ background:url(../images/fond/partnershome.gif) left top no-repeat; width:474px}
#partners h4{ text-align:right}


.accesspro{ background:url(../images/fond/homemembers.jpg) left top no-repeat; width:716px; height:628px; position:relative}
.accesspro .cont1{ position:absolute; top:26px; left:259px; width:440px}
.accesspro .cont2{ position:absolute; top:241px; left:259px; width:440px}
.accesspro .cont3{ position:absolute; top:456px; left:259px; width:440px}
.accesspro .link1{ position:absolute; top:139px; left:600px; }
.accesspro .link2{ position:absolute; top:348px; left:600px;}
.accesspro .link3{ position:absolute; top:553px; left:600px;}
.accesspro h2{ background:none; padding:0; margin-bottom:5px; margin-right:0}

/*			actus			*/
.listnews td{ border:1px solid #ccc; padding:10px; vertical-align:top; background:url(../images/fond/listnews.gif) left bottom repeat-x}
.listnews td h3{ margin-top:0px}
.listnews td a, a.valid2{ font-weight:bold; color:#FF6600}


.partner .namepartner{ font-weight:bold; color:#0068a5; font-size:20px; border-bottom:1px solid #ccc; padding:5px}


/*			investisseurs			*/
#contHomInv{ border-top:1px solid #fb9837; border-right:1px solid #fb9837; border-left:1px solid #fb9837; width:688px; padding: 0 0 10px 10px}
.ongleton{ float:left; background:url(../images/fond/ongleton.gif) left top no-repeat; width:160px; height:51px; text-align:center; padding-top:7px}
.ongleton a{ color:#d47300; font-weight:bold; font-size:14px;}
.ongletoff{ float:left; background:url(../images/fond/ongletoff.gif) center top no-repeat; width:180px; height:51px; text-align:center; padding-top:7px}
.ongletoff a{ color:#939393; font-weight:bold; font-size:14px;}
.ongletoff a:hover, .ongleton a:hover{ text-decoration:none; color:#d47300} 

.titreBA{ color:#d47300; font-size:18px;}
.linkBA{ color:#d47300; font-size:11px; font-weight:bold; background:url(../images/puce/BA.gif) left 6px no-repeat; padding-left:12px}
.descriBA{ color:#b26408}
.cadreBA{ margin:22px 0 0 40px;}

#contentpop label{ float:left; display:block; width:290px; font-weight:bold; margin:3px 0}
#contentpop p { margin:10px 0 }
.poptitle{ font-weight:bold; color:#002e83; border-bottom:1px solid #002e83}
#insidePop{background-color:#FFFFFF; border:1px solid #989898;left:300px;overflow-x:auto;overflow-y:auto;position:absolute;top:268px;width:620px;z-index:50100; padding-top:15px; height: 600px }
#contentpop{background-color:#FFFFFF;padding:10px;width:583px; position:relative;  background:ulr(..images/fond/fondpop.gif) right bottom no-repeat;z-index:50100}
.close { position:absolute; top:-8px; right:0px;}
#contentpop span{ display:block; width:290px; float:left; margin:3px 0}


/*			faq			*/
.tooglerFAQ{ border:1px solid #ccc; background: url(../images/fond/toggler.jpg) left top repeat-y; padding:3px; width:97%; color:#fff; font-weight:bold; cursor:pointer; margin: 21px 0 0 0}
.tooglerFAQ a{ color:#fff}
.elementFAQ{ width:97%; line-height:16px}
.listefaq{ position:relative}
.listefaq img{ position: relative; bottom:-45px; right:-84px; z-index:1000000;}

/* 			Footer								   */
#outro  			 { color:#9393ab; text-align: right; padding: 0px 15px 0 0; font-size:10px }
#outro  a 			 { color:#9393ab; text-decoration: none; font-size:10px  }
#outro  a:hover   { text-decoration: underline }


/* 			Formulaires 						  */

form.formatform                  { width: 94%;  margin: 8px auto 15px auto; padding: 15px;  border: 1px solid #e6ebf3;  } 
form.formcontact                  { background:url(../images/fond/formcontact.jpg) right bottom  no-repeat} 
form.formnewsletter                 { background:url(../images/fond/formnewsletter.jpg) right bottom  no-repeat} 
form.formlogin                { background:url(../images/fond/formlogin.jpg) right bottom  no-repeat} 
form.formprofile                { background:url(../images/fond/formprofile.jpg) right bottom  no-repeat} 
form.formsearch                { background:url(../images/fond/formsearch.jpg) right bottom  no-repeat} 
form.formcontact input, form.formcontact select,form.formprofile input, form.formprofile textarea, form.formprofile select, form.formcontact textarea, form.formnewsletter input, form.formlogin input, form.formsearch input{opacity:.70;filter: alpha(opacity=70); moz-opacity: 0.7;}
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #605f5f;  } 
form.formprofile label.lbleft    { width: 290px; } 
form.formprofile fieldset    { border-top:1px solid #0099CC; margin-bottom:50px} 
form.formprofile legend    {color: #0099CC; font-weight:bold; font-size:16px; padding-bottom: 15px} 
form.formatform  input           { border: 1px solid #ccc;  }
form.formatform  select          { border: 1px solid #ccc; font-size:10px;z-index:-1  } 
p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform .valid{ height:22px; background:url(../images/fond/valid.gif) left top repeat-x; color:#fff; font-weight:bold; text-align:center; border: 3px solid #fff; padding:0; width:80px}
.conformement{ font-style:italic; text-align:center; font-size:10px}

.sousequipe { font-weight:bold; font-size:16px; color:#deb230}

/* 			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.fleft{ float:left; margin:0 10px 5px 0}
.fright{ float:right; margin:0 0 5px 10px}
.blue{ color:#568fc8}
.orange{ color: #FF6600}
img.cadre{ background-color:#fff; padding:6px; border:1px solid #ccc}
.fleftcadre{ float:left; margin:0 10px 5px 0; background-color:#fff; padding:6px; border:1px solid #ccc}
.frightcadre{ float:right; margin:0 0 5px 10px; background-color:#fff; padding:6px; border:1px solid #ccc}
.download{ background:url(../images/puce/download.gif) left top no-repeat; padding :0 0 5px 23px; }
.tableau td, .tableau td p{ color:#444}
.tableau td{ padding:3px;}
.bigger { font-size:14px}
.codecouleur_rose{ color:#d31284}
.codecouleur_marron{ color:#e95f04}
.codecouleur_violet{ color:#6a07db}
.tablemenu { width:100%}
.tablemenu a.actif { color:#d98c24; padding-left:20px; background:url(../images/puce/menu3.gif) left 1px no-repeat; font-weight:bold; display:block; margin:10px}
.tablemenu a.inactif { color:#b6b6b6; padding-left:20px; background:url(../images/puce/menu3.gif) left 1px no-repeat; font-weight:bold; display:block; margin:10px}
.download_rose{ background:url(../images/puce/download.gif) left top no-repeat; padding :0 0 5px 23px; color:#d31284 }
.download_marron{ background:url(../images/puce/download.gif) left top no-repeat; padding :0 0 5px 23px; color:#e95f04 }
.download_violet{ background:url(../images/puce/download.gif) left top no-repeat; padding :0 0 5px 23px;color:#6a07db}
u{ text-decoration:underline}

/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: #990000; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.png) left 2px no-repeat;  }



/* -------------------------------    */

div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 



/* 			Page Mentions						   */

.adr, .adr2   { float:left; background:url(../images/fond/mentions.gif) left top no-repeat; width:286px; height:213px; margin:15px; color: #fff; padding:25px 0 0 0; text-align:center} /* Conteneur des 2 blocs d'adresse */
.adr p, .adr2 p{ text-align:center; font-size:13px}

.conformement 		   { font: normal 10px arial }

 
div.mention-bot  { width: 260px;   background: url(../images/fond/mention-bot.gif) left bottom no-repeat;    } 
div.mention-top  {  width: 260px; height: 167px;	 padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 

/* pagepartner */
a.active 		{font: bold 12px arial;}
a.notactive 	{font: 10px arial;}



/* test !! */
.togglevert{margin-left:20px;cursor:pointer;font-size:20px;padding:10px;border-bottom:2px solid #200;}
#menuvert .classLevel2 a:hover{ color:#b8b7b7; text-decoration:none}
.elementvert{margin-left:36px;}
.elementvert div{ margin:2px 0}

/*  tips */
.tip {color: #fff;width: 139px;z-index: 13000;}
.tip-title {font-weight: bold;font-size: 11px;margin: 0;color: #fff;padding: 8px 8px 4px;border:1px solid #000;background-color:#000;}
.tip-text {font-size: 11px;padding: 4px 8px 8px;border:1px solid #000;background-color:#000;}



#bandeauflash {display: block;position: absolute;z-index: 0;top:5px;height: 137px;margin: 0 auto;width: 738px;left:218px;}
/**
Stylesheet: Slideshow.css

.slideshow {display: block;position: relative;z-index: 0;top:5px;}
.slideshow-images {display: block;overflow: hidden;position: relative;}		
.slideshow-images img {display: block;position: absolute;z-index: 1;}		
.slideshow-thumbnails {overflow: hidden;}
.slideshow-images {height: 137px;width: 738px;}		
.slideshow-images-visible { opacity: 1;}	
.slideshow-images-prev { opacity: 0; }
.slideshow-images-next { opacity: 0; }
.slideshow-images img {float: left;left: 0;top: 0;}	
.slideshow {height: 137px;margin: 0 auto;width: 738px;left:97px;}
.slideshow a img {border: 0;}
.slideshow-captions {background: #000;bottom: 0;color: #FFF;font: normal 12px/22px Arial, sans-serif;left: 0;overflow: hidden;position: absolute;text-indent: 10px;width: 100%;z-index: 10000;}
.slideshow-captions-hidden {height: 0;opacity: 0;}
.slideshow-captions-visible {height: 22px;opacity: .7;}
.slideshow-controller {background: url(controller.png) no-repeat;height: 42px;left: 50%;margin: -21px 0 0 -119px;overflow: hidden;position: absolute;top: 50%;width: 238px;z-index: 10000;}
.slideshow-controller * {margin: 0;padding: 0;}
.slideshow-controller-hidden { opacity: 0;}
.slideshow-controller-visible {opacity: 1;}
.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}
.slideshow-controller a.active {background-position: 0 18px;}
.slideshow-controller li {list-style: none;}
.slideshow-controller li.first a {background-image: url(controller-first.gif);left: 33px;width: 19px;}
.slideshow-controller li.last a {background-image: url(controller-last.gif);left: 186px;width: 19px;}
.slideshow-controller li.next a {background-image: url(controller-next.gif);left: 145px;width: 28px;}
.slideshow-controller li.pause a {background-image: url(controller-pause.gif);left: 109px;width: 20px;}
.slideshow-controller li.play a {background-position: 20px 0;}
.slideshow-controller li.play a.active {background-position: 20px 18px;}
.slideshow-controller li.prev a {background-image: url(controller-prev.gif);left: 65px;width: 28px;}
.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}
.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}
.slideshow-thumbnails * {margin: 0;padding: 0;}
.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}
.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}
.slideshow-thumbnails a {display: block;padding: 5px;position: relative; }
.slideshow-thumbnails a:hover {background-color: #FF9 !important;opacity: 1 !important;}
.slideshow-thumbnails img {display: block;}
.slideshow-thumbnails-active {background-color: #9FF;opacity: 1;}
.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}

*/