img { border:0; }
a { text-decoration:none; color:#; }
a:hover { text-decoration:underline; }
form, input, textarea, select { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }

/*****************************/
/*       	CONTACT          */
/*****************************/
div.contact { /*** le conteneur general du formulaire de contact ***/
	width:400px;
}

fieldset { /*** a numeroter s'il y en a plusieurs : fieldset_1, fieldset_2, etc. ***/
	border:none; 
	margin:0; 
	padding:0; 
} 
legend { 
	color:#000; /* obligatoire pour IE */ 
	font-size:14px; 
	font-weight:bold;
	margin:0;
	padding:0;
}

label { /*** style generique : a supprimer si comportements differents en fonction des champs ou des fieldset ***/ 
	display:block; 
	float:left;
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0 15px 0 0;
	text-align:right;
	width:155px; 
}
div.champ_radio label {
	width:50px;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
}

/***** LES CONTENEURS *****/

div.form_champ { /* les conteneurs de chaque item du formulaire, style générique  - a numeroter si style specifique pour chacun : form_champ_1, form_champ_2, etc., idealement suivre la numerotation des fieldset : fieldset_1, fieldset_2, etc. */
	margin:10px 0; 
}

div.champ_select { /* style particulier du conteneur en fonction de son type, ici SELECT - meme chose : numeroter si style specifique pour chacun => champ_select_1, champ_select_2, etc. */
}

div.champ_ligne { /* style particulier du conteneur en fonction de son type, ici INPUT TYPE:TEXT - meme chose : numeroter si style specifique pour chacun => champ_ligne_1, champ_ligne_2, etc. */
}

div.champ_texte { /* style particulier du conteneur en fonction de son type, ici TEXTAREA - meme chose : numeroter si style specifique pour chacun => champ_texte_1, champ_texte_2, etc. */
}

div.champ_radio { /* style particulier du conteneur en fonction de son type, ici INPUT TYPE:RADIO - meme chose : numeroter si style specifique pour chacun => champ_radio_1, champ_radio_2, etc. */
	margin:20px 0 10px 0;
}
div.champ_radio p {
	margin:0;
}
div.bouton { /* pour les submit */
	text-align:right;
}

/***** LES CHAMPS *****/
select.select { /* style generique - a prefixer de la sorte : div.champ_select_1 select.select {} si style particulier */
	float:left;
	font:11px/14px "Trebuchet MS", Myriad, Helvetica, sans-serif;
	padding:0 2px;
	width:200px; /* a regler suivant le contexte */
} 

input.ligne { /* style generique - a prefixer de la sorte : div.champ_ligne_1 input.ligne {} si style particulier */
	float:left;
	font:11px/14px "Trebuchet MS", Myriad, Helvetica, sans-serif;
	padding:0 2px;
	width:192px; /* a regler suivant le contexte */
}

input.email { /* si style particulier */
}

input.radio { /* style generique - a prefixer de la sorte : div.champ_radio_1 input.radio {} si style particulier */
}

textarea.textarea { /* style generique - a prefixer de la sorte : div.champ_texte_1 textarea.textarea {} si style particulier */
	float:left;
	font:11px/14px "Trebuchet MS", Myriad, Helvetica, sans-serif;
	padding:0 2px;
	width:192px; 
	height :80px;/* a regler suivant le contexte */
}

/***** LES AVERTISSEMENTS *****/
.erreur {} /* les messages d'erreur */

.label_obligatoire { 
	background:url(/images/common/symboles/requis.gif) 0 0 no-repeat;  /* a conserver si c'est une image */
	display:-moz-inline-box; /* a conserver si c'est une image - display:inline-block; dans les feuilles de styles IE */
	height:11px;  /* a conserver si c'est une image */
	margin:-7px 0 0 0; /* a conserver si c'est une image - changer pour IE6 */
	padding:0; /* a conserver si c'est une image */
	overflow:visible;  /* a conserver si c'est une image */
	vertical-align:middle; /* a conserver si c'est une image */
	width:43px; /* a conserver si c'est une image */
}

.label_details { color:#999; display:block; font-size:10px; }

/****** LES BOUTONS *******/
input.valid {
	background:url(/images/common/boutons/fd_submit.png) 0 0 no-repeat; /* l'image de fond */
	border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
	color:#c2c2c2; /* la couleur du texte */
	cursor:pointer; /* le curseur en forme de main */
	font-weight:bold; /* les caractéristiques de la police de texte */
	font-size:12px; /* les caractéristiques de la police de texte */
	height:37px; /* la hauteur de l'image de fond */
	line-height:37px; /* les caractéristiques de la police de texte */
	width:142px; /* la largeur de l'image de fond */
}

/*****************************/
/*     ENVOYER A UN AMI      */
/*****************************/
div.envoyer_ami { margin:10px 0 0 0; width:400px;background:#e9efdf; }

div.envoyer_ami h2 {color:#D80037;}

div.formulaire td {border:none; background-color:#e9efdf;}

legend.envoi { 
	border-bottom:2px solid #000;
	color:#000; /* obligatoire pour IE */ 
	font-size:18px; 
	font-weight:bold;
	margin:0;
	padding:0 0 4px 0;
}

div.form_champ_envoi { 
	margin:15px 0;
}
div.form_champ_envoi label { 
	display:block; 
	float:left;
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0 15px 0 0;
	text-align:right;
	width:185px; 
}
div.form_champ_envoi input.ligne { 
	float:left;
	font:11px/14px "Trebuchet MS", Myriad, Helvetica, sans-serif;
	padding:0 2px;
	width:192px; /* a regler suivant le contexte */
}
div.form_champ_envoi textarea.textarea { 
	float:left;
	font:11px/14px "Trebuchet MS", Myriad, Helvetica, sans-serif;
	padding:0 2px;
	width:192px; /* a regler suivant le contexte */
}

/*****************************/
/*         SPECIFIC          */
/*****************************/

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomarg a, .nomarg a:hover, .nomarg a:link { font-size:18px;}
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

input.submit {
width:186px; /* la largeur de l'image de fond */
height:19px; /* la hauteur de l'image de fond */
background:url(/images/fr/common/boutons/vide.gif) 0 0 no-repeat; /* l'image de fond */
color:#070707; /* la couleur du texte */
border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caractéristiques de la police de texte */
cursor:pointer; /* le curseur en forme de main */
}

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}