body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tbody, th, td, span {
margin: 0;
padding : 0;
}

h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}

address, caption, cite, code, dfn, em, th, var {
font-style : normal;
font-weight : normal;
}

table {
border-collapse : collapse;
border-spacing : 0;
}

fieldset, img {
border : 0;
}

caption, th {
text-align : left;
}

q:before, q:after {
content :'';
}

a {
text-decoration : none;
color : #33c;
}

body {
text-align: center;
font-family: "Comic sans MS", "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size: 14pt;
background-color: #ab3600;
background: transparent url(../images/bga.gif) 0 0 repeat-x;
color: #70371c; 
}

div#tout {
width: 970px;
text-align: center;
margin: 0 auto;
}

#conteneur {
position:relative;
width: 960px;
height: 584px;
text-align: left;
border-top: 1px solid #412422;
border-right:1px solid #412422;
border-left:1px solid #412422;
border-bottom:1px solid black;
border-color: #412422;
background-color: #fff ;
z-index:1;
}

#conteneur_gauche_grand {
overflow: auto;
height:584px;
width:650px;
}

#conteneur_gauche_petit {
overflow: auto;
height:584px;
width:565px;
}

#banner_right {
float:right;
width:90px;
height:584px;
border-left: 1px solid #2b3c63;
border-right: 1px solid #2b3c63;
}

#right {
width:90px;
height:584px;
}

#contenu {
height:554px;
line-height: 130%;
width:auto;
padding: 15px 15px 15px 10px;
}

#menu_bas {
position:absolute;
left:0px;
bottom:-25px;
text-transform:lowercase;
}

#colonne_droite {
position:relative;
float:right;
width: 300px;
height:584px;
}

#navigation {
position: relative;
text-align: center;
margin-left: 78px;
z-index:10;
}

#logo {
position:relative;
text-align:center;
width:auto;
z-index:100;
}

a #logo {
outline:none;
}

#info {
position:absolute;
left:0px;
bottom:2px;
width:280px;
}

#search {
float:left;
height:28px;
line-height:20px;
overflow:hidden;
text-align:right;
margin:5px 0px 10px 7px;
}

#search .inputbox {
background:transparent url(../images/icon_search.gif) 0 0 no-repeat;
border:0 none;
float:left;
height:28px;
padding:6px 0 0 25px;
width:145px;
color: #666;
}

#search .inputbox:hover, #search .inputbox:focus {
background:transparent url(../images/icon_search_hover.gif) 0 0 no-repeat;
color: #10708d;
}

#syndicate {
float:left;
margin:10px 13px 10px 0;
}

#copyright {
position:absolute;
right:15px;
bottom:5px;
}

#copyright a {
color: #777777;
}

#component-contact table.contentpaneopen {
border-collapse:separate;
border-spacing:0px 5px;
}

#component-contact td.contentheading {
  font-size:170%;
  font-family: Comic Sans MS, Arial;
}
#component-contact .inputbox {
border-style: inset;
border-color: #a43700;
background-color:#f5d089;
}

#component-contact button.validate {
border-style: outset;
border-color: red;
background-color:#f5d089;
color:#A73510;
}

h2.contentheading {
margin-bottom:4px;
}

.article-content {
margin-top:15px;
clear:right;
}

table.contentpaneopen, table.contentpane, table.blog {
width:100%;
}

table.contenttoc {
float:right;
display:block;
padding:10px;
margin:10px;
width: 20%;
}

.article_separateur {
display:block;
clear:right;
height:1px;
}

.column_separator {
padding:0 0 0 25px;
}

.article-tools {
display:block;
float:right;
margin:5px 0 0 0;
width:180px;
}

.article-meta {
padding:5px;
}

.createdate {
display:block;
text-align:right;
line-height:16px;
font-size:10px;
}

.createby {
display:block;
text-align:right;
line-height:16px;
font-size:12px;
}

.article-link {
margin-bottom:28px;
clear:right;
}

.link-section {
display:block;
float:right;
text-align:right;
line-height:16px;
font-size:10px;
}

.buttonheading {
display:block;
float:right;
margin-left:10px;
text-align:right;
line-height:16px;
font-size:10px;
}

span.modifydate {
display:block;
margin-top:15px;
}

input, select {
background-color: #f2f2f2;
}

input:hover, input:focus, select:hover, select:focus {
background-color: #fff;
}

.color {
margin-bottom:30px;
}

.color h3 {
border-bottom: 2px solid #ddd;
}

.users_bottom, .users_top {
text-align:left;
width:auto;
}

.users_bottom {
margin-top: 20px;
clear:both;
}

.user1, .user2, .user4, .user5 {
margin: 0;
float:left;
padding:10px;
}

.user2 {
float:right;
}

.user5 {
float:right;
}

.clr {
clear:both;
}

/* menus */

#menu_bas ul {
margin:0;
padding:0;
}

#menu_bas li {
display:block;
background-color:none;
float:left;
height:20px;
border:none;
}

#menu_bas a {
color: #777;
margin:0;
padding:0px 12px;
}

#menu_bas a:hover, #menu_bas a#active_menu-nav {
color: #0098c5;
text-decoration: none;
}

#navigation ul a, #navigation ul span.separator{
text-decoration:none;
display:block;
padding:4px 0;
background-color:none;
}

/* sans js */
#navigation ul a , #navigation ul span.separator {
margin:0;
}

#navigation ul, #navigation ul ul, #navigation ul ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}

#navigation ul ol, #navigation ul ul {	
background-color: #000; 
border:none; /* PA sous-menu */
left:0;
}

/* sans js */
#navigation ul li { 
display:block;
list-style:none;
position:relative;
}

#navigation ul {
display:block;
position:relative;
list-style:none;
margin:0 0 0 0;
z-index:100;	
text-align: left;
width:150px;
}

/*  sans js */
#navigation ul li li{	float:none;padding-right:20px;right:0px;text-align:right; }
#navigation ul li li li{	float:none;padding-right:0px;right:0px; }


#navigation ul li li a{ 	
position:relative;
float:none;
}

#navigation ul li ul { 
position: absolute;
width: 180px;
margin-left: -1000em;
margin-top: -22px;
background: transparent url(../images/ss_ocre.gif) 0 0 repeat-y;
}

#navigation ul li ul ul { margin: -1em 0 0 -1000em;background: transparent url(../images/ss_ocre.gif) 0 0 repeat;width:130px; }
#navigation ul li:hover ul ul {	margin-left: -1000em; }

#navigation ul li:hover ul{	margin-left: -170px; }
#navigation ul li li:hover ul {	margin-left: -120px; margin-top:-22px;}

#navigation ul li a:focus + ul {  margin-left: -170px; margin-top:-22px; }
#navigation ul li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-22px;}
#navigation ul li li a:focus {right:0;margin-left:1000em; width:180px;margin-top:0em;}
#navigation ul li li li a:focus {left:0; margin-left: 2010em; width: 130px;  margin-top:0em;}
#navigation ul li:hover a:focus{ margin-left: 0px; }
#navigation ul li li:hover a:focus + ul { margin-left: -120px; }
#navigation ul li:hover li:hover a:focus{ margin-left: -20px; }
#navigation ul li:hover li:hover li:hover a:focus{ margin-left: 0px; }

p {
margin: 12px 0;
}

h1, h2, h3, h4 {
font-family: Comic Sans MS, Constantia, georgia, Times New Roman, Verdana;
text-decoration: none;
text-transform:none;
font-weight:normal;
margin:2px 0 2px 0;
}

h1, h2.contentheading {
font-size:280%;
color: #431304; /* PA */
line-height:45px;
border-bottom: 2px solid #431305; /* PA */
text-shadow: #bbb 4px 4px 1px;
}

h1.componentheading {
border-bottom: none;
margin-top: -5px;
margin-bottom: 2px;
height:110px;
color: white;
font-size:1px;
text-align:center;
background: url(../images/logolongG3C.png) no-repeat;
text-shadow: none;
}
/* PA */
#component-contact h1.componentheading {
color: #4b0404;
font-size:20px;
text-indent:110px;
padding-top:15px;
}

table.contact_adresse {
width: 100%;
border-style: none;
border-collapse:collapse;
}

table.contact_adresse tr {
height: 20px;
}

table.contact_adresse td {
padding: 0;
}

h2, .blog  h2.contentheading{
font-size:200%;
color: #7a260b /* PA */;
}

h2 a {
color: #4b0405;
}

h2 a:hover {
text-decoration: none;
}

h3 {
font-size:170%;
color:#4b0404; /* PA titre du menu */
line-height:30px;
}

h4 {
font-size:140%;
color:#ffff99;
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
line-height:22px;
width: 100%;
text-align: right;
padding-right: 10px;
background: url(../images/bha.png) repeat-y;
}

h3.module {
margin-top:0;
}

#navigation h3 {
 margin-left: -78px; /* PA + */
 margin-top: 20px;
}

#navigation ul a, #navigation ul span.separator {
color: #4b0406;								/* PA couleur de lien */
font-family: Arial, Verdana;
line-height:15px;
text-transform: none;
letter-spacing: -0.5px;
font-weight: normal;
font-size: 110%;
padding-left: 20px;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li span.separator:hover, #navigation ul li span.separator:focus {
color: #a63411;
background: transparent url(../images/menuSurvol.jpg) 0 4px no-repeat;
}

#navigation ul .active a, #navigation ul .active span.separator {
color: #a63412;
background: transparent url(../images/menuActif.jpg) 0 4px no-repeat;
}
 
#navigation ul li ul a:hover, #nav li ul a:focus, #navigation ul li ul span.separator:hover, #nav li ul span.separator:focus
{
color: #a63411;
background:none;
}

#navigation ul .active ul a, #navigation ul .active ul span.separator {
background:none;
color: #a63412;
}

#navigation ul li li a, #navigation ul li li span.separator{ /* liens sous-menus */	
position:relative;
color:#fff;
float:none;
font-size:110%;
text-transform:none;
font-family:Arial, Verdana; /* PA */
padding-left:0;
background: none;
}

#navigation ul li.active li a {
color: #fff;
}

#navigation ul li li a:hover, #navigation ul li li a:focus,
#navigation ul li li span.separator:hover, 
#navigation ul li li span.separator:focus {
color: #ecac4e; /* PA orange crème */
background:none;
}

#navigation li {
text-align:left;
}

#navigation li li{
text-align:right;
}

a {
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

a:active, a:focus {
outline:none;
}

ul.normal, ul.check {
margin-left:10px;
margin-top:22px;
padding-left:0;
}

.normal li, .check li {
background: url(../images/list_normal.gif) 0 0px no-repeat;
padding-left: 24px;
list-style:none;
margin:8px 0;
}

.check li {
background: url(../images/list_check.gif) 0 0px no-repeat;
}

.info {
line-height:25px;
padding-left:30px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background: #eee url(../images/logo_info.gif) 4px 3px no-repeat;
margin: 10px 4px;
}

.tool-tip {
color: #333;
width: 139px;
z-index: 13000;
}
 
.tool-title {
font-weight: bold;
font-size: 115%;
margin: 0;
padding: 8px 8px 4px;
background: transparent url(../images/bubble.png) top left no-repeat;
}
 
.tool-text {
font-size: 100%;
padding: 4px 8px 8px;
background: transparent url(../images/bubble.png) bottom right no-repeat;
}

a.readon, a.readmore {
display:block;
background: transparent url(../images/read_more.png) 0 0 no-repeat;
text-align:center;
margin: 10px 0 0 0px;
width:105px;
height:30px;
padding-top:7px;
text-decoration : none;
}

a.readon:link, a.readon:visited, a.readmore:link, a.readmore:visited {
color: #555;
}

a.readon:hover, a.readmore:hover {
color: #4b0406;
text-decoration : none;
}

#copyright, #menu_bas {
color: #aaa;
font-size:90%;
}

#copyright {
color: #777;
}

#copyright a:hover {
color: #c56714; /* PA copyright */
text-decoration: none;
}

h3.module span {
color:#a6d55e;
}

.color h3 .module-2 {
color: #555;
}

.createby {
color:#122140;
}

a {
color:#333;
text-decoration : none;
}

a:hover {
color: #0098c5;
text-decoration : underline;
}

a:active, a:focus {
color: #0098c5;
outline:none;
}

.article-content a {
color: #CC7100;			/* PA */
text-decoration: none;
}

.tool-title {
color: #4b0405;
}

* .tips {
color: #003366;
text-decoration: underline;
cursor:pointer;
}

.court {
width: 100px;
}