/* Edit the width and height of #logo to match your new logo image size when customizing your logo */

moduletable {
	font-size: 30px;
}

#logo {width: 400px;height: 100px;float: left;}

/* @group Core Elements */

html {height: 100%;margin-bottom: 1px;}
body {margin: 0;font-family: Arial;font-size: 12px;line-height: 135%;
}

/* Font family information */

body#ff-default, body#ff-default td {font-family: Helvetica, Arial, FreeSans, sans-serif;
}
body#ff-optima, #ff-optima td {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
body#ff-geneva, #ff-geneva td {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
body#ff-helvetica, #ff-helvetica td {font-family: Helvetica, Arial, FreeSans, sans-serif;}
body#ff-lucida, #ff-lucida td {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;}
body#ff-georgia, #ff-georgia td {font-family: Georgia, sans-serif;}
body#ff-trebuchet, #ff-trebuchet td {font-family: "Trebuchet MS", sans-serif;}
body#ff-palatino, #ff-palatino td {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
body#ff-default #horiz-menu, body#ff-default #bottom-menu, body#ff-default a.mainlevel, body#ff-default a.sublevel {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}

/* Core Styles */

form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;
	text-align: justify;
	margin-right: 15px;
}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 200%;line-height: 100%;}
h2 {font-size: 175%;line-height: 100%;}
h3 {font-size: 150%;}
h4 {font-size: 120%;}
h5 {text-transform: uppercase;
	color: #f09207;
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}

/* @end */

/* @group Joomla Elements */

.mosimage_caption {font-size: 90%;}
.componentheading {
	color: white;
	font: normal 11px/130% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #808080 url(../images/arrow.gif) no-repeat 5px 8px;
	text-indent: 9px;
	padding: 3px 0 3px 5px;
	margin: 0 0 3px 15px;
}
.contentheading {font-size: 180%;font-weight: normal;border: 0;padding: 0;line-height: 140%;}
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
td.buttonheading, .contentpaneopen td.buttonheading {border: 0;
	padding: 0;
}
td.column_separator {padding-left: 15px;}
td.componentheading {padding-bottom: 15px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 25px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 25px;}
.contentpane, {width: 100%;
}

.contentpaneopen  {
	height:1%;
	background-position: 10px 0;
	background-repeat: no-repeat;
	margin: 0 20px;
	border: 0px 0px 0px 0px;
	padding-top: 0;
	padding-bottom: 0;
}

.contentpaneopen img {
	float:left;
	margin: 0 20px;
}
.contentpaneopen h2 {
	margin:0 0 14px;
	font:12px Tahoma, Arial, sans-serif;
}
.contentpaneopen h2 a {color:#F69507;}
.contentpaneopen h2 a:hover {text-decoration:none;}

.contentpaneopen p {
	line-height:14px;
	margin: 0 0 10px;
}
.contentpaneopen p.lire {text-align:right;}
.contentpaneopen p.lire a {
	background:url(../images/arrow2.gif) no-repeat 0 5px;
	padding:0 0 0 9px;
	color:#3c3c3c;
	font-weight:bold;
	text-decoration:none;
}
.contentpaneopen p.lire a:hover {text-decoration:underline;}

/* @end */

/* @group Structure */

#header-bar {padding: 0 10px;overflow: hidden;
	height: 0;
}
#header-divider {height: 1px;overflow: hidden;}
.logo-module {width: 400px;float: left;overflow: hidden;padding: 15px 0;}
#headerblock-right {width: 518px;height: 108px;float: right;}
#headerblock-right .padding {padding: 6px 0;}

#main-body {border-top: 0;margin-bottom: 4px;
}
.maincontent-surround {overflow: hidden;}
#inset-block-right {float: right;}
#inset-block-right .right-padding {padding-left: 15px;}
#inset-block-left {float: left;}
#inset-block-left .left-padding {padding-right: 15px;}
#banner-mod {float: right;width: 60%;padding-top: 8px;}
#rightbanner {float: right;}
#rightbanner .padding {padding: 15px 0 0 20px;}
#leftbanner {float: left;}
#leftbanner .padding {padding: 15px 20px 0 0;}

#newsflash-block {float: left;width: 60%;height: 20px;font-style: italic;overflow: hidden;}
#searchmod {height: 26px;padding: 10px 0 0 0;float: right;text-align: right;overflow: hidden;line-height: 28px;}
#searchmod .inputbox {width: 233px;height: 18px;border: 0;padding: 4px 0 4px 5px;float: left;}
#searchmod input.button {width: 42px;height: 26px;cursor: pointer;border: 0;margin: 0;}
#searchmod input.button:hover {background-position: 0 -26px;}

#maincol .padding {padding: 15px;}
#rightcol {float: right;}
#leftcol {float: left;
}

#bottom {padding-bottom: 15px;}
.rocket-block {text-align: center;display: block;padding: 10px 0;}
img#rocket, img#rocket2 {width: 165px;height: 22px;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.2%;}
.spacer.w24 .block {width: 24.8%;}
.div-spacer {height: 1px;}

/* @end */

/* @group Modules */
#main-body .showcase-module .moduletable, #main-body .showcase-module2 .moduletable {background: none;}
#mainmodules div.module, #mainmodules2 div.module, #mainmodules div.module-clean, #mainmodules2 div.module-clean {padding: 15px;}
#mainmodules3, #mainmodules4 {margin-bottom: 4px;}
#mainmodules3 .module h3, #mainmodules4 .module h3 {background: none;}
.module, .moduletable, .moduletable-clean {padding: 15px 15px 25px 15px;margin: 0;}
.module h3, .moduletable h3, .module-clean h3, .moduletable-clean h3 {height: 22px;line-height: 22px;padding: 10px 15px 20px 15px;font-weight: bold;font-size: 130%;margin: -15px -15px 0 -15px;}
#bottommodules div.module h3 {background: none;}
.sidenav-block {margin-top: -1px;}
#topbanner .moduletable {padding: 20px 0 25px 0;}
#leftcol .moduletable, #rightcol .moduletable {padding-bottom: 25px;}
#newsflash .moduletable h3, .logo-module .moduletable h3 {display: none;}
#newsflash .moduletable {margin: 0;padding: 0;}
#bottom .module, #maincol .module, #extendedmodules .module {padding: 25px 15px 15px 15px;}
.moduletable-flush, .logo-module .moduletable {margin: 0;padding: 0;}
#rightbanner .moduletable h3, #leftbanner .moduletable h3 {margin: 0 0 4px 0;padding: 0 0 0 2px;text-transform: uppercase;font-size: 80%;letter-spacing: 1px;font-family: Arial, sans-serif;}
#rightbanner .moduletable, #leftbanner .moduletable {padding: 0;margin: 0 0 35px 0;}
#mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #bottommodules, #extendedmodules, .showcase-module, .showcase-module2 {overflow: hidden;}
#maincol .module-hilite1, #maincol .module-hilite2, #maincol .module-hilite3, #maincol .module-hilite4, #maincol .module-hilite5, #maincol .module-hilite6 {margin: 0;border: 0;}
.module-hilite1, .moduletable-hilite1, .module-hilite2, .moduletable-hilite2, .module-hilite3, .moduletable-hilite3, .module-hilite4, .moduletable-hilite4, .module-hilite5, .moduletable-hilite5, .module-hilite6, .moduletable-hilite6 {margin: 10px;padding: 15px;}
.module-hilite1 h3, .moduletable-hilite1 h3, .module-hilite2 h3, .moduletable-hilite2 h3, .module-hilite3 h3, .moduletable-hilite3 h3, .module-hilite4 h3, .moduletable-hilite4 h3, .module-hilite5 h3, .moduletable-hilite5 h3, .module-hilite6 h3, .moduletable-hilite6 h3 {margin-top: 0;font-size: 120%;font-weight: bold;text-indent: 20px;}
body.noicon .module-hilite1 h3, body.noicon .moduletable-hilite1 h3, body.noicon .module-hilite2 h3, body.noicon .moduletable-hilite2 h3, body.noicon .module-hilite3 h3, body.noicon .moduletable-hilite3 h3, body.noicon .module-hilite4 h3, body.noicon .moduletable-hilite4 h3, body.noicon .module-hilite5 h3, body.noicon .moduletable-hilite5 h3, body.noicon .module-hilite6 h3, body.noicon .moduletable-hilite6 h3 {text-indent: 0;}
#leftbanner .moduletable h3, #rightbanner .moduletable h3 {background: none;}
#inset-block-left .moduletable-hilite1, #inset-block-left .moduletable-hilite2, #inset-block-left .moduletable-hilite3, #inset-block-right .moduletable-hilite1, #inset-block-right .moduletable-hilite2, #inset-block-right .moduletable-hilite3, #inset-block-left .moduletable-hilite4, #inset-block-right .moduletable-hilite4, #inset-block-left .moduletable-hilite5, #inset-block-right .moduletable-hilite5, #inset-block-left .moduletable-hilite6, #inset-block-right .moduletable-hilite6 {margin: 0 0 15px 0;}
#inset-block-left .moduletable-clean, #inset-block-right .moduletable-clean, #inset-block-left .moduletable, #inset-block-right .moduletable {padding: 0 0 20px 0;}
#inset-block-left div.moduletable, #inset-block-right div.moduletable, #inset-block-left div.moduletable h3, #inset-block-right div.moduletable h3 {background: none;}
#topbanner .moduletable h3 {background: none;}
.banner-module, .banner-module2 {
	text-align: left;
	height:1%;
	background:url(../images/menu-bg.gif) repeat-y;
	}
#maincol .banner-module .moduletable, #maincol .banner-module2 .moduletable {padding-bottom: 15px;background: none;}
.footer-module .moduletable {margin-top: 10px;}
.footer-module .moduletable h3 {background: none;}
.module-hilite7, .moduletable-hilite7, .module-hilite8, .moduletable-hilite8, .module-hilite9, .moduletable-hilite9 {padding: 15px;margin-bottom: 0px;}
.module-hilite7 h3, .moduletable-hilite7 h3, .module-hilite8 h3, .moduletable-hilite8 h3, .module-hilite9 h3, .moduletable-hilite9 h3 {margin-top: 0;font-size: 130%;}
#rightcol .moduletable-hilite7, #leftcol .moduletable-hilite7, #rightcol .moduletable-hilite8, #leftcol .moduletable-hilite8, #rightcol .moduletable-hilite9, #leftcol .moduletable-hilite9 {margin-top: -1px;}
#pathway-module .moduletable {padding: 15px;margin-bottom: 15px;}
.moduletable_text {padding: 15px;margin-bottom: 10px;}
.moduletable_text h3 {margin-top: 0;}

/* @end */

/* Horizontal Menus */

/* Menu Dropdowns */

/*ajouter par admin*/

/* Side Menus */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
a.mainlevel {line-height: 32px;height: 32px;font-size: 110%;padding: 0 0 0 12px;}
a.sublevel {height: 28px;line-height: 28px;margin: 0;padding: 0 0 0 12px;}

/* Bottom Menu */

/* Extra Content Styles */

a.readon {margin-top: 16px;padding: 0;display: block;font-size: 100%;text-indent: 12px;
	background:transparent url(../images/arrow2.gif) no-repeat scroll 0 5px;
float:right;
	color: #454545;
	font-weight: bold;
}
a.readon2 {width: 80px;height: 14px;display: block;margin-top: 16px;text-transform: uppercase;line-height: 14px;font-size: 9px;font-weight: bold;padding: 0;text-indent: 5px;}
a.readon2:hover {text-decoration: none;background-position: 0 -14px;}
#pathway, #pathway-module {width: 100%;display: block;}
span.pathway {display: block;font-weight: normal;line-height: 150%;overflow: hidden;padding-top: 10px;padding-bottom: 12px;padding-left: 10px;}
span.pathway img {padding-right: 1px;width: 8px;height: 7px;}
span.pathway a {float: none;padding: 0 5px 0 0;}
#accessibility {width: 50px;height: 14px;float: right;z-index: 5000;padding-top: 4px;}
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;}
#accessibility .button {display: block;float: right;width: 16px;height: 14px;}
#accessibility a.small .button {margin-right: 5px;}
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
.clr {clear:both;}
fieldset {border-left: 0;border-right: 0;border-top: 0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;}
.bannergroup .clr {clear: none !important;}

/* Login */

form#form-login ul {padding-left: 18px;}
form#form-login fieldset.input {padding: 0;}
p#form-login-remember {margin-bottom: 5px;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {height: 20px;display: block;width: 98%;margin-top: 3px;}
.module input.button, .moduletable input.button {border: 0;width: 54px;height: 20px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;line-height: 18px;padding: 0;font-size: 10px;}
.module-clean input.button, .moduletable-clean input.button, .module-hilite1 input.button, .module-hilite2 input.button, .module-hilite3 input.button, .moduletable-hilite1 input.button, .moduletable-hilite2 input.button, .moduletable-hilite3 input.button, .moduletable-hilite4 input.button, .module-hilite5 input.button, .moduletable-hilite5 input.button, .module-hilite6 input.button, .moduletable-hilite6 input.button, .module-hilite7 input.button, .moduletable-hilite7 input.button, .module-hilite8 input.button, .moduletable-hilite8 input.button, .module-hilite9 input.button, .moduletable-hilite9 input.button {width: 62px;height: 14px;display: block;line-height: 14px; margin-top: 10px;text-transform: uppercase;line-height: 14px;font-size: 9px;font-weight: bold;padding: 0;text-indent: 5px;border: 0;text-align: left;cursor: pointer;margin-bottom: 10px;}
.module-clean input.button:hover, .moduletable-clean input.button:hover, .module-hilite1 input.button:hover, .module-hilite2 input.button:hover, .module-hilite3 input.button:hover, .moduletable-hilite1 input.button:hover, .moduletable-hilite2 input.button:hover, .moduletable-hilite3 input.button:hover, .moduletable-hilite4 input.button:hover, .module-hilite5 input.button:hover, .moduletable-hilite5 input.button:hover, .module-hilite6 input.button:hover, .moduletable-hilite6 input.button:hover, .module-hilite7 input.button:hover, .moduletable-hilite7 input.button:hover, .module-hilite8 input.button:hover, .moduletable-hilite8 input.button:hover, .module-hilite9 input.button:hover, .moduletable-hilite9 input.button:hover {text-decoration: none;background-position: 0 -14px;}

/* Tabbed Modules */

#moduleslider-size {overflow: hidden;padding: 0;}
#moduleslider-size.alt-bottom {margin-bottom: 4px;}
#tabmodules .padding {padding: 0;}
#tabmodules div.module {background: none;padding: 15px 0 15px 15px;padding-right: 10px;}
#tabmodules div.module-hilite1, #tabmodules div.module-hilite2, #tabmodules div.module-hilite3, #tabmodules div.module-hilite4, #tabmodules div.module-hilite5, #tabmodules div.module-hilite6 {padding: 15px;margin: 15px 0 15px 15px}
#tabmodules .module-hilite1 h3, #tabmodules .module-hilite2 h3, #tabmodules .module-hilite3 h3, #tabmodules .module-hilite4 h3, #tabmodules .module-hilite5 h3, #tabmodules .module-hilite6 h3 {margin-top: 0;}
#tabmodules .module h3 {background: none;margin: 0;padding: 0 0 20px 0;text-align: left;}
#tabmodules {overflow: hidden;}
#tabmodules div {padding: 0;margin: 0;}
#tabmodules li span {line-height: 40px;padding: 0;}
#rokslide-toolbar span {white-space: nowrap;}
#rokslide-toolbar {margin: 0;padding: 0;height: 40px;padding: 0;font-weight: bold;}
#rokslide-toolbar li {height: 40px;font-size: 130%;margin: 0;padding: 0 16px;}
#rokslide-toolbar li.current {height: 40px;}
#frame {text-align: left;}
#frame .module, #frame .module-hilite1, #frame .module-hilite2, #frame .module-hilite3, #frame .module-hilite4, #frame .module-hilite5, #frame .module-hilite6, #frame .module-hilite7, #frame .module-hilite8, #frame .module-hilite9, #frame .module-clean  {float: left;padding: 10px;}
#frame .mmpr-1 .module {width: auto;}
#frame .mmpr-2 .module {width: 45%;}
#frame .mmpr-3 .module {width: 30%;}
#frame .mmpr-4 .module {width: 21%;}
#frame .mmpr-5 .module {width: 16%;}
#frame .mmpr-1 .module-hilite1, #frame .mmpr-1 .module-hilite2, #frame .mmpr-1 .module-hilite3, #frame .mmpr-1 .module-hilite4, #frame .mmpr-1 .module-hilite5, #frame .mmpr-1 .module-hilite6, #frame .mmpr-1 .module-hilite7, #frame .mmpr-1 .module-hilite8, #frame .mmpr-1 .module-hilite9, #frame .mmpr-1 .module-clean {width: 92%;}
#frame .mmpr-2 .module-hilite1, #frame .mmpr-2 .module-hilite2, #frame .mmpr-2 .module-hilite3, #frame .mmpr-2 .module-hilite4, #frame .mmpr-2 .module-hilite5, #frame .mmpr-2 .module-hilite6, #frame .mmpr-2 .module-hilite7, #frame .mmpr-2 .module-hilite8, #frame .mmpr-2 .module-hilite9, #frame .mmpr-2 .module-clean {width: 43%;}
#frame .mmpr-3 .module-hilite1, #frame .mmpr-3 .module-hilite2, #frame .mmpr-3 .module-hilite3, #frame .mmpr-3 .module-hilite4, #frame .mmpr-3 .module-hilite5, #frame .mmpr-3 .module-hilite6, #frame .mmpr-3 .module-hilite7, #frame .mmpr-3 .module-hilite8, #frame .mmpr-3 .module-hilite9, #frame .mmpr-3 .module-clean {width: 26.7%;}
#frame .mmpr-4 .module-hilite1, #frame .mmpr-4 .module-hilite2, #frame .mmpr-4 .module-hilite3, #frame .mmpr-4 .module-hilite4, #frame .mmpr-4 .module-hilite5, #frame .mmpr-4 .module-hilite6, #frame .mmpr-4 .module-hilite7, #frame .mmpr-4 .module-hilite8, #frame .mmpr-4 .module-hilite9, #frame .mmpr-4 .module-clean {width: 18.4%;}
#frame .mmpr-5 .module-hilite1, #frame .mmpr-5 .module-hilite2, #frame .mmpr-5 .module-hilite3, #frame .mmpr-5 .module-hilite4, #frame .mmpr-5 .module-hilite5, #frame .mmpr-5 .module-hilite6, #frame .mmpr-5 .module-hilite7, #frame .mmpr-5 .module-hilite8, #frame .mmpr-5 .module-hilite9, #frame .mmpr-5 .module-clean {width: 13.5%;}
#leftcol #frame div div, #rightcol #frame div div {
	width: 230px;
}
#rightcol #rokslide-toolbar li, #leftcol #rokslide-toolbar li {font-size: 100%;padding: 0 8px;}
#rightcol #tabmodules div.module, #leftcol #tabmodules div.module {padding: 15px;}

/* RokNewsRotator */

#news-rotator {position:relative;z-index:1;height:190px;overflow:hidden;padding: 2px 2px 3px 3px;margin: 0;}
#news-rotator .image {position:relative;height:190px;z-index:2;overflow:hidden;display:block;}
#news-rotator .image div {padding: 0;margin: 0;}
#news-rotator .story {display:block;position:relative;z-index:2;height:190px;font-weight: normal;}
#news-rotator .story p {font-size: 130%;line-height:150%;}
#news-rotator h1 {margin-top:8px;font-size: 230%;margin-bottom: 24px;}
#news-rotator .story .padding {padding:30px 25px 40px 25px;overflow:hidden;}
#news-rotator .controls {position:absolute;top:15px;right:15px;z-index:5;}
#news-rotator .controls img {height:15px;width:15px;cursor:pointer;margin-right:3px;}
#news-rotator .control-prev {background-position:0 0;}
#news-rotator .control-next {background-position:0 -17px;}
#news-rotator .control-stop {background-position:0 -34px;}
#news-rotator .control-play {background-position:0 -51px;}

/* @group Demo Content */

/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

.variation-chooser {position:relative;}
.variation-chooser .controls {height: 25px;}
.variation-chooser .control-prev, .variation-chooser .control-next{cursor:pointer;height:16px;margin-right:3px;width:16px;float: left;margin-top:1px;}
.variation-chooser .control-prev{background-position:0 0;margin-right: 0.5em;}
.variation-chooser .control-prev:hover {background-position: 0 -16px;}
.variation-chooser .control-next{background-position:0 -32px;margin-left: 0.5em;}
.variation-chooser .control-next:hover {background-position: 0 -48px;}
.variation-chooser .controls{position:absolute;left:5px;}
.variation-chooser input.button:hover {color: #333 !important;}

.moduletable-rotator #news-rotator .image {height: 121px;margin-top: 38px;margin-left: 18px;}
.moduletable-rotator #news-rotator .story {margin-left: 132px;}

/* début du copier coller des templaters */

.article_separator {
	clear: both;
	display: block;
	height: 10px;
	border-bottom: 1px solid #b6b6b6;
	margin-right: 15px;
	margin-left: 10px;
}

img {border-style:none;}
form {
	padding:0;
	margin:0;
}
/*page*/
#page {
	width:955px;
	overflow:hidden;
	background:url(../images/page-bg.png) repeat-y;
	margin-bottom: 0;
	margin-top: 0;
}
/*main box*/
.main {
	position:relative;
	height:1%;
	overflow:hidden;	
}
/*primary content*/
.primary-content {
	height:1%;
	overflow:hidden;
	padding:0 38px 13px 5px;
}
/*main column*/
.main-col {
	width:679px;
	float:right;
	margin:0 0 0 -4px;
	position:relative;
}
/*info box*/
.info {
	height: 1%;
	margin:0 3px 0 0;
	padding: 11px 0 0 16px;
	color:#fff;
	overflow:hidden;
	background: #666 url(../images/info-bg.gif) repeat-y;
}
.info p {
	float:left;
	margin:0;
	font-size:10px;
}
.info ul {
	float:right;
	padding:0 10px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.info ul li {
	float:left;
	background:url(../images/separator2.gif) no-repeat 0 2px;
	padding:0 7px 0 8px;
	margin:0 1px 0 -1px;	
}
.info ul li a {
	color:#fff;
	background:url(../images/bullet2.gif) no-repeat 0 8px;
	padding:0 0 0 14px;
}
.info ul li a:hover {text-decoration:none;}

.main-img {
	height:1%;
	overflow:hidden;
	background:url(../images/main-img-bg.gif) no-repeat 0 100%;
	padding:0 0 10px;	
	margin:0 0 3px;
}
.main-img img {display:block;}


/*content*/

.content {
	height:1%;
	overflow:hidden;
}

/* content area */
.content-area {
	float:left;
	margin:0 -4px 0 0;
	padding:5px 0 0;
	position:relative;
	width: 472px;
}

/*menu start*/
/*menu end*/
/*text area*/
.text-area {
	height:1%;
	overflow:hidden;
	padding:0 12px 0 16px;
}
.text-area h1 {
	margin:0;
	background:#838383 url(../images/arrow.gif) no-repeat 13px 6px;
	font:11px/16px Tahoma, Arial, sans-serif;
	padding:0 21px 1px;
	color:#fff;
	position:relative;
	z-index:1;
}
/*text box*/
.text-box {
	height:1%;
	overflow:hidden;
	background:url(../images/line.gif) no-repeat 10px 0;
	padding:14px 10px 0 0;
	margin:-1px 0 1px;
}
.text-box img {
	float:left;
	margin:0 11px 0 0;
}
.text-box h2 {
	margin:0 0 14px;
	font:12px Tahoma, Arial, sans-serif;
}
.text-box h2 a {color:#F69507;}
.text-box h2 a:hover {text-decoration:none;}
.text-box p {
	margin:0 0 10px;
	line-height:14px;
}
.text-box p.lire {text-align:right;}
.text-box p.lire a {
	background:url(../images/arrow2.gif) no-repeat 0 5px;
	padding:0 0 0 9px;
	color:#3c3c3c;
	font-weight:bold;
	text-decoration:none;
}
.text-box p.lire a:hover {text-decoration:underline;}

/*services column*/

#services {
	float:right;
	width:191px;
	overflow:hidden;
}
/*calendar*/
.calendar {margin:0 0 19px;}
.calendar,
.calendar-top,
.calendar-btm {
	height:1%;
	overflow:hidden;
	background:url(../images/calendar-bg.gif) repeat-y;
}
.calendar-top {background:url(../images/calendar-top.gif) no-repeat;}
.calendar-btm {
	background:url(../images/calendar-btm.gif) no-repeat 0 100%;
	padding:13px 9px 15px;
}
.calendar h3.evenements {
	margin:0;
	height:37px;
	background:url(../images/evenements.gif) no-repeat;
	text-indent:-9999px;
}
/*month*/
ul.month {
	padding:10px 0 7px;
	margin:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	text-align:center;
}
ul.month li {
	display:inline;
	padding:0 2px;
	text-transform:uppercase;
	font:bold 13px Tahoma, Arial, sans-serif;
}
ul.month li a {
	text-decoration:none;
	color:#7C9000;
}
ul.month li a:hover {text-decoration:underline;}
/*days table*/
.days {
	width:100%;
	border-collapse:collapse;
}
.days th,
.days td {
	width:24px;
	text-align:center;
	padding:3px 0 6px;
	font:bold 13px Tahoma, Arial, sans-serif;
	color:#F49D08;
}
.days th.active,
.days td.active a {color:#2BA8E2;}
.days td {
	font:bold 10px Tahoma, Arial, sans-serif;
	color:#323232;
	padding:3px 0;
}
.days a {
	color:#323232;
	text-decoration:none;
}
.days a:hover {text-decoration:underline;}
/*service list*/
ul.service-list {
	padding:0;
	margin:0 3px 0 4px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.service-list li {
	background:#e5e5e5;
	height:1%;
	margin:0 0 20px;
	overflow:hidden;
	font:bold 11px/20px Tahoma, Arial, sans-serif;
	text-transform:uppercase;
}
ul.service-list li.admin {background:#e5e5e5 url(../images/admin-bg.gif) no-repeat 147px 4px;}
ul.service-list li.meteo {
	background:#e5e5e5 url(../images/meteo-bg.gif) no-repeat 116px 0;
}
ul.service-list li.prier {background:#e5e5e5 url(../images/prier-bg.gif) no-repeat 145px 0;}

ul.service-list li a {
	text-decoration:none;
	color:#7A7A7A;
	display:block;
	padding:0 0 0 7px;
}
ul.service-list li.meteo a {
	color:#819500;
	padding:10px 0 10px 7px;
}
ul.service-list li a:hover {text-decoration:underline;}
/*control list*/
ul.control-list {
	padding:0;
	margin:0;
	list-style:none;
	width:194px;
	overflow:hidden;
}
ul.control-list li {
	float:left;
	width:87px;
	margin:0 10px 10px 0;
	background:#e5e5e5;
	text-transform:uppercase;
	font:bold 9px Tahoma, Arial, sans-serif;
}
ul.control-list li.wali {background:#e5e5e5 url(../images/wali-bg.gif) no-repeat 22px 18px;}
ul.control-list li.annuaire {background:#e5e5e5 url(../images/annuaire.gif) no-repeat 26px 14px;}
ul.control-list li.petites {background:#e5e5e5 url(../images/petites-bg.gif) no-repeat 27px 13px;}
ul.control-list li.tele {background:#e5e5e5 url(../images/tele-bg.gif) no-repeat 25px 14px;}

ul.control-list li a {
	min-height:33px;
	padding:60px 6px 0;
	color:#2280D1;
	display:block;
	text-decoration:none;
}
* html ul.control-list li a {height:33px;}
ul.control-list li a span {float:right;}
ul.control-list li.annuaire a,
ul.control-list li.tele a {
	padding-top:75px;
	text-align:center;
	min-height:18px;
}
* html ul.control-list li.annuaire a,
* html ul.control-list li.tele a {height:18px;}

ul.control-list li a:hover {text-decoration:underline;}

/*sidebar*/
.sidebar {
	float:left;
	width:237px;
}
/*logo*/
.logo {
	display:block;
	text-indent:-9999px;
	width:237px;
	height:144px;
	background:url(../images/logo.gif) no-repeat;
	overflow:hidden;
	margin:0 0 2px;
}
.logo a {
	display:block;
	height:100%;
}
/*side area */
.side-area {margin:0 0 12px;}
.side-area,
.side-area-top,
.side-area-btm {
	height:1%;
	overflow:hidden;
	background:url(../images/side-area-bg.gif) repeat-y;
}
.side-area-top {background:url(../images/side-area-top.gif) no-repeat;}
.side-area-btm {
	background:url(../images/side-area-btm.gif) no-repeat 0 100%;
	padding:0 4px;
}
/*search*/
.search,
.search div  {
	height:1%;
	padding:23px 9px 9px 12px;
	overflow:hidden;
}
.search div {padding:0 0 8px;}
.search label,
.login label {
	float:left;
	font:bold 11px/18px Tahoma, Arial, sans-serif;
	color:#535252;
	text-transform:uppercase;
}
.search input.text,
.login input.text {
	float:right;
	width:120px;
	padding:1px 2px 2px;
	border:1px inset #404040;
	font:12px Tahoma, Arial, sans-serif;
}
.search input.button {float:right;}
.side-area h3 {
	margin:0;
	text-indent:-9999px;
	height:37px;
}
.side-area h3.espase-members {background:url(../images/espace-members.gif) no-repeat;}
.side-area h3.decouvrir-safi {background:url(../images/decouvrir-safi.gif) no-repeat;}
.side-area h3.safi-en-chantier {background:url(../images/safi-en-chantier.gif) no-repeat;}
.side-area h3.danc-la-province {background:url(../images/danc-la-province.gif) no-repeat;}
/*login*/
login,
login div {
	height:1%;
	overflow:hidden;
	padding:14px 9px 23px 11px;
}
login div {padding:0 0 4px;}
login input.text {width:110px;}
login input.button {
	float:left;
	margin:5px 0 0;
}
login input.button-right {float:right;}
/*list*/
ul.list {
	padding:0;
	margin:12px 0 10px 18px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.list li {
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding:0 0 6px 13px;
	text-transform:uppercase;
	font-weight:bold;
}
ul.list li a {
	text-decoration:none;
	color:#323232;
}
ul.list li a:hover {text-decoration:underline;}
/*image area*/
.img-area,
.img-area-cnt {
	height:1%;
	overflow:hidden;
	background:url(../images/img-area-top.gif) no-repeat;
}
.img-area-cnt {
	background:url(../images/img-area-btm.gif) no-repeat 0 100%;
	padding:9px 0 9px 3px;
}
.img-area img {
	display:block;
	border:1px solid #6B6867;
}

/*footer*/
.footer {
	width: 910px;
	background:url(../images/footer-bg.gif) repeat-x;
	margin: 0;
	padding:10px 0 6px 8px;
	overflow:hidden;
}	
.footer a {color:#2DADE6;}
.footer p {
	float:left;
	margin:0;
	font-size:9px;
}
.footer p a {text-decoration:none;}
.footer p a:hover {text-decoration:underline;}
.footer ul {
	float:right;
	padding:5px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.footer ul li {
	float:left;
	background:url(../images/separator.gif) no-repeat 0 1px;
	padding:0 5px 0 17px;
	margin:0 1px 0 -1px;
}
.footer ul li a {text-decoration:none;}
.footer ul li a:hover {text-decoration:underline;}
/*language list */
ul.language {
	padding:0;
	margin:0;
	list-style:none;
	position: relative;
	top:50px;
	width:27px;
	float: right;
	left: -3px;
}
* html ul.language {left:-1px;}

ul.language li {
	height:1%;
	overflow:hidden;
	margin:0 0 7px;
}
ul.language li a {
	display:block;
	width:27px;
	height:64px;
	text-indent:-9999px;
}
ul.language li a.arabic {background:url(../images/arabic.gif) no-repeat;}
ul.language li a.france {background:url(../images/france.gif) no-repeat;}
ul.language li a.english {background:url(../images/english.gif) no-repeat;}
ul.language li a:hover,
ul.language li.active a {background-position:-27px 0;}

/* fin du copier coller des templaters */


/* @end */