/* SyllaDesign css  */

body{
	margin:0px;
	text-decoration: none;
	/*background-image:url(images/fondSite3.jpg);*/
	background-image:url(images/fond_home.jpg);
	background-repeat:repeat-x;
	
}

.body_fond_canard{
	background-image:url(images/fond_2010.jpg);
	background-repeat:repeat-x;
}

.body_fond_eau{
	background-image:url(images/fond_2010_a.jpg);
	background-repeat:repeat-x;
}

.body_fond_mouet{
	background-image:url(images/fond_2010_b.jpg);
	background-repeat:repeat-x;
}

.body_fond_etique{
	background-image:url(images/fond_ethics.jpg);
	background-repeat:repeat-x;
}
/*------------------------------------------------Gestion des id-----------------------------------------------------*/

#page {
	background-color:#FFFFFF;
	height:auto;
	/*border:1px solid #999999;
	border-style:dotted;*/
	/*margin:0 auto 48px;
	padding:0 12px;*/
	position: relative;
	text-align:left;
	width:961px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	
background-position:center center;
background-repeat:repeat;
height:680px;
left:50%;
margin:0 auto 0 -480px;
/*max-height:650px;
min-height:650px;*/
position:absolute;
}

/* des css pour les banners sur Iphone */
#divLogoSD {
	background-position:center;
	/*background-color:#999999;*/
	/*margin-bottom : 10px;
	margin-top : 15px;*/
	width:171px;
	height:650px;
	/*background-image : url("images/banniereAnim_fr.png");*/
	background-repeat:no-repeat;
	position:absolute;
	
  top: 0px;
  left: 0px;
}

#logoSyllaDesign{ 
text-align:right; 
width:171px;
height:90px;
position:absolute; 
top:0px; 
left: 0px;
}

#mainMenuLeft{ 
text-align:left; 
width:150px;
height:auto;
position:absolute; 
top:110px; 
left: 10px;
}

#valiDatorAll{ 
text-align:left; 
width:140px;
height:auto;
position:absolute; 
top:575px; 
left: 18px;
}

#divThum{ 
text-align:left; 
width:125px;
height:auto;
position:absolute; 
top:410px; 
left: 18px;
border-top:1px solid #CCC;
}

#divThumRight{
text-align:left;
font-size:9px;
width: 125px;
height:120px;
/*border-top:1px solid #0A57A5;*/
border-top:1px solid #CCC;
padding-left:8px;
clear: both;
z-index:6;
position:relative;
}

#divThumRight2{
text-align:left;
font-size:9px;
width: 125px;
height:100px;
/*border-top:1px solid #0A57A5;*/
border-top:1px solid #CCC;
padding-left:8px;
clear: both;
z-index:6;
position:relative;
margin-top:38px;
}


#divThumRight3{
text-align:left;
font-size:9px;
width: 125px;
height:170px;
/*border-top:1px solid #0A57A5;*/
border-top:1px solid #CCC;
padding-left:8px;
clear: both;
z-index:6;
position:relative;
margin-top:252px;
}

#divSuiteLogoSD {
	background-position:center;
	/*background-color:#0066FF;*/
	/*margin-bottom : 10px;
	margin-top : 15px;*/
	/*margin-left:171px;*/
	width:18px;
	height:650px;
	/*background-image : url("images/banniereAnim_fr.png");*/
	background-repeat:no-repeat;
	position:absolute;
	
  top: 0px;
  left: 171px;
}

#divContent {
	/*margin-left : 189px;*/
	width : 545px;
	/*height: 600px;*/
	height:650px;
	/*margin-top : 20px;
	background-repeat : repeat-y;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;	*/
	padding-bottom : 15px;
	margin-bottom : 15px;
	/*text-align:justify;*/
	position:absolute;
	
  top: 0px;
  left: 189px;
}

#divContent_page {
	margin-left : 189px;
	width : 615px;
	/*height: 600px;*/
	height:650px;
	/*margin-top : 20px;
	background-repeat : repeat-y;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;	*/
	padding-bottom : 15px;
	margin-bottom : 15px;
	/*text-align:justify;*/
	position:absolute;
}

/*debut des div du contenu*/
#hautDePage {
  background: #fff;
  /*position: absolute;
  top: 100px;
  left: 150px;*/
  width: 535px;
  height: 90px;
}

#hautDePage p img {position:absolute; left:0; top:60px;}

/* choix de langue*/
#ChoixLangue{ 
text-align:right; 
width:300px;
height:25px;
position:absolute; 
top:11px;
right: 29px;
}

#langChoix{ 
text-align:right; 
width:100px; 
position:absolute; 
/*top:11px; */
right: 50px;
}

#langHome{ 
text-align:right; 
width:50px; 
position:absolute; 
/*top:15px;*/ 
right: 1px;
}

/* FIN choix de langue*/

#imageTrait {
  background: #fff;
  position: absolute;
  top: 90px;
  left: 0px;
  width: 535px;
  height: 18px;
  /*margin-bottom:20px;*/
    margin:0;
  padding:0;
}

#divContent_1er {
  background: #fff;
  /*position: absolute;
  top: 100px;
  left: 150px;*/
  width: 535px;
  height: 257px;/* 247 = taille de la video flash*/
    margin:0;
  padding:0;
}

/* les divs pour les pages de textes------------------------------------------------------------------------------------------------------------------------*/
#divContent_text {
  background: #fff;
  /*position: absolute;
  top: 100px;
  left: 150px;*/
  width: 535px;
  height: 530px;/* 247 = taille de la video flash*/
  margin:0;
  padding:0;
  
  /*border:#666 solid thin;*/ 
  
}

#divContent_text ul{
	padding-left: 10px;
	}

#divContent_text ul li {
	display:list-item;
	list-style: url(images/ok_ul_li.png);
	text-align:left;
}

#divContent_text_1{
	width: 480px;
	height:470px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	letter-spacing: normal;
	position:absolute;
	top:115px;
	left: 25px;
	
	border:#666 solid; 
}


#titre_h1{
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 105px;
	left: 60px;
	width: 400px;
	height: 30px;
	margin:10px 5px 5px 0;
  /*margin-bottom:20px;*/
}



#texteParagraph {
	padding-left:50px; 
	padding-right:30px;
	text-align:left;
	}


#texteParagraph a:visited {
	color:#000000;
	}

/* FIN les divs pour les pages de textes---------------------------------------------------------------------------------------------------------------------*/

#divContent_2em {
  background: #fff;
  /*position: absolute;
  top: 100px;
  left: 150px;*/
  width: 535px;
  height: auto;/* la présentation jQerry*/
}

#divContent_3em {
  background: #fff;
  /*position: absolute;
  top: 100px;
  left: 150px;*/
  width: 535px;
  height: 50px;/* sous la présentation jQerry*/
}
/* fin div du contenu*/

#menuRight {
	background: /*#FFF;*/ url(images/fond_div_search2.png) left top repeat-x;
	width : 135px;
	height:470px;
	padding-bottom : 15px;
	margin-bottom : 15px;
	/*text-align:justify;*/
	position:absolute;
	
	border-top-width:7px;
	/*border-bottom-width:4px;*/
	border-top-style:solid;
	/*border-bottom-style:solid;*/
	border-top-color:#000;
	/*border-top-color:#EAEAEA;*/
	/*border-bottom-color:#3333FF;*/
	
  top: 0px;
  left: 745px;
	
}

#menuRight p {
	position:relative; 
	width:120px; 
	/*padding-right:120px; */
	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #72634D;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
	
	} 
/*#pubGoogle p img {position:absolute; right:0;}*/



/* la taille de ce div=86 mais pour coller les elemnents je lui donne une taille de 104*/
#divElementGraphic {
	/*margin-left : 870px;*/
	width : 116px;
	/*height: 600px;*/
	height:650px;
	/*margin-top : 20px;
	background-repeat : repeat-y;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;	*/
	padding-bottom : 15px;
	margin-bottom : 15px;
	/*text-align:justify;*/
	position:absolute;
	text-align:right;
	
		/*border-top-width:7px;*/
	/*border-bottom-width:4px;*/
	/*border-top-style:solid;*/
	/*border-bottom-style:solid;*/
	/*border-top-color:#000;*/
	/*border-bottom-color:#3333FF;*/

	
  top: 0px;
  left: 845px;
  z-index:1;
}

#texteGraphiq{ 
text-align:right; 
width:30px;
height:329px;
position:absolute; 
top:94px; 
right: 0px;
z-index:5;
}

#coupeGraphiq{ 
text-align:right; 
width:86px;
height:149px;
position:absolute; 
top:490px; 
right: 0px;
}

#divHeader_en {
	background-position:center;
	background-color:#0066FF;
	margin-bottom : 10px;
	margin-top : 15px;
	background-image : url("images/banniereAnim_en.png");
	background-repeat:no-repeat;
}

#divHeader_it {
	background-position:center;
	background-color:#0066FF;
	margin-bottom : 10px;
	margin-top : 15px;
	background-image : url("images/banniereAnim_it.png");
	background-repeat:no-repeat;
}

#divHeader_de {
	background-position:center;
	background-color:#0066FF;
	margin-bottom : 10px;
	margin-top : 15px;
	background-image : url("images/banniereAnim_de.png");
	background-repeat:no-repeat;
}

#divHeader_sp {
	background-position:center;
	background-color:#0066FF;
	margin-bottom : 10px;
	margin-top : 15px;
	background-image : url("images/banniereAnim_sp.png");
	background-repeat:no-repeat;
}

/* FIN des css pour les banners sur Iphone */

#divLangue {
	margin-right : 15px;
	width : 140px;
	height : 20px;
	text-align : center;
	padding-top : 5px;
	margin-bottom : 5px;
	float : right;
}

#divMenu {
	margin-left : 15px;
	width : 160px;
	height : auto;
	text-align : left;
	padding-bottom : 10px;
	margin-top : 15px;
	float : left;
	background-repeat : repeat-y;
	font-size:14px;
	color:#000066;
	font-family:Georgia, "Times New Roman", Times, serif;

}



#divMelanie {
	margin-right :15px;
	width : 135px;
	height: 209px;
	margin-top : 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;	
	padding-top:18px;
	margin-bottom : 7px;
	/*display:block;*/
	display:block;
	float:left;
	background-image : url("images/fond_DivMelanie_photo.jpg");
	background-repeat:no-repeat;
}

#divTrados {
	/*margin-left :15px;*/
	width : 130px;
	height: 132px;
	margin-top : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;	
	padding-top:18px;
	margin-bottom : 7px;
	/*display:block;*/
	float:left;
	/*fixed: left;*/
	background-image : url("images/fond_DivTrados_photo.jpg");
	background-repeat:no-repeat;
}

/*
#divWebrank {
	margin-left : 15px;
	width : 160px;
	height : auto;
	text-align : left;
	padding-top:10px;
	margin-top:10px;
	padding-bottom : 5px;
	margin-bottom : 5px;
	fixed: left;
	font-size:14px;
	color:#000066;
}
*/
#divFooter {
	width : 961px;
	height : auto;
	margin-bottom : 10px;
	text-align : center;
	/*margin-top : 650px;*/
	color:#999999;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	line-height: 20px;
	position:absolute;
	
  top: 650px;
  left: 0px;
	
}

#divFormulaire {
	margin-left : 20px;
	width : 560px;
	height: auto;
	margin-top : 20px;
	/*background-repeat : repeat-y;
	color:#999999;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;	
	padding-bottom : 15px;
	margin-bottom : 15px;
	text-align:justify;
	background-image : url("images/bleuForm.gif");

}

/*------------------------------------------------------------------------------------------------------------------------*/



#intro_Flash_fr{
background-image:url(images/img_Flash_fr.jpg);
background-repeat:no-repeat;
position:absolute; 
top:115px; 
left: 30px;
}

#intro_Flash_en{
background-image:url(images/img_Flash_en.jpg);
background-repeat:no-repeat;
position:absolute; 
top:115px; 
left: 30px;
}

#intro_Flash2_fr{
background-image:url(images/img_Flash2_fr.jpg);
background-repeat:repeat;
width:800px;
height:600px;
}

#intro_Flash2_en{
background-image:url(images/img_Flash2_en.jpg);
background-repeat:repeat;
width:800px;
height:600px;
}


#scroll_Present{
	width:611px;
	height: 400px;
/*	overflow:auto;
	border: 0px;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#666666;
	scrollbar-3dlight-color:#666666;
	scrollbar-darkshadow-color:#666666;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#ffffff;*/
}

.cadreBas{
	border-top-width:4px;
	border-bottom-width:4px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#BF2B37;
	border-bottom-color:#BF2B37;
	text-decoration: none;
}
.cadreBas2{
	border-top-width:4px;
	border-bottom-width:4px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#3333FF;
	border-bottom-color:#3333FF;
}
.cadreBas3{
	border-top-width:4px;
	border-bottom-width:4px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#009999;
	border-bottom-color:#009999;
}
.cadreBas4{
	border-top-width:4px;
	border-bottom-width:4px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#006600;
	border-bottom-color:#006600;
}
.cadreBas5{
	border-top-width:4px;
	border-bottom-width:4px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#CC6600;
	border-bottom-color:#CC6600;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
}

.p_left {
	text-align:left;
}

.entreParenth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
}


h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	line-height: 13px;
	/*font-weight: bold;*/
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	/*letter-spacing: 2px;*/
	margin:5px 5px 5px 0;
}

/*.main_Menu_On_c {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight: normal;
	/*color: #000000;*/
	/*color:#0A57A5;
	text-decoration: none;
	}*/

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 14px;
	line-height: 13px;
	/*font-weight: bold;*/
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	letter-spacing: 0.1em;
	margin:5px 5px 5px 0;
}


.subNavOF {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: normal;
	}
	
.subNavEN {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #535353;
	text-decoration: none;
	letter-spacing: normal;
	
}
.subnavON {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 2px;

}

.SousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.SousTitre_h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #990000;
	/*color:#C00;*/
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.texte_noir{
	color: #000;
	}

.texte_bleu{
	color: #0A57A5;
	}
	
.texte_vert{
	color: #016E45;
	}
	
.texte_brun{
	color: #8F3900;
	}

.SousTitre_g {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #0A57A5;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.SousTitre_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #6B1687;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.SousTitre_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #8F3900;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.SousTitre_r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #016E45;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.SousTitre_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #72634D;
	text-align: justify;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: none;
}

.lienText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.lienDiversON {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	text-decoration: none;
}

.lienDiversOF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	text-decoration: none;
}




/* lien pour les langues */

.lienLanguON {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	text-decoration: none;
	margin: 0 8px 0 8px;
}

.lienLanguOF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	text-decoration: none;
	margin: 0 8px 0 8px;
}

.lienHomeON {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	text-decoration: none;
	margin: 0 0 0 15px;
}

.lienHomeOF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	text-decoration: none;
	margin: 0 0 0 15px;
}

/*  Fin lien pour les langues */


.separLangue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 9px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

/* 
.lienLanguONN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	text-decoration: none;
}*/

.MenuActive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 1px;
}

a:link {
	color: #000000;
	text-transform: none;
	text-decoration: none;
	
}

/*
a:link.p {
	color: #990000;
	text-transform: none;
	text-decoration: none;
	
}*/
a:visited {
	color: #000000;
	text-transform: none;
	font-style: normal;
	text-decoration: none;	
}

a:hover {
	color: #FF0000;
	text-transform: none;
	text-decoration: underline;
}

/*a:active{
	background-color:#F00;
	text-decoration: none;
}*/

.fond{
background-image:url(images/finSitehaut.gif);
}
.fondBas{
/*background-image:url(images/finSiteBas.gif);*/
background: url(images/finSiteBas2.gif) repeat-x;
padding-top:10px;
text-align:center;
}

.fondFlash{
background-image:url(images/noir.gif);
}
.ItemBody {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-align: left;
}


/* GESTION DU FORMULAIRE DE CONTACT*/
fieldset
  {
	padding: 2px;
	/*background-image : url("images/traitGris.gif");*/
  	border:1px solid #999999;
	border-style:dotted;
  }
  
/*textarea {
	background-color: #DDDDDD;
}*/
   
.input 
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;
	}
		
input[type="submit"], input[type="button"], input[type="reset"]
	{
	background-color: #C0C0C0;
	color: black;
	border: 1px outset #999999;
	cursor:pointer;
	}

input[type="text"]:focus, input[type="password"]:focus 
	{
	background-color: #DDDDDD;
	color: black;

	}
	
label
  {
  display: inline;
  float: left;
  width: 150px;
  } 

legend
  {
  padding-right: 5px;
    padding-left: 5px;
  }
  
.float {
	display: block;
	width:200px;
	float:left;
	font-family: verdana, serif;
	font-size:12px
}
 
.espace_form {
	line-height:1.0px;
}

ul {
margin-left: 20px;
list-style:none;
}
  
/* fin GESTION DU FORMULAIRE*/


#pubGoogle{
	background: /*#FFF;*/ url(images/fond_div_search2b.png) left top repeat-x;
	color:#818181;
	/*border:1px solid #fff;*/
	padding-top:10px;  
	position:absolute;
	width:124px;
	height:220px;
	left:6px; 
	top: 10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	}
	
#pubGoogle a {
	font-size:10px;
	color:#666;
	/*letter-spacing: 1px;*/
	}
#pubGoogle .titre{
font-size:10px; 
color: #000;
font-family:Verdana, Geneva, sans-serif;
letter-spacing:normal;
}
/* getion de la connection depuis la homePage les css suplémentaire sont un peu plus bas*/

#connectAll{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 text-align:left;	 
	 width:145px; 
	 /*position:absolute; 
	 top:5px; */
	 /*left: 8px;*/
	 font-size:10px;
	/* height:300px;*/
	 height: auto;
	 margin-bottom:10px;
	 padding-bottom:5px;
	 padding-left:8px;
	 float:left;
	 /*position:absolute;*/
	 z-index:3;
	}
/* GESTION DU FORMULAIRE DE CONNECTION #connectAll */
#connectAll fieldset
  {
	/*padding: 4px;*/
	/*background-image : url("images/traitGris.gif");*/
  	border:1px solid #999999;
	border-style:dotted;
  }
  
   
#connectAll input 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-bottom:5px;
	margin-top:2px;
	}
		
#connectAll input[type="submit"], input[type="button"], input[type="reset"]
	{
	background-color: #C0C0C0;
	color: black;
	font-size:10px;
	border: 1px outset #999999;
		cursor:pointer;
	}

#connectAll input[type="text"]:focus, input[type="password"]:focus 
	{
	background-color: #DDDDDD;
	color: black;
	font-size:10px;
	}
	
#connectAll label
  {
  display: inline;
  float: left;
  width: 80px;
  } 

#connectAll legend
  {
  padding-right: 5px;
    padding-left: 5px;
  }
  
/*#connectAll .float {
	display: block;
	width:100px;
	float:left;
	font-family: verdana, serif;
	font-size:9px;
}*/

#connectAll .espace_form {
	line-height:1.0px;
}

/* fin GESTION DU FORMULAIRE DE CONNECTION #hautDePage*/

em {
	font-size : 90%;
}

/*pour la connexion des membres*/
.message  {
    margin-top: 3px;
    font-size: 10px;
    border: 1px solid #000000;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
    padding: 5px;
	padding-left:5px;
    text-align: left;
    margin-bottom: 5px;
	letter-spacing:0px;
	/*cursor:pointer;*/
	width:100%;
}
#message{
	position: relative;
	/*display:block;*/
	background: #FFF2F2;
	width:160px;
	cursor:pointer;
	z-index:10;
	}
/*------------------------------------------------------------------------------------------------------------------------*/