/*** EMILE MAURIN : global.css ***/

.spacer {
	clear: both;
}

.checkbox {
	margin: 0px;
	padding: 0px;
	width: 13px;
	border: none;
}

html {
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}
html, body {
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #CBCBCB;
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color: #FFFFFF;
}

a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a:hover font {
	text-decoration: underline;
}

a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

input {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

form {
	margin: 0px;
	padding: 0px;
}

#contener {
	text-align: center;
	height: 100%;
}

#site {
	position: relative;
	width: 1018px;
	margin-left: auto;
	margin-right: auto;
}

/*** BANDEAU ZONE HAUTE ***/

#bandeauHaut {
	position: relative;
	background: url('../images/site/bandeau_haut_bg.jpg') top;
	font-family: Verdana;
	text-align: left;
	height: 96px;
}

#logo {
	position: absolute;
	top: 10px;
	left: 14px;
	width: 355px;
	height: 72px;
	background-image: url('../images/site/logo_principal_bg.gif');
	background-repeat: no-repeat;
}

#logo img {
	margin:3px 0px 0px 3px;
}

#image_cdrom {
	position: absolute;
	top: 13px;
	right: 17px;
}


#lien_utiles {
	float: left;
	width: 300px;
	height: 40px;
	font-family: verdana;
	font-size: 9px;
	text-align: right;
	padding: 2px 0px 0px 0px;
}
#lien_utiles .detail {
	margin: 2px 0px 0px 0px;
}
#lien_utiles .detail a {
	text-decoration: none;
}
#lien_utiles .detail a:hover {
	text-decoration: underline;
}
#lien_utiles .miseajour {
	float: right;
}
#lien_utiles .miseajour a {
	color: #000000;
	text-decoration: none;
	margin: 2px 4px 0px 0px;
}


#multilangue {
	position: relative;
	float: left;
	margin: 8px 0px 0px 10px ;
}
#multilangue .listbox {
	width: 37px;
	text-align: left;
	background: url('../images/site/fleche_listbox.gif') no-repeat right top ;
}
#multilangue .flag {
	width: 22px;
	height: 16px;
	clear: both;
}
#multilangue .scroll {
	position: absolute;
	top: 16px;
	left: 0px;
	display: none;
}

#connexion {
	/*width: 201px;*/
	width: 180px;
	height: 30px;
	float: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	overflow: hidden;
	background: url('../images/site/icone_identification.gif') 3px 0px no-repeat ;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px 4px;
}
#connexion div.co_utilisateur_connecte {
	width: 800px;
	padding: 3px 0px 0px 10px;
	text-align: left;
}
#connexion div.co_lien {
	padding: 3px 0px 0px 10px;
	text-align: left;
}

#menuHaut {
	float: left;
	width: 460px;
}
#menuHaut a {
	color: #000000;
}
#menuHaut span {
	display: block;
	text-align: center;
}
#menuHaut .menuHautElement {
	padding-top: 1px;
	padding-left: 2px;
	height: 34px;
}
#menuHaut .menuHautBouton {
	background-image: url('../images/site/menu_haut_bg.gif');
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	line-height: 34px;
	text-align: left;
	cursor: default;
}
#menuHaut .menuHautBouton.select {
	background-image: url('../images/site/menu_haut_selection_bg.gif');
}

/*** BANDEAU ZONE BASSE ***/

#hautBas {
	width: 1018px;
}

/*** Recherche ***/
#recherche {
	float: left;
	width: 201px;
	font-family: Verdana;
	font-size: 10px;
}
#recherche_produits {
	line-height: 18px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
#recherche_produits input {
	border: solid 1px #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	padding: 0px 1px 0px 18px;
	width: 156px;
	height: 18px;
	background: transparent url(./../images/site/magnifier.png) no-repeat 1px 2px;
}

/*** Chemin de navigation ***/

#barre_naviguation {
	float: left;
	height: 32px;
	width: 807px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	text-align: left;
	border: 0px solid #E5E5E5;
	border-bottom-width: 1px;
}
#barre_naviguation,
#barre_naviguation font {
	font-family: Verdana;
	font-size: 10px;
}
#barre_naviguation a,
#barre_naviguation a font  {
	color: #000000;
	text-decoration: none ;
}
#barre_naviguation a:hover,
#barre_naviguation a:hover font  {
	text-decoration: underline ;
}

/*** Menu d�roulant ***/

#nav, #nav ul {
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 2;
}
#nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#nav li {
	float: left;
	width: 90px;
	text-align: left;
}
#nav li ul {
	padding-top: 2px;
	position: absolute;
	left: -999em;
	width: 143px;
}
#nav li ul li {
	border-collapse: collapse;
	border: solid 1px #C5C5C5;
	width: 150px;
	line-height: 14px;
	background-color: #F4F4F4;
}
#nav li ul a {
	display: block;
	text-align: left;
	font-size: 10px;
	margin: 3px 5px 3px 5px;
}
#nav li ul a:hover {
	color: #000000;
	z-index: 2;
}
#nav li:hover ul,
#nav li.sfhover ul {
	left: auto;
}
#nav li ul li:hover,
#nav li ul li.sfhover {
	background-color: #C4C4C4;
}
#nav li.last {
	border: 0px;
}

/*** CORPS DE PAGE ***/

#basPage {
	width: 1018px;
	height: 0px;
	overflow: auto;
	position: relative;
	z-index: 0;
	text-align: left;
}

#basPage table#cadre {
	height: 100%;
}

#basPage table td#gauche {
	background: url('../images/site/colonne_gauche_bg.jpg') 8px 0px repeat-y ;
}


/*** Menu gauche ***/

#bandeauGauche {
	width: 201px;
	text-align: center ;
}

#zoneMenuGauche {
	width: 186px;
	height: 480px;
	text-align: left;
	padding: 0px 7px 0px 8px;
	background: url('../images/site/colonne_gauche_top_bg.jpg') 8px 0px no-repeat ;
}


#zone_lien {
	width: 171px;
	margin: 0px auto 0px auto;
	padding: 10px 5px 0px 5px;
}
#zone_lien div#lien_texte {
	font-family: verdana;
	font-size: 9px;
	padding: 2px 0px 2px 0px;
}
#zone_lien div.lien_image {
	height: 44px;
}

/*** Contact Coordonn�es ***/

#coordonnees {
	width: 186px;
	margin: 0px 7px 5px 8px;
}
#coordonnees .adresse {
	font-family: Verdana;
	text-align: left;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
}
#coordonnees .question_renseignement {
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 5px;
	line-height: 17px;
	font-family: Verdana;
	font-size: 9px;
	background: url('../images/site/icone_coordonnees_question.gif') 3px 0px no-repeat ;
}
#coordonnees .copyright {
	margin: 5px 0px 5px 0px;
}

/*** CORPS DE PAGE ***/

#corpsPage{
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	width: 799px;
	margin: 0px 0px 15px 0px;
}
#corpsPage a {
	font-family: Verdana;
}

.titre {
	height: 30px;
	padding: 4px 0px 4px 6px;
	font-size: 18px;
	text-align: left;
	background: url('../images/site/titre_bg.jpg') no-repeat;
}

.menuG{
	width:11px;
	height:20px;
	background:url("../images/institutionnel/menuG.gif") no-repeat;
	float:left;
}
.menuMil{
	height:20px;
	background:url("../images/institutionnel/menu.gif") no-repeat;
	float:left;
	padding:0px;
}
.menuMil p{
	margin:3px;
	font-weight:bold;
	display: inline;
	line-height: 22px;
	font-size: 11px;
}
.menuMil a{
	color:#333333;
}
.menuD{
	width:11px;
	height:20px;
	background:url("../images/institutionnel/menuD.gif") no-repeat;
	float:left;
}

/*** Formulaire ***/

#formulaire .contact_recommandation {
	font-style: italic;
	font-size: 11px;
}

#formulaire .submit {
	cursor: pointer;
}

#saisie_rapide .input_error,
#formulaire .input_error {
	border: 1px solid #CC0000;
	background: #FFDDDD;
}

#message_error {
	height: auto;
	min-height: 24px;
	_height: 24px;
	color: #CC0000;
	font-weight: bold;
	padding: 0px 0px 10px 5px;
	line-height: 16px;
}
#message_error a {
	color: blue;	
}

#corps_cookies_page {
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	width: 700px;
	margin: 0px;
}

/*** Bulle motif ***/

div.bulleMotif {
	background-color: #FFFFFF;
	margin: 0px 5px 0px 0px;
	background-repeat: repeat-y;
}
div.bulleBas {
	background-repeat: no-repeat;
	background-position: bottom;
}
div.bulleHaut {
	padding: 5px;
	font-family: Verdana;
	background-repeat: no-repeat;
	background-position: top;
}

div.bulleMotif.M137 {
	width: 137px;
	background-image: url('../images/site/bulle_motif_137.gif');
}
div.bulleBas.B137 {
	background-image: url('../images/site/bulle_bas_137.gif');
}
div.bulleHaut.H137 {
	background-image: url('../images/site/bulle_haut_137.gif');
}

div.bulleMotif.M150 {
	width: 150px;
	background-image: url('../images/site/bulle_motif_150.gif');
}
div.bulleBas.B150 {
	background-image: url('../images/site/bulle_bas_150.gif');
}
div.bulleHaut.H150 {
	background-image: url('../images/site/bulle_haut_150.gif');
}

div.bulleMotif.M170 {
	width: 170px;
	background-image: url('../images/site/bulle_motif_170.gif');
}
div.bulleBas.B170 {
	background-image: url('../images/site/bulle_bas_170.gif');
}
div.bulleHaut.H170 {
	background-image: url('../images/site/bulle_haut_170.gif');
}

div.bulleMotif.M286 {
	width: 286px;
	background-image: url('../images/site/bulle_motif_286.gif');
}
div.bulleBas.B286 {
	background-image: url('../images/site/bulle_bas_286.gif');
}
div.bulleHaut.H286 {
	background-image: url('../images/site/bulle_haut_286.gif');
}

div.bulleMotif.M318 {
	width: 318px;
	background-image: url('../images/site/bulle_motif_318.gif');
}
div.bulleBas.B318 {
	background-image: url('../images/site/bulle_bas_318.gif');
}
div.bulleHaut.H318 {
	background-image: url('../images/site/bulle_haut_318.gif');
}

div.bulleMotif.M410 {
	width: 410px;
	background-image: url('../images/site/bulle_motif_410.gif');
}
div.bulleBas.B410 {
	background-image: url('../images/site/bulle_bas_410.gif');
}
div.bulleHaut.H410 {
	background-image: url('../images/site/bulle_haut_410.gif');
}

div.bulleMotif.M426 {
	width: 426px;
	background-image: url('../images/site/bulle_motif_426.gif');
}
div.bulleBas.B426 {
	background-image: url('../images/site/bulle_bas_426.gif');
}
div.bulleHaut.H426 {
	background-image: url('../images/site/bulle_haut_426.gif');
}

div.bulleMotif.M580 {
	width: 580px;
	background-image: url('../images/site/bulle_motif_580.gif');
}
div.bulleBas.B580 {
	background-image: url('../images/site/bulle_bas_580.gif');
}
div.bulleHaut.H580 {
	background-image: url('../images/site/bulle_haut_580.gif');
}

div.bulleMotif.M762 {
	width: 762px;
	background-image: url('../images/site/bulle_motif_762.gif');
}
div.bulleBas.B762 {
	background-image: url('../images/site/bulle_bas_762.gif');
}
div.bulleHaut.H762 {
	background-image: url('../images/site/bulle_haut_762.gif');
}

.message-fonctionnalite-indispo {
	text-align: center;
}
.message-fonctionnalite-indispo a {
	color: blue;
}
