/* GSX graphic chart */
/* Développed by JCN Consultant 78590 Noisy-le-Roi France */

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
	color:#5a668d;
}

b{font-size: 110%;}
em{color: red;}
hr { clear: both; visibility: hidden; }	

.menu-haut {
	text-align: right;
	padding-right:20px;
	padding-top:10px !important;
	/padding-top:10px;
	-padding-top:2px;
	color:#777777;
	font-weight:bold;
	font-size:11px;
	white-space:nowrap
}

/* Définitions des liens */

a.lien:link { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.lien:visited { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.lien:hover  { background: #e1e6ef; color: #34427C }

a.lien1:link { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
a.lien1:visited { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
a.lien1:hover  { background: #D3FFAB; color: #0000B5 }

a.lien2:link { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien2:visited { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien2:hover  { background: #e1e6ef; color: #34427C }

a.lien3:link { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
a.lien3:visited { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
a.lien3:hover  { background: #DFDFDF; color: #0000B5 }

a.lien4:link { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;}
a.lien4:visited { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;}
a.lien4:hover  { background: #DFDFDF; color: #0000B5 }

a.lien5:link { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
a.lien5:visited { color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
a.lien5:hover  { background: #DFDFDF; color: #0000B5 }

a.lien-haut:link { text-decoration:none; color: #777777;  font-size: 11px; font-weight: bold;}
a.lien-haut:visited { text-decoration:none; color: #777777; font-size: 11px; font-weight: bold;}
a.lien-haut:hover  { text-decoration:underline; color: #FFFFCC; }

a.lien-tab:link { text-decoration:none; color: #777777;  font-size: 11px; font-weight: bold;}
a.lien-tab:visited { text-decoration:none; color: #777777; font-size: 11px; font-weight: bold;}
a.lien-tab:hover  { text-decoration:underline; color: #FF6600; }

a.lien-admin:link { text-decoration:none; color: #fdc502;  font-size: 11px; font-weight: bold;}
a.lien-admin:visited { text-decoration:none; color: #fdc502; font-size: 11px; font-weight: bold;}
a.lien-admin:hover  { text-decoration:underline; color: #fdc502; } 

a.lien-texte:link { text-decoration:none; color: #000000;  font-size: 10pt; font-weight: bold;}
a.lien-texte:visited { text-decoration:none; color: #000000; font-size: 10pt; font-weight: bold;}
a.lien-texte:hover  { text-decoration:underline; color: #FDC502; }

a.lien-blog:link { text-decoration:underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien-blog:visited { text-decoration:underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien-blog:hover  { text-decoration:underline; color: #FFFFFF }

a.lien-menu:link { color: #707070; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien-menu:visited { color: #707070; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lien-menu:hover  { text-decoration:underline; color: #707070 }

a.lien-news:link { color: #fe7b3b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.lien-news:visited { color: #fe7b3b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.lien-news:hover  { text-decoration:underline; color: #fe7b3b;  font-weight: bold; }

a.lien-titre:link { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.lien-titre:visited { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.lien-titre:hover  { text-decoration:underline; color: #34427C }

a.lien-map:link { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
a.lien-map:visited { color: #34427C; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
a.lien-map:hover  { text-decoration:underline; color: #34427C }

.erreur {
	color:red;
	font-weight:bold;
	font-size:11px;
}

.erreur-blink {
	color:red;
	text-decoration:blink;
	font-weight:bold;
	font-size:11px;
}

#maincontainer{
	width: 970px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#secondcontainer{
	width: 970px; /*Width of second container*/
	margin: 0 auto; /*Center container on page*/ 
	background: url(/images/charte/fond-page.jpg);
}

#topsection1{
	margin-top:5px;
	background: url(/images/charte/accueil-haut.jpg);	
	height: 65px; /*Height of top section*/
} 

#topsection2{
	height: 35px; /*Height of top section*/	
	background: url(/images/charte/fond-menu-haut.jpg) no-repeat; 
	-margin-bottom:-15px;
}

#contentwrapper{
	float: left;
	width: 100%; 
	background: url(/images/charte/fond-page.jpg);
}
#contentwrapperpage{
	float: left;
	width: 100%;
	background: url(/images/charte/fond-page.jpg);	
}
#hautpagesecond {
	background: url(/images/charte/haut-page.jpg) no-repeat;
	width:970px;
	height:14px;
}

#contentcolumn{
	margin-right: 209px; /*Set right margin to RightColumnWidth*/
}

#contentcolumnpage{
	margin-right: 230px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
	float: left;
	width: 209px; /*Width of right column*/	
	height:457px;
	margin-left: -209px; /*Set left margin to -(RightColumnWidth) */
	background: url(/images/charte/accueil-menu-droit2.jpg) no-repeat;
}

#rightcolumn-v1{
	float: left;
	width: 209px; /*Width of right column*/	
	height:530px;
	margin-left: -209px; /*Set left margin to -(RightColumnWidth) */
	background: url(/images/charte/accueil-menu-droit-v1.jpg) no-repeat;
}

#rightcolumn-content{
	float: left;
	width: 209px; /*Width of right column*/	
	height:457px;
	margin-left: -209px; /*Set left margin to -(RightColumnWidth) */
}

#rightcolumn-page{
	float: left;
	width: 230px; /*Width of right column*/
	margin-top:20px;
	margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
}

#footer{
	clear: left;
	width: 970px;
	height:21px;	
	color: #727272;
	text-align: center;
	font-weight:bold;
}

#pagefooter{
	clear: left;
	width: 970px;
	color: #727272;
	text-align: center;	
	padding-top:25px;
	font-weight:bold;
	background: url(/images/charte/bas-page.jpg) no-repeat;
}

#footer a{
	color: #727272;
	font-size:11px;
	font-weight:bold;
} 

#pagefooter a{
	color: #727272;
	font-size:11px;
	font-weight:bold;
}

/* espaces texte central */
.innertube{
	margin-top: 5px;
	margin-right: 18px;
	margin-bottom: 30px;
	margin-left: 55px;;
	text-align: justify;
	color:#000000;
	font-size:9pt;
}
.innertube1{
	margin-top: 160px;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-left: 55px;
	text-align: justify;
	color:#000000;
	font-size:9pt;
}
.innertube-product{
	margin-top: 5px;
	margin-right: 18px;
	margin-bottom: 30px;
	margin-left: 55px;;
	text-align: justify;
	color:#000000;
	font-size:9pt;
}
.product ul	{
   	padding-left: 12px;
	padding-right: 5px;  
   	margin: 0px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
}

.product li {
	list-style-type: none;
	background-image: url(/images/icones/puce_orange_bas.gif);
	background-repeat: no-repeat;
	padding:0px;
	padding-left: 15px;
	padding-bottom: 2px;
}

.fonddownload {
  	background:url(/images/charte/fond-download.gif) no-repeat;
	width:512px;
	height:384px;
}

.titre {
   color:#6699CC;
   font-size:12pt;
   font-weight:bold;
}

.contact {
	height:20px;
	width:204px;
	margin-top:3px;
	margin-left:26px;
} 

.logo {
 	height:50px;
	width:180px;
	margin-top: -25px;
	margin-left:10px;
}

.rss {
 	height:20px;
	width:20px;
	margin-top: 12px;
	margin-left:177px;
}

.news-latest {
 	height:160px;
	margin-top: -15px;
	margin-left:20px;
	margin-right:20px;
	color:white; 
	font-size: 11px;
}
 
.news {
 	height:165px;
	margin-top: 0px;
	margin-left:20px;
	margin-right:20px;
	color:white; 
	font-size: 11px;
}
 
.blog {
	height:93px;
	margin-top: 0px;
	margin-left:20px;
	margin-right:20px;
	color:white;
	font-size: 11px;
}

.raised .boxcontent1 {
	border-right: #999 1px solid; 
	display: block; 
	background: #E1E6EF; 
	border-left: #fff 1px solid;
	padding-left:5px;
	padding-right:5px; 
	color:#5a668d;
} 

.bullesmenu{
	position:absolute;
	visibility: hidden;
	margin-left:-165px;
	margin-top:-17px;
	font:normal 12px Arial;
	line-height: 18px;
	z-index: 100;
	width: 180px;
}

.search {
	height:35px;
	margin-top: -38px;
	margin-left:786px;
	color:black;
}

.download {
	background:url(/images/pages/telechargement.jpg) no-repeat;
	height:50px;
	margin-left:50px;
	padding-top:12px;
	padding-left:60px;
	font-size:12pt;
	font-weight:bold;
}

.contact {
	background:url(/images/pages/contact-email-petit.gif) no-repeat;
	height:53px;
	width:600px;
	margin-left:10px;
	padding-left:55px;
	padding-top:20px;
}

.bymail {
	margin-left:20px;
	height:140px;
	font-size:11pt;
	padding-left:20px;
	padding-bottom:20px;
	background:url(/images/pages/contact-email.gif) no-repeat top right;
	background-color:#F3F3F3;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.byphone {
	margin-left:20px;
	height:500px;
	padding-left:20px;
	padding-bottom:20px;
	padding-top:20px;
	background:url(/images/pages/contact-address.gif) no-repeat top right;
	background-color:#F3F3F3;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.page-submenu {
	height:141px;
	background-image: url(/images/pages/membres.gif);
	background-repeat: no-repeat;
}

.page-submenu ul { 
	padding-top:30px;
	margin:0px;
	margin-left:150px !important;
	*padding-left: 40px;
}
.page-submenu li {
	font-family: Arial, Helvetica, sans-serif;
	width:675px;
	padding-left:25px;
	list-style-type: none;
	background: url(/images/icones/puce_orange.gif)no-repeat 10px;
}


/* Titre fichier erreur 404 and so on...  */
.entete	{ 
	width:840px;
	background: #E1E6EF;
	background-image: url("/images/icones/bullette.gif");
  	background-repeat: no-repeat;
  	background-position: 4px;
  	padding-left: 22px;
	color: #ff8000;
	font-size: 16px;
	font-weight:bold;
	text-align: left; 
	padding-top:3px; 
	padding-bottom:3px;
}
.error-line {
	background-color:#FF8000;
	width:862px;
	height:2px;
	margin-bottom:5px;
	margin-top:15px;
}



/* Index news, release boxes */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentboxnews{
background-color: #ececec;
width: 850px;
padding: 10px;
}

.commentboxrelease{
background-color: #ececec;
width: 640px;
padding: 10px;
}
.required{
	background-color:#FFFFFF; 
	text-indent:10px;
}
.commentheader{
background: url(/images/icones/arrow-inv.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: -1px;
font-size: 110%;
color: #FF9048;
font-weight:bold;
}

/* Right menus   */
.menu-head	{
   	color: #ee9138;
   	font-size: 12pt;
   	font-weight: bold;
   	padding-top: 14px;
	padding-left: 30px;    
}

.element-menu-head {
   	margin: 0px;
   	width: 214px;
   	height: 55px;
	padding: 0px;
   	background-image:  url("/images/charte/menu-sec-haut.jpg");
   	background-repeat: no-repeat;
   	background-position: center left; 
} 

.element-submenu ul	{
   	padding-left: 12px;
	padding-right: 5px;  
   	margin: 0px;
	margin-right:20px;
  	background-image:  url("/images/charte/menu-sec-fond.jpg");
}

.element-submenu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
	list-style-type: none;
	background-image: url("/images/charte/fleche.jpg");
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
}

.element-submenu1 ul	{
   	padding-left: 23px;
	padding-right: 5px;  
   	margin: 0px;
	margin-right:20px;
  	background-image:  url("/images/charte/menu-sec-fond.jpg");
}

.element-submenu1 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
	list-style-type: none;
	background-image: url("/images/icones/puce_orange.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
}

.element-menu-bottom {
   	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	width: 214px;
   	height: 24px; 
   	background-image:  url("/images/charte/menu-sec-bas.jpg");
   	background-repeat: no-repeat;
	background-position: top left;
} 
#rightcolumn-blog{
	float: left;
	width: 230px; /*Width of right column*/
	margin-top:20px;
	margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
}

.rightfondmenu-blog	{
	width:200px;
	padding-left: 12px;
	padding-right: 5px;
	padding-bottom:1px;
	padding-top:1px;
	margin: 0px;
	margin-right:20px;
	background:url(/images/charte/menu-sec-fond.jpg);
}

/* CSS for the scrollers*/

#pscroller1{
width: 180px !important;
/width: 180px;
-width: 168px;
height: 120px;
border: 0px solid black;
padding: 0px; 
background-color: transparent;
}