/*
  @Nuno Costa [criacaoweb.net] Core CSS.
  @Licensed under GPL and MIT.
  @Status: Stable
  @Version: 0.1-20090418
*/  

/*---------------------------- slide show ------------------------------------------*/
.imageSlideshowHolder,.imageSlideshowHolder_left{
		margin:5px;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:200px;	/* Image width */
		height:130px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:160px;
		height:110px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}  
  --------------------------------------------------------------- 
*/
/*----------- Global Containers ----------- */
/* 
.core-wrap-100   =  width - 100% of Browser Fluid
.core-wrap-960   =  width - 960px  - fixed
.core-wrap-780   =  width - 780px  - fixed
.custom-wrap-x   =  width -  custom   - declared in another css (your site css)
*/
.core-wrap-100 {
    width: 100%;
}
.core-wrap-960 {
    width: 960px;
}
.core-wrap-780 {
    width: 780px;
}
.custom-wrap-x {
    width: 1115px;
}
.core-wrap-100,
.core-wrap-960,
.core-wrap-780,
.custom-wrap-x {
    margin-left: auto;
    margin-right: auto;
}
/*----------- Global Float ----------- */
.core-wrap-100  .core-float-left,
.core-wrap-960  .core-float-left,
.core-wrap-780  .core-float-left,
.custom-wrap-x  .core-float-left {
    float: left;
    display: inline;
}
.core-wrap-100  .core-float-right,
.core-wrap-960  .core-float-right,
.core-wrap-780  .core-float-right,
.custom-wrap-x  .core-float-right {
    float: right;
    display: inline;
}
/*----------- Global Center ----------- */
.core-wrap-100   .core-center,
.core-wrap-960   .core-center,
.core-wrap-780   .core-center,
.custom-wrap-x   .core-center {
    margin-left: auto;
    margin-right: auto;
}/*
  @Nuno Costa [criacaoweb.net] Utils CSS.
  @Licensed under GPL2 and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
        -  http://meyerweb.com/eric/tools/css/reset/index.html 
  
  --------------------------------------------------------------- 
*/
/* From: http://meyerweb.com/eric/tools/css/reset/index.html  (Original) */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
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{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
   
}
/*
Stantby for nowbody {
    line-height: 1;
}
*/
ol, ul {
    list-style: none;
   color: #660099;
}
ul li p {
   color: #303030;
   font-size:11px;
   letter-spacing:1px;
   word-spacing:1px;
   line-height: 120%;
}

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: 0;
}
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}
dfn {
    display: none;
    overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: static;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}
.util-clearfix {
    display: inline-block;
}
* html .util-clearfix {
    height: 1%;
}
.util-clearfix {
    display: block;
}/*  
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/
body {
color:#303030;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:11px;
font-style:normal;
font-weight:normal;
letter-spacing:1px;
text-decoration:none;
word-spacing:1px;
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport */
	width: auto;
/* you can set your own image and background color here */
	background-color: #fff;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(https://old.associationlepetitprince.fr/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://old.associationlepetitprince.fr/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://old.associationlepetitprince.fr/images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}
p {
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:11px;
font-style:normal;
letter-spacing:1px;
text-decoration:none;
word-spacing:1px;
}
h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	font-size: 95%;
        margin-top: 30px;
	position: relative;
	z-index: 1;
}
/* ------------ Header ------------ */
#header {
	height: 210px;
	width: 960px;
}
#logo a {
/* adjust according your image size */
	height: 150px;
	width: 150px;
/* forces full link size */
	display: block;
	margin-top: 0;
	margin-left: 0;

}

#logo {
width: 160px;
}

#recherche {
float:right;
margin: 5px;
}
/* ------------ Content ------------ */
#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
}
#bar {
	width: auto;
	margin-top: -20px;
	padding-left: 190px;
        position: fixed;
        z-index:6;
}

/* IE6 fixes */
* html div#version {
	top: 150px;
}
/* End IE6 fixes */


/* ------------ Side Bar (Left) ------------ */
#left {
       width: 180px;
position:fixed;
}
#fixed {

}

/* ------------ Main (Right) ------------ */
#main {
	width: 675px;
background-image: url(https://old.associationlepetitprince.fr/uploads/images/theme_lepetitp/fond/fond_HG.jpg);
background-repeat:no-repeat;
background-position:top left; 
margin-left:180px;
}

.main-main {
	width: 645px;
	padding: 40px 0px 10px 30px;
        min-height: 600px;
}
#droite {
  margin: 40px 0 0 40px;
  padding: 0;
 /* position: fixed;*/
  width: 200px;
}
#main h2,
#main h3,
#main h5,
#main h6 {
	color: #301E12;
}
#main h4 {
color: #0000BD;
font-weight: bold;
font-size: 11px;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: disc;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
	min-height: 235px;
	height: auto!important;
	height: 235px;
	width: auto;
	margin-top: 5px;
	text-align: center;
	margin-right: 00px;
	margin-left: 0px;
}
#footer {
	color: #FFF;
	font-size: 0.8em;
	min-height: 235px;
	height: auto!important;
	height: 235px;
}
#footer .block {
	width: 300px;
	margin: 20px 10px 10px;
}
#footer .cms {
	text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 50px;
}
#footer ul ul {
	margin-left: 0px;
}
#footer ul li a {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-decoration: none;
}
#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/

/* ------------ News Module ------------ */
#news {
	padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}
.NewsSummaryLink {
	margin: 2px 0;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */
#Tableau_01 {
margin-left:auto;
margin-right:auto;
}
/* --------------------- titres des pages -----------------------*/
.titre_alleret{
color:#FFFFFF;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
width:635px;
background-color:#990000;
text-align:right;
padding-right:10px;
}
.titre_classe {
color:#FFFFFF;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
width:635px;
background-color:#3BB495;
text-align:right;
padding-right:10px;
}
.titre_6-15 {
color:#FFFFFF;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
width:635px;
background-color:#907EBA;
text-align:right;
padding-right:10px;
}
.titre_conflits {
color:#FFFFFF;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
width:635px;
background-color:#ED6F00;
text-align:right;
padding-right:10px;
}
.titre_familiale {
color:#FFFFFF;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
width:635px;
background-color:#03A3BB;
text-align:right;
padding-right:10px;
}
/* --------------------------------- liseret des pages -------------------------*/
.liseret_alleret{
background-color:#990000;
color:white;
position: absolute;
top: 180px;
width: 645px;
height:2px;
margin-bottom:5px;
}
.liseret_classe {
color:white;
position: absolute;
top: 180px;
width: 645px;
height:2px;
margin-bottom:5px;
background-color:#3BB495;
}
.liseret_6-15 {
color:white;
height:2px;
margin-bottom:5px;
background-color:#907EBA;
position: absolute;
top: 180px;
width: 645px;
}
.liseret_conflits {
background-color: #ED6F00;
color: white;
height: 2px;
margin-bottom: 5px;
position: absolute;
top: 180px;
width: 645px;
}
.liseret_familiale {
color:white;
position: absolute;
top: 180px;
width: 645px;
height:2px;
margin-bottom:5px;
background-color:#03A3BB;
}
.liseret_lepetitp {
color:white;
position: absolute;
top: 180px;
width: 645px;
height:2px;
margin-bottom:5px;
background-color:#660099;
}
/* ---------------------------------------------------------------------------------------*/
h2 {
color:#660099 !important;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
word-spacing:1px;
}
h1 {
color:#660099;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
word-spacing:1px;
}
.sousTitre {
color:#FF9900;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
word-spacing:1px;
}
.accroche {
color:#303030;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-style:italic;
font-weight:normal;
}
blockquote {
font-family:Lucida Sans;
font-style:italic;
}
#bar > div a {
border-top: 5px solid #660099;
font-size:14px;
float:left;
padding-top: 2px;
color:#FFFFFF;
}
#bar > div a:hover {
color:#660099;
}
#bar > div:hover a {
color:#660099;
}
#bar > span{
border-top: solid 5px #660099;
font-size:12px;
float: left;
}
#bar > div{
float: left;
background-color: #660099;
border-right: 1px solid #FFFFFF;
padding-bottom:5px;
}
#bar > div:hover{
background-color: #FFFFFF;
border-right: 1px solid #660099;
color:#660099;
}
#bar a.menuactive {
color:#ff9900;
}

a:link  {
color: #609;
font-size: 10px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-style: normal;
font-weight: bold;
text-decoration: none;
word-spacing: 1px;
letter-spacing: 1px;
}
a:visited  {
color: #609;
font-size: 10px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-style: normal;
font-weight: bold; 
text-decoration: none; 
word-spacing: 1px; 
letter-spacing: 1px;
 }
a:hover  { 
color: #f90; 
font-size: 10px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; 
font-weight: bold; 
text-decoration: none; 
word-spacing: 1px; 
letter-spacing: 1px;
}
a:active  { 
color: #f90 !important; 
font-size: 10px; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
word-spacing: 1px; 
letter-spacing: 1px;
}

/*-------------------------------- BLOG --------------------------------*/
#my_blog {
padding: 10px;
float:right;
background-color:none;
border:2px solid #660099;
margin-top:10px;
}
div#my_blog ul {
list-style:none;
}
#comments {
margin: 10px 0px 0px 5px;
width: 500px;
}
div#comments ul li{
list-style:none;
background-color:#F8F8F8;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-top: 15px;
}
#comment_table {
border-collapse:separate;
border-spacing:10px;
background-color:#F8F8F8;
border:1px solid #DDDDDD;
}
.grd_orange {
color:#FF9900;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
word-spacing:1px;
}
.img_picto {
border:0;
margin: 10px;
position:absolute;
}
/********************* sous-menu *********************/
#sous-menu {
position:fixed;
min-width:300px;
}
#sous-menu.Vacances-6-15-ans {
border: 1px solid #907EBA;
padding: 0;
margin-top: 140px;
}
#sous-menu.Vacances-6-15-ans > p {
background-color:#907EBA;
}
/*------------------------------------------------------------------------*/
#sous-menu.gestion-enrichissante-des-conflits {
border: 1px solid #ED6F00;
padding: 0;
margin-top: 140px;
}
#sous-menu.gestion-enrichissante-des-conflits > p {
background-color:#ED6F00;
}
/*------------------------------------------------------------------------*/
#sous-menu.fontaine-de-aube {
border: 1px solid #3BB495;
padding: 0;
margin-top: 140px;
}
#sous-menu.fontaine-de-aube > p {
background-color:#3BB495;
}
/*------------------------------------------------------------------------*/
#sous-menu.partenariat-scolaire {
border: 1px solid #ED6F00;
padding: 0;
margin-top: 140px;
}
#sous-menu.partenariat-scolaire > p {
background-color:#ED6F00;
}
/*------------------------------------------------------------------------*/
#sous-menu.vacances-familiales {
border: 1px solid #03A3BB;
padding: 0;
margin-top: 140px;
}
#sous-menu.vacances-familiales > p {
background-color:#03A3BB;
}
/*------------------------------------------------------------------------*/
#sous-menu.chateau-d-alleret {
border: 1px solid #990000;
padding: 0;
margin-top: 140px;
}
#sous-menu.chateau-d-alleret > p {
background-color:#990000;
}
/*------------------------------------------------------------------------*/
.pmenu {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
}
#sous-menu li {
background-color:transparent;
margin:4px;
padding:2px;
}
#sous-menu ul {
list-style-type: square;
list-style-position: inside;
}
#sous-menu a.menuactive {
color:#ff9900;
}

h2.CGBlogSummaryLink {
margin:0;
}
.CGBlogSummary {
background-color: #F7EFFF;
padding:5px;
}