/*---------------------------------------------------------------------------
   Commun
---------------------------------------------------------------------------*/

body
{
    background:#fff;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    /*font-family: Georgia,Serif;*/
    font-size: 12pt;
    text-align: left;
    color:#333;
}
a:link
{
    color:#969;
    text-decoration:none;
}
a:visited
{
    color:#969;
    text-decoration:none;
}
a:hover
{
    color:#c60;
    text-decoration:underline;
}
a img
{
    border-width: 0;
}

table td
{
	text-align: left;
}

p {
	margin: 0px 0px 5px 0px;
}

/*---------------------------------------------------------------------------
   Tetiere
---------------------------------------------------------------------------*/
DIV.tetiere
{
	/*border: solid 1px #CCCCCC;*/
	margin-bottom: 10px;
	position: relative;
}

.flagES, .flagEN, .flagFR, .flagBR
{
    position: absolute;
    left: 885px;
}
.flagFR
{
    top: 0px;
}
.flagES
{
    top: 20px;
}
.flagEN
{
    top: 40px;
}
.flagBR
{
    top: 60px;
}



/*---------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
DIV.footer
{
	/*border-bottom: solid 1px #ccc;*/
	background-color: #eee;
	margin: 10px 0px 10px 0px;
	padding: 3px;
	text-align: center;
	font-family: arial;
	font-size: 9pt;
    color: #888;
}
DIV.footer TD
{
    color: #888;
}
DIV.footer P {
	margin: 0px 0px 0px 0px;
}
DIV.footer A, DIV.footer A:visited {
    color: #888;
    text-decoration: none;
}


/*---------------------------------------------------------------------------
   TABLE Main
---------------------------------------------------------------------------*/
TABLE.main
{
  width : 900px;
}

TABLE.main TD.col_main2
{
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  width : 100%;
}

TABLE.main TD.col_main
{
  vertical-align: top;
  padding: 0px 10px 0px 0px;
  width : 700px;
}

TABLE.main TD.col_right
{
  vertical-align: top;
  width : 200px;
  border-left: solid 1px #f0f0f0;
  padding-left: 10px;
}


/*---------------------------------------------------------------------------
   Partie commune aux pages
---------------------------------------------------------------------------*/

div.titre_page
{
	padding: 0px;
	color: #CC6600;
	font-size: 15pt;
	margin: 10px 0px 0px 0px;
	/*text-transform: uppercase;*/
}

div.sous_titre
{
	padding: 0px;
	color: #CC6600;
	font-size: 15pt;
	margin: 20px 0px 20px 0px;
}

div.presentation
{
    float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    font-family: Georgia,Serif;
    line-height: 160%;
    font-size: 10pt;
	width: 520px;
	/*border: solid 1px #CCCCCC;*/
}

div.sep
{
	clear: both;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
}

div.sep_mini
{
	clear: both;
}

/*---------------------------------------------------------------------------
   Partie commune aux pages : PHOTO
---------------------------------------------------------------------------*/

div.photo_place
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 150px;
    height: 105px;
}
img.photo 
{
    position: absolute;
	width: 150px;
	height: 105px;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
}
img.photo-round {
    position: absolute;
	width: 150px; /* 60 */
	height: 105px; /* 60 */
    top: 0px;
    left: 0px; /* 6 */
}

div.round-1
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    width: 8px;
    height: 8px;
}
div.round-2
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
}
div.round-3
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    visibility: hidden;
    width: 8px;
    height: 8px;
}
div.round-4
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 8px;
    height: 8px;
}

/*---------------------------------------------------------------------------
   PAGE ACCUEIL
---------------------------------------------------------------------------*/

div.acc_compteur
{
    /*position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;*/
	width: 300px;
	/*background-color: Yellow;*/
}

P.acc_compteur
{
    font-family: Georgia,Serif;
	color: #CC6600;
	font-size: 15pt;
	text-align: center;
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	/*margin: 20px 0px 20px 0px;*/
}
SPAN.acc_compteur_manu
{
	font-size: 12pt;
}

div.acc_presentation {
	margin: 0px 10px 0px 30px;
	padding: 0px 0px 0px 0px;
    font-family: Georgia,Serif;
    line-height: 120%;
    font-size: 11pt;
	/*width: 560px;*/
	/*border: solid 1px #CCCCCC;*/
/*
	margin: 10px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
    font-family: Georgia,Serif;
    line-height: 140%;
    font-size: 11pt;
*/
}


div.titre_groupe, div.titre_groupe_site 
{
    position: relative;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 1px 10px;
	font-weight: bold;
	background-color: #CDDDFF;
	color: #228;
	font-family: Helvetica;
	font-size: 15pt;
}
div.titre_groupe_site {
	margin: 30px 0px 0px 0px;
	background-color: #FEB1B1;
	color: #228;
}

div.bloc_groupe, div.bloc_groupe_site {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: Helvetica;
	font-size: 10pt;
}

div.entree, div.entree_right
{
	width: 280px; /* 330 */
	float: left;
	margin: 0px 25px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.entree_right {
	margin: 0px 0px 25px 0px;
}

div.entree A
{
    text-decoration: none;
}

div.photo_place_acc
{
    float: left;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    width: 150px;
}

DIV.lien_place_acc
{
    float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
DIV.lien_place_acc P
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Helvetica;
	font-size: 8pt;
	line-height: 250%;
}
DIV.lien_place_acc A, DIV.lien_place_acc A:visited
{
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 2px;
	color: #666;
    text-decoration: none;
}
DIV.lien_place_acc A:hover
{
    color: #000;
}
/*-*/

div.entree_titre
{
    padding: 6px 6px 1px 8px;
    margin: 0px 0px 0px 0px;
    background-image:url("images/texte-h-2.gif");
    background-repeat:no-repeat;
    white-space: nowrap;
    overflow: hidden;
}
div.entree_titre A
{
	font-size: 11pt;
	color: #5588AA;
    text-decoration: none;
}

div.entree_texte
{
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
    height: 105px;
    background-image:url("images/texte-c-2.gif");
    background-repeat:repeat-y;
}
div.entree_bas
{
    padding: 3px 3px 3px 10px;
    margin: 0px;
    height: 5px;
    background-image:url("images/texte-b-2.gif");
    background-repeat:no-repeat;
    background-position:bottom;
}

p.nombre {
	margin: 0px;
	color: #CC6600; /*Gray; /*Red;*/ 
	font-weight: bold;
}

p.texte {
	margin: 0px;
}

p.clear
{
	clear: left;
}

DIV.entree_titre P
{
	font-size: 10pt;
	font-weight: bold;
	color: #5588AA;
	border: solid 0px #5588AA;
}

DIV.bloc_rencontre P.titre {
	font-size: 12pt;
	font-weight: bold;
	color: #5588AA;
	/*background-color: #CDDDFF; /*ccc;*/
	/*padding: 3px;*/
}


/*---------------------------------------------------------------------------
   Grands Liens
---------------------------------------------------------------------------*/

DIV.grand_lien_place
{
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
DIV.grand_lien_place_right
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: solid 1px red;*/ 
}

DIV.grand_lien
{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 2px 5px 2px 5px;
	font-family: Helvetica;
	/*line-height: 300%;*/
    font-size: 10pt;
    font-weight: bold;
	background-color: #eee;
	border: solid 1px #ccc;
	color: #666;
}
DIV.grand_lien_right
{
	float: none;
	margin: 0px 0px 0px 0px;
	text-align: center;
	/*background-color: #CDDDFF; *-*/
}

DIV.grand_lien A, DIV.grand_lien A:visited
{
	line-height: 140%;
	color: #666;
    text-decoration: none;
}
DIV.grand_lien A:hover
{
    color: #000;
}

/*---------------------------------------------------------------------------
   PAGE TEMOIGNAGES (et page Ecrire en grande partie)
---------------------------------------------------------------------------*/

div.photo_place_tem
{
    float: left;
    padding: 0px;
    margin: 0px 10px 0px 0px;
}

P.merci {
	color: #FF0000;
	text-align: left;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
}

P.savoir_plus
{
	margin-top: 10px;
}

DIV.lien_tem
{
	margin: 15px 0px 0px 0px;
}

p.tem_recent {
    color: #bbb;
    font-style: italic;
    margin: 10px 20px 5px 0px;
    text-align: right;
    /*font-family: Arial;*/
    font-size: 10pt;
}

DIV.tem_liste {
  margin: 0px 20px 0px 0px;
  padding: 10px 0px 10px 0px;
  border: solid 0px #eee;
  border-width: 1px 0px 1px 0px;
  /*float: left;
  /*width: 500px; /* !!! */
}

DIV.tem {
/*  border: solid 1px #3CA8E9; /*#C1DDEF;/*#375EA3;*/
  border-color: #ddd;
  border-style: dashed;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 20px;
  padding: 0px;
  /*width: 500px; /* !!! */
}

p.tem_nom, p.tem_nomFA {
  /*text-transform: uppercase;*/
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  margin: 0px;
  margin: 5px 0px 0px 0px;
}

p.tem_act, p.tem_actFA, p.tem_suj, p.tem_sujFA {
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

p.tem_tex, p.tem_texFA {
  padding: 0px;
  margin: 5px 0px 0px 0px;
  font-family: Georgia,Serif;
  line-height: 160%;
  font-size: 10pt;
}

p.tem_bas, p.tem_basFA, p.tem_tag  {
  text-align: right;
  font-size: 8pt;
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color: #bbb;
  padding: 5px 5px 0px 5px;
  margin: 0px;
  text-transform: uppercase;
}
p.tem_tag  {
  /*text-align: left;*/
  font-size: 8pt;
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color: #bbb;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  /*text-transform: none;*/
}

p.tem_nomFA, p.tem_texFA, p.tem_basFA, p.tem_tagFA {
	direction: rtl;
}
p.tem_nomFA, p.tem_texFA {
	font-size: 12pt;
}

DIV.tem_reponse {
  border: dashed 1px #CCCCCC;
  margin: 5px 30px 10px 30px;
  padding: 5px;
}

P.tem_reponse_titre {
  font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size: 10.5pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

P.tem_reponse {
  margin: 0px;
  padding: 0px;
}


P.tem_link { 
	text-align: center;
	direction: ltr;
	font-family: Helvetica;
	font-size: 10pt;
}
.tem_link_num { 
    /*font-family: arial;*/
}

P.tem_link_small { 
  font-family: arial;
  font-size: 7pt;
  line-height: 150%;
  margin: 10px 20px 10px 20px;
  text-align: center;
}

DIV.tem_langues_place
{
	margin: 10px 0px 0px 0px;
    /*border: dashed 1px #CCCCCC;
    border-width: 1px 0px 0px 0px;*/
}
TABLE.tem_langues
{
	margin: 0px 0px 0px 0px;
	/*border: solid #FF0000 1px;*/
	width: 650px;
}
DIV.tem_langue
{
	/*float: left;
	width: 70px;
	margin: 0px 0px 0px 0px;
	/*border: solid #FF0000 1px;*/
	display: inline;
}


TD.label, TD.libinactif {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

TD.libinactif {
	color:#B0B0B0;
}

TABLE.radio TD P {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


DIV.ami_merci {
  background-color: #3CA8E9; /*#2975C3;*/
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 1px 1px 1px 1px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

DIV.ami_merci P {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 10px 10px 10px;
  margin: 0px;
}

A.tag {
	color: #c0c0c0;
	text-transform: none;
}
A.tag:hover
{
	color: #808080;
	text-decoration: none;
}

/*---------------------------------------------------------------------------
   Colonne droite
---------------------------------------------------------------------------*/

div.retour { /*pour les images */
	/*width: 200px;*/
	/*float: right;*/
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

div.sites { /*pour les images */
    text-align: center;
    background-color: #eee;
	padding: 0px;
	margin: 10px 0px 15px 0px;
}
p.nombre_sites {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #CC6600; /*Gray; /*Red;*/ 
	font-weight: bold;
}

img.border {
	border: solid 1px #eee;
}

div.col_right DIV.titre {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	color: #CC6600;
	/*text-transform: capitalize;*/
	font-size: 13pt;
	clear: both;
}

div.retourG {
    position: relative;
    width:200px;
    height:35px;
    border:solid 0px #ff0000;
    margin-bottom: 10px;
}
div.retourH {
    position: absolute;
    top:3px;
    left:3px;
    width:195px;
    height:30px;
    background-color: #c0c0c0;
}
div.retourT {
    position: absolute;
    top:0px;
    left:0px;
    width:185px;
    height:25px;
    background-color: #ddd;
    padding: 5px 0px 0px 10px;
    text-align: center;
}
A.retour {
    /*color: #fff;*/
    font-weight: bold;
    /*text-decoration: none;*/
}
A.retour:hover {
    /*color: #ff0;*/
}

/*---------------------------------------------------------------------------
    colonne droite : LISTE SUJ/ACT MINI dans 
---------------------------------------------------------------------------*/

div.entree_mini
{
	border: solid 1px #FFF;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 9pt;
	color: #5588AA;
	width: 200px;
}

div.entree_mini ul /* pour tag */
{
	margin: 0px 0px 0px 20px;
}

div.titre_groupe_mini, div.titre_tag_mini
{
    position: relative;
	height: 28px;
	overflow: hidden;
	margin: 20px 0px 5px 0px;
	padding: 5px 3px 1px 5px;
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
	color: #228;
	background-color: #CDDDFF;
}
div.titre_tag_mini {
	background-color: #FEFDB1;
}

div.photo_place_mini
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
	width: 60px;
	height: 42px;
}

img.photo_mini
{
	width: 60px;
	height: 42px;
	top: 0px;
	left: 0px;
	border: solid 1px #eee;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.texte_mini
{
    float: left;
    margin: 0px 0px 0px 5px;
    width: 130px;
    /*border: solid 1px #f00;*/
}

A.lien_mini, A.lien_mini:hover, A.lien_mini:visited
{
	color: #5588AA;
	font-weight: bold;
	text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


/*---------------------------------------------------------------------------
   Formulaire tem
---------------------------------------------------------------------------*/

DIV.formulaire, DIV.formulaire TD
{
  font-family: Georgia,Serif;
  line-height: 100%;
  font-size: 10pt;
}

DIV.formulaire P
{
    margin: 10px 0px 3px 0px;
}

#imgCaptcha
{
    border: solid 1px #7F9DB9;
}

P.captcha_error
{
    color: #f00;
    text-align: center;
    font-weight: bold;
}


/*---------------------------------------------------------------------------
   Info Mouvup
---------------------------------------------------------------------------*/

DIV.info
{
	position: absolute;
	top: 0px;
	left: 0px;
	/*display: none;*/
	visibility: hidden;
	width: 300px;
	border: solid 5px #999999;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

DIV.info, DIV.info TD
{
	color: #676767;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}

DIV.info DIV.titre
{
	border: solid 1px #e5e5e5;
	padding: 3px;
	margin: 0px;
	background-color: #f2f2f2;
	font-weight: normal;
}

DIV.info DIV.texte
{
	padding: 10px;
	margin: 0px;
}

DIV.info A
{
	font-weight: bold;
}