/* 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;
   
}
.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;
	
}
#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;
	
}	
.bloc {
	padding-right:5px;
	padding-left:16px;
	margin:5px; 
	font-size:90%;
    background-image:url(img/fleche_blanche.gif);   
    background-repeat: no-repeat;
    
}

.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;

}