/*
	CORRECTION DES BUGS
	
	HACK IE6 uniquement
	* html ELEMENT {}
	
	HACK IE7 uniquement
	*:first-child+html ELEMENT {}
*/

/* @group RESET DES PROPRIETES PAR DEFAUT */

/*
	On empeche les navigateurs de gerer eux-memes l'affichage des elements
	On va definir tous les elements qui doivent etre stylises
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

body, p, a, ul, ol, li, h1, h2, h3, h4, span {
	color: #000000;
	font: 12px/13px Arial, Helvetica, sans-serif;
}

/* @end */

/* @group STYLES GENERAUX */

body {
	margin: auto;
	text-align: center;
	background: #E7E7E7 url(../images/trame_fd.gif) repeat-x;
}

h1, h1 a {
	color: #a8111c;
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	margin-top: 22px;
}

h2 {
	color: #666666;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 12px;
}

a {
	color: #a8111c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul.arrow li {
	background: url(../images/puce.gif) no-repeat 0 1px;
	padding-left: 20px;
	padding-bottom: 8px;
}

ul.plus li {
	background: url(../images/puce_plus.gif) no-repeat 0 1px;
	padding-left: 20px;
	padding-bottom: 4px;
}

.text_center {
	text-align: center;
}

.block {
	display: block;
}

/* @end */

/* @group MISE EN PAGE */

#wrapper {
	margin-left: auto;
    margin-right: auto;
	width: 1003px;
	text-align: left;
}

#middle {
	background-color: #ffffff;
	width: 989px;
	margin-left: 6px;
	border-bottom: 4px solid white;
}

#logo {
	position: absolute;
	top: 12px;
	width: 135px;
	height: 114px;
	margin-left: 850px;
}

#navigation {
	width: 846px;
	height: 77px;
	margin-bottom: 4px;
}

.trame_mannequin {
	width: 244px;
	background: url(../images/trame_mannequin.jpg) no-repeat 0 81px;
}

.content {
	width: 737px;
	padding-top: 16px;
	padding-bottom: 10px;
	min-height: 450px;
}

#container {
	width: 981px;
	margin-right: 4px;
	margin-left: 4px;
}

* html #container {
	padding-bottom: 2px;
}
	
*:first-child+html #container {
	padding-bottom: 2px;
}

#footer {
	width: 989px;
	background: url(../images/ombre_bottom.gif) no-repeat;
	text-align: left;
	margin-left: 6px;
	padding-top: 10px;
	text-indent: 10px;
	height: 30px;
}

#contact {
	position: fixed;
	right: 0;
	bottom:0;
}

* html #contact {
  position: absolute;
  /*
  right: expression( ignoreMe2 = document.documentElement.scrollLeft + 'px' );
  bottom: expression( ignoreMe = (document.documentElement.clientHeight + document.documentElement.scrollTop) + 'px' );
  */
}

/* @end */

/* @group POP UP */

.pop_content {
	width: 500px;
	padding: 0 20px 20px;
	text-align: left;
}

.pop_content h2 {
	margin-top: 16px;
	margin-bottom: 6px;
}

.pop_content h3 {
	color: #000000;
	font-size: 13px;
	line-height: 13px;
	margin-top: 16px;
	margin-bottom: 6px;
	font-weight: bold;
}

.pop_content ul {
	margin-top: 6px;
	margin-bottom: 6px;
}

/* @end */

/* @group PAGE D'ACCUEIL */

.home_visu_1 {
	background: url(../images/visu_1.jpg) no-repeat 0 4px;
	width: 320px;
	height: 519px;
}

.home_visu_2 {
	background: url(../images/visu_2.jpg) no-repeat;
	width: 320px;
	height: 523px;
	cursor: pointer;
}

.home_visu_3 {
	background: url(../images/visu_3.jpg) no-repeat 0 4px;
	width: 341px;
	height: 519px;
}

.home_visu_1 div, .home_visu_2 div, .home_visu_3 div {
	margin-top: 334px;
	margin-left: 25px;
}

.anim_offres {
	position: absolute;
	top: 419px;
	margin-left: 16px;
	cursor: pointer;
}

/* @end */

/* @group PAGE OFFRES */

#moniteur_offres {
	position: absolute;
	margin-left: 370px;
	width: 416px;
}

#moniteur_offres img {
	float: left;
}

.legende {
	margin-top: -88px;
	background: url(../images/pointilles_v.gif) repeat-y;
	margin-left: 240px;
	width: 176px;
	float: left;
	clear: both;
}

* html .legende {
	margin-left: 120px;
}

.legende p {
	font-size: 11px;
	line-height: 19px;
	color: #666666;
	background: url(../images/fleche_right.gif) no-repeat 2px 5px;
	padding-left: 14px;
	width: 140px;
}

.big_red {
	color: #a8111c;
	font-size: 36px;
	line-height: 38px;
	vertical-align: middle;
}

.mention {
	font-size: 10px;
	color: #666666;
}

img.flag {
	margin-right: 4px;
}

/* @end */

/* @group PAGE DEMONSTRATIONS */

.trame_pointilles_v {
	background: url(../images/pointilles_v.gif) repeat-y;
}

.trame_pointilles_h {
	background: url(../images/pointilles_h.gif) repeat-x;
	font-size: 1px; /* IE Hack */
}

.bloc_demo {
	width: 190px;
	float:	left;
	margin-right: 6px;
	margin-bottom: 8px;
}

.ml30 {
	margin-left: 30px;
}

* html .ml30 {
	margin-left: 15px;
}

.mt10 {
	margin-top: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.visu_video {
	position: absolute;
	margin-left: -129px;
	margin-top: 4px;
}

.bt_video {
	position: absolute;
	margin-left: -126px;
	margin-top: 40px;
	cursor: pointer;
}

/* @end */

/* @group PAGE CATALOGUE */

.table_border {
	border: 1px solid #dddddd;
	width: 751px;
}

.coutures {
	background: #e6d8c0 url(../images/coutures.gif) repeat-y;
}

.coutures_fond {
	background-color: #e6d8c0;
}

.offres_fond {
	background: #bba786 url(../images/ombre_marron.gif) repeat-y;
}

.paragraph, .paragraph a {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 4px;
}

.description {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.small_red {
	color: #a8111c;
	font-size: 20px;
	line-height: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb30 {
	margin-bottom: 30px;
}

.pin {
	background: url(../images/epingle_a_nourrice.png) no-repeat;
	width: 65px;
	height: 71px;
	position: absolute;
	margin-top: -51px;
	margin-left: 140px;
}

* html .pin {
	margin-top: 86px;
	margin-left: -72px;
}

* html .pin_ie {
	margin-left: -65px;
}

*:first-child+html .pin {
	margin-top: 87px;
	margin-left: -72px;
}

*:first-child+html .pin_ie {
	margin-left: -64px;
}

/* @end */

/* @group PAGE SERVICES */

.pola {
	position: absolute;
	margin-top: -10px;
	margin-left: 10px;
}

h1.services, h1.services a {
	margin-top: 13px;
	margin-bottom: 18px;
}

h2.services {
	margin-bottom: 18px;
}

.ml8 {
	margin-left: 8px;
}

/* @end */

/* @group PAGE S'ABONNER */

.medium_red {
	color: #a8111c;
	font-size: 24px;
	line-height: 26px;
	vertical-align: middle;
}

.tiny_red {
	color: #a8111c;
	font-size: 14px;
	line-height: 14px;
}

.italic, .italic a {
	font-style: italic;
	font-size: 12px;
	line-height: 13px;
}

.cgv label, .cgv a {
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
}

.cgv label {
	color: #666666;
}

.nb_inscrits {
	width: 70px;
	margin-top: 10px;
}

.small_paragraph {
	font-size: 11px;
	line-height: 12px;
}

.selection {
	padding: 30px 6px 10px;
}

.selection_scroller {
	width: 308px;
	height: 200px;
	overflow: auto;
	position: relative;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 4px;
}

.selection_scroller_commande {
	height: 600px;
	background-color: #bba786;
}

* html .selection_scroller {
	width: 309px;
}
	
*:first-child+html .selection_scroller {
	width: 309px;
}

.selection_scroller h1 {
	color: #f5ecde;
	font-size: 14px;
	line-height: 14px;
	padding: 4px 0 4px 4px;
	background-color: #7f6958;
	letter-spacing: .5px;
	margin: 0;
}

.selection_scroller h2 {
	color: #7f6958;
	font-size: 10px;
	line-height: 10px;
	padding-left: 4px;
	text-transform: uppercase;
	margin: 4px 0 2px;
}

.selection_scroller p {
	padding-left: 20px;
	line-height: 11px;
	font-size: 11px;
	margin-bottom: 3px;
}

.selection_scroller label {
	font-size: 11px;
	padding-top: 3px;
	display: block;
	line-height: 11px;
	margin-bottom: 3px;
}

/* @end */

/* @group PAGE COMMANDE */

.commande {
	padding: 20px;
}

.commande table td {
	padding-top: 3px;
	padding-left: 3px;
	height: 28px;
}

.commande table td input, .commande table td select {
	color: #aaaaaa;
	font-size: 11px;
	margin: 0 0 4px;
}

.commande table td input.tiny, .commande table td select.tiny {
	width: 44px;
	float: left;
	margin-right: 6px;
}

.commande table td input.small {
	width: 93px;
	float: left;
}

.commande table td input.medium {
	width: 164px;
}

* html .commande table td input.medium {
	width: 161px;
}
	
*:first-child+html .commande table td input.medium {
	width: 164px;
}

.commande table td input.large {
	width: 220px;
}

.commande table td label, .commande table td span {
	font-size: 11px;
	line-height: 11px;
	color: #666666;
}

.commande table td p {
	margin-left: 10px;
}

.mandatory {
	background: url(../images/etoile_mandatory.gif) no-repeat right 2px;
	padding-right: 8px;
}

#error_message {
	border: 1px solid #aaaaaa;
	width: 373px;
	font-size: 11px;
	line-height: 11px;
	color: #a8111c;
	padding: 4px;
	margin-bottom: 4px;
	display: none;
	visibility: hidden;
}

#rib table tr td {
	border: 1px solid #cccccc;
	padding-top: 1px;
	padding-bottom: 2px;
}

.nano_red {
	color: #a8111c;
	font-size: 11px;
	line-height: 11px;
}

/* @end */

/* @group PIED DE PAGE */

#footer span, #footer a {
	color: #999999;
	font-size: 10px;
	line-height: 11px;
}

#footer span {
	margin-right: 10px;
}

#footer span a {
	text-decoration: none;
}

#footer span a:hover {
	text-decoration: underline;
}

/* @end */




/* FIX png pour IE6 uniquement - la feuille de style n'est plus valide, grr.. */
* html img, * html .pin {
	behavior: url(css/iepngfix.htc);
}