/* CSS Document */
@charset "iso-8859-1";
/*			STYLE GENERAL	 	   */
/*			HABILLAGE PAGE 		   */
/*			HOME			 	   */
/*			PAGE			 	   */
/*			MENU			 	   */
/*			PIED PAGE		 	   */
/*			AUTRE			 	   */
/*			FORM		 		   */


/*** IMPORT RESET CSS ***/
@import url(reset.css);

/* doc */
/*
text-shadow: 0pt 1px 1px rgb(47, 77, 154);

-moz-box-shadow: 0px 0px 5px #1a2e62;
-webkit-box-shadow:  0px 0px 5px #1a2e62;
box-shadow:  0px 0px 5px #1a2e62;

border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 

background-image: -ms-linear-gradient(top, #FFFFFF 70%, #C2C2C2 100%);  
background-image: -moz-linear-gradient(top, #FFFFFF 70%, #C2C2C2 100%);  
background-image: -o-linear-gradient(top, #FFFFFF 70%, #C2C2C2 100%);  
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #FFFFFF), color-stop(1, #C2C2C2));  
background-image: -webkit-linear-gradient(top, #FFFFFF 70%, #C2C2C2 100%); 
background-image: linear-gradient(top, #FFFFFF 70%, #C2C2C2 100%); 

background-image: -webkit-gradient(radial,center center,10,center center,480,from(#aedae5),to(white));

*/


hr, .masque, #acces .masque, #loading, #logo span, #accroche1 span, #accroche2 span, #accroche3 span
{
	display:none;
}

/*********** STYLE GENERAL *********/

html
{
	font-size:100%;
}

html, body
{
	/*position:relative;
	height: 100%;*/
}
body
{
	background:url(../img/fond.png) repeat-x left top #595959;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 80%;
	color: #4b5960;
	text-align:center; /* center pour ie 5 */
}

/*** lien ***/
/* Remember "LoVe/HAte" Linking */
a  {
	color: #0086ed;
	text-decoration: none;
	/*position:relative; ie6 */
}

a:hover
{
	color: #2fbdff;
}

.lien2
{
	color:#CA0E1D;
}
.lien2:hover
{
	color:#7D7666;
}


/*** TITRE ***/

h1,
.titre,
h2,
.stitre,
h3,
.sstitre,
#mh
{
	font-family: 'Ubuntu', arial, serif;
}


h1,
.titre
{
	color:#878787; /* 9f9f9f 878787 */
	font-size:180%;
	margin:1em 0;
	font-weight:normal;
}
h2,
.stitre
{
	font-size:130%;
	font-weight:500;
	margin:0.6em 0;
	background:url(../img/puce.05.png) no-repeat left 0.5em;
	padding-left:14px;
}
h2,
.stitre,
h2 a
{
	color:#555; /*  */
}
h2 a:hover
{
	color:#F59B00; /*  */
}


h3,
.sstitre
{
	font-size:110%;
	margin:0.3em 0;
}


/*** LISTE ***/
dl
{
	margin:1em 0 1em 0;
}
dl dt
{
	margin-bottom:0.3em;
}
dl dd
{
	margin:0.3em 0;
}

.puce
{
	background:url(../img/picto/right.gif) no-repeat left 0.4em;
	padding-left:10px;
	margin:0.3em 0;
}
.liste
{
	margin-left:0;
}
.liste dd,
.liste li
{
	background:url(../img/picto/right.02.gif) no-repeat left 0.5em;
	padding-left:10px;
}


/*** float left et right, align ***/
.floatleft { float:left; }
.floatright { float:right; }

.textleft {	text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.textjustify { text-align:justify; }

.margin0 { margin:0; }
.marginauto { margin:auto; }

.marginright { margin-right:1em; }
.marginleft { margin-left:1em; }

.marginbottom { margin-bottom:2em; }
.margintop { margin-top:2em; }
.margintop-2 { margin-top:-2.5em; }

.vmiddle { vertical-align:middle; }
.vtop { vertical-align:top; }
.vbottom { vertical-align:bottom; }

.big { font-size:120%; }
.mini { font-size:80%; }

.color1 { color:#FADA1B; }
.color2 { color:#FFFFFF; }

.lowercase { text-transform:uppercase; }

.wrap,
.clear
{
	clear:both;
}

.sep {
    background: url("../img/sep/sep.60.png") no-repeat center center;
    height: 8px;
    margin: 1em 0;
}

.fontsize85
{
	font-size:85%;
}




/* Largeur élément général de la page */

#bandeau, #footer, #contenu, #mh, .bordure
{
	width:950px;
}
#bandeau, #contenu
{ /* anul le bug positionnement ie 5 */
	text-align:left;
}

.bordure
{
	margin:auto;
	border:1px solid #c4c4c4;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow:  0px 0px 10px #000;
	box-shadow:  0px 0px 10px #000;
}

/**** navigation pied ****/
.navig
{
	/* position:relative;  bug ie6.css */
	float:right;
	list-style:none;
	margin:0.3em 1em;
	font-size:90%;
}
.navig li
{
	text-align:right;
	margin:0.5em 0.6em;
	display:inline;
}
.navig a  
{
	/* zoom:1;  bug ie6.css */
	background:url(../img/picto/puce.gif) no-repeat left 0.4em;
	padding-left:11px;
}
.navig .top a,
.navig .bottom a,
.navig .left a,
.navig .right a
.navig .print a
{
	background:url(../img/picto/top.gif) no-repeat left 0.55em;
	padding-left:11px;
}
.navig .bottom a
{
	background:url(../img/picto/bottom.gif) no-repeat left 0.55em;
}
.navig .left a,
.navig .right a
{
	background:url(../img/picto/left.gif) no-repeat left 0.4em;
	padding-left:10px;
}
.navig .right a,
.navig .right2 a
{
	background:url(../img/picto/right.gif) no-repeat right 0.45em;
	padding-right:10px;
	padding-left:0;
}
.navig .left2 a
{
	background-image:url(../img/picto/left.02.gif);
}
.navig .right2 a
{
	background-image:url(../img/picto/right.02.gif);
}
.navig .print a
{
	background:url(../img/picto/print.gif) no-repeat left 0.35em;
	padding-left:14px;
}
.navig .pdf a
{
	background:url(../img/picto/pdf.gif) no-repeat left 0.2em;
	padding:2px 3px 2px 20px;
}
.navig .plus a
{
	background:url(../img/picto/picto.loupe.gif) no-repeat left 0.3em;
	padding-left:16px;
}



/***** HEADER ACCES *****/


/*** LANGUE *****/
#langue
{
	position:absolute;
	right:10px;
	top:5px;
	margin:0;
	padding:0;
	z-index:6;
	/*background-color:#FF9;*/
	list-style:none;
	margin:0;
}
#langue li
{
	display:inline;
	margin-left:0.5em;
}
#langue li a
{
	display:inline-block;
	width:16px;
	height:10px;
	background-repeat:no-repeat;
	overflow:hidden;
	border:1px solid #ccc;
}
#langue li a:hover
{
	border:1px solid #fada1b;
}
#fr { background:url(../img/langue.png) left top; }
#uk { background:url(../img/langue.png) right top; }

#langue li a span
{
	display:none;
}

/** Navigation haut ***/
#acces
{ /* acces rapide haut page */
	position:absolute;
	top:0;
	right:8em;
	z-index:1;
	/*background-color:#eee;*/
}

/*** Acces rapide Contenu haut page ***/

#accesmenu
{
	margin:0;
	height:25px
}
#accesmenu li
{
	/*float:left;*/
	display:inline;
	margin:0;
	list-style:none;
	color:#999;
}
#accesmenu li a
{
	display:inline-block;
	cursor:pointer;
	color:#ccc;
	margin: 0 0.1em 0 0.1em;
	font-size:85%;
	text-decoration:none;
	line-height:25px; /* bug ie8 */
}
#accesmenu li a:hover,
#accesmenu li a:hover strong
{
	color:#eee;
}
#accesmenu .current a, #accesmenu .current a:hover,
#accesmenu .current a strong, #accesmenu .current a:hover strong
{
	color: #fff;
	font-weight:bold;
}
#accesmenu li  a strong
{
	font-size:110%;
	color: #fff;
	font-weight:bold;
}
.key
{
	background:url(../img/picto.key.png) no-repeat left 0.1em;
	padding-left:14px;
	zoom:1;
}


/* BLOC CONNEXION CLIENT HOME */

#accesmenu #acces01
{
	/*position:relative;*/
}
/*#blocconnexionc
{
	position:absolute;
	top:-0.6em;
	left:-15.0em;
	padding:2em 5em 20em 5em;
	border:1px solid #0F0;
	background:url(../img/picto/key.png) no-repeat 348px 33px;
}*/
#blocconnexion
{
	position:absolute;
	top:2em;
	/*left:-11.3em;*/
	right:6em;
	width:400px;
	font-size:90%;
	
	padding: 0px;
	background: url("../img/fond.header.png") repeat-x scroll left top #181818;
	border:1px solid #333;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow:  0px 0px 5px #000;
	box-shadow:  0px 0px 5px #000;
	display:none;/**/
}
#blocconnexion fieldset
{
	border:1px solid #666;
	padding: 10px 10px 0px 10px;
	background:url(../img/picto/key.png) no-repeat 348px 13px;
}
#blocconnexion legend
{
	display:none;
}
#submitc
{
	font-size:95%;
	vertical-align:middle;
}
#loginc
{
	width:130px;
}
#pwdc
{
	width:80px;
}
#accesmenu #fermerconnexion
{
	position:absolute;
	display:block;
	top:-7px;
	left:-7px;/**/
	width:12px;
	height:12px;
	/*overflow:hidden;*/
	background:url(../img/picto/fermer.png) no-repeat left top;
	padding:0;
}
#fermerconnexion span
{
	position:absolute;
	text-indent:-5000px;
	font-size:50%;
}
#accesmenu #fermerconnexion:hover
{
	background-position: left bottom;
}



/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	z-index:100011;
	height:148px;
	margin:auto;
	background:url(../img/fond.header.png) repeat-x left top #181818;
}

#logo
{
	position:absolute;
	top:16px;
	left:52px;
	width:215px;
}
#accroche1,
#accroche2
{
	font-family: 'Ubuntu', arial, serif;
}
#accroche1
{
	position:absolute;
	top:50px;
	left:326px;
	text-align:right;
	font-weight:500;
	font-size:130%;
	letter-spacing:0.01em;
	line-height:1.2em;
	/*border:#e00 1px solid;*/
}
#accroche1,
#accroche1 a
{
	color:#ccc;
}

#accroche2
{
	position:absolute;
	top:50px;
	right:146px;
	text-align:right;
	font-weight:500;
	font-size:130%;
	letter-spacing:0.01em;
	line-height:1.2em;
	/*border:#e00 1px solid;*/
}
#accroche2,
#accroche2 a
{
	color:#fada1b;
}
#accroche2 a strong
{
	display:inline-block;
	margin-bottom:3px;
	color:#fff;
	font-size:125%;
	letter-spacing:0.02em;
	font-weight:500;
}

#accroche3
{
	position:absolute;
	z-index:100005;
	top:16px;
	right:54px;
}
#accroche3 a
{
	display:block;
	width:66px;
	height:172px;
	background:url(../img/takie.walkie.png) no-repeat left top;
}




/* Animation bandeau */
#slider
{
	position:relative;
	width:950px;
	height:250px;/**/
	background:url(../img/fond.visuel.png) no-repeat left top;
	border-bottom:1px solid #c4c4c4;
	/*border:#e00 1px solid;*/
}

/* JQuery Photo Slider with Semi Transparent Caption */
ul.slideshow {
	position:relative;
	/*top:11px;
	left:-10px;*/
	width:950px;
	height:250px;
	list-style:none;
	overflow:hidden;
	margin:0;
	padding:0;
	/*border:#00f 1px solid;
	background-color:#0F0;*/
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
	margin:0;
}

ul.slideshow li.show {
	z-index:1;	
}

ul img {
	border:none;	
}
ul.slideshow li span
{
	display:none;
}
/* JQuery Photo Slider with Semi Transparent Caption */


/***** PAGE *****/

#contenu
{
	margin:auto;
	padding: 0px 0px 10px 0px;
	min-height:430px;
	background:url(../img/fond.colonne.png) repeat-y -115px top #fff;
}

#contenu.contenuhome
{
	background-position: left top;
}
#contenu.contenucms
{
	background:url(../img/fond.colonne.png) repeat-y -115px top #fff;
}
#contenu.contenunews
{
	background-image:none;
}
#contenu.contenupage
{
	background:url(../img/fond.colonne.png) repeat-y -115px top #fff;
}


/**** COLONNE ***/
#colonne1
{
	position:relative;
	float: left;
	width: 215px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-right: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-left: 25px;
	padding:0px 20px 10px 0px;
	text-align:justify;	
}
#colonne1.home
{
	width: 320px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	padding:0px 30px 10px 0px;
}
#colonne1.colcms
{
	/*background: burlywood;*/
	padding:40px 20px 10px 0px;
}
#colonne2
{
	position:relative;
	float: right;
	width: 245px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-left: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	padding:15px 0px 10px 0px;
	/*background: burlywood;*/
}
/**** CONTENT ***/
#bloc
{
	position:static; /* indispensable */
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	margin:0 0px 0 0px;
	padding:0px 0px 10px 0px;
	/*background: #f03;*/
}
#conteneur /* utile car #bloc position static */
{
	position:relative;
	margin:40px 50px 20px 40px;
	text-align:justify;
}

#conteneur.home /* utile car #bloc position static */
{
	margin:20px 50px 20px 30px;
}
#conteneur.cms /* utile car #bloc position static */
{
	margin:40px 50px 20px 40px;
}

#conteneur.news /* utile car #bloc position static */
{
	margin:40px 80px 20px 80px;
}

p
{
	margin: 0.8em 0 0.8em 0;
}


/********** MENU ***********/
/********** MENU HAUT ***********/
#mh
{
	position:relative;
	z-index:100001;
	width:950px;
	bottom:0;
	left:0;
	margin:auto;
	height:41px;
	background:url(../img/fond.menu.png) repeat-x left top #C99C00;
	font-size:85%;
	text-align:left;
}
#mh ul
{
	list-style:none;
	margin:0;
	margin-left:1em;
	line-height:41px;
}
#mh ul li
{
	position:relative; /* absolute dans lavaLamp .back */
	z-index:100011; /* pour ie 7 */
	/*float:left;*/
	display:inline;
	color:#333;
	margin:0px 0px 0 0px;
}
#mh a
{
	color:#333;
	padding:0 16px 0 16px;
	display:inline-block;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
}
#mh a span
{
}
#mh a:hover
{
	color:#000;
	/*background-color:#cfcfcf;*/
}
#mh .current a, #mh .current a:hover
{
	color:#000;
	/*text-shadow: 0pt 1px 1px #000;
	background-color:#fa5a8f;*/
}
/*#mh .current2 a, #mh .current2 a:hover
{
	position:relative;
	margin-right:6px;
	color:#000;
}*/


/* lavaLamp */
/* bug avec @ import ATTENTION */
/* ajout de #mh pour garder position absolute */
#mh .lavaLamp li.back
{
	background:url(../img/menu.01.png) no-repeat left top;
	width: 150px; height: 29px;
	z-index: 100008;
	position: absolute;
	top:6px; /* style i6 et ie7 */
	left:0;
}

.lavaLamp li.back .left {
	background:url(../img/menu.02.png) no-repeat right top;
	height: 29px;
	/*border:1px solid #e00;*/
}

.lavaLamp li a {
	z-index: 100010;
	position: relative;	
}
.lavaLamp li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited
{
	border: none;
}
/* lavaLamp */



/* sous menu bandeau */
#mh .blocsmenu,
#mh .blocsmenu li
{
	margin:0;
}
#mh .blocsmenu
{
	position:absolute;
	z-index:100001;
	top:26px;
	left:-10px;
	width:200px;
	text-align:left;
	display:none;
	font-size:90%;
	line-height:1.6em;
	
	padding:15px 10px;
	background:url(../img/fond.footer.png) repeat-x left top #181818;	
	border:1px solid #999;
	border-top:1px solid #C99C00;
	
	-moz-border-radius:0px 0px 3px 3px;
	border-radius:0px 0px 3px 3px;

	/*-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow:  0px 0px 5px #333;
	box-shadow:  0px 5px 5px #333;*/
}
#mh .blocsmenu li,
#mh .blocsmenu li a
{
	display:block;
	padding:0;
}
#mh .blocsmenu li
{
	/*border-bottom:1px solid #AEC842;*/
}
#mh .blocsmenu li a
{
	color: #fff;
	padding:1px 8px;
}
#mh .blocsmenu li a:hover
{
	color: #444;
	background-color:#fff;
	-moz-border-radius:3px;
	border-radius:3px;
}
#mh  .blocsmenu .current a, #mh  .blocsmenu .current a:hover
{
	color: #000;
	background-color:#FADA1B;
	-moz-border-radius:3px;
	border-radius:3px;
}


/* sous menu colonne page */
.smenu,
.smenu li
{
	margin:0;
}
.smenu li
{
	margin:4px 0;
}
.smenu a {
	color: #444;
	text-decoration: none;
	padding:2px 10px 1px 17px;
	display:block;
	background:url(../img/puce.02.png) no-repeat 5px 0.5em;
	/*text-transform:lowercase;*/
}
.smenu a:hover {
	color: #000;
	background-color:#FADA1B;
	-moz-border-radius:3px;
	border-radius:3px;
	background-image:url(../img/puce.01.png);
}
.smenu .current a, .smenu .current a:hover
{
	color:#fff;
	background-color:#444;
	-moz-border-radius:3px;
	border-radius:3px;
	background-image:url(../img/puce.01.png);
}



/******* PIED PAGE ********/
/*******   FOOTER  ********/
/* Style pied page */
#footer
{ 
	margin:0 auto;
	text-align:left;
	color: #fff;
}
#footerf { 
	
	padding:15px 10px;
	font-size: 85%;
	background:url(../img/fond.footer.png) repeat-x left top #181818;
	border-top:1px solid #a7a7a7;
	/*-moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow:  0px 0px 8px #000;
	box-shadow:  0px 0px 10px #000;*/
	min-height:160px;
}
#footer h4
{
	color: #fff;
	text-transform:uppercase;
	margin: 1em 0 0.4em 5px;
}
#footer ul,
#footer li
{
	margin:0;
}
#footer li
{
	margin:2px 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
	padding:1px 10px 1px 15px;
	display:block;
	background:url(../img/puce.01.png) no-repeat 5px 0.45em;
	/*text-transform:lowercase;*/
}
#footer a:hover {
	color: #444;
	background-color:#fff;
	-moz-border-radius:3px;
	border-radius:3px;
	background-image:url(../img/puce.02.png);
}
#footer ul .current a, #footer ul .current a:hover
{
	color:#000;
	background-color:#fff;
	-moz-border-radius:3px;
	border-radius:3px;
	background-image:url(../img/puce.02.png);
}

.blocfooter
{
	float:left;
	min-width:125px;/**/
	margin:0 1em 0 1em;
}
.sepfooter
{
	float:left;
	width:11px;
	height:157px;
	background:url(../img/sep/sep.footer.100.png) no-repeat right center;
}

#signaturep
{
	float:right;
	
	text-align:right;
	font-size:110%;
	letter-spacing:0.5px;
	margin-top:0em;
}
#signaturep strong
{
	font-size:115%;
}

/*** MOTS BAS PAGE ***/

#mots
{
	width:950px;
	margin:1em auto;
	text-align:justify;
}


/* MOTS REF */
.ref, .ref a, .ref a:link, .ref a:visited {
	color: #aaa;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	/*font-weight: normal;*/
	display:inline;
}
.ref a:hover{
	color: #ccc;
	/*font-weight:normal;
	font-size: 10px;*/
	letter-spacing: 0px;
}

/*** SIGNATURE KYXAR ***/
.kyxar
{
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:40px;
	padding: 5px 0px 3px 0px;
}

.kyxar a
{
	color: #aaa;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #ccc;
}


/*** POPUP ZOOM ****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	/*background-position: center center;*/
}
#pagezoom .titrezoom,
.navzoompopup
{
	color:#000;
}
.navzoompopup
{
	text-align:left;
	margin:0.3em 0 0.3em 3em;
}

#pagezoom .titrezoom
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
}
#pagezoom .imgzoom img
{
	border:#e3ddc3 1px solid;
	background-color:#fff;
	padding:8px;
}

#pagezoom #menu1Container
{ /* page zoom */
	position:relative;
}
#planzoom
{
	position:relative;
	margin:50px auto;
	text-align:left;
	width:80%;
}
#pagezoom #mots
{
	width:95%
}



/***** CONTACT *****/

#formcontact, .formcontact
{
	/*position:relative;
	top:0;
	left:0;
	height:1%;*/
}
#titretd1, #titretd2
{
	width:12em;
}
.donnes1, .donnes2
{
	/*position:relative;*/
	margin:auto;
	margin-bottom:0.5em;
}
.donnes1
{ /* positionnement données form gauche */
	/* float:left; */
	left:0em;
	/*width:680px;
	margin:auto;
	background-color:#0F0;*/

}
.donnes2
{ /* positionnement données form droite */
	/* float:right; */
	right:0em;
	/*margin-right:-3em;*/
	/*padding-left:0.7em;*/
}


.donnes1 table, .donnes2 table
{
	/*margin:auto; /* margin:auto fait planté ie 6 dans certain cas */
}

#formcontact, .formcontact
{
	margin-left:0px;
	margin:auto;
}
#formcontact legend, .formcontact legend
{
	/*padding-left:0px;*/
	margin-bottom:0.5em;
}
#formcontact label span, .formcontact label span
{ /* *obligatoire */
	color:#c00; /* bb0d1e */
	font-weight:bold;
}
.submit
{
	width:250px;
	height:26px;
	display:inline-block;
	margin-right:12px;
}
.submit:hover
{
	background-position: left bottom;
}

/* contact */

input.normal, input.focus,
textarea.normal, textarea.focus
{
	width:300px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
	line-height:2em;
	font-weight:bold;
}
.checkboxform span
{
	display:block;
	float:left;
	width:17em;
}
.inputform .spanform
{
	display:block;
	float:left;
	width:21em;
}



/****** FORMULAIRE ******/

form {
	margin:0;
}
select, textarea, input[type="text"], input[type="password"], 
.normal, input.case, select.normal, textarea.normal {		/*** configuration general ***/
	color: #666;
	background-color: #fafafa;
	font-weight: bold;
	font-size:90%;
}
input.case,
input[type=checkbox]  {		/*** configuration case a coché ***/
	background-color: transparent;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fff;
	/*color: #c00;*/
	border: #FADA1B 2px solid;
	color:#333;
	margin:0 0;
	padding-left: 3px;
	font-weight: bold;
	font-size:90%;
}
select, textarea, input[type="text"], input[type="password"], 
.normal, .search, .fpart, .fpart2 {	/*** Retour à  l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
	padding-left: 3px;
	font-weight: bold;
	margin:1px 1px;
}
.normal, .focus {	/*** taille des champs ***/
	/*width: 180px;*/
}
select, textarea, input[type="text"], input[type="password"], .normal {	/*** bordure des champs ***/
	border: #A6A08F 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	/*width: 187px;*/
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	/*font-size:100%;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:8em;
}




/* NEWS */
.plusnews a
{
	background:url(../img/picto/right.gif) no-repeat right 0.5em;
	padding-right:10px;
	padding-left:0;
}
.sepbloc
{
	background:url(../img/sep/sep.50.png) no-repeat center center;
	height:9px;
	margin:1.5em 0 1.5em 0;
}

.blocnews
{
	
}
.imgnews
{
	float:left;
	margin:0 30px 10px 0;
	border:1px solid #ccc;
}
.newsdate
{
	margin:-0.4em 0 0.5em 0;
	font-size:80%;
	color:#869399;
	text-align:right;
}
.blocnews .newsdate
{
	margin:-0.8em 0 0.5em 0;
}
.newsresumer
{
	font-size:85%;
}
.newsresumer p
{
	margin-bottom:0.4em;
}
.newssuite
{
	margin:0.4em 0 0.8em 0;
	text-align:right;
}
.partage
{
	position:relative;
	right:-5px;
	top:-40px;
	margin-bottom:-40px;
	float:right;
	/*border:1px solid #e00;*/
}


/********* ESPACE CLIENT *************/

/*generique */
.width80
{
	width:80%;
}
.width60
{
	width:60%;
}
.filet
{
	border-bottom: 1px dotted #bbb;
}

.bloc fieldset div, .bloc fieldset ul {
	display:none;
}

.bloc
{
	cursor:pointer;
	padding:5px 30px;
	color:#fff;
	background:url(../img/fond.footer.png) repeat-x left top #181818;
	border:1px solid #c4c4c4;
	
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow:  0px 0px 5px #666;
	box-shadow:  0px 0px 18px #666;
	
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
}
.bloc a
{
	color:#fff;
}
.bloc a:hover
{
	color: #FADA1B;
}



/* inscription */

.form table td,
.form table th
{
	padding:5px 20px;
}

.form input[type="text"],
.form input[type="password"]
{
	width:220px;
}
.error
{
	display:inline-block;
	padding:1px 5px;
	font-weight:bold;
	color:#F00;
	font-size:80%;
}
.cerror
{
	border:1px solid #f00 !important;
	margin:0 !important;
}

/* espace client */
.deconnexion
{
	position:relative;
	right:auto;
	top:auto;
	vertical-align:middle;
}
a .deconnexion 
{
	display:inline-block;
	width:12px;
	height:14px;
	overflow:hidden;
	text-indent:-5000px;
	background:url(../img/picto/deconnexion.png) no-repeat left top;
}
a:hover .deconnexion 
{
	background-position: left bottom;	
}