/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0;}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
body {font: normal 11px Tahoma; color:#666; background-color:white;}
#body{background:#f5b67d}
table{font-size: 11px;}
a{text-align:right; text-decoration:none;}
a:hover {text-decoration:underline;}
input, select, textarea{font: normal 10px Tahoma; color:#666; border:1px solid #696969;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

h2{font: normal 24px Tahoma;margin-bottom:10px;}
h3{font: normal 15px Tahoma; color:#2d2d2d; margin-bottom:10px; background:url(images/puce/fleche-trans.png) no-repeat left bottom; padding:0 0 0 22px;}
h4 {font: bold 14px Tahoma; margin-bottom:10px;}
h5 {font: bold 12px Tahoma; margin-bottom:10px;}
p {font: normal 12px Tahoma; color:#696969; margin-bottom:10px; text-align:justify;}
strong{}
em{}

.color {color:#f10000;}
.hr{font-size:1px; height:5px; border-bottom:1px solid #f00; margin:0 0 10px;}
.center{text-align:center;}
.right{text-align:right;}
.asterisque{font-style:italic; font-size:9px;}
.bouton{display:block; text-align:center; width:160px; height:20px; line-height:20px; background-image:url(images/pictos/bouton.gif);}
.block {display:block;}
.lien {text-align:right;font-size:11px;}
.lien img{margin-right:5px;}
.under {text-decoration:none;}
.Fright {float:right; margin:0 0 5px 10px;}
.rouge {color:#d86a48;}
.vert {color:#429427;}
.turquoise {color:#4da0c2;}
.gris {color:#787878;}
.orange {color:#ef9620;}
.bleu{color:#4680d6;}
.violet{color:#c347d6;}

/* Formulaires */
.row{clear:both;padding-top:2px;}
.row label{display:inline; float: left; margin-right: 5px; width: 160px;text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input { width: 150px;}
.row select { width: 152px;}
.row_bt {margin-left:165px; clear:both; padding-top:2px;}
.row_bt input {width:60px;}
.row_chk {margin-left:125px;}

#contain{width:850px; background: url(images/fonds/contain.gif) repeat-y; margin:0 auto;}
#conteneur{width:793px; margin:0 auto; padding-bottom:10px;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete {width:793px; height:292px;position:relative;background: url(images/fonds/bandeau.gif) no-repeat left bottom;}
#entete ul#menuhaut {float:right; display:inline; list-style-type:none;margin-left:10px; padding:5px 0 10px 0;}
#entete ul#menuhaut li {margin:0; padding:0;float:left; display:inline; }
#entete ul#menuhaut li a { padding: 0 5px;font: normal 12px Tahoma; text-decoration:none; border-right:1px solid #4e4e4e; color:#4e4e4e;}
#entete ul#menuhaut li a#borde {border-right:none;}
#entete ul#menuhaut li a#activ, #entete ul#menuhaut li a:hover {text-decoration:underline;}
#entete #logo {width:477px; height:97px; margin:0 6px 0 21px;position:relative; z-index:2;}
#entete p#bienvenue {width:425px; height:97px; background: url(images/fonds/bienvenue.gif) no-repeat;margin:33px 0 0 20px;color:#fff; font-size:12px; line-height:1.3em;padding:15px; }
#entete #fillette {position:absolute; right:14px; bottom:0px; z-index:0;}

ul#menu {margin:0 0 13px 13px; list-style-type:none;width:766px; height:42px;}
ul#menu li {padding:0px;margin:0px;float:left;}
ul#menu li a#accueil{float:left; display:inline;width:101px; height:42px; background:url(images/menu/accueil.gif);margin-right:2px; text-decoration:none; color:blue;}
ul#menu li a#accueil:hover{background:url(images/menu/accueil-over.gif); color:white;}
ul#menu li a#accueil-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/accueil-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#association{float:left; display:inline;width:101px; height:42px; background:url(images/menu/association.gif) no-repeat;margin-right:2px;text-decoration:none;}
ul#menu li a#association:hover{background:url(images/menu/association-over.gif) no-repeat;}
ul#menu li a#association-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/association-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#actions{float:left; display:inline;width:101px; height:42px; background:url(images/menu/actions.gif) no-repeat;margin-right:2px;text-decoration:none;}
ul#menu li a#actions:hover{background:url(images/menu/actions-over.gif) no-repeat;}
ul#menu li a#actions-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/actions-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#actu{float:left; display:inline;width:101px; height:42px; background:url(images/menu/actualites.gif) no-repeat;margin-right:2px;text-decoration:none;}
ul#menu li a#actu:hover{background:url(images/menu/actualites-over.gif) no-repeat;}
ul#menu li a#actu-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/actualites-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#biofeed{float:left; display:inline;width:101px; height:42px; background:url(images/menu/biofeedback.gif) no-repeat;margin-right:2px;text-decoration:none;}
ul#menu li a#biofeed:hover{background:url(images/menu/biofeedback-over.gif) no-repeat;}
ul#menu li a#biofeed-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/biofeedback-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#myoteno{float:left; display:inline;width:148px; height:42px; background:url(images/menu/myoteno.gif) no-repeat;margin-right:2px;text-decoration:none;}
ul#menu li a#myoteno:hover{background:url(images/menu/myoteno-over.gif) no-repeat;}
ul#menu li a#myoteno-act{float:left; display:inline;width:148px; height:42px; background:url(images/menu/myoteno-over.gif) no-repeat;margin-right:2px;text-decoration:none;}

ul#menu li a#methodes{float:left; display:inline;width:101px; height:42px; background:url(images/menu/autres.gif) no-repeat;text-decoration:none;}
ul#menu li a#methodes:hover{background:url(images/menu/autres-over.gif) no-repeat;}
ul#menu li a#methodes-act{float:left; display:inline;width:101px; height:42px; background:url(images/menu/autres-over.gif) no-repeat;text-decoration:none;}

/******************************************/
/**********  COLONNE GAUCHE  ************/
/******************************************/
#ColumG {width:227px; float:left; display:inline; margin:0 12px 5px 13px;}
#ColumG p{font-size:11px;}
.boiteG{width:227px; padding-bottom:5px;background:#ebe3ce url(images/fonds/actuB.gif) left bottom no-repeat;margin-bottom:7px;}
.boiteG h3 {padding-top: 3px; margin-left:10px;}
.boiteG p#actudate {color:#777; text-align:right;margin:0 10px;}
.boiteG p#actutitre {font-weight:bold; color:#42942f;margin:0 10px 5px 10px;}
.boiteG p.sstitre {font-weight:bold; color:#484848;margin:0 10px ;}
.boiteG p#player{margin:0;}
.boiteG p{margin:0 10px 10px 10px;color:#484848;}
.boiteG p a{color:#484848;text-decoration:none;}
.boiteG p a:hover{text-decoration:underline;}
.boiteG p img{padding-bottom:10px; margin-bottom:0px;}
.boiteG ul#sousmenu {list-style-type:none; padding-bottom:10px;}
.boiteG ul#sousmenu li {padding:0;display:block; margin-left:30px;}
.boiteG ul#sousmenu li a {font: normal 14px Tahoma; text-decoration:none; color:#484848; line-height:1.3em;}
.boiteG ul#sousmenu li a#act, .boiteG ul#sousmenu li a:hover {text-decoration:underline;}
.boiteG select{margin:0 0 0 10px;width:150px;}
.boiteG #news{margin:0 0 0 10px;width:150px;}
.boiteG #ok{margin:0 0 0 10px;width:15px;border:none;background:#d86a48;color:#fff;}
#adresse {width:227px; height:148px;background:url(images/fonds/tournesol.jpg) no-repeat;}
#adresse h3{width:217px;font: bold 25px Tahoma; color:#9a681f;text-align:right; margin:0 15px 0 0;padding-left:0px; padding-top:15px; text-transform:uppercase; background:none;}
#adresse p{float:right; display:inline; width:120px; text-align:right; margin-right:15px;color:#484848;}


#contenu {width:527px; float:left; display:inline; margin:0 0 15px 0;}

/******************************************/
/**************  SOUS MENU  ****************/
/******************************************/
ul#rubriques, ul#rubriques2{list-style-type:none; margin:0 0 0 13px;}
ul#rubriques li, ul#rubriques2 li{margin:0;padding:0;float:left; display:inline;padding-bottom:20px;}
ul#rubriques li a, ul#rubriques2 li a{width:126px; height:23px;float:left; display:inline;font: bold 14px Tahoma; text-decoration:none; text-align:center; color:#696969;padding-top:2px;margin:0 5px;}
ul#rubriques li a#act-rub, ul#rubriques  li a:hover {color:#fff;background:url(images/over/association.gif) no-repeat;}
ul#rubriques2 li a#act-rub2, ul#rubriques2  li a:hover {color:#fff;background:url(images/over/actions.gif) no-repeat;}
ul#rubriques, ul#rubriques7{list-style-type:none; margin:0 0 0 13px;}
ul#rubriques li, ul#rubriques7 li{margin:0;padding:0;float:left; display:inline;padding-bottom:20px;}
ul#rubriques li a, ul#rubriques7 li a{width:126px; height:23px;float:left; display:inline;font: bold 14px Tahoma; text-decoration:none; text-align:center; color:#696969;padding-top:2px;margin:0 5px;}
ul#rubriques7 li a#act-rub7, ul#rubriques7  li a:hover {color:#fff;background:url(images/over/autres_methodes.gif) no-repeat;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#objectifs {margin:10px 0 10px 10px;}
#objectifs img {float:right; display:inline;margin-left:20px;}
#objectifs p.lien {margin-top:5px;}
#objectifs p.lien img{float:none;}
#objectifs p {line-height:1.3em;}

#concerne {width:231px; float:left; display:inline; height:161px; padding:15px; margin:0 12px 0 0; background:url(images/fonds/concerne.gif) no-repeat;}
#concerne p{text-align:left;font-size:11px;}
#concerne p.lien{text-align:right;}
#concerne p img{float:left;margin-right:15px;}
#concerne p img.fleche{float:none;margin:0px; margin-right:5px;}

#diaporama {float:left; width:251px; }

#neuro {margin-top:15px;}
/*
#actualites {background-color:#CCCCCC;}
#actualites .act_date{font:bold 12px Verdana; color:#990000; padding-bottom:5px;}
#actualites .act_titre{font:bold 11px Verdana; color: #333333; padding-bottom:2px;}
#actualites .act_texte{}
*/

/******************************************/
/**************  ACTUALITÉS  ****************/
/******************************************/
.chiffre {color:#777;margin-bottom:10px;font-weight:bold;}
.chiffre a{color:#777;margin-bottom:10px;}
.actu {float:left; display:inline; width:232px; height:131px; padding:10px; margin-bottom:10px; }
.actu p.date, .fiche p.date {color:#777; text-align:right; margin:0px;}
.actu p.titre, .fiche p.titre {font-weight:bold; color:#42942f; text-align:left; margin:0px;}
.actu p.mini_desc{overflow:hidden; height:80px;}
.actu p{margin:5px 0 10px 0;font-size:11px;}
.actu p img{float:left; margin-right:10px;}
.actu p img.fleche{float:none;margin:0px; margin-right:5px;}
.actu a {color:#42942f;}
.MoteurNavigation {text-align:center;}
.MoteurNavigation a{color:#777;}
.MoteurNavigationPageActuelle{font-weight:bold;}
.MoteurLabel{display:none;}
.boiteG ul.liste_puce {list-style-type:none; padding-bottom:0px;}
.boiteG ul.liste_puce li {padding:0;display:block; margin:0; margin-left:30px;}
.boiteG ul.liste_puce li a {font: normal 14px Tahoma; text-decoration:none; color:#484848; line-height:1.3em;}
.boiteG ul.liste_puce li a#act, .boiteG ul.liste_puce li a:hover {text-decoration:underline;}
.fondactu {background:url(images/fonds/actualites.gif) no-repeat;}
.margeactu {margin-right:20px;}
.fiche {width:520px;background:#f6f3ea url(images/fonds/ficheB.gif) bottom left no-repeat; padding-bottom:10px;}
.fiche #visu {width:254px; float:left; overflow-x:hidden; display:inline; margin:0 10px;}
.fiche #visu img{margin-bottom:10px;}
.fiche #texte {margin:0 10px;}


/******************************************/
/**************  ASSOCIATION  ****************/
/******************************************/

p.titreEnft{clear:both;font: bold 14px Tahoma; color:#2b2b2b; margin-bottom:10px; text-indent:-40px; z-index:2;}
p.titreEnft span{font: bold 18px Tahoma; color:#4da0c2; text-transform:uppercase;}
p.sstitreEnft{font: bold 12px Tahoma; color:#2b2b2b; margin:10px 0;}
p.sstitreEnft span{font: bold 16px Tahoma; color:#4da0c2; text-transform:uppercase;}

#carte {float:left; display:inline;width:238px;}
#carte #dom_tom {border:1px #518795 solid; width:25px; text-align:center; padding:2px; position:relative; bottom:250px; left:15px;}
#carte #dom_tom a {text-decoration:none; font-weight:bold; color:#4da0c2;}
#carte img{border:0px;}
#carte p#fix img{width:238px; height:252px;}
img:area{color:blue}

#content {clear:both;margin:0 0 13px 13px; width:776px;}
#liste {width:520px; float:right; display:inline;}
#liste .listeEnft {width:252px;float:left; display:inline; background:#f6f3ea url(images/fonds/enfantB.gif) bottom left no-repeat; margin-bottom:10px;}
#liste .listeEnft  p.nomEnft {font: bold 14px Tahoma; color:#4da0c2;margin-left:10px; margin-bottom:0;}
#liste .listeEnft  p.region {color:#2b2b2b;margin:0 0 5px 10px;}
#liste .listeEnft  p.txtEnft {margin:10px;font-size:11px;overflow:hidden; height:80px;}
#liste .listeEnft  p img{margin:0 10px 10px 0; float:left; display:inline;}
#liste .margeEnft {margin-right:8px;}

ul.listes {list-style-type:none; margin: 0 0 5px 20px;}
ul.listes li {font: normal 12px Tahoma; margin:0px 0px 5px 0px; padding: 0px 0px 5px 15px; list-style-type:none;}
ul.listes li.listAsso{background: url(images/puce/turquoize.gif)no-repeat 0 3px;}
ul.listes li.listActions{background: url(images/puce/gris.gif)no-repeat 0 3px;}
ul.listes li.listMethode{background: url(images/puce/violet.gif)no-repeat 0 3px;}
/******************************************/
/**************  CONTACT  *****************/
/******************************************/



/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage{width:789px; height:33px; margin:0 auto; background:transparent url(images/fonds/bas.gif) no-repeat; clear:both; padding-top:15px;}
#piedpage ul#menubas {float:left; display:inline; list-style-type:none;margin-left:10px;}
#piedpage ul#menubas li {margin:0; padding:0;float:left; display:inline; }
#piedpage ul#menubas li a { padding: 0 5px;font: normal 11px Tahoma; text-decoration:none; border-right:1px solid #4e4e4e; color:#4e4e4e;}
#piedpage ul#menubas li a#bord {border-right:none;}
#piedpage ul#menubas li a#active, #piedpage ul#menubas li a:hover {text-decoration:underline;}
#piedpage #awc {display:inline;float:right;margin-right:10px;text-align:right;width:200px;margin-bottom:0;}
#piedpage #awc a {font: normal 11px Tahoma;text-decoration:none;color:#4e4e4e;}
#piedpage #awc a:hover {text-decoration:underline;}
