/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
  /*width:575px;*/
}

body {
	/*font-family: Tahoma;*/
 	font-family: "Trebuchet MS";
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	list-style-type: none;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
/*	color:black;*/
}


input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; 
text-align: justify; font-size: 13px;}

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 0px 0;
	margin-bottom: 1px;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

body.width_fmax div#wrapper {
	max-width: 1000px;
	border: 1px solid;
}

div#logo {
	position: absolute;
	top: 0;
	width: 1000px;
	height: 152px;
	background: url(../images-2012/bandeau-2012-80.jpg) 0 0 no-repeat;
}

div#tel, div#telaccordion {
    position:absolute;
    left:822px;
    top:7px;
    width:176px;
    height:35px;
}

div#baseline {
    position: absolute;
    left:24px;
    top:107px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.16em;
    line-height: 1.3em;
    width:260px;
    height:35px;
}

div#catalogue {
    position:absolute;
    left:620px;
    top:38px;
    color: #ffffff;
    width:375px;
    height:96px;
    text-align:left;
    font-weight:bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.1em;
    margin-top:12px;
}

div#barres {
    position:absolute;
    width:1000px;
    text-align:left;
    top:149px;
    left:0px;
}

div#barres2 {
  margin: auto; 
    position:relative;
    z-index: 0;
    width:950px;
    text-align:left;
}

div#footer {
	overflow: hidden;
	width: 100%;
	margin-top:40px;
}

div#footer div {
	text-align: center;
	color: #aaa;
}

div#footer a:link, div#footer a:visited  {
	text-decoration:none;
	font-size:11px;
}

form#searchForm input {
	vertical-align: middle;
}

form#searchForm table {
	border-collapse: collapse;
}

form#searchForm td {
	padding:0;
}

#mod_search_searchword {
	padding-left: 3px;
}


#whitebox {
	margin-bottom: 21px;
	background: #fff;
	width: 1000px;
}

#whitebox div {
	text-align: left;
}


/* horizontal pill menu */

#pillmenu , #pillmenu_l , #pillmenu_r{
  white-space: nowrap;
  height: 24px;
  float: left;
}

#pillmenu ul, #pillmenu_l ul ,#pillmenu_r ul{
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li , #pillmenu_l li , #pillmenu_r li{
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  width: 100px;
  border: none;
}

#pillmenu li
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/primaire_etat1.png) no-repeat;*/
 background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -744px -565px;                          
}

#pillmenu_l li , #pillmenu_r li {
 background-color: black;
}
#pillmenu li:hover, #pillmenu_l li:hover, #pillmenu_r li:hover {
 background-color: white;
 background: white;
}

#pillmenu a, #pillmenu_l a , #pillmenu_r a{
  font-size: 10px;
  font-weight: bold;
  display:block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

#pillmenu_l a , #pillmenu_r a {
  color: #ff6600;
  text-transform: uppercase;
}
#pillmenu a {
  color: #ffffff;
}

#leftcolumn {
    padding: 0px;
    margin: 0px;
    width: 185px;
    float: left;
}

#rightcolumn {
    width: 180px;
    float: right;
}
#maincolumn,
#maincolumn_full {
    float: left;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
}
#maincolumn {
   width: 605px; 
}
#maincolumn_full {
  margin-right: 5px;
  width: 780px;
}

#leftcolumn, #rightcolumn {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

table.nopad {
	padding: 0;
	margin: 0;
	padding-left:0px;
}

table.nopad td.middle_pad {
	width: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  height: 10px;
  line-height: 16px;
  /*overflow: hidden;*/
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #ff6600;
	text-align: left;
	width: auto;
}

h2, .contentheading {
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #000;
	text-align: left;
	width: auto;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	color: #000;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-size: 1.5em;
  padding-left: 0px;
  margin-bottom: 10px;
  text-align: left;
}

/* small text */
.small {
    font-size: .90em;
    color: #000;
    font-weight: normal;
    text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
  font-size: .90em;
  color: #999;
  font-weight: normal;
  text-align: left;
}

.createdate {
    height: 20px;
    vertical-align: top;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 0px;   
}

a.readon {
    margin-top: 10px;
    display: block;
    float: left;
    background: url(../images/mw_readon.png) top right no-repeat;
    padding-right: 20px;
    line-height: 14px;
    height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Tahoma;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
/*span.article_separator {
	display: block;
	height: 20px;
}*/

.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 5px;
}

td.buttonheading {

}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 0px;
}

/* edit button */
.contentpaneopen_edit{
    float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0px;
	padding: 0px;
        padding-left: 10px;
	width: auto;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	color: #333;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 1px;
}


div.module_menu h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.module_menu div div div {
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}

div.module_menu div div div div {
	background: none;
	padding: 0;
}

div.module_menu ul {
	margin: 10px 0;
	padding-left: 20px;
	list-style-type: none;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
	list-style-type: none;
}

#leftcolumn div.module {
	padding: 0px;
}

#leftcolumn div.module table {
	width: 185px;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
    width: 170px;
    border: 1px solid #999999;
    margin-top: 1px;
    margin-left: 5px;
    height:14px;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
	padding: 2px 0;
}

/* liens divers */
.accueil
{
background: url(../accueil_etat1.png) no-repeat;
text-align:center;
}

.accueil:hover
{
background: url(../accueil_etat2.png) no-repeat;
}


.presentation
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/presentation_etat1.png) no-repeat;
text-align:center;
}

.presentation:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/presentation_etat2.png) no-repeat;
}


.primaire
{
background: url(../primaire_etat1.png) no-repeat;
text-align:center;
}

.primaire:hover
{
background: url(../primaire_etat2.png) no-repeat;
}


.college
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/college_etat1.png) no-repeat;
text-align:center;
}

.college:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/college_etat2.png) no-repeat;
}


.lycee
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/lycee_etat1.png) no-repeat;
text-align:center;
}

.lycee:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/lycee_etat2.png) no-repeat;
}


.prepa
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/prepas_etat1.png) no-repeat;
text-align:center;
}

.prepa:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/prepas_etat2.png) no-repeat;
}


.superieur
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/superieur_etat1.png) no-repeat;
text-align:center;
}

.superieur:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie3/superieur_etat2.png) no-repeat;
}


.diplome
{
background: url(../images/diplome_etat1.png) no-repeat;
text-align:center;
}

.diplome:hover
{
background: url(../images/diplome_etat2.png) no-repeat;
}


.formules
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/formules_etat1.png) no-repeat;
text-align:center;
}

.formules:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/formules_etat2.png) no-repeat;
}


.contact
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/contact_etat1.png) no-repeat;
text-align:center;
}

.contact:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie2/contact_etat2.png) no-repeat;
}

.cellule_infos {
  background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -510px -179px;                          
  width: 185px;
  height: 88px;
  margin-bottom: 5px;
}

.cellule_impots {
  background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -695px -179px;
  width: 185px;
  height: 80px;
  margin-bottom: 5px;
}

.logoservice {
  background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -555px -418px; 
  width: 83px;
  height: 58px;
  display: inline;
  float: left;
}
.certif1 {
  background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -638px -418px;
  width: 83px;
  height: 55px;
  display: inline;
  float: left;
} 
.certif2 {
  background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -435px -179px;
  width: 75px;
  height: 111px;
  margin: auto;
}
.renseignements
{
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/renseignements_etat1.png) no-repeat; */
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -430px -629px;
height: 21px;
text-align:center;
color: white;
}

.renseignements:hover
{
//background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/renseignements_etat2.png) no-repeat;
 background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -587px -629px;
// background: white;
// color: black;
}

.inscription
{
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/inscription_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -139px -608px;
height: 21px;
text-align:center;
}

.inscription:hover
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -267px -608px;
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/inscription_etat2.png) no-repeat; */
}


.newsletter
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/newsletter_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -395px -608px;
text-align:center;
}

.newsletter:hover
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -521px -608px;
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/newsletter_etat2.png) no-repeat; */
}


.accesmembres
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/accesmembres_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -845px -565px;
text-align:center;
}

.accesmembres:hover
{
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/accesmembres_etat2.png) no-repeat; */
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -608px;
}


.recrutementenseignants
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/recrutementenseignants_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -629px;
text-align:center;
}

.recrutementenseignants:hover
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/recrutementenseignants_etat2.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -215px -629px;
}


.recherche
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie1/recherche_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -647px -608px;
}


.rappel
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_rappelgauche_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -183px -565px;
color: #ffffff;
padding-top: 5px;
padding-left: 10px;
font-size: 12px;
}
.rappel:hover
{
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_rappelgauche_etat2.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -371px -565px;
}

.documentation
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedocumentationgauche_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -522px;
}

.documentation:hover
{
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedocumentationgauche_etat2.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -188px -522px;
}

.devis
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedevisgauche_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -183px -479px;
}

.devis:hover
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedevisgauche_etat2.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -371px -479px;
}

.rappelbis
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_rappeldroite_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -742px -522px; 
}

.rappelbis:hover
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -565px;
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_rappeldroite_etat2.png) no-repeat;*/
}


.documentationbis
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -559px -479px;
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedocumentationdroite_etat1.png) no-repeat;*/
}

.documentationbis:hover
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedocumentationdroite_etat2.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -742px -479px;
}

.devisbis
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedevisdroite_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -721px -418px;
}

.devisbis:hover
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -479px;
/* background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_demandedevisdroite_etat2.png) no-repeat;*/
}

.question
{
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_question_etat1.png) no-repeat;*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -376px -522px;
}

.question:hover
{
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -559px -522px;
/*background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie5/bouton_question_etat2.png) no-repeat;*/
}

/*
.membre
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie4/bouton_accesmembres_etat1.png) no-repeat;
}
.membre:hover
{
background: url(../webdesign/Webdesign/Elementsweb/FichiersPNG/Boutons/Serie4/bouton_accesmembres_etat2.png) no-repeat;
}
*/


/*liens dans les articles*/
.rouge
{
font-size:9px;
text-decoration:none;
color:#990000;
font-weight:bold;
}

.rouge:hover
{
text-decoration:none;
color:black;
font-weight:bold;
}

.orange
{
font-size:9px;
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

.couleurorange { color:#FF6600; }

.orange:hover
{
text-decoration:none;
color:black;
font-weight:bold;
}

.menutopbis
{
font-size:10px;
color:white;
}

.menutopbis:hover
{
color:black;
}

.menutopter
{
font-size:10px;
color:#FF6600;
}

.menutopter:hover
{
color:#FF6600;
}

.menutop
{
    font-size:10px;
    color:white;
    margin: 0px; 
    padding: 0px;
}
a.menutop { font-weight: bold; height: 21px; margin: 0px; padding: 0px;}
.menutop:hover
{
color:#FF6600;
}

.chronoform a:hover{
color:#ffffff;
}

.chronoform a:link{
color:#ffffff;
}

.chronoform a:visited{
color:#ffffff;
}

.liennoir
{
text-decoration:none;
color:black;
}

.menu,.menumenu1 {
  list-style-type:none;
  line-height:25px;
  padding-top:5px;
  list-style-position: inside;
//  text-indent:3px;
}

.menu a:link, .menumenu1 a:link {
color:black;
}

.menu a:hover, .menu a:visited
{
color:black;
}

.menumenu1 a:hover, .menumenu1 a:visited
{
color:black;
}

li
{
border-bottom : 1px dashed #660030;
//margin-left:-38px;
list-style-type:none;
list-style-position:inside;
}

#GoogleFacebook{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 25px;
// margin-left: 20px;
// margin-top: -10px;
// position: absolute;
 //   overflow: hidden;
    width: 185px;
// border: 1px dashed;
}
.jaimefacebook{
    padding-top: 1px;
    float: left;
    display: block;
    width: 95px;
    //border: 1px dashed;
    height: 25px;
}

.googleplus{
    float: left;
    display: block;
    width: 90px;
    //border: 1px dashed;
    //width: 70px;
    height: 25px;
}

div#bandeaubas { 
 margin-top: 5px; 
 color: #FF6600;
 padding-top: 8px;
 width: 100%;	
 height: 28px;
 font-size: 12px;
 background-color: black;
}

div#bandeaubas a:link, div#bandeaubas a:visited  { color: #FF6600; font-size: 12px; } 

div#maps { 
 margin-top: 5px; 
 width: auto;//950px;
 font-size: 10px;
 padding-bottom: 10px;
 margin-bottom: 0px!important;
}
div#maps a:link, div#maps a:visited  {
  color: black;
}
.stdlist li { list-style-type: disc; border: none; }


#titre_categorie {
 z-index: 99;
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_titre.png');*/
 background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -559px -565px;
 /*background-repeat:no-repeat;
 background-position:left top;*/
 width:177px;
 text-align: center;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 3px;
 height: 27px;
 position: relative;
 left: 0px;
 margin-left: 0px;
 color: white;
 font-weight: bold;
 font-size: 10pt;
}

div.module_menucategorie div {
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_nosformules.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -555px -357px;
 /*width: 185px; height: 61px;*/
}

div.module_menucategorie, div.module_avotreservice {
 z-index: 99;
 width:185px;
 position: relative;
}
div.module_avotreservice div {
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_serviceter.png');*/
 background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -370px -418px;
}

div.module_paramedical div {
 /*background:url('/templates/centrepedagogique2012/images-2012/onglet_preparater.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -740px -357px;
}

div.module_prepamedical div {
 /*background:url('/templates/centrepedagogique2012/images-2012/onglet_preter.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -185px -418px;
}

div.module_prepasocial div {
 /*background:url('/templates/centrepedagogique2012/images-2012/onglet_presocialeter.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -418px;
}

div.module_btsdietetique div {
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_btsdietetique.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -0px -357px;
}

div.module_btster div {
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_btster.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -185px -357px; 
}

div.module_cap div {
 /*background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/onglet_capbis.png');*/
background: url('/templates/centrepedagogique2012/sprite-2012-2.png'); background-position: -370px -357px;
}

div.module_cap div,
div.module_btster div,
div.module_btsdietetique div,
div.module_prepasocial div, div.module_prepamedical div, div.module_paramedical div, div.module_menucategorie div, div.module_avotreservice div {
 width:185px;
 background-repeat:no-repeat;
 /*background-position:top;*/
 position: relative;
 padding-top: 48px;
}
div.module_paramedical li,
div.module_prepasocial li,
div.module_prepamedical li,
div.module_cap li,
div.module_btster li,
div.module_btsdietetique li,
div.module_menucategorie li, div.module_avotreservice li
 {
  margin-left: -28px;
}

div.module_paramedical div div,
div.module_prepasocial div div,
div.module_prepamedical div div,
div.module_cap div div,
div.module_btster div div,
div.module_btsdietetique div div,
div.module_menucategorie div div, div.module_avotreservice div div {
 padding-top: 0px;
 width:185px;
 background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/barrecote.png');
 background-repeat:repeat-y;
 background-position:bottom;
}

div.module_prepamedical div div div,
div.module_paramedical div div div,
div.module_prepasocial div div div,
div.module_cap div div div,
div.module_btster div div div,
div.module_btsdietetique div div div,
div.module_menucategorie div div div, div.module_avotreservice div div div {
 padding-top: 0px;
 width:185px;
 background:url('/templates/centrepedagogique2012/webdesign/Webdesign/Elementsweb/FichiersPNG/Onglets/barrebas.png');
 background-repeat:no-repeat;
 background-position:bottom;
}

div.module_prepamedical h3, div.module_paramedical h3, div.module_menucategorie h3, div.module_avotreservice h3 {
 position: absolute;
 top: -86px;
 left: 24px;
 color: white;
 font-weight: bold;
 font-size: 12pt;
}

/* blue */
/*a:link, a:visited {
	color: black;
}

a:hover {
	color: black;
}*/

#pillmenu a:hover {
  color: black;
}

#pillmenu a#active_menu-nav {
  background: white;
  color: black;
}

#pillmenu a#active_menu-nav:hover {
  color: black;
}

h3, .componentheading, table.moduletable th {
  color: black;
}

div.module_menu {
	background:red; /*url(../images/blue/mw_box_br.png) 100% 100% no-repeat;*/
}

div.module_menu div {
	background:red; /*url(../images/blue/mw_box_bl.png) 0 100% no-repeat;*/
}

div.module_menu div div {
	background:red; /*url(../images/blue/mw_box_tr.png) 100% 0 no-repeat;*/
}

div.module_menu div div div {
	background: red; /*url(../images/blue/mw_box_tl.png) 0 0 no-repeat;*/
}
/* blue */
#page_bg {
	background: #fff;
}



#button1 {
 position: absolute;
 top: 20px;
 left: 30px;
}
#button2 {
 position: absolute;
 top: 50px;
 left: 30px;
}

div#header {
    height: 152px;
}



/* horizontal-accordion*/
.horizontalaccordion>ul {

    margin: 0;

    padding: 0;

    list-style:none;

    height: 400px;

}

.horizontalaccordion li div li {
  list-style-type: disc;
  border: none; 
}


.horizontalaccordion>ul>li {

    display:block;

    overflow: hidden;

    float:left;

    margin: 0;

    padding: 0;

    list-style:none;

    width:40px;

    height: 400px;



    /* Decorative CSS */

    border: none;

    background:#f0f0f0;



    /* CSS3 Transitions */

    transition: width 0.8s ease-in-out;

    -moz-transition: width 0.8s ease-in-out;

    -webkit-transition: width 0.8s ease-in-out;

    -o-transition: width 0.8s ease-in-out;

}



.horizontalaccordion>ul>li>h3>span {

    padding-left: 10px;

    font-size: 16px;

}

.horizontalaccordion>ul>li>h3 {

    display:block;

    float:left;

    margin: 0;

    height:19px;

    width:400px;



    padding-top:10px;

    padding-bottom:10px;



    /* Decorative CSS */

    border-left:#f0f0f0 1px solid;

    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;

    text-decoration:none;

    text-transform:uppercase;

    color: #fff;

    background:#cccccc;



    /* CSS3 Transform Rotate & Translate */

    white-space:nowrap;

    -moz-transform: rotate(270.0deg) translate(-362px,40px);  /* FF3.5+ */

    -moz-transform-origin: 0 100%;

    -o-transform: rotate(270.0deg) translate(-362px,40px);  /* Opera 10.5 */

    -o-transform-origin: 0 100%;

    -webkit-transform: rotate(270.0deg) translate(-362px,40px);  /* Saf3.1+, Chrome */

    -webkit-transform-origin: 0 100%;

    transform: rotate(270.0deg) translate(-362px,40px);  /* Saf3.1+, Chrome */

    transform-origin: 0 100%;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)

            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404);  /* IE6,IE7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)"

                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404)"; /* IE8 */



    /* CSS3 Gradient Effect */

    /* orange : ff6600

       rouge : 960404

       */

    background: -moz-linear-gradient( top, #ff6600, #960404);

    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#960404));

}



.horizontalaccordion>ul>li>div {

    display:none;
    float:left;

    overflow: hidden;
    position:relative;

    top:-39px;
    left:40px;
    *top:0px;       /* IE7 Hack */

    *left:0px;      /* IE7 Hack */

    margin:0;
    width:600px;
    height:400px;
}



/*.horizontalaccordion>ul>li:hover {    overflow: hidden;    width: 380px;}*/



/*.horizontalaccordion:hover>ul>li:hover>div {    display:block;}*/



.horizontalaccordion:hover>ul>li:hover>h3 {

    /* Decorative CSS */

    color:#fff;

    background:#000000;



    /* CSS3 Gradient Effect */

    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */

    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)

            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"

                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */

}



.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}

.horizontalaccordion {
 width: 795px; 
 overflow: hidden;
 text-align: left;
}

.horizontalaccordion .encartbordeaux {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 font-size: 18px;
 background: #6a0000; 
 color: white;
 font-weight: bold; 
 letter-spacing: 0em;
 line-height: 1.15em;
 padding: 8px;
 border-radius: 10px;
}

.horizontalaccordion .encarttransparent li {
/* padding-left: 15px;*/
 margin-left: -15px;
/*  margin-left: -28px;*/
 text-indent: -15px;
}
.horizontalaccordion .encarttransparent {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 background-color:rgba(255,255,255,0.6); 
 color: #6a0000; 
 font-weight: bold; 
 letter-spacing: 0.1em;
 line-height: 1.4em; 
 padding: 8px; 
 border-radius: 10px;
 font-size: 16px;
/*

 background: #6a0000; 
 color: white;
 font-weight: bold; 
 letter-spacing: 0em;
 line-height: 1.15em;
 padding: 8px;
 border-radius: 10px;*/
}

/* tel-accordion */
#telaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    height: 50px;
    width: 176px;
}

.tel {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS";
    color:#ffffff;
    font-size: 24px; 
    font-weight: bold;
}

#telaccordion a {
   overflow: hidden;
  text-decoration: none;
}

.texttel {
    font-family: "Trebuchet MS";
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #222222; 
    letter-spacing: -0.1em;
    text-align: right;
    width: 176px;
    padding-top: 3px;
    padding-right: 10px;
}



#telaccordion>ul>li {
    display:block;
    overflow: hidden;
    float:left;
    border: none;
    margin: 0;
    padding: 0;
    list-style:none;
    width:0px;
    height:50px;

    /* CSS3 Transitions */
    transition: width 0.8s ease-in-out,height 3s linear;
    -moz-transition: width 0.8s ease-in-out;
    -webkit-transition: width 0.8s ease-in-out;
    -o-transition: width 0.8s ease-in-out;
}

#telaccordion>ul>li>div {

    display:none;

    float:left;

    overflow: hidden;
    position:relative;
    left:0px;

    top: 0px;

    *top:0px;       /* IE7 Hack */

    *left:0px;      /* IE7 Hack */

    margin:0;

    width:176px;

    height:50px;

    padding-top:2px;

}



/*.telaccordion>ul>li:hover {    overflow: hidden;    width: 380px;}*/



/*.telaccordion:hover>ul>li:hover>div {    display:block;}*/



#telaccordion>ul>li:hover {

    cursor:pointer;

}



#telaccordion {

    width: 176px; 

}



/** cp_accordion **/

.cpaccordion .panneau {
    display:block;
    overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;

    /* Decorative CSS */
    border: none;
    background:#f0f0f0;

    height: 400px;
    position: relative;

}

.cpaccordion .contenu, .cpaccordion .panneau { /* CSS3 Transitions */
    transition: width 0.8s ease-in-out;
    -moz-transition: width 0.8s ease-in-out;
    -webkit-transition: width 0.8s ease-in-out;
    -o-transition: width 0.8s ease-in-out;
}

.cpaccordion .contenu {
    display:block;
    float:left;
    overflow: hidden;
    position: absolute;
    top:0px;
    left:41px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:600px;
    height:400px;
 }
   
.cpaccordion .titre {
   font-size: 16px;
   font-weight: bold;
   padding: 10px;
   display:block;
   float:left;
   margin: 0;
   height:20px;
   width:380px;
   margin-left: 1px;
  
    /* Decorative CSS */
    border-left:#f0f0f0 1px solid;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #fff;
    background:#cccccc;

    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform: rotate(270.0deg) translate(-400px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(270.0deg) translate(-400px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(270.0deg) translate(-400px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(270.0deg) translate(-400px,0px);  /* Saf3.1+, Chrome */
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404)"; /* IE8 */

    /* CSS3 Gradient Effect */
    /* orange : ff6600 ; rouge : 960404 */
    background: -moz-linear-gradient( top, #ff6600, #960404);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#960404));
}

.cpaccordion>div>div {
    display:none;
    float:left;
    overflow: hidden;
    position:relative;
    top:-39px;
    left:40px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:600px;
    height:400px;
}

.cpaccordion .titre:hover {
    /* Decorative CSS */
    color:#fff;
    background:#000000;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */

    cursor:pointer;
}

.cpaccordion {
 width: 800px; 
/* overflow: hidden;*/
 text-align: left;
 height: 400px;
}

.cpaccordion .encartbordeaux {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 font-size: 16px;
 background: #6a0000; 
 color: white;
 font-weight: bold; 
 letter-spacing: 0em;
 line-height: 1.15em;
 padding: 8px;
 border-radius: 10px;
 margin: 10px;								       
}

.cpaccordion .encarttransparent li {
  margin-left: -15px;
  text-indent: -5px;
}
.cpaccordion .encarttransparent {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 background-color:rgba(255,255,255,0.6); 
 color: #6a0000; 
 font-weight: bold; 
 letter-spacing: 0.1em;
 line-height: 1.4em; 
 margin: 10px;
 padding: 8px; 
 border-radius: 10px;
 font-size: 16px;
}
/** fin cp_accordion **/


.cpjsaccordion .panneau {
    display:block;
    overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;
    border: none;
    background:#f0f0f0;
    position: relative;
}

.cpjsaccordion .contenu, .cpjsaccordion .panneau { /* CSS3 Transitions */
    transition: width 0.8s ease-in-out;
    -moz-transition: width 0.8s ease-in-out;
    -webkit-transition: width 0.8s ease-in-out;
    -o-transition: width 0.8s ease-in-out;
}

.cpjsaccordion .contenu:hover {
  cursor:pointer;
}
.cpjsaccordion .contenu {
    display:block;
    float:left;
    overflow: hidden;
    position: absolute;
    top:0px;
    left:41px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
}
   
.cpjsaccordion .titre {
   font-size: 16px;
   font-weight: bold;
   padding: 10px;
   display:block;
   float:left;
   margin: 0;
   height:20px;
   /*      width:320px;*/
   margin-left: 1px;
  
    /* Decorative CSS */
    border-left:#f0f0f0 1px solid;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #fff;
    background:#cccccc;

    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff6600, endColorstr=#ff960404)"; /* IE8 */

    /* CSS3 Gradient Effect */
    /* orange : ff6600 ; rouge : 960404 */
    background: -moz-linear-gradient( top, #ff6600, #960404);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#960404));
}

.cpjsaccordion>div>div {
    display:none;
    float:left;
    overflow: hidden;
    position:relative;
    top:-39px;
    left:40px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
}

.cpjsaccordion .titre:hover {
    /* Decorative CSS */
    color:#fff;
    background:#000000;
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
    cursor:pointer;
}

.cpjsaccordion {
 overflow: hidden;
 text-align: left;
 visibility: hidden;
 margin: auto;
 margin-bottom: 5px;
 margin-top: 5px;
}

.cpjsaccordion .encartbordeaux {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 font-size: 16px;
 white-space: nowrap;
 background: #6a0000; 
 color: white;
 font-weight: bold; 
 letter-spacing: 0em;
 line-height: 1.15em;
 padding: 8px;
 border-radius: 10px;
 margin: 10px;								       
}

.cpjsaccordion .encarttransparent li {
  margin-left: -15px;
  text-indent: -5px;
}
.cpjsaccordion .encarttransparent {
 font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
 background-color:rgba(255,255,255,0.6); 
 color: #6a0000; 
 font-weight: bold; 
 letter-spacing: 0.1em;
 line-height: 1.4em; 
 margin: 10px;
 padding: 8px; 
 border-radius: 10px;
 font-size: 16px;
}
/** fin cpjs_accordion **/


div.moduletableliens {
 border-top: 1px solid;
}

div.moduletableliens a:hover {
 font-weight: normal;
}

div.moduletableliens li:hover {
 font-weight: normal;
 text-decoration: underline;
}

div.moduletableliens, div.moduletableliens ul {
 padding: 0px;
 margin: 0px;
}
div.moduletableliens li {
 display: inline;
 margin: auto;
 padding: 0px;
 padding-right: 5px;
 border-bottom : 0px;
 list-style-type: disc;
 list-style-position: outside;

}