@charset "UTF-8";
/* CSS Document */

/* Structure */
body {
background-color: #B70002 !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -28px; /* centrer page */ 
}
/* Header */
#header {
	background-image:url(../../../images/stories/construction/header_footer/header.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	height: 177px;
}
#logodiv {
float:left;
margin-top:45px;
margin-left: 100px;
}
#petitlogodiv {
float:right;
margin-top:43px;
padding-right:30px;
width:123px;
}
/* Main front page hauteur */
#maincol1{
margin-bottom:100px;
}
/* Cacher parties de l’éditeur */
#editadminformdiv {
display:none;
} 
/* Graf_Mod: Control module Breadcrumbs */
#modulebreadcrumbs {
border:hidden !important;
} 

span.pathway {
font-weight:bold !important;
}

#breadcrumbsplus {
margin-top:10px;
margin-bottom:10px;
} 

/* Footer */
#footer {
background-image: url(../../../images/stories/construction/header_footer/footer.gif);
background-repeat: no-repeat;
overflow:hidden;
background-color: #FFFFFF;
height: 177px;
width: 966px;
}

#footer_content{
text-align:center;
margin-top: 30px;
}

/* repair footer down offset */
#main-content {
margin-bottom: -14px;
}
#main-content2 {
margin-bottom: -14px;
}

/* Modules Blank or special class modules */
div .moduleswmenu, div .moduleblank {
margin-top: 1px;
margin-bottom: 15px;
}

/* Shadow et compensation (main-content) */
div .side-shadow {
	width: 990px !important;
	background: url(../images/shadow_side.jpg) repeat-y;
}

#main-content{
	margin-right: 12px;
	margin-left:  12px;
}

#header{
	margin-right:12px;
	margin-left: 12px;
}

#footer{
	margin-right: 12px;
	margin-left: 12px;
}

#bottom-shadow {
	width: 990px !important;
	height: 14px;
    background: url(../images/shadow_bottom.jpg) no-repeat;
	
}

/* Graf Top front page Gavick News 
#speciauxslider h3{
	background:#D51920 url(../images/module-h3.png) repeat-x scroll 0pt 50%;
	color:#FFFFFF;
	font-size:130%;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-top:-15px;
	padding:0px 0px 0px 15px;
	display:block;
}*/
#speciauxslider h4{
	background:#CCCCCC repeat-x scroll 0pt 50%;
	padding: 5px;
}
#speciauxslider{
 text-align:center;
}


/* Graf image header blog */
.moduletopheaderpage{
margin-left: -2px;
}

/* Graf to put backgroung right on table */
table.backgright{
background-repeat: no-repeat;
background-position: top right;
margin-right:5px;
}

/* mod_bannerslider */
.mod_bannerslider {
float:left;
padding-top: 0px !important;
height: auto !important;
z-index: 0 !important;
width:100% !important;
} 

/* Menu z-index  */
.item1 , .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12{
z-index:500 !important;
}

/* Typo—> Control Titre */
.componentheading {
	font-size: 140% !important;
	font-weight: bold !important;
	line-height: 100%;
	color: #D51920 !important;
	padding: 0;
	margin: 25px 0 20px 0;
}

.contentheading {
	font-size: 160% !important;
	font-weight: bold !important;
	line-height: 110%;
	color: #D51920 !important;
	padding-bottom: 1px;
	margin: 15px 0 0 0;
}

/* Control page */
td.maincol h4 {
	color: #D51920 !important;
	margin-bottom: 5px;
}

.mainpage img{
margin-right: 0px;
margin-top: 0px;
}

/* Typo—> SWMenu  */


/* Graf_Mod: DEBUT—> Key, clé pour Colorchooser 
#mod-login {
	color: #ccc
	height: 0px !important;
	border-top: 1px solid #2A2A2A;
}
Graf_Mod: FIN—> Key, clé pour Colorchooser  */


/* Controle background search & input form */
.search input, .inputbox, select, #security_try, #mod_login_username, #mod_login_password{
background:#DCDCDC !important;
}


/* Controle background submit input button  and buttons*/
form .button {
color: #000 !important;
border: 2px outset #d7b9c9 !important;
}
form .button:hover {
color: #D51920 !important;
border: 2px inset #d7b9c9 !important;
}

input:hover{
color: #D51920 !important;
border: 2px inset #d7b9c9 !important;
}

/* Graf_Mod: DEBUT—> Control Headerslide */
#banner {
	float: right;
	margin-top: 15px;
	width: 514px;
	height: 104px;
	overflow: hidden;
	color: #fff;
}

/* Background user 6 et banner sliders */ 
#user6 {
	background-image:url(../../../images/stories/construction/background-banner.jpg);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	overflow:hidden;
	border: 2px inset #ccc;
	margin-top: 1px;
	padding: 15px 0 15px 0;
	

}

#topmaincontent {
	background-image:url(../../../images/stories/construction/background-banner.jpg);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	overflow:hidden;
	border: 2px inset #ccc;
	margin-top: 1px;
	margin-bottom: 10px;
	padding: 15px 0 15px 0;
}
/*** Graf-Mod Hide Alphacopy****/
#alphacopy{
visibility:hidden;
}
#alphabeticalbar a{
font-size:120% !important;
padding:2px;
}

/*** Graf-Mod Début pages répertoire****/ 
/***Graf-Mod: Module Banner Slider pages ***************/ 
#start-wrapper .bs_contentdiv {
	background-image:url(../../../images/stories/construction/background-banner.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
	padding:10px;
	width:100%;
	text-align:center;
}
#start-wrapper .mod_bannerslider {
border:1px inset #666666;
margin-bottom:20px;
} 
/***Graf-Mod: PageBreak2 ***************/ 
div.contenttoc {
background:transparent url(../../../images/stories/construction/pagebreak2/back_pagebeak2.png) repeat-x 50%;
width:100%;
height:30px;
margin:10px 0 45px 0px;
padding:1px 0 0 3px;
}
div#articleTOC ul.tocList {
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}
div#articleTOC ul {
}
div#articleTOC li {
display:inline;
float:left;
padding-top:11px;
}
a.toclick {
background:transparent url(../../../images/stories/construction/pagebreak2/tab.png) no-repeat scroll 50%;
color:#333;
font-weight:bold;
font-size:100% !important;
text-transform:uppercase;
height:20px;
padding:5px;
border-top: 1px solid #fff;
border-right: 1px solid #666;
border-bottom: 1px solid #000;
border-left: 1px solid #ccc;	
cursor:pointer;
}
a.pb2active {
/*background:transparent url(../../../images/stories/construction/pagebreak2/tabselected.png) no-repeat scroll 0%;*/
color:#D51920;
}
h3 #*header{
display:none;
}
/***Graf-Mod: Center Yoomaps*******/ 
div.centeryoomap {
width:100%;
text-align: center;
}
div.yoo-maps{
margin:0 auto;
text-align: left;
}

#comascon{
border: 1px solid #CCC;
}
/*** Graf-Mod Fin pages répertoire****/ 


/* Graf_Mod: Agora forum */
/* Titre forum */
#agora_mainpage{
background-color:#EBEBEB;
}
#brdtitle h1 {
/*color:#D51920 !important;
padding-bottom:10px;*/
visibility:hidden;
}
/* change infos admin */
input.agorasubmit{
margin-left:8px !important;
margin-top:8px !important;
}
/* sticky text hide */
span.stickytext{
display:none;
}
/* dans bouton voir forum - mot forum en italique */
div.tclcon i{
margin-top:-20px;
display:block;
padding-top:10px;
}
/* images dans les forums description html */
img.imageforum{
border:none;
display:block;
float:left;
margin-top:5px !important;
}





/* Graf_Mod: Controle YOOCarousel */
.yoo-carousel a{
font-size: 75% !important;
}


div.yoo-carousel li.selected a:link {
color: #D51920 !important;
}

div.yoo-carousel li.selected a:visited {
color: #D51920 !important;
}

div.yoo-carousel li.hover a{
color: #fff !important;
}

div.yoo-carousel li.active a{
color: #fff !important;
}


/* Graf_Mod: Controle YOOaccordeon */
.yoo-accordion{
overflow:hidden;
}

/* Header pour Yooaccordeon and YooScroller*/
.headeraccordion{
background: transparent url(../../../images/stories/construction/accordion_header.jpg) repeat-x scroll;
font-size:110% !important;
font-weight:bold;
line-height:30px !important;
color:#3D1814;
padding-left:5px !important;
text-align:left !important;
height:30px;
}

/* GrafMod—> debut YooScroller */
div.yoo-scroller{
margin: 10px 0 10px 0;
}

/* Graf_Mod: Control module-googlemap */
.module-googlemap {
margin-left: 10px !important;
} 

.module-googlemap h3 {
font-weight: bold !important;
color: #3D1814 !important;
} 


/* Graf_Mod: Control mod_pagepeel_banner */
.mod_pagepeel_banner {
z-index: 500 !important;
} 

#bigDiv {
z-index: 500 !important;
} 

#thumbDiv {
z-index: 600 !important;
} 

/* Graf_Mod: Vinaora counter */
#vinaora_fulldiv {
margin-top:10px;
}
#vinaora_imagecounter {
margin-bottom:10px;
}
.vinaora_counter img{
padding-right:3px;
}


/* Graf_Mod: Lien image Google Map*/ 
#googlemapspace{
text-align:center;
width:100%;
}#googlemapwrapper{
margin: 0 auto;
width:120px;
}
#saddr.inputbox{
margin:5px;
}
a.lightboxlink{
background:white url(../../../images/stories/construction/googlemap/Google_Map_icon.jpg) no-repeat scroll 6px 0px;
background-repeat: no-repeat;
display:block;
height:1px;
margin-bottom:0px;
width:120px;
padding-top:107px;
font-weight:bold;
}
/*a.lightboxlink:hover{
background:white url(../../../images/stories/construction/googlemap/Google_Map_icon_over.jpg) no-repeat scroll 6px 0px;
background-repeat: no-repeat;
display:block;
height:1px;
margin-bottom:0px;
width:120px;
padding-top:107px;
font-weight:bold;
}*/
#googleinfobubble{
font-weight:bold;
margin-bottom:-20px;
margin-top:10px;
padding:5px;
text-align:center;
}
#youtube{
width:700px;
}

/* Graf_Mod: faire disparaitre icone devant micellanous infos dans les contacts*/
#miscellanous{
display:block;
clear:left;
padding-top:6px;
}
div .contentdescription{
background-color:#DCDCDC;
font-size:115% !important;
font-weight:bold;
margin-bottom:5px;
padding:5px;
}
#qccontactlist{
margin-bottom:200px;
}
#qccontactlist td.sectiontableentrycust6_ord{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/* Graf_Mod: controle des pages (accordeon)*/
td.tdimage{
/*width:30px !important;*/
}
td.tdtext{
vertical-align:top;
}

/* Graf_Mod: Bouton d’aide technique*/
#boutonaidewrapper{
text-align:center;
width:100%;
}
#boutonaide a {
background:transparent url(../../../images/stories/construction/boutonaide/bouton_support.jpg) no-repeat scroll 0px 0px;
width:117px;
height:92px;
display:block;
margin:0pt auto;
cursor:pointer;
}
#boutonaide a:hover {
background:transparent url(../../../images/stories/construction/boutonaide/bouton_support_down.jpg) no-repeat scroll 0px 0px;
width:117px;
height:92px;
display:block;
margin:0pt auto;
cursor:pointer;
}
#boutonaide a span {
visibility: hidden;
}
/* Graf_Mod: Paypal boutons*/
#boutonpaypal{
display:block;
}
table.nomorganisation{
color:#D51920;
font-size:150%;
font-weight:bold;
line-height:100%;
margin-bottom:5px;
text-align:center;
width:100%;
}
table.nomorganisation input{
background:#DCDCDC none repeat scroll 0% !important;
color:#D51920 !important;
}
input.paypalimage{
border:none !important;
}

/* Graf_Mod: Outils web*/
#outilsezhbody{ 
text-align: center;
}
#outilsezhwrapper{
margin: 0 auto;
position: relative;
top: 0;
width: 99%;
height: auto
}
#outilscontainer{
margin: 0 auto;
width: 400px;
height: auto;
border-right:1px solid silver;
border-bottom: 1px solid silver;
border-left: 1px solid silver
}
#headertools{
color: #b70002;
font-size: 110%;
font-weight: bold;
line-height: 130%;
background-color: #dcdcdc;
padding: 3px;
top: 0;
}
/* Graf_Mod: Documents minisites*/
#Documents-wrapper{
float:left;
}
/* Graf_Mod:Acajoom front module*/
select.aca_list_drop{
margin:10px 0 10px 0;
}
#modacajoomForm1 .inputbox{
float:right;
}
.pretext{
color: #b70002;
font-size: 110%;
font-weight: bold;
line-height: 130%;
}
.postext{
color: #b70002;
font-size: 110%;
line-height: 100% ;
font-style:italic;
padding: 5px 0pt 0px;
display:block;
}
a.title{
font-weight: bold !important;
}
/* Graf_Mod:Contrôle du Ticker Div*/
#ticker{
margin-bottom:10px;
}
/* Graf_Mod:Contrôle message hors ligne*/
#frame h1{
visibility:hidden;
}
/* Graf_Mod:Search front page*/
div.search{
text-align:right;
display:block;
}

/* Graf_Mod:Contrôle Test EZH*/
#testwrapper{
margin-top:-20px;
}
#testwrapper th{
color: #000000;
font-size: 100%;
line-height: 100% ;
}
#testwrapper h1{
color: #b70002;
font-size: 130%;
line-height: 110% ;
}
#testinstructions h3{
color: #b70002;
font-size: 130%;
line-height: 110% ;
padding: 5px 0pt 0px;
display:block;
}
div.emergency{
border: groove #CCCCCC;
background-color:#FF9999;
text-align:center;
font-weight: bold;
margin-bottom:15px;
padding: 10px;
display:block;
}
/* Graf_Mod:Contrôle fenêtre d’édition frontend*/
#editor-xtd-buttons{
visibility:hidden;
}
/* Styles for lists of attachments */
#attachementdiv table {
    background-color: transparent;
    border: 1px solid #C0C0C0;
	margin-bottom:3px;
	width:99%;
}
#attachementdiv caption {
    font-size: 130%;
    font-weight: bold;
    text-align: left; 
    margin: 8px 0px 8px 1px;
	color: #D51920;
}
#attachementdiv thead {
    font-size: 110%;
    font-weight: bold;
    background-color: #D51920;
	color:#FFFFFF;
}
#attachementdiv th {
    border: 1px solid #D0D0D0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;  
}
#attachementdiv tr.odd {
    background-color: transparent;
}
#attachementdiv tr.even {
    background-color: #F6F6F6;
}
#attachementdiv td {
    vertical-align: top;
	text-align: center;
    padding: 6px;
	border:1px solid #999999;
}
#attachementdiv table a { 
    font-weight: bold; 
}
#attachementdiv table img {
    vertical-align: text-bottom;
}
#attachementdiv a.at_icon {
    padding-right: 4px;
    }
#attachementdiv a.at_icon:link    { text-decoration: none; }
#attachementdiv a.at_icon:visited { text-decoration: none; }
#attachementdiv a.at_icon:hover   { text-decoration: none; }
#attachementdiv a.at_icon:active  { text-decoration: none; }

#attachementdiv a.at_url:link     { text-decoration: none; }
#attachementdiv a.at_url:visited  { text-decoration: none; }
#attachementdiv a.at_url:hover    { text-decoration: underline; }
#attachementdiv a.at_url:active   { text-decoration: none; }

#attachementdiv td.at_file_size { text-align: center; }

#attachementdiv th.at_downloads { text-align: center; }
#attachementdiv td.at_downloads { text-align: center; }

#attachementdiv th.at_modify { text-align: center; }
#attachementdiv td.at_modify { text-align: center; }
/* Style End for the 'Add Attachment' link */

/* JCE Lightbox & frontend readmore pagebreak*/
#jcepopup-caption p {
color:#D51920;
font-size:120%;
font-weight:bold;
}
/* Fin */
/* Controle tabs&slides(tableau des joueurs*/
.jwts_title_left, .jwts_slidecontent {
width:707px;
}