/* NIVEAU : BODY */
body
{
      margin:2%;/* marge extérieure*/
  padding:0;/* marge intérieure*/
  /*background:white url('images/bg_pageRXP.jpg'); */
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:14px;
}

/* NIVEAU : WRAPPER */

#wrapper
{
  width:1400px;*/
  /*margin:1px auto;/* marge extérieure*/
  margin:0px auto;/* marge extérieure pour formulaire contact*/
  /*background:white url('images/bg_1colFdNoir.jpg') repeat-y 0 0; /* couleur du fond principal */
  backgroundcolor: #FFF;
  border:1px solid #000 /*#00a2e8;  */
max-width:200px; /* 580px pour formulaire contact */ 
  }

/* NIVEAU : HEADER, MAIN et RESET */

#header, #main
{
	backgroundcolor: #FFF;
  padding:1px;/* marge intérieure*/
}

#header
{
	backgroundcolor: #FFF;
  float:up;
 /* width:1400px; */
  color:#C0A8FF; /* couleur texte */
}

#main
{
  float:right;
  width:1400px;
  color: #FFF;
}

#reset
{
  clear:both;
}

/* SECTION : LOGO et SLOGAN */

#logo-et-slogan
{
  text-align:center;
  border-bottom:1px solid #6600FF; /* couleur trait */
  margin-bottom:10px;/* marge extérieure*/
}

#bandeauhaut
{
  text-align:center;
  border-bottom:1px solid #6600FF; /* couleur trait */
  margin-bottom:10px;/* marge extérieure*/
}

img#logo
{
  width:160px;
}

#slogan
{
	font-size:16px;
	font-weight:bold;
	letter-spacing:3px;
	word-spacing:7px;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
}

#slogan2
{
	font-size:16px;
	font-weight:bold;
	letter-spacing:3px;
	word-spacing:7px;
	color: #60C;
	font-family: Tahoma, Geneva, sans-serif;
}

/* SECTION : MENU */

#menu
{
  font-size:18px;
  font-weight:normal;
  letter-spacing:3px;
}

#menu ul
{
  margin:0; /* marge extérieure*/
  padding:0; /* marge intérieure*/
  list-style:none;
}
 
#menu ul li
{
  cursor:pointer;
  padding:5px 8px;/* marge intérieure*/
}
 
#menu ul li:hover /* lien survol */
{
	background-color:#399; /* couleur fond au survol*/
	color:#399; /* couleur texte au survol*/
}

/* SECTION : CONTENT */

#content
{
	text-align:center;
	color: #333;
	/*background-color:#000  */
}

#content img
{
 float:center; /*position img */
  /*width:500px; /*largeur img */
 /* width:50%; /*largeur img */
  max-width:100%; /*largeur maxi par rapport à taille originale img*/
  height:auto; /*hauteur img en proportion*/
  margin:0px 0px 0px 0px; /*marges img haut droite bas gauche*/
}

/* SECTION FORMULAIRE CONTACT */

#notreformulaire { 
	text-shadow:0 1px 0 #FFF; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/* background:#000; /* couleur du fond */
	padding:5px;

}

#formulairedecontact label {
	cursor:pointer;
	margin:4px;
	color:#FFF; /* couleur titres des champs */
	display:block;
	font-weight:normal;
}

input {  /* champs à remplir */
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; /*#f4f4f4;*/
	/* color:#000; */
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:5px;
	background-color: #855BFF;
}

textarea {  /* texte du message */
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#CCC; /*#f4f4f4; */
	/* color:#000; */
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}

.sendButton { /* exemple de bouton rectangle dégradé coins arrondis */
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#F60;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #eeb44f;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	width:25%;
	font-weight:bold;
	text-shadow:1px 1px 0px #cc9f52;
}
.sendButton:hover { /* exemple de bouton rectangle dégradé coins arrondis */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}

.boutonenvoyer {
	border-radius:12px 0 12px 0;
	background: #F60;
	width:200px;
	font-weight:bold;
	border:none;
	color:#fff;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
}
.boutonenvoyer:hover {
	border-radius:12px 0 12px 0;
	background: #926CFF;
	width:200px;/*25%;*/
	font-weight:bold;
	border:none;
	color:#FFF;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
}

/* SECTION : FOOTER */

#footer
{
	clear:both;
	font-size:12px;
	border-top:1px solid #6600FF;
	margin-top:15px;
	text-align:center;
	padding:5px 0px;
	color:#FFF;
	}
#wrapper #main #content h1 {
	color: #399;
	font-size: xx-large;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#wrapper #main #content h2 {
	color: #000;
}

/* SECTION : PARTICULARITES */

img#dongle
{
  width:80px;
}

img#etapes
{
  /*width:640px;*/
  display: block;
 max-width:100%;
   height:auto;
}

/*img#paypal1*/
img#taille180
{
 /*max-width:120px;*/
 display: block;
 /* max-width:100%;*/
   /* max-width:150px;*/
  width:180px;
	height: auto;
  }
  
  img#taille120
{
 /*max-width:120px;*/
 display: block;
 /* max-width:100%;*/
   /* max-width:150px;*/
  width:120px;
	height: auto;
  }
  
img#paiementpaypal2
{
 /*max-width:120px;*/
 
 max-width:100%;
    /*width:80px;*/
	height: auto;
  }
img#paiement1
{
  /*width:640px;*/
   max-width:100%;
  height:auto;
  float:none;
}

/* SECTION : POLICES */

.menuprincipal {
	color: #FFF;
}
.petitgris {
	color: #333;
}
.toutpetitgris {
	color: #999;
	font-size: 10px;
}
.petitnoir {
	color: #000;
	font-size: 12px;
}
.petitorange {
	color: #FF6600;
}
.petitblanc {
	color: #FFF;
	font-size: 10px;
}
.moyenBlancFdGris {
	color: #FFF;
	background: #666;
	font-size: 12px;
}
.SousTitre1 {
	color: #F60;
	/*background: #000;*/
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}
.SousTitre2 {
	color: #277676;
	/*background: #000;*/
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.slogan {
	color: #029E9B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: italic;
}
.slogan2 {
	color: #60C;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-style: italic;
	/*font-style: italic;*/
}
.slogan3 {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align: left;
}


/* SUPPRESSION MARGES */
/*  * {margin:0;padding:0;} /* Suppression de toutes les marges */
/* DECLARATION DES MARGES */
/*h1 {margin: 0 0 xxpx 0;} */
h1 {
	margin-bottom:10px;
	color: #F60;
	}
#wrapper #main #content .petitgris em {
	font-size: 12px;
}
#wrapper #main #content #footer .toutpetitgris em {
	font-size: 8px;
}

#submit  {	
color: #fff;
 font-size: 14;
 font-weight: bold;
 width: 157px;
 height: 32px;
 border: none;
 margin: 0;
 padding: 0;
cursor:pointer;
/*background: #0c0 url("../images/Bouton01.jpg") 0 0 no-repeat;*/
background: url("../images/Bouton01.jpg") 0 0 no-repeat;
}
#submit :hover {	
background: url("../images/Bouton02.jpg") 0 0 no-repeat;
}

.boutontelecharger {
	border-radius:12px 0 12px 0;
	background: #F60;
	width:200px;
	font-weight:bold;
	border:none;
	color:#fff;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
}
.boutontelecharger:hover {
	border-radius:12px 0 12px 0;
	background: #926CFF;
	width:200px;/*25%;*/
	font-weight:bold;
	border:none;
	color:#FFF;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
}
embed, iframe, object
{
max-width: 100%;
}