body
{
width:960px;
margin-left:0px;
margin-top:0px;
color:#FFFFFF;
background-color:#70ABDD;/*#65BADA -#0BA5DE-#70BFDD*/
font-family:helvetica;/*cursive*/
margin-bottom: 20px;
}

h1
{
font-size:20px;
color:#FFFFFF;
text-align:center;
}
h2
{
padding-left:15px;
text-decoration:underline;
color:#FFFFFF;
font-size:12px;
}

h2 a
{
color:#FF9900;
}

h2 a:hover
{
color:#FFFFFF;
}
h3
{
text-decoration:underline;
color:#FFFFFF;
font-size:12px;
padding-left:15px;
}

h3 a
{
color:#33FF00;
font-size:12px;
margin-left:15px;
}

h4
{
margin-left:15px;
font-size:12px;
}
h5
{
font-size:11px;
text-align:center;
text-decoration:underline;
}
.infodata
{
color:#33FF00;
font-size:10px;
text-align:left;
padding-left:5px;
}
em
{
color:#33FF00;
font-size:11px;
}
.nob
{
color:#FFFFFF;

}
.spacer-vert
{
height:350px;
}

.soutit
{
text-align:center;
margin:auto;
font-size:12px;
}
.soutit a
{
color:#FFFFFF;
text-decoration:underline;
}

.dial
{
width:400px;
margin:auto;
font-weight:bold;
}

#cor
{
width:960px;
padding-bottom:10px;
margin-bottom: 20px;
background-color:#ff99ff;
}
.tete2
{
width:700px;
margin:auto;
}
.tete
{
width:700px;
margin:auto;
border:1px solid #33FFFF;
background-color:#F8079C;

}
.tete th
{
background-color:#33FFFF;
color:#0000FF;
}
.refannu
{
background-color:silver;/*vert sous titre*/
border:3px double #FFFFFF;
color:#000000;
padding:8px;
}
#part_g input
{
width:80px;
color:#000000;
font-size:10px;
}
#part_g
{
float: left;
margin-top:0px;
padding-bottom:10px;
background-image:url("images/fontaccueil1.png");
background-repeat:no-repeat;
background-color:#F8078F;

/* #ff9900 orange*/
}
.contact 
{
border:1px solid #0000FF;
margin-left:40px;
background-color:#CCAACC;
}
.connex /*------------------formulaire accés membre-----------------------*/
{
width:180px;
font-size:12px;
}
.hf1 
{
background-color:#6633FF;
border-bottom:1px dashed #FFFFFF;
font-size:11px;
text-align:left;
padding-left:5px;
}
.connex caption
{
background-color:white;
color:#FF9900;
}
.connex a
{
text-decoration:none;
color:#FFFFFF;

}
.connex a:hover
{
color:#33FFFF;
text-decoration:underline;  /*#FF6FCF*/
}
.miniplus
{
padding-left:5px;
}
.maj input
{
width:80px;
color:#000000;
font-size:10px;
}
.ins input
{
width:80px;
color:#000000;
font-size:10px;
}
.search
{
width:180px;
font-size:12px;
}
.search a
{
text-decoration:none;
color:#FFFFFF;
}
.result
{
margin-left:30px;
}
.result a
{
font-size:11px;
color:#33FF00;
}
.refannu input
{
width:250px;
}
li
{
padding-right:60px;
}
ul
{
list-style-image: url("images/li.gif");
}
.pal
{
margin:auto;
background-color:#ff99ff;/*vert sous titre*/
border:2px solid #33ff00;
color:#FFFFFF;
}
.for 
{
width:500px;
margin:auto;
background-color:#ff99ff;/*vert sous titre*/
border:2px solid #33ff00;
color:white;
}
.for th
{
background-color:red;/*vert sous titre*/
}
.for1
{
border-right:1px solid #33ff00;
}
.for2
{
width:180px;
background-color:#33FF00;/*vert sous titre*/
}

.diet
{
width:510px;
margin:auto;
border: 1px solid #33ff00;
color:white;
}
.diet caption
{
margin:auto;
color:#ffffff;
background-color:#FF6FCF;      /*#FF6FCF  rose class soleil */
font-weight: bold;
border: 1px solid #33ff00;

}
.diet td
{

background-color:#ff9900;
padding-left:10px;
padding-right:10px;
}
.ps
{
text-align:right;
text-decoration:underline;
}
.goo
{
margin:auto;
margin-top:10px;
margin-bottom:30px;

}

.acg
{
width:200px;
}
.acm
{
width:368px;
height:410px;
background-image:url("images/a2.jpg");
margin:auto;
margin-top:10px;
border: 1px solid #33ff00;
}
.acd
{
width:200px;
background-image:;
}
/*-----------------------------------dédut de titre---------------------------------------*/
#titre
{
width:960px;
background-color:#F8078F;
font-weight: bold;
}
.col
{
background-color:#F8078F;
text-align:left;
font-size:13px;
color:#0000FF;
}
.s pacer
{
width:25px;
}
.header 
{
width:100%;
text-align:center;
background-image: url("images/fontheader.png");
background-repeat:x;
}
.txt
{
background-color:#FFFFFF;

}
.ty
{
text-align:left;
width:20%;

}

#soleil
{
width:572px;
background-color:#FF6FCF;
border:1px solid #33ff00;
color:#ffffff;
}
#soleil a
{
color:#00ffff;
text-decoration:underline;
}

.down
{
border-top:2px solid #33FF00;
background-image: url("images/fondsimul.png");
}
.col a
{
color:#33FFFF;
text-decoration:none;
}
.col a:hover
{
color:#FFFFFF;
}

.time
{
font-size:12px;
color:#ffffff;
text-decoration:underline;
}
/*-----------------------------------Fin de titre-----------------------------------------*/

/*----------------------------------Début porte--------------------------------*/
.nex
{
margin:auto;
margin-top:0px;
border-bottom:1px solid #33ff00;
border-left:1px solid #33ff00;
border-right:1px solid #33ff00;
background-color:#0000ff;
color:#ffffff;
text-align:center;
}
.zong
{
text-align:right;
font-weight:bold;
color:#ffffff;
text-decoration:blink;
}

#porte a
{
color:#0000ff;
font-size:18px;
text-decoration:none;
}
#porte a:hover
{
text-decoration:underline;
color:#ff99ff;
}
/*-----------------------------------Fin de titre-----------------------------------------*/

/*----------------------------------Début part gauche--------------------------------*/

.hf
{
background-color:#0000FF;
border-bottom:2px solid #CCFFFF;

}

.bor
{
margin:auto;
border:1px solid #33FF00;
}
.bor input
{
width:100px;
color:#000000;
font-size:10px;
}
.google
{
text-align:center;
margin-bottom:15px;
}
.google input
{
font-size:10px;
}
.inf
{
border:0px;
}
.voir
{
height:20px;
background-image:url("images/voir.gif");/* #ff9900 orange*/
background-repeat:no-repeat;
}
.accmembres /*------------------formulaire accés membre-----------------------*/
{
width:180px;
margin:auto;
font-size:12px;
}

.accmembres a
{
text-decoration:none;
color:#00ffff;
}
.accmembres a:hover
{
background-color:#0000ff;
text-decoration:underline;
color:#ffccff;
}
.membres
{
background-color:blue;
}
.lesite
{
height:20px;
color:#33ff00;
border: 1px solid #33ff00;
font-weight:bold;
padding-left:3px;
}
.alpha
{

color:#ffffff;
font-size:12px;
}
.alpha a
{
text-decoration:none;
color:#ffffff;
font-size:12px;
}
.alpha a:hover
{
color:#ffffff;
font-size:12px;
text-decoration:underline;
color:#33FFFF;
}
.pub
{
width:400px;
margin:auto;
background-color:#ff99ff;
border: 2px solid #33ff00;
}
.cadre
{
width:468px;
margin:auto;
}
/*-----------------------------------Fin part gauche-------------------------------------*/



/*----------------------Début-------------------------accueil----------------------*/

#accueil
{
background-image:url("images/fontaccueil1.png");
background-repeat: repeat-x;
background-color:#F8078F;
border-left:1px dashed #FFFFFF;
margin-left:180px;
p adding-left:30px;     /*origine -----padding  10 et 15 px*/
p adding-right:30px;
padding-bottom:10px;
margin-bottom:10px;                  /* #ff9900 orange*/
font-size:12px;
}

#accueil p
{
padding-left:40px;
padding-right:40px;

}
.present
{
border:1px solid #33FFFF;
margin:auto;
height:120px;
wi dth:700px;
background-color:#F8079C;
margin-bottom:10px;
}
.present th
{
background-color:#CCCCCC;
color:#0000FF;
font-size:11px;
}

.diapo 
{
padding-left:10px;
background-image:url("images/lesamoureux.png");
background-repeat:no-repeat;
width:210px;
color:#FFFFFF;
}
.diapo a 
{
color:#FFFFFF;
text-decoration:none;
}
.diapo a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
.vignette
{
background-color:#F8078F;

}
.ue
{
color:white;
padding-left:5px;
padding-right:5px;
width:320px;
border:1px solid #33FF00;
}

.annonce
{
padding-left:5px;
padding-right:5px;
width:270px;
border:1px solid #33FF00;
color:#FFFFFF;
}

.annonce a
{
color:#FFFFFF;
text-decoration:none;
}
.annonce a:hover
{
background-color:silver;
color:#000000;
}
.diapo2
{
background-image:url("images/love.png");
background-repeat:no-repeat;
width:135px;
}

.com-renc
{
border:1px solid #33FF00;
color:#FFFFFF;
}

.ax-mbr
{
}
.list
{
border: 2px solid #ffccff;
width:100%;
}
.taz
{

}
.biz
{
text-decoration:underline;
font-weight: bold;
padding-left:10px;
color:#FFFFFF;
background-color:#ff33ff;
}
.zig
{
padding-left:10px;
background-color:#ffccff;
color:#000000;
}
.zag
{
padding-left:10px;
background-color:#ff99ff;
font-we ight: bold;
color:#000000;
}

.prop
{
width:350px;
margin:auto;
border: 1px solid #33ff00;
}
.tent a
{

background-color:#FF6FCF;
color:#ffffff;
}
.cross
{
background-color:#ff33ff;
background-repeat: no-repeat;
}
.cross a
{
color:#ffffff;
text-decoration:none;
}
.cross a:hover
{
color:#ffccff;

}

.intp a
{
color:#FFFFFF;
}
.intp a:hover
{
color:#FFFFFF;
background-color:#FF6FCF;
text-decoration:underline;
}
/*----------------------Fin----------------------------accueil-------------------*/
/*------------------------Formulaire inscription------------------------*/

.control  /* contrôle formulaire php */
{
width:510px;
margin:auto;
text-align:left;
padding:3px;
color:#FFFFFF;
font-size:13px;
margin-top:15px;
margin-bottom:15px;
border: 1px dashed #FFFFFF;
}

.control a
{
color:#33FFFF;
}

.control a:hover
{
text-decoration:underline;
color:#ff99ff;
}

.ticket
{

background-color:#33FFFF;
color:#0000FF;
padding-left:5px;

}

.maj
{
width:550px;
margin:auto;
font-size:12px;
background-image:url("images/nuage.png");
border:1px solid #33ff00;
margin-bottom:10px;
color:white;
}
.dot
{
width:240px;
}

.new
{
margin:auto;
background-color:#F8079C;
}
.new a
{
color:#33FF99;
text-decoration:none;
}
.new a:hover
{
color:#0000FF;
text-decoration:none;
background-color:#33FFFF;
}
.new th
{
background-color:#ffffff;
font-weight:bold;

}
.tit1
{
background-image:url("images/fonth1.jpg");
font-size:17px;
color:#33FFFF;
}
.corres
{
width:55%;
color:#FFFFFF;
background-color:#ff33ff;
border: 1px solid #0000ff;
}
.scroll
{
height:300px;
overflow:auto;
}
.x
{
background-color:#0000ff;
color:#ffffff;
padding-left:10px;
}
.y
{
padding-left:15px;
padding-right:10px;
}
.fiche                                  
{
width:310px;
background-color:#ff99ff;
color:#000000;
font-size:12px;
border: 2px solid #0000ff;
}

.cgi
{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}
.put /*sous titre des mises à jour fichier clients*/
{
background-color:#3399ff;
}
/*----------------------------fin du formulaire-------------------------------*/



/*---------------------menu------------part------------membre-----------------*/
.head 
{
width:160px;
background-color:#ff99ff; /*orange*/
font-size:12px;
color:#0000ff;
text-align:center;

}
.mint
{
padding-left:10px;
}
.menu_pseudo a
{
font-size:13px;
text-decoration:none;
color:#00ffff;
}
.menu_pseudo a:hover
{


}
/*---------------------menu------fin------part-------membre-----------------*/
/*---------------------page------membre-------compatible-----------------*/
.comp
{
width:250px;
margin:auto;
background-color:#ff00ff;   /*orange    ff9900   violet     ff00ff*/
border: 2px dashed #33ff00; /* couleur vert de cadre list_ins*/
}
/*------------fin-------------compatible-------------*/
/*------Début-----list--------ins---------php---------*/
.ins                                      /* fiche de tous les membres*/
{
width:400px;
margin:auto;
background-image: url("images/fondsimul.png");
border: 2px solid #33ff00; /* couleur vert de cadre list_ins*/
}
.mini
{
border: 1px solid #33FF00; /* couleur vert de cadre list_ins*/
text-align:center;

}
.img
{
border: 1px solid red;
width:110px;
}
.imgin
{
border: 1px solid red;
width:50px;
}
.pub2
{
width:760px;
text-align:center;
margin-left: 190px;
/*#3399ff*/
}

.fond                         /*les h3 du menu space membre*/
{
background-color:#ff9900;
border-bottom: 1px dashed white;
border-left: 1px dashed white;
}

.form_menu   /*formulaire par clic*/
{
border: 1px solid #33ff00;
background-image: url("images/fond.png");
background-repeat: repeat-y;
padding:10px;
}
/*------Fin-----list--------ins---------php---------*/

                                     /*----------------------------------- table Partenaires---------------------------------------*/
.assoc
{
width:500px;
margin:auto;
background-color:#FF9900;

}
.assoc td
{
border: 3px double red;
padding:5px;
}
.ctr_partenaire
{
background-color:#ff9900;
text-align:center;
margin:auto;
width:400px;
font-weight:bold;
padding:5px;
border: 3px double #FFFFFF;
}
.ctr_partenaire a
{
color:blue;
}
#coeur                                     /*page cental de space membre*/
{
width:572px;

padding-bottom:10px;
margin-left:185px;
margin-top:5px;
margin-bottom:10px;                  /* #ff9900 orange*/
background-color:#ffccff;
font-size:12px;
}
.coeur p
{
padding-left:10px;
}

.coeur a
{
color: #00ffff;
text-decoration:none;
}
.coeur a:hover
{
color:red;
}

.res
{
height:680px;
overflow:auto;
}

 /*------------------------ fiche perso du membre----------------------------------------*/
.info
{
width:650px;
margin-left:50px;
}
.xpan
{
text-align:left;
padding:8px;
font-weight:bold;
background-color:#CCAACC;
color:#33FFFF;
}

.call
{
width:30%;
background-color:silver;
text-align:left;
padding-left:25px;
color:#000000;
}
.answ
{
width:70%;
background-color:#CCAACC;
padding-left:10px;
color:#FFFFFF;
}
  /*------------------Fin-------------------- fiche perso--------------- du membre--------------------------*/

.zod                        /* result simulator*/
{
width:400px;
margin:auto;
background-color:#FFFFFF;
color:#000000;
font-size:12px;
padding:5px;
border: 2px solid #FF6FCF;
}

.visu
{
color:#33ff00;
text-align:center;
background-image: url("images/fond2.png");
background-repeat: repeat-x;
font-size:15px;
}
.visu a:focus
{
background-color:#ff9900;
}
.contour
{
border-bottom: 3px dashed #0000ff;
border-left: 3px dashed #0000ff;
border-right: 3px dashed #0000ff;

}
/* -------------------------------------------Ajout de photo-----------------------------*/
.photo
{
width:466px;
margin:auto;
font-size:12px;
color:white;
background-color:black;
border: 1px dashed #FFFFFF;
padding-top:12px;
padding-bottom:12px;
}
.photo input
{
padding-left:25px;
}
/* ---------------------Fin----------------------Ajout de photo-----------------------------*/



/* -------------------------------------------Invitation par Email-----------------------------*/
.mail
{
margin-left:50px;
background-color:#ff8800;
border-top:1px solid #33FF00;
border-right:1px solid #33FF00;
border-left:1px solid #33FF00;
}
.ticket2
{
background-color:#ff9900;
padding:2px;
}

select
{
color:red;
font-size:10px;
}
.partpub
{
border: 3px dashed #ff99ff;
}
.tab a
{
color:#ffffff;
text-align:center;
font-weight:bold;

text-decoration:blink;
}
.partenaires
{
border: 3px dashed #0000ff;
background-color:#FF6FCF;
width:200px;
margin:auto;
margin-bottom:30px;
text-align:center;
}
.prt
{
width:700px;
margin:auto;
font-size:1px;
text-align:center;
}
.prt a
{
color:#F8078F;
}
.copy
{
border: 1px solid #33FFFF;
background-color:#F8079C;
text-align:center;
margin:auto;
margin-top:15px;
width:600px;
}
.copy a
{
color:#33FFFF;
text-decoration:none;
}
 /*-------------------- formulaire------inscription-----------------------*/
#formulaire
{
color:#FFFFFF;
margin-left:40px;
wid th:550px;
}
/*---------Fin----------- formulaire------inscription-----------------------*/