/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	



		Aycom™ ~ Global CSS stylesheet ~ www.aycom.fr											

		Copyright Aycom 2010 ~ Tous droits réservés / All rights reserved.	

		Reproduction même partielle strictement interdite.											

		Mentions légales : www.aycom.fr/legal.html



  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	



		Version: 1.0b1850 																	

		Media: screen											

		UA target: standard-compliant browsers + IE/Win 6/7									

		Author: O.Pierru / Aycom																	

		Contact: contact[at]aycom[dot]french		

  									

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	

















/* Éléments génériques

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



* {

	margin: 0;

	padding: 0;

	}

	

abbr, acronym {

	cursor: help;

	border-bottom: 1px dotted;

	}



html, body {

	color: #FFF;

	background: #818181 url(../gfx/bg-pattern.gif) fixed repeat;

	height: 100%;

	}



p {

	font-size: 70%;

	}



	



	

	

/* Layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



#header {

	height: 140px;

	width: 860px;

	color: #FFF;

	background: #000 url(../gfx/header3.jpg) no-repeat;

	}



#header-2 {

	height: 140px;

	width: 860px;

	color: #FFF;

	background: #424242 url(../gfx/header2.jpg) no-repeat;

	}



#header-menu {

	height: 31px;

	width: 860px;

	background: url(../gfx/header-menu.gif) no-repeat;

	}



#background {

	position: relative;

	width: 860px;

	color: #424242;

	background: #FFF url(../gfx/layout-body.gif) repeat-y;

	min-height: 100%;

	margin-left: auto;

	margin-right: auto;

	}

	

#bodycopy { 

	height: auto;

	width: 520px;

	padding: 35px 0 0 40px;

	}

	

#colonne1 {

	position: absolute;

	top: 146px;

	left: 649px;

	width: 200px;

	}



#colonne2 {

	position: absolute;

	top: 139px;

	left: 649px;

	width: 200px;

	}

		

#ornement1 {

	height: 130px;

	width: 200px;

	border-left: #f0f1f1 1px solid;

	margin-top: 1px;

	}		

	

#ornement2 {

	height: 100px;

	width: 200px;

	margin-left: auto;

	margin-right: auto;

	padding: 1em 0 2em 0;

	}	



#ornement3 {

	margin-left: auto;

	margin-right: auto;

	padding: 1em 0 1em 0;

	}	



#ornement4 {

	height: auto;

	width: auto;

	margin-left: 100px;

	margin-right: auto;

	padding: 1em 0 1em 0;

	}	
		


#navmenu-bg {

	height: 42px;

	width: 201px;

	background: url(../gfx/bg-menu.png) no-repeat;

	}



#sticker-1 {

	position: relative;

	top: 30px;

	width: 105px;

	height: 105px;

	margin-left: auto;

	margin-right: auto;

	}

	

#sticker-2 {

	position: relative;

	top: 80px;

	width: 105px;

	height: 105px;

	margin-left: auto;

	margin-right: auto;

	}



#sticker-3 {

	position: relative;

	top: 20px;

	width: 180px;

	height: 100px;

	margin-left: auto;

	margin-right: auto;

	}



a:link img,

a:visited img,

a:hover img

a:active img {

	border: none;

	text-decoration: none;

	}



#bodycopy ol {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	line-height: 135%;

	color: #424242;

	background-color: #FFF;

	width: 510px;

	padding: 0 0 2em 30px;

	}



#bodycopy .post {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	color: #383544;

	background-color: #FFF;

	text-indent: 0;

	}



#footer {

	position: absolute;

	bottom: 0;

	width: 860px;

	height: 76px;

	color: #736c5b;

	background: #000 url(../gfx/footer.jpg) no-repeat;

	}

	

	

	

	

	

/* Typographie

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



/* ~~~~ 

[LANG|=fr] > *  { 

	quotes: "« " " »" "\201C" "\201D" 

	}

//OFF~~IE/Win~6~don't~get~it!) 

~~~~ */



Q:before { 

	content: no-open-quote;

	}



Q:after { 

	content: no-close-quote;

	}

	

#bodycopy p {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background-color: #FFF;

	color: #424242;

	line-height: 135%;

	text-align: left;

	padding: 0 0 1em 0;

	}



#bodycopy p + p {

	text-indent: 15px;

	}



#bodycopy h1 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 110%;

	line-height: 1.15em;

	width: 480px;

	font-style: normal;

	color: #c50c1f;

	background: #FFF url(../gfx/puce-h1.gif) no-repeat 0 0;

	padding: 0 0 0.5em 26px;

	}

	

#bodycopy .h1-space {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 110%;

	line-height: 1.1em;

	width: 400px;

	font-style: normal;

	color: #c50c1f;

	background: #FFF url(../gfx/puce-h1.gif) no-repeat 0 0.1em;

	padding: 0 0 0.5em 26px;

	margin-top: 1em;

	}

	

#bodycopy .h1-space2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 110%;

	line-height: 1.1em;

	width: 400px;

	font-style: normal;

	color: #c50c1f;

	background: #FFF url(../gfx/puce-h1.gif) no-repeat 0 0.1em;

	padding: 0 0 0.5em 26px;

	margin-top: 4em;

	}



#bodycopy h2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 90%;

	color: #c50c1f;

	background: #FFF url(../gfx/puce-h2.gif) no-repeat 0px 1.2em;

	padding: 1.0em 0 0.3em 17px;

	width: 400px;

	}

	

#bodycopy h3 {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-weight: bold;

	font-size: 70%;

	color: #eb690a;

	background: #FFF url(../gfx/puce-h3-orange.gif) no-repeat 0 0.95em;

	width: 400px;

	padding: 0.6em 0 0.3em 12px ;

	}

	

#bodycopy h4 {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-weight: bold;

	font-size: 75%;

	color: #424242;

	background-color: #FFF;

	width: 400px;

	padding: 0 0 0.2em 0;

	}



#bodycopy hr {

	display: none;

	}



#bodycopy .hr-h1 {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	padding: 0 0 1.2em 0;

	height: 1px;

	width: 530px;

	}

	

#bodycopy .hr-p {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 2em 0 2em 0;

	height: 1px;

	width: 530px;

	}



#bodycopy .hr-p2 {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 2em 0 4em 0;

	height: 1px;

	width: 530px;

	}

	

#bodycopy .hr-p3 {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 1.2em 0 2em 0;

	height: 1px;

	width: 530px;

	}

	

#bodycopy .hr-p-space {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 2em 0 2em 0;

	padding-bottom: 200px; 

	height: 1px;

	width: 530px;

	}

	

#bodycopy .hr-p-space2 {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 2em 0 2em 0;

	padding-bottom: 100px; 

	height: 1px;

	width: 530px;

	}



#bodycopy .hr-p-space3 {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	margin: 2em 0 2em 0;

	padding-bottom: 330px; 

	height: 1px;

	width: 530px;

	}



#bodycopy blockquote {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background-color: #FFF;

	color: #424242;

	font-size: 70%;

	font-style: normal;

	text-align: justify;

	line-height: 145%;

	width: 450px;

	padding: 1.4em 30px 2.4em 30px;

	}



#bodycopy blockquote.nofr { 

/* citation en langue étrangère */

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background-color: #FFF;

	color: #424242;

	font-size: 70%;

	font-style: italic;

	text-align: justify;

	line-height: 145%;

	width: 450px;

	padding: 1.4em 30px 2.4em 30px;

	}

	

#bodycopy blockquote + p {

	text-indent: 1.5em;

	}



#bodycopy .no-alinea {

	text-indent: 0;

	padding-top: 0em;

	}

	

#bodycopy .areyou {

	text-indent: 0;

	text-align: left;

	font-style: italic;

	font-weight: bold;

	padding-top: 0.6em;

	}



#bodycopy .boldred {

	font-weight: bold;

	color: #c50c1f;

	background-color: #FFF;

	}



#bodycopy .boldorange {

	font-weight: bold;

	color: #eb690a;

	background-color: #FFF;

	}



#bodycopy .cnil {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	text-align: justify;

	color: #424242;

	background-color: #FFF;

	padding: 0 0 0 10px;

	}



#bodycopy ul.plan {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	line-height: 135%;

	list-style-type: square;

	color: #424242;

	background-color: #FFF;

	width: 510px;

	padding: 1em 0 1em 30px;

	}



#bodycopy li.plan-niv1 {

	margin: 0 0 0.6em 0;

	}



#bodycopy li.plan-niv2 {

	padding: 0;

	margin: 1em 0 2em 1.4em;

	}



#bodycopy li.plan-niv2-2 {

	margin: -2em 0 1em 1.4em;

	}



#bodycopy ul.small {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	font-weight: bold;

	line-height: 135%;

	list-style-type: disc;

	color: #424242;

	background-color: #FFF;

	width: 510px;

	padding: 1em 0 2em 1.4em;

	}



#bodycopy ul.ul {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	font-weight: bold;

	line-height: 135%;

	list-style-type: disc;

	color: #424242;

	background-color: #FFF;

	width: 510px;

	padding: 0.4em 0 1em 1.4em;

	}



#bodycopy .how {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	font-weight: bold;

	font-style: italic;

	line-height: 135%;

	padding: 0.6em 0 0 0;

	text-indent: 0;

	}



#bodycopy span.bulle {

	border-bottom: 1px dotted;

	cursor: help;

	}



#footer p.legal {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #736c5b;

	background-color: transparent; /* transparence requise (CSS validator warning) */

	width: 750px;

	font-size: 10px;

	font-weight: bold;

	text-align: justify;

	padding: 24px 0 0.4em 40px;

	}

	

#footer p.ours {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #736c5b;

	background-color: transparent; /* transparence requise (CSS validator warning) */

	width: 750px;

	font-size: 10px;

	font-weight: bold;

	text-align: justify;

	padding: 0 0 0 40px;

	}



#footer .hide {

	display: none;

	}







	

/* Navigation - Head Menu

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



#header-menu-liens .separateur {

	background-image: url(../gfx/separateur.gif);

	background-repeat: no-repeat;

	margin: 0px 1px 0 10px;

	height: 1.0em;

	}

	

#header-menu-liens {

	position: absolute;

	top: 146px;

	left: 40px;

	width: auto;

	list-style: none;

	background-color: #f6a824;

	color:#FFF;

	}



#header-menu-liens li {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 11px;

	color: #FFF;

	background-color: #f6a824;

	display: inline;

	line-height: 150%;	

	margin-right: 6px;

	}	



#header-menu-liens a:link {

	background-color: #f6a824;

	color: #FFF;

	text-decoration: none;

	padding-right: 0px;

	}



#header-menu-liens a:visited {

	background-color: #f6a824;

	background-image: url(../gfx/under-link.gif);

	color: #FFF;

	text-decoration: none;

	}

	

#header-menu-liens a:hover { 

	color: #c50c1f;

	background: #f6a824 url(../gfx/under-hover.gif) 0 1.15em repeat-x;

	text-decoration: none;

	padding-bottom: 5px;

	}



#header-menu-liens a:active { 

	background-color: #f6a824;

	color: #424;

	background: url(../gfx/under-link.gif) bottom repeat-x;

	text-decoration: none;

	}

	

	

	

	

	

/* Navigation - Menu principal

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



#navmenu {

	width: 200px;

	border-left: #f0f1f1 1px solid;

	border-top: #f0f1f1 1px solid;

	text-align: left;

	}

	

#navmenu ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border-bottom: #FFF 1px solid; /* bevel */

	}



#navmenu li {

	display: inline; /* IE/Win gap bugfix */

	}



#navmenu li a {

	display: block;

	height: 24px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 70%;

	text-decoration: none;

    padding-top: 8px;

	padding-left: 14px;

	}



#navmenu li a:link {

    color: #818181;

    background: #FFF url(../gfx/menu.gif) 0 0;

	}



#navmenu li a:visited {

	color: #818181;

    background: #FFF url(../gfx/menu.gif) 0 0;

	padding-top: 8px;

	padding-left: 14px;

	}



#navmenu li a:hover {

	color: #000;

	background: #cac3a7 url(../gfx/menu.gif) 0 -32px;

	padding-top: 8px;

	padding-left: 15px;

	}



#navmenu li a:active {

	color: #eb690a;

	background: #cac3a7 url(../gfx/menu.gif) 0 -32px;

	padding-top: 8px;

	padding-left: 16px;

	}



#navmenu li #courant {

	color: #000;

	background: #D5D5D5 url(../gfx/menu.gif) 0 -64px;

	padding-top: 8px;

	padding-left: 14px;

	}

	









/* Navigation (divers) : liens, zones réactives header, breadcrumb, footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



#bodycopy p.retour {

	width: 500px;

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background: #FFF;

	color: #7f796a;

	padding-bottom: 18em;

	}



.retour a:link {

	color: #7f796a;

	background: #FFF url(../gfx/lien1.gif) no-repeat 0px 3px;

	padding-left: 2em;

	}



.retour a:visited  {

	color: #7f796a;

	background: #FFF url(../gfx/lien1.gif) no-repeat 0px 3px;

	}

	

.retour a:hover  {

	color: #c50c1f;

	background: #FFF url(../gfx/lien1-hover.gif) no-repeat 1px 3px;

	}



.retour a:active  {

	color: #f29400;

	background-color: #FFF;

	}

	

/* ---- */



#bodycopy p.top {

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	color: #7f796a;

	background: #FFF;

	font-size: 11px;

	padding-bottom: 100px;

	}



#bodycopy .top a {

	color: #7f796a;

	background: #FFF url(../gfx/lien-top.gif) no-repeat 0 4px;

	padding-left: 20px;

	height: 1em;

	}

	

#bodycopy .top a:link,

#bodycopy .top a:visited  {

	color: #7f796a;

	background-color: #FFF;

	}



#bodycopy .top a:hover  {

	color: #c50c1f;

	background: #FFF url(../gfx/lien-top-hover.gif) no-repeat 0 4px;

	}



#bodycopy .top a:active  {

	color: #f29400;

	background-color: #FFF;

	}

	



/* Zone reactive logotype*/

a#logo {

	position: absolute;

	top: 35px;

	left: 35px;

	width: 200px;

	height: 45px;

	}



a#logo:link,

a#logo:visited {

	background-color: transparent;

	}





/* Zone reactive phone */

a#phone { 

	position: absolute;

	top: 109px;

	left: 650px;

	width: 200px;

	height: 25px;

	}



a#phone:link,

a#phone:visited {

	background-color: transparent;

	}



a#phone:hover { 

	position: absolute;

	top: 109px;

	left: 650px;

	background: url(../gfx/phone-hover.gif) no-repeat; 

	}



/* ---- */



.header-info .masque {

	position: absolute;

	text-indent: -5000px;

	font-size: 0px;

	text-decoration: none;

	}



/* Fil d’Ariane */

p#ariane {

	width: 500px;

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background: #FFF url(../gfx/puces-ariane.gif) no-repeat 0px 5px;

	color: #424242;

	font-size: 11px;

	padding: 0 0 50px 28px;

	}

	

#ariane a:link {

	color: #6C6C6C;

	background-color: #FFF;

	}



#ariane a:visited  {

	color: #969696;

	background-color: #FFF;

	}

	

#ariane a:hover  {

	color: #c50c1f;

	background-color: #FFF;

	}



#ariane a:active  {

	color: #f29400;

	background-color: #FFF;

	}





/* liens principaux+ */

a.lien1  { 

	background: #FFF;

	color: #2D2D2D;

	padding: 0 0 0 18px;

	margin-left: 0.2em;

	height: 1em;

	}



a:link.lien1  { 		

	background: #FFF url(../gfx/lien1.gif) 0 3px no-repeat;

	color: #2f526f;

	}

	

a:visited.lien1 {

	background: #FFF url(../gfx/lien1.gif) 0 3px no-repeat;

	color: #7f7f7f;

	}

	

a:hover.lien1 {

	background: #FFF url(../gfx/lien1-hover.gif) 1px 3px no-repeat;

	color: #c50c1f;

	}

	

a:active.lien1 {

	background: #FFF url(../gfx/lien1-actif.gif) 1px 3px no-repeat;

	color: #f29400;

	}

	

	

/* liens principaux- */

a.lien2  {

	background: #FFF;

	color: #2f526f;

	}



a:link.lien2  { 		

	background: #FFF;

	color: #2f526f;

	}

	

a:visited.lien2 {

	background: #FFF;

	color: #7f7f7f;

	}

	

a:hover.lien2 {

	background: #FFF;

	color: #c50c1f;

	}

	

a:active.lien2 {

	background: #FFF;

	color: #f29400;

	}





/* liens génériques */

a {

	background: #FFF;

	color: #2f526f;

	}



a:link { 		

	background: #FFF;

	color: #2f526f;

	}

	

a:visited {

	background: #FFF;

	color: #7f7f7f;

	}

	

a:hover {

	background: #FFF;

	color: #c50c1f;

	}

	

a:active {

	background: #FFF;

	color: #f29400;

	}





/* Liens externes+ */

a.lien-externe {

	color: #2f526f;

	background: #FFF;

	padding: 0 1.7em 0 0.5em;

	margin-right: 0.1em;

	height: 1em;

	}	



a:link.lien-externe {

	color: #2f526f;

	background: #FFF url(../gfx/lien-ext.gif) no-repeat right;

	}	



a:visited.lien-externe {

	color: #7f7f7f;

	background: #FFF url(../gfx/lien-ext.gif) no-repeat right;

	}	

	

a:hover.lien-externe {

	color: #c50c1f;

	background-color: #FFF;

	}	



a:active.lien-externe {

	color: #f29400;

	background-color: #FFF;

	}	

	

/* ---- */





/* Liens footer */



.legal a {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	}



.legal a:link {

	background-color: transparent; /* transparence requise (CSS validator warning) */

	color: #736c5b;

	}



.legal a:visited {

	background-color: transparent; /* transparence requise (CSS validator warning) */

	color: #4b483d;

	}

	

.legal a:hover {

	background-color: #000;

	color: #9c927a;

	}



.legal a:active {

	background-color: #000;

	color: #FFF;

	}



/* ---- */



.ours a {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	}

	

.ours a:link {

	background-color: transparent; /* transparence requise (CSS validator warning) */

	color: #736c5b;

	}

	

.ours a:visited {

	background-color: transparent; /* transparence requise (CSS validator warning) */ 

	color: #4f4c41;

	}

	

.ours a:hover {

	background-color: #000;

	color: #9c927a;

	}



.ours a:active {

	background-color: #000;

	color: #FFF;

	}

	

	



	

	

/* Formulaire de contact	

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		



html>body fieldset {

    top: 0; /* espace entre legend et .note */

	padding-top: 0.2em; /* espace entre legend et 1er label */

	}



fieldset {

	position: relative;

	top: 1em; /* IE fieldset bug phase 1; goto 954 */

	border: 1px dotted  #D5D5D5;

	padding: 0 20px 1em 25px;

	width: 480px;

	}

	

label {

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-weight: bold;

	color: #424242;

	background-color: #FFF;

	cursor: pointer;

	}



legend {

	position: relative;

	top: 0em; /* IE fieldset bug phase 2; end */

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold; 

	font-size: 85%;

	color: #eb690a;

	background-color: #FFF;

	padding: 15px 6px 15px 6px;

	}

	

/* ---- */





#formulaire {

	height: auto;

	color: #424242;

	background-color: #FFF;

	padding: 1em 0 3em 0;

	}

	

#formulaire #saisie1, 

#formulaire #saisie2, 

#formulaire #saisie3 { 

	padding: 10px 0 8px 0; 

	width: 470px;

 	}



#formulaire #saisie1 p, 

#formulaire #saisie2 p,

#formulaire #saisie3 p {	

	padding: 0px 0 2px 0px;

	width: 450px;

	text-indent: 0;

 	}



#formulaire #saisie1 input {

	font-family: "Courier New", Courier, monospace;

	font-size: 110%;

	font-weight: bold;

	color: #424242;

	background: #FFF;

	border: 1px inset #BEBEBE;

	padding: 1px;

	width: 200px;

 	}

	

#formulaire #saisie1 input:focus {

	color: #c50c1f;

	background-color: #FFF;

	border: 1px solid #FFCC00;

	padding: 1px;

	}



#formulaire #saisie2 input {

	font-family: "Courier New", Courier, monospace;

	font-size: 111%;

	font-weight: bold;

	color: #424242;

	background: #FFF url(../gfx/bg_form1.jpg) 0px -200px no-repeat;

	border: 1px inset #BEBEBE;

	padding: 1px;

	width: 468px;

 	}



#formulaire #saisie2 input:focus {

	color: #c50c1f;

	background-color: #FFF;

	border: 1px solid #FFCC00;

	padding: 1px;

	}



#formulaire #saisie2 textarea {

	font-family: "Courier New", Courier, monospace;

	font-size: 111%;

	font-weight: bold;

	color: #424242;

	background: #FFF url(../gfx/bg_form1.jpg) 0px -240px no-repeat;

	border: 1px inset #BEBEBE;

	width: 468px;

	padding: 1px;

	}

	

#formulaire #saisie2 textarea:focus {

	color: #c50c1f;

	background-color: #FFF;

	border: 1px solid #FFCC00;

	padding: 1px;

	}



	

/* Déco BG */	

#formulaire #saisie1 input#Nom {

background: url(../gfx/bg_form1.jpg) 0px 0px no-repeat;

 	}



#formulaire #saisie1 input#prenom {

	background: url(../gfx/bg_form1.jpg) 0px -40px no-repeat;

 	}



#formulaire #saisie1 input#email {

	background: url(../gfx/bg_form1.jpg) 0px -80px no-repeat;

 	}



#formulaire #saisie1 input#tel {

	background: url(../gfx/bg_form1.jpg) 0px -120px no-repeat;

	}



/* ---- */



#formulaire h2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 90%;

	color: #c50c1f;

	background: #FFF url(../gfx/puce-h2.gif) no-repeat 0px 0.2em;

	padding: 0 0 0.3em 17px;

	width: 400px;

	}

	

#formulaire .hr-p {

	text-align: left;

	background: url(../gfx/hr-h1.gif) repeat-x;

	height: 1px;

	width: 530px;

	margin: 2em 0 1em 0;

	}



#formulaire .accesskey { 

	text-decoration: underline;

	}

	

#formulaire .hide {

	display: none;

	}

	

#formulaire label.newsabo {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	font-weight: normal;

	text-align: justify;

	}

	

#formulaire .newsabocheckbox {

	cursor: pointer;

	vertical-align: middle;

	}



#formulaire .note {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	text-indent: 22px;

	text-align: justify;

	color: #424242;

	background: #FFF url(../gfx/note.gif) no-repeat 0 0.3em;

	padding: 0 0 4em 0;

	}



#formulaire .oui {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	background-color: #FFF;

	color: #c50c1f;

	font-size: 110%;

	text-align: justify;

	}



#formulaire .requis {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	color: #c50e1f;

	background-color: #FFF;

	font-size: 1.0em;

	cursor: help;

	}



/* ---- */





/* Liste contact */

ul.contact {

	font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 70%;

	list-style-type: none;

	color: #424242;

	background-color: #FFF;

	width: 510px;

	padding: 0.8em 0 0em 0.4em;

	}



.contact li {

	background: #FFF url(../gfx/puce-h3-orange.gif) no-repeat 0 0.6em;

	color: #424242;

	padding: 0 0 0 12px;

	line-height: 170%;

	}



.contact li.br {

	background: #FFF url(../gfx/puce-h3-orange.gif) no-repeat 0 1.8em;

	color: #424242;

	padding: 1em 0 0 12px;

	line-height: 200%;

	}





/* Classes contact */





.adresse {

	font-family: "Courier New", Courier, monospace;

	font-weight: bold;

	font-size: 102%;

	color: #424242;

	background-color: #FFF;

	}

	

.map {

	font-size: 80%;

	color: #2f526f;

	background-color: #FFF;

	padding: 0 0 0 10px;

	}

	

.p-small {

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 9px;

	}



.p-small-space {

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 9px;

	margin-top: 2em;

	}

	







	

/* This is the end */