body,html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#706f6f;
	padding: 0;
	margin: 0;
	background:white;
	height:100%;
}
form,ol,li,ul,dd,dt,dl,h1,h2,h3,h4,h5,h6,form,fieldset,p,td,th,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#706f6f;
}
td img {
	vertical-align:bottom;
}
a {
	color:black;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
hr {
	margin:0;
}
h1 {
	font-size:18pt;
	font-weight:normal;
	margin:0 50px 0 0;
	}
h2 {
	font-family:"Trebuchet MS";
	font-size:13pt;
	color:#ffa200;
	font-weight:bold;
	margin:10px 0 5px 0;
	}
h3 {
	font-family:"Trebuchet MS";
	font-size:11pt;
	color:#FF8A00;
	font-weight:bold;
	text-align:left;
	line-height:11pt;
	}
h4 {
	font-family:"Trebuchet MS";
	font-size:10pt;
	color:#FF8A00;
	font-weight:bold;
	border-bottom:GRAY solid 2px;
	text-align:left;
	line-height:11pt;
	}

/*=========*/
/* Classes */
/*=========*/
.normal {
	font-family:Arial;
	font-size:10pt;
	color:#706f6f;
	}
.pied {
	font-size:8pt;
	line-height:8pt;
	color:GRAY;
	text-decoration:none;
	padding-right:3px;
	}
.contour {
	border: solid 1px;
	}
.table {
	border-left:LIGHTGREY solid 1px;
	border-top:LIGHTGREY solid 1px;
	}
.td {
	border-right:LIGHTGREY solid 1px;
	border-bottom:LIGHTGREY solid 1px;
	}
.th {
	color:white;
	background-color:#9E9400;
	border-right:LIGHTGREY solid 1px;
	border-bottom:LIGHTGREY solid 1px;
	text-align:center;
	}
.input {
	font-size:8pt;
	color:#632181;
	height:16px;
	border:#bfaaca solid 1px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:3px 5px 0 5px;
	background:#ece9ed;
}
.input2 {
	font-size:8pt;
	height:16px;
	border:#743b8c solid 1px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:0 5px 0 5px;
	background:#fff;
	margin:0;
}
.submit {
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	color:#f29400;
	background:#fff7d7;
	border:orange solid 2px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.input_protege {
	font-size:8pt;
	font-weight:normal;
	height:17px;
	border:0;
	border-bottom:SILVER solid 1px;
}
.textarea {
	background-color:WHITE;
	font-family:Arial;
	font-size:8pt;
	line-height:8pt;
	font-weight:normal;
	}
.textarea {
	font-size:8pt;
	color:#632181;
	border:#bfaaca solid 1px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:3px 5px 0 5px;
	background:#ece9ed;
}

.textarea_protege {
	font-family:Arial;
	font-size:8pt;
	font-weight:normal;
	background-color:WHITE;
	overflow:hidden;
	border:0;
	border-bottom:SILVER solid 1px;
}
.select {
	font-size:8pt;
	font-weight:normal;
	background-color:WHITE;
	border:GRAY solid 1px;
}
.radio {
	/*
	border:0px;
	background-color:#FFFFFF;
	*/
	}
.legende {
	font-size:7pt;
	line-height:7pt;
	text-align:justify;
	}
.rollover {
	cursor:pointer;
	/*cursor:hand;*/
	}

.fond_gris {background-color:WHITESMOKE;}
.gris {color:GRAY;}

.moyen {font-size:8pt;line-height:9pt;}
.petit {font-size:7pt;line-height:7pt;}
.rikiki {font-size:6pt;line-height:6pt;}
.minimum {
	font-size:0pt;
	line-height:0pt;
	height:0;
}
.plus {font-size:11pt;}
.big {font-size:12pt;}
.more_big {font-size:14pt;}
.very_big {font-size:16pt;}

.gras {font-weight:bold;}
.italique {font-style:italic;}
.justifie {text-align:justify;}
.focus {
	color:WHITE;
	text-align:center;
	font-size:8pt;
	line-height:10pt;
	font-weight:bold;
	margin-top:5px;
}
.bordure_images {
	border-left:black solid 1px;
	border-top:black solid 1px;
	border-right:black solid 1px;
	border-bottom:black solid 1px;
}

.sep_droite {
	border-right:SILVER solid 1px;
}
.sep_gauche {
	border-left:SILVER solid 1px;
}
.sep_bas {
	border-bottom:SILVER solid 1px;
}
.sep_haut {
	border-top:SILVER solid 1px;
}
.message {
	font-size:8pt;
	line-height:8pt;
	color:GRAY;
	border:black solid 1px;
	background-color:IVORY;
	padding:5px;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color:GRAY);
	text-align:left;
}
.message_erreur {
	border:black solid 1px;
	background-color:darkred;
	color:IVORY;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.message_info {
	border:black solid 1px;
	background-color:darkgreen;
	color:IVORY;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.stabilo_rose {
	padding-left:4px;
	padding-right:4px;
	background-color:#FF7CFD;
}
.stabilo_jaune {
	padding-left:4px;
	padding-right:4px;
	background-color:#FEFF49;
}
.roundbox {
	font-size:8pt;
	line-height:9pt;
	border:GRAY solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color:WHITESMOKE;
	color:GRAY;
	padding:5px;
}
.roundbox_plus {
	border:GRAY solid 1px;
	border-radius:20px;
	-moz-border-radius:20px;
	padding:10px;
}
.fieldset {
	padding:3px;
	background-color:#FFFFCC;
	border-radius:5px;
	-moz-border-radius:5px;
}
.menu_off {
	font-size:8pt;
	font-weight:bold;
	color:white;
	text-decoration:none;
}
.menu_on {
	font-size:8pt;
	font-weight:bold;
	color:white;
	text-decoration:none;
}

.blanc {color:white;}
.noir {color:black;}

.nolink {text-decoration:none;}
.nolink:hover {text-decoration:none;}
.link {text-decoration:underline;}
.del {text-decoration: line-through;}
.react:hover {
	color:silver;
	text-decoration:none;
}
.react2:hover {
	color:silver;
	font-weight:bold;
	text-decoration:none;
}
li.long {
	margin-top:10px;
}
.transparent_70 {
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}
.noborder {border:0;}

/* =============================================================================
Projet
============================================================================= */
.violet {color:#632181;}
.fond_violet {background-color:#632181;}
.olive {color:#9E9400;}
.fond_olive {background-color:#9E9400;}
.fushia {color:#a778ae;}
.fond_fushia {background-color:#93117E;}
.creme {color:#AF8674;}
.fond_creme {background-color:#AF8674;}
.gris {color:#706D69;}
.fond_gris {background-color:#706D69;}
.rose {color:#CB0064;}

.violet2 {color:#93117e;}

.jaune {color:#F29400;}
.orange {color:#f29400;}
.cyan {color:#81cde6;}

.garcons {color:#2C5871;}
.filles {color:#93117E;}
.mixte {color:#706f6f;}

.frissons_vert {color:#adc500;}
.frissons_bleu {color:#2C5871;}
.frissons_orange {color:#f2a235;}
.frissons_violet {color:#553481;}

.prix {
	font-family:"Trebuchet MS";
	font-size:11pt;
	color:#9E9400;
	font-weight:bold;
}
.prix2 {
	font-family:"Trebuchet MS";
	font-size:11pt;
	color:#632181;
	font-weight:bold;
}

.actif {color:#632181;}
.actif:hover{text-decoration:none;}
.inactif {color:#c1a6cd;}
.inactif:hover{text-decoration:none;}

.cartouche_G {
	font-family:"Trebuchet MS";
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:white;
	background:#2c5871;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:10px;
	padding-right:10px;
}
.cartouche_F {
	font-family:"Trebuchet MS";
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:white;
	background:#93117E;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:10px;
	padding-right:10px;
}
.cartouche {
	font-family:"Trebuchet MS";
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:white;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:10px;
	padding-right:10px;
	width:250px;
}
.cartouche.frissons_vert {background-color:#adc500;}
.cartouche.frissons_bleu {background-color:#2C5871;}
.cartouche.frissons_orange {background-color:#f2a235;}
.cartouche.frissons_violet {background-color:#553481;}

.titre_layer {
	font-family:"Trebuchet MS";
	font-size:22pt;
	font-weight:bold;
}
.info_panier {
	font-size:10pt;
	color:#632181;
	border:#632181 solid 1px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	background:#ece9ed;
}
.bouton_boutique {
	font-family:"Trebuchet MS";
	font-size:11pt;
	font-weight:bold;
}
/* === CLASSES ============================================================== */
#main {
	background:transparent;
	height:590px;
	overflow:hidden;
}

#global {
	width:980px;
	height:554px;
	border:#632181 solid 8px;
	background:white url(../images/fond.gif) no-repeat center center;
}
#menu a:hover {
	text-decoration:none;
}
#menu_pied {
	text-align:right;
	margin-right:5px;
	width:960px;
}
#baseline a {
	color:#632181;
	border-bottom:gray dotted 1px;
}
#baseline a:hover {
	text-decoration:none;
}