/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Cherry+Swash);
@import url(http://fonts.googleapis.com/css?family=Kelly+Slab);


/*footer de it4it*/
#mfooter{
width: 61px;
margin-left: 133px;
margin-top: -22px;
background: rgb(0, 184, 255);
border-radius: 17px;
border: 2px solid rgb(45, 28, 241);
text-align: center;
padding-top: 3px;
}
#mfooter:hover{
background: rgb(20, 90, 214);
border-radius: 17px;
border: 2px solid rgb(0, 0, 0);
	
}
#mfooter a{
	color: white !important;
	font-size:18px;
	font-family: 'Kelly Slab', cursive;
	font-weight: bold !important;
}

#xmap ul li a {

font-weight: bold;
line-height: 25px;
}


html,body,form {margin: 0;padding: 0;}

body {margin: 0;padding: 0;}
body#bd {font-family: Arial;}


body.fs1 {font-size: 10px; line-height: 16px;}
body.fs2 {font-size: 11px; line-height: 17px;}
body.fs3 {font-size: 12px; line-height: 18px;}
body.fs4 {font-size: 13px; line-height: 19px;}
body.fs5 {font-size: 14px; line-height: 20px;}
body.fs6 {font-size: 15px; line-height: 21px;}


/* ZT WRAPPER --------*/
.event_cat_block{
		border: 2px solid rgb(233, 233, 233);
border-radius: 6px;
padding: 5px;
color: #02306d !important;
font-weight: bold;
		}
		.event_voir_tous{
		
		color: #02306d !important;
		text-align: center;
		padding-bottom: 6px;
		}
		.event_voir_tous a{
		color: #02306d !important;
		}
		.cat_ligne1{padding-bottom: 7px;}
		.cat_ligne2{}
		.event_cat_left {
float: left;
width: 90px;
background: url(../images/tireerougeevent.png) no-repeat;
background-position: 0px 4px;
padding-left: 11px;
}
		.event_cat_right{
		background: url(../images/tireerougeevent.png) no-repeat;
background-position: 97px 4px;
padding-left: 108px;
		}
.event_voir_tous a:hover {
color: rgb(209, 29, 29) !important;
}		
.event_cat_left a, .event_cat_right a {
color: #02306d !important;
}
.event_cat_left a:hover , .event_cat_right a:hover {
color: red !important;
}
#zt-wrapper {margin: 0 ;padding: 0;width: 100%;background:url(../images/header.png) repeat-x left top;}
#zt-wrapper-inner {width:100%;display:inline-block;background:url(../images/bd.png) repeat-x left 127px;}

.zt-wrapper {width: 960px;margin: 0 auto;}
.create {
padding: 0px;
float: right;
margin-top: -18px;
font-style: italic;
background-color: rgb(233, 233, 233);
padding-left: 8px;
padding-right: 8px;
}
#zt-userwrap1,
#zt-userwrap2,
#zt-userwrap3,
#zt-userwrap4,
#zt-userwrap5,
#zt-userwrap6,
#zt-userwrap7 {
	margin: 0;
	width: 100%;
	clear: both;
}

#zt-userwrap1-inner,
#zt-userwrap2-inner,
#zt-userwrap3-inner,
#zt-userwrap4-inner,
#zt-userwrap5-inner,
#zt-userwrap6-inner,
#zt-userwrap7-inner {
	width: 100%;
}
.tip {
background-color: rgb(179, 216, 178);
padding: 5px;
border-radius: 15px;
}
#jform_title {
width: 400px;
}
#zt-userwrap1-inner{background:#000 ;}

#zt-userwrap2-inner,
#zt-userwrap3-inner,
#zt-userwrap5-inner{margin: 0 -7px;display:block;width:auto;}

#zt-userwrap4-inner{
	background: #fff;
	border:1px solid #d5d5d5;
	border-radius: 7px;
	padding: 7px 0;
	margin-bottom:15px;
	box-shadow:  0 0 5px #d8d8d8, inset 0 0 10px #efefef ;
}
/* ZT BREADCRUMBS--------*/

#zt-breadcrumbs {margin:  0; }
#zt-breadcrumbs-inner {
	padding-bottom: 10px; padding-left: 15px;
	display:block;
	
}
#zt-breadcrumbs a{color:#333; margin: 0 5px;}
#zt-breadcrumbs a:hover{color:#A31506;}

/* ZT COLSPAN -----------*/

#zt-colspan1,
#zt-colspan2 {margin: 0;}

#zt-colspan1-inner,
#zt-colspan2-inner {margin: 0 ;}

/* ZT MODULETABLE --------*/

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.module,
div.module_menu,
div.module_text ,
div.moduletable_blank{
	clear: both;
	margin: 0 0 15px 0;
}



div.moduletable_blank{margin:0;}
div.modulecontent{width:100%; display:table;}
.ztmodule {display: block;}
div.moduletable_nopad .ztmodule{clear: both; padding:0;}

h3.moduletitle,
h3.title{
margin: 5px 0 0;
font-size: 16px;
line-height: 30px;
color: #ea2e2e;
font-weight: normal;
background-color: rgb(124, 124, 124);
padding: 4px;
margin-top: 1px;
font-weight: bold;
background: url("./images/modules_titre_bg.png");
}
h3.title{
	background:url(../images/title-1.png) repeat-x left top;margin:0;
	padding: 0 10px;
	margin-top:5px;
	border:1px solid #e9e9e9;
	border-radius:5px;
}
h3.moduletitle > span {}
div.moduletable_blank h3.moduletitle{margin: 0;}


/* ZT HEADER
--------------------------*/
#zt-massheader{width: 100%;display: inline-block; }
#zt-massheader-inner{
	background:#fff;
	padding:0 10px 10px;
	margin:20px 0 15px;
	
	border-radius:5px;
	box-shadow: 0 0 9px #a9a9a9;
}
#zt-header {width: 100%;display: inline-block;}
#zt-header-inner {width: 100%;padding:10px 0;display:inline-block;padding-bottom: 0px; margin-bottom: -9px;}

/* LOGO ---------*/
#zt-logo {width: 45%;float:left;}
#zt-logo .zt-logo {margin: 0 10px;}

#zt-logo .zt-logo a {
display: block;
width: 281px;
height: 99px;
margin-top: -2px;
background: url(../images/logo.png) no-repeat 0 0;
}

#zt-logo .zt-logo a span {display: none;}

/* LOGO EN ---------*/
#zt-logoEN {width: 45%;float:left;}
#zt-logoEN .zt-logoEN {margin: 0 10px;}

#zt-logoEN .zt-logoEN a {
display: block;
width: 281px;
height: 99px;
margin-top: -2px;
background: url(../images/logoEN.png) no-repeat 0 0;
}
.buttons{
cursor: pointer;
display: block;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
background-color: red;
width: 82px;
color: white;
padding: 3px;
border-radius: 5px;
}
#zt-logoEN .zt-logoEN a span {display: none;}
/* DEV IT4IT ------*/
.drapeaux-langue {background: none;}
.login_bloc_fr-FR{
background: url(../images/topmenuFR.png) no-repeat -3px 0 !important;
width: 166px !important;}
.zt-login_ar-AA {
margin-left: 15px !important;
}
.zt-login_fr-FR {margin-left: 0px !important; }
.mod-languages {margin-top: 45px;position: absolute;padding-left: 8px;}
/* TOP MENU ------*/
#zt-topmenu{float:right;width:16%;}
#zt-topmenu-inner{background:url(../images/topmenu.png) no-repeat 0 0;width:135px;min-height:35px;margin-top:-25px;padding-top:10px;}

#zt-topmenu #zt-login {float:left; margin:5px;}
#zt-topmenu ul.menu li {display: inline;background: none; padding:0 10px; border-right: 1px solid #98a6c4;}
#zt-topmenu ul.menu li:last-child{border-right:none;}

#zt-topmenu #zt-login  a{color:#fff;display:inline;padding: 0 10px;}



/* HIGHTLINE --------*/
#zt-highlight{float:left; width:37%;}
#zt-highlight-inner{background:url(../images/hightline.png) no-repeat 0 0;padding:5px 15px;min-height:95px;margin-top:-17px;}

/* ZT MAINMENU
--------------------------*/
#zt-mainmenu {width: 100%; display: inline-block;}
#zt-mainmenu-inner {
	background:#be0d04 repeat-x left top;border:1px solid #dadada;
	padding:4px;
	display:block;
	border-radius:5px;
	box-shadow: 0 0 5px #ebebeb;
}


/* ZT SLIDESHOW
--------------------------*/
#zt-slideshow {margin: 10px 0 0 ;width: 66.5% !important;}

#zt-slideshow-inner1 {
	width:100%;display:inline-block;
	background:url(../images/mainbody.png) #7c0c00 repeat-x left bottom;
}
#zt-slideshow-inner2{
	display:block;
	background:url(../images/slideshow1.png) no-repeat center top;
}

/* ZT SPORTLIHT ----------*/
.zt-user {float: left;}

.zt-box-inside {padding: 0 7px;}

#zt-mainframe{width:100%;display:inline-block; }
#zt-mainframe-inner{display:block; margin: 0 -7px;}
#zt-component {
     margin:  0 7px 15px; display: block;
     background: #fff;
     border:1px solid #d5d5d5;
     
     border-radius: 7px;
     box-shadow:  0 0 5px #d8d8d8, inset 0 0 10px #efefef ;
}
#zt-component-inner {padding: 0px 15px 15px;margin:10px 0 0;}

/* LEFT CONTENT RIGHT
--------------------------*/

#zt-container,
#zt-container-left,
#zt-container-right,
#zt-container-full {
	width: 100%;
	position: relative;
}

#zt-left {width: 25%;float: left;}
#zt-content {width: 50%;float: left;}
#zt-right {width: 25%;float: right;}

#zt-left-inner,
#zt-right-inner,
#zt-content-inner {margin: 0 7px;}

#zt-container-left #zt-content {width: 74%;}
#zt-container-right #zt-content {width:74%}
#zt-container-full #zt-content {width: 100%;}

#zt-container-left #zt-content,
#zt-container-right #zt-content,
#zt-container-full #zt-content {
}

.zt-layout-lcr,
.zt-layout-lrc,
.zt-layout-clr {
}

.zt-layout-clr #zt-content,
.zt-layout-lrc #zt-content {margin: 0;}

.zt-layout-lrc #zt-right {float: left;}
.zt-layout-lrc #zt-content {float: right;}

.zt-layout-clr #zt-right {float: right;}
.zt-layout-clr #zt-left {float: right;}
.zt-layout-clr #zt-content {float: left;}

.page-position #zt-left,
.page-position #zt-right{width:25%;}
.page-position #zt-right{float:left;}

.page-position #zt-content{width:50%; float:right;}

/* ZT Bottom
--------------------------*/
#zt-bottom {width: 100%;display: inline-block; }
#zt-bottom-inner {display:block; padding:10px 0;}
.img_actu{
float: left;
opacity: 1;
display: block;
float: left;
margin: 10px;
padding: 5px;
border: 1px solid #ddd;
background: #fff;
overflow: hidden;
margin-top: 0px;
max-width: 370px;
}

#zt-copyright {float: left;
color: black !important;
width: 100%;
font-weight: bold !important;}
#zt-copyright-inner,
#zt-footer-inner{ text-shadow: 1px 1px 0 #f9f9f9;color:black !important;}
#zt-footer-inner{text-align:right;}
#zt-footer {float: right;width: 50%;}

#zt-copyright ul.menu{display:block;text-align:center;
background-color: rgb(247, 247, 247);
line-height: 32px;
box-shadow: 0px 1px 6px -1px;
}
#zt-copyright ul.menu li{display:inline; border-bottom:none;background:none; padding: 0 3px;;}
#zt-copyright ul.menu li a{text-transform: none;width:100%; padding: 0 5px;display:inline; color:#d53a3a;}
#zt-copyright ul.menu li a:hover,
#zt-copyright a:hover{background:none; color:#a31506; text-shadow:none;}