/*=====================================================================
* Filename: main.css
* Template: iville
* Author: Elogys - http://www.elogys.fr
* Date Created: 2010
* Media: Screen
*
* Description
* -----------
* This style sheet is used for the single (right aligned) column, main (left aligned) column.
* CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
* Uses blueprint CSS as base starting point: http://www.blueprintcss.org/
=====================================================================*/

@import "reset.css";

body { background: #fff; }

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }

.clear { clear: both; }

.fl { float: left; }
img.fl { float: left; margin: 8px 8px 8px 0; }
.fr { float: right; }
img.fr { float: right; margin: 8px 0 8px 8px; }

#mainContent .ltc, #mainContent .rtc, #mainContent .lbc, #mainContent .rbc { position: absolute; width: 4px; height: 4px; }
#mainContent .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
#mainContent .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
#mainContent .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
#mainContent .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

#thematiques .ltc, #thematiques .rtc, #thematiques .lbc, #thematiques .rbc { position: absolute; width: 4px; height: 4px; }
#thematiques .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
#thematiques .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
#thematiques .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
#thematiques .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

#mail .ltc, #mail .rtc, #mail .lbc, #mail .rbc { position: absolute; width: 4px; height: 4px; }
#mail .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
#mail .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
#mail .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
#mail .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

#multisearch .ltc, #multisearch .rtc, #multisearch .lbc, #multisearch .rbc { position: absolute; width: 4px; height: 4px; }
#multisearch .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
#multisearch .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
#multisearch .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
#multisearch .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

#pager_box .ltc, #pager_box .rtc, #pager_box .lbc, #pager_box .rbc { position: absolute; width: 4px; height: 4px; }
#pager_box .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
#pager_box .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
#pager_box .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
#pager_box .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

.sidebar .ltc, .sidebar .rtc, .sidebar .lbc, .sidebar .rbc { position: absolute; width: 4px; height: 4px; }
.sidebar .ltc { top: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-top.gif) no-repeat; }
.sidebar .rtc { top: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-top.gif) no-repeat; }
.sidebar .lbc { bottom: -1px; left: -1px; background: url(/frontend/images/layout/left-corner-btm.gif) no-repeat; }
.sidebar .rbc { bottom: -1px; right: -1px; background: url(/frontend/images/layout/right-corner-btm.gif) no-repeat; }

#mainContentFullDetail table .ltc, .rtc, .lbc, .rbc { position: absolute; width: 4px; height: 4px; }

/* Top Link (at footer) */
a.top { position: absolute; top: -13px; left: 0; }
a.top { width: 28px; height: 28px; background: url(/frontend/images/layout/top-icon.gif) no-repeat 0 -28px; }
a.top:hover { background-position: 0 0; }

/* Use this instead of html hr tag */
div.hr { width: 100%; height: 1px; background: #d5d5d5; }

/* ===== LAYOUT ===== */
#wrapper { width: 900px; margin: 0 auto; background: url(/frontend/images/layout/bg.jpg) no-repeat center 0; }

/* HEADER */
#header {
	width: inherit;
	height: 138px;
	position: relative;
	margin-bottom: 0px;
	background-image: url(/frontend/images/layout/header.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#header_ds {
	width: inherit;
	height: 138px;
	position: relative;
	margin-bottom: 0px;
	background-image: url(/frontend/images/layout/header_ds.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#multisearch { position: relative; margin-bottom: 10px; border: solid 1px #d5d5d5; background: url(/frontend/images/layout/bkg-recherche.png) repeat-x; }
#header .logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#header_ds .logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#header .logos, #header_ds .logos {
	position: absolute;
	right: 9px;
	top: 0px;
	width: 75px;
	z-index: 10000;
	height: 132px;
	background: url(/frontend/images/layout/RF.png) no-repeat;
}

/* NAVIGATION */
#nav {
	height: 38px;
	position: absolute;
	top: 62px;
	background: url(/frontend/images/layout/barre-menu.png) left repeat-x;
	right: 10px;
	width: 535px;
}

#nav ul { height: inherit; list-style: none; }
#nav ul li {
	height: 36px;
	float: left;
	border-right: 1px solid #999;
}
#nav ul li a {
	width: 80px;
	height: inherit;
	display: block;
	background: url(/frontend/images/layout/nav-bg.gif) no-repeat -352px 0;
	font-weight: bold;
	text-align: center;
}
#nav ul li a:hover { background-position: -234px 0; }
#nav ul li a:active { background-position: -117px 0; }
#nav ul li a.active { background-position: 0 0; }
#nav .start {
	border-left: 1px solid #999;
}

/* NAVIGATION_DS */
#nav_ds {
	height: 38px;
	position: absolute;
	top: 62px;
	background: url(/frontend/images/layout/barre-menu.png) left repeat-x;
	right: 10px;
	width: 580px;
}

#nav_ds ul { height: inherit; list-style: none; }
#nav_ds ul li {
	height: 36px;
	float: left;
	border-right: 1px solid #999;
}
#nav_ds ul li a {
	width: 80px;
	height: inherit;
	display: block;
	background: url(/frontend/images/layout/nav-bg.gif) no-repeat -352px 0;
	font-weight: bold;
	text-align: center;
}
#nav_ds ul li a:hover { background-position: -234px 0; }
#nav_ds ul li a:active { background-position: -117px 0; }
#nav_ds ul li a.active { background-position: 0 0; }
#nav_ds .start {
	border-left: 1px solid #999;
}
#nav_ds ul li a.item_ds {

}

/* SEARCH CONTENT */
#multisearch {
	width: 898px;
	height: 160px;
	/*position: absolute;
	top: 110px;*/
}
#multisearch.search_ds{
	height: 195px !important;
}
#multisearch .box, #multisearch .box_libre, #contact-form .box_libre, #contact-form .message_ds {
	border: solid 1px #bfc0c7;
	background-image: url(/frontend/images/layout/bg_box.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* MAIN CONTENT */
#mainContent {
	float: left;
	width: 600px;
}
#mainContentFull {
	float: left;
	width: 900px;
}
#mainContent ul { list-style-position: inside; }
#mainContent .container, #mainContentFull .container {
	position: relative;
	margin-bottom: 10px;
	border: solid 1px #d5d5d5;
	background: #fff url(/frontend/images/layout/bkg-bloc.png) repeat-x left bottom;
}

/* FOOTER */
#footer { width: inherit; position: relative; margin-top: 20px; padding-bottom: 15px; }
#footer .nav { margin-left: 28px; }
#footer ul { list-style: none; margin: 0; }
#footer ul li {
	float: left;
	padding: 2px 7px;
	border-right: solid 1px #999;
}
#footer ul li.last { border: none; }


div.focus {
padding-bottom:10px;

}

/* ===== FONTS =====  Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
/* Global */
body {
	font-size: 75%;
	color: #333333;
	background: #f9f9fa;
	font-family: "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.readmore { font-style: italic; padding-left: 8px; }

/* NAVIGATION */
#nav ul { font-size: 1.2em; line-height: 38px; text-align: center; }
#nav ul li a { color: #383838; text-decoration: none; }
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.active { color: #fff; }
#mainContent ul { font-size: 1.05em; line-height: 1.3em; }

#nav_ds ul { font-size: 1.2em; line-height: 38px; text-align: center; }
#nav_ds ul li a { color: #383838; text-decoration: none; }
#nav_ds ul li a:hover,
#nav_ds ul li a:active,
#nav_ds ul li a.active { color: #fff; }

/* FOOTER */
#footer { color: #999; text-align: left; line-height: .8em; font-size: .9em; }

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.5em; }
h3 { font-size: 1.7em; line-height: 1; margin-bottom: .75em; }
h4 { font-size: 1.3em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements */
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #4185d2; text-decoration: none; cursor: pointer; } 
a:hover     { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Misc classes */
.small      { font-size: 1em; line-height: 1.3em; }
.medium		{ font-size: 1.2em; line-height: 1.6em; }
.large      { font-size: 1.45em; line-height: 2em; }
.hide       { display: none; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/*Item menu principal decrochage scolaire*/
#nav ul{
	margin-left: 1em;
}
a.menu_decrochage{
	width: 115px !important;
	letter-spacing: -1px;
}