/* Pour utiliser un formulaire inc/formlib.php, activer la ligne suivante : */
/* @import url(formlib.css); */


/*
================================
STRUCTURE
================================
*/

body {
	background-color: #fff;
	margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
	padding: 0px;
	font-size:80%;
	background-image:url(img/body_fd.gif);
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    width:100%;
}

.floatright {
	margin-right:5px;
	margin-bottom:5px;
	float:right;

}

.floatleft {
	margin-right:5px;
	margin-bottom:5px;
	float:left;

}

/* Alignements */
.centre {
	text-align: center;
}

img.centre,div.centre {
	margin-left:auto;
	margin-right:auto;
}

.gauche {
	text-align: left;
}

.droite {
	text-align: right;
}

th {
	font-size:1em;
	border: 1px solid #AAAAAA ;
	font-weight:normal;
	text-align:center;
    padding:2px;
}

td {
	vertical-align:top;
}

td,th {
	empty-cells: show;
}

.clear {
	clear:both;
}

.clear0 {
    line-height: 0;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
}
/*
================================
TYPO
================================
*/

.crescendo
	{
	font-size:2em;
	color:#0C418F;
	text-transform:uppercase;
	margin-bottom:0px none;
	margin-top:20px;
	font-weight:bold;

	}

.titremoments
{
	font-size:1.5em;
	color:#0C418F;
	margin:0px;
}
.baselinehader {
	font-size:1.2em;
	font-style:italic;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
}

h1 {
	color:#CF3F91;
	font-size:1.3em;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:5px;
	border-bottom:1px #CF3F91 dotted;
}

h2 {
	background-image:url(img/puce_rose.gif);
	background-repeat:no-repeat;
	text-indent:20px;
	color:#CF3F91;
	margin-bottom:0px;
	margin-top:5px;
	font-size:1.3em;
}


h3 {
	background-repeat:no-repeat;
	background-image:url(img/triangle_bleu.gif);
	text-indent:10px;
	margin-bottom:0px;
	margin-top:10px;
	font-size:1.2em;
	font-weight:bold;
	color:#315380;
	margin-left:5px;
	padding:0px;

}


p {
	margin-left:5px;
	margin-bottom:0.5em;
	line-height:1.5em;


}

p,td {
	line-height:1.35em;
}

/*
================================
LIENS
================================
*/
a {
	cursor:pointer;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {

}

/*
	la colonne gauche et ses éléments
*/

#colonnegauche {
	width:210px;
	float:left;
	padding:0px;
	background-color:#FFFFFF;
	margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
}
#menu {

	background-color:#FFFFFF;
    margin:0px;
    padding-right:0px;

}
 #menu li {
    list-style-type:none;
    display:block;
    width:202px;
    padding-right:0px;
    margin:0px;



}
 #menu ul{

    display:block;
    margin:0px;
    padding-left:10px;
    padding-right:5px;
}

#menu a {
    color:#163154;
    text-decoration:none;
    font-weight:bold;
    margin-left:10px;

    }

#menu li a:hover {
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;

}
#menu li a:active {
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;

}
.association {
    background-image:url(img/on_association.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.associationmaj {
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    color:#F28F03;
    text-transform:uppercase;
}
.accueil  {

    background-image:url(img/on_accueil.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}

.offre {


    background-image:url(img/on_histoire.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;


}
.pros {
    background-image:url(img/on_profs.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.pedagogie {

    background-image:url(img/on_pedagogie.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.gestionnaire {
  background-image:url(img/on_gestionnaire.jpg);
  background-repeat:no-repeat;
  background-color:#8BABD5;
  padding-top:5px;
  padding-bottom:5px;

}
.parents {
    background-image:url(img/on_parents.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.recrutement {
    background-image:url(img/on_recrutement.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.developpement {
    background-image:url(img/on_association.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.contact {
    background-image:url(img/on_contact.jpg);
    background-repeat:no-repeat;
    background-color:#8BABD5;
    padding-top:5px;
    padding-bottom:5px;

}
.bas  {
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height:20px;
    padding:0px;
    margin:0px;
    vertical-align:bottom;

}
/*
    la colonne du centre et ses éléments
*/
#contenu a {
	color:#153E8D;
	text-decoration:underline;
	font-weight:bold;

}
#contenu a:hover {
	color:#CF4092;
	text-decoration:none;
	font-weight:bold;

}
/*
    la colonne droite et ses éléments
*/

#colonnedroite {
	width:142px;
	vertical-align:top;
	float:right;
	margin-right:1em;
	margin-top:10px;
	margin-left:2px;
}
#noscreches
{
	width:142px;
	color:#FFFFFF;
	background-image:url(img/fd_noscreches.jpg);
	background-color:#CE4694;
	background-position:bottom;
	background-repeat:no-repeat;
	margin-right:5px;
	font-weight:bold;

}
#nosinfos
{
    width:142px;
    color:#FFFFFF;
    background-image:url(img/fd_infos.jpg);
    background-color:#309494;
    background-position:bottom;
    background-repeat:no-repeat;
    margin-right:5px;
    font-weight:bold;

}
#emplois
{

	width:142px;
	color:#FFFFFF;
	background-image:url(img/fd_emplois.jpg);
	background-color:#CE4694;
	background-position:bottom;
	background-repeat:no-repeat;
	margin-right:0px;
	font-weight:bold;

}
#parents
{

	width:142px;
	color:#FFFFFF;
	background-image:url(img/fd_parents.jpg);
	background-color:#CE4694;
	background-position:bottom;
	background-repeat:no-repeat;
	margin-right:0px;
	font-weight:bold;

}

#titrebloc
	{
	background-image:url(img/haut_bloc_mauve.gif);
	background-repeat:no-repeat;
	background-color:#CE4694;
	width:142px;
	text-transform:uppercase;
	text-align:center;
	padding-top:5px;
	height:20px;
	margin-bottom:0px;

}
#titreblocinfos
    {
    background-image:url(img/haut_bloc_bleu.gif);
    background-repeat:no-repeat;
    background-color:#CE4694;
    width:142px;
    text-transform:uppercase;
    text-align:center;
    padding-top:5px;
    height:20px;
    margin-bottom:0px;

}
.bloc {
	padding-right:5px;
	padding-left:16px;
	margin:5px;
	font-size:90%;
    background-image:url(img/fleche_blanche.gif);
    background-repeat: no-repeat;

}
.blocinfos {
    padding-right:2px;
    padding-left:5px;
    margin:5px 3px 5px 5px;
    font-size:90%;
    font-weight:normal;
}

.lienbloc,a.lienbloc {
	text-decoration:underline;
	color:#FFFFFF !important;

}

a:hover.lienbloc {
	text-decoration:none;
	color:#FFFFFF;
}

.lienblanc
    {
    color:#FFFFFF;
    }
a.lienblanc
    {
    color:#CF4092;
    text-decoration:underline;
    }
a:hover.lienblanc {
    text-decoration:none;
    color:#FFFFFF;
}
.licontenu {
	list-style-image:url(img/puce_bleue.gif);
	line-height:1.5em;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	margin-left:20px;
	margin-bottom:5px;
	width:100%;
	float:none;

}
.none {
	margin-right:0px;
	margin-left:10px;
	padding:0px;
	float:none;
	width:90%;

}
.ulpaddingdix {
    padding-bottom:10px;
    width:98%;
    margin:0px;
    clear:both;
}
.paddingdix {
    padding-left:10px;
    width:98%;
    margin:0px;
    clear:both;
}

.listing {
    border:1px solid #000000;
    padding:2px;
}
.roseclair {
    background-color:#F9E0EE;
    border:1px solid #F9BEDF;
    text-align:center;
}
.bleuclair {
    background-color:#E0E4F9;
    border:1px solid #F9BEDF;
    text-align:center;
}



/*
================================
FORMULAIRES
================================
*/

input,textarea,select,textarea {
	font-size:0.9em;
	background-color: #eee;

}

input:focus,textarea:focus,select:focus {
	background-color: #fff;
	border: 1px solid #000;
}

input.submit,input[type='submit'] {
	border:2px solid #F9BEDF;
	background-image:url(img/icones/accept.png);
}

input.submit:hover,,input[type='submit']:hover {
	background-color:#fff;
}

/*
================================
LISTES, IMG, HR ET AUTRES
================================
*/
hr {
	height: 0px;
	border-width:0px;
	border-bottom : solid 1px #888;
}



li {
	list-style-type:none;
	margin:0px;

}

.rose {
    color:#CF4092;
}
.tiretsmauves {
	background-image:url(img/tirets_mauve.gif);
	background-color:#CE4091;
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:5px;
	width:300px;
}
.rosegauche
{
	border:1px solid #CF4092;
	float:right;
	width:150px;
	padding:5px;

}
.grosrose {
	font-family:"Trebuchet MS";
	border:1px solid #CF4092;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#CF4092;
}
#retour {
	text-align:center;
	margin-top:20px;
	margin-bottom:0px;
}

img {
	border:none;
}

img.icone {
	text-decoration: none;
	vertical-align: middle;
	border: 0px;
}

/* Icones pour les <p> */
.pdf,.doc,.xls,.fiche {
	background-image:url(img/icones/page_white.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	padding-top:1px;
	padding-bottom:3px;
	text-align:left;
}

.pdf {
	background-image:url(img/icones/page_white_acrobat.png);
}

.doc {
	background-image:url(img/icones/page_white_word.png);
}

.xls {
	background-image:url(img/icones/page_white_excel.png);
}

.fiche {
	background-image:url(img/icones/page_white.png);
}
/*
================================
Définition des DIV présentes dans le menu  (s'affichent quand la rubrique principale est cliquée
================================
*/
#association {
	padding:2px;
	width:90%;
	font-size:90%;
	margin-top:5px;
}
#offre  {
	padding:2px;
	width:90%;
	font-size:90%;
	margin-top:5px;

}
#pedagogie  {
	padding:2px;
	width:90%;
	font-size:90%;
	margin-top:5px;

}
#gestionnaire  {
	padding:2px;
	width:90%;
	font-size:90%;
	margin-top:5px;

}