/**** css by miss monorom www.intensivstation.ch ***
css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en*/
BODY
{
	background: #FFFFFF url(../img/bg_primaire.jpg) repeat-x center top;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	color: #333333;
	padding: 0;
	margin: 0;
}
#logo
{
	/*[empty]background:;*/
	width: 630px;
	height: 120px;
	display: block;
	position: absolute;
	float: inherit;
}
.normal12g
{
	font-size: 12px;
	margin: 0;
}
.normal16g
{
	font-size: 16px;
	margin: 0;
}
.normal24g
{
	font-size: 24px;
	margin: 0;
}
.pastel12g
{
	font-size: 12px;
	margin: 0;
	color: #FFA54F;
}
.pastel16g
{
	font-size: 16px;
	margin: 0;
	color: #FFA54F;
}
.pastel24g
{
	font-size: 24px;
	margin: 0;
	color: #FFA54F;
}
.rose12g
{
	font-size: 12px;
	margin: 0;
	color: #D50062;
}
.rose16g
{
	font-size: 16px;
	margin: 0;
	color: #D50062;
}
.rose24g
{
	font-size: 24px;
	margin: 0;
	color: #D50062;
}
.rouge12g
{
	font-size: 12px;
	margin: 0;
	color: #DB1607;
	font-weight: bold;
}
.rouge16g
{
	font-size: 16px;
	margin: 0;
	color: #DB1607;
	font-weight: bold;
}
.rouge24g
{
	font-size: 24px;
	margin: 0;
	color: #DB1607;
}
.bleu12g
{
	font-size: 12px;
	margin: 0;
	color: #254E8E;
	font-weight: bold;
}
.bleu16g
{
	font-size: 16px;
	margin: 0;
	color: #254E8E;
	font-weight: bold;
}
.bleu24g
{
	font-size: 24px;
	margin: 0;
	color: #254E8E;
}
.verteau12g
{
	font-size: 12px;
	margin: 0;
	color: #17878C;
	font-weight: bold;
}
.verteau16g
{
	font-size: 16px;
	margin: 0;
	color: #17878C;
	font-weight: bold;
}
.verteau24g
{
	font-size: 24px;
	margin: 0;
	color: #17878C;
}
.vert12g
{
	font-size: 12px;
	margin: 0;
	color: #648F25;
	font-weight: bold;
}
.vert16g
{
	font-size: 16px;
	margin: 0;
	color: #648F25;
	font-weight: bold;
}
.vert24g
{
	font-size: 24px;
	margin: 0;
	color: #648F25;
}
.violet12g
{
	font-size: 12px;
	margin: 0;
	color: #34384F;
}
.violet16g
{
	font-size: 16px;
	margin: 0;
	color: #34384F;
	font-weight: bold;
}
.violet24g
{
	font-size: 24px;
	margin: 0;
	color: #34384F;
}
/*-----------Reset---------------------------*/
FIELDSET, IMG
{
	border: 0;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.tright
{
	text-align: right;
}
/*-----------SEPARATION ET LIENS PRINCIPAUX---------------------------*/
HR
{
	display: none;
}
A
{
	color: #582041;
}
A:visited
{
	color: #582041;
}
A:hover
{
	color: #DB7093;
}
A:active
{
	color: #DB7093;
}
.glossymenu .submenu.lienvert A:link, .glossymenu .submenu.lienvert A:visited
{
	color: #648F25;
	font-weight: bold;
}
.glossymenu .submenu.lienvert A:hover, .glossymenu .submenu.lienvert A:active
{
	color: #7AAF2D;
	font-weight: bold;
}
.glossymenu .submenu.lienrouge A:link, .glossymenu .submenu.lienrouge A:visited
{
	color: #DB1607;
	font-weight: bold;
}
.glossymenu .submenu.lienrouge A:hover, .glossymenu .submenu.lienrouge A:active
{
	color: #FF1908;
	font-weight: bold;
}
.glossymenu .submenu.lienbleu A:link, .glossymenu .submenu.lienbleu A:visited
{
	color: #254E8E;
	font-weight: bold;
}
.glossymenu .submenu.lienbleu A:hover, .glossymenu .submenu.lienbleu A:active
{
	color: #3571CF;
	font-weight: bold;
}
.glossymenu .submenu.liengris A:link, .glossymenu .submenu.liengris A:visited
{
	color: #34384F;
	font-weight: bold;
}
.glossymenu .submenu.liengris A:hover, .glossymenu .submenu.liengris A:active
{
	color: #626995;
	font-weight: bold;
}
/*----------container to center the layout--------------*/
#container
{
	width: 960px;
	margin-bottom: 10px;
	margin: 0 auto;
	background-color: transparent;
}
/*----------banner for logo--------------*/
#banner
{
	background: transparent url(../img/banniere_primaire.png) no-repeat left top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 125px;
	width: 960px;
}
/*----------MINI HEADER--------------*/
#banner2
{
	background: transparent url(../img/bg_breadcrumb.png) no-repeat;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 35px;
	width: 960px;
}
#banniere
{
	background-color: transparent;
	width: 655px;
	float: left;
	height: 125px;
}
#logger
{
	background: transparent url(../img/bg_log.gif) no-repeat left top;
	width: 305px;
	height: 125px;
	margin-left: 655px;
	font-weight: bold;
	color: #002E73;
}
#ariane
{
	background-color: transparent;
	width: 480px;
	float: left;
	padding-left: 170px;
	padding-top: 10px;
}
#dateur
{
	background-color: transparent;
	width: 285px;
	margin-left: 655px;
	padding-top: 10px;
	padding-left: 10px;
	height: 25px;
}
#banner IMG
{
	padding: 0px;
}
#forminscrip
{
	padding: 0px 0px 0px 10px;
	/*[empty]background-color:;*/
}
#forminscrip INPUT
{
	font-size: 12px;
}
#forminscrip INPUT#ok
{
}
#forminscrip INPUT#motdepasse
{
	border: 1px solid #ACCDFE;
	padding: 0px 0 0 5px;
	height: 18px;
}
#forminscrip INPUT#login
{
	border: 1px solid #ACCDFE;
	padding: 0px 0 0 5px;
	height: 18px;
}
FORM#form1
{
	padding: 0px;
	margin: 0px;
	height: 20px;
}
FORM#form3
{
	padding: 0px;
	margin: 10px 0px 10px 10px;
	height: 20px;
	font-size: 12px;
}
#inscription
{
	padding: 0px 10px 0px 0px;
}
#content INPUT
{
	border: 1px solid #ACCDFE;
	padding: 2px;
	font-size: 14px;
	margin: 0px;
}
SELECT
{
	border: 1px solid #ACCDFE;
	padding: 2px;
	font-size: 14px;
	margin: 0px;
}
#form3 SELECT
{
	border: 1px solid #ACCDFE;
	padding: 0px;
	width: 211px;
	font-size: 14px;
	margin: 0px;
}
#souvenir
{
	width: 260px;
	padding: 8px 10px 10px 0px;
	height: 20px;
	text-align: left;
}
/*-----------------content---------------------*/
#content
{
	background-color: transparent;
	padding: 0px;
	margin: 0 160px;
	font-size: 12px;
}
DIV#content
{
	min-height: 600px;
	height: expression(this.scrollHeight > 600 ? "auto":"600px");
}
/*--------------GRAND BLOC FLASH-------------*/
#blocflash
{
	/*[empty]background-color:;*/
	width: 630px;
	padding-left: 4px;
}
#topblocvert
{
	height: 40px;
	background: url(../img/topbloc-vert.jpg) no-repeat left top;
	padding: 25px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#topblocrouge
{
	height: 40px;
	background: url(../img/topbloc-rouge.jpg) no-repeat left top;
	padding: 25px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FEFEFE;
}
#topblocbleu
{
	height: 40px;
	background: url(../img/topbloc-bleu.jpg) no-repeat left top;
	padding: 25px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#topblocviolet
{
	height: 40px;
	background: url(../img/topbloc-violet.jpg) no-repeat left top;
	padding: 25px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#bloc
{
	/*[empty]background-color:;*/
	background: url(../img/contentbloc1col.jpg) bottom;
}
#contentbloc
{
	padding: 0px 20px 20px;
}
/*--------------GRAND BLOC SANS ENTETE-------------*/
#bloc1
{
	background: url(../img/contentbloc1col.jpg) bottom;
}
#topbloc1
{
	height: 20px;
	background: url(../img/topbloc1col.jpg) no-repeat top;
}
#contentbloc1
{
	padding: 0px 20px 20px;
}

.contour {
	border: 1px solid #994DC7;
	padding: 8px;
}
/*--------------GRAND BLOC QUIZZ ROSE-------------*/
#blocquizzrose
{
	background: url(../img/blocquizzroses.jpg) bottom;
}
#topblocquizzrose
{
	height: 30px;
	background: url(../img/topblocquizzrose.jpg) no-repeat top;
}
#contentblocquizzrose
{
	padding: 0px 20px 20px !important;
	padding: 0px 10px 20px 20px ;
}
/*--------------GRAND BLOC QUIZZ BLEU-------------*/
#blocquizzbleu
{
	background: url(../img/blocquizzbleu.jpg) bottom;
}
#topblocquizzbleu
{
	height: 30px;
	background: url(../img/topblocquizzbleu.jpg) no-repeat top;
}
#contentblocquizzbleu
{
	padding: 0px 20px 20px;
}
/*--------------GRAND BLOC QUIZZ VERT-------------*/
#blocquizzvert
{
	background: url(../img/blocquizzvert.jpg) bottom;
}
#topblocquizzvert
{
	height: 30px;
	background: url(../img/topblocquizzvert.jpg) no-repeat top;
}
#contentblocquizzvert
{
	padding: 0px 20px 20px !important;
	padding: 0px 10px 20px 20px ;
}
/*--------------PETIT BLOC DE CONTENUE-------------*/
#bloc2g
{
	/*[empty]background-color:;*/
	background: url(../img/contentbloc2col.jpg) bottom;
	width: 315px;
	height: 200px;
	float: none;
}
#bloc2d
{
	/*[empty]background-color:;*/
	background: url(../img/contentbloc2col.jpg) bottom;
	width: 315px;
	height: 200px;
	float: right;
}
#topbloc2
{
	height: 20px;
	background: url(../img/topbloc2col.jpg) center top;
}
#contentbloc2
{
	padding: 0px 20px 20px;
}
/*--------------PETIT BLOC DE CONTENUE SANS FOND-------------*/
#bloc2g-nbg
{
	/*[empty]background-color:;*/
	width: 315px;
	height: 210px;
	float: none;
}
#bloc2d-nbg
{
	/*[empty]background-color:;*/
	width: 315px;
	height: 200px;
	float: right;
}
#topbloc2-nbg
{
	height: 20px;
}
#contentbloc2-nbg
{
	padding: 0px;
}
/*--------------REGLAGE PARAGRAPHE-------------*/
P, PRE
{
	margin: 0px;
	padding: 5px 10px;
}
/*--------------PETIT BLOC DROITE-------------*/
#sideblocparent
{
	background: url(../img/espaceparent.png) no-repeat center top;
	width: 160px;
	height: 200px;
}
#sidebloc
{
	/*[empty]background-color:;*/
}
#topsidebloc
{
	height: 20px;
	background: url(../img/topsidebloc.gif) no-repeat center top;
}
#contentsidebloc
{
	padding: 0px 10px 20px;
	background: url(../img/contentsidebloc.gif) bottom;
}
/*--------------left navi-------------*/
#form2 SELECT#espaceparent
{
	border: 1px solid #ACCDFE;
	padding: 0px;
	width: 135px;
	font-size: 11px;
	margin: 125px 5px 5px 13px;
}
#left
{
	float: left;
	width: 160px;
	margin: 0px 0 0;
	padding: 0;
}
#right
{
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
}
/*-----------footer---------------------------*/
#footer
{
	clear: both;
	margin: 0;
	padding: 20px 20px 0 10px;
	text-align: right;
	background: url(../img/footer.gif) no-repeat center top;
	height: 50px;
}
/*-----------glossy menu---------------------------*/
.glossymenu
{
	margin: 0px 0;
	padding: 0;
	width: 160px;
/*width of menu*/
	border: 0px none #9A9A9A;
}
.glossymenu A.menuitem
{
	background: transparent;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative;
/*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 0px;
	padding-left: 0px;
	text-decoration: none;
}
.glossymenu A.menuitem:visited, .glossymenu .menuitem:active
{
	color: white;
}
.glossymenu A.menuitem .statusicon
{
/*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 30px;
	right: 11px;
	border: none;
}
.glossymenu A.menuitem:hover
{
	background: transparent;
}
.glossymenu DIV.submenu2
{
/*FOND DU BLOC DECOUVREZ TOUTE LA COLLECTION*/
	background: url(../img/sousmenu_02.gif) bottom center;
	/*[empty]height:;*/
}
.glossymenu DIV.submenu2 A:link, .glossymenu DIV.submenu2 A:visited
{
	color: #2D7628;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.glossymenu DIV.submenu2 A:hover, .glossymenu DIV.submenu2 A:active
{
	color: #3FA738;
	font-weight: bold;
}
.glossymenu DIV.submenu
{
/*DIV that contains each sub menu*/
	background: url(../img/sousmenu_02.gif);
}
.glossymenu DIV.submenu UL
{
/*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu DIV.submenu UL LI
{
	border-bottom: 1px solid #EFEEEB;
	margin: 0px 6px 0px 5px;
}
.glossymenu DIV.submenu UL LI A
{
	display: block;
	font: normal 11px arial;
	color: #7F7F7F;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	font-size: 14px;
}
.glossymenu DIV.submenu UL LI A:hover
{
	background: url(../img/sousmenu_02.jpg);
	color: #333333;
}
/*-----------QUICKJUMP---------------------------*/
#quickjump
{
	min-width: 980px;
	height: 27px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 50000;
	width: 100%;
	background: url(../img/bg_quickjump.png);
}
#quickjump #select_logo .logo
{
	background: url(../img/logo.png) no-repeat 0 top;
	height: 27px;
	width: 140px;
	display: block;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	float: left;
}
#quickjump #select_lang
{
	float: right;
	width: 50px;
}
#quickjump #select_lang .lang
{
	height: 27px;
	width: 96px;
	display: block;
	float: right;
}
.header_text
{
	display: block !important; /*[e]block*/
	color: #582041;
	margin-top: 5px;
	margin-left: 15px;
}
.header_text *
{
	color: #582041;
}
.header_text A
{
	color: #582041 !important; /*[e]#582041*/
	text-decoration: none !important; /*[e]none*/
	outline: none;
}
.header_text SPAN
{
	color: #DA006A;
	font-weight: bold;
}

input.nok,select.nok {
	border: 1px solid red;
}

