/* Modèle v1.25 29/03/2010 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 13px 'Comic sans Ms'; color:#4625B6; background-color:/*fond de spaw et de la zone contenu*/}
#body{background:/*fond du site*/}
table{font-size: 11px;}
a{color: #FF8700; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{height:53px; position:relative; margin-bottom:5px;}
h1 img{position:absolute; bottom:0; left:0;}
h2{font: normal 15px 'Comic sans Ms'; margin-bottom:5px;}
h3{font: bold 13px 'Comic sans Ms';}
h4{font: bold 12px 'Comic sans Ms';}
p {margin-bottom:12px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#FF8700;}
.bold {font-weight:bold;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #FF8700; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#f10000;
  font:bold 11px 'Comic sans Ms'; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 12px 'Comic sans Ms'; color:#666; border:1px solid #999;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
input[type="text"]{height:20px;}
label span{color:#f00;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 100px; text-align: right;}
.row textarea, .row input {width: 300px; height:20px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{/*display:block;*/display:inline; float: left; margin-right: 5px; width: 100px; text-align: right;}
.row_are textarea{width:300px; height:130px}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:192px; clear:both; margin-bottom:5px;}
.row_bt input{border:0;}


/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
#conteneur {margin:10px auto 0; width:959px; height:567px; overflow:hidden; background:url(images/fond.jpg) no-repeat; padding-top:37px;}
#entete {float:left; display:inline; width:314px; padding-top:55px;}
#colD {float:right; display:inline; width:165px;}
#colG {float:right; display:inline; width:480px; padding-top:52px;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
ul.menu {list-style-type:none; margin:0; width:198px; margin-left:16px;}
ul.menu li{margin:0;}
ul.menu li a{display:block; width:198px;}
ul.menu li a.m01{height:32px; background:url(images/menu/enzo.png) 0 0 no-repeat; margin-bottom:4px;}
ul.menu li a.m02{height:41px; background:url(images/menu/therapies.png) 0 0 no-repeat; margin-bottom:6px;}
ul.menu li a.m03{height:30px; background:url(images/menu/temoignage.png) 0 0 no-repeat;}
ul.menu li a.m04{height:40px; background:url(images/menu/espace_membres.png) 0 0 no-repeat; margin-bottom:5px;}
ul.menu li a.m05{height:32px; background:url(images/menu/contact.png) 0 0 no-repeat;}
ul.menu li a.active, ul.menu li a:hover{background-position:-198px 0;}

#diaporama {width:222px; height:238px; margin:17px 0px 25px 60px;}

/******************************************/
/**************  CONTENU  ****************/
/******************************************/
ul.ssmenu {list-style-type:none;position:relative;}
ul.ssmenu li{margin:0;}
ul.ssmenu li a{float:left; display:inline-block;margin:0; color:#f18203; font-size:12px; line-height:32px; padding-left:37px; text-transform:uppercase;}
ul.ssmenu li a:hover{text-decoration:none;}

ul.enzo a {background:url(images/puce/enzo.png) 0 0 no-repeat; position:relative; }
ul.enzo a.m01 {margin:28px 0 0 0;}
ul.enzo a.m02 {margin:10px 0 0 40px;}
ul.enzo a.m03 {margin:35px 0 10px 35px;}
ul.enzo a:hover, ul.enzo a.active {color:#ff1c1c; background-position:0 -32px;}

ul.therapie a {background:url(images/puce/therapie.png) 0 0 no-repeat; position:relative;}
ul.therapie a.m01 {margin:10px 0 5px 15px;}
ul.therapie a.m02 {margin:-10px 0 25px 80px ;}
ul.therapie a.m03 {margin:0 0 10px 80px;}
ul.therapie a.m04 {margin:-10px 0 10px 50px;}
ul.therapie a:hover, ul.therapie a.active {color:#20c100; background-position:0 -32px;}

ul.adhesion a {background:url(images/puce/adhesion.png) 0 0 no-repeat; position:relative;}
ul.adhesion a.m01 {margin:20px 0 10px -15px;}
ul.adhesion a.m02 {margin:0 0 0 40px;}
ul.adhesion a:hover, ul.adhesion a.active {color:#4625B6; background-position:0 -32px;}

#login_membres{background:url('images/fond/fond_rose.gif') no-repeat;font:14px Comic Sans MS,verdana;color:#fff;height:130px; margin:0 0 35px 16px; padding: 120px 0 0 80px; width:243px;font-weight:bold;}
#login_membres label{float:left;width:30px;}
#login_membres input{width:120px;}

#colG .contenu {width:470px; height:262px; overflow:auto;}
.enzo h2 {color:#ff1c1c;}
.enzo .date {font-weight:bold; margin-bottom:5px;}
.enzo .spaw {border-bottom:1px solid #f18203; margin-bottom:10px;}
.therapies {height:255px;}
.temoignage {height:275px;}
.aide {height:275px;}
.thickbox_actu{margin:20px;}
.thickbox_actu .precedent{float:left;}
.thickbox_actu .suivant{float:right;}

#colG .contact{height:325px;overflow:visible; padding-top:20px;}
#colG .contact .row, #colG .contact .row_are{margin-bottom:3px;}
#colG .contact input {width:120px; float:left;}
#colG .contact input#email {width:347px; float:left;}
#colG .contact textarea {width:347px; height:70px;float:left;}
#colG .contact .bt {margin:15px 0 0 150px;}

#colG #membre {overflow:visible; height:300px; margin-top:20px;}

#colG #bt-temoignage {text-align:center; margin: 15px 0;}
#colG #comment {font:italic 11px Comic sans Ms; padding-left:105px;}

/******************************************/
/**************  COL DROITE  *****************/
/******************************************/
a#adhesion { display:block;width:92px; height:82px; background:url(images/bouton/adherez.png) 0 0 no-repeat; margin-left:32px;}
a#adhesion:hover {background-position:0 -82px;}

#actualite {padding:250px 10px 0 20px; text-align:center;}
#actualite ul#info{height:105px; overflow: hidden; }
#actualite ul#info a{color:#4625B6;}
#actualite ul#info {margin-bottom:0px;}
#actualite ul#info li.une_info{margin-left:0px;height:100px;width:120px;}
#actualite h4{text-align:left; margin-bottom:0; height:68px; overflow:hidden;}
#actualite p.date{font-size:11px;margin-bottom:0; white-space:nowrap; overflow:hidden;}
#actualite a{font:bold 11px 'Comic sans Ms'; color:#e05f00;}
#actualite a.thickbox {background:url(images/puce/fleche.png) no-repeat; line-height:15px; padding-left:20px;}

.sujet {font:bold 14px Comic sans Ms; color:#4625B6; margin:0;}
.sujet span{font:normal 12px Comic sans Ms;}
.message {font-size:12px;color:#4625B6;}
.right {font-size:12px;text-align:right; padding-bottom:10px; border-bottom:2px solid #dcf4f8;}
/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#awc {text-align:right; font-size:11px; color:#69c4da; margin:22px 70px 0 0;position:relative}
#awc a{font-size:11px; color:#69c4da;}