﻿



/*@import "reset.css";*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 2;
}



/*@import "menu.css";*/

a#menu1.default { background-position:   0px -77px; }
a#menu2.default { background-position: -78px -77px; }
a#menu3.default { background-position:-156px -77px; }
a#menu4.default { background-position:-234px -77px; }
a#menu5.default { background-position:-312px -77px; }
a#menu6.default { background-position:-390px -77px; }
a#menu7.default { background-position:-468px -77px; }
a#menu8.default { background-position:-546px -77px; }

a#menu1 { background-position:   0px -154px; }
a#menu2 { background-position: -78px -154px; }
a#menu3 { background-position:-156px -154px; }
a#menu4 { background-position:-234px -154px; }
a#menu5 { background-position:-312px -154px; }
a#menu6 { background-position:-390px -154px; }
a#menu7 { background-position:-468px -154px; }
a#menu8 { background-position:-546px -154px; }

a#menu1:hover { background-position:   0px 0px; }
a#menu2:hover { background-position: -78px 0px; }
a#menu3:hover { background-position:-156px 0px; }
a#menu4:hover { background-position:-234px 0px; }
a#menu5:hover { background-position:-312px 0px; }
a#menu6:hover { background-position:-390px 0px; }
a#menu7:hover { background-position:-468px 0px; }
a#menu8:hover { background-position:-546px 0px; }



body { background:#EBEBEB; font-family:Arial; color:#3c3e40; text-align:center; padding:0px; margin:0px; }
hr.cleaner { clear:both; visibility:hidden; }
.orange { color:#D65A10; }
.center { text-align:center; }

#container { width:900px; margin:auto; background:#FFF; text-align:left; }
#header h1 { background:url(../img/header.jpg) no-repeat top center; }
#header h1 a { display:block; height:96px; text-indent:-5000px; }
#menu { margin-top:19px; margin-left:16px; }
#menu li a { background-image:url(../img/menu.png); display:block; height:77px; width:78px; text-indent:-5000px; }
#menu li { float:left; margin-right:28px; }
#footer { background:url(../img/footer.png) no-repeat bottom center; height:42px; text-align:right; clear:both; }
#footer p { padding-top:21px; padding-right:13px; font-size:12px; color:#FFF; }
#footer.home { background:url(../img/homeFooter.png) no-repeat bottom center; height:32px; } 
#footer.home p { padding-top:11px; }
#footer a { text-decoration:underline; color:#FFF; }
#copyright { background:#EBEBEB; font-size:12px; color:#909D94; padding:5px 0px; }
#copyright p { background:url(../img/buttons/infos-contact.png) no-repeat left center; padding-left:22px; }
#copyright a { float:right; text-decoration:underline; color:#bcbcbc; font-size:11px; }

#home { background:url(../img/home.jpg) no-repeat bottom right; min-height:373px; margin-top:36px; _margin-top:0px; font-size:12px; line-height:14px; }
#home #services-en-ligne { margin:4px 0px; }
#home #contactez-nous-au { margin-top:25px; }
#home #conseiller-a-votre-ecoute { margin:6px 0px 15px 0px; color:#D65A10; font-style:italic; font-size:16px; font-weight:bold; }
#home #conseiller-a-votre-ecoute span { font-size:18px; }
#home #left { width:214px; margin:0px 24px 0px 17px; float:left; display:inline;}
#home #left h2 { color:#808D94; font-size:13px; background:#fcf8e5; padding:6px 1px; }
#home #left h2 span { font-size:14px; }
#home #left .highlighted h2 a.vousEtesLink { color:#D65A10; }
#home #left h2 a.vousEtesLink { text-decoration:none; color:#808D94; }
#home #left h2 a.vousEtesLink:hover { text-decoration:underline; }
#home #left ul { background:#fcf8e5; color:#496671; font-size:12px; padding-bottom:2px; margin-bottom:11px; }
#home #left ul li { height:19px; padding-left:13px;  }
#home #left ul li a { color:#808D94; text-decoration:underline; }
#home #left .highlighted ul li a { color:#496671; }
#home #left .highlighted h2 { color:#D65A10; }
#home #right { width:395px; float:right; margin-right:250px; display:inline;} 
#home #right a { color:#D65A10; }
#home #right h2 { font-size:16px; line-height:24px; font-style:italic; margin-top:32px; }
#home #right h2 span { color:#D65A10; }
#home #right input { width:80px; border:1px #CCC solid; font-size:11px; }

#content { margin-top:20px; }
#content #left { width:319px; float:left; margin-left:17px; display:inline; }
#content #right, #ecoles { float:right;  margin-right:24px; width:524px; font-size:12px; line-height:14px; display:inline; /* height:463px; overflow-y:scroll; width:548px; */ }
#content #left h2 { font-size:25px; min-height:25px; }
#content #left p.legend { font-size:14px; font-style:italic; color:#808D94; margin:6px 0px; line-height:21px; font-weight:bold; }
#content #right ul { list-style-type:disc; margin-left:14px;}
#content #left ul li { margin:0px; margin-bottom:6px; _margin-bottom:-6px; }
#content #left ul li a { display:block; background-color:#F3F0EF; font-size:11px; font-weight:bold; padding:7px; text-decoration:none; }
#content #left ul li a:hover { color:#FFF; }
#content #right h2, #content #ecoles h2 { color:#0c4e5a; font-size:14px; margin-top:12px; }
#content #right small { font-size:11px; }

#questions { margin:0px 220px 0px 20px; /*overflow-y:auto; height:350px; */}
#questions ol { }
#questions ol li { font-size:13px; }
#questions ol li span { font-weight:bold; }

#content #right p { margin-bottom:6px; }
#content #right a { color:#D65A10; }
#content #right h1, #content #ecoles h1{ font-style:italic; color:#496671; font-size:14px; line-height:18px; font-weight:normal; margin-bottom:6px; }
#content #right .fleche, #content #ecoles .fleche, #ecole .fleche { background:url(../img/fleche.png) no-repeat 0px 1px; padding-left:14px; font-weight:bold; line-height:13px; }

#ecoles { font-size:12px; }
#ecoles p { margin-bottom:6px; }
#ecoles a.fleche { color:#808D94; }
#ecoles form div { background:#eea923; margin:3px 0px; height:14px; padding:4px; color:#FFF; }
#ecoles input, #ecoles select { width:325px; float:right; height:16px; font-size:12px; color:#000; }
#ecoles select  { background:url(../img/fields/select.png) no-repeat center center; border:none; margin-top:-1px; }
#ecoles .bytext { background:url(../img/fields/input.png) no-repeat center center; border:none; margin-top:-2px; width:280px; }
#ecoles option { background:#f9e2b5; }
#ecoles option.d1 { font-weight:bold; font-size: 12px; }
#ecoles option.d2 { font-weight:normal; font-style:italic; font-size: 11px; padding-left: 1em;}
#ecoles label { float:left; }
#ecoles input#name { background:url(../img/fields/input.png) no-repeat center center; border:none; width:280px; margin-top:-2px; }
#ecoles input.search { background:url(../img/fields/submit.png) no-repeat center center; border:none; width:107px; height:24px; color:#FFF; text-indent:-9999px; font-size: 0px; display:block; line-height:0px; }
#ecoles a { text-decoration: none; color: #003871; }
#ecoles a:hover { text-decoration: underline; }

#ecoles .pagination { font-size:14px; font-weight:bold; }

#onglet_mes_onglets ul li {
	margin-right: 8px;
	margin-left: 0;
}
#onglet_mes_contenus, #onglet_mes_onglets {
	width: 860px;
}
.onglet, .onglet_selected {
	position: relative;
	float: left;
	padding: 4px 16px;
	margin-right: 2px;
	color: #333;
	border: 1px solid #eea923;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	font-size: 1.25em;
	font-weight: bold;
	background: #f8dda7;
	margin-bottom: 0px;
	z-index: 1;
}
.onglet:hover {
	background: #fff;
}
.onglet_selected {
	position: relative;
	border-bottom: 1px solid #fff;
	background: #fff;
	display: inline;
	z-index: 3;
}
.onglet_clear {
	clear: both;
}
.onglet_contenu {
	position: relative;
	color: #666;
	border: 1px solid #eea923;
	padding: 10px;
	margin-top: -1px;
	margin-bottom: 8px;
	z-index: 2;
}

#ecole { margin:0px 20px; width:860px; font-size:12px; }
#ecole h2 img { height:50px; width:50px; margin-right:10px; border:0; float:left;}
#ecole h2 { height:50px; vertical-align: bottom; line-height:50px; font-size: 14px; margin-bottom: 8px;}
#ecole h3 { margin-top: 1em; margin-bottom: 0.5em; font-size: 14px; }
#ecole td { padding:2px; }
#ecole a { text-decoration: none; color: #003871; }
#ecole a:hover { text-decoration: underline; }
#ecole #domainList div, #ecole li { margin-left:14px; }
#ecole #domainList ul li { font-size: 14px; font-weight: bold; padding: 2px; }
#ecole #domainList ul li ul.nod2 { padding-bottom: 2px; }
#ecole #domainList ul li ul li { font-size:12px; font-weight: bold; padding: 2px; }
#ecole #domainList ul li ul li.nod2 { font-size:12px; font-weight: normal; padding: 2px; }
#ecole #domainList ul li ul li ul li { font-size:12px; font-weight: normal; }
#ecole #particularites div { margin-bottom:8px; }
#ecole #habilitation { border:1px solid #000; text-align:center; width:400px; margin:8px 0px; }
#ecole #onglet_mes_contenus #co_presentation p.presentation { margin-top: 0.5em; margin-bottom: 0.5em; font-size: 14px; font-weight: bold; }
#ecole #onglet_mes_contenus #co_presentation table.presentation { margin-top: 0.5em; margin-bottom: 0.5em; font-size: 12px; }
#ecole #onglet_mes_contenus #co_presentation table.contacts { margin-bottom: 0.5em; }

#ecole .contacts thead, #ecole #habilitation thead { font-weight:bold; font-size:12px; }
#ecole .contacts td, #ecole .contacts th { font-size:11px; margin: 0.25em; padding: 0.25em; font-size: 11px; }
#ecole ul.infos, #ecole ul.infos li { margin-left: 0; padding-left: 0; }

#content #left ul#adminList li div a { font-size:10px; background:#FFF; padding:4px 7px; margin:0px; }
#content #left ul#adminList li div a:hover { text-decoration:underline; color:#000; }
#content #left ul#adminList li div { height:auto; }
#content #right #entryEdit label { float:left; width:100px; display:inline;}
#content #right #entryEdit div input, #content #right #entryEdit div select { width:400px; }

#forum { margin:0px 20px; }
#forum h1 { color:#D65A10; font-size:18px; }
#forum .newPost { text-align:right; }
#forum .newPost a { color:#D65A10; font-size:16px; text-decoration:none; font-weight:bold; }
#forum ul#listPosts { font-size:12px; list-style-type:square; margin-left:20px;}
#forum ul#listPosts li { margin:4px 0px; }
#forum ul#listPosts a { color:#D65A10; }
#forum ul#listPosts li small { font-size:11px; font-family:Tahoma; }
#forum form div { clear:both; }
#forum form div label { float:left; width:160px; font-size:12px; padding:3px;}
#forum form div input, #forum form div textarea { font-size:11px; font-family:Tahoma; }
#forum form div input.textInput { width:200px; }
#forum form div textarea { width:500px; height:100px; }
#forum #postsList .post0, #forum #postsList .post1 { margin:8px; border:1px solid #EB8026; }
#forum #postsList h4 { background:#EB8026; color:#FFF; font-size:14px; padding:4px; }
#forum #postsList h4 small { font-size:11px; font-family:Tahoma; font-weight:normal; float:right; margin-top:2px; }
#forum #postsList h4 small a { color:#FFF; }
#forum #postsList p { font-size:12px; margin:4px; }

.taxe #left h2, 
.taxe #left ul li a { color:#781d7e; }
#content.taxe #left ul li a:hover , 
#content.taxe #left ul li a.selected { background-color:#781d7e; color:#FFF; }

.formation #left h2, 
.formation #left ul li a { color:#759015; }
#content.formation #left ul li a:hover , 
#content.formation #left ul li a.selected { background-color:#759015; color:#FFF; }

.ecoles #left h2, 
.ecoles #left ul li a { color:#eea923; }
#content.ecoles #left ul li a:hover , 
#content.ecoles #left ul li a.selected { background-color:#eea923; color:#FFF; }

.prestations #left h2, 
.prestations #left ul li a { color:#003871; }
#content.prestations #left ul li a:hover , 
#content.prestations #left ul li a.selected { background-color:#003871; color:#FFF; }

.infos #left h2, 
.infos #left ul li a { color:#0096bf; }
#content.infos #left ul li a:hover , 
#content.infos #left ul li a.selected { background-color:#0096bf; color:#FFF; }

.contacts #left h2, 
.contacts #left ul li a { color:#00877b; }
#content.contacts #left ul li a:hover , 
#content.contacts #left ul li a.selected { background-color:#00877b; color:#FFF; }

.default #left h2, 
.default #left ul li a { color:#808D94; }
#content.default #left ul li a:hover , 
#content.default #left ul li a.selected { background-color:#808D94; color:#FFF; }
