/* 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: #F00; /*#FFF; */

  border:1px solid #000 /*#00a2e8;  */

max-width:200px; /* 580px pour formulaire contact */ 

  }



/* NIVEAU : HEADER, MAIN et RESET */



#header, #main

{

	backgroundcolor: #FFF; /*#FFF; */

  padding:1px;/* marge intérieure*/

}



#header

{

	backgroundcolor: #FFF; /*#FFF; */

	float:up;

	/* width:1400px; */

  color:#66F; /* couleur texte */

}



#main

{

  float:right;

  width:1400px;

  color: #FFF; /*#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:400px;

}



#slogan

{

	font-size:16px;

	font-weight:bold;

	letter-spacing:3px;

	word-spacing:7px;

	color: #000;

	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:#F00; /* couleur fond au survol*/

	color:#F00; /* couleur texte au survol*/

}



/* SECTION : CONTENT */



#content

{


	color: #666;

	/*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;

	background-color:#CCC; /*#f4f4f4;*/

	/* color:#000; */

	border:1px solid #5f5f5f;

	padding:10px;

	margin-bottom:5px;

}



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;

	backgroundcolor: #FFF; /*#FFF; */

	}

#wrapper #main #content h1 {

	color: #F00;

	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: #F00;

}

.petitgris {

	color: #333;

}

.toutpetitgris {

	color: #999;

	font-size: 10px;

}

.petitblanc {

	color: #FFF;

	font-size: 10px;

}

.moyenBlancFdGris {

	color: #FFF;

	background: #666;

	font-size: 12px;

}

.SousTitre1 {

	color: #63C;

	/*background: #000;*/

	font-size: 16px;

	font-weight: bold;

}

.SousTitre2 {

	color: #666;

	/*background: #000;*/

	font-size: 14px;

	font-weight: bold;

	font-family: Verdana, Geneva, sans-serif;

}

.slogan {
	color:#FFFFFF; /*color: #029E9B; */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: italic;

}

.slogan2 {

	color: #666666;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 20px;

	font-style: italic;

	/*font-style: italic;*/

}

.slogan3 {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;

}

.slogan4 {
	color: #F0F;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;

}



/* 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: #F00;

	}

#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%;

}